/* 官方指南外观：与新首页统一配色、字体、导航和页脚。
   加载在 guide.css、guide-layout.css、gpu-plans.css 之后，只覆盖视觉层，不改内容结构。 */
body.guide-v2{
  --bg:#07110E;--bg-2:#0A1713;--panel:#0D1A16;--panel-2:#101F1A;
  --line:#1A382D;--line-hi:#2A5845;
  --green:#00E884;--green-soft:#78FFC2;--gold:#E5C46A;
  --tx:#F7FFFB;--tx2:#A1B1AA;--muted:#688077;--ink:#04231A;
  --sans:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
  --mono:"JetBrains Mono",Consolas,"SFMono-Regular",monospace;
  --guide-accent:var(--green);--guide-rgb:0,232,132;
  color:var(--tx2);font-family:var(--sans);line-height:1.7;
  background:radial-gradient(circle at 80% 0,rgba(0,232,132,.12),transparent 30rem),linear-gradient(180deg,var(--bg),var(--bg-2) 60%,var(--bg))
}
html:lang(en) body.guide-v2{--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei UI",sans-serif}
body.guide-v2::before{display:none}
.guide-v2 code{color:var(--green-soft);font-family:var(--mono)}
.guide-v2 .wrap{max-width:1160px;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
.guide-v2 .skip-link{color:var(--ink);font-weight:700}

/* 导航（与首页相同） */
.guide-v2 .site-head{display:flex;align-items:center;gap:24px;min-height:72px;padding:0;border-bottom:1px solid rgba(42,88,69,.5)}
.guide-v2 .site-head .brand{display:flex;align-items:center;gap:24px;min-width:0;text-decoration:none}
.guide-v2 .site-head .brand img{width:96px;height:auto;flex:none}
.guide-v2 .site-head .brand small{display:inline;font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}
.guide-v2 .site-head .links{display:flex;align-items:center;gap:22px;margin-left:auto}
.guide-v2 .site-head .links a{color:var(--tx2);font-size:13px;text-decoration:none;white-space:nowrap}
.guide-v2 .site-head .links a:hover,.guide-v2 .site-head .links a[aria-current="page"]{color:var(--green)}
.guide-v2 .site-head .language-switch{margin-left:0}

/* 页首 */
.guide-v2 .hero.guide-hero{grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:center;padding:72px 0 52px}
.guide-v2 .guide-hero .eyebrow{font:600 11px var(--mono);letter-spacing:.18em;color:var(--green)}
.guide-v2 .guide-hero h1{margin:14px 0 0;font-size:clamp(38px,5vw,58px);line-height:1.1;letter-spacing:-.03em;color:var(--tx)}
.guide-v2 .guide-hero .lead{max-width:34em;margin:18px 0 0;color:var(--tx2);font-size:16px;line-height:1.8;text-wrap:pretty}
.guide-v2 .guide-quicklinks{padding:20px 22px 8px;border:1px solid var(--line);border-radius:14px!important;background:linear-gradient(180deg,rgba(16,31,26,.92),rgba(11,23,19,.92))}
.guide-v2 .guide-quicklinks>p{margin:0 0 6px;font:600 11px var(--mono);letter-spacing:.18em;color:var(--green)}
.guide-v2 .guide-quicklinks a{gap:14px;padding:14px 0;border-top:1px solid var(--line);color:var(--tx);transition:color .15s}
.guide-v2 .guide-quicklinks a span{font:600 11px var(--mono);color:var(--muted)}
.guide-v2 .guide-quicklinks a b{font-size:14.5px;font-weight:600}
.guide-v2 .guide-quicklinks a i{color:var(--green)}
.guide-v2 .guide-quicklinks a:last-child{color:var(--tx)}
.guide-v2 .guide-quicklinks a:hover{color:var(--green)}

/* 目录 */
.guide-v2 .guide-layout{grid-template-columns:208px minmax(0,1fr);gap:40px}
.guide-v2 .guide-sidebar{top:20px;max-height:calc(100vh - 40px)}
.guide-v2 .guide-toc-title{padding:2px 10px 16px;font:600 11px var(--mono);letter-spacing:.18em;color:var(--green)}
.guide-v2 .guide-nav-group{margin-bottom:18px}
.guide-v2 .guide-nav-group h2{margin:0 0 4px;padding:0 10px;font-size:12px;font-weight:600;letter-spacing:0;color:var(--tx)}
.guide-v2 .guide-nav-group a{margin:1px 0;padding:6px 10px;border-left:0;border-radius:6px!important;color:var(--tx2);font-size:12.5px;line-height:1.6}
.guide-v2 .guide-nav-group a:hover,.guide-v2 .guide-nav-group a[aria-current="location"]{color:var(--green);background:rgba(0,232,132,.07)}

/* 正文卡片 */
.guide-v2 .guide-content .guide-section{margin:0 0 20px;padding:32px 36px;border:1px solid var(--line);border-radius:14px!important;background:linear-gradient(180deg,rgba(16,31,26,.92),rgba(11,23,19,.92))}
.guide-v2 .guide-content .guide-section:target{border-color:var(--line-hi);box-shadow:0 0 0 1px rgba(0,232,132,.22)}
.guide-v2 .guide-section-meta{gap:8px;margin-bottom:12px;font:600 11px var(--mono);letter-spacing:.16em;color:var(--green)}
.guide-v2 .guide-section-meta span:first-child{width:auto;height:auto;border:0;background:none}
.guide-v2 .guide-section-meta span:first-child::after{content:"·";margin-left:8px;color:var(--muted)}
.guide-v2 .guide-content h2{margin:0 0 18px;font-size:clamp(22px,2.4vw,28px);line-height:1.3;letter-spacing:-.02em;color:var(--tx)}
.guide-v2 .guide-content h3{margin:30px 0 10px;padding-top:22px;border-top:1px solid var(--line);font-size:18px;color:var(--tx)}
.guide-v2 .guide-content p{margin:14px 0;font-size:15px;line-height:1.85;color:var(--tx2)}
.guide-v2 .guide-content strong{color:var(--tx);font-weight:700}
.guide-v2 .guide-content a{color:var(--green)}
.guide-v2 .guide-content ul{margin:16px 0;padding-left:20px;font-size:14.5px;line-height:1.85;color:var(--tx2)}
.guide-v2 .guide-content ul>li{margin:8px 0}
.guide-v2 .guide-content ol{gap:0;margin:20px 0;border-top:1px solid var(--line)}
.guide-v2 .guide-content ol>li{min-height:0;padding:14px 4px 14px 50px;border:0;border-bottom:1px dashed var(--line);border-radius:0!important;background:none;color:var(--tx2);font-size:14.5px;line-height:1.8}
.guide-v2 .guide-content ol>li::before{left:4px;top:14px;font:600 12px/26px var(--mono);color:var(--green)}
.guide-v2 .guide-content kbd{border-color:var(--line-hi);border-radius:4px!important;background:var(--panel);font-family:var(--mono)}
.guide-v2 .guide-content .guide-callout{margin-top:22px;padding:18px 22px;border:1px solid rgba(229,196,106,.32);border-left:3px solid var(--gold);border-radius:12px!important;background:linear-gradient(110deg,rgba(229,196,106,.07),rgba(13,26,22,.55) 55%);color:var(--tx2);font-size:14px}
.guide-v2 .guide-callout-label{margin-bottom:6px;font:600 11px var(--mono);letter-spacing:.14em;color:var(--gold)}
.guide-v2 .guide-content .guide-callout p{font-size:14px;color:var(--tx2)}
.guide-v2 .guide-content .guide-callout a{color:var(--gold)}
.guide-v2 .guide-section-links{gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.guide-v2 .guide-content .guide-section-links a{padding:6px 12px;border:1px solid var(--line-hi);border-radius:6px!important;background:rgba(0,232,132,.05);color:var(--green);font-size:12px;text-decoration:none}
.guide-v2 .guide-content .guide-section-links a:hover{border-color:var(--green);background:var(--green);color:var(--ink)}
.guide-v2 .guide-visual{margin-top:16px;padding:0 16px;border:1px solid var(--line);border-radius:10px!important;background:rgba(7,17,14,.6)}
.guide-v2 .guide-visual>summary{color:var(--green);font-size:13px}
.guide-v2 .guide-visual img{border-radius:8px!important;background:var(--bg)}
.guide-v2 .guide-visual figcaption{color:var(--muted);font-size:12px}

/* GPU 方案卡片 */
.guide-v2 .gpu-plan-card{border:1px solid var(--line);border-top:1px solid var(--line);border-radius:12px!important;background:rgba(7,17,14,.6)}
.guide-v2 .gpu-plan-index{font:600 11px var(--mono);letter-spacing:.18em;color:var(--green)}
.guide-v2 .gpu-plan-card h3{margin:10px 0;padding-top:0;border-top:0;font-size:20px;color:var(--tx)}
.guide-v2 .gpu-plan-prices>div{border-bottom-color:var(--line)}
.guide-v2 .gpu-plan-prices dd{font-family:var(--mono);letter-spacing:-.02em;color:var(--green)}
.guide-v2 .gpu-plan-card .gpu-plan-included{font-family:var(--mono);color:var(--green)}
/* 会员价与 PRO 年卡价用金色，和首页 PRO 配色一致 */
.guide-v2 .gpu-plan-prices>div:first-child dt,.guide-v2 .gpu-plan-prices>div:first-child dd,.guide-v2 .gpu-plan-card .gpu-plan-reference{color:var(--gold)}

/* 页脚（与首页相同） */
.guide-v2 .site-foot{margin-top:72px;padding:28px 0 44px;border-top:1px solid var(--line);display:grid;justify-items:center;gap:12px;text-align:center;font:12px var(--sans);color:#5C786C}
.guide-v2 .foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}
.guide-v2 .site-foot a{color:var(--tx2);font-size:12px;text-decoration:none}
.guide-v2 .site-foot a:hover{color:var(--green)}
.guide-v2 .site-foot p{margin:0}
.guide-v2 .foot-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;font:11px var(--mono)}
.guide-v2 .foot-meta a{font-size:11px}

/* 手机目录 */
.guide-v2 .guide-mobile-toc{border:1px solid var(--line);border-radius:12px!important;background:var(--panel)}
.guide-v2 .guide-mobile-toc>summary{color:var(--green)}

@media (max-width:1100px) and (min-width:901px){
  .guide-v2 .site-head .brand small{display:none}
  .guide-v2 .site-head .links{gap:16px}
}
@media (max-width:1100px){
  .guide-v2 .site-head{flex-wrap:nowrap;padding:0}
  .guide-v2 .hero.guide-hero{grid-template-columns:minmax(0,1fr) 310px;gap:32px}
  .guide-v2 .guide-layout{grid-template-columns:185px minmax(0,1fr);gap:25px}
}
@media (max-width:900px){
  .guide-v2 .site-head .brand small{display:none}
}
@media (max-width:800px){
  .guide-v2 .hero.guide-hero{grid-template-columns:minmax(0,1fr);padding:40px 0 28px;gap:24px}
  .guide-v2 .guide-hero h1{font-size:38px}
  .guide-v2 .guide-content .guide-section{padding:24px 18px}
  .guide-v2 .guide-content h2{font-size:22px}
  .guide-v2 .guide-content p{font-size:14.5px}
  .guide-v2 .guide-content ol>li{padding:12px 2px 12px 38px}
  .guide-v2 .guide-content ol>li::before{left:2px;top:12px}
  .guide-v2 .guide-content .guide-callout{padding:16px}
  .guide-v2 .site-head .links{order:0;width:auto}
}
@media (max-width:640px){
  .guide-v2 .site-head{justify-content:space-between}
  .guide-v2 .site-head>nav.links:not(#siteNav){display:none}
  .guide-v2 .site-foot{margin-top:48px}
}