.content-page{background:var(--bg)}
.content-page main{max-width:1600px;margin:0 auto;padding:0 var(--gutter)}
.content-page .page-hero{padding:85px 0 64px;max-width:1000px}
.page-eyebrow{font-size:12px;color:var(--accent);font-weight:600;letter-spacing:.02em;margin-bottom:23px}
.content-page h1{font-size:clamp(43px,5.6vw,78px);line-height:1.12;letter-spacing:-.035em;max-width:980px;text-wrap:balance}
.content-page h1 em{font-style:normal;color:var(--accent)}
.content-page h2{font-size:clamp(28px,3vw,42px);line-height:1.22;letter-spacing:-.035em;text-wrap:balance}
.content-page h3{font-size:20px;line-height:1.45;letter-spacing:-.02em}
.page-lede{font-size:clamp(16px,1.55vw,20px);color:var(--muted);line-height:1.85;max-width:730px;margin-top:28px}
.page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 25px;margin-top:30px}
.page-actions .button{font-size:13px;min-height:48px}
.text-link{display:inline-flex;align-items:center;gap:16px;color:var(--accent);font-size:14px;font-weight:600;padding:10px 0;margin-top:0;border-bottom:0;text-decoration:underline;text-decoration-color:var(--accent-border);text-underline-offset:7px}
.text-link:hover{text-decoration-color:var(--accent)}
.page-section{padding:64px 0;border-top:1px solid var(--line)}
.section-lede{max-width:760px;font-size:16px;color:var(--muted);line-height:1.85;margin:22px 0 30px}
.editorial-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start}
.editorial-grid>div>p{font-size:15px;color:var(--muted);line-height:1.9;margin-top:18px}
.feature-rows{display:flex;flex-direction:column}
.feature-row{display:grid;grid-template-columns:45px 1fr;gap:20px;border-top:1px solid var(--line);padding:27px 0}
.feature-row:first-child{border-top:0;padding-top:0}.feature-row>span{font-size:12px;color:var(--accent);padding-top:4px}
.feature-row p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:10px;max-width:620px}
.page-note{padding:18px 22px;margin:26px 0;font-size:13px;line-height:1.9;color:var(--muted);background:var(--surface);border-radius:5px}
.model-figure{border:1px solid var(--line);background:var(--canvas-surface);border-radius:8px;padding:35px 30px 25px;margin:0 0 70px;overflow:hidden}
.model-figure figcaption{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;line-height:1.8}
.type-map{display:block;width:100%;height:auto;max-height:370px;overflow:visible}
.type-map-mobile{display:none}
.type-map .map-link{stroke:var(--node-fill);stroke-width:2;fill:none}
.type-map .map-context{stroke:var(--accent-border);stroke-width:1;fill:none}
.type-map .map-context circle{fill:var(--accent-soft);stroke:none}
.type-map .map-node{fill:var(--node-fill)}
.type-map .map-glyph{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}
.type-map .map-label{fill:var(--ink);font-size:16px;font-weight:600;text-anchor:middle}
.type-map .map-caption{fill:var(--muted);font-size:12px;text-anchor:middle}
.page-path{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:28px 0;color:var(--accent);font-size:13px}
.page-path span{padding:8px 0}.page-path i{font-style:normal;color:var(--accent-border)}
.link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px}
.link-entry{display:grid;grid-template-columns:1fr auto;gap:10px 22px;padding:30px 0;border-top:1px solid var(--line)}
.link-entry p{grid-column:1;font-size:14px;line-height:1.85;color:var(--muted);max-width:510px}
.link-entry>span{grid-column:2;grid-row:1;color:var(--accent);font-size:22px}
.link-entry:hover h3{color:var(--accent)}
.status-tag{font-size:11px;display:inline-flex;align-items:center;gap:7px;color:var(--accent);background:var(--accent-soft);padding:5px 10px;border-radius:3px;line-height:1.6}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.edition{padding:34px 30px 34px 0}.edition+.edition{border-left:1px solid var(--line);padding-left:30px}.edition:last-child{padding-right:0}
.edition h2{font-size:25px;margin:22px 0 12px}.edition .edition-price{font-size:33px;letter-spacing:-.04em;line-height:1.3;margin:30px 0 10px}
.edition p{font-size:14px;line-height:1.85;color:var(--muted)}
.edition ul,.prose ul{padding-left:19px;margin:25px 0;font-size:14px;line-height:1.9;color:var(--muted)}
.edition li{margin-bottom:10px}
.table-wrap{overflow-x:auto;width:100%;border-top:1px solid var(--line)}
.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.75}
.data-table th,.data-table td{padding:19px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.data-table th:first-child,.data-table td:first-child{padding-left:0}
.data-table th{font-size:12px;color:var(--muted);font-weight:600}
.data-table td:last-child{color:var(--muted)}
.data-table code{overflow-wrap:anywhere}
.article-tools{display:flex;justify-content:space-between;gap:25px;align-items:end;padding-bottom:28px;flex-wrap:wrap}
.article-filters{display:flex;gap:12px;flex-wrap:wrap}
.article-filters button{border:1px solid var(--line);border-radius:25px;background:transparent;padding:11px 18px;font-size:12px;min-height:44px}
.article-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.article-search{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted);min-width:240px}
.article-search input{border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 0;font:inherit;font-size:14px;color:var(--ink);border-radius:0;max-width:100%;min-height:44px}
.article-search input:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.article-count{font-size:12px;color:var(--muted);margin-bottom:25px}
.article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.article-tile{min-width:0;border-top:1px solid var(--line);padding-top:24px}
.article-art{aspect-ratio:1.65;background:var(--surface);display:flex;align-items:center;justify-content:center;margin:0 0 24px;border-radius:4px;overflow:hidden}
.article-art svg{width:84%;height:90%;max-height:210px}
.article-tile small{font-size:11px;color:var(--accent);display:block;margin-bottom:16px}
.article-tile h2{font-size:24px;line-height:1.4}
.article-tile p{font-size:14px;line-height:1.85;color:var(--muted);margin:17px 0}
.article-tile a:hover h2{color:var(--accent)}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 220px;gap:80px;align-items:start;padding-bottom:80px}
.prose{font-size:16px;line-height:1.95;min-width:0}
.prose h2{font-size:30px;margin:45px 0 20px;scroll-margin-top:120px}
.prose h2:first-child{margin-top:0}.prose h3{margin:32px 0 14px}
.prose p{margin:0 0 23px;color:var(--muted)}
.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.article-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--muted);margin-top:28px}
.article-sidebar{position:sticky;top:120px;border-top:1px solid var(--line);padding-top:24px}
.article-sidebar h2{font-size:12px;letter-spacing:0;margin-bottom:18px}.article-sidebar a{display:block;font-size:12px;color:var(--muted);padding:9px 0;line-height:1.8}
.article-sidebar a:hover{color:var(--accent)}
.code-sample{background:#222d24;color:#edf4e7;padding:26px;border-radius:7px;margin:26px 0;position:relative}
.code-sample pre{font-size:13px;line-height:1.85;overflow-x:auto;white-space:pre;margin:0 0 18px}
.code-sample button{font-size:11px;color:#edf4e7;background:transparent;border:1px solid #849580;border-radius:4px;padding:9px 13px;min-height:40px}
.copy-status{font-size:11px;display:inline-block;margin:0 10px;color:#bcdf91}
.faq-list{max-width:900px}.faq-list details{padding:24px 0;border-bottom:1px solid var(--line)}
.faq-list summary{font-size:18px;font-weight:600;cursor:pointer;line-height:1.65;padding-right:15px}
.faq-list details p{font-size:15px;line-height:1.9;color:var(--muted);margin:20px 0 0;max-width:800px}
.roadmap-list{display:flex;flex-direction:column;gap:0;margin:10px 0 60px}
.roadmap-step{display:grid;grid-template-columns:160px 1fr;gap:40px;border-top:1px solid var(--line);padding:36px 0}
.phase-index{display:flex;align-items:baseline;gap:15px;font-size:13px}
.phase-index i{width:12px;height:12px;border-radius:50%;background:#639c2d;flex-shrink:0}
.phase-index.yellow i{background:#b38b1e}.phase-index.red i{background:#d94b36}
.roadmap-step h2{font-size:28px}.roadmap-step p{font-size:15px;color:var(--muted);line-height:1.9;margin-top:16px;max-width:710px}
.access-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;background:var(--surface);padding:55px;margin:0 0 75px;border:1px solid var(--line);border-radius:7px}
.access-panel h2{margin:20px 0}.access-panel p{font-size:15px;color:var(--muted);line-height:1.9}
.access-panel .feature-row p{font-size:13px}
.definition-list>div{display:grid;grid-template-columns:160px 1fr;gap:28px;padding:23px 0;border-bottom:1px solid var(--line)}
.definition-list dt{font-size:15px;font-weight:600}.definition-list dd{font-size:15px;color:var(--muted);line-height:1.85;margin:0}
.stat-line{display:flex;gap:50px;flex-wrap:wrap;margin:35px 0 20px}.stat-line strong{font-size:42px;letter-spacing:-.05em;display:block;color:var(--accent)}.stat-line span{font-size:12px;color:var(--muted)}
.bottom-invite{padding:45px 0 65px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px}
.bottom-invite h2{font-size:30px}.bottom-invite p{margin-top:13px;color:var(--muted);font-size:14px;line-height:1.8}
html[lang=zh-CN] .content-page h1{font-size:clamp(40px,5vw,70px);line-height:1.28;letter-spacing:-.03em}
html[lang=zh-CN] .content-page h2{line-height:1.45}
@media(min-width:1700px){.content-page main{padding-inline:75px}}
@media(max-width:1050px){.editorial-grid,.access-panel{gap:40px}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 190px}.article-list{gap:23px}.edition{padding-right:20px}.edition+.edition{padding-left:20px}.edition .edition-price{font-size:27px}.access-panel{padding:35px}}
@media(max-width:760px){.content-page .page-hero{padding:50px 0 40px}.content-page h1{font-size:clamp(40px,9vw,62px)}.page-lede{font-size:16px;margin-top:24px}.page-section{padding:40px 0}.editorial-grid,.access-panel,.article-layout{grid-template-columns:1fr;gap:28px}.link-list,.article-list{grid-template-columns:1fr}.link-entry{padding:25px 0}.pricing-grid{grid-template-columns:1fr}.edition,.edition+.edition{padding:30px 0;border-left:0}.edition+.edition{border-top:1px solid var(--line)}.article-sidebar{position:static;grid-row:1;display:flex;flex-wrap:wrap;gap:4px 18px}.article-sidebar h2{flex-basis:100%;margin-bottom:6px}.article-art{aspect-ratio:2.2}.article-list{gap:32px}.article-tile h2{font-size:24px}.model-figure{padding:20px 15px;margin-bottom:40px}.model-figure figcaption{flex-direction:column;gap:8px;font-size:11px}.type-map .map-label{font-size:18px}.model-figure .type-map{min-height:180px}.roadmap-step{grid-template-columns:1fr;gap:16px;padding:30px 0}.access-panel{padding:25px;margin-bottom:45px}.definition-list>div{grid-template-columns:1fr;gap:10px}.bottom-invite{align-items:flex-start;flex-direction:column;gap:10px}.data-table th,.data-table td{padding:16px 12px;min-width:130px}.data-table{font-size:13px}.article-tools{gap:24px}.article-search{width:100%}.stat-line{gap:30px}.stat-line strong{font-size:35px}.prose{font-size:15px}.code-sample{padding:20px}.page-path{font-size:12px;gap:8px}}
@media(max-width:760px){.type-map-wide{display:none}.type-map-mobile{display:block;max-height:500px}.type-map-mobile .map-label{font-size:15px}}