@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200;400;700;900&family=Ma+Shan+Zheng&display=swap";:root{--zhusha-red: #C93756;--liuli-blue: #0066CC;--mo-black: #1C1C1C;--jin-gold: #D4AF37;--yu-white: #F5F5DC;--qing-cyan: #7FDBDA;--he-brown: #8B4513;--fen-pink: #F5C6C8;--paper-bg: rgba(245, 245, 220, .95);--ink-overlay: rgba(28, 28, 28, .85);--gold-glow: rgba(212, 175, 55, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Serif SC",STSong,SimSun,serif;overflow:hidden;background:var(--mo-black);color:var(--yu-white);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none}.calligraphy{font-family:Ma Shan Zheng,cursive}.loading-screen{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#2a1a0e,#0f0a05);transition:opacity 1s ease,visibility 1s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-seal{width:80px;height:80px;border:3px solid var(--zhusha-red);border-radius:8px;display:flex;align-items:center;justify-content:center;animation:sealPulse 2s ease-in-out infinite;position:relative}.loading-seal:before{content:"非遗";font-family:Ma Shan Zheng,cursive;font-size:1.8rem;color:var(--zhusha-red)}.loading-seal:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(201,55,86,.3);border-radius:10px;animation:sealGlow 2s ease-in-out infinite}@keyframes sealPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes sealGlow{0%,to{opacity:.3}50%{opacity:.8}}.loading-text{margin-top:30px;font-family:"Noto Serif SC",serif;font-size:1.1rem;font-weight:200;letter-spacing:8px;color:var(--jin-gold);opacity:.8}.loading-progress{width:200px;height:2px;margin-top:20px;background:#d4af3733;border-radius:1px;overflow:hidden}.loading-progress-bar{height:100%;background:linear-gradient(90deg,var(--zhusha-red),var(--jin-gold));animation:progressFlow 2s ease-in-out infinite;border-radius:1px}@keyframes progressFlow{0%{width:0%}50%{width:80%}to{width:100%}}.top-nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;background:linear-gradient(180deg,rgba(15,10,5,.8) 0%,transparent 100%)}.top-nav>*{pointer-events:auto}.logo-title{font-family:Ma Shan Zheng,cursive;font-size:1.6rem;color:var(--jin-gold);text-shadow:0 0 20px var(--gold-glow);letter-spacing:4px}.nav-seal{width:36px;height:36px;border:2px solid var(--zhusha-red);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:Ma Shan Zheng,cursive;font-size:.9rem;color:var(--zhusha-red);cursor:pointer;transition:all .3s}.nav-seal:hover{background:#c9375633}.info-panel{position:fixed;bottom:0;left:0;right:0;z-index:50;pointer-events:none;padding:0 20px 20px}.info-card{pointer-events:auto;background:linear-gradient(135deg,#f5f5dceb,#f0e6d2eb);border:1px solid var(--jin-gold);border-radius:12px;padding:20px 24px;color:var(--mo-black);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -4px 30px #0000004d;max-width:500px;margin:0 auto;transform:translateY(0);transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--zhusha-red),var(--jin-gold),var(--zhusha-red))}.info-card.hidden{transform:translateY(120%)}.info-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.info-card-seal{width:40px;height:40px;border:2px solid var(--zhusha-red);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:Ma Shan Zheng,cursive;font-size:1.2rem;color:var(--zhusha-red);flex-shrink:0}.info-card-title{font-family:Ma Shan Zheng,cursive;font-size:1.5rem;color:var(--mo-black);line-height:1.2}.info-card-subtitle{font-size:.75rem;color:var(--he-brown);opacity:.7;letter-spacing:2px}.info-card-dynasty{font-size:.8rem;color:var(--zhusha-red);margin-bottom:8px;letter-spacing:1px}.info-card-desc{font-size:.85rem;line-height:1.7;color:#4a4032;max-height:100px;overflow-y:auto}.info-card-tabs{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(212,175,55,.3)}.info-tab{padding:6px 14px;font-size:.75rem;border:1px solid var(--jin-gold);border-radius:20px;color:var(--he-brown);cursor:pointer;transition:all .3s;background:transparent;font-family:"Noto Serif SC",serif}.info-tab.active,.info-tab:hover{background:var(--zhusha-red);color:#fff;border-color:var(--zhusha-red)}.info-card-back{position:absolute;top:14px;right:16px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(28,28,28,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;color:var(--he-brown);transition:all .3s;background:transparent}.info-card-back:hover{background:#c937561a;border-color:var(--zhusha-red);color:var(--zhusha-red)}.bottom-nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:50;display:flex;gap:12px;padding:10px 16px;background:#0f0a05d9;border:1px solid rgba(212,175,55,.3);border-radius:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto}.bottom-nav.detail-mode{inset:50% 20px auto auto;transform:translateY(-50%);flex-direction:column}.nav-dot{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(212,175,55,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:.65rem;color:var(--yu-white);font-family:Ma Shan Zheng,cursive;background:transparent;position:relative}.nav-dot.active{border-color:var(--jin-gold);background:#d4af3733;box-shadow:0 0 15px var(--gold-glow)}.nav-dot:hover{border-color:var(--jin-gold);transform:scale(1.1)}.nav-dot-tooltip{position:absolute;bottom:110%;left:50%;transform:translate(-50%);white-space:nowrap;background:var(--ink-overlay);padding:4px 10px;border-radius:4px;font-size:.7rem;color:var(--jin-gold);opacity:0;transition:opacity .3s;pointer-events:none}.nav-dot:hover .nav-dot-tooltip{opacity:1}.hint-text{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:40;font-size:.8rem;color:#f5f5dc80;letter-spacing:3px;animation:hintFade 3s ease-in-out infinite;pointer-events:none}@keyframes hintFade{0%,to{opacity:.3}50%{opacity:.7}}@media(max-width:480px){.logo-title{font-size:1.2rem}.info-card{padding:16px 18px;margin:0 4px}.info-card-title{font-size:1.3rem}.bottom-nav{gap:8px;padding:8px 12px}.nav-dot{width:36px;height:36px;font-size:.6rem}}