.lishi-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);z-index:25000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.4s ease}.lishi-modal.active{opacity:1;visibility:visible}.lishi-scroll{width:90%;max-width:480px;max-height:85vh;background:linear-gradient(180deg,rgba(250,245,235,0.98) 0%,rgba(240,230,215,0.96) 100% );border-radius:24px;overflow:hidden;transform:scale(0.9) translateY(30px);transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);border:1px solid rgba(139,90,43,0.25);box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 0 1px rgba(139,90,43,0.2),inset 0 1px 0 rgba(255,255,255,0.6)}.lishi-modal.active .lishi-scroll{transform:scale(1) translateY(0)}.lishi-top-border{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(194,58,48,0.6) 10%,rgba(212,175,55,0.8) 30%,rgba(78,130,140,0.8) 50%,rgba(212,175,55,0.8) 70%,rgba(194,58,48,0.6) 90%,transparent 100% )}.lishi-header{position:relative;padding:20px 20px 0;text-align:center}.lishi-title{font-family:'Noto Serif SC',serif;font-size:20px;font-weight:700;color:#4A3728;margin-bottom:8px;letter-spacing:2px}.lishi-subtitle{font-size:13px;color:#8B7355;margin-bottom:16px}.lishi-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:rgba(139,90,43,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8B7355;font-size:20px;cursor:pointer;transition:all 0.3s;border:1px solid rgba(139,90,43,0.2)}.lishi-close:hover{background:rgba(194,58,48,0.15);color:#C23A30;transform:scale(1.1)}.lishi-content{padding:0 16px 20px;max-height:calc(85vh - 100px);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.lishi-content::-webkit-scrollbar{width:4px}.lishi-content::-webkit-scrollbar-thumb{background:rgba(139,90,43,0.3);border-radius:2px}.lishi-timeline{position:relative;padding:40px 0 20px;display:flex;flex-direction:column;align-items:center;min-height:100%}.lishi-main-line{position:absolute;left:50%;transform:translateX(-50%);width:3px;background:linear-gradient(180deg,rgba(194,58,48,0.9) 0%,rgba(212,165,116,0.7) 50%,rgba(139,90,43,0.5) 100% );border-radius:2px;z-index:1}.lishi-line-node{position:absolute;left:50%;transform:translateX(-50%);width:10px;height:10px;background:#C23A30;border-radius:50%;border:2px solid #F5F0E6;box-shadow:0 0 6px rgba(194,58,48,0.4);opacity:0;transition:opacity 0.3s ease}.lishi-line-node.visible{opacity:1}.lishi-origin{position:relative;width:85%;max-width:320px;background:linear-gradient(135deg,rgba(194,58,48,0.1) 0%,rgba(245,240,230,0.95) 100% );border:2px solid rgba(194,58,48,0.3);border-radius:16px;padding:20px;margin-top:80px;margin-bottom:60px;text-align:center;box-shadow:0 8px 24px rgba(194,58,48,0.15),inset 0 1px 0 rgba(255,255,255,0.5);z-index:2;order:999}.lishi-origin-icon{font-size:48px;margin-bottom:12px;display:block}.lishi-origin-title{font-family:'Noto Serif SC',serif;font-size:18px;font-weight:700;color:#4A3728;margin-bottom:8px}.lishi-origin-location{font-size:14px;color:#C23A30;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:4px}.lishi-origin-time{font-size:13px;color:#8B7355;margin-bottom:12px;padding:4px 12px;background:rgba(139,90,43,0.08);border-radius:12px;display:inline-block}.lishi-origin-person{font-size:14px;color:#4A3728;font-weight:600;margin-bottom:10px}.lishi-origin-desc{font-size:13px;color:#6B5B4F;line-height:1.6;text-align:left}.lishi-node{position:relative;width:42%;margin-bottom:40px;z-index:2;transform:scale(0);opacity:0;transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1),opacity 0.4s ease}.lishi-node[data-position="left"]{align-self:flex-start;margin-left:5%;transform-origin:right center}.lishi-node[data-position="right"]{align-self:flex-end;margin-right:5%;transform-origin:left center}.lishi-node.grown{transform:scale(1);opacity:1}.lishi-node-card{background:rgba(255,255,255,0.9);border-radius:12px;padding:14px;border:1px solid rgba(139,90,43,0.15);box-shadow:0 4px 12px rgba(0,0,0,0.08);position:relative}.lishi-node[data-position="left"] .lishi-node-card::after{content:'';position:absolute;right:-20px;top:50%;transform:translateY(-50%) scaleX(0);width:20px;height:2px;background:linear-gradient(90deg,rgba(194,58,48,0.5) 0%,rgba(194,58,48,0.2) 100% );transform-origin:left;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1)}.lishi-node[data-position="right"] .lishi-node-card::after{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%) scaleX(0);width:20px;height:2px;background:linear-gradient(90deg,rgba(194,58,48,0.2) 0%,rgba(194,58,48,0.5) 100% );transform-origin:right;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1)}.lishi-node.grown .lishi-node-card::after{transform:translateY(-50%) scaleX(1)}.lishi-node-year{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#C23A30 0%,#A03028 100%);color:white;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px rgba(194,58,48,0.3);z-index:3}.lishi-node-title{font-family:'Noto Serif SC',serif;font-size:14px;font-weight:600;color:#4A3728;margin-bottom:6px;margin-top:8px}.lishi-node-person{font-size:12px;color:#C23A30;margin-bottom:6px;display:flex;align-items:center;gap:4px}.lishi-node-desc{font-size:12px;color:#6B5B4F;line-height:1.5}.lishi-endangered{position:relative;width:85%;max-width:320px;background:linear-gradient(180deg,#1a1a1a00 0%,#0d0d0d00 100% );border:2px solid #C9A96E;border-radius:20px;padding:28px 24px 24px;margin-bottom:80px;text-align:center;box-shadow:0 0 0 1px rgba(201,169,110,0.3),0 0 30px rgba(201,169,110,0.15),0 8px 32px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.05);z-index:2;order:-1;transform:scale(0);opacity:0;transform-origin:center bottom;transition:transform 0.7s cubic-bezier(0.34,1.56,0.64,1),opacity 0.5s ease;overflow:hidden}.lishi-endangered.grown{transform:scale(1);opacity:1}.lishi-endangered::before{content:'';position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid rgba(201,169,110,0.2);border-radius:14px;pointer-events:none}.lishi-endangered-connector{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:radial-gradient(circle,#C9A96E 0%,#8B7355 100%);border-radius:50%;box-shadow:0 0 0 3px #1a1a1a,0 0 0 4px rgba(201,169,110,0.5),0 0 15px rgba(201,169,110,0.6);z-index:3}.lishi-endangered-warning{font-family:'Noto Serif SC',serif;font-size:13px;color:#C9A96E;line-height:1.8;margin-bottom:16px;text-shadow:0 1px 2px rgba(0,0,0,0.5);opacity:0.9}.lishi-endangered-divider{width:60%;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent 0%,rgba(201,169,110,0.3) 20%,rgba(201,169,110,0.8) 50%,rgba(201,169,110,0.3) 80%,transparent 100% );position:relative}.lishi-endangered-divider::after{content:'◆';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:6px;color:rgba(201,169,110,0.6)}.lishi-endangered-year{font-family:'Noto Serif SC',serif;font-size:16px;font-weight:600;color:#D4C8B8;letter-spacing:3px;margin:14px 0;text-shadow:0 1px 3px rgba(0,0,0,0.5)}.lishi-endangered-title{font-family:'Noto Serif SC',serif;font-size:32px;font-weight:700;color:#C9A96E;margin-top:14px;letter-spacing:8px;text-shadow:0 0 20px rgba(201,169,110,0.4),0 2px 4px rgba(0,0,0,0.5);background:linear-gradient(180deg,#E8D5C4 0%,#C9A96E 50%,#8B7355 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lishi-scroll-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:#8B7355;font-size:12px;opacity:0.7;animation:hintBounce 2s ease-in-out infinite}@keyframes hintBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.lishi-scroll-hint-icon{font-size:20px}.lishi-bottom-spacer{width:100%;height:40vh;flex-shrink:0;order:1000;pointer-events:none}.lishi-empty{text-align:center;padding:60px 20px;color:#8B7355}.lishi-empty-icon{font-size:56px;margin-bottom:16px;opacity:0.5}.lishi-empty-text{font-size:14px}@media (max-width:380px){.lishi-scroll{width:95%;max-width:none}.lishi-node{width:45%}.lishi-node[data-position="left"]{margin-left:2%}.lishi-node[data-position="right"]{margin-right:2%}}