:root{--scheme:dark;--page:#090b10;--body:#d1dbe2;--muted:#a4b1be;--hover:#18212d;--accent:#91b2d4;--line:#29323d;--strong:#96bcdf;--track:#1b222d;--neutral:#8c97a6;--base:#5e83aa;--cached:#4b6685;--output:#77aaa8;--value:#e4eaf1;--heading:#f5f7fa;--link:#b1cbe3;--white:#fff;}
:root[data-theme="light"]{--scheme:light;--page:#ffffff;--body:#343c45;--muted:#626c77;--hover:#edf2f7;--accent:#426c97;--line:#dfe5eb;--strong:#2d6598;--track:#edf1f5;--neutral:#87929e;--base:#6286ac;--cached:#8fa4b9;--output:#47827f;--value:#303944;--heading:#20262d;--link:#315e86;--white:#17222e;}
*{box-sizing:border-box}html{background:var(--page);color:var(--body);color-scheme:var(--scheme);scroll-behavior:smooth}body{margin:0;font-family:Georgia,"Times New Roman","Songti SC","STSong",serif;-webkit-font-smoothing:antialiased}.shell{margin:34px 36px 0;max-width:680px}header{display:flex;align-items:baseline;justify-content:space-between;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;height:118px}.brand{font-weight:600;font-size:18px;letter-spacing:-.06em;text-decoration:none}nav{display:flex;gap:12px}button{border:0;background:none;color:var(--muted);font:inherit;padding:0;cursor:pointer}button[aria-pressed=true]{color:var(--body);text-decoration:underline;text-underline-offset:4px}h1,h2,p{font-size:24px;font-weight:400;line-height:1.45;letter-spacing:-.025em;margin:0 0 30px}h1{font-weight:500}h2{margin-top:66px;font-style:italic}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{background:var(--hover)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.small{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.65;letter-spacing:0;color:var(--muted)}.data{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:35px 0 30px;font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.5;text-align:left}th,td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);white-space:nowrap}thead th{font-size:11px;font-weight:400;color:var(--muted)}tbody th{font-weight:500}td.numeric{text-align:right;padding-right:0}caption{text-align:left;font-size:12px;color:var(--muted);margin-bottom:12px}.group td{padding:22px 0 7px;color:var(--muted);font-size:12px;border:0}.primary{color:var(--strong)}details{margin:28px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;width:fit-content;list-style:none}summary:after{content:" +"}details[open]>summary:after{content:" −"}details p{font-family:inherit;font-size:14px;line-height:1.8;letter-spacing:0;margin:20px 0}details table{font-size:12px}.data-note{font-size:12px;margin-top:12px;line-height:1.6;color:var(--muted)}.metric-links{font-size:20px}footer{margin:110px 0 32px;display:flex;gap:20px;flex-wrap:wrap;font:12px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--muted)}[hidden]{display:none!important}html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] p{line-height:1.7;letter-spacing:0}html[lang=zh-CN] h2{font-style:normal}@media(max-width:720px){.shell{margin:25px 22px 0}header{height:104px}h1,h2,p{font-size:21px;line-height:1.5;margin-bottom:27px}h2{margin-top:50px}table{font-size:12px}th,td{padding-right:9px}.small{font-size:12px}footer{margin-top:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Centered reading column, plain technical typography. */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}.shell{max-width:760px;margin:34px auto 0;padding:0 28px}header{height:100px}.brand{letter-spacing:-.04em}h1,h2,p{letter-spacing:-.018em;line-height:1.7;font-size:19px}h1{font-size:28px;line-height:1.45;font-weight:600;margin-bottom:32px}h2{font-size:22px;font-style:normal;font-weight:550;margin-top:64px}.small{font-size:12px}nav,table,.data-note,.mini-chart,summary,footer{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}.metric-links{font-size:16px}.mini-chart{margin:36px 0 40px;font-size:12px}.mini-chart figcaption{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;line-height:1.7;color:var(--muted);margin:16px 0 0}.mini-title{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:20px;gap:12px}.mini-row{display:grid;grid-template-columns:155px minmax(0,1fr) 68px;align-items:center;gap:16px;margin:18px 0}.mini-label{font-size:11px}.mini-value{text-align:right;font-size:13px}.mini-track{height:12px;background:var(--track);display:flex}.mini-fill{height:100%;background:var(--neutral)}.mini-row.base .mini-fill{background:var(--base)}.mini-row.codemode .mini-fill{background:var(--strong)}.mini-row.codemode .mini-value{color:var(--strong);font-weight:600}.mini-axis{display:flex;justify-content:space-between;margin:12px 84px 0 171px;color:var(--muted);font-size:10px}.token-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-bottom:24px}.token-legend span{display:flex;gap:6px;align-items:center}.token-legend i{width:9px;height:9px;display:inline-block}.cached{background:var(--cached)}.fresh{background:var(--accent)}.output{background:var(--output)}.mini-track .seg{height:100%;display:block}.mini-note{font-size:11px;color:var(--muted);line-height:1.7}.data table{font-size:12px}details p{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}footer{font-size:11px}@media(max-width:720px){.shell{margin:24px auto 0;padding:0 22px}header{height:85px}h1{font-size:25px}h2{font-size:21px}p{font-size:17px}.mini-row{grid-template-columns:115px minmax(0,1fr) 57px;gap:10px}.mini-label{font-size:10px;line-height:1.5}.mini-value{font-size:12px}.mini-axis{margin-left:125px;margin-right:67px}.mini-track{height:12px}.mini-title{font-size:10px}.token-legend{gap:12px}.small{font-size:12px}}

