/* 全站共用的导航和页脚样式。结构由 scripts/site-chrome.mjs 输出，首页、指南页、功能页引用的都是这一份。 */
.sc-header,.sc-footer{--sc-b50:#eef3fb;--sc-b100:#e0ebfc;--sc-b500:#5f9bf7;--sc-b600:#5c8af0;--sc-b700:#4a71d6;--sc-ink:#1e2d4f;--sc-s500:#64748b;--sc-s600:#475569;--sc-soft:0 4px 24px rgba(30,45,79,.08);--sc-lift:0 12px 40px rgba(95,155,247,.25);--sc-pop:0 18px 50px rgba(30,45,79,.16)}
.sc-header *,.sc-footer *{box-sizing:border-box}
.sc-header a,.sc-footer a{text-decoration:none}

/* ── 顶栏 ── */
.sc-header{position:fixed;top:16px;left:16px;right:16px;z-index:50;line-height:1.5}
.sc-bar{position:relative;max-width:72rem;margin:0 auto;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:1rem;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--sc-soft);border:1px solid rgba(255,255,255,.6);padding:0 10px 0 18px}
.sc-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--sc-ink);font-weight:700;font-size:18px;letter-spacing:.02em}
.sc-brand:hover{color:var(--sc-ink)}
.sc-brand img{display:block;width:36px;height:36px;border-radius:12px}
.sc-tag{display:none;font-size:12px;font-weight:500;letter-spacing:0;color:var(--sc-b600);background:var(--sc-b50);border:1px solid var(--sc-b100);border-radius:999px;padding:2px 8px}
.sc-right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.sc-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:.75rem;background:var(--sc-b500);color:#fff!important;font-size:14px;font-weight:600;line-height:1;padding:11px 16px;box-shadow:var(--sc-lift);white-space:nowrap;transition:background .2s}
.sc-cta:hover{background:var(--sc-b600)}
.sc-cta svg{display:block;width:16px;height:16px;flex-shrink:0}
.sc-short{display:none}
.sc-burger{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:42px;height:42px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--sc-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.sc-burger:hover{background:var(--sc-b50)}
.sc-burger span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .22s,opacity .18s}
.sc-header.is-open .sc-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sc-header.is-open .sc-burger span:nth-child(2){opacity:0}
.sc-header.is-open .sc-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.sc-top{appearance:none;-webkit-appearance:none;margin:0;border:0;background:none;font:inherit;display:inline-flex;align-items:center;gap:4px;color:var(--sc-s600);font-size:14.5px;font-weight:500;line-height:1.2;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s,background .2s}
.sc-top svg{width:14px;height:14px;flex-shrink:0;transition:transform .2s}
.sc-top.is-current,.sc-top[aria-current]{color:var(--sc-b600)}
.sc-item.open>.sc-top svg{transform:rotate(180deg)}
.sc-menu,.sc-panel{display:none}

/* 下拉里的内容 */
.sc-grid{display:grid;gap:4px}
.sc-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;color:var(--sc-ink);transition:background .15s}
.sc-card:hover,.sc-card[aria-current]{background:var(--sc-b50);color:var(--sc-ink)}
.sc-ico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:11px;background:var(--sc-b50);color:var(--sc-b600)}
.sc-card:hover .sc-ico,.sc-card[aria-current] .sc-ico{background:#fff}
.sc-ico svg{width:19px;height:19px}
.sc-tx{display:flex;flex-direction:column;min-width:0}
.sc-tx b{font-size:14.5px;font-weight:600;line-height:1.35}
.sc-tx small{font-size:12.5px;color:var(--sc-s500);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-cols{display:grid;gap:18px}
.sc-h{margin:0 0 6px;padding:0 10px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--sc-s500)}
.sc-col a,.sc-list a{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;font-size:14.5px;color:var(--sc-ink);line-height:1.35;transition:background .15s,color .15s}
.sc-col a:hover,.sc-list a:hover,.sc-col a[aria-current],.sc-list a[aria-current]{background:var(--sc-b50);color:var(--sc-b700)}
.sc-col a.sc-more{color:var(--sc-b700);font-weight:600}
.sc-more svg{width:14px;height:14px}
.sc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--sc-b50);font-size:14px;color:var(--sc-s600)}
.sc-foot a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--sc-b700);white-space:nowrap}
.sc-foot svg{width:14px;height:14px}

