@font-face{font-family:'Space Grotesk';src:url('assets/fonts/SpaceGrotesk.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
:root{--paper:#f6f3eb;--surface:#fffefa;--ink:#1d2433;--muted:#656577;--line:#dcd9e1;--green:#5146d9;--blue:#5146d9;--soft:#ece9fb;--strong:#4438b7;--dark:#1d2433;--shadow:0 16px 44px #2520440a;font-family:'Space Grotesk','Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
[data-theme='dark']{--paper:#171b27;--surface:#202536;--ink:#f5f2ed;--muted:#b7b8ca;--line:#3a4055;--green:#a99cff;--blue:#b7aaff;--soft:#2b2b46;--strong:#c1b5ff;--dark:#111522;--shadow:0 16px 44px #0002}
.brand{width:238px}.brand img{width:238px;height:60px}.brand-divider{height:30px}.producer-badge{font-size:11px;letter-spacing:.04em;line-height:1.5;white-space:nowrap;color:var(--muted)}.producer-badge b{font-weight:600;color:var(--ink)}.header-inner{gap:20px}.header-inner nav{gap:24px}.course-name,.mono,.micro,.eyebrow,.step-no,.layer-btn .num,.layer-btn .layer-en,.chapter-id{font-family:'Space Grotesk',Consolas,monospace}
.eyebrow:before{border-radius:0;background:#f27a59}.hero{grid-template-columns:1.05fr 1fr;gap:45px;padding:54px 0 43px}.hero h1{font-weight:700;line-height:1.3;margin-top:22px;font-size:clamp(40px,4.25vw,61px)}.hero h1 em{color:var(--strong)}.hero h1 em:after{height:5px;bottom:-1px;background:#f27a59;opacity:1;z-index:0}.hero-copy{max-width:470px}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}[data-theme='dark'] .btn.primary{color:#1d2433}.btn.lime{background:var(--green);border-color:var(--green);color:#fff}.filter.active{background:var(--green);color:#fff}[data-theme='dark'] .filter.active{color:#1d2433}.btn{border-radius:6px}.feature,.form-panel,.record,.layer-detail,.export-box{border-radius:10px}.pill{border-radius:5px}
.folio-hero{min-height:470px;position:relative;background:#ebe7fa;border:1px solid #ded8f3;border-radius:12px;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.folio-overline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#514b6b;gap:15px;z-index:1}.folio-grid{position:absolute;inset:0;background-image:linear-gradient(#5146d909 1px,transparent 1px),linear-gradient(90deg,#5146d909 1px,transparent 1px);background-size:30px 30px}.folio-large{position:absolute;width:370px;height:370px;left:50%;top:31px;transform:translateX(-50%);object-fit:contain}.folio-caption{z-index:1;display:flex;justify-content:space-between;align-items:flex-end;margin-top:330px;gap:15px}.folio-caption .micro{color:#686079;letter-spacing:2px;font-size:9px}.folio-caption h2{font-size:21px;margin-top:7px;color:#1d2433;line-height:1.4}.folio-explore{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#5146d9;color:#fff;flex-shrink:0}.folio-explore:hover{background:#392dbb}.review-notice{justify-content:flex-start;gap:9px}.review-notice a{margin-left:auto;color:var(--strong);white-space:nowrap}.part-preview .part-icon{display:flex;gap:18px;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:23px}.part-preview:nth-child(2) .part-icon{color:#7564b6}.part-preview:nth-child(3) .part-icon{color:#b24c30}.part-preview:nth-child(4) .part-icon{color:#246e68}
.layer-btn.active{background:#6254d9;border-color:#a99cff;color:#fff;box-shadow:6px 6px 0 #a99cff19}.layer-btn.active .num,.layer-btn.active .layer-en{color:#fff}.layer-btn{background:#2a2d40;border-color:#45495f}.layer-btn:hover:not(.active){background:#373b56;border-color:#8675bb}.system-art{background:#1d2433}.art-head .art-label,.art-foot,.art-head .micro{color:#bcbdd1}.live-dot{background:#f27a59}.feature-side{background:var(--soft)}.question-preview span{border-color:#c5bddf}.footer-logo{width:320px}.footer-producer-label{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin:0 0 8px 14px}.footer-copy{max-width:420px}.footer-bottom{font-size:11px}.article{line-height:2.12}.chapter-row{grid-template-columns:63px 1fr 140px 22px}.identity-page .page-head{padding-bottom:38px}.identity-intro{display:grid;grid-template-columns:1.55fr 1fr;gap:44px;align-items:center;margin-bottom:48px}.identity-stage{background:#f6f3eb;border:1px solid var(--line);min-height:278px;display:flex;align-items:center;justify-content:center;padding:35px}.identity-stage img{width:100%;height:auto}.identity-stage[data-variant='dark'],.identity-stage[data-variant='white']{background:#1d2433}.identity-stage[data-variant='black']{background:#fff}.variant-tabs{display:flex;border:1px solid var(--line);border-top:0}.variant-tabs button{padding:11px 19px;background:var(--surface);flex:1;font-size:12px;color:var(--muted)}.variant-tabs button.active{background:var(--soft);color:var(--strong);box-shadow:inset 0 -3px var(--green)}.identity-rationale h2{font-size:32px;margin:18px 0}.identity-rationale p{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:22px}.cobrand-board{background:#fffefa;border:1px solid #dcd9e1;display:flex;justify-content:center;align-items:center;gap:64px;padding:42px}.cobrand-course{width:390px;height:auto}.cobrand-rule{width:1px;height:80px;background:#dcd9e1;flex-shrink:0}.cobrand-producer{text-align:center;width:180px}.cobrand-producer span{display:block;font-size:10px;letter-spacing:2px;color:#656577;margin-bottom:4px}.cobrand-producer img{width:160px;height:52px;object-fit:contain}.identity-note{font-size:12px;color:var(--muted);margin-top:20px;line-height:1.9}.palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.color-swatch{background:transparent;text-align:left;padding:0;min-width:0}.swatch-color{display:block;height:105px;border-radius:7px;border:1px solid var(--line);margin-bottom:13px}.color-swatch strong{font-size:12px;display:block;margin-bottom:3px}.color-swatch code{font-family:'Space Grotesk',monospace;color:var(--muted);font-size:11px}.cover-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cover-card img{display:block;width:100%;height:auto;border:1px solid var(--line);box-shadow:0 8px 24px #1d24330a}.cover-card>span{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-top:14px}.cover-card:hover img{transform:translateY(-4px);transition:transform .2s}.identity-typography{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}.identity-typography h2{font-size:82px;letter-spacing:-4px;margin-top:16px}.identity-typography h2 span{color:var(--strong)}.type-zh{font-size:20px;margin:15px 0 20px}.identity-typography p:not(.type-zh){color:var(--muted);font-size:13px;line-height:1.9}.identity-type-card{border:1px solid var(--line);padding:32px;background:var(--surface)}.identity-type-card>span{font-size:100px;line-height:1.1;letter-spacing:-5px;color:var(--strong)}.identity-type-card>div{font-size:28px;line-height:1.5;margin:15px 0}.research-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.research-card{border:1px solid var(--line);padding:24px;background:var(--surface)}.research-card h3{font-size:18px;margin:18px 0 12px}.research-card h3 svg{margin-left:3px}.research-card p{font-size:12px;color:var(--muted);line-height:1.8}.research-card:hover{border-color:var(--green)}.identity-download{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px;background:var(--soft);margin-top:30px}.identity-download h3{font-size:20px}.identity-download p{font-size:12px;color:var(--muted);margin-top:9px}.identity-download .btn{flex-shrink:0}
[data-theme='dark'] .folio-hero{background:#27243f;border-color:#403857}[data-theme='dark'] .folio-overline,[data-theme='dark'] .folio-caption .micro{color:#bbb2d7}[data-theme='dark'] .folio-caption h2{color:#f5f2ed}[data-theme='dark'] .feature-side{background:var(--soft)}[data-theme='dark'] .system-art{border:1px solid #454259;background:#111522}[data-theme='dark'] .part-preview:nth-child(2) .part-icon{color:#b8abed}[data-theme='dark'] .part-preview:nth-child(3) .part-icon{color:#ffac91}[data-theme='dark'] .part-preview:nth-child(4) .part-icon{color:#82c9c2}[data-theme='dark'] .hero h1 em:after{opacity:.8}
@media(max-width:1100px){.header-inner{gap:13px;padding:0 24px}.brand,.brand img{width:216px}.header-inner nav{gap:19px}.producer-badge,.brand-divider{display:none}.hero{gap:28px}.folio-large{width:330px;height:330px;top:50px}.identity-intro{gap:28px}.identity-rationale h2{font-size:28px}.palette-grid{gap:12px}.research-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero h1{font-size:46px}.folio-hero{min-height:420px}.folio-large{width:340px;height:340px;top:10px}.folio-caption{margin-top:290px}.identity-intro,.identity-typography{grid-template-columns:1fr;gap:28px}.identity-stage{min-height:225px}.identity-rationale h2 br{display:block}.palette-grid{grid-template-columns:repeat(3,1fr)}.cover-gallery{grid-template-columns:repeat(2,1fr);gap:24px}.cobrand-board{gap:25px;padding:35px 20px}.cobrand-course{width:330px}.cobrand-producer{width:170px}.chapter-row{grid-template-columns:50px 1fr 22px}.identity-typography{gap:32px}.identity-type-card>span{font-size:80px}}
@media(max-width:600px){.header-inner{height:76px;padding:0 18px;gap:7px}.brand,.brand img{width:205px;height:53px}.header-tools{margin-left:auto;gap:1px}.icon-button{width:32px;height:36px}.hero{padding-top:36px;gap:34px}.hero h1{font-size:37px;margin-top:20px}.hero-copy{font-size:14px}.folio-hero{padding:20px;min-height:383px}.folio-large{width:300px;height:300px;top:20px}.folio-caption{margin-top:266px}.folio-caption h2{font-size:18px}.folio-overline{font-size:8px;letter-spacing:.8px}.hero-note{gap:10px}.hero-note span+span:before{margin-right:10px}.review-notice{flex-wrap:wrap;font-size:10px}.review-notice a{margin-left:14px}.identity-page .page-head h1{font-size:33px}.identity-stage{padding:23px 18px;min-height:185px}.identity-rationale h2{font-size:27px}.identity-rationale p{font-size:13px}.cobrand-board{flex-direction:column;gap:23px;padding:34px 24px}.cobrand-course{width:100%;max-width:340px}.cobrand-rule{height:1px;width:80%;max-width:245px}.cobrand-producer{width:180px}.palette-grid{gap:20px 12px}.swatch-color{height:80px}.color-swatch strong{font-size:11px}.cover-gallery{gap:20px 13px}.cover-card>span{font-size:10px}.identity-typography h2{font-size:64px}.type-zh{font-size:16px}.identity-type-card>div{font-size:24px}.research-grid{grid-template-columns:1fr 1fr;gap:12px}.research-card{padding:17px}.research-card h3{font-size:16px}.research-card .micro{font-size:9px;letter-spacing:.4px}.identity-download{padding:23px;align-items:flex-start;flex-direction:column}.identity-download h3{font-size:19px}.identity-download .btn{width:100%}.section-head h2{font-size:27px}.footer-logo{width:320px;max-width:100%}.footer-producer-label{margin-left:10px}}
@media(prefers-reduced-motion:reduce){.cover-card:hover img{transform:none;transition:none}}

.producer-badge{display:flex;flex-direction:column;align-items:center;width:160px;flex-shrink:0;line-height:1}.producer-kicker{font-size:9px;letter-spacing:1.6px;margin-bottom:-4px}.producer-logo{width:160px;height:52px;object-fit:contain}@media(max-width:1100px){.producer-badge{display:none}}

/* Public preview: readable states, compact reading navigation and touch targets. */
.results-count{font-size:12px;color:var(--muted);margin:0 0 22px}
.reader-toc-mobile{display:none}
summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.header-tools .icon-button{min-width:40px;min-height:44px}
.variant-tabs button{min-height:44px}
.chapter-row>span:nth-child(2){min-width:0}
.reader-toc-mobile nav{position:static;display:flex;flex-direction:column;align-items:stretch;height:auto;margin:0;padding:12px 0 0;box-shadow:none;border:0;background:transparent;gap:0}
.reader-toc-mobile nav a{display:block;padding:10px 0;min-height:44px;line-height:1.7;font-size:13px;border-top:1px solid var(--line)}
@media(max-width:760px){
 .reader-toc-mobile{display:block;margin:24px 0;padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:14px}
 .reader-toc-mobile summary{cursor:pointer;font-weight:600}
 .chapter-row{grid-template-columns:40px minmax(0,1fr) 18px;row-gap:10px}
 .chapter-row .pill{display:inline-flex;grid-column:2;grid-row:2;font-size:10px;padding:4px 8px}
 .chapter-row>svg{grid-column:3;grid-row:1 / 3}
 .chapter-row>.chapter-id{align-self:start;padding-top:4px}
 .head-row{flex-wrap:wrap}.page-head .pill{margin-left:0}
 .filter{min-height:44px}
}
@media(max-width:400px){
 .header-inner{padding:0 12px;gap:4px}
 .brand,.brand img{width:168px;height:46px}
 .header-tools{gap:0}.header-tools .icon-button{width:40px;min-width:40px}
 .hero h1{font-size:33px}
 .folio-large{width:270px;height:270px}
 .folio-caption{margin-top:250px}.folio-caption h2{font-size:16px}
 .variant-tabs button{padding:11px 8px}
 .research-grid{grid-template-columns:1fr}
 .identity-typography h2{font-size:58px}
}
@media print{
 :root,[data-theme='dark']{--paper:#fff;--surface:#fff;--ink:#111;--muted:#444;--line:#ccc;--soft:#fff;--strong:#111}
 .reader-toc-mobile{display:none!important}
}