/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}:root{--ink:#07101f;--ink-soft:#0d1a2e;--panel:#111f34d1;--line:#b1cde729;--paper:#f4f1e9;--muted:#94a8bc;--cyan:#57e7ff;--cyan-deep:#16b8df;--lime:#c9ff52;--orange:#ff9c52;--violet:#9b87ff;--red:#ff6a72}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{color:#edf7ff;background:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,Segoe UI,sans-serif}button,textarea,input{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}::selection{color:var(--ink);background:var(--cyan)}.course-shell{background:radial-gradient(circle at 20% 8%, #1f75a52e, transparent 28%), var(--ink);min-width:320px;overflow:clip}.course-progress{z-index:100;transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--lime));width:100%;height:3px;transition:transform .45s;position:fixed;top:0;left:0;box-shadow:0 0 18px #57e7ffa6}.chapter-nav{z-index:90;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#07101fbd;border:1px solid #bfe0f824;border-radius:18px;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:58px;padding:0 14px 0 18px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #0000002e}.brand-button,.presenter-actions button,.chapter-dots button{cursor:pointer;background:0 0;border:0}.brand-button{text-align:left;letter-spacing:.04em;align-items:center;gap:10px;padding:0;font-weight:800;display:flex}.brand-button small{color:#70869c;letter-spacing:.16em;margin-top:2px;font-size:7px;display:block}.brand-spark{width:31px;height:31px;color:var(--ink);background:var(--cyan);border-radius:9px;place-items:center;display:grid;box-shadow:0 0 24px #57e7ff59}.chapter-dots{align-items:center;gap:3px;display:flex}.chapter-dots button{color:#72879b;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:700;transition:color .25s,background .25s;position:relative}.chapter-dots button:after{content:"";background:var(--cyan);height:2px;transition:transform .25s;position:absolute;bottom:5px;left:13px;right:13px;transform:scaleX(0)}.chapter-dots button:hover,.chapter-dots button.active{color:#fff;background:#ffffff0e}.chapter-dots button.active:after{transform:scaleX(1)}.presenter-actions{gap:6px;display:flex}.presenter-actions button{color:#9eb2c4;border:1px solid #ffffff1c;border-radius:9px;min-height:32px;padding:0 10px;font-size:11px}.presenter-actions button:hover,.presenter-actions button.active{color:var(--cyan);background:#57e7ff14;border-color:#57e7ff61}.speaker-notes{z-index:95;opacity:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b192cf5;border:1px solid #57e7ff3d;border-radius:18px;width:min(370px,100% - 48px);padding:22px;transition:transform .35s,opacity .35s;position:fixed;top:90px;right:24px;transform:translate(calc(100% + 35px));box-shadow:0 28px 80px #0000006b}.speaker-notes.open{opacity:1;transform:translate(0)}.notes-kicker{color:var(--cyan);letter-spacing:.14em;font-family:Consolas,monospace;font-size:11px;font-weight:700}.speaker-notes h3{margin:12px 0 8px;font-size:20px}.speaker-notes p{color:#acc0d2;margin:0;font-size:14px;line-height:1.85}.notes-shortcuts{gap:8px;margin-top:18px;display:flex}.notes-shortcuts span{color:#6f8498;background:#ffffff0d;border-radius:6px;padding:5px 9px;font-size:10px}.scene{min-height:100vh;scroll-margin-top:0;position:relative}.scene-inner{z-index:2;width:min(1180px,100% - 48px);margin:0 auto;position:relative}.hero-scene{isolation:isolate;background:radial-gradient(circle at 68% 38%,#57e7ff1c,#0000 28%),radial-gradient(circle at 12% 82%,#9b87ff1a,#0000 24%),linear-gradient(145deg,#06101d 0%,#0a172a 55%,#07111f 100%);grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);align-items:center;gap:72px;min-height:100svh;padding:120px max(6vw,32px) 70px;display:grid}.ambient-grid{z-index:-3;opacity:.18;background-image:linear-gradient(#70a1c62e 1px,#0000 1px),linear-gradient(90deg,#70a1c62e 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 72%,#0000);mask-image:linear-gradient(#0000,#000 18% 72%,#0000)}.hero-orbit{z-index:-2;border:1px solid #57e7ff1f;border-radius:50%;position:absolute}.hero-orbit:before{content:"";background:var(--cyan);width:9px;height:9px;box-shadow:0 0 20px var(--cyan);border-radius:50%;position:absolute}.orbit-one{width:460px;height:460px;animation:24s linear infinite spin;top:18%;right:11%}.orbit-one:before{top:35px;left:95px}.orbit-two{border-color:#9b87ff1a;width:620px;height:620px;animation:38s linear infinite spin-reverse;bottom:8%;right:3%}.orbit-two:before{background:var(--violet);box-shadow:0 0 20px var(--violet);bottom:124px;right:72px}.eyebrow,.chapter-number{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;font-family:Consolas,Microsoft YaHei UI,monospace;font-size:12px;font-weight:800}.hero-question{width:fit-content;color:var(--lime);background:#c9ff520f;border:1px solid #c9ff523d;border-radius:99px;margin:28px 0 16px;padding:7px 12px;font-size:13px}.hero-content h1{letter-spacing:-.06em;margin:0;font-size:clamp(48px,5.8vw,86px);line-height:1.04}.hero-content h1 span{color:#0000;background:linear-gradient(90deg, #f8fbff 5%, var(--cyan) 56%, #b8b0ff);-webkit-background-clip:text;background-clip:text}.hero-lead{color:#a9bfd1;letter-spacing:.03em;margin:25px 0 34px;font-size:clamp(16px,1.4vw,20px)}.primary-cta{color:#05111d;background:var(--cyan);cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:22px;min-height:54px;padding:0 22px 0 25px;font-weight:900;transition:transform .22s,box-shadow .22s;display:inline-flex;box-shadow:0 15px 36px #15b1d13d}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 19px 42px #15b1d157}.primary-cta span{font-size:20px}.hero-console{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071220b8;border:1px solid #9accee2e;border-radius:21px;justify-self:end;width:min(520px,100%);position:relative;transform:perspective(900px)rotateY(-4deg)rotateX(2deg);box-shadow:0 48px 100px #00000059,inset 0 0 60px #57e7ff06}.hero-console:before{z-index:-1;content:"";border-radius:inherit;filter:blur(22px);background:linear-gradient(120deg,#57e7ff29,#0000 45%,#9b87ff1f);position:absolute;inset:-1px}.console-bar{border-bottom:1px solid var(--line);align-items:center;gap:7px;height:47px;padding:0 16px;display:flex}.console-bar span{background:#334a5e;border-radius:50%;width:8px;height:8px}.console-bar span:first-child{background:var(--red)}.console-bar span:nth-child(2){background:var(--orange)}.console-bar span:nth-child(3){background:var(--lime)}.console-bar b{color:#60788e;margin-left:auto;font-family:Consolas,monospace;font-size:10px;font-weight:500}.console-body{padding:28px 24px 30px}.console-body>div{border-bottom:1px solid #ffffff0e;grid-template-columns:28px 1fr;gap:12px;padding:15px 12px;display:grid}.console-body i{color:#506b82;font-family:Consolas,monospace;font-size:11px;font-style:normal}.console-body code{color:#bed0de;font-family:Microsoft YaHei UI,sans-serif;font-size:14px}.console-body .console-answer{background:#c9ff520d;border:1px solid #c9ff5226;border-radius:10px;margin-top:13px}.console-answer i,.console-answer code{color:var(--lime)}.scroll-hint{color:#647b90;letter-spacing:.12em;align-items:center;gap:9px;font-size:10px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-hint span{border:1px solid #5e768b;border-radius:10px;width:18px;height:28px}.scroll-hint span:after{content:"";background:var(--cyan);border-radius:2px;width:3px;height:6px;margin:5px auto;animation:1.8s infinite scroll-dot;display:block}.section-scene{padding:130px 0 100px}.section-header{margin-bottom:44px}.section-header h2{letter-spacing:-.04em;margin:13px 0;font-size:clamp(35px,4vw,58px);line-height:1.1}.section-header>p,.split-header>p{color:#91a9bd;max-width:680px;margin:0;font-size:16px;line-height:1.85}.split-header{grid-template-columns:1.15fr .85fr;align-items:end;gap:64px;display:grid}.code-scene{background:radial-gradient(circle at 15% 34%,#57e7ff14,#0000 24%),#081421}.code-stage{grid-template-columns:.73fr 1.27fr;gap:24px;display:grid}.code-card,.flow-explainer{border:1px solid var(--line);background:#07121fc7;border-radius:22px;box-shadow:0 24px 80px #00000029}.code-card{overflow:hidden}.code-card-top{border-bottom:1px solid var(--line);color:#8098ad;justify-content:space-between;align-items:center;height:53px;padding:0 20px;font-size:12px;display:flex}.status-dot{color:var(--lime);align-items:center;gap:7px;display:flex}.status-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 11px}.code-card pre{color:#eaf5fc;white-space:pre-wrap;min-height:225px;margin:0;padding:47px 30px;font-family:Consolas,Microsoft YaHei UI,monospace;font-size:clamp(15px,1.5vw,19px);line-height:2.2;overflow:auto}.code-muted{color:#718ba1}.code-cyan{color:var(--cyan)}.code-purple{color:var(--violet)}.code-green{color:var(--lime)}.run-button{width:calc(100% - 40px);min-height:48px;color:var(--cyan);cursor:pointer;background:#57e7ff14;border:1px solid #57e7ff47;border-radius:11px;margin:0 20px 20px;font-weight:800;transition:background .2s}.run-button:hover:not(:disabled){background:#57e7ff24}.run-button:disabled{cursor:wait;opacity:.8}.play-mark{margin-right:9px;font-size:11px}.flow-explainer{padding:36px 28px 26px}.flow-track{grid-template-columns:repeat(5,1fr);gap:7px;padding:10px 0 36px;display:grid;position:relative}.flow-track:before{content:"";background:linear-gradient(90deg,#57e7ff33,#9b87ff33);height:1px;position:absolute;top:37px;left:10%;right:10%}.flow-node{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.node-orb{color:#5f788d;background:#0b1a2a;border:1px solid #2a4257;border-radius:17px;place-items:center;width:55px;height:55px;transition:border .28s,background .28s,transform .28s,box-shadow .28s;display:grid}.node-orb span{font-family:Consolas,monospace;font-size:11px;font-weight:800}.flow-node b{color:#92a7b8;margin-top:12px;font-size:12px}.flow-node small{color:#4e677b;max-width:100px;margin-top:5px;font-family:Consolas,monospace;font-size:8px}.flow-node.active .node-orb{border-color:var(--cyan);color:var(--ink);background:var(--cyan);transform:translateY(-5px)scale(1.06);box-shadow:0 0 28px #57e7ff66}.flow-node.active b{color:var(--cyan)}.flow-node.passed .node-orb{color:var(--lime);background:#c9ff520f;border-color:#c9ff526b}.data-packet{--packet-step:0;z-index:3;top:27px;left:calc(10% + (var(--packet-step) * 20%));opacity:0;border:1px solid var(--lime);color:var(--lime);background:#0b1724;border-radius:3px;padding:3px 5px;font-family:Consolas,monospace;font-size:7px;transition:left .55s,opacity .2s;position:absolute;transform:translate(-50%)translateY(-22px);box-shadow:0 0 14px #c9ff5273}.data-packet.moving{opacity:1}.flow-detail{background:#ffffff06;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:54px 1fr;align-items:start;gap:18px;min-height:112px;padding:20px;display:grid}.detail-index{width:48px;height:48px;color:var(--cyan);background:#57e7ff14;border-radius:11px;place-items:center;font-family:Consolas,monospace;font-size:11px;font-weight:800;display:grid}.flow-detail h3{margin:1px 0 7px;font-size:17px}.flow-detail p{color:#8fa6b8;margin:0;font-size:13px;line-height:1.75}.concept-strip{border:1px solid var(--line);background:#06101c8c;border-radius:16px;grid-template-columns:repeat(4,1fr);margin-top:24px;display:grid;overflow:hidden}.concept-strip div{border-right:1px solid var(--line);padding:20px}.concept-strip div:last-child{border-right:0}.concept-strip span{color:var(--cyan);margin-bottom:6px;font-family:Consolas,monospace;font-size:10px;display:block}.concept-strip b{color:#b5c8d6;font-size:13px}.system-scene{background:linear-gradient(120deg,#9b87ff0f,#0000 30%),#0a1526}.system-layout{grid-template-columns:.72fr 1.28fr;align-items:center;gap:55px;display:grid}.device-stack{place-items:center;min-height:550px;display:grid;position:relative}.phone-frame{aspect-ratio:.55;background:#111b2a;border:8px solid #18273a;border-radius:46px;width:min(320px,80vw);position:relative;overflow:hidden;box-shadow:0 60px 100px #00000070,0 0 0 1px #ffffff14}.phone-speaker{z-index:3;background:#101927;border-radius:20px;width:82px;height:23px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-frame img{object-fit:cover;object-position:center;width:100%;height:100%}.phone-glass{pointer-events:none;background:linear-gradient(115deg,#ffffff1c,#0000 18% 72%,#ffffff0d);position:absolute;inset:0}.real-badge{color:var(--lime);background:#0d1d2de6;border:1px solid #c9ff5242;border-radius:8px;padding:11px 14px;font-family:Consolas,monospace;font-size:9px;font-weight:800;position:absolute;bottom:40px;right:0;transform:rotate(-3deg);box-shadow:0 18px 36px #00000047}.real-badge span{margin-right:6px;animation:1.6s infinite pulse}.system-map{position:relative}.map-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.system-block{border:1px solid var(--line);background:#0b1b2ec7;border-radius:17px;align-items:flex-start;gap:15px;min-height:128px;padding:20px;display:flex;position:relative;overflow:hidden}.system-block:after{content:"";opacity:.035;background:currentColor;border-radius:50%;width:115px;height:115px;position:absolute;bottom:-50px;right:-30px}.system-block.blue{color:var(--cyan)}.system-block.violet{color:var(--violet)}.system-block.orange{color:var(--orange)}.system-block.dark{color:#9bb0c2}.block-icon{background:currentColor;border:1px solid;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}@supports (color:color-mix(in lab, red, red)){.block-icon{background:color-mix(in srgb, currentColor 8%, transparent)}}.block-icon{font-family:Consolas,monospace;font-size:18px}.system-block small{color:#6e879d;font-size:10px}.system-block h3{color:#e9f2f9;margin:4px 0 8px;font-size:18px}.system-block p{color:#829aae;margin:0;font-size:11px;line-height:1.6}.map-bridge{color:#536d82;justify-content:center;align-items:center;gap:10px;height:72px;font-family:Consolas,monospace;font-size:9px;display:flex}.map-bridge i{background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:60px;height:1px;animation:1.8s linear infinite line-flow;overflow:hidden}.map-bridge b{color:var(--cyan);background:#57e7ff0a;border:1px solid #57e7ff29;border-radius:99px;padding:7px 10px}.server-block{min-height:118px;color:var(--lime);border-color:#c9ff5233;align-items:center}.server-pulse{color:var(--lime);align-items:center;gap:7px;margin-left:auto;font-family:Consolas,monospace;font-size:8px;display:flex}.server-pulse span{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px var(--lime);border-radius:50%;animation:1.5s infinite pulse}.bottom-row{margin-top:16px}.system-insight{background:#ff9c520e;border:1px solid #ff9c5236;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:46px;padding:21px 24px;display:grid}.insight-mark{width:40px;height:40px;color:var(--ink);background:var(--orange);border-radius:50%;place-items:center;font-weight:900;display:grid}.system-insight b{font-size:15px}.system-insight p{color:#9fb1c0;margin:5px 0 0;font-size:12px}.insight-tag{color:var(--orange);border:1px solid #ff9c5233;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:800}.boundary-scene{background:radial-gradient(circle at 88% 25%,#c9ff520f,#0000 25%),#07131f}.decision-layout{grid-template-columns:1.08fr .92fr;gap:22px;display:grid}.risk-panel,.scenario-quiz{border:1px solid var(--line);background:#0b192ac7;border-radius:21px;box-shadow:0 28px 90px #00000024}.risk-panel{padding:27px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.panel-title small,.agent-heading small{color:var(--cyan);letter-spacing:.11em;text-transform:uppercase;font-family:Consolas,monospace;font-size:9px}.panel-title h3,.agent-heading h3{margin:5px 0 0;font-size:20px}.panel-title>span{color:#61788c;font-size:10px}.risk-switches{grid-template-columns:1fr 1fr;gap:10px;display:grid}.risk-switches button{text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff13;border-radius:12px;align-items:center;gap:12px;min-height:82px;padding:13px;transition:border .2s,background .2s;display:flex}.risk-switches button:hover{border-color:#57e7ff38}.risk-switches button.selected{background:#ff6a720f;border-color:#ff6a725c}.risk-switches button>span:last-child{flex-direction:column;gap:4px;display:flex}.risk-switches b{color:#d8e5ef;font-size:13px}.risk-switches small{color:#71889b;font-size:9px}.switch{background:#263b4d;border-radius:20px;flex:none;width:37px;height:21px;padding:2px;transition:background .2s;position:relative}.switch i{background:#7890a4;border-radius:50%;width:17px;height:17px;transition:transform .2s,background .2s;display:block}.selected .switch{background:#ff6a7240}.selected .switch i{background:var(--red);transform:translate(16px)}.route-result{border:1px solid var(--route-line);background:var(--route-bg);border-radius:14px;grid-template-columns:45px 1fr;gap:16px;margin-top:18px;padding:20px;transition:background .25s,border .25s;display:grid}.route-result.green{--route:var(--lime);--route-line:#c9ff523d;--route-bg:#c9ff520e}.route-result.amber{--route:var(--orange);--route-line:#ff9c5240;--route-bg:#ff9c520f}.route-result.red{--route:var(--red);--route-line:#ff6a7242;--route-bg:#ff6a720f}.traffic-light{border:1px solid var(--route);place-items:center;width:37px;height:37px;display:grid}@supports (color:color-mix(in lab, red, red)){.traffic-light{border:1px solid color-mix(in srgb, var(--route) 45%, transparent)}}.traffic-light{background:var(--route);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.traffic-light{background:color-mix(in srgb, var(--route) 7%, transparent)}}.traffic-light i{background:var(--route);width:12px;height:12px;box-shadow:0 0 18px var(--route);border-radius:50%}.route-result small{color:var(--route);font-size:9px;font-weight:900}.route-result h3{margin:5px 0 6px;font-size:17px}.route-result p{color:#8ca2b4;margin:0;font-size:11px;line-height:1.7}.scenario-quiz{padding:27px;position:relative;overflow:hidden}.quiz-top{color:#62798d;justify-content:space-between;font-family:Consolas,monospace;font-size:9px;display:flex}.scenario-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:182px;display:flex}.scenario-icon{width:60px;height:60px;color:var(--violet);background:#9b87ff14;border:1px solid #9b87ff52;border-radius:18px;place-items:center;margin-bottom:17px;font-family:Consolas,monospace;font-size:13px;font-weight:900;display:grid;box-shadow:0 0 30px #9b87ff14}.scenario-card h3{margin:0 0 8px;font-size:21px}.scenario-card p{color:#8299ac;margin:0;font-size:12px}.quiz-choices{gap:8px;display:grid}.quiz-choices button{cursor:pointer;background:#ffffff06;border:1px solid #ffffff17;border-radius:9px;min-height:43px;font-size:12px;font-weight:700}.quiz-choices button:hover:not(:disabled){border-color:#57e7ff54}.quiz-choices button.correct{color:var(--lime);background:#c9ff5212;border-color:#c9ff5259}.quiz-choices button.wrong{color:var(--red);background:#ff6a720f;border-color:#ff6a7257}.quiz-feedback{z-index:5;border:1px solid var(--feedback-line);background:#06111df7;border-radius:12px;padding:16px;animation:.3s both rise-in;position:absolute;bottom:18px;left:18px;right:18px;box-shadow:0 16px 45px #00000059}.quiz-feedback.correct{--feedback:var(--lime);--feedback-line:#c9ff5240}.quiz-feedback.wrong{--feedback:var(--orange);--feedback-line:#ff9c5242}.quiz-feedback b{color:var(--feedback);font-size:13px}.quiz-feedback p{color:#9aafc0;margin:6px 0 11px;font-size:10px;line-height:1.65}.quiz-feedback button{border:1px solid var(--feedback-line);color:var(--feedback);cursor:pointer;background:0 0;border-radius:6px;padding:7px 10px;font-size:10px}.three-lanes{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.lane{border:1px solid var(--lane-line);background:var(--lane-bg);border-radius:14px;padding:20px;position:relative;overflow:hidden}.lane:before{content:"";background:var(--lane);width:4px;height:100%;position:absolute;top:0;left:0}.lane.green{--lane:var(--lime);--lane-line:#c9ff5229;--lane-bg:#c9ff5209}.lane.amber{--lane:var(--orange);--lane-line:#ff9c5229;--lane-bg:#ff9c5209}.lane.red{--lane:var(--red);--lane-line:#ff6a7229;--lane-bg:#ff6a7209}.lane span{color:var(--lane);font-family:Consolas,monospace;font-size:9px;font-weight:900}.lane h3{margin:7px 0;font-size:16px}.lane p{color:#7f95a7;margin:0;font-size:10px;line-height:1.6}.ai-scene{background:radial-gradient(circle at 50% 28%,#9b87ff14,#0000 28%),#0a1425}.ability-equation{grid-template-columns:1fr auto 1fr auto 1.25fr;align-items:center;gap:16px;margin-bottom:30px;display:grid}.equation-part{border:1px solid var(--line);background:#081626bf;border-radius:15px;align-items:center;gap:15px;min-height:100px;padding:20px;display:flex}.equation-part.result{background:#c9ff520b;border-color:#c9ff523d}.equation-mark{width:46px;height:46px;color:var(--ink);background:var(--cyan);border-radius:13px;flex:none;place-items:center;font-weight:900;display:grid}.equation-mark.ai{background:var(--violet)}.result .equation-mark{background:var(--lime)}.equation-part b,.equation-part small{display:block}.equation-part b{margin-bottom:5px;font-size:16px}.equation-part small{color:#8198aa;font-size:10px}.equation-symbol{color:#586f83;font-size:23px;font-weight:300}.agent-lab{border:1px solid var(--line);background:#06111eb8;border-radius:21px;grid-template-columns:.37fr .63fr;display:grid;overflow:hidden}.agent-task-list{border-right:1px solid var(--line);padding:25px}.agent-heading{margin-bottom:20px}.agent-task-list>button{text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;width:100%;min-height:55px;margin-bottom:8px;padding:0 14px;transition:border .2s,background .2s;display:grid}.agent-task-list>button.active{background:#9b87ff12;border-color:#9b87ff59}.agent-task-list>button span{color:#627a8e;font-family:Consolas,monospace;font-size:10px}.agent-task-list>button b{font-size:12px}.agent-task-list>button i{color:var(--violet);font-style:normal}.agent-window{background-color:#0000;background-image:linear-gradient(#70a1c609 1px,#0000 1px),linear-gradient(90deg,#70a1c609 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:430px;padding-bottom:24px}.agent-window-bar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:51px;padding:0 18px;display:grid}.agent-window-bar>div{gap:6px;display:flex}.agent-window-bar>div span{background:#395065;border-radius:50%;width:7px;height:7px}.agent-window-bar b{color:#7f96aa;font-size:10px}.agent-window-bar em{color:var(--lime);justify-self:end;font-family:Consolas,monospace;font-size:8px;font-style:normal}.agent-prompt,.agent-working{grid-template-columns:34px 1fr;gap:12px;margin:23px 26px 0;display:grid}.agent-prompt>span,.agent-avatar{background:#21374a;border-radius:9px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.agent-prompt p{color:#c3d3df;background:#13253ad1;border:1px solid #ffffff13;border-radius:0 11px 11px;margin:0;padding:13px 15px;font-size:12px;line-height:1.75}.agent-avatar{color:var(--ink);background:var(--violet)}.agent-log{padding-top:2px}.agent-log div{color:#4f687c;align-items:center;gap:9px;min-height:31px;font-family:Consolas,Microsoft YaHei UI,monospace;font-size:10px;transition:color .25s;display:flex}.agent-log div.done{color:#91a8ba}.agent-log div.working{color:var(--cyan)}.agent-log div.working span{animation:.8s infinite pulse}.agent-result{opacity:.35;background:#c9ff5209;border:1px solid #c9ff5221;border-radius:10px;align-items:center;gap:12px;margin:20px 26px 0 72px;padding:14px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(8px)}.agent-result.show{opacity:1;transform:translateY(0)}.agent-result span{color:var(--ink);background:var(--lime);border-radius:5px;padding:5px 7px;font-size:8px;font-weight:900}.agent-result b{color:#cce0ed;font-size:11px}.prompt-workshop{border-top:1px solid var(--line);grid-template-columns:.38fr .62fr;gap:42px;margin-top:70px;padding-top:65px;display:grid}.workshop-copy h3{margin:14px 0;font-size:31px;line-height:1.25}.workshop-copy>p{color:#859daf;font-size:13px;line-height:1.8}.workshop-copy ol{gap:9px;margin:23px 0 0;padding:0;list-style:none;display:grid}.workshop-copy li{color:#a9bbc9;align-items:center;gap:10px;font-size:12px;display:flex}.workshop-copy li span{width:24px;height:24px;color:var(--cyan);background:#57e7ff12;border-radius:7px;place-items:center;font-family:Consolas,monospace;font-size:9px;display:grid}.prompt-builder{grid-template-columns:1fr 1fr;gap:10px;display:grid}.prompt-builder label{min-width:0}.prompt-builder label>span{color:#7690a4;margin-bottom:7px;font-size:9px;display:block}.prompt-builder textarea{resize:vertical;color:#c4d6e3;background:#06111ec2;border:1px solid #ffffff17;border-radius:10px;width:100%;min-height:86px;padding:12px;font-size:10px;line-height:1.55}.generated-prompt{background:#57e7ff09;border:1px solid #57e7ff2b;border-radius:12px;grid-column:1/-1;margin-top:7px;overflow:hidden}.generated-prompt>div{height:42px;color:var(--cyan);border-bottom:1px solid #57e7ff1f;justify-content:space-between;align-items:center;padding:0 13px;font-size:9px;font-weight:800;display:flex}.generated-prompt button{color:var(--cyan);cursor:pointer;background:0 0;border:1px solid #57e7ff3d;border-radius:5px;padding:5px 8px;font-size:8px}.generated-prompt pre{color:#9fb5c5;white-space:pre-wrap;max-height:230px;margin:0;padding:15px;font-family:Consolas,Microsoft YaHei UI,monospace;font-size:9px;line-height:1.75;overflow:auto}.human-role{text-align:center;background:#9b87ff09;border:1px solid #9b87ff29;border-radius:14px;margin-top:45px;padding:25px}.human-role>span{color:#8096a8;margin-bottom:14px;font-size:11px;display:block}.human-role>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;display:flex}.human-role b{color:#cfdae3;font-size:13px}.human-role i{color:var(--violet);font-style:normal}.closing-scene{text-align:center;isolation:isolate;background:linear-gradient(#07101fd1,#07101ff5),repeating-linear-gradient(90deg,#0000 0 69px,#57e7ff0d 70px),repeating-linear-gradient(0deg,#0000 0 69px,#57e7ff0d 70px);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:130px 24px 30px;display:flex}.closing-glow{z-index:-1;aspect-ratio:1;filter:blur(8px);background:radial-gradient(circle,#57e7ff1f,#9b87ff0d 36%,#0000 67%);border-radius:50%;width:min(780px,80vw);position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.closing-content{width:min(1080px,100%)}.closing-content h2{letter-spacing:-.055em;margin:21px 0;font-size:clamp(43px,6.2vw,82px);line-height:1.03}.closing-content h2 span{color:#0000;background:linear-gradient(90deg, var(--cyan), #e9f5ff 45%, var(--lime));-webkit-background-clip:text;background-clip:text}.closing-content>p{color:#91a9bb;max-width:750px;margin:0 auto;font-size:15px;line-height:1.9}.closing-questions{grid-template-columns:repeat(3,1fr);gap:11px;margin:40px 0 24px;display:grid}.closing-questions article{text-align:left;border:1px solid var(--line);background:#ffffff06;border-radius:13px;align-items:center;gap:15px;min-height:90px;padding:18px;display:flex}.closing-questions span{color:var(--cyan);font-family:Consolas,monospace;font-size:10px}.closing-questions b{font-size:13px}.annual-loop{background:#c9ff5209;border:1px solid #c9ff5229;border-radius:14px;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.annual-loop div{min-width:100px}.annual-loop span,.annual-loop small{display:block}.annual-loop span{color:var(--lime);font-size:14px;font-weight:900}.annual-loop small{color:#7890a3;margin-top:5px;font-size:9px}.annual-loop i{color:#455f73;font-style:normal}.next-session-teaser{text-align:left;background:radial-gradient(circle at 90% 0,#9b87ff1a,#0000 30%),#091424d1;border:1px solid #9b87ff33;border-radius:20px;margin-top:24px;padding:30px}.next-session-heading{grid-template-columns:.58fr .42fr;align-items:end;gap:35px;display:grid}.next-session-heading span{color:var(--violet);font-family:Consolas,monospace;font-size:9px}.next-session-heading h3{margin:10px 0 0;font-size:28px;line-height:1.35}.next-session-heading>p{color:#8aa1b3;margin:0;font-size:10px;line-height:1.85}.codex-proof{grid-template-columns:.52fr .48fr;gap:18px;margin-top:22px;display:grid}.proof-window{background:#071522;border:1px solid #57e7ff29;border-radius:13px;overflow:hidden;box-shadow:0 20px 40px #00000029}.proof-window-bar{background:#ffffff06;border-bottom:1px solid #ffffff12;align-items:center;gap:6px;min-height:34px;padding:0 12px;display:flex}.proof-window-bar i{background:#ff6975;border-radius:50%;width:6px;height:6px}.proof-window-bar i:nth-child(2){background:#ffb25a}.proof-window-bar i:nth-child(3){background:var(--lime)}.proof-window-bar span{color:#5f7688;margin-left:7px;font-family:Consolas,monospace;font-size:7px}.proof-window-body{padding:22px}.proof-window-body small{color:var(--cyan);font-family:Consolas,monospace;font-size:7px}.proof-window-body b{margin:10px 0 8px;font-size:17px;line-height:1.45;display:block}.proof-window-body p{color:#7991a3;margin:0;font-size:9px;line-height:1.75}.proof-flow{background:#ffffff04;border:1px solid #ffffff12;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.proof-flow>div{text-align:center;background:#ffffff05;border:1px solid #ffffff13;border-radius:9px;min-width:100px;padding:13px 10px}.proof-flow>div.proof-result{background:#c9ff5209;border-color:#c9ff5233}.proof-flow span,.proof-flow small{display:block}.proof-flow span{color:var(--cyan);font-size:10px;font-weight:900}.proof-flow .proof-result span{color:var(--lime)}.proof-flow small{color:#6c8497;margin-top:6px;font-size:7px}.proof-flow>i{color:#536c80;font-style:normal}.next-session-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px;display:grid}.next-session-grid article{background:#ffffff04;border:1px solid #ffffff12;border-radius:10px;min-height:125px;padding:15px}.next-session-grid span{color:var(--violet);font-family:Consolas,monospace;font-size:7px}.next-session-grid b{margin:10px 0 7px;font-size:11px;display:block}.next-session-grid p{color:#71899c;margin:0;font-size:8px;line-height:1.7}.possibility-line{background:#57e7ff06;border:1px solid #57e7ff21;border-radius:10px;grid-template-columns:145px 1fr auto;align-items:center;gap:17px;margin-top:18px;padding:16px 18px;display:grid}.possibility-line span{color:var(--cyan);font-family:Consolas,monospace;font-size:8px}.possibility-line p{color:#8299aa;margin:0;font-size:9px;line-height:1.7}.possibility-line b{max-width:175px;color:var(--lime);font-size:9px;line-height:1.55}.closing-cta{margin-top:31px}.closing-scene footer{color:#4d6478;letter-spacing:.04em;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.language-scene{background:radial-gradient(circle at 82% 18%,#9b87ff14,#0000 25%),#091524}.hello-lab{grid-template-columns:.82fr 1.18fr;align-items:stretch;gap:24px;display:grid}.hello-editor,.translation-stack,.binary-lab,.language-evolution,.precision-note{border:1px solid var(--line);background:#071220c7;border-radius:20px}.hello-editor{overflow:hidden}.editor-top{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:50px;padding:0 17px;display:grid}.editor-top>div{gap:6px;display:flex}.editor-top>div span{background:#344b60;border-radius:50%;width:8px;height:8px}.editor-top>div span:first-child{background:var(--red)}.editor-top>div span:nth-child(2){background:var(--orange)}.editor-top>div span:last-child{background:var(--lime)}.editor-top b{color:#7b91a5;font-family:Consolas,monospace;font-size:10px}.editor-top em{color:var(--violet);justify-self:end;font-size:9px;font-style:normal}.editor-code{background:linear-gradient(#7c9db809 1px,#0000 1px) 0 0/100% 34px;grid-template-columns:25px 1fr;align-content:center;gap:0 10px;min-height:172px;padding:30px;display:grid}.editor-code .line-no{color:#40596d;font-family:Consolas,monospace;font-size:11px;line-height:2.5}.editor-code code{color:#c8d8e4;font-family:Consolas,Microsoft YaHei UI,monospace;font-size:14px;line-height:2.5}.editor-code code i{color:var(--cyan);font-style:normal}.editor-code code strong{color:var(--lime);font-weight:500}.hello-input{gap:8px;margin:0 20px 14px;display:grid}.hello-input span,.binary-converter label span{color:#70879a;font-size:9px}.hello-input input,.binary-converter input{color:#dceaf4;background:#ffffff09;border:1px solid #ffffff1a;border-radius:9px;width:100%;height:42px;padding:0 12px}.hello-run{margin-top:0}.translation-stack{grid-template-columns:1fr;gap:7px;padding:23px;display:grid}.translation-layer,.translation-result{opacity:.38;background:#ffffff05;border:1px solid #ffffff12;border-radius:11px;grid-template-columns:110px 1fr;align-items:center;min-height:68px;padding:12px 16px;transition:opacity .28s,transform .28s,border .28s;display:grid}.translation-layer.lit,.translation-result.lit{opacity:1;border-color:var(--layer-color);transform:translate(5px)}@supports (color:color-mix(in lab, red, red)){.translation-layer.lit,.translation-result.lit{border-color:color-mix(in srgb, var(--layer-color) 30%, transparent)}}.translation-layer.lit,.translation-result.lit{background:var(--layer-color)}@supports (color:color-mix(in lab, red, red)){.translation-layer.lit,.translation-result.lit{background:color-mix(in srgb, var(--layer-color) 5%, transparent)}}.translation-layer.human{--layer-color:var(--violet)}.translation-layer.instruction{--layer-color:var(--cyan)}.translation-layer.machine{--layer-color:var(--orange)}.translation-result{--layer-color:var(--lime)}.translation-layer>span,.translation-result>span{color:var(--layer-color);font-family:Consolas,monospace;font-size:9px;font-weight:800}.translation-layer b,.translation-result strong{color:#e1edf5;font-family:Consolas,Microsoft YaHei UI,monospace;font-size:14px}.translation-layer small{color:#6f8799;grid-column:2;margin-top:4px;font-size:9px}.translation-stack>i{color:#435e73;padding-left:19px;font-size:8px;font-style:normal}.translation-result strong{color:var(--lime);font-size:18px}.binary-lab{grid-template-columns:1fr .85fr;gap:45px;margin-top:24px;padding:31px;display:grid}.binary-copy h3{margin:11px 0 10px;font-size:24px}.binary-copy>p{color:#879fb1;margin:0;font-size:12px;line-height:1.85}.binary-warning{background:#ff9c520a;border:1px solid #ff9c5229;border-radius:10px;grid-template-columns:auto 1fr;gap:12px;margin-top:18px;padding:13px;display:grid}.binary-warning b{color:var(--orange);font-size:10px}.binary-warning span{color:#8ea4b5;font-size:9px;line-height:1.65}.binary-converter{background:#57e7ff08;border:1px solid #57e7ff24;border-radius:13px;padding:18px}.binary-converter label{gap:7px;display:grid}.binary-arrow{color:#537086;text-align:center;margin:14px 0 9px;font-size:8px}.binary-converter output{overflow-wrap:anywhere;min-height:70px;color:var(--lime);background:#c9ff520a;border:1px dashed #c9ff5240;border-radius:9px;place-items:center;padding:13px;font-family:Consolas,monospace;font-size:12px;line-height:1.6;display:grid}.binary-converter>small{color:#60798d;margin-top:10px;font-size:8px;line-height:1.65;display:block}.language-evolution{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:24px;padding:22px;display:grid}.language-evolution article{background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;min-height:158px;padding:18px}.language-evolution article>span{color:var(--cyan);font-family:Consolas,monospace;font-size:8px}.language-evolution h3{margin:7px 0;font-size:16px}.language-evolution p{color:#7c94a7;min-height:44px;margin:0 0 13px;font-size:9px;line-height:1.6}.language-evolution code{color:var(--lime);font-family:Consolas,monospace;font-size:10px}.language-evolution>i{color:#536e82;font-size:9px;font-style:normal}.precision-note,.cpu-price-note,.open-web-note{border-radius:13px;grid-template-columns:auto 1fr;gap:17px;margin-top:18px;padding:17px 20px;display:grid}.precision-note{background:#9b87ff0a;border-color:#9b87ff2e}.precision-note span,.cpu-price-note span,.open-web-note>span{color:var(--violet);font-size:10px;font-weight:900}.precision-note p,.cpu-price-note p,.open-web-note p{color:#91a7b8;margin:0;font-size:10px;line-height:1.75}.compilation-scene{background:radial-gradient(circle at 12% 25%,#ff9c5212,#0000 25%),#07131f}.toolbox-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.toolbox-grid article{border:1px solid var(--line);background:#091829c7;border-radius:15px;min-height:196px;padding:20px}.toolbox-mark{width:42px;height:42px;color:var(--cyan);background:#57e7ff0f;border:1px solid #57e7ff3d;border-radius:11px;place-items:center;font-family:Consolas,monospace;font-size:11px;font-weight:900;display:grid}.toolbox-grid h3{margin:15px 0 8px;font-size:16px}.toolbox-grid p{color:#8299ab;min-height:56px;margin:0 0 11px;font-size:10px;line-height:1.7}.toolbox-grid small{color:#5a7387;font-size:8px}.compile-lab{border:1px solid var(--line);background:#071220d1;border-radius:20px;margin-top:24px;padding:26px}.compile-tabs,.https-toggle{background:#ffffff06;border:1px solid #ffffff14;border-radius:10px;width:fit-content;padding:4px;display:flex}.compile-tabs button,.https-toggle button{color:#6e8699;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:35px;padding:0 14px;font-size:10px;font-weight:700}.compile-tabs button.active,.https-toggle button.active{color:var(--ink);background:var(--cyan)}.compile-conveyor{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:28px;display:grid;position:relative}.compile-conveyor:before{content:"";background:linear-gradient(90deg,#57e7ff40,#c9ff5240);height:1px;position:absolute;top:37px;left:9%;right:9%}.compile-conveyor button{z-index:2;cursor:pointer;background:#0b1a2a;border:1px solid #ffffff14;border-radius:12px;min-height:105px;padding:14px 9px;position:relative}.compile-conveyor button span,.compile-conveyor button b,.compile-conveyor button code{display:block}.compile-conveyor button span{color:#5a7185;font-family:Consolas,monospace;font-size:8px}.compile-conveyor button b{color:#9db0c0;margin:9px 0 6px;font-size:12px}.compile-conveyor button code{color:#526b80;font-family:Consolas,monospace;font-size:9px}.compile-conveyor button.active{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 0 25px #57e7ff1f}.compile-conveyor button.active b,.compile-conveyor button.active code{color:var(--cyan)}.compile-conveyor button.passed{border-color:#c9ff5233}.compile-conveyor button.passed span{color:var(--lime)}.compile-detail{background:#57e7ff08;border:1px solid #57e7ff21;border-radius:12px;grid-template-columns:50px 1fr auto;align-items:center;gap:16px;margin-top:19px;padding:18px;display:grid}.compile-detail>span{width:45px;height:45px;color:var(--ink);background:var(--cyan);border-radius:10px;place-items:center;font-family:Consolas,monospace;font-size:10px;font-weight:900;display:grid}.compile-detail small{color:var(--cyan);font-family:Consolas,monospace;font-size:8px}.compile-detail h3{margin:3px 0 5px;font-size:16px}.compile-detail p{color:#849bad;margin:0;font-size:10px}.compile-detail>button{color:var(--cyan);cursor:pointer;background:0 0;border:1px solid #57e7ff40;border-radius:7px;padding:9px 12px;font-size:9px}.python-route{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:28px;display:grid}.python-route>div{text-align:center;background:#9b87ff0a;border:1px solid #9b87ff29;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:115px;padding:15px;display:flex}.python-route div span{color:var(--violet);font-family:Consolas,monospace;font-size:8px}.python-route div b{margin:8px 0 5px;font-size:12px}.python-route div small{color:#71899b;font-size:8px}.python-route>i{color:#546f82;font-style:normal}.python-route>p{color:#8ca3b4;background:#ffffff06;border-radius:9px;grid-column:1/-1;margin:8px 0 0;padding:14px;font-size:10px;line-height:1.7}.lesson-video{border:1px solid var(--line);background:#081626c7;border-radius:20px;grid-template-columns:.37fr .63fr;gap:26px;margin-top:24px;padding:24px;display:grid}.video-copy h3{margin:10px 0;font-size:23px}.video-copy p{color:#8199ab;margin:0;font-size:10px;line-height:1.75}.video-copy ul{color:#9bb0c0;gap:7px;margin:17px 0;padding:0 0 0 17px;font-size:9px;display:grid}.video-copy a,.open-source-copy a,.open-web-note a{color:var(--cyan);font-size:9px;text-decoration:none}.video-frame{background:radial-gradient(circle,#9b87ff21,#0000 52%),#050c16;border:1px solid #9b87ff33;border-radius:14px;min-height:335px;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;min-height:335px}.video-frame>button{color:#e5eff7;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;min-height:335px;display:flex}.video-frame>button span{width:63px;height:63px;color:var(--cyan);background:#57e7ff12;border:1px solid #57e7ff59;border-radius:50%;place-items:center;padding-left:4px;display:grid;box-shadow:0 0 35px #57e7ff1a}.video-frame>button b{font-size:14px}.video-frame>button small{color:#61798d;font-size:9px}.publish-routes{grid-template-columns:1.15fr 1fr 1fr 1fr;gap:10px;margin-top:24px;display:grid}.publish-intro,.publish-routes article{border:1px solid var(--line);background:#081524b3;border-radius:13px;min-height:155px;padding:19px}.publish-intro span,.publish-routes article>span{color:var(--orange);font-family:Consolas,monospace;font-size:8px}.publish-intro h3{margin:11px 0 0;font-size:20px;line-height:1.35}.publish-routes article b{margin:10px 0 8px;font-size:12px;display:block}.publish-routes article p{color:#768fa2;margin:0;font-size:9px;line-height:1.65}.runtime-scene{background:radial-gradient(circle at 85% 40%,#c9ff520f,#0000 22%),#0a1524}.memory-lab{grid-template-columns:1fr .4fr 1fr;align-items:stretch;gap:15px;display:grid}.storage-cabinet,.ram-desk{border:1px solid var(--line);background:#081626c7;border-radius:18px;min-height:330px;padding:23px}.memory-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.memory-title span{color:#7890a3;font-size:10px}.memory-title b{color:var(--cyan);font-family:Consolas,monospace;font-size:10px}.storage-files{gap:9px;margin:22px 0;display:grid}.storage-files div{color:#a7b9c7;background:#ffffff06;border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:10px;min-height:50px;padding:0 12px;font-size:10px;display:flex}.storage-files span{width:30px;height:25px;color:var(--lime);background:#c9ff5212;border-radius:5px;place-items:center;font-family:Consolas,monospace;font-size:7px;display:grid}.storage-cabinet>small{color:#5b7387;font-size:8px}.load-bridge{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.load-bridge button{color:var(--cyan);cursor:pointer;background:#57e7ff0d;border:1px solid #57e7ff40;border-radius:8px;padding:10px 12px;font-size:9px;font-weight:800}.load-bridge span{color:#4f697d;font-size:8px}.load-bridge span.moving{color:var(--lime);animation:1s 3 pulse}.ram-desk{transition:opacity .25s,filter .25s}.ram-desk.off{opacity:.65;filter:grayscale(.7)}.desk-surface{background:#57e7ff06;border:1px dashed #57e7ff2e;border-radius:12px;place-items:center;min-height:190px;margin:16px 0;display:grid}.open-program{text-align:center;background:#c9ff520b;border:1px solid #c9ff5233;border-radius:11px;width:80%;padding:18px}.open-program span,.open-program b,.open-program small{display:block}.open-program span{color:var(--lime);font-family:Consolas,monospace;font-size:7px}.open-program b{margin:9px 0 5px;font-size:14px}.open-program small{color:#70899c;font-size:8px}.ram-meter{background:#263b4d;border-radius:5px;width:80%;height:4px;margin:13px auto 0;overflow:hidden}.ram-meter span{background:linear-gradient(90deg, var(--cyan), var(--lime));height:100%;display:block}.empty-desk{color:#5d7588;font-size:9px}.ram-desk>button{width:100%;min-height:35px;color:var(--cyan);cursor:pointer;background:0 0;border:1px solid #57e7ff2e;border-radius:8px;font-size:9px}.ram-desk>button.danger{color:var(--red);border-color:#ff6a7233}.memory-verdict{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.memory-verdict article{border:1px solid var(--line);background:#07121fa8;border-radius:13px;padding:18px}.memory-verdict span{color:var(--cyan);font-family:Consolas,monospace;font-size:8px}.memory-verdict h3{margin:7px 0 6px;font-size:14px}.memory-verdict p{color:#718a9d;margin:0;font-size:9px}.cpu-lab{border-top:1px solid var(--line);grid-template-columns:.35fr .65fr;gap:24px;margin-top:50px;padding-top:48px;display:grid}.cpu-chip{place-items:center;min-height:300px;display:grid;position:relative}.chip-core{z-index:2;background:linear-gradient(135deg,#57e7ff26,#0000 40%),#0f2237;border:8px solid #334b5e;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:190px;height:190px;display:flex;position:relative;box-shadow:0 28px 55px #00000059,inset 0 0 40px #57e7ff0f}.chip-core span{color:var(--cyan);font-family:Consolas,monospace;font-size:26px;font-weight:900}.chip-core b{color:#667f92;margin-top:6px;font-family:Consolas,monospace;font-size:9px}.chip-core i{background:#3b5366;border-radius:50%;width:8px;height:8px;margin-top:18px}.chip-core i.pulse{background:var(--lime);box-shadow:0 0 14px var(--lime);animation:.8s infinite pulse}.chip-pins{border:12px dotted #30475a;border-radius:35px;width:235px;height:235px;position:absolute}.cpu-cycle{border:1px solid var(--line);background:#081626c7;border-radius:18px;padding:26px}.cpu-cycle-top{justify-content:space-between;align-items:end;gap:18px;display:flex}.cpu-cycle h3{margin:8px 0 0;font-size:24px}.cpu-cycle-top button{color:var(--lime);cursor:pointer;background:#c9ff520d;border:1px solid #c9ff523d;border-radius:8px;padding:9px 12px;font-size:9px}.cpu-cycle-top button:disabled{cursor:not-allowed;opacity:.35}.cycle-steps{grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 0;display:grid}.cycle-steps div{opacity:.38;background:#ffffff05;border:1px solid #ffffff12;border-radius:11px;min-height:130px;padding:16px;transition:opacity .25s,transform .25s,border .25s}.cycle-steps div.active{opacity:1;background:#57e7ff0d;border-color:#57e7ff4d;transform:translateY(-5px)}.cycle-steps span,.cycle-steps b,.cycle-steps small{display:block}.cycle-steps span{color:var(--cyan);font-family:Consolas,monospace;font-size:8px}.cycle-steps b{margin:13px 0 7px;font-size:15px}.cycle-steps small{color:#738c9f;font-size:8px;line-height:1.6}.cpu-cycle>p{color:#7f96a8;margin:0;font-size:9px;line-height:1.75}.cpu-price-note{background:#ff9c520a;border-color:#ff9c522e}.cpu-price-note span{color:var(--orange)}.internet-correction{background:#9b87ff09;border:1px solid #9b87ff26;border-radius:18px;grid-template-columns:.34fr .66fr;gap:22px;margin-bottom:24px;padding:25px;display:grid}.correction-title span{color:var(--violet);font-family:Consolas,monospace;font-size:9px}.correction-title h3{margin:10px 0 0;font-size:30px}.correction-equation{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.correction-equation article{background:#0712209e;border:1px solid #ffffff13;border-radius:11px;min-height:130px;padding:17px}.correction-equation article span{color:var(--cyan);font-family:Consolas,monospace;font-size:8px}.correction-equation article b{margin:10px 0 7px;font-size:13px;display:block}.correction-equation article p{color:#788fa1;margin:0;font-size:9px;line-height:1.6}.correction-equation>i{color:#536d81;font-size:8px;font-style:normal}.server-lab{grid-template-columns:.38fr .62fr;gap:18px;margin-bottom:24px;display:grid}.personal-host,.server-definition{border:1px solid var(--line);background:#071220c2;border-radius:18px;padding:23px}.host-top{color:#8ba0b1;justify-content:space-between;font-size:9px;display:flex}.host-top span{color:var(--orange);font-family:Consolas,monospace}.host-machine{width:170px;margin:25px auto 17px;transition:opacity .25s,filter .25s}.host-machine.offline{opacity:.42;filter:grayscale()}.machine-screen{text-align:center;height:105px;color:var(--lime);background:#0c1d2d;border:6px solid #31495c;border-radius:10px;place-items:center;padding:12px;font-size:9px;display:grid}.offline .machine-screen{color:var(--red)}.machine-base{background:#31495c;border-radius:2px 2px 8px 8px;width:80px;height:11px;margin:7px auto 0}.personal-host>button{width:100%;height:34px;color:var(--orange);cursor:pointer;background:#ff9c520a;border:1px solid #ff9c5238;border-radius:8px;font-size:9px}.personal-host>small{color:#5c7488;text-align:center;margin-top:10px;font-size:8px;display:block}.server-definition{grid-template-columns:155px 1fr;align-items:center;gap:24px;display:grid}.server-rack{background:#0a1929;border:7px solid #283f53;border-radius:13px;gap:8px;padding:18px;display:grid}.server-rack span{background:radial-gradient(circle at 12px 50%, var(--lime) 0 2px, transparent 3px), repeating-linear-gradient(90deg, #243a4e 0 7px, #172a3d 8px 10px);border:1px solid #3b5367;border-radius:5px;height:35px;position:relative}.server-definition h3{margin:10px 0 8px;font-size:20px}.server-definition p{color:#8097a9;margin:0;font-size:10px;line-height:1.8}.server-capabilities{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.server-capabilities span{color:var(--lime);background:#c9ff5209;border:1px solid #c9ff5224;border-radius:6px;padding:6px 8px;font-size:8px}.http-lab{border:1px solid var(--line);background:#071220c2;border-radius:18px;grid-template-columns:.38fr .62fr;gap:25px;margin-bottom:24px;padding:25px;display:grid}.http-copy h3{margin:10px 0;font-size:22px}.http-copy p{color:#8199ab;margin:0 0 17px;font-size:10px;line-height:1.8}.packet-compare{border:1px solid var(--packet-line);background:var(--packet-bg);border-radius:13px;grid-template-columns:.28fr .44fr .28fr;align-items:center;gap:10px;padding:18px;display:grid}.packet-compare.secure{--packet:var(--lime);--packet-line:#c9ff522b;--packet-bg:#c9ff5206}.packet-compare.plain{--packet:var(--red);--packet-line:#ff6a7233;--packet-bg:#ff6a7208}.packet-browser,.packet-server{background:#0b1b2c;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:90px;display:flex}.packet-browser span,.packet-server span{color:#6f889b;font-size:8px}.packet-browser b,.packet-server b{margin-top:8px;font-size:11px}.packet-road{position:relative}.packet-road:before{content:"";background:var(--packet);opacity:.25;height:1px;position:absolute;top:50%;left:-10px;right:-10px}.packet-envelope{z-index:2;text-align:center;border:1px solid var(--packet-line);background:#0b1a2a;border-radius:9px;padding:14px 8px;position:relative}.packet-envelope span,.packet-envelope code{display:block}.packet-envelope span{color:var(--packet);font-size:8px;font-weight:800}.packet-envelope code{color:#8da4b6;margin-top:7px;font-family:Consolas,monospace;font-size:8px}.packet-compare>p{color:#7d94a6;grid-column:1/-1;margin:5px 0 0;font-size:9px;line-height:1.65}.browser-render{background:#9b87ff09;border:1px solid #9b87ff29;border-radius:17px;grid-template-columns:.34fr .66fr;align-items:center;gap:25px;margin-top:24px;padding:24px;display:grid}.render-copy h3{margin:9px 0 8px;font-size:20px}.render-copy p{color:#8097aa;margin:0;font-size:9px;line-height:1.75}.render-pipeline{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:7px;display:grid}.render-pipeline>div{text-align:center;background:#071220a6;border:1px solid #ffffff13;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:105px;padding:10px;display:flex}.render-pipeline>div.paint-result{background:#c9ff520a;border-color:#c9ff5233}.render-pipeline span{color:var(--violet);font-family:Consolas,monospace;font-size:8px}.render-pipeline b{margin:9px 0 5px;font-size:11px}.render-pipeline small{color:#6f8799;font-size:7px}.render-pipeline>i{color:#506a7e;font-style:normal}.proposal-replay{border:1px solid var(--line);background:#071220ad;border-radius:18px;margin-top:24px;padding:25px}.replay-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:21px;display:flex}.replay-heading h3{margin:0;font-size:22px}.replay-line{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.replay-line article{background:#ffffff05;border:1px solid #ffffff13;border-radius:10px;min-height:130px;padding:14px}.replay-line span{color:var(--cyan);font-family:Consolas,monospace;font-size:8px}.replay-line b{margin:14px 0 7px;font-size:11px;display:block}.replay-line p{color:#738b9e;margin:0;font-size:8px;line-height:1.6}.four-homes{grid-template-columns:1.2fr repeat(4,1fr);gap:10px;margin-top:24px;display:grid}.four-homes-title,.four-homes article{border:1px solid var(--line);background:#081524b8;border-radius:13px;min-height:170px;padding:18px}.four-homes-title span{color:var(--orange);font-size:8px}.four-homes-title h3{margin:13px 0 0;font-size:19px;line-height:1.45}.four-homes article>span{color:var(--cyan);font-family:Consolas,monospace;font-size:7px}.four-homes article b{margin:15px 0 8px;font-size:13px;display:block}.four-homes article p{color:#748c9f;margin:0;font-size:8px;line-height:1.65}.database-classroom{background:radial-gradient(circle at 88% 8%,#57e7ff12,#0000 26%),#06111ed1;border:1px solid #57e7ff21;border-radius:20px;margin-top:28px;padding:28px}.database-intro{grid-template-columns:.55fr .45fr;align-items:end;gap:38px;display:grid}.database-intro h3{max-width:680px;margin:9px 0 0;font-size:28px;line-height:1.35}.database-intro>p{color:#89a0b1;margin:0;font-size:10px;line-height:1.85}.sheet-database-compare{grid-template-columns:1fr 110px 1fr;align-items:stretch;gap:14px;margin-top:23px;display:grid}.sheet-side,.database-side{background:#ffffff05;border:1px solid #ffffff13;border-radius:15px;grid-template-rows:auto auto 1fr;grid-template-columns:130px 1fr;align-items:center;column-gap:20px;min-height:205px;padding:23px;display:grid}.sheet-side>small,.database-side>small{color:var(--cyan);align-self:end;font-family:Consolas,monospace;font-size:7px}.sheet-side h4,.database-side h4{margin:8px 0 6px;font-size:16px}.sheet-side p,.database-side p{color:#758da0;align-self:start;margin:0;font-size:9px;line-height:1.7}.mini-sheet{background:#57e7ff09;border:1px solid #57e7ff2e;border-radius:9px;grid-row:1/4;grid-template-columns:repeat(3,1fr);gap:3px;padding:11px;display:grid}.mini-sheet span{color:#71899b;border:1px solid #ffffff14;place-items:center;min-height:27px;font-family:Consolas,monospace;font-size:7px;display:grid}.mini-sheet span:nth-child(2),.mini-sheet span:nth-child(5){color:var(--cyan);background:#57e7ff0f}.compare-arrow{color:#617a8e;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:8px;display:flex}.compare-arrow b{color:var(--orange);font-family:Consolas,monospace;font-size:26px}.database-cylinder{background:#9b87ff0a;border-bottom:1px solid #9b87ff4d;border-left:1px solid #9b87ff4d;border-right:1px solid #9b87ff4d;border-radius:0 0 50% 50%/0 0 16% 16%;grid-row:1/4;width:104px;height:112px;margin:0 auto;position:relative}.database-cylinder:before,.database-cylinder i{content:"";border:1px solid #9b87ff57;border-radius:50%;height:23px;position:absolute;left:-1px;right:-1px}.database-cylinder:before{background:#102038;top:-11px}.database-cylinder i:first-child{top:21px}.database-cylinder i:nth-child(2){top:54px}.database-cylinder i:nth-child(3){top:87px}.relation-demo{background:#ffffff04;border:1px solid #ffffff12;border-radius:15px;grid-template-columns:.34fr .66fr;gap:25px;margin-top:18px;padding:23px;display:grid}.relation-copy>small{color:var(--lime);font-family:Consolas,monospace;font-size:7px}.relation-copy h3{margin:10px 0;font-size:20px}.relation-copy p{color:#8199aa;margin:0;font-size:9px;line-height:1.8}.sql-question{border-left:2px solid var(--lime);background:#c9ff5209;margin-top:17px;padding:12px}.sql-question span{color:var(--lime);margin-bottom:6px;font-size:7px;display:block}.sql-question code{color:#a9bdcb;white-space:normal;font-size:8px}.relation-tables{grid-template-columns:1fr 34px 1.25fr 34px 1.2fr;align-items:center;gap:5px;display:grid}.relation-tables article{background:#091929;border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.relation-tables article.focus-table{border-color:#c9ff5240;box-shadow:0 0 24px #c9ff5209}.relation-tables header{color:#dce8ef;border-bottom:1px solid #ffffff12;justify-content:space-between;gap:8px;padding:9px 10px;font-size:8px;display:flex}.relation-tables header small{color:var(--cyan);font-family:Consolas,monospace;font-size:6px}.relation-tables article>div{color:#8097a8;border-bottom:1px solid #ffffff0b;grid-template-columns:25px 1fr auto;gap:7px;padding:10px;font-size:7px;display:grid}.relation-tables article>div:last-child{border-bottom:0}.relation-tables article>div:first-of-type{background:#57e7ff08}.relation-tables article b{color:var(--cyan);font-family:Consolas,monospace}.relation-tables article em{color:var(--orange);font-family:Consolas,monospace;font-style:normal}.relation-link{height:2px;color:var(--orange);background:#ff9c5252;place-items:center;font-family:Consolas,monospace;font-size:6px;font-style:normal;display:grid;position:relative}.relation-link:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #ff9c52bf;position:absolute;right:0}.database-evolution{margin-top:18px}.database-stage-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.database-stage-tabs button{text-align:left;color:#788fa2;cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:32px 1fr;align-items:center;column-gap:8px;min-height:72px;padding:12px 14px;display:grid}.database-stage-tabs button>span{color:#526d81;grid-row:1/3;font-family:Consolas,monospace;font-size:9px}.database-stage-tabs button b{color:#b6c7d2;font-size:10px}.database-stage-tabs button small{font-size:7px}.database-stage-tabs button.active{background:#57e7ff0d;border-color:#57e7ff40}.database-stage-tabs button.active>span,.database-stage-tabs button.active b{color:var(--cyan)}.database-stage-view{background:#040e19c2;border:1px solid #57e7ff1f;border-radius:14px;grid-template-columns:.42fr .58fr;align-items:stretch;gap:28px;min-height:350px;margin-top:8px;padding:27px;display:grid}.database-visual{background-color:#081827;background-image:linear-gradient(#57e7ff06 1px,#0000 1px),linear-gradient(90deg,#57e7ff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff0f;border-radius:12px;place-items:center;min-height:285px;display:grid;overflow:hidden}.relational-visual{grid-template-columns:1fr;gap:8px;width:78%;display:grid}.relational-visual span,.relational-visual i{color:#c2d3dc;background:#57e7ff0a;border:1px solid #57e7ff2e;border-radius:8px;place-items:center;min-height:37px;font-size:9px;display:grid}.relational-visual i{min-height:20px;color:var(--orange);background:0 0;border:0;font-family:Consolas,monospace;font-size:7px;font-style:normal}.document-visual{gap:11px;width:86%;display:grid}.document-visual pre{color:#b8aaff;white-space:pre-wrap;background:#9b87ff0b;border:1px solid #9b87ff2e;border-radius:9px;margin:0;padding:14px;font-size:8px;line-height:1.7}.document-visual pre:last-child{color:#ffbc8a;background:#ff9c5209;border-color:#ff9c5233;width:82%;margin-left:auto}.distributed-visual{width:100%;height:280px;position:relative}.distributed-visual>span{z-index:2;width:115px;min-height:65px;color:var(--lime);background:#10202c;border:1px solid #c9ff523b;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute;box-shadow:0 0 25px #c9ff520a}.distributed-visual>span small{color:#70899a;margin-top:7px;font-size:6px}.node-a{top:25px;left:50%;transform:translate(-50%)}.node-b{bottom:28px;right:9%}.node-c{bottom:28px;left:9%}.network-line{z-index:1;transform-origin:top;background:#57e7ff3d;width:2px;height:120px;position:absolute}.line-a{top:80px;left:48%;transform:rotate(54deg)}.line-b{top:80px;right:48%;transform:rotate(-54deg)}.line-c{width:44%;height:2px;bottom:59px;left:28%}.database-stage-copy{align-self:center}.database-stage-copy>span{color:var(--cyan);font-family:Consolas,monospace;font-size:8px}.database-stage-copy h3{margin:10px 0 17px;font-size:25px}.database-stage-copy dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.database-stage-copy dl>div{background:#ffffff04;border:1px solid #fff1;border-radius:9px;min-height:112px;padding:13px}.database-stage-copy dt{color:var(--orange);margin-bottom:7px;font-size:7px}.database-stage-copy dd{color:#839aab;margin:0;font-size:8px;line-height:1.7}.database-verdict{background:#c9ff5206;border:1px solid #c9ff5229;border-radius:12px;grid-template-columns:130px 1fr auto;align-items:center;gap:20px;margin-top:18px;padding:17px 20px;display:grid}.database-verdict>span{color:var(--lime);font-family:Consolas,monospace;font-size:8px}.database-verdict p{color:#8299aa;margin:0;font-size:9px;line-height:1.7}.database-verdict b{color:#0a1620;background:var(--lime);white-space:nowrap;border-radius:7px;padding:9px 11px;font-size:8px}.open-source-scene{background:radial-gradient(circle at 18% 35%,#9b87ff14,#0000 25%),#081421}.open-source-correction{border:1px solid var(--line);background:#071220c2;border-radius:20px;grid-template-columns:.38fr .62fr;align-items:center;gap:45px;padding:35px;display:grid}.github-orbit{border:1px solid #9b87ff1f;border-radius:50%;place-items:center;min-height:320px;display:grid;position:relative}.github-orbit:before,.github-orbit:after{content:"";border:1px solid #57e7ff1a;border-radius:50%;position:absolute}.github-orbit:before{inset:40px}.github-orbit:after{inset:80px}.github-core{z-index:2;background:linear-gradient(145deg,#9b87ff26,#57e7ff0d);border:1px solid #9b87ff59;border-radius:42px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative;box-shadow:0 0 50px #9b87ff1f}.github-core span{color:var(--violet);font-family:Consolas,monospace;font-size:10px}.github-core b{margin:8px 0 5px;font-size:23px}.github-core small{color:#70889b;font-size:8px}.orbit-dot{background:var(--cyan);width:10px;height:10px;box-shadow:0 0 14px var(--cyan);border-radius:50%;position:absolute}.dot-a{top:18px;left:50%}.dot-b{background:var(--violet);box-shadow:0 0 14px var(--violet);bottom:50px;right:40px}.dot-c{background:var(--lime);box-shadow:0 0 14px var(--lime);bottom:62px;left:27px}.open-source-copy article{background:#ff6a7209;border:1px solid #ff6a7224;border-radius:11px;grid-template-columns:45px 1fr;gap:10px;margin:14px 0;padding:15px;display:grid}.open-source-copy article.correct{background:#c9ff5209;border-color:#c9ff5229}.open-source-copy article span{color:var(--red);font-size:10px;font-weight:900}.open-source-copy article.correct span{color:var(--lime)}.open-source-copy article p{color:#91a7b8;margin:0;font-size:10px;line-height:1.75}.wheel-story{border:1px solid var(--line);background:#071220b3;border-radius:20px;grid-template-columns:.48fr .52fr;align-items:center;gap:45px;margin-top:24px;padding:35px;display:grid}.wheel-copy>span{color:var(--cyan);font-family:Consolas,monospace;font-size:9px}.wheel-copy h3{margin:12px 0;font-size:28px}.wheel-copy p{color:#849bac;margin:0;font-size:11px;line-height:1.85}.wheel-copy blockquote{border-left:3px solid var(--orange);color:#98acbc;background:#ff9c5209;margin:19px 0 0;padding:14px 15px;font-size:9px;line-height:1.7}.dependency-tower{width:min(440px,100%);margin:0 auto}.tower-top,.tower-layer,.tower-foundation{background:#ffffff06;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;margin:0 auto 8px;padding:12px 17px;display:flex}.tower-top{background:#c9ff520b;border-color:#c9ff5238;width:70%}.tower-layer:nth-child(2){width:80%}.tower-layer:nth-child(3){width:90%}.tower-layer:nth-child(4){width:100%}.tower-top span,.tower-layer span{color:#688094;font-size:8px}.tower-top b,.tower-layer b{font-size:10px}.tower-foundation{background:#9b87ff0d;border-color:#9b87ff38;justify-content:center;gap:13px;width:100%}.tower-foundation strong{color:var(--violet);font-family:Consolas,monospace;font-size:28px}.tower-foundation span{color:#849aac;max-width:160px;font-size:8px}.relay-history{grid-template-columns:.32fr .68fr;gap:13px;margin-top:24px;display:grid}.history-tabs{gap:8px;display:grid}.history-tabs button{text-align:left;color:#7c93a5;cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:30px 1fr;align-items:center;gap:9px;min-height:60px;padding:0 13px;font-size:9px;display:grid}.history-tabs button span{color:#506b80;font-family:Consolas,monospace;font-size:8px}.history-tabs button.active{color:#e5eff6;background:#57e7ff0d;border-color:#57e7ff40}.history-tabs button.active span{color:var(--cyan)}.history-story{background:#57e7ff06;border:1px solid #57e7ff21;border-radius:16px;grid-template-columns:125px 1fr;align-items:center;gap:26px;min-height:197px;padding:27px;display:grid}.history-mark{width:115px;height:115px;color:var(--cyan);background:#57e7ff0d;border:1px solid #57e7ff3d;border-radius:34px;place-items:center;font-family:Consolas,monospace;font-size:23px;font-weight:900;display:grid}.history-story>div:last-child>span{color:var(--cyan);font-family:Consolas,monospace;font-size:8px}.history-story h3{margin:8px 0;font-size:20px}.history-story p{color:#849bac;margin:0 0 10px;font-size:10px;line-height:1.75}.history-story blockquote{border-left:2px solid var(--orange);color:#a6b8c4;background:#ff9c5209;margin:0 0 10px;padding:9px 11px;font-size:8px;line-height:1.7}.history-story small{color:#5a7286;font-size:8px}.apollo-lesson{background:radial-gradient(circle at 12% 10%,#ff9c5212,#0000 28%),#071220c7;border:1px solid #ff9c522b;border-radius:20px;grid-template-columns:.4fr .6fr;gap:30px;margin-top:18px;padding:30px;display:grid}.agc-console{background:#0c151b;border:6px solid #3a4650;border-radius:13px;align-self:center;padding:17px;box-shadow:inset 0 0 0 1px #ffffff0d,0 18px 45px #0003}.agc-topline{color:#9cadb7;background:#141f25;border:1px solid #4d5a63;border-radius:6px;justify-content:space-between;gap:12px;padding:8px 10px;font-family:Consolas,monospace;font-size:7px;display:flex}.agc-topline b{color:var(--lime)}.apollo-lesson.overload .agc-topline b{color:var(--red);animation:.8s steps(2,end) infinite alarm-blink}@keyframes alarm-blink{50%{opacity:.35}}.agc-load{color:#82949f;grid-template-columns:auto 1fr 35px;align-items:center;gap:9px;margin:14px 0;font-size:7px;display:grid}.agc-load>div{background:#26323a;border-radius:4px;height:6px;overflow:hidden}.agc-load i{border-radius:inherit;background:var(--lime);width:63%;height:100%;transition:width .55s,background .35s;display:block}.apollo-lesson.overload .agc-load i{background:var(--red);width:100%}.agc-load strong{color:var(--lime);font-family:Consolas,monospace;font-size:8px}.apollo-lesson.overload .agc-load strong{color:var(--red)}.agc-tasks{gap:5px;display:grid}.agc-tasks>div{color:#a3b2bb;background:#ffffff05;border:1px solid #ffffff12;border-radius:6px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:8px;transition:opacity .35s,border-color .35s,transform .35s;display:flex}.agc-tasks>div small{color:#6f828d;font-family:Consolas,monospace;font-size:6px}.agc-tasks>div.running:first-child,.agc-tasks>div.running:nth-child(2),.agc-tasks>div.running:nth-child(3){border-color:#c9ff5226}.agc-tasks>div.running:first-child small,.agc-tasks>div.running:nth-child(2) small,.agc-tasks>div.running:nth-child(3) small{color:var(--lime)}.agc-tasks>div.dropped{opacity:.42;border-color:#ff6a7224;text-decoration:line-through;transform:translate(7px)}.agc-tasks>div.dropped small{color:var(--red)}.agc-console>button{width:100%;min-height:36px;color:var(--orange);cursor:pointer;background:#ff9c520b;border:1px solid #ff9c5242;border-radius:7px;margin-top:13px;font-size:8px}.apollo-copy{align-self:center}.apollo-copy h3{max-width:700px;margin:10px 0;font-size:26px;line-height:1.4}.apollo-copy>p{color:#839aaa;margin:0;font-size:10px;line-height:1.85}.apollo-mapping{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px;display:grid}.apollo-mapping article{background:#ffffff04;border:1px solid #ffffff12;border-radius:9px;min-height:105px;padding:12px}.apollo-mapping span{color:var(--orange);font-size:7px}.apollo-mapping b{margin:9px 0 6px;font-size:10px;line-height:1.45;display:block}.apollo-mapping small{color:#6f8799;font-size:7px;line-height:1.55}.apollo-copy>blockquote{border-left:3px solid var(--lime);color:#b1c2cd;background:#c9ff5209;margin:14px 0 0;padding:14px 16px;font-size:9px;line-height:1.8}.open-web-note{background:#c9ff5209;border-color:#c9ff5229;grid-template-columns:auto 1fr auto;align-items:center}.open-web-note>span,.open-web-note a{color:var(--lime)}.source-drawer{text-align:left;background:#ffffff06;border:1px solid #ffffff1a;border-radius:12px;margin-top:19px}.source-drawer summary{color:#8097a9;cursor:pointer;padding:14px 17px;font-size:10px;font-weight:800}.source-drawer>div{grid-template-columns:1fr 1fr;gap:7px;padding:0 17px 17px;display:grid}.source-drawer a{color:#8aa2b4;background:#ffffff05;border:1px solid #ffffff0f;border-radius:7px;padding:8px 10px;font-size:8px;text-decoration:none}.source-drawer a:hover{color:var(--cyan);border-color:#57e7ff33}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes scroll-dot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(9px)}}@keyframes pulse{50%{opacity:.5}}@keyframes line-flow{0%{background-position:-60px 0}to{background-position:60px 0}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1020px){.chapter-dots button{padding:10px 8px}.hero-scene{grid-template-columns:1fr;gap:48px;padding-top:140px}.hero-console{justify-self:start}.code-stage,.system-layout,.decision-layout,.agent-lab,.prompt-workshop{grid-template-columns:1fr}.device-stack{min-height:auto;padding:10px 0 50px}.real-badge{right:16%}.agent-task-list{border-right:0;border-bottom:1px solid var(--line)}.agent-window{min-height:390px}.prompt-workshop{gap:30px}}@media (width<=760px){.chapter-nav{width:calc(100% - 20px);top:10px}.brand-button small,.chapter-dots,.presenter-actions span{display:none}.presenter-actions button{min-width:34px;padding:0 8px}.hero-scene{padding:110px 24px 78px}.hero-content h1{font-size:clamp(45px,13vw,68px)}.hero-console{transform:none}.scene-inner{width:min(100% - 28px,1180px)}.section-scene{padding:105px 0 76px}.section-header h2{font-size:37px}.split-header{grid-template-columns:1fr;gap:4px}.flow-explainer{padding:25px 14px 16px}.flow-track{grid-template-columns:1fr;gap:12px;padding:0 0 20px}.flow-track:before,.data-packet{display:none}.flow-node{text-align:left;grid-template-columns:45px 1fr;column-gap:12px;display:grid}.node-orb{border-radius:12px;grid-row:1/3;width:45px;height:45px}.flow-node b,.flow-node small{margin:0}.concept-strip,.three-lanes,.closing-questions{grid-template-columns:1fr}.concept-strip div{border-right:0;border-bottom:1px solid var(--line)}.concept-strip div:last-child{border-bottom:0}.map-row,.risk-switches,.prompt-builder{grid-template-columns:1fr}.generated-prompt{grid-column:1}.system-insight{grid-template-columns:auto 1fr}.insight-tag{text-align:center;grid-column:1/-1}.ability-equation{grid-template-columns:1fr}.equation-symbol{text-align:center}.agent-window-bar{grid-template-columns:1fr 1fr}.agent-window-bar b{display:none}.agent-prompt,.agent-working{margin-left:14px;margin-right:14px}.agent-result{margin-left:59px;margin-right:14px}.annual-loop{grid-template-columns:1fr;gap:9px;display:grid}.annual-loop i{transform:rotate(90deg)}.next-session-heading,.codex-proof,.possibility-line{grid-template-columns:1fr}.next-session-grid{grid-template-columns:1fr 1fr}.closing-scene footer{flex-direction:column;gap:15px;width:100%;margin-top:50px;position:static}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1020px){.hello-lab,.binary-lab,.lesson-video,.cpu-lab,.internet-correction,.server-lab,.http-lab,.browser-render,.open-source-correction,.wheel-story,.database-intro,.relation-demo,.database-stage-view,.apollo-lesson{grid-template-columns:1fr}.toolbox-grid,.publish-routes{grid-template-columns:1fr 1fr}.memory-lab{grid-template-columns:1fr}.load-bridge{min-height:100px}.load-bridge span{transform:rotate(90deg)}.server-definition{grid-template-columns:150px 1fr}.four-homes{grid-template-columns:1fr 1fr}.four-homes-title{grid-column:1/-1;min-height:auto}.database-stage-view{min-height:auto}.replay-line{grid-template-columns:repeat(3,1fr)}.github-orbit{width:min(360px,80vw);margin:0 auto}}@media (width<=760px){.chapter-nav{justify-content:space-between}.hello-lab,.binary-lab,.lesson-video,.compile-lab,.open-source-correction,.wheel-story{gap:18px}.translation-layer,.translation-result{grid-template-columns:90px 1fr}.language-evolution,.correction-equation,.python-route,.render-pipeline{grid-template-columns:1fr}.language-evolution>i,.correction-equation>i,.python-route>i,.render-pipeline>i{text-align:center;transform:rotate(90deg)}.toolbox-grid,.publish-routes,.memory-verdict,.four-homes,.sheet-database-compare,.database-stage-copy dl,.apollo-mapping,.source-drawer>div{grid-template-columns:1fr}.sheet-side,.database-side{grid-template-columns:95px 1fr}.compare-arrow{min-height:65px}.relation-tables{grid-template-columns:1fr}.relation-link{width:2px;height:26px;margin:0 auto}.relation-link:after{border:4px solid #0000;border-top:6px solid #ff9c52bf;border-bottom:0;bottom:0;right:auto}.database-stage-tabs,.next-session-grid{grid-template-columns:1fr}.proof-flow{flex-direction:column}.proof-flow>div{width:100%}.proof-flow>i{transform:rotate(90deg)}.database-verdict{grid-template-columns:1fr}.database-verdict b{width:fit-content}.compile-tabs,.https-toggle{width:100%}.compile-tabs button,.https-toggle button{flex:1}.compile-conveyor{grid-template-columns:1fr}.compile-conveyor:before{display:none}.compile-detail{grid-template-columns:45px 1fr}.compile-detail>button{grid-column:1/-1}.python-route>p{grid-column:1}.server-definition{grid-template-columns:1fr}.server-rack{width:min(190px,80%);margin:0 auto}.packet-compare{grid-template-columns:1fr}.packet-road:before{width:1px;height:auto;inset:-10px 50% -10px auto}.packet-compare>p{grid-column:1}.replay-heading{flex-direction:column;align-items:start}.replay-line{grid-template-columns:1fr 1fr}.four-homes-title{grid-column:1}.relay-history,.history-story{grid-template-columns:1fr}.history-mark{width:90px;height:90px}.open-web-note,.precision-note,.cpu-price-note{grid-template-columns:1fr}.cpu-cycle-top{flex-direction:column;align-items:start}.cycle-steps{grid-template-columns:1fr}.source-drawer{margin-bottom:12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}