.type-chart-head,.type-row{display:grid;grid-template-columns:155px minmax(0,1fr) 82px;column-gap:16px;align-items:center}.type-chart-head{color:var(--muted);font-size:11px;padding-bottom:4px}.type-chart-head>span:last-child{text-align:right}.type-group h3{font:12px/1.6 "SFMono-Regular",Consolas,Menlo,monospace;color:var(--muted);font-weight:400;margin:25px 0 16px}.type-group+.type-group{border-top:1px solid var(--line);margin-top:24px}.type-row{margin:17px 0}.type-token{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:10px;align-items:center}.type-token-value{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.type-accept{display:flex;justify-content:flex-end;gap:9px;align-items:baseline;font-size:11px;font-variant-numeric:tabular-nums}.type-accept strong{font-weight:500;color:var(--value)}.type-accept>span{color:var(--muted)}.type-row.base .mini-fill{background:var(--base)}.type-row.codemode .mini-fill{background:var(--strong)}.type-row.codemode .type-token-value{color:var(--strong)}.type-axis{display:flex;justify-content:space-between;margin:18px 162px 0 171px;font-size:10px;color:var(--muted)}@media(max-width:720px){.type-chart-head,.type-row{grid-template-columns:112px minmax(0,1fr) 55px;column-gap:10px}.type-token{grid-template-columns:1fr;gap:5px}.type-token-value{text-align:left;font-size:10px}.type-accept{flex-direction:column;align-items:flex-end;gap:2px}.type-axis{margin-left:122px;margin-right:65px}.type-chart-head{font-size:10px}.type-group h3{font-size:11px}.type-row{margin:18px 0}}

/* Editorial QA: readable supporting text and explicit numeric columns. */
.small,.mini-chart figcaption,.mini-title,.type-chart-head,.type-group h3,.token-legend{color:var(--muted)}.mini-label{font-size:12px}.token-legend{font-size:11px}.mini-axis,.type-axis{font-size:11px;color:var(--muted)}.type-row,.type-chart-head{grid-template-columns:162px minmax(0,1fr) 108px;gap:14px}.type-accept{font-size:12px;gap:10px}.type-accept>span{color:var(--muted)}.type-axis{margin-left:176px;margin-right:186px}.type-group h3{font-size:13px}.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:5px}#task-key td:last-child{white-space:normal;min-width:155px}#summary td,#types td:not([colspan]){font-variant-numeric:tabular-nums}details p{font-size:15px}.product-link{margin-top:64px;padding-top:24px;border-top:1px solid var(--line)}.product-link>a{font-size:17px}.product-link .small{margin-top:12px;margin-bottom:0}footer{margin-top:64px}button{min-height:30px;min-width:30px}@media(max-width:720px){.mini-label{font-size:11px;overflow-wrap:anywhere}.type-row,.type-chart-head{grid-template-columns:114px minmax(0,1fr) 72px;gap:10px}.type-axis{margin-left:124px;margin-right:82px}.type-token-value{font-size:11px}.type-accept{font-size:11px}.mini-title{font-size:11px}.small,.mini-chart figcaption{font-size:13px}.type-group h3{font-size:12px}.mini-axis,.type-axis{font-size:10px}.type-chart-head{font-size:10px}}
@media(max-width:720px){.type-accept{gap:2px}}