/* 桌面：横向菜单 + 悬停 / 点击展开的下拉 */
@media(min-width:900px){
  .sc-menu{display:flex;align-items:stretch;align-self:stretch;gap:2px}
  .sc-item{display:flex;align-items:center;position:relative}
  .sc-item.sc-wide{position:static}
  .sc-top{align-self:center;padding:9px 12px;border-radius:10px}
  .sc-top:hover,.sc-item.open>.sc-top{color:var(--sc-b600)}
  .sc-panel{display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:12px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease,visibility 0s linear .16s}
  .sc-item:not(.sc-wide)>.sc-panel{left:auto;right:-8px;transform:none}
  .sc-wide>.sc-panel{width:min(780px,calc(100vw - 48px))}
  .sc-item.open>.sc-panel{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}
  .sc-sheet{background:#fff;border:1px solid var(--sc-b100);border-radius:18px;box-shadow:var(--sc-pop);padding:14px}
  .sc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sc-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sc-list{min-width:190px}
  .sc-burger,.sc-cta-wide{display:none}
}
@media(min-width:900px) and (hover:hover){
  .sc-item:hover>.sc-top{color:var(--sc-b600)}
  .sc-item:hover>.sc-top svg{transform:rotate(180deg)}
  .sc-item:hover>.sc-panel{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}
}
@media(min-width:1080px){.sc-tag{display:inline-block}.sc-menu{gap:6px}.sc-top{padding:9px 14px}}

/* 手机 / 窄屏：菜单按钮 + 展开的整块菜单 */
@media(max-width:899.98px){
  .sc-bar{padding:0 6px 0 14px}
  .sc-header.is-open::before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(30,45,79,.32)}
  .sc-header.is-open .sc-menu{display:block}
  .sc-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:calc(100vh - 108px);max-height:calc(100dvh - 108px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sc-b100);border-radius:18px;box-shadow:var(--sc-pop);padding:6px 10px 12px}
  .sc-menu>*+*{border-top:1px solid var(--sc-b50)}
  .sc-top{display:flex;width:100%;justify-content:space-between;padding:15px 8px;font-size:16px;font-weight:600;color:var(--sc-ink);text-align:left}
  .sc-top svg{width:18px;height:18px;color:var(--sc-s500)}
  .sc-item.open>.sc-panel{display:block}
  .sc-sheet{padding:0 0 12px}
  .sc-card{padding:8px}
  .sc-tx small{white-space:normal}
  .sc-cols{gap:14px}
  .sc-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6px}
  .sc-h{grid-column:1/-1;padding:0 8px}
  .sc-col a,.sc-list a{padding:10px 8px;font-size:15px}
  .sc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6px}
  .sc-foot{flex-direction:column;align-items:flex-start;gap:6px}
  .sc-menu>.sc-cta-wide{display:flex;margin-top:12px;padding:15px 16px;font-size:15px;border-top:0}
  html.sc-lock{overflow:hidden}
}
@media(max-width:480px){.sc-header{top:12px;left:12px;right:12px}.sc-full{display:none}.sc-short{display:inline}.sc-right .sc-cta{padding:11px 13px}}
@media(prefers-reduced-motion:reduce){.sc-panel,.sc-burger span,.sc-top svg{transition:none}}

/* ── 页脚 ── */
.sc-footer{margin-top:24px;border-top:1px solid var(--sc-b100);background:#fff;color:var(--sc-ink);font-size:14px;line-height:1.7}
body.f-page .sc-footer{margin-top:0}
.sc-footer p{margin:0}
.sc-fcols{max-width:72rem;margin:0 auto;padding:44px 16px 36px;display:grid;gap:32px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.sc-fbrand{grid-column:1/-1}
.sc-fb{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:700;font-size:16px}
.sc-fb img{display:block;width:32px;height:32px;border-radius:10px}
.sc-fbrand p{max-width:24rem;color:var(--sc-s600)}
.sc-fh{margin:0 0 12px!important;font-weight:700}
.sc-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.sc-footer ul a{color:var(--sc-s600);transition:color .2s}
.sc-footer ul a:hover{color:var(--sc-b600)}
.sc-legal{border-top:1px solid var(--sc-b50)}
.sc-legal>div{max-width:72rem;margin:0 auto;padding:20px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;font-size:12px;color:var(--sc-s500);text-align:center}
.sc-legal a{display:inline-flex;align-items:center;gap:4px;color:inherit}
.sc-legal a:hover{color:var(--sc-b600)}
.sc-legal img{display:inline;width:14px;height:14px}
.sc-legal img.sc-badge{width:120px;height:20px;opacity:.75}
@media(min-width:640px){.sc-fcols{padding:48px 24px 40px;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:960px){.sc-fcols{grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:36px 28px}.sc-fbrand{grid-column:auto}}