:root{--bg0:#05080f;--bg1:#0a0f1e;--bg2:#111936;--panel:#94a3db0e;--panel-strong:#94a3db1a;--line:#e8c56d47;--line-soft:#e8c56d21;--amber:#e8c56d;--amber-bright:#f6dc95;--amber-deep:#a8873f;--cream:#f2e9d5;--cream-dim:#d9cdb0;--ink:#191208;--text:#e9e7e0;--text-dim:#a9aec4;--text-faint:#6d7494;--font-display:"Songti SC", "Noto Serif SC", "STSong", "SimSun", serif;--font-body:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--radius:12px;--radius-sm:7px;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg0);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(1200px 800px at 80% -10%, #4e60b229, transparent 60%), radial-gradient(900px 600px at 10% 110%, #8a2be21a, transparent 55%), radial-gradient(700px 500px at 50% 50%, #e8c56d0b, transparent 70%), linear-gradient(180deg, var(--bg0), var(--bg1) 45%, var(--bg0));position:fixed;inset:0}body:after{content:"";z-index:200;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(4,end) infinite grain-shift;position:fixed;inset:-50%}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}to{transform:translate(2%,-1%)}}::selection{color:#fff;background:#e8c56d59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg0)}::-webkit-scrollbar-thumb{border:2px solid var(--bg0);background:linear-gradient(#e8c56d59,#e8c56d26);border-radius:6px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.3}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.plaque{background:linear-gradient(180deg, var(--cream) 0%, #e3d5b4 55%, #cdbb93 100%);color:var(--ink);font-family:var(--font-display);letter-spacing:.14em;border-radius:3px;padding:7px 18px 6px;display:inline-block;position:relative;box-shadow:0 2px #00000059,inset 0 1px #ffffffa6}.plaque:before,.plaque:after{content:"";border:1px solid #1912088c;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.plaque:before{left:7px}.plaque:after{right:7px}.plaque--dark{color:var(--cream);background:linear-gradient(#2a2315,#1d1810);box-shadow:0 2px #00000080,inset 0 0 0 1px #e8c56d59,inset 0 1px #ffffff0f}.wing-title{align-items:baseline;gap:14px;margin:0 0 8px;display:flex}.wing-title h2{letter-spacing:.18em;color:var(--cream);text-shadow:0 0 24px #e8c56d40;font-size:clamp(1.5rem,3vw,2.1rem)}.wing-title .wing-en{font-family:var(--font-body);letter-spacing:.32em;color:var(--amber);text-transform:uppercase;font-size:.72rem}.wing-title .wing-desc{color:var(--text-faint);margin-left:auto;font-size:.85rem}.wing-rule{background:linear-gradient(90deg, var(--line), transparent 70%);height:1px;margin:10px 0 26px;position:relative}.wing-rule:after{content:"✦";color:var(--amber);font-size:.8rem;position:absolute;top:-9px;right:0}.card{background:linear-gradient(180deg, var(--panel-strong), #0a0f1e66);border:1px solid var(--line-soft);border-radius:var(--radius);cursor:pointer;transition:border-color .35s ease, transform .35s var(--ease-out);position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;background:radial-gradient(600px 200px at var(--mx,50%) var(--my,0%), #e8c56d1a, transparent 55%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.card:hover{border-color:#e8c56d73}.card:hover:before{opacity:1}.card-media{aspect-ratio:4/5;place-items:center;display:grid;position:relative;overflow:hidden}.card-media img{object-fit:cover;filter:saturate(.85)contrast(1.05);width:100%;height:100%;transition:transform .5s var(--ease-out)}.card:hover .card-media img{transform:scale(1.05)}.card-plate{border-top:1px solid var(--line-soft);background:#080c1899;padding:12px 14px 13px}.card-plate .u-name{font-family:var(--font-display);letter-spacing:.08em;color:var(--cream);font-size:1.05rem}.card-plate .u-en{letter-spacing:.26em;color:var(--text-faint);text-transform:uppercase;margin-top:1px;font-size:.62rem}.card-badge{letter-spacing:.14em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05080fb8;border:1px solid #ffffff38;border-radius:2px;padding:3px 9px;font-size:.66rem;position:absolute;top:10px;left:10px}.card-year{font-family:var(--font-display);color:var(--amber);letter-spacing:.1em;background:#05080fbf;border-radius:6px 0 0;padding:2px 10px;font-size:.8rem;position:absolute;bottom:0;right:0}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;display:grid}.grid--wide{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.section{padding:26px 0 10px}.chip{border:1px solid var(--line-soft);background:var(--panel);color:var(--text-dim);letter-spacing:.04em;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:.78rem;transition:all .25s;display:inline-flex}.chip:hover{border-color:var(--line);color:var(--cream)}.chip--active{border-color:var(--amber);color:var(--amber-bright);background:#e8c56d29}.pill{letter-spacing:.06em;color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;padding:3px 12px;font-size:.72rem;display:inline-block}.search-input{border:1px solid var(--line-soft);border-radius:var(--radius);width:100%;color:var(--text);letter-spacing:.04em;background:#0a0f1ecc;outline:none;padding:13px 20px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.search-input:focus{border-color:var(--amber);box-shadow:0 0 0 3px #e8c56d1f,0 0 30px #e8c56d14}.search-input::placeholder{color:var(--text-faint)}.glow-text{text-shadow:0 0 30px #e8c56d59}.fade-in{animation:fade-in .6s var(--ease-out) both}.view-enter{animation:view-in .42s var(--ease-out) both}@keyframes view-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sweep{position:relative;overflow:hidden}.sweep:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff1a 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}.sweep:hover:after{animation:1.1s sweep}@keyframes sweep{to{transform:translate(120%)}}.timeline{margin:40px 0;padding-left:34px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, transparent, var(--line) 8%, var(--line) 92%, transparent);width:2px;position:absolute;top:0;bottom:0;left:9px}.tl-node{margin-bottom:30px;position:relative}.tl-dot{background:var(--bg1);border:2px solid var(--amber);border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:-30px;box-shadow:0 0 12px #e8c56d80}.tl-year{font-family:var(--font-display);color:var(--amber-bright);letter-spacing:.12em;margin-bottom:8px;font-size:1.15rem}.tl-era{letter-spacing:.2em;color:#fff;vertical-align:middle;border-radius:2px;margin-left:10px;padding:2px 8px;font-size:.66rem}.overlay{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overscroll-behavior:contain;animation:overlay-in .3s var(--ease-out) both;background:#04060ceb;transition:opacity .26s;position:fixed;inset:0;overflow-y:auto}.overlay--closing{opacity:0;pointer-events:none}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.overlay-inner{max-width:1080px;margin:0 auto;padding:48px 26px 90px}.close-btn{z-index:5;border:1px solid var(--line);width:46px;height:46px;color:var(--amber-bright);background:#0a0f1ecc;border-radius:50%;place-items:center;font-size:1.4rem;transition:all .25s;display:grid;position:fixed;top:22px;right:26px}.close-btn:hover{background:#e8c56d24;transform:rotate(90deg)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.stat-cell{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:12px 14px}.stat-cell .k{letter-spacing:.22em;color:var(--text-faint);margin-bottom:5px;font-size:.66rem}.stat-cell .v{font-family:var(--font-display);color:var(--cream);font-size:1.25rem}.stat-cell .v small{color:var(--amber);margin-left:3px;font-size:.72rem}.relation-link{border:1px solid var(--line-soft);background:var(--panel);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 15px;font-size:.8rem;transition:all .25s;display:inline-flex}.relation-link:hover{border-color:var(--amber);transform:translateY(-1px)}@media (width<=720px){.overlay-inner{padding:36px 16px 70px}.wing-title .wing-desc{display:none}}