/* GoInterview · 内页样式 v2（2026-10-02 D-55 第 3 条：在 v1 基础上只加了文件末尾「浅灰调深一档」一条；v1 已上线且缓存 7 天，所以换新文件名，v1 留着不删）
   以下是 v1 原文：
   GoInterview · 内页样式 v1（2026-10-01 改版闸 2；36 个内页共用）
   只做「轻改」：页头、语言切换、页尾、按钮配色、字体，与新首页看起来是一家；正文的字号、行距、间距、版式一律不碰。
   每页在自己的样式块之后引用本文件，靠后加载来覆盖同名规则；页面自己的样式块不删不改。
   自成一体，不依赖 site.v1.css：那份里有全局的 body 规则，会冲掉 404 页的居中和付款成功页的底色。
   改动要换版本号（inner.v2.css）并同步改每个内页的引用：服务器对样式文件缓存 7 天。 */

:root{
  --bg:#FFFFFF; --bg-soft:#FAFAFB; --bg-tint:#F9EFFB; --line:#EAE9EE;
  --brand:#A21CAF; --brand-deep:#7C1585;
  --ink:#111111; --body:#55525C;
  --sub:#706A78;
  --font:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --nav-h:76px;
}
:root:lang(en){ --font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif; }
:root:lang(ko){ --font:system-ui,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif; }
@media (max-width:1023px){ :root{ --nav-h:68px; } }
@media (max-width:767px){ :root{ --nav-h:60px; } }

/* ── 页头：与首页同高、同底色；宽度仍与正文列对齐 ─────────── */
.nav{
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:saturate(160%) blur(12px);
  backdrop-filter:saturate(160%) blur(12px);
}
.nav__inner{ height:var(--nav-h); padding-block:0; }
.nav__mark{ display:block; }
/* 商标字所在的链接允许等比缩小（做法同首页 .brand__word），窄屏不把语言切换挤出屏幕 */
.nav__inner > a:not(.nav__mark){ display:block; min-width:0; flex:0 1 132px; }
.nav__word{ display:block; width:132px; max-width:100%; height:auto; }

/* ── 语言切换：当前语言黑底白字，与首页相同（有的内页原来没写这块样式，这里写全） ── */
.langsw{
  display:inline-flex; align-items:center; flex:none;
  border:1px solid var(--line); border-radius:999px; overflow:hidden;
  font-size:13px; line-height:1; background:#fff; white-space:nowrap;
}
.langsw > *{ padding:8px 11px; font-weight:600; text-decoration:none; }
.langsw__cur{ background:var(--ink); color:#fff; }
.langsw__alt{ color:var(--ink); }
.langsw__alt:hover{ background:var(--bg-tint); color:var(--brand-deep); text-decoration:none; }
@media (max-width:899px){
  .langsw > *{ padding:8px 8px; }
}

/* ── 页尾：字号、颜色与首页相同 ─────────────────────────── */
.footer__inner{ padding-block:40px 44px; gap:12px 24px; font-size:14px; line-height:1.6; color:var(--sub); }
.footer__inner > a{ color:var(--body); text-decoration:none; }
.footer__inner > a:hover{ color:var(--brand-deep); text-decoration:underline; text-underline-offset:3px; }
.footer__legal{ font-size:13px; color:var(--sub); }
.footer__notice{ font-size:13px; color:var(--sub); opacity:1; }

/* ── 按钮：紫底白字 / 白底黑边，与首页 .btn--primary / .btn--ghost 相同 ── */
.btnp, .btng{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:10px 22px;
  border-radius:10px; border:1.5px solid transparent;
  font-size:16px; font-weight:600; line-height:1.25; text-align:center;
  text-decoration:none;
}
.btnp{ background:var(--brand); color:#fff; }
.btnp:hover{ background:var(--brand-deep); color:#fff; text-decoration:none; box-shadow:none; }
.btng{ background:#fff; color:var(--ink); border-color:var(--ink); }
.btng:hover{ background:var(--bg-tint); border-color:var(--brand-deep); color:var(--brand-deep); text-decoration:none; box-shadow:none; }

/* 付款成功页：按钮、语言切换同上；卡片和底色照旧 */
.actions .btn{
  display:flex; align-items:center; justify-content:center;
  min-height:48px; padding:10px 22px;
  border-radius:10px; border:1.5px solid transparent;
  font-size:16px; line-height:1.25;
}
.actions .btn--primary{ background:var(--brand); color:#fff; }
.actions .btn--primary:hover{ background:var(--brand-deep); }
.actions .btn--ghost{ background:#fff; color:var(--ink); border-color:var(--ink); }
.actions .btn--ghost:hover{ background:var(--bg-tint); border-color:var(--brand-deep); color:var(--brand-deep); }
/* 付款成功页摆正（老板 10-01 选「这次顺手摆正」，决策记录 D-47）：原来整页横排，卡片靠左、底部警告挤在右边一窄条。
   改成整页排成一列：卡片居中、警告排在卡片下面。只用「body 下直接有 main.card」当条件，只有付款成功页有这个结构，别的内页的 body 一条规则都不命中。
   不认识这种条件写法的老浏览器会跳过这条，退回原样（歪但能用），不会更坏。页面标签和脚本一个不动 */
body:has(> main.card){ flex-direction:column; padding-top:64px; }   /* 顶部让出右上角语言切换的位置（它是固定的，底边约 47），手机上卡片不再被它压住 */
main.card ~ .footer__notice{ max-width:520px; text-align:center; }

/* ── 小屏：表格在自己的框里横向滚动，不撑宽整页 ─────────── */
@media (max-width:767px){
  main table{ display:block; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
}

/* 浅灰调深一档（老板 10-02 选「统一调深一档」，决策记录 D-55 第 3 条）：30 个内页自己的样式块把 --muted 定成浅灰 #A3A1AA，
   白底上对比只有 2.55（要求 4.5）。这里换成与页尾同色的 #706A78：白底 5.22、浅底 #FAFAFB 5.01、浅紫底 #F9EFFB 4.67。
   本文件在每页样式块之后加载，同样写在 :root 上，靠后加载覆盖。字号、排版、其它颜色一律不动。
   付款成功页自己把 --muted 定成另一种灰 #6B7280，不在这次范围内，用「body 下直接有 main.card」把它排除（同 D-47 的条件）；
   不认识这种条件写法的老浏览器会整条跳过，退回原来的浅灰，不会更坏。 */
:root:not(:has(> body > main.card)){ --muted:#706A78; }