/* 官网共用调色板；首次访问默认深色，浅色由根属性统一切换。 */
:root{--guide-bg:#06060a;--guide-text:#f4f6ff;--guide-muted:#a6adb9;--guide-accent:#4cded0;--guide-line:#242936;color-scheme:dark;--site-button-ink:#04131a;
--site-bg-rgb:6 6 10;
--site-secondary-rgb:8 8 15;
--site-tertiary-rgb:11 11 18;
--site-card-rgb:15 15 26;
--site-text-rgb:244 246 255;
--site-text-secondary-rgb:154 163 181;
--site-muted-rgb:92 100 118;
--site-line-rgb:22 22 31;
--site-line-hover-rgb:34 48 63;
--site-cyan-rgb:34 211 238;
--site-teal-rgb:20 184 166;
--site-green-rgb:52 211 153;
--site-amber-rgb:245 158 11;
--site-red-rgb:248 113 113;
--site-purple-rgb:167 139 250;
--site-panel-rgb:10 10 18;
--site-panel-bar-rgb:13 13 23;
--site-panel-line-rgb:23 23 34;
--site-control-line-rgb:28 28 42;
--site-toggle-line-rgb:28 28 41;
--site-check-card-rgb:13 13 22;
--site-control-rgb:16 16 28;
--site-check-line-rgb:34 34 47;
--site-key-line-rgb:38 38 58;
--site-pending-rgb:42 42 56;
--site-placeholder-rgb:63 69 83;
--site-check-text-rgb:232 236 248;
--site-control-text-rgb:219 226 242;
--site-scan-text-rgb:197 210 229;
--site-strong-rgb:217 221 233;
--site-help-text-rgb:161 168 187;
--site-kbd-text-rgb:165 243 252;
--site-doc-line-rgb:18 18 28;
--site-chip-line-rgb:26 26 38;
--site-chip-text-rgb:107 114 128;
--site-help-link-rgb:148 163 184;
--site-dialog-line-rgb:48 59 75;
--site-dialog-rgb:16 20 30;
--site-dialog-text-rgb:237 242 250;
--site-dialog-accent-rgb:103 232 249;
--site-dialog-close-line-rgb:51 65 85;
--site-dialog-close-rgb:27 35 49;
--site-dialog-close-text-rgb:203 213 225;
--site-dialog-intro-rgb:170 182 201;
--site-dialog-step-line-rgb:41 53 69;
--site-dialog-step-rgb:21 29 41;
--site-dialog-title-rgb:241 245 249;
--site-dialog-step-text-rgb:183 196 215;
--site-dialog-route-rgb:252 211 139;
--site-dialog-status-rgb:140 162 186;
--site-dialog-error-rgb:252 165 165;
--site-warning-text-rgb:251 191 36;
}
:root[data-theme="light"]{--site-button-ink:#fff;
--site-bg-rgb:247 249 252;
--site-secondary-rgb:237 242 247;
--site-tertiary-rgb:241 245 249;
--site-card-rgb:255 255 255;
--site-text-rgb:23 32 51;
--site-text-secondary-rgb:82 97 118;
--site-muted-rgb:100 116 139;
--site-line-rgb:214 223 233;
--site-line-hover-rgb:184 200 216;
--site-cyan-rgb:8 127 145;
--site-teal-rgb:8 120 111;
--site-green-rgb:4 120 87;
--site-amber-rgb:166 90 8;
--site-red-rgb:196 51 67;
--site-purple-rgb:112 68 184;
--site-panel-rgb:241 245 249;
--site-panel-bar-rgb:232 238 245;
--site-panel-line-rgb:214 223 233;
--site-control-line-rgb:214 223 233;
--site-toggle-line-rgb:214 223 233;
--site-check-card-rgb:255 255 255;
--site-control-rgb:237 242 247;
--site-check-line-rgb:203 213 225;
--site-key-line-rgb:203 213 225;
--site-pending-rgb:148 163 184;
--site-placeholder-rgb:100 116 139;
--site-check-text-rgb:23 32 51;
--site-control-text-rgb:51 65 85;
--site-scan-text-rgb:51 65 85;
--site-strong-rgb:23 32 51;
--site-help-text-rgb:82 97 118;
--site-kbd-text-rgb:8 127 145;
--site-doc-line-rgb:214 223 233;
--site-chip-line-rgb:214 223 233;
--site-chip-text-rgb:82 97 118;
--site-help-link-rgb:82 97 118;
--site-dialog-line-rgb:203 213 225;
--site-dialog-rgb:255 255 255;
--site-dialog-text-rgb:23 32 51;
--site-dialog-accent-rgb:8 127 145;
--site-dialog-close-line-rgb:203 213 225;
--site-dialog-close-rgb:237 242 247;
--site-dialog-close-text-rgb:51 65 85;
--site-dialog-intro-rgb:82 97 118;
--site-dialog-step-line-rgb:214 223 233;
--site-dialog-step-rgb:241 245 249;
--site-dialog-title-rgb:23 32 51;
--site-dialog-step-text-rgb:82 97 118;
--site-dialog-route-rgb:166 90 8;
--site-dialog-status-rgb:82 97 118;
--site-dialog-error-rgb:196 51 67;
--site-warning-text-rgb:166 90 8;
}
:root{
  --guide-theme-body:#c2c8d2;--guide-theme-surface:#0c1018;--guide-theme-code:#b5f4e9;--guide-theme-table-head:#111722;
  --guide-theme-card:linear-gradient(120deg,#102321,#0c1018);--guide-theme-cta:linear-gradient(115deg,#102926,#0c1119);--guide-theme-cta-line:#235852;
  --guide-theme-header:rgba(6,6,10,.72);--guide-theme-menu:rgba(6,6,10,.96);--guide-theme-nav-text:#9aa3b5;
  --guide-theme-switch:#0f0f1a;--guide-theme-switch-line:#1c1c2a;--guide-theme-switch-text:#818a9c;--guide-theme-header-line:rgba(34,211,238,.08);
  --guide-theme-brand:#22d3ee;--guide-theme-brand-teal:#14b8a6;
}
:root[data-theme="light"]{
  color-scheme:light;--guide-bg:#f7f9fc;--guide-text:#172033;--guide-muted:#526176;--guide-accent:#08786f;--guide-line:#d6dfe9;
  --guide-theme-body:#334155;--guide-theme-surface:#fff;--guide-theme-code:#075e57;--guide-theme-table-head:#edf2f7;
  --guide-theme-card:linear-gradient(120deg,#edf8f5,#fff);--guide-theme-cta:linear-gradient(115deg,#eaf6f3,#fff);--guide-theme-cta-line:#b8d9d2;
  --guide-theme-header:rgba(247,249,252,.92);--guide-theme-menu:rgba(247,249,252,.98);--guide-theme-nav-text:#526176;
  --guide-theme-switch:#edf2f7;--guide-theme-switch-line:#d6dfe9;--guide-theme-switch-text:#526176;--guide-theme-header-line:#d6dfe9;
  --guide-theme-brand:#087f91;--guide-theme-brand-teal:#08786f;
}
.guide-intro,.guide-main article p,.guide-main li,.guide-main td{color:var(--guide-theme-body)}
html[data-theme] .resource-card{background:var(--guide-theme-card);color:var(--guide-text)}
.resource-card h3{color:var(--guide-accent)}
.article-toc,.guide-main pre{background:var(--guide-theme-surface)}
.guide-main pre{color:var(--guide-theme-code)}
.guide-main .command-label,.guide-main .article-sources{color:var(--guide-muted)}
.guide-main th{background:var(--guide-theme-table-head)}
.guide-cta{background:var(--guide-theme-cta);border-color:var(--guide-theme-cta-line)}
.guide-cta p{color:var(--guide-theme-body)}
.skip-link{background:var(--guide-theme-surface)}
html[data-theme] .site-header{background:var(--guide-theme-header);border-color:var(--guide-theme-header-line)}
html[data-theme] .site-header>div>a,html[data-theme] .site-header .font-display,html[data-theme] .site-header .mobile-menu-btn{color:var(--guide-text)}
html[data-theme] .site-header .text-accent-cyan{color:var(--guide-theme-brand)}
html[data-theme] .site-header #lg stop:first-child{stop-color:var(--guide-theme-brand)}
html[data-theme] .site-header #lg stop:last-child{stop-color:var(--guide-theme-brand-teal)}
html[data-theme] .site-header .nav-links a{color:var(--guide-theme-nav-text)}
html[data-theme] .site-header .nav-links a:hover,html[data-theme] .site-header .nav-links a[aria-current="page"]{color:var(--guide-text)}
html[data-theme] .site-header .lang-switch{background:var(--guide-theme-switch);border-color:var(--guide-theme-switch-line)}
html[data-theme] .site-header .lang-btn{color:var(--guide-theme-switch-text)}
html[data-theme] .site-header .lang-btn.active{color:var(--site-button-ink)}
html[data-theme] .site-header a:focus-visible,html[data-theme] .site-header button:focus-visible{outline-color:var(--guide-accent)}
.theme-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid var(--guide-theme-switch-line);border-radius:10px;background:var(--guide-theme-switch);color:var(--guide-text);cursor:pointer}
.theme-toggle[hidden]{display:none}
.theme-toggle:hover{border-color:var(--guide-accent)}
.theme-toggle svg{width:18px;height:18px}
.theme-icon-moon{display:none}
:root[data-theme="light"] .theme-icon-sun{display:none}
:root[data-theme="light"] .theme-icon-moon{display:block}
@media(max-width:1099px){
  .legacy-header>div>.hidden.md\:flex{display:none}
  html[data-theme] .site-header .nav-links{display:none}
  html[data-theme] .site-header .nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--guide-theme-menu);backdrop-filter:blur(22px);border-bottom:1px solid var(--guide-line);padding:20px;gap:18px}
  html[data-theme] .site-header .mobile-menu-btn{display:flex}
}
@media(max-width:639px){html[data-theme] .site-header>div{padding:0 16px}html[data-theme] .site-header>div>div:last-child{gap:8px}}
@media(max-width:360px){
  html[data-theme] .site-header>div{padding:0 12px}
  html[data-theme] .site-header>div>a{gap:6px}
  html[data-theme] .site-header>div>a>svg{width:24px;height:24px}
  html[data-theme] .site-header .font-display{font-size:16px}
  html[data-theme] .site-header .lang-btn{padding:5px 6px}
  html[data-theme] .site-header>div>div:last-child{gap:6px}
  .theme-toggle{width:32px;height:32px}
  html[data-theme] .site-header .mobile-menu-btn svg{width:20px;height:20px}
}