/* Shared Sunny Code identity; the article keeps its quiet reading layout. */
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}h1,h2,h3{color:var(--heading)}header{align-items:flex-start}.brand{display:block}.brand img{display:block;width:145px;height:auto}nav{align-items:center;gap:22px;font-family:inherit;font-size:13px}nav>a{text-decoration:none;color:var(--body)}.language-controls{display:flex;gap:8px;margin-left:8px}nav a:hover{background:none;color:var(--white)}button[aria-pressed=true]{color:var(--heading)}.primary{color:var(--strong)}.type-row.codemode .type-token-value{color:var(--strong)}.product-link>a{color:var(--link)}.mini-track{background:var(--track)}@media(max-width:480px){.brand img{width:125px}nav{gap:13px;font-size:12px}.language-controls{gap:4px;margin-left:0}header{gap:12px}}@media(max-width:350px){.brand img{width:104px}nav{gap:9px}.language-controls button{min-width:25px}}

.reader-controls{display:flex;gap:8px;margin-left:6px}.reader-controls button{font:inherit;color:var(--body);padding:5px 7px;min-height:34px;border:1px solid transparent;border-radius:3px;white-space:nowrap}.reader-controls button:hover{background:var(--hover)}.reader-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root[data-theme="light"] .brand img{filter:brightness(0)}@media(max-width:480px){.reader-controls{gap:2px;margin-left:0}.reader-controls button{padding:5px;min-width:29px}nav{gap:11px}}@media(max-width:350px){nav{gap:6px}.reader-controls button{padding:4px 3px}}

.reader-controls button{color:var(--muted)}.reader-controls .selected{color:var(--heading);font-weight:600}.control-divider{opacity:.6}.reader-controls button{min-height:34px}@media(max-width:480px){header{flex-wrap:wrap;height:auto;min-height:85px;row-gap:15px;padding-bottom:30px}nav{margin-left:auto;flex-wrap:wrap}.reader-controls{gap:5px}.reader-controls button{font-size:11px}}

/* Static, peripheral stars echo the homepage without competing with the text. */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:url("stars.svg") center top / 1440px 1000px repeat;opacity:.55;mask-image:linear-gradient(90deg,#000,transparent 24%,transparent 76%,#000)}
.shell{position:relative;z-index:1}:root[data-theme="light"] body::before{opacity:.12;filter:brightness(.45)}
h1{text-wrap:balance}p{text-wrap:pretty}.byline{margin-top:-15px;margin-bottom:28px}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:10;padding:10px;background:var(--page);color:var(--heading)}.skip-link:focus{transform:translateY(0)}
.reader-controls button{min-height:40px}.language-link{display:block;padding:7px;border-radius:3px;color:var(--muted);white-space:nowrap;text-decoration:none;font-size:13px}.language-link:hover{background:var(--hover)}.language-link .selected{color:var(--heading);font-weight:600}
@media(max-width:540px){body::before{opacity:.2;mask-image:linear-gradient(90deg,#000,transparent 12%,transparent 88%,#000)}.language-link{font-size:11px;padding:7px 5px}h1{font-size:25px}.byline{font-size:11px}}

/* Align the nested reader controls with the navigation's text baseline. */
header nav,.reader-controls{align-items:center}
header nav>a,.reader-controls>a,.reader-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;line-height:20px;box-sizing:border-box}
.reader-controls>a,.reader-controls button{padding:0 7px;border:1px solid transparent}
@media(max-width:480px){.reader-controls>a,.reader-controls button{padding:0 5px}}
@media(max-width:350px){.reader-controls>a,.reader-controls button{padding:0 3px}}
.reader-controls .control-divider{padding:0 4px}
