:root{color-scheme:dark;--bg:#070a14;--ink:#f3efe7;--soft:#959db7;--rule:rgba(154,170,218,.16);--accent:#ef6a5b;--gold:#e5b754;--green:#4fc7b5;--serif:"Songti TC","Noto Serif CJK TC",serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--bg);font-family:var(--sans)}body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 68% 35%,rgba(54,65,112,.2),transparent 38rem),var(--bg)}a{color:inherit}
#insight-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;touch-action:none}
.insight-tooltip{position:fixed;z-index:20;display:grid;min-width:190px;gap:4px;padding:11px 13px;border:1px solid rgba(229,183,84,.24);border-radius:10px;background:rgba(8,12,24,.88);box-shadow:0 18px 55px rgba(0,0,0,.3);backdrop-filter:blur(16px);pointer-events:none}.insight-tooltip[hidden]{display:none}.insight-tooltip strong{font:700 .86rem var(--serif)}.insight-tooltip span{color:var(--soft);font-size:.64rem}
.insight-nav{position:fixed;top:0;right:0;left:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:0 28px;background:linear-gradient(to bottom,rgba(7,10,20,.94),transparent);backdrop-filter:blur(8px)}
.brand{font:750 1.15rem var(--serif);letter-spacing:.12em;text-decoration:none}.insight-nav nav{display:flex;gap:6px}.insight-nav nav a{padding:7px 10px;border-radius:8px;color:var(--soft);font-size:.72rem;text-decoration:none}.insight-nav nav a.active{color:var(--ink);background:rgba(237,239,247,.08);font-weight:700}
main{position:relative;z-index:2;pointer-events:none}.insight-hero{display:flex;flex-direction:column;width:100%;min-height:100svh;margin:auto;padding:92px 40px 80px;justify-content:flex-start}.insight-hero>*{pointer-events:auto}.insight-hero>p,article header span{margin:0;color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.18em}.insight-hero h1{max-width:430px;margin:17px 0 16px;font:600 clamp(2.35rem,3.6vw,3.25rem)/1.12 var(--serif);letter-spacing:.02em;text-shadow:0 20px 70px rgba(0,0,0,.35)}.insight-hero h1 span{color:var(--accent)}.insight-hero>strong{max-width:390px;color:var(--soft);font:.82rem/1.75 var(--serif)}.insight-hero>div{display:flex;gap:18px;align-items:center;margin-top:18px;color:var(--soft);font-size:.72rem}.insight-hero a{color:var(--gold);text-decoration:none}
.insight-grid{width:min(1260px,calc(100% - 48px));margin:auto;padding:80px clamp(24px,5vw,72px) 130px;border:1px solid var(--rule);border-bottom:0;border-radius:34px 34px 0 0;background:linear-gradient(145deg,rgba(11,15,30,.94),rgba(7,10,20,.97));box-shadow:0 -40px 120px rgba(0,0,0,.3);backdrop-filter:blur(22px);pointer-events:auto}.insight-grid{display:grid;gap:92px}
article>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}article>header>div{display:flex;gap:16px;align-items:baseline}article h2{margin:0;font:750 clamp(2rem,4vw,3.5rem)/1 var(--serif)}article header p{max-width:360px;margin:0;color:var(--soft);font-size:.75rem;text-align:right}.empty{padding:36px 0;border-top:1px solid var(--rule);color:var(--soft);font:1rem/1.8 var(--serif)}
.value-chart{display:grid;gap:0}.value-row{display:grid;grid-template-columns:minmax(150px,280px) minmax(180px,1fr) 46px;gap:18px;align-items:center;padding:13px 0;border-top:1px solid var(--rule);text-decoration:none}.value-row strong{overflow:hidden;font:650 .94rem var(--serif);text-overflow:ellipsis;white-space:nowrap}.value-track{position:relative;height:2px;background:var(--rule)}.value-track::before{position:absolute;inset:0 auto 0 0;width:var(--value);background:linear-gradient(90deg,var(--accent),var(--gold));content:""}.value-track::after{position:absolute;top:50%;left:var(--value);width:11px;height:11px;border:2px solid #0b0f1e;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(229,183,84,.55);content:"";transform:translate(-50%,-50%)}.value-row em{color:var(--gold);font:700 .75rem var(--sans);font-style:normal;text-align:right}
.mastery-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.mastery-item{min-height:190px;padding:22px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent)}.mastery-item span{display:block;color:var(--soft);font-size:.67rem}.mastery-item strong{display:block;margin-top:28px;font:750 2.9rem var(--serif)}.mastery-item strong small{display:inline;margin:0;font-size:.75rem}.mastery-item i{display:block;height:2px;margin-top:24px;background:linear-gradient(90deg,var(--green) var(--mastery),var(--rule) var(--mastery))}.mastery-item>small{display:block;margin-top:10px;color:var(--soft);font-size:.65rem}
.word-chart{position:relative;display:flex;min-height:230px;padding:36px;gap:15px;align-content:center;flex-wrap:wrap;border:1px solid var(--rule);background:radial-gradient(circle at 50% 50%,rgba(79,199,181,.08),transparent 55%)}.word-chart button{padding:0;border:0;color:#f4ead8;background:transparent;font:700 var(--size) var(--serif);cursor:pointer;opacity:var(--opacity);text-shadow:0 0 18px currentColor;transition:transform .2s ease,color .2s ease}.word-chart button:hover{color:#f29a7f;opacity:1;transform:scale(1.15)}
dialog{width:min(620px,92vw);padding:34px;border:1px solid var(--rule);color:var(--ink);background:#0e1324;box-shadow:0 30px 100px rgba(0,0,0,.5)}dialog::backdrop{background:rgba(5,7,13,.78);backdrop-filter:blur(5px)}dialog form{position:absolute;top:16px;right:16px}dialog button{width:34px;height:34px;border:1px solid var(--rule);color:var(--ink);background:transparent;cursor:pointer}dialog>span{color:var(--gold);font-size:.68rem}dialog h2{font:750 3rem var(--serif)}dialog p{white-space:pre-wrap;font:1.05rem/1.9 var(--serif)}dialog a{color:var(--gold);font-size:.8rem;text-decoration:none}
@media(max-width:700px){.insight-nav{min-height:58px;padding:0 14px}.insight-nav nav{gap:1px}.insight-nav nav a{padding:7px 8px;font-size:.64rem}.insight-nav nav a:first-child,.insight-nav nav a:nth-child(2){display:none}.insight-hero{min-height:100svh;padding:82px 18px 80px}.insight-hero h1{font-size:2.3rem}.insight-hero>strong{max-width:72vw}.insight-hero>div{display:grid;gap:8px}.insight-grid{width:100%;padding:55px 18px 100px;border-right:0;border-left:0;border-radius:26px 26px 0 0}article>header{display:block}.value-row{grid-template-columns:minmax(100px,1fr) minmax(90px,1.1fr) 38px;gap:10px}.mastery-chart{grid-template-columns:repeat(2,minmax(0,1fr))}.word-chart{padding:24px 18px}.insight-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}