:root{--ink-deep:#1a1a2e;--ink-medium:#2d2d44;--ink-light:#4a4a6a;--ink-wash:#1a1a2e99;--cyan-dark:#2c4a4a;--cyan:#3d6b6b;--cyan-light:#5a9a9a;--cyan-wash:#3d6b6b26;--ochre-dark:#6b4a2d;--ochre:#8b6b4a;--ochre-light:#b89a6b;--ochre-wash:#8b6b4a1f;--cinnabar:#c94a4a;--cinnabar-light:#e87a7a;--cinnabar-wash:#c94a4a14;--gold:#d4a853;--gold-bright:#f0c674;--gold-glow:#d4a85333;--gold-border:#d4a85326;--gold-dark:#b89a6b;--gold-light:#e0c88a;--gold-bg:#d4a8530f;--paper:#f5efe4;--paper-aged:#e8dcc8;--paper-dark:#d4c8b0;--text-primary:#e8dcc8;--text-secondary:#e8dcc8a6;--text-muted:#e8dcc866;--text-bright:#f5efe4;--red:var(--cinnabar);--red-light:#e87a7a;--red-bg:#c94a4a1f;--blue:#4a8ec9;--blue-light:#7ab8e8;--blue-bg:#4a8ec91f;--purple:#7a5ac9;--purple-light:#a88ee8;--purple-bg:#7a5ac91f;--green:#4ac97a;--green-light:#7ae8a0;--green-bg:#4ac97a1f;--bg-primary:var(--ink-deep);--bg-secondary:var(--ink-medium);--bg-panel:#1a1a2ee0;--bg-card:#2d2d44b8;--bg-card-hover:#3c3c55d1;--bg-overlay:#10101eeb;--border-gold:1px solid var(--gold-border);--border-panel:1px solid #d4a8531a;--border-subtle:1px solid #ffffff0a;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--font-calligraphy:"STKaiti", "KaiTi", "Noto Serif SC", serif;--font-cn:"Noto Serif SC", "STSong", "SimSun", serif;--font-ui:"Noto Sans SC", "PingFang SC", sans-serif;--transition-scroll:.4s cubic-bezier(.25, .46, .45, .94);--transition-ink:.3s ease-out;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;font-family:var(--font-ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg-primary);color:var(--text-primary);margin:0;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-cn);color:var(--gold);font-weight:600}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b6b4a33;border-radius:1px}::-webkit-scrollbar-thumb:hover{background:#8b6b4a66}.xianxia-panel{border:var(--border-panel);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#2d2d44bf 0%,#1a1a2ed9 100%);position:relative}.xianxia-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-border), transparent);height:1px;position:absolute;top:0;left:12px;right:12px}.xianxia-panel:after{content:"";border-top:1px solid var(--ochre);border-left:1px solid var(--ochre);border-radius:var(--radius-lg) 0 0 0;opacity:.3;width:12px;height:12px;position:absolute;top:-1px;left:-1px}.section-title{font-family:var(--font-calligraphy);color:var(--paper-aged);letter-spacing:.15em;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:8px;font-size:1.05rem;display:flex;position:relative}.section-title:before{content:"◆";color:var(--ochre);opacity:.7;font-size:.55rem}.section-title:after{content:"";background:linear-gradient(90deg, var(--gold-border), transparent);flex:1;height:1px;margin-left:8px}.xianxia-btn{border-radius:var(--radius-md);font-family:var(--font-ui);cursor:pointer;border:none;padding:8px 20px;font-size:.85rem;transition:all .25s;position:relative;overflow:hidden}.xianxia-btn-gold{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#0a0f1e;font-weight:600}.xianxia-btn-gold:hover{box-shadow:0 0 20px var(--gold-glow);transform:translateY(-1px)}.xianxia-btn-blue{background:linear-gradient(135deg, var(--blue), #3a7ab8);color:#fff}.xianxia-btn-blue:hover{box-shadow:0 0 15px #4a8ec940}.xianxia-btn-green{background:linear-gradient(135deg, var(--green), #3a9a5a);color:#fff}.xianxia-btn-green:hover{box-shadow:0 0 15px #4ac97a40}.xianxia-btn-red{background:linear-gradient(135deg, var(--red), #a03a3a);color:#fff}.xianxia-btn-red:hover{box-shadow:0 0 15px #c94a4a40}.xianxia-btn-ghost{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14}.xianxia-btn-ghost:hover{color:var(--text-primary);border-color:var(--gold-border);background:#ffffff14}.stat-bar{background:#00000059;border-radius:4px;height:8px;position:relative;overflow:hidden}.stat-bar-fill{border-radius:4px;height:100%;transition:width .5s;position:relative}.stat-bar-fill:after{content:"";background:linear-gradient(#fff3,#0000);border-radius:4px 4px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.stat-bar-hp .stat-bar-fill{background:linear-gradient(90deg, #a03a3a, var(--red))}.stat-bar-mp .stat-bar-fill{background:linear-gradient(90deg, #3a6a9a, var(--blue))}.stat-bar-exp .stat-bar-fill{background:linear-gradient(90deg, var(--gold-dark), var(--gold))}.stat-bar-progress .stat-bar-fill{background:linear-gradient(90deg, #5a3a8a, var(--purple))}.xianxia-tag{border-radius:20px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.tag-gold{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-border)}.tag-purple{background:var(--purple-bg);color:var(--purple-light);border:1px solid #7a5ac926}.tag-green{background:var(--green-bg);color:var(--green-light);border:1px solid #4ac97a26}.tag-red{background:var(--red-bg);color:var(--red-light);border:1px solid #c94a4a26}.tag-blue{background:var(--blue-bg);color:var(--blue-light);border:1px solid #4a8ec926}.tag-rainbow{color:#f5d78e;background:linear-gradient(135deg,#d4a85340,#8b5cf640);border:1px solid #d4a8534d}.quality-common{color:#8a8a8a}.quality-uncommon{color:var(--green)}.quality-rare{color:var(--blue)}.quality-epic{color:var(--purple)}.quality-legendary{color:var(--gold)}.quality-border-common{border-color:#8a8a8a40}.quality-border-uncommon{border-color:#4ac97a40}.quality-border-rare{border-color:#4a8ec940}.quality-border-epic{border-color:#7a5ac940}.quality-border-legendary{border-color:var(--gold-border)}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:3rem}.xianxia-divider{background:linear-gradient(90deg, transparent, var(--gold-border), transparent);height:1px;margin:16px 0}.diamond-divider{align-items:center;gap:10px;margin:12px 0;display:flex}.diamond-divider:before,.diamond-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-border), transparent);flex:1;height:1px}.diamond-divider .diamond{color:var(--gold);opacity:.5;font-size:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 5px var(--gold-glow)}50%{box-shadow:0 0 20px var(--gold-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.metal-text{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 50%, var(--gold-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.paper-texture{position:relative}.paper-texture:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#f5efe405 0%,#0000 50%),radial-gradient(at 80% 20%,#d4a85303 0%,#0000 40%);position:absolute;inset:0}.ink-border{border:1px solid #8b6b4a33;position:relative}.ink-border:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-border), transparent);height:1px;position:absolute;top:-1px;left:10%;right:10%}.cinnabar-corner:after{content:"";border-top:1px solid var(--cinnabar);border-left:1px solid var(--cinnabar);opacity:.4;width:12px;height:12px;position:absolute;top:-1px;left:-1px}@keyframes scrollUnfold{0%{opacity:0;transform-origin:top;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1.02)}to{transform:scaleY(1)}}.scroll-unfold{animation:scrollUnfold var(--transition-scroll) forwards}@keyframes inkBleed{0%{clip-path:circle(0%);opacity:0}to{clip-path:circle(100%);opacity:1}}.ink-bleed-enter{animation:.4s ease-out forwards inkBleed}@keyframes inkSoak{0%{background-position:100% 100%}to{background-position:0 0}}.ink-soak{background:linear-gradient(135deg, transparent 0%, var(--ink-wash) 100%);transition:background-position var(--transition-ink);background-position:100% 100%;background-size:200% 200%}.ink-soak:hover{background-position:0 0}@keyframes spiritGather{0%{opacity:.3;transform:rotate(0)}50%{opacity:.8}to{opacity:.3;transform:rotate(360deg)}}.spirit-loading{border:2px solid var(--ochre-wash);border-top-color:var(--gold);border-radius:50%;width:40px;height:40px;animation:1.5s linear infinite spiritGather}@keyframes breakthrough{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.2)}}.breakthrough-glow{pointer-events:none;z-index:9999;background:radial-gradient(circle,#d4a8534d 0%,#0000 70%);animation:1.5s ease-out forwards breakthrough;position:fixed;inset:0}@keyframes celestialOmen{0%{opacity:0;filter:blur(10px)}30%{opacity:.6;filter:blur()}70%{opacity:.6}to{opacity:0;filter:blur(5px)}}.celestial-omen{pointer-events:none;z-index:9998;background:radial-gradient(at 30% 20%,#d4a8531a 0%,#0000 50%),radial-gradient(at 70% 80%,#8b6b4a14 0%,#0000 40%);animation:3s ease-in-out forwards celestialOmen;position:fixed;inset:0}.calligraphy-title{font-family:var(--font-calligraphy);color:var(--paper-aged);letter-spacing:.15em;text-shadow:0 0 20px #d4a8531a}.seal-value{font-family:var(--font-calligraphy);color:var(--gold);text-shadow:0 0 8px var(--gold-glow);letter-spacing:.1em}.ink-spacing{padding:2rem 2.5rem}.cinnabar-divider{background:linear-gradient(90deg, transparent, var(--cinnabar-wash), var(--cinnabar), var(--cinnabar-wash), transparent);opacity:.3;height:1px}.gold-divider{background:linear-gradient(90deg, transparent, var(--gold-border), var(--gold), var(--gold-border), transparent);opacity:.2;height:1px}.ink-dot:before{content:"·";color:var(--ochre);margin-right:.5em;font-size:1.2em}.scroll-menu{border:1px solid var(--ochre-wash);border-top:2px solid var(--ochre);transform-origin:top;background:linear-gradient(#1a1a2ef2 0%,#2d2d44e6 100%)}.ink-card{background:linear-gradient(135deg,#1a1a2ecc 0%,#2d2d4499 100%);border:1px solid #8b6b4a26;position:relative;overflow:hidden}.ink-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.spirit-particle{background:radial-gradient(circle, var(--gold) 0%, transparent 70%);border-radius:50%;width:3px;height:3px;animation:linear infinite spiritFloat;position:absolute}@keyframes spiritFloat{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.6}90%{opacity:.2}to{opacity:0;transform:translateY(-100vh)scale(.3)}}@media (width<=1024px){:root{--spacing-lg:16px;--spacing-xl:24px}.xianxia-btn{padding:7px 16px;font-size:.82rem}.section-title{margin-bottom:10px;font-size:.95rem}.empty-state{padding:40px 16px}}@media (width<=768px){:root{--spacing-md:10px;--spacing-lg:14px;--spacing-xl:20px;--radius-sm:2px;--radius-md:3px;--radius-lg:4px}.xianxia-btn{padding:6px 14px;font-size:.8rem}.section-title{letter-spacing:.08em;margin-bottom:8px;font-size:.88rem}.stat-bar{height:6px}.xianxia-tag{padding:2px 8px;font-size:.68rem}.empty-state{padding:30px 12px}.empty-state-icon{font-size:2rem}.ink-spacing{padding:1rem 1.2rem}}@media (width<=480px){:root{--spacing-md:8px;--spacing-lg:10px;--spacing-xl:16px}.xianxia-btn{padding:5px 12px;font-size:.78rem}.section-title{gap:4px;font-size:.82rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}