:root{--bg-0:#0a0a1a;--bg-1:#14122e;--bg-2:#1a1b3a;--bg-card:#16162e;--gold:#e8d5a3;--gold-soft:#f0e4b8;--gold-deep:#b89968;--siyu:#b49dff;--siyu-soft:#c9adff;--ok:#7fe3b0;--bad:#ff8a8a;--warn:#ffb86b;--ink-100:#fafaf6;--ink-90:#e8e3d2;--ink-80:#d4cdb4;--ink-60:#998d70;--ink-40:#6b6448;--ink-25:#4a4536;--ink-15:hsla(43,60%,77%,.15);--ink-12:hsla(43,60%,77%,.12);--ink-08:hsla(43,60%,77%,.08);--r-md:12px;--r-lg:16px;--r-xl:24px;--ff-serif:"Noto Serif TC","Songti TC",serif;--ff-sans:"Noto Sans TC",system-ui,sans-serif;--ff-mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-0);color:var(--ink-90);font-family:var(--ff-sans);min-height:100vh}body{background:radial-gradient(ellipse at 20% 0,rgba(180,157,255,.1),transparent 50%),radial-gradient(ellipse at 80% 30%,hsla(43,60%,77%,.06),transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(180,157,255,.08),transparent 60%),var(--bg-0);font-feature-settings:"palt" on;-webkit-font-smoothing:antialiased}.sky{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55}.sky:after,.sky:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 18%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 33% 62%,hsla(0,0%,100%,.5),transparent),radial-gradient(1px 1px at 71% 25%,hsla(43,60%,77%,.6),transparent),radial-gradient(1px 1px at 88% 78%,hsla(0,0%,100%,.5),transparent),radial-gradient(1px 1px at 47% 9%,rgba(180,157,255,.5),transparent),radial-gradient(1px 1px at 22% 88%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 58% 44%,hsla(43,60%,77%,.35),transparent)}.sky:after{animation:twinkle 7s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.55}50%{opacity:.95}}.page{position:relative;z-index:1;max-width:1180px;margin:32px auto;padding:64px 56px 100px;background:radial-gradient(ellipse at top,hsla(43,60%,77%,.04),transparent 60%),linear-gradient(180deg,rgba(20,18,48,.55),rgba(10,8,30,.35));border:1px solid hsla(43,60%,77%,.18);border-radius:24px;box-shadow:0 30px 100px -40px rgba(0,0,0,.7),inset 0 1px 0 hsla(43,60%,77%,.08)}.page:after,.page:before{content:"";position:absolute;width:48px;height:48px;border:1px solid var(--gold);opacity:.45;pointer-events:none}.page:before{top:16px;left:16px;border-right:none;border-bottom:none}.page:after{bottom:16px;right:16px;border-left:none;border-top:none}@media(max-width:760px){.page{padding:40px 20px 60px;margin:12px;border-radius:18px}}.topbar{display:flex;align-items:center;gap:18px;margin-bottom:8px}.crumb{font-family:var(--ff-mono);font-size:11px;letter-spacing:.18em;color:var(--ink-60);text-transform:uppercase}.crumb a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(180,157,255,.22),hsla(43,60%,77%,.18));border:1px solid hsla(43,60%,77%,.5);color:var(--gold-soft);text-decoration:none;font-family:var(--ff-serif);font-size:13px;letter-spacing:.12em;text-transform:none;font-weight:600;box-shadow:0 4px 14px -4px rgba(180,157,255,.4),inset 0 1px 0 hsla(43,60%,77%,.25);transition:all .22s ease}.crumb a:hover{background:linear-gradient(135deg,rgba(180,157,255,.35),hsla(43,60%,77%,.3));border-color:var(--gold);color:var(--ink-100);box-shadow:0 6px 22px -4px rgba(180,157,255,.55),inset 0 1px 0 hsla(43,60%,77%,.35);transform:translateX(-2px)}.crumb a:active{transform:translateX(0)}.crumb a .arr{font-size:14px;color:var(--gold)}.page-head{text-align:center;margin:8px 0 36px;padding-bottom:32px;border-bottom:1px solid var(--ink-12);position:relative}.eyebrow{font-family:var(--ff-mono);font-size:11px;letter-spacing:.32em;color:var(--gold);margin-bottom:14px;display:inline-block;padding:0 14px;position:relative}.eyebrow:after,.eyebrow:before{content:"";position:absolute;top:50%;width:24px;height:1px;background:var(--gold);opacity:.5}.eyebrow:before{right:100%}.eyebrow:after{left:100%}.page-title{font-family:var(--ff-serif);font-size:38px;font-weight:700;color:var(--ink-100);letter-spacing:.08em;margin-bottom:10px;text-shadow:0 0 30px hsla(43,60%,77%,.15)}.page-sub{font-size:14px;color:var(--ink-60);letter-spacing:.05em;line-height:1.7}.tabs{display:flex;flex-direction:column;gap:8px;margin-bottom:36px;padding:18px 22px;background:rgba(20,18,46,.5);border:1px solid var(--ink-12);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tabs-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tabs-label{font-family:var(--ff-mono);font-size:10px;letter-spacing:.24em;color:var(--ink-60);text-transform:uppercase;flex:0 0 auto;width:50px}.tabs-pills{display:flex;gap:6px;flex-wrap:wrap;flex:1 1;min-width:0}.tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:hsla(43,60%,77%,.04);border:1px solid var(--ink-12);color:var(--ink-80);font-size:13px;cursor:pointer;transition:all .2s;font-family:var(--ff-serif)}.tab:hover{background:hsla(43,60%,77%,.1);color:var(--ink-100);border-color:hsla(43,60%,77%,.3)}.tab.active{background:linear-gradient(135deg,hsla(43,60%,77%,.18),rgba(180,157,255,.15));border-color:var(--gold);color:var(--gold-soft);box-shadow:0 0 20px -5px hsla(43,60%,77%,.4)}.tab .glyph{font-family:var(--ff-serif);font-size:14px;color:var(--gold);opacity:.7}.tab.active .glyph{opacity:1;color:var(--gold-soft)}.star{display:none;animation:fadeIn .3s ease-out}.star.show{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.star-hero{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-gap:28px;gap:28px;align-items:center;padding:32px 36px;margin-bottom:28px;border:1px solid hsla(43,60%,77%,.28);border-radius:20px;background:radial-gradient(ellipse at 0 50%,hsla(43,60%,77%,.08),transparent 50%),linear-gradient(180deg,rgba(28,26,68,.55),rgba(18,16,46,.7));box-shadow:0 20px 60px -30px hsla(43,60%,77%,.25),inset 0 1px 0 hsla(43,60%,77%,.1);overflow:hidden}.star-hero:before{content:"";position:absolute;top:-40px;right:-20px;width:200px;height:200px;background:radial-gradient(circle,var(--accent,hsla(43,60%,77%,.18)),transparent 60%);pointer-events:none}.star-glyph{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-family:var(--ff-serif);font-size:46px;background:radial-gradient(circle at 30% 30%,var(--accent-strong,hsla(43,60%,77%,.35)),var(--accent,hsla(43,60%,77%,.1)) 60%,transparent);border:2px solid var(--accent-strong,var(--gold));color:var(--ink-100);box-shadow:0 0 30px -5px var(--accent-strong,hsla(43,60%,77%,.5)),inset 0 0 20px rgba(0,0,0,.2);flex-shrink:0}.star-glyph,.star-id{position:relative;z-index:1}.star-id{min-width:0}.star-name{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:8px}.star-name h2{font-family:var(--ff-serif);font-size:36px;font-weight:700;color:var(--ink-100);letter-spacing:.1em}.star-name .en{font-family:var(--ff-mono);font-size:11px;color:var(--ink-60);letter-spacing:.2em;text-transform:uppercase}.star-tagline{font-size:13px;color:var(--ink-60);letter-spacing:.05em;line-height:1.7}.star-meta{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex-shrink:0}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(180,157,255,.22),hsla(43,60%,77%,.18));border:1px solid hsla(43,60%,77%,.5);color:var(--gold-soft);font-family:var(--ff-serif);font-size:13px;letter-spacing:.12em;font-weight:600;cursor:pointer;box-shadow:0 4px 14px -4px rgba(180,157,255,.4),inset 0 1px 0 hsla(43,60%,77%,.25);transition:all .22s ease;margin-bottom:4px}.share-btn:hover{background:linear-gradient(135deg,rgba(180,157,255,.35),hsla(43,60%,77%,.3));border-color:var(--gold);color:var(--ink-100);box-shadow:0 6px 22px -4px rgba(180,157,255,.55),inset 0 1px 0 hsla(43,60%,77%,.35);transform:translateY(-1px)}.share-btn .ico{font-size:14px;line-height:1;color:var(--gold)}.share-btn.copied{background:rgba(127,227,176,.2);border-color:rgba(127,227,176,.55);color:#a8eecb}.share-btn.copied .ico{color:#a8eecb}.share-wrap{position:relative;display:inline-block}.share-menu{position:absolute;top:0;right:calc(100% + 10px);z-index:50;display:none;flex-direction:column;gap:2px;padding:8px;border-radius:12px;min-width:180px;background:#0e0c20;border:1px solid hsla(43,60%,77%,.28);box-shadow:0 16px 50px -10px rgba(0,0,0,.7)}@media(max-width:760px){.share-menu{right:auto;left:0;top:calc(100% + 6px)}}.share-menu.show{display:flex;animation:fadeIn .18s}.share-menu button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:0;background:transparent;color:var(--ink-90);font-family:var(--ff-serif);font-size:13px;text-align:left;cursor:pointer;transition:all .15s}.share-menu button:hover{background:hsla(43,60%,77%,.1);color:var(--ink-100)}.share-menu button .ico{width:18px;display:inline-flex;justify-content:center;color:var(--gold);font-family:var(--ff-mono);font-size:14px}.power{display:flex;align-items:center;gap:10px}.power-bar{display:flex;gap:3px}.power-bar i{width:18px;height:5px;background:hsla(43,60%,77%,.15);border-radius:2px;display:block}.power-bar i.on{background:var(--accent-strong,var(--gold));box-shadow:0 0 6px var(--accent-strong,var(--gold))}.power-label{font-family:var(--ff-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-60)}.power-state{font-family:var(--ff-serif);font-size:14px;font-weight:600;padding:3px 10px;border-radius:6px;letter-spacing:.1em}.power-state.miao{color:var(--ok);background:rgba(127,227,176,.12);border:1px solid rgba(127,227,176,.3)}.power-state.wang{color:var(--gold);background:hsla(43,60%,77%,.12);border:1px solid hsla(43,60%,77%,.3)}.power-state.ping{color:var(--ink-80);background:hsla(43,60%,77%,.06);border:1px solid var(--ink-12)}.power-state.xian{color:var(--bad);background:hsla(0,100%,77%,.1);border:1px solid hsla(0,100%,77%,.3)}.power-state.retro{color:var(--warn);background:rgba(255,184,107,.1);border:1px solid rgba(255,184,107,.3)}.star-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.chip{font-family:var(--ff-mono);font-size:11px;padding:4px 10px;border-radius:6px;background:hsla(43,60%,77%,.08);border:1px solid var(--ink-12);color:var(--ink-80);letter-spacing:.05em}.chip.gold{color:var(--gold);background:hsla(43,60%,77%,.1);border-color:hsla(43,60%,77%,.3)}.chip.violet{color:var(--siyu);background:rgba(180,157,255,.1);border-color:rgba(180,157,255,.3)}@media(max-width:760px){.star-hero{grid-template-columns:auto 1fr;padding:22px 20px}.star-meta{grid-column:1/-1;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:10px}.star-name h2{font-size:28px}.star-glyph{width:64px;height:64px;font-size:32px}}.chapter{margin-bottom:28px;padding:26px 32px;border:1px solid var(--ink-12);border-radius:16px;background:rgba(18,17,42,.45);position:relative}.chapter-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px dashed var(--ink-12)}.chapter-no{font-family:var(--ff-mono);font-size:10px;letter-spacing:.24em;color:var(--gold);padding:3px 8px;border:1px solid hsla(43,60%,77%,.3);border-radius:4px;background:hsla(43,60%,77%,.06)}.chapter-title{font-family:var(--ff-serif);font-size:18px;font-weight:600;color:var(--ink-100);letter-spacing:.08em}.chapter-icon{font-size:18px;color:var(--gold);opacity:.7}.chapter p{color:var(--ink-80);font-size:15px;line-height:1.95;letter-spacing:.04em;text-align:justify;text-wrap:pretty}.chapter p+p{margin-top:14px}.chapter b{color:var(--ink-100);font-weight:600}@media(max-width:760px){.chapter{padding:20px 18px}}.formula{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:8px 0 20px;padding:18px 22px;background:hsla(43,60%,77%,.04);border:1px dashed hsla(43,60%,77%,.25);border-radius:12px}.fm-elem,.formula{align-items:center}.fm-elem{display:inline-flex;gap:6px;padding:6px 14px;border-radius:8px;font-family:var(--ff-serif);font-size:18px;font-weight:600;letter-spacing:.1em}.fm-elem.metal{color:#e8d5a3;background:hsla(43,60%,77%,.12);border:1px solid hsla(43,60%,77%,.35)}.fm-elem.wood{color:#7fe3b0;background:rgba(127,227,176,.12);border:1px solid rgba(127,227,176,.35)}.fm-elem.water{color:#7fb8e3;background:rgba(127,184,227,.12);border:1px solid rgba(127,184,227,.35)}.fm-elem.fire{color:#ff8a8a;background:hsla(0,100%,77%,.12);border:1px solid hsla(0,100%,77%,.35)}.fm-elem.earth{color:#d9b67a;background:hsla(38,56%,66%,.12);border:1px solid hsla(38,56%,66%,.35)}.fm-elem .label{font-family:var(--ff-mono);font-size:9px;letter-spacing:.18em;opacity:.7;text-transform:uppercase;font-weight:400}.fm-op{font-size:20px;color:var(--ink-60);font-weight:300}.fm-op,.fm-result{font-family:var(--ff-serif)}.fm-result{font-size:16px;font-weight:600;padding:6px 14px;border-radius:8px;letter-spacing:.08em}.fm-result.support{color:var(--ok);background:rgba(127,227,176,.1);border:1px solid rgba(127,227,176,.3)}.fm-result.suppress{color:var(--bad);background:hsla(0,100%,77%,.1);border:1px solid hsla(0,100%,77%,.3)}.fm-result.same{color:var(--gold);background:hsla(43,60%,77%,.1);border:1px solid hsla(43,60%,77%,.3)}.fm-result.boost{color:var(--siyu);background:rgba(180,157,255,.12);border:1px solid rgba(180,157,255,.35)}.dushu-card{position:relative;margin-top:6px;padding:24px 28px;background:linear-gradient(180deg,rgba(180,157,255,.08),hsla(43,60%,77%,.05));border:1px solid rgba(180,157,255,.28);border-radius:14px;box-shadow:inset 0 1px 0 rgba(180,157,255,.15)}.dushu-card:after,.dushu-card:before{content:"";position:absolute;width:18px;height:18px;border:1px solid var(--siyu);opacity:.6}.dushu-card:before{top:8px;left:8px;border-right:none;border-bottom:none}.dushu-card:after{bottom:8px;right:8px;border-left:none;border-top:none}.ds-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:14px;border-bottom:1px dashed rgba(180,157,255,.2)}.ds-name{font-family:var(--ff-serif);font-size:24px;font-weight:700;color:var(--siyu-soft);letter-spacing:.12em}.ds-eq{font-family:var(--ff-mono);font-size:13px;color:var(--ink-60)}.ds-tags{display:flex;gap:6px;flex-wrap:wrap}.ds-tag{font-family:var(--ff-mono);font-size:11px;padding:3px 9px;border-radius:5px;background:rgba(180,157,255,.1);border:1px solid rgba(180,157,255,.25);color:var(--siyu-soft);letter-spacing:.08em}.ds-energy{font-family:var(--ff-serif);font-size:14px;color:var(--gold);margin-bottom:6px;letter-spacing:.06em}.ds-energy b{color:var(--gold-soft);font-weight:600}.ds-desc{color:var(--ink-80);font-size:14px;line-height:1.85;margin-bottom:14px}.ds-pros-cons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.ds-pc{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;font-size:13px;letter-spacing:.04em}.ds-pc.pro{background:rgba(127,227,176,.08);border:1px solid rgba(127,227,176,.3);color:#a8eecb}.ds-pc.con{background:rgba(255,184,107,.08);border:1px solid rgba(255,184,107,.3);color:#ffd09a}.ds-pc-label{font-family:var(--ff-mono);font-size:10px;letter-spacing:.18em;opacity:.85}.ds-symbol{padding:12px 14px;background:hsla(43,60%,77%,.05);border-left:2px solid var(--gold);border-radius:0 8px 8px 0;font-size:13px;color:var(--ink-80);letter-spacing:.04em}.ds-symbol:before{content:"✦  ";color:var(--gold)}.foot-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--ink-12)}.foot-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;background:hsla(43,60%,77%,.06);border:1px solid var(--ink-12);color:var(--ink-80);font-size:13px;cursor:pointer;font-family:var(--ff-serif);letter-spacing:.06em;transition:all .2s}.foot-btn:hover{background:hsla(43,60%,77%,.12);color:var(--ink-100);border-color:hsla(43,60%,77%,.3)}.foot-progress{font-family:var(--ff-mono);font-size:11px;color:var(--ink-60);letter-spacing:.18em}body,html{overflow-x:hidden;max-width:100vw}