:root{--ink:#132238;--muted:#65758b;--blue:#2563eb;--cyan:#16b8c8;--lime:#b9f246;--cream:#f7f3ea;--paper:#fff;--line:#dfe6ef;--dark:#111c2d;--orange:#ff9b53;--red:#db4b4b;--shadow:0 18px 50px rgba(26,45,72,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#f8fafc}button,input,textarea,select{font:inherit}button,a{cursor:pointer}.hero{min-height:690px;color:#fff;background:radial-gradient(circle at 70% 15%,#274d88 0,transparent 32%),linear-gradient(125deg,#0b1423,#152b49 68%,#14396a);padding:0 max(5vw,24px) 70px;overflow:hidden}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}.topbar a{color:#dce8f8;text-decoration:none;margin-right:24px;font-size:14px}.brand{font-weight:800!important;font-size:16px!important}.brand i{font-style:normal;background:var(--lime);color:#142033;padding:7px;border-radius:8px;margin-right:8px}.tiny{padding:7px 11px;border:1px solid rgba(255,255,255,.25);border-radius:9px;color:#fff;background:transparent}.hero-grid{max-width:1280px;margin:70px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.18em;color:#92b7ec}.hero h1{font-size:clamp(48px,6vw,78px);line-height:1.03;margin:12px 0 22px;letter-spacing:-.04em}.hero h1 em,.big-idea em{font-style:normal;color:var(--lime)}.lead{max-width:600px;font-size:19px;line-height:1.8;color:#cbd9eb}.hero-actions,.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.primary,.secondary,.text-button{border:0;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none}.primary{background:var(--blue);color:#fff;box-shadow:0 8px 24px rgba(37,99,235,.25)}.primary:hover{background:#174fc3}.secondary{background:#eef3f9;color:var(--ink)}.hero .primary{background:var(--lime);color:#172237}.hero .secondary{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.meta{font-size:12px;color:#8da6c7;margin-top:18px}.machine{position:relative;display:grid;gap:14px}.machine-input,.machine-output{background:#fff;color:var(--ink);border-radius:16px;padding:17px 20px;box-shadow:var(--shadow);display:grid;gap:5px}.machine-input{margin-right:80px}.machine-output{margin-left:80px}.machine span{font-size:11px;color:var(--muted)}.machine-core{position:relative;min-height:210px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);backdrop-filter:blur(12px);border-radius:36px;display:grid;place-content:center;text-align:center;overflow:hidden}.machine-core strong{font-size:28px;position:relative}.machine-core small{color:#9bb5d5;margin-top:8px;position:relative}.pulse{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,var(--blue),transparent 65%);left:calc(50% - 70px);top:12px;opacity:.7}.machine.playing .pulse{animation:pulse 1.2s infinite}.machine.playing .machine-output{animation:glow 1s infinite alternate}.mini-flow{display:flex;gap:8px;align-items:center;margin-top:22px;position:relative}.mini-flow span{color:#dce8f8;background:#213a5c;border-radius:999px;padding:6px 9px}.mini-flow i{font-style:normal;color:var(--lime)}@keyframes pulse{50%{transform:scale(1.4);opacity:.3}}@keyframes glow{to{box-shadow:0 0 40px rgba(185,242,70,.35)}}.big-idea{padding:70px 20px;text-align:center;background:var(--cream)}.big-idea p{text-transform:uppercase;font-size:11px;letter-spacing:.18em;color:#8c7d68}.big-idea h2{font-size:clamp(27px,4vw,44px);line-height:1.45;margin:12px auto;max-width:1000px}.journey-nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(7,1fr);padding:10px max(3vw,12px)}.journey-nav a{text-decoration:none;color:var(--muted);padding:8px 10px;border-right:1px solid var(--line);display:flex;gap:8px;align-items:center;justify-content:center;font-size:12px}.journey-nav b{color:var(--blue)}.journey-nav a.active{color:var(--ink);background:#eef4ff;border-radius:9px}.station,.quiz{padding:95px max(5vw,24px);scroll-margin-top:76px}.station:nth-child(even){background:#fff}.station-title{max-width:920px;margin:0 auto 34px;text-align:center}.station-title>span{text-transform:uppercase;font-size:11px;letter-spacing:.15em;color:var(--blue);font-weight:800}.station-title h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.03em;margin:10px 0 12px}.station-title p{color:var(--muted);line-height:1.7;font-size:17px}.lab-grid,.training-grid,.rag-lab{max-width:1220px;margin:auto;display:grid;grid-template-columns:.88fr 1.12fr;gap:20px}.lesson-card,.visual-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:26px;box-shadow:var(--shadow)}.lesson-card label{display:grid;gap:8px;font-weight:800;font-size:14px;margin:18px 0}.lesson-card textarea,.lesson-card select{width:100%;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe;color:var(--ink);line-height:1.6}.analogy{background:#eff6ff;border-radius:14px;padding:16px;line-height:1.6}.analogy p{margin:5px 0 0;color:var(--muted)}.teacher-note{display:none;margin-top:20px;padding:12px 14px;border-left:3px solid var(--orange);background:#fff8f0;color:#76512f;font-size:12px;line-height:1.6}.teacher-on .teacher-note{display:block}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric-row div{text-align:center;padding:13px;border-radius:13px;background:#f1f5f9}.metric-row strong{display:block;font-size:23px}.metric-row span{font-size:11px;color:var(--muted)}.tokens{display:flex;gap:7px;flex-wrap:wrap;align-content:start;min-height:170px;padding:22px 0}.token{border:0;padding:9px 11px;border-radius:9px;font-weight:800;box-shadow:inset 0 -2px rgba(0,0,0,.08);animation:pop .25s both}.takeaway{display:flex;gap:9px;padding:14px;border-radius:13px;background:#edf9dd;line-height:1.6;font-size:13px}.takeaway b{white-space:nowrap}.takeaway.full{max-width:1220px;margin:20px auto 0;font-size:15px}.dark-station{background:var(--dark)!important;color:#fff}.dark-station .station-title p{color:#9eb0c8}.dark-card{background:#182a42;border-color:#2c405b}.dark-card .analogy{background:#203652}.dark-card .analogy p,.dark-card .instruction{color:#aebdd0}.word-picker{display:flex;flex-wrap:wrap;gap:8px}.word-picker button{padding:8px 12px;border-radius:9px;border:1px solid #3c526e;background:#213652;color:#dce8f8}.word-picker button.active{background:var(--lime);color:#162338;border-color:var(--lime)}.vector-readout{margin-top:22px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px}.vector-readout span{font-size:11px;color:#9db0c7}.vector-readout b{font-size:27px}.vector-readout code{grid-column:1/-1;color:#bce57b}.vector-card{padding:16px}.vector-card svg{width:100%;height:auto}.vector-dot{cursor:pointer}.vector-dot circle{stroke:#fff;stroke-width:3}.vector-dot text{fill:#21324a;font-weight:800;font-size:14px}.axis{stroke:#dfe6ef;stroke-dasharray:4}.instruction{color:var(--muted);font-size:13px}.sentence-tokens{display:flex;gap:7px;flex-wrap:wrap}.sentence-tokens button{border:1px solid var(--line);background:#fff;padding:9px 11px;border-radius:9px}.sentence-tokens button.active{background:var(--ink);color:#fff}.attention-beams{display:grid;gap:10px;min-height:240px}.beam-row{display:grid;grid-template-columns:70px 1fr 42px;gap:9px;align-items:center}.beam-track{height:18px;background:#edf1f5;border-radius:99px;overflow:hidden}.beam-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:inherit;transition:width .5s}.attention-explain{padding:13px;background:#eff6ff;border-radius:12px;margin:12px 0;color:#355173;line-height:1.6}.warm-station{background:#fff7ed!important}.prediction-layout{max-width:1220px;margin:auto;display:grid;grid-template-columns:360px 1fr;gap:20px}.range-label{margin-top:25px!important}.range-label input{width:100%;accent-color:var(--blue)}.temperature-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:-10px}.wide{width:100%;margin-top:18px}.generated{border-left:4px solid var(--blue);padding:4px 0 4px 14px}.generated span{font-size:11px;color:var(--muted)}.generated p{font-size:20px;line-height:1.6;margin:4px 0}.probability-bars{display:grid;gap:10px;margin:20px 0}.prob-row{display:grid;grid-template-columns:90px 1fr 45px;gap:10px;align-items:center}.prob-track{height:21px;border-radius:99px;background:#f1f3f5;overflow:hidden}.prob-fill{height:100%;background:linear-gradient(90deg,#ffbd66,#ff7d43);border-radius:inherit;transition:width .5s}.text-button{background:transparent;color:var(--muted)}.training-example{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:14px}.training-example span{font-size:11px;color:var(--muted)}.training-example p{font-size:18px}.guess-row{display:flex;gap:8px}.guess-row button{border:1px solid var(--line);background:#fff;padding:8px 13px;border-radius:9px}.guess-row button.correct{background:#e9f8d4;border-color:#8ec63f}.guess-row button.wrong{background:#ffe7e7;border-color:#e97474}.training-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.training-stages div{padding:13px;border-radius:12px;background:#f1f5f9;display:grid;gap:6px}.training-stages .active{background:#eaf2ff;color:#154ab1}.training-stages span{font-size:11px;color:var(--muted);line-height:1.5}#lossChart{width:100%;margin-top:10px}.danger-station{background:#fff3f2!important}.source-toggle{display:flex;align-items:center;justify-content:space-between;background:#f6f8fb;border-radius:14px;padding:14px}.source-toggle div{display:grid;gap:5px}.source-toggle span{font-size:11px;color:var(--muted)}.switch input{display:none}.switch i{display:block;width:48px;height:27px;background:#b9c4d1;border-radius:99px;position:relative}.switch i:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.switch input:checked+i{background:var(--blue)}.switch input:checked+i:after{left:24px}.answer-status{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.badge{padding:6px 9px;border-radius:99px;font-weight:800}.badge.warning{background:#fff0d8;color:#9b5d00}.badge.safe{background:#e8f8d6;color:#467500}.model-answer{font-size:17px;line-height:1.9;min-height:190px;padding:18px 0}.evidence{padding:12px;background:#eff6ff;border-radius:11px}.hidden{display:none!important}.final-station{background:linear-gradient(135deg,#111c2d,#173454)!important;color:#fff}.final-station .station-title p{color:#a9bdd5}.pipeline{max-width:1260px;margin:20px auto 40px;display:flex;align-items:center;justify-content:center;gap:9px}.pipeline div{width:150px;min-height:125px;background:#fff;color:var(--ink);border-radius:17px;padding:16px;text-align:center;display:grid;place-content:center;gap:5px}.pipeline i{font-style:normal;color:var(--blue);font-size:11px}.pipeline span{font-size:11px;color:var(--muted)}.pipeline em{font-style:normal;color:var(--lime);font-size:22px}.pipeline div.lit{animation:stepglow .7s both}.ability-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ability-grid article{border:1px solid #314967;background:#1a304c;border-radius:14px;padding:16px;display:grid;gap:5px}.ability-grid span{font-size:12px;color:#9fb1c6}.quiz{background:var(--cream)}.quiz-grid{max-width:1100px;margin:0 auto 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quiz-card{background:#fff;border:1px solid #e1dacd;border-radius:16px;padding:18px}.quiz-card p{font-weight:800}.quiz-card label{display:block;padding:7px;color:var(--muted)}.quiz>.primary{display:block;margin:auto}.quiz-result{max-width:720px;margin:20px auto;padding:22px;text-align:center;background:#fff;border-radius:16px}.teacher-panel{position:fixed;right:20px;bottom:75px;width:310px;padding:18px;background:#fff8ea;border:1px solid #f2d8a5;border-radius:16px;box-shadow:var(--shadow);z-index:40;display:none;line-height:1.6;font-size:13px}.teacher-on .teacher-panel{display:block}.back-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);color:#fff;display:none}footer{padding:35px max(5vw,24px);background:#0c1523;color:#fff;display:flex;justify-content:space-between}footer span{font-size:12px;color:#8fa2ba}@keyframes pop{from{transform:scale(.7);opacity:0}}@keyframes stepglow{50%{background:var(--lime);transform:translateY(-8px)}}@media(max-width:900px){.hero-grid,.lab-grid,.training-grid,.rag-lab,.prediction-layout{grid-template-columns:1fr}.hero{min-height:auto}.machine{margin-top:20px}.journey-nav{overflow:auto;display:flex}.journey-nav a{min-width:105px}.pipeline{overflow:auto;justify-content:flex-start}.pipeline div{min-width:130px}.quiz-grid{grid-template-columns:1fr}.topbar div a{display:none}.training-stages{grid-template-columns:1fr}.teacher-panel{left:12px;right:12px;width:auto}.ability-grid{grid-template-columns:1fr}footer{gap:12px;flex-direction:column}}