:root{--bg:#f2f4f5;--paper:#fff;--ink:#10213a;--muted:#687688;--dark:#0b1831;--dark2:#14294c;--yellow:#ffce54;--line:#dfe5ea;--teal:#1a9b89;--blue:#6b94f2;--shadow:0 17px 60px rgba(13,30,57,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5b8dd5;outline-offset:3px}code,.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.sitebar{height:78px;background:var(--dark);color:white;border-bottom:1px solid #2a3c53}.sitebar-inner{max-width:1480px;height:100%;margin:auto;padding:0 36px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:13px}.brandmark{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:32px;height:32px;gap:2px;transform:rotate(-12deg)}.brandmark i{display:block;border-radius:2px;background:#ffce54}.brandmark i:nth-child(2),.brandmark i:nth-child(6){background:#8aa2cd}.brand b{font-size:19px;letter-spacing:.035em;font-weight:900;line-height:1.1;display:block}.brand-gap{color:#ffce54;padding:0 2px}.brand small{display:block;font-size:9px;letter-spacing:.2em;color:#93a8c3;margin-top:4px}.navlinks{display:flex;gap:26px;margin-left:auto}.navlinks a{font-size:11px;color:#b7c6d9;letter-spacing:.14em;font-weight:750}.navlinks a:hover{color:#ffce54}.online-indicator{border:1px solid #314463;color:#a9bbd1;border-radius:60px;padding:9px 13px;font-size:11px;white-space:nowrap}.online-indicator span{display:inline-block;background:#64d3b1;width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:7px}
.hero{background:linear-gradient(124deg,#0a1830 0%,#10274a 65%,#0f3258 100%);color:white;position:relative;overflow:hidden}.hero-glow{position:absolute;right:14%;top:-270px;width:650px;height:650px;background:radial-gradient(circle,#18477a 0%,transparent 70%);opacity:.75}.hero-inner{max-width:1480px;min-height:435px;margin:auto;padding:58px 36px 58px;display:flex;justify-content:space-between;align-items:center;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow,.section-index{font-weight:750;font-size:11px;letter-spacing:.17em;color:#83a1ca}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{width:22px;height:1px;background:#ffce54}.eyebrow-index{color:#ffce54}.hero h1{font-size:clamp(39px,4.6vw,66px);line-height:1.18;letter-spacing:-.046em;margin:28px 0 20px;font-weight:900}.hero h1 em{font-style:normal;color:#ffce54}.hero p{color:#afc1d7;line-height:1.95;font-size:14px;max-width:520px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.primary-link{color:#14253b;background:#ffce54;padding:14px 23px;border-radius:7px;font-size:13px;font-weight:850;display:flex;justify-content:space-between;gap:45px;transition:transform .2s}.primary-link:hover{transform:translateY(-2px)}.hero-actions>span{font-size:12px;color:#7d99ba}.hero-art{width:395px;height:345px;position:relative;flex-shrink:0;margin-right:90px}.hero-orbit{position:absolute;border:1px solid #41618d;border-radius:50%;opacity:.45;transform:rotate(-24deg)}.orbit-one{width:410px;height:165px;left:14px;top:118px}.orbit-two{width:360px;height:250px;top:57px;left:46px;transform:rotate(41deg)}.cube-art{position:absolute;top:57px;left:90px;width:230px;height:235px;transform:rotate(-4deg);filter:drop-shadow(20px 35px 29px #06142677)}.art-top,.art-left,.art-right{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px}.art-top{width:207px;height:112px;top:0;left:10px;transform:skewY(-26deg) scaleY(.62);transform-origin:bottom left;background:#0a1826;border-radius:6px}.art-left{width:113px;height:132px;left:10px;top:86px;transform:skewY(29deg);transform-origin:top right;background:#0a1826}.art-right{width:113px;height:132px;left:118px;top:86px;transform:skewY(-29deg);transform-origin:top left;background:#0a1826}.art-top span{background:#ffcc51;border-radius:3px}.art-left span{background:#4fc1a4;border-radius:3px}.art-right span{background:#e65f6f;border-radius:3px}.art-top span:nth-child(4){background:#e9ae2b}.art-left span:nth-child(7),.art-right span:nth-child(1){filter:brightness(.83)}.art-tag{position:absolute;border:1px solid #33567e;color:#b7d1f2;background:#102a4acc;border-radius:8px;font:700 12px ui-monospace,monospace;padding:10px 13px}.art-tag.one{left:6px;top:87px}.art-tag.two{right:-30px;bottom:32px}.hero-footer{max-width:1480px;margin:auto;padding:16px 36px;border-top:1px solid #34507155;display:flex;justify-content:space-between;color:#6584aa;font-size:10px;letter-spacing:.17em}
.workwrap{max-width:1480px;margin:0 auto;padding:60px 36px 0;scroll-margin-top:8px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:31px}.section-index{color:#7286a1}.section-heading h2,.principles h2{font-size:29px;letter-spacing:-.05em;margin:12px 0 0;font-weight:900}.title-sub{font-size:14px;font-weight:500;color:#97a3b2;letter-spacing:0;margin-left:9px}.library-counts{display:flex;gap:28px}.library-counts div{display:flex;flex-direction:column}.library-counts strong{font-size:23px;line-height:1}.library-counts span{color:#8a98a7;font-size:9px;letter-spacing:.12em;margin-top:7px}.mode-switch{display:flex;background:#e9edf1;border:1px solid #dee5eb;padding:7px;gap:7px;border-radius:12px 12px 0 0;width:max-content}.mode-tab{border:0;background:transparent;border-radius:7px;padding:13px 24px;display:flex;align-items:center;gap:16px;min-width:204px;text-align:left;color:#7b8795}.mode-tab.active{background:#14284a;color:white;box-shadow:0 5px 15px #0b1b3030}.mode-tab .tab-number{color:#90a1b8;font:600 11px ui-monospace,monospace}.mode-tab strong{font-size:18px;letter-spacing:.05em;display:block}.mode-tab small{display:block;font-size:10px;margin-top:2px;opacity:.7}
.workspace{display:grid;grid-template-columns:minmax(294px,345px) minmax(0,1fr);border:1px solid #dae1e8;box-shadow:var(--shadow);min-height:800px;background:var(--paper);border-radius:0 14px 14px 14px;overflow:hidden}.catalog{border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column;background:#fcfdfe}.catalog-head{padding:25px 22px 18px;border-bottom:1px solid var(--line)}.eyebrow-small{font-size:11px;font-weight:850;letter-spacing:.16em;color:#7589a3;display:flex;align-items:center;justify-content:space-between}.eyebrow-small span{font:700 11px ui-monospace,monospace;color:#a0abb9}.filterrow{display:flex;gap:6px;margin:20px 0 15px}.filter-btn{border:1px solid #e1e6ec;background:white;border-radius:7px;color:#64738a;padding:8px 10px;font-size:12px;font-weight:700}.filter-btn.active{border-color:#122848;background:#122848;color:#fff}.searchbox{border:1px solid #dbe3ec;border-radius:8px;background:#fff;display:flex;align-items:center;padding:0 11px;color:#8190a1;gap:7px}.searchbox input{height:40px;border:0;outline:0;width:100%;font-size:12px;color:#233a56;min-width:0}.group-filters{display:flex;gap:6px;overflow-x:auto;margin-top:13px;padding-bottom:2px}.group-pill{border:0;flex-shrink:0;padding:5px 8px;background:#edf1f5;border-radius:5px;font-size:10px;color:#697c92}.group-pill.active{background:#def4ed;color:#1a806a;font-weight:750}.case-list{padding:10px;display:flex;flex-direction:column;gap:5px;overflow-y:auto;max-height:820px;scrollbar-width:thin}.case-row{width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:9px;padding:10px;display:flex;align-items:center;gap:12px;min-height:88px;position:relative}.case-row:hover{background:#f1f5f8}.case-row.selected{background:#edf5f6;border-color:#bbd9d5}.row-preview{width:61px;height:61px;flex:0 0 61px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ecf1f5}.case-row .row-text{flex:1;min-width:0}.case-title{font-size:13px;font-weight:850;display:flex;gap:5px;align-items:center;line-height:1.25}.case-subtitle{font-size:10px;color:#7e8c9d;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-alg{font:700 10px ui-monospace,monospace;color:#708197;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.row-chevron{font-size:17px;color:#a0aeba}.selected .row-chevron{color:#0f9e87}.empty{padding:22px;color:#8091a6;font-size:13px}
.study{padding:0;background:#fff;min-width:0}.detail-top{padding:32px 38px 25px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:10px;letter-spacing:.1em;color:#8697aa;font-weight:800;display:flex;align-items:center;gap:8px}.breadcrumb b{color:#2a687b}.detail-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0}.detail-top h2{font-size:clamp(27px,3vw,39px);letter-spacing:-.05em;margin:0;font-weight:900}.detail-top h2 span{color:#7d8c9e;font-size:.4em;letter-spacing:0;font-weight:600;margin-left:9px;white-space:normal}.button-tools{display:flex;gap:8px;flex-shrink:0}.toolbtn{border:1px solid #dde4eb;background:#fff;color:#52657e;padding:10px 13px;border-radius:8px;font-size:12px;font-weight:800}.toolbtn:hover{border-color:#86b6b0}.toolbtn.faved{color:#bc8b19;background:#fff4d2;border-color:#ffdb6e}.toolbtn.known{color:#278a6b;background:#eaf7ef;border-color:#98d5b9}.detail-dek{font-size:13px;line-height:1.9;color:#6e7d8e;margin:5px 0 16px;max-width:690px}.chipline{display:flex;flex-wrap:wrap;gap:7px}.chip{font-size:10px;background:#edf2f6;border-radius:5px;padding:5px 8px;color:#667b92;font-weight:800}.chip.dark{background:#1c3456;color:#fff}.chip.gold{background:#fff5d8;color:#9a7628}.viz-grid{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:24px;padding:27px 38px}.viz-board{background:#f5f7fa;border:1px solid #ecf0f4;border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.viz-caption{align-self:stretch;display:flex;justify-content:space-between;font-size:9px;font-weight:850;color:#8494a7;letter-spacing:.1em}.diagram-wrap{margin:26px auto 26px;display:flex;justify-content:center;align-items:center}.cube-diagram{--unit:34px;--gap:3px;position:relative;width:calc(3 * var(--unit) + 2 * var(--gap));height:calc(3 * var(--unit) + 2 * var(--gap));display:grid;grid-template-columns:repeat(3,var(--unit));grid-template-rows:repeat(3,var(--unit));gap:var(--gap)}.cube-diagram.small{--unit:12px;--gap:2px}.tile{border-radius:4px;border:1px solid #0c1c3024;background:#26334b}.tile.yes{background:var(--yellow)}.cube-diagram .tile.pll{background:#ffcf58}.side-piece{position:absolute;border-radius:2px;background:var(--side);box-shadow:inset 0 0 0 .5px #0a193a29}.side-piece.n{height:8px;top:-14px;width:var(--unit);left:calc(var(--i) * (var(--unit) + var(--gap)))}.side-piece.s{height:8px;bottom:-14px;width:var(--unit);left:calc(var(--i) * (var(--unit) + var(--gap)))}.side-piece.w{width:8px;left:-14px;height:var(--unit);top:calc(var(--i) * (var(--unit) + var(--gap)))}.side-piece.e{width:8px;right:-14px;height:var(--unit);top:calc(var(--i) * (var(--unit) + var(--gap)))}.cube-diagram.small .side-piece.n,.cube-diagram.small .side-piece.s{height:3px;top:-5px}.cube-diagram.small .side-piece.s{top:auto;bottom:-5px}.cube-diagram.small .side-piece.w,.cube-diagram.small .side-piece.e{width:3px;left:-5px}.cube-diagram.small .side-piece.e{left:auto;right:-5px}.board-bottom{font-size:11px;color:#71839c;text-align:center;line-height:1.7}.board-bottom strong{color:#203858}.board-caption{font-size:10px;font-weight:800;color:#91a0b0;margin:7px 0 0;letter-spacing:.07em}.viz-notes{min-width:0;display:flex;flex-direction:column;justify-content:center}.mini-label{color:#8596a9;font-size:10px;font-weight:850;letter-spacing:.14em;margin-bottom:11px}.feature-formula{font:700 clamp(17px,2vw,23px)/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;color:#172f50;letter-spacing:-.025em;overflow-wrap:anywhere}.form-decomp{border-top:1px solid #e2e8ed;margin-top:20px;padding-top:18px}.decomp-label{font-size:10px;letter-spacing:.1em;font-weight:850;color:#8495ab;margin-bottom:10px}.decomp-flow{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.phase-pill{border:1px solid #e0e8ef;background:#f4f7fa;color:#2f496a;font:700 12px ui-monospace,monospace;padding:8px 10px;border-radius:6px;transition:all .15s}.phase-pill:hover{border-color:#77a3cc}.phase-pill.on{background:#17365b;color:#fff}.sep{color:#a7b3bf}.meaning{font-size:12px;line-height:1.8;color:#758499;margin-top:15px}.meaning b{color:#375470}.sim{padding:26px 38px;border-top:1px solid var(--line)}.area-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px}.area-title h3{font-size:17px;letter-spacing:-.02em;margin:0}.area-title span{font-size:11px;color:#91a0b1}.simulation{border:1px solid #e3e9f0;border-radius:12px;overflow:hidden}.sim-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#f5f7fa;border-bottom:1px solid #e5ebf0;gap:15px}.sim-head strong{font-size:13px}.sim-head small{font:700 11px ui-monospace,monospace;color:#70839d}.sim-controls{display:flex;gap:7px;flex-wrap:wrap}.sim-btn{padding:8px 12px;background:white;border:1px solid #d4dfe9;border-radius:7px;color:#47617f;font-size:12px;font-weight:800}.sim-btn.primary{background:#122e52;color:white;border-color:#122e52}.sim-btn:disabled{opacity:.35;cursor:not-allowed}.timeline{padding:20px 19px 10px}.progress{width:100%;accent-color:#187d79;cursor:pointer;height:5px}.move-tokens{display:flex;flex-wrap:wrap;gap:5px;padding-top:15px}.move-token{padding:5px 7px;border:1px solid #e4eaf0;border-radius:5px;font:700 11px ui-monospace,monospace;color:#8090a3;background:white}.move-token.passed{background:#deeee9;color:#1b7568;border-color:#d2e6df}.move-token.current{background:#17456a;color:white;border-color:#17456a}.sim-body{display:grid;grid-template-columns:minmax(260px,auto) minmax(0,1fr);gap:25px;padding:20px}.net{display:grid;grid-template-columns:repeat(4,65px);grid-template-rows:repeat(3,78px);gap:6px;align-items:center;justify-items:center}.face{width:65px}.face-label{text-align:center;color:#8496aa;font:700 9px ui-monospace,monospace;margin-bottom:4px}.face-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;border-radius:4px;background:#607085}.sticker{aspect-ratio:1;border-radius:2px}.sticker.Y{background:#ffce54}.sticker.W{background:#fff}.sticker.G{background:#44b899}.sticker.B{background:#5289eb}.sticker.R{background:#eb6170}.sticker.O{background:#f7a951}.sim-analysis{padding:9px 0;display:flex;flex-direction:column;gap:12px}.f2l{display:inline-flex;width:max-content;gap:7px;align-items:center;padding:7px 9px;background:#f9e7dd;border-radius:7px;color:#a06b43;font-size:10px;font-weight:900}.f2l.good{background:#e4f4ec;color:#248568}.f2l span{width:6px;height:6px;background:currentColor;border-radius:50%}.observation{font-size:13px;color:#546b85;line-height:1.85;margin:0}.pointout{margin-top:auto;padding:14px;background:#f6f7ed;border-left:3px solid #eac761;font-size:12px;line-height:1.85;color:#676d5c}.pointout strong{color:#304c50}.phase-notes{padding:0 38px 32px}.phase-notes h3{font-size:17px;margin:0 0 17px}.phase-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.phase-card{background:#f6f8fa;border:1px solid #e9eef3;padding:13px 15px;border-radius:9px}.phase-card .phase-index{font-size:10px;font-weight:900;color:#1d9982;letter-spacing:.13em}.phase-card strong{display:block;margin:8px 0;font:750 12px ui-monospace,monospace;color:#1f3958;overflow-wrap:anywhere}.phase-card p{margin:0;color:#65758b;line-height:1.8;font-size:12px}.detail-footer{margin:0 38px 32px;padding:17px 20px;background:#102c49;color:#becde0;border-radius:10px;font-size:12px;line-height:1.8}.detail-footer b{color:#ffdc85}.icon-star{font-size:15px}.principles{padding:74px 0 76px}.principles h2{margin:13px 0 27px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principle{border:1px solid #dfe5ea;background:white;border-radius:12px;padding:24px 24px 26px;min-height:245px}.principle-n{color:#1ba690;font:800 11px ui-monospace,monospace}.principle h3{margin:16px 0 18px;font-size:17px}.principle h3 span{font-size:10px;font-weight:500;color:#91a0b2;margin-left:6px}.mathline{display:flex;gap:6px;margin-bottom:21px}.mathline span{background:#f0f4f8;color:#285075;font:750 12px ui-monospace,monospace;padding:9px 12px;border-radius:6px}.mathline span:first-child,.mathline span:last-child{background:#e0f4ec;color:#177c6e}.principle p{font-size:12px;color:#738196;line-height:1.9;margin:0}.principle code{background:#f1f3f5;padding:3px;border-radius:3px;color:#375875}.footer{border-top:1px solid #d8e0e6;padding:24px 0 40px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#96a3af;letter-spacing:.06em}
@media(max-width:1100px){.hero-art{margin-right:5px;transform:scale(.85);transform-origin:center right}.workspace{grid-template-columns:275px minmax(0,1fr)}.detail-top,.sim{padding-left:24px;padding-right:24px}.viz-grid{padding-left:24px;padding-right:24px;grid-template-columns:240px minmax(0,1fr)}.phase-notes{padding-left:24px;padding-right:24px}.detail-footer{margin-left:24px;margin-right:24px}}
@media(max-width:860px){.hero-art{display:none}.hero-inner{min-height:370px}.workspace{display:block}.catalog{border-right:0;border-bottom:1px solid #dee5ea}.catalog-head{padding:18px}.case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:286px;overflow-y:auto}.catalog-head .filterrow{margin:10px 0}.viz-grid{grid-template-columns:1fr 1fr;gap:16px}.section-heading{align-items:start}.library-counts{gap:15px}.principle-grid{grid-template-columns:1fr}}
@media(max-width:610px){.sitebar{height:66px}.sitebar-inner{padding:0 17px}.navlinks,.online-indicator{display:none}.hero-inner{padding:36px 22px 43px;min-height:340px}.hero h1{font-size:40px}.hero-footer{padding:13px 22px}.hero-footer span:last-child{display:none}.workwrap{padding:40px 13px 0}.section-heading h2{font-size:25px}.library-counts div:last-child{display:none}.library-counts strong{font-size:18px}.library-counts span{font-size:8px}.mode-switch{width:100%}.mode-tab{min-width:0;flex:1;padding:10px;gap:8px}.mode-tab strong{font-size:14px}.mode-tab small{font-size:9px}.workspace{border-radius:0 0 12px 12px}.case-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:290px;padding:7px;gap:4px}.case-row{padding:6px;gap:8px;min-height:67px}.row-preview{width:40px;height:49px;flex-basis:40px}.cube-diagram.small{--unit:8px;--gap:1px}.cube-diagram.small .side-piece.n,.cube-diagram.small .side-piece.s{height:2px;top:-3px}.cube-diagram.small .side-piece.s{top:auto;bottom:-3px}.cube-diagram.small .side-piece.w,.cube-diagram.small .side-piece.e{width:2px;left:-3px}.cube-diagram.small .side-piece.e{left:auto;right:-3px}.case-title{font-size:11px}.case-subtitle{font-size:9px}.case-alg{display:none}.row-chevron{display:none}.detail-top{padding:21px 17px}.detail-topline{align-items:start;flex-wrap:wrap}.detail-top h2{font-size:29px}.viz-grid{display:block;padding:18px 16px}.viz-board{padding:18px 10px 16px}.viz-notes{margin-top:25px}.feature-formula{font-size:19px}.sim{padding:21px 16px}.sim-head{align-items:start;flex-direction:column}.sim-body{display:block;padding:15px}.net{margin:auto}.sim-analysis{padding:20px 0 0}.phase-notes{padding:0 16px 21px}.phase-list{grid-template-columns:1fr}.detail-footer{margin:0 16px 22px}.principles{padding:48px 3px}.footer{flex-direction:column;line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}