:root[data-theme="light"] #download h1 .bg-gradient-to-b{background-image:linear-gradient(to bottom,rgb(var(--site-text-rgb)),rgb(var(--site-text-secondary-rgb)))}
:root[data-theme="light"] .comparison-table th:nth-child(2),:root[data-theme="light"] .comparison-table td:nth-child(2){background:#eaf6f3}
:root[data-theme="light"] .guide-nav .nav-download{background:#eaf6f3;border-color:#b8d9d2}
:root[data-theme="light"] #lg stop:first-child{stop-color:rgb(var(--site-cyan-rgb))}
:root[data-theme="light"] #lg stop:last-child{stop-color:rgb(var(--site-teal-rgb))}
:root[data-theme="light"] .glass:hover{box-shadow:0 0 34px rgba(8,127,145,.08),0 10px 40px rgba(31,55,75,.1)}
/* 资料页的导航采用两行，在窄屏中保留语言与主题入口。 */
@media(max-width:639px){
 html[data-theme] #download h1{font-size:clamp(32px,9vw,54px)}
 .legacy-header>div{height:auto;min-height:96px;flex-wrap:wrap;gap:8px;padding:10px 16px}
 .legacy-header>div>a{flex-basis:100%}
 .legacy-header>div>div:last-child{gap:10px}
 .legacy-header>div>.hidden.md\:flex{display:none}
 .legacy-header+main{padding-top:124px}
 .legacy-header+.guide-layout{padding-top:124px}
}
