.course-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 24px}.course-heading h1{margin:6px 0}.course-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 20px;border:1px solid var(--lp-line);border-radius:8px;background:#0e1927;margin:0 0 24px}.course-path button{display:grid;grid-template-columns:30px 1fr;gap:1px 10px;text-align:left;align-items:center;background:transparent}.course-path button span{grid-row:span 2;width:29px;height:29px;border:1px solid #315651;border-radius:50%;display:grid;place-items:center;color:var(--lp-cyan)}.course-path strong{font-size:13px;font-weight:500}.course-path small{color:var(--lp-muted)}.course-home-next{margin:0 0 28px;color:var(--lp-muted)}.course-home-next button{margin-left:16px}.course-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:end;margin:22px 0}.course-toolbar .lp-filters{margin:0}.course-search{font-size:11px;color:var(--lp-muted);display:flex;flex-direction:column}.course-search input{border:1px solid var(--lp-line);border-radius:6px;padding:9px 12px;background:#0d1725;color:inherit;min-width:220px}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.course-card{border:1px solid var(--lp-line);border-radius:8px;overflow:hidden;background:var(--lp-panel)}.course-cover{position:relative;display:block;width:100%;padding:0;background:#eef1f4;aspect-ratio:16/7.2;overflow:hidden}.course-cover img{width:100%;height:100%;object-fit:cover}.course-cover span,.course-cover small{position:absolute;background:#081521df;color:#fff;padding:2px 9px;border-radius:4px;font-size:11px}.course-cover span{top:14px;left:14px}.course-cover small{bottom:12px;right:12px}.course-card-body{padding:20px 22px}.course-card-body h3{margin:9px 0}.course-card-body p{min-height:44px}.course-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--lp-line)}.course-card-bottom small{color:var(--lp-muted)}.course-reader-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:26px 0 20px}.course-reader-head h1{font-size:24px}.course-reader-head .lp-actions{margin-top:0}.course-reader-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;margin-top:20px}.course-outline{height:max-content;position:sticky;top:15px;padding:16px 10px;background:#0e1927;border:1px solid var(--lp-line);border-radius:8px;min-width:0}.course-outline h2{font-size:13px;margin:0 8px 10px}.course-outline button{display:flex;gap:9px;align-items:center;width:100%;text-align:left;border-radius:5px;padding:9px 8px;background:transparent;color:var(--lp-muted);font-size:12px}.course-outline button.active{background:#17312f;color:var(--lp-cyan)}.course-outline button span{font-size:11px}.course-outline button small{margin-left:auto;white-space:nowrap}.course-outline p{font-size:11px;border-top:1px solid var(--lp-line);padding:12px 8px 0;margin-top:12px}.course-viewer{min-width:0}.course-slide{padding:12px;border:1px solid #304155;border-radius:8px;background:#060b13}.course-slide button{display:block;padding:0;width:100%;background:transparent}.course-slide img{width:100%;aspect-ratio:16/9;object-fit:contain;display:block}.course-progress{height:3px;background:#203043;margin-top:15px}.course-progress i{height:100%;display:block;background:var(--lp-cyan)}.course-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.course-controls label{color:var(--lp-muted);font-size:12px}.course-controls input{width:56px;text-align:center;border:1px solid var(--lp-line);border-radius:5px;padding:7px;background:#142132;color:#e4edf6}.course-slide-title{color:var(--lp-muted);font-size:12px;margin:14px 0;display:flex;justify-content:space-between;gap:10px}.course-slide-title small{white-space:nowrap}.course-text{border:1px solid var(--lp-line);border-radius:8px;background:var(--lp-panel);padding:16px 20px}.course-text summary{cursor:pointer;color:var(--lp-cyan)}.course-text p{white-space:pre-wrap}.course-related{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.course-related h3{font-size:13px;color:var(--lp-muted)}.course-related button{display:block;text-align:left}.course-related p{font-size:12px}.course-finish{display:flex;align-items:center;gap:15px;margin:22px 0}.course-finish small{color:var(--lp-muted)}.course-zoom{padding:0;background:#080f1a;color:#e4edf6;border:1px solid #385169;border-radius:8px;width:min(1400px,96vw);max-width:96vw;max-height:95vh}.course-zoom::backdrop{background:#030812e8}.course-zoom-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px}.course-zoom-image{overflow:auto;max-height:70vh;background:#fff}.course-zoom-image img{display:block;max-width:none}.course-reader-focus{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--lp-bg);overflow:auto;padding:10px max(20px,calc((100vw - 1350px)/2))}.course-reader-focus .course-outline,.course-reader-focus .course-related{display:none}.course-reader-focus .course-reader-grid{grid-template-columns:1fr}.course-reader-focus .course-slide img{max-height:70vh}.course-reader-focus .lp-notice{display:none}@media (max-width: 760px){.course-heading{display:block;padding:24px 0}.course-path{grid-template-columns:1fr 1fr}.course-path small{display:none}.course-grid{grid-template-columns:1fr}.course-toolbar{display:block}.course-search input{min-width:0;width:100%}.course-reader-head{display:block}.course-reader-head .lp-actions{margin-top:14px}.course-reader-grid{grid-template-columns:minmax(0,1fr)}.course-outline{position:static}.course-outline>div{display:flex;overflow-x:auto}.course-outline button{width:auto;flex-shrink:0;white-space:nowrap}.course-outline button small,.course-outline p{display:none}.course-slide{padding:5px}.course-controls .lp-btn{padding:8px}.course-controls input{width:45px}.course-related{grid-template-columns:1fr}.course-finish{align-items:flex-start;flex-direction:column}.course-reader-focus{padding:10px}.course-slide-title{overflow:hidden}.course-slide-title small{white-space:nowrap}}.lp{--lp-bg: #080f1a;--lp-panel: #101b2a;--lp-line: #233145;--lp-muted: #8c9db2;--lp-cyan: #65d9cb;min-height:100vh;background:var(--lp-bg);color:#e4edf6;font:14px/1.65 system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.lp button,.lp input,.lp textarea,.lp select{font:inherit}.lp button{cursor:pointer;color:inherit;border:0}.lp button:focus-visible,.lp a:focus-visible,.lp input:focus-visible,.lp select:focus-visible,.lp textarea:focus-visible,.lp summary:focus-visible{outline:2px solid var(--lp-cyan);outline-offset:4px}.lp button:disabled{cursor:default;opacity:.6}.lp p{margin:8px 0;color:var(--lp-muted)}.lp h1{font-size:29px;font-weight:550;line-height:1.4;letter-spacing:1px;margin:7px 0}.lp h2{font-size:18px;font-weight:500}.lp h3{font-size:16px;font-weight:500}.lp-sidebar{position:fixed;width:228px;inset:0 auto 0 0;border-right:1px solid var(--lp-line);background:#0c1522;padding:30px 20px;display:flex;flex-direction:column;z-index:5}.lp-brand{display:flex;gap:12px;align-items:center;margin:0 4px 39px}.lp-logo{width:35px;height:39px;display:grid;place-items:center;color:var(--lp-cyan);border:1px solid #427c79;border-radius:10px;font-size:24px;transform:rotate(-7deg);flex-shrink:0}.lp-brand strong{font-size:16px;letter-spacing:.5px}.lp-brand small{display:block;color:var(--lp-muted);font-size:9px;letter-spacing:1.6px}.lp-nav-label,.lp-eyebrow{font-size:10px;letter-spacing:2px;color:var(--lp-muted);text-transform:uppercase}.lp-nav-label{padding:0 13px;margin-bottom:12px}.lp nav button{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:transparent;padding:12px 14px;margin:5px 0;border-radius:7px;color:#97a8bb}.lp nav button.active{background:#17312f;color:#96e9df}.lp nav button:hover{background:#182638}.lp nav i{font-style:normal;width:19px;font-size:18px}.lp nav button span{margin-left:auto;font-size:10px;color:var(--lp-muted)}.lp-side-bottom{margin-top:auto;border-top:1px solid var(--lp-line);padding:22px 10px 0;color:var(--lp-muted);font-size:11px}.lp-side-bottom b{color:#9dd7cc;font-weight:500}.lp-main{margin-left:228px;padding:0 42px 30px;max-width:1800px;min-width:0}.lp-topbar{min-height:84px;display:flex;align-items:center;border-bottom:1px solid var(--lp-line);gap:16px;color:var(--lp-muted);font-size:12px}.lp-topbar>div{margin-right:auto}.lp-topbar b{font-weight:400;color:#cbd9e7}.lp-topbar span{margin:0 8px}.lp-search{display:flex;border:1px solid var(--lp-line);background:#0c1623;border-radius:6px;padding:9px 13px;gap:6px}.lp-search input{width:175px;background:none;border:0;color:#e4edf6;min-width:0}.lp-local{font-size:10px;color:#b4d1cb;border:1px solid #31524e;padding:3px 8px;border-radius:4px;white-space:nowrap}.lp-heading{display:flex;align-items:end;justify-content:space-between;margin:33px 0 24px;gap:20px}.lp-heading p{font-size:12px}.lp-stamp{font-size:11px;color:var(--lp-muted);text-align:right;white-space:nowrap}.lp-hero{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #2b414e;border-radius:12px;overflow:hidden;background:linear-gradient(115deg,#152b35,#101b2b);min-height:277px}.lp-hero-copy{padding:30px 32px}.lp-tag{display:inline-block;font-size:10px;padding:3px 8px;border:1px solid #34515b;color:#9bd9d4;border-radius:4px;letter-spacing:.5px}.lp-hero h2{font-size:27px;line-height:1.5;font-weight:500;margin:16px 0 10px;letter-spacing:.5px}.lp-hero p{font-size:12px;max-width:360px}.lp .lp-btn{background:var(--lp-cyan);color:#0d2928;border-radius:5px;padding:10px 17px;font-size:12px;font-weight:600;display:inline-block;text-decoration:none;cursor:pointer}.lp .lp-secondary{background:#1b2939;color:#bed0df;border:1px solid #344459}.lp .lp-text{background:none;color:#85c8c0;padding:8px 0;font-size:12px;white-space:nowrap}.lp-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}.lp-scene{position:relative;min-height:240px;background:radial-gradient(ellipse at center,#21394b,#101c2b 75%);overflow:hidden}.lp-scene svg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.lp-scene-label{position:absolute;top:20px;left:22px;color:#a1bdcb;font-size:10px;letter-spacing:2px}.lp-scene-note{position:absolute;right:18px;bottom:14px;font-size:9px;color:#8aabba}.lp-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:21px 0 29px}.lp-metric{background:#101a28;border:1px solid var(--lp-line);border-radius:8px;padding:16px 20px}.lp-metric label{display:block;color:var(--lp-muted);font-size:11px}.lp-metric strong{font-size:26px;font-weight:500;letter-spacing:1px}.lp-metric small{color:var(--lp-muted);font-size:10px;margin-left:7px;letter-spacing:0}.lp-bar{height:3px;background:#263446;margin-top:12px;border-radius:3px;overflow:hidden}.lp-bar i{display:block;background:var(--lp-cyan);height:100%}.lp-section-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px;gap:12px}.lp-section-head h2{font-size:17px;font-weight:500;margin:0}.lp-section-head small{color:var(--lp-muted);font-size:10px;margin-left:12px;font-weight:400}.lp-section-head>span{color:var(--lp-muted);font-size:12px}.lp-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lp-demo-card{border:1px solid var(--lp-line);border-radius:9px;background:var(--lp-panel);overflow:hidden}.lp-cover{height:160px;position:relative;background:#142a38}.lp-cover--amber{background:#2a2521}.lp-cover svg{width:100%;height:100%}.lp-cover .lp-tag{position:absolute;top:14px;left:16px;background:#0c1926c9}.lp-cover>small{position:absolute;bottom:12px;right:15px;background:#0a1420cc;padding:2px 7px;border-radius:3px;color:#bdcedb;font-size:10px}.lp-card-body{padding:18px 20px}.lp-card-body h3{font-size:15px;margin:0 0 6px}.lp-card-body p{font-size:11px}.lp-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:10px}.lp-pill{display:inline-block;font-size:10px;color:#92a9ba;background:#1b2b3a;padding:3px 7px;border-radius:4px;margin-right:5px}.lp-bottom-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;margin-top:8px}.lp-panel{border:1px solid var(--lp-line);border-radius:9px;background:#0f1927;padding:4px 20px;overflow-wrap:anywhere}.lp-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--lp-line)}.lp-row:last-child{border:0}.lp-row>div{min-width:0;flex:1}.lp-row strong{font-size:12px;font-weight:500}.lp-row p{font-size:10px;margin:3px 0 0}.lp-row>.lp-text{margin-left:auto}.lp-num{color:#68818f;font:13px monospace}.lp-footer{font-size:10px;color:#8294a8;border-top:1px solid var(--lp-line);padding-top:20px;margin-top:30px;display:flex;justify-content:space-between;gap:16px}.lp-filters{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.lp-filters button{background:#111e2d;border:1px solid var(--lp-line);border-radius:5px;padding:7px 13px;font-size:12px;color:var(--lp-muted)}.lp-filters button.active{color:var(--lp-cyan);border-color:#437772;background:#17302f}.lp-knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lp-knowledge-card{background:var(--lp-panel);border:1px solid var(--lp-line);border-radius:8px;padding:22px;display:flex;flex-direction:column;align-items:start;min-height:230px}.lp-knowledge-card h3{margin:18px 0 8px}.lp-knowledge-card p{font-size:12px;flex:1}.lp-notice{border:1px solid #4d4432;background:#24241f;color:#d2c5aa;border-radius:7px;padding:12px 17px;font-size:11px;margin:18px 0}.lp-notice p{color:inherit}.lp-empty{padding:55px 20px;text-align:center;border:1px dashed var(--lp-line);border-radius:9px;color:var(--lp-muted);margin-top:24px}.lp-faq{border-bottom:1px solid var(--lp-line);padding:19px 3px}.lp-faq:last-child{border:0}.lp-faq summary{cursor:pointer;color:#cedce8}.lp-faq p{font-size:13px;max-width:800px;padding:10px 0}.lp-faq small{color:#c8b892}.lp-search-wide{display:block;color:var(--lp-muted);font-size:12px;max-width:650px}.lp-search-wide input,.lp-form input,.lp-form textarea,.lp-form select{display:block;border:1px solid var(--lp-line);border-radius:5px;background:#0c1623;color:#d9e5f2;padding:10px 12px;width:100%;margin:7px 0 18px}.lp-form{padding:23px}.lp-form label{display:block;color:#b0c1d4;margin-bottom:15px}.lp-article{padding:24px 28px}.lp-article .lp-lead{font-size:17px;color:#b9ccd9}.lp-article h2{margin:25px 0 12px}.lp-article li{margin:14px 0;color:#c5d4e0}.lp-article p{font-size:13px}.lp-file{display:block;max-width:210px;font-size:10px!important;margin-top:4px}.lp-dialog{color:#e4edf6;background:#111d2c;border:1px solid #35475b;border-radius:12px;width:min(600px,calc(100% - 32px));padding:28px;max-height:85vh;overflow:auto}.lp-dialog::backdrop{background:#020710c9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lp-dialog .lp-close{float:right;font-size:24px}.lp-dialog>.lp-text{margin-left:20px}.lp-question-wrap{margin:18px 0;padding:22px}.lp-question{border:0;padding:15px 0;margin:0;min-width:0}.lp-question legend{font-size:15px;color:#dbe8f3}.lp-question p{font-size:12px}.lp-option{display:flex;align-items:center;gap:12px;padding:12px;background:#152335;border:1px solid var(--lp-line);border-radius:5px;margin:9px 0;cursor:pointer}.lp-option input{accent-color:var(--lp-cyan);flex-shrink:0}.lp-option input[type=number]{width:65px;background:#0b1623;color:#d7e5ed;border:1px solid #3c5264;border-radius:4px;padding:8px}.lp-blocks{display:flex;gap:8px;margin:20px 0}.lp-blocks>div{flex:1;padding:12px;text-align:center;border:1px solid #30685b;background:#143a33;color:#9fe1c7;font-size:11px}.lp-blocks>div.occupied{background:#482c2b;border-color:#885652;color:#e3b3ae}.lp-blocks strong{display:block}.lp-result{border:1px solid #37665d;background:#112c2b;border-radius:9px;padding:25px;margin:22px 0}.lp-result h2{font-size:38px;margin:5px 0;color:#91e5d7}.lp-result small{font-size:15px}.lp-explanation{margin:15px 0;padding:22px}.lp-explanation p{font-size:13px}@media (min-width: 1500px){.lp-main{padding-left:65px;padding-right:65px}.lp-hero{min-height:310px}}@media (max-width: 1100px){.lp-sidebar{width:190px;padding:26px 13px}.lp-brand{gap:8px}.lp-brand strong{font-size:13px}.lp-main{margin-left:190px;padding:0 24px 25px}.lp-knowledge-grid{grid-template-columns:1fr 1fr}.lp-search input{width:135px}.lp-hero-copy{padding:25px}.lp-hero h2{font-size:23px}.lp-bottom-grid{gap:17px}.lp-hero{grid-template-columns:1.2fr 1fr}.lp-local{display:none}}@media (max-width: 760px){.lp-sidebar{position:sticky;width:auto;inset:auto;padding:12px 16px;border-right:0;border-bottom:1px solid var(--lp-line)}.lp-brand{margin:0 0 10px}.lp-brand small,.lp-nav-label,.lp-side-bottom{display:none}.lp-brand strong{font-size:16px}.lp-logo{width:26px;height:28px;font-size:19px}.lp nav{display:flex;overflow-x:auto;gap:7px}.lp nav button{width:auto;flex-shrink:0;margin:0;padding:7px 10px;font-size:11px}.lp nav i,.lp nav button span{display:none}.lp-main{margin:0;padding:0 18px 24px}.lp-topbar{min-height:61px;gap:8px}.lp-topbar>div{display:none}.lp-search{padding:7px 10px}.lp-search input{width:180px;font-size:11px}.lp-heading{margin:24px 0 18px}.lp-stamp{display:none}.lp h1{font-size:25px}.lp-hero{grid-template-columns:1fr}.lp-hero-copy{padding:24px}.lp-hero h2{font-size:25px}.lp-hero .lp-scene{min-height:200px}.lp-metrics{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.lp-metric{padding:14px}.lp-metric small{display:block;margin-left:0}.lp-demo-grid,.lp-bottom-grid,.lp-knowledge-grid{grid-template-columns:1fr}.lp-section-head h2 small{display:none}.lp-cover{height:175px}.lp-footer{display:block}.lp-footer span{display:block;margin-top:6px}.lp-article{padding:18px}.lp-row{gap:8px}.lp-card-bottom{align-items:flex-start}.lp-blocks>div{padding:7px}}.demo-load-state{min-height:100vh;display:grid;place-content:center;text-align:center;padding:24px;gap:18px;color:#dce8f3;background:#0b1422}.demo-load-state button{padding:12px 20px;margin:5px;border:1px solid #44616b;border-radius:7px;background:#193b3c;color:#a5e8df;cursor:pointer}:root{--bg-deep: #05070d;--bg-panel: #0d1220;--bg-panel-2: #131a2c;--line: #24304a;--text: #e6ecf7;--text-dim: #8b98b4;--accent: #38bdf8;--accent-warm: #f59e0b;--danger: #ef4444;--ok: #22c55e;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;height:100%}body{background:var(--bg-deep);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}.btn{border:1px solid var(--line);background:var(--bg-panel-2);color:var(--text);border-radius:10px;padding:.5rem .9rem;font-size:.85rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease,opacity .15s ease}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#0ea5e9,#6366f1);border-color:transparent;color:#fff;font-weight:600}.btn--ghost{background:transparent}.panel-label{font-size:.72rem;letter-spacing:.16em;color:var(--text-dim);text-transform:uppercase;margin:0 0 .4rem .2rem}.gallery{min-height:100%;padding:3.5rem 2rem 2rem;background:radial-gradient(900px 480px at 15% -8%,rgba(14,165,233,.18),transparent 60%),radial-gradient(760px 420px at 92% 6%,rgba(99,102,241,.16),transparent 60%),var(--bg-deep);display:flex;flex-direction:column;gap:2.5rem}.gallery__head{max-width:1180px;margin:0 auto;width:100%}.gallery__eyebrow{font-size:.8rem;letter-spacing:.28em;color:var(--accent);text-transform:uppercase;margin-bottom:.75rem}.gallery__title{margin:0;font-size:clamp(2rem,4.4vw,3.1rem);letter-spacing:.04em}.gallery__sub{margin:.9rem 0 0;max-width:46rem;color:var(--text-dim);line-height:1.7}.gallery__grid{max-width:1180px;margin:0 auto;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:1.5rem;flex:1}.demo-card{position:relative;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.demo-card:hover{transform:translateY(-4px);border-color:#38bdf88c;box-shadow:0 18px 44px #02081799}.demo-card__cover{height:132px;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;position:relative;overflow:hidden}.demo-card__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120px 60px at 78% 24%,rgba(255,255,255,.28),transparent 70%)}.demo-card__cover--empty{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 12px,transparent 12px,transparent 24px)}.demo-card__series{font-size:.78rem;font-weight:700;letter-spacing:.22em;color:#ffffffeb;background:#05070d57;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.2rem .7rem}.demo-card__glyph{font-size:2.4rem;color:#ffffffb3}.demo-card__body{padding:1.15rem 1.25rem .4rem;flex:1}.demo-card__title{margin:0;font-size:1.18rem;line-height:1.5}.demo-card__sub{margin:.6rem 0 0;color:var(--text-dim);font-size:.9rem;line-height:1.65}.demo-card__tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:1rem 0 0}.tag{font-size:.74rem;color:#a5b4fc;border:1px solid rgba(99,102,241,.4);background:#6366f11f;border-radius:999px;padding:.16rem .6rem}.demo-card__cta{margin:1rem 1.25rem 1.25rem;align-self:flex-start}.demo-card--placeholder{opacity:.7;border-style:dashed}.demo-card--placeholder:hover{transform:none;border-color:var(--line);box-shadow:none}.gallery__foot{max-width:1180px;margin:0 auto;width:100%;color:var(--text-dim);font-size:.82rem;border-top:1px solid var(--line);padding-top:1.1rem}.demo-screen{height:100%;display:flex;flex-direction:column;background:var(--bg-deep)}.demo-topbar{display:flex;align-items:center;gap:1rem;padding:.6rem .9rem;border-bottom:1px solid var(--line);background:#0d1220eb;z-index:6}.demo-topbar__title{font-weight:600;letter-spacing:.05em;display:flex;align-items:center;gap:.6rem}.demo-topbar__series{font-size:.72rem;font-weight:700;letter-spacing:.18em;color:#04121f;background:var(--accent);border-radius:999px;padding:.16rem .6rem}.demo-topbar__columns{color:var(--text-dim);font-size:.78rem;letter-spacing:.14em}.demo-topbar__spacer{flex:1}.player{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-rows:minmax(0,1.45fr) minmax(0,1fr) auto;grid-template-areas:"scene rail" "console rail" "controls controls";gap:.7rem;padding:.7rem}.player__scene{grid-area:scene;position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#05080f;min-height:0}.player__scene canvas{display:block;width:100%!important;height:100%!important}.player__console{grid-area:console;border:1px solid var(--line);border-radius:14px;padding:.5rem .6rem .6rem;background:var(--bg-panel);min-height:0;display:flex;flex-direction:column}.player__console svg{width:100%;height:auto;max-height:100%;display:block;margin:auto 0}.player__rail{grid-area:rail;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem;padding-right:.2rem}.scene-tag{position:absolute;top:.7rem;left:.8rem;font-size:.76rem;letter-spacing:.12em;color:#cfe6ff;background:#050a149e;border:1px solid rgba(120,160,220,.35);border-radius:999px;padding:.22rem .7rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene-tag.is-night{color:#dbe6ff;background:#060a18b8;border-color:#8caaff66}.title-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:0 6%;background:linear-gradient(90deg,rgba(3,6,14,.86) 0%,rgba(3,6,14,.42) 55%,transparent 100%)}.title-overlay__series{font-size:.82rem;letter-spacing:.36em;color:var(--accent);margin-bottom:.7rem}.title-overlay h1{margin:0;font-size:clamp(1.6rem,3.2vw,2.6rem);letter-spacing:.06em;text-shadow:0 4px 30px rgba(0,0,0,.7)}.title-overlay p{margin:.8rem 0 0;color:#a9bbd6;letter-spacing:.14em}.fork{position:absolute;left:50%;bottom:1.2rem;transform:translate(-50%);width:min(760px,92%);background:#060b16e6;border:1px solid rgba(120,160,220,.35);border-radius:14px;padding:.9rem 1.1rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px #0000008c}.fork__q{font-size:1.05rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.fork__mark{color:var(--accent-warm)}.fork__basis{margin:.4rem 0 .7rem;color:var(--text-dim);font-size:.82rem}.fork__options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.fork__opt{border:1px dashed var(--line);border-radius:10px;padding:.6rem .75rem;background:#0a101eb3}.fork__opt.is-chosen{border-style:solid;border-color:var(--accent);background:#0ea5e91f}.fork__opt-label{font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.fork__chosen{font-size:.68rem;letter-spacing:.1em;color:#04121f;background:var(--accent);border-radius:999px;padding:.12rem .5rem}.fork__opt ul{margin:0;padding-left:1.1rem;color:#b9c6dd;font-size:.82rem;line-height:1.6}.step-card{border:1px solid var(--line);border-radius:14px;background:var(--bg-panel);padding:.9rem 1rem 1rem}.step-card__head{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.step-card__badge{font-size:.72rem;letter-spacing:.14em;color:var(--accent);border:1px solid rgba(56,189,248,.4);background:#38bdf81f;border-radius:999px;padding:.16rem .58rem;white-space:nowrap}.step-card__title{margin:0;font-size:1.02rem}.step-card__block{margin-top:.7rem}.step-card__col{font-size:.7rem;letter-spacing:.18em;color:var(--text-dim);margin-bottom:.3rem}.step-card__points{margin:0;padding-left:1.05rem;line-height:1.68;font-size:.86rem}.step-card__points--muted{color:#b9c6dd}.step-card__chips{margin-top:.7rem;display:flex;flex-direction:column;gap:.4rem}.chip{display:block;font-size:.8rem;line-height:1.6;border-radius:10px;padding:.5rem .7rem}.chip--cond{color:#ffe8bd;border:1px dashed rgba(245,165,36,.55);background:#f5a5241a}.step-card__controls{margin-top:.8rem;display:flex;flex-direction:column;gap:.6rem}.kc{border-left:3px solid var(--accent-warm);background:#f5a52412;border-radius:0 10px 10px 0;padding:.55rem .7rem}.kc__title{font-size:.76rem;letter-spacing:.1em;color:var(--accent-warm);margin-bottom:.3rem}.kc__item{margin:.16rem 0;font-size:.83rem;line-height:1.62;color:#e2e9f6}.flow{border:1px solid var(--line);border-radius:14px;background:var(--bg-panel);padding:.8rem;display:flex;flex-direction:column;gap:.35rem}.flow__node{border:1px solid var(--line);background:var(--bg-panel-2);border-radius:9px;padding:.42rem .55rem;font-size:.78rem;line-height:1.5;color:#c8d4e8;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.flow__node--terminator{text-align:center;font-weight:700;border-radius:999px;background:#ef444424;border-color:#ef444480;color:#ffd9d9}.flow__node--end{text-align:center;font-weight:600;border-radius:999px;color:#a7f3d0;border-color:#22c55e66;background:#22c55e1f}.flow__node.is-active{border-color:var(--accent);background:#0ea5e929;box-shadow:0 0 0 1px #38bdf880,0 0 18px #38bdf847;color:#eaf6ff}@keyframes flow-flash{0%,to{border-color:var(--accent);background:#0ea5e929;box-shadow:0 0 0 1px #38bdf880,0 0 18px #38bdf847;color:#eaf6ff}45%{border-color:#dff1ff;background:#38bdf873;box-shadow:0 0 0 1px #bae6fdf2,0 0 26px #38bdf899;color:#fff}}.flow__node.is-flash{animation:flow-flash .62s ease-in-out 3}@media (prefers-reduced-motion: reduce){.flow__node.is-flash{animation:none}}.flow__fork{text-align:center;color:var(--text-dim);line-height:.8}.flow__arrow{text-align:center;color:var(--text-dim);font-size:.8rem;margin:.1rem 0}.flow__parallel{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.flow__parallel .flow__node{font-size:.72rem}.controls{grid-area:controls;display:flex;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:14px;background:#0d1220eb;padding:.6rem .8rem}.controls__group{display:flex;align-items:center;gap:.5rem}.controls__play{min-width:118px}.controls__progress{flex:1;min-width:0}.controls__bar{height:4px;border-radius:999px;background:#1b2436;overflow:hidden;margin-bottom:.45rem}.controls__fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#6366f1);transition:width .1s linear}.controls__dots{display:flex;gap:.3rem;flex-wrap:wrap}.dot{border:1px solid var(--line);background:var(--bg-panel-2);color:var(--text-dim);border-radius:999px;padding:.14rem .5rem;font-size:.68rem;cursor:pointer;transition:all .15s ease}.dot:hover{border-color:var(--accent);color:var(--text)}.dot.is-done{color:#9fd6ff;border-color:#38bdf859}.dot.is-active{background:var(--accent);border-color:var(--accent);color:#04121f;font-weight:600}.controls__step{color:var(--text-dim);font-size:.78rem;white-space:nowrap}.toggle{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.toggle__btn{border:none;background:var(--bg-panel-2);color:var(--text-dim);padding:.45rem .7rem;font-size:.82rem;cursor:pointer}.toggle__btn.is-active{background:var(--accent);color:#04121f;font-weight:600}.disclaimer{display:flex;align-items:center;gap:.6rem;padding:.45rem 1rem;font-size:.76rem;color:var(--text-dim);border-top:1px solid var(--line);background:#070b14}.disclaimer__tag{color:var(--accent-warm);border:1px solid rgba(245,165,36,.5);background:#f5a5241a;border-radius:999px;padding:.1rem .55rem;white-space:nowrap}.review{position:fixed;top:0;right:0;bottom:0;width:min(560px,94vw);background:#0a0f1c;border-left:1px solid var(--line);box-shadow:-24px 0 60px #0009;display:flex;flex-direction:column;z-index:20}.review__head{padding:1rem 1.1rem;border-bottom:1px solid var(--line);display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.review__head h2{margin:0 0 .3rem;font-size:1.05rem}.review__sub{margin:0;color:var(--text-dim);font-size:.78rem;line-height:1.6}.review__actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.review__body{overflow-y:auto;padding:.9rem 1.1rem 2rem;display:flex;flex-direction:column;gap:1.1rem}.review__group-head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.55rem}.review__group-head h3{margin:0;font-size:.92rem;color:var(--accent)}.review__group-head span{color:var(--text-dim);font-size:.74rem}.fact{border:1px solid var(--line);border-radius:10px;background:var(--bg-panel);padding:.7rem .8rem;margin-bottom:.6rem}.fact__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.fact__q{font-size:.86rem;line-height:1.55}.fact__status{font-size:.68rem;letter-spacing:.1em;color:var(--accent-warm);border:1px solid rgba(245,165,36,.5);background:#f5a5241f;border-radius:999px;padding:.1rem .5rem;white-space:nowrap}.fact__status.is-verified{color:var(--ok);border-color:#22c55e80;background:#22c55e1f}.fact__row{display:flex;align-items:flex-end;gap:.6rem;margin-top:.55rem;flex-wrap:wrap}.fact__field{display:flex;flex-direction:column;gap:.22rem;font-size:.72rem;color:var(--text-dim);flex:1;min-width:120px}.fact__field--wide{margin-top:.55rem}.fact__field select,.fact__field input{background:#0f1626;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:.4rem .5rem;font-size:.82rem;font-family:inherit}.fact__field select:focus,.fact__field input:focus{outline:none;border-color:var(--accent)}.fact__meta{display:flex;flex-direction:column;gap:.16rem;font-size:.7rem;color:var(--text-dim)}.fact__meta code{color:#9fd6ff;font-size:.72rem}.fact__effect{margin-top:.5rem;font-size:.76rem;color:#b9c6dd;line-height:1.6}@media (max-width: 1180px){.player{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(280px,1.1fr) minmax(0,1fr) auto auto;grid-template-areas:"scene" "console" "rail" "controls"}.player__rail{overflow:visible}}.flow__node--decision{border-color:#f5a52499;background:#f5a5241a;color:#ffe8bd}.flow__node--decision.is-active{border-color:var(--accent-warm);background:#f5a52438;box-shadow:0 0 0 1px #f5a5248c,0 0 18px #f5a52447}.flow__node-mark{color:var(--accent-warm);font-weight:700}.flow__branches{margin:.3rem 0 .15rem;display:flex;flex-direction:column;gap:.25rem}.flow__branch{display:flex;gap:.35rem;font-size:.72rem;line-height:1.45;border-radius:8px;padding:.28rem .45rem}.flow__branch-label{white-space:nowrap;font-weight:700}.flow__branch-text{opacity:.92}.flow__branch--continue{background:#22c55e1f;color:#bbf7d0}.flow__branch--abort{background:#ef444424;color:#fecaca}.fork__kind{font-size:.66rem;letter-spacing:.08em;color:#ffe1e1;background:#ef4444d9;border-radius:999px;padding:.1rem .45rem}.fork__opt.is-abort{border-color:#ef444499;background:#ef44441a}.review__group-head .chip{display:inline-block;padding:.1rem .5rem;font-size:.68rem;line-height:1.4;border-radius:999px}.chip--shared{color:#bae6fd;background:#38bdf824;border:1px solid rgba(56,189,248,.4)}.chip--ext{color:#fde68a;background:#f5a52424;border:1px solid rgba(245,165,36,.45)}@media (max-width: 760px){.demo-screen--player{height:auto;min-height:100%}.demo-topbar{flex-wrap:wrap;gap:.5rem}.demo-topbar__title{min-width:0;flex:1;font-size:.8rem;letter-spacing:0}.demo-topbar__columns,.demo-topbar__spacer{display:none}.player{grid-template-rows:280px auto auto auto;min-width:0}.player__console,.player__rail,.controls{min-width:0}.player__console{overflow-x:auto}.controls{flex-wrap:wrap}.controls__group{flex-wrap:wrap;min-width:0}.controls__progress{flex-basis:100%}.controls__step{white-space:normal}.review__head,.review__actions{flex-wrap:wrap}.fact__row,.fact__field{min-width:0}.fact__field select,.fact__field input{max-width:100%;min-width:0}}