/* 网站 v2：首页以外各页共用的页头（标志＋四项导航＋HSK 4 Pack＋手机菜单）和页脚（印章「兰」＋两栏＋版权行）。
   颜色用本文件自己的 --c-* 令牌，只挂在 .v2top / .v2foot / .v2rel 上，不碰各页原有的 --accent、--jade 等变量。 */
@font-face{font-family:"Outfit";src:url("/fonts/outfit-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
.v2top,.v2foot,.v2rel{
  --c-bg:#F3F6FC;--c-card:#FFFFFF;--c-ink:#12203A;--c-ink2:#2B3A57;--c-muted:#5A6785;--c-line:#D9E1F2;
  --c-blue:#1E48C8;--c-blue-hover:#173BA6;--c-on-blue:#FFFFFF;--c-shadow:0 8px 24px rgba(18,32,58,.08);
  font-family:"Outfit","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;box-sizing:border-box
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .v2top,:root:not([data-theme="light"]) .v2foot,:root:not([data-theme="light"]) .v2rel{
    --c-bg:#0E1626;--c-card:#152036;--c-ink:#EEF2FA;--c-ink2:#C3CCE0;--c-muted:#8F9BB8;--c-line:#26344F;
    --c-blue:#6E95FF;--c-blue-hover:#8FB0FF;--c-on-blue:#0E1626;--c-shadow:0 8px 24px rgba(0,0,0,.3)
  }
}
:root[data-theme="dark"] .v2top,:root[data-theme="dark"] .v2foot,:root[data-theme="dark"] .v2rel{
  --c-bg:#0E1626;--c-card:#152036;--c-ink:#EEF2FA;--c-ink2:#C3CCE0;--c-muted:#8F9BB8;--c-line:#26344F;
  --c-blue:#6E95FF;--c-blue-hover:#8FB0FF;--c-on-blue:#0E1626;--c-shadow:0 8px 24px rgba(0,0,0,.3)
}
.v2top *,.v2foot *{box-sizing:border-box}

/* 页头 */
.v2top{background:var(--c-card);border-bottom:1px solid var(--c-line);position:relative;top:auto;z-index:30;margin:0;padding:0;width:100%;box-shadow:none;text-align:left;font-size:16px;line-height:1.4;color:var(--c-ink)}
.v2top{display:block}
.v2top .v2in{width:100%;max-width:1120px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.v2top .logo{display:flex;align-items:center;text-decoration:none}
.v2top svg{display:block;height:30px;width:auto}
.v2top .coach{fill:var(--c-ink)}
.v2top nav{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:500;line-height:1.2}
.v2top nav a{color:var(--c-ink2);text-decoration:none;font-family:inherit;font-size:inherit;font-weight:500;letter-spacing:0}
.v2top nav a:hover{color:var(--c-blue)}
.v2top nav .pack{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:10px;background:var(--c-blue);color:var(--c-on-blue);font-weight:600}
.v2top nav .pack:hover{background:var(--c-blue-hover);color:var(--c-on-blue)}
.v2top .menu{display:none;width:44px;height:44px;border:0;background:transparent;color:var(--c-ink);padding:0;align-items:center;justify-content:center;cursor:pointer;border-radius:8px}
.v2top .menu svg{height:22px}
.v2top a:focus-visible,.v2top button:focus-visible,.v2foot a:focus-visible,.v2rel a:focus-visible{outline:3px solid var(--c-blue);outline-offset:2px;border-radius:6px}
@media (max-width:900px){
  .v2top nav{gap:18px}
}
@media (max-width:760px){
  .v2top .v2in{height:56px;padding:0 16px}
  .v2top svg{height:24px}
  .v2top nav{gap:6px}
  .v2top nav .link{display:none}
  .v2top nav .pack{height:36px;padding:0 12px;font-size:14px}
  .v2top .menu{display:inline-flex}
  .v2top.open .v2drop{display:flex}
}
.v2top .v2drop{display:none;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--c-card);border-bottom:1px solid var(--c-line);box-shadow:var(--c-shadow)}
.v2top .v2drop a{padding:14px 16px;border-top:1px solid var(--c-line);color:var(--c-ink2);text-decoration:none;font-size:16px;font-weight:500}
.v2top .v2drop a:first-child{border-top:0}

/* 页内「相关页面」行（原页脚的链接） */
.v2rel{display:block;margin:40px 0 0;padding-top:14px;border-top:1px solid var(--c-line);color:var(--c-muted);font-size:14px;line-height:1.7}
.v2rel a{color:var(--c-blue)}

/* 页脚 */
.v2foot{border-top:1px solid var(--c-line);background:var(--c-card);color:var(--c-ink);margin:56px 0 0;padding:0;width:100%;text-align:left;font-size:16px;line-height:1.5;position:static}
.v2foot .v2in{max-width:1120px;margin:0 auto;padding:44px 24px 30px;display:flex;flex-direction:column;gap:28px}
.v2foot .cols{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}
.v2foot .brand{flex:1 1 280px;display:flex;align-items:center;gap:10px;align-self:flex-start;font-size:16px}
.v2foot .brand img{width:28px;height:28px;display:block}
.v2foot .brand span{font-weight:600}
.v2foot .brand i{font-style:normal;color:var(--c-muted);font-weight:400}
.v2foot .col{display:flex;flex-direction:column;gap:8px;font-size:15px}
.v2foot .col b{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}
.v2foot .col a{color:var(--c-ink2);text-decoration:none}
.v2foot .col a:hover{color:var(--c-blue)}
.v2foot .legal{font-size:13px;color:var(--c-muted);line-height:1.6}
@media (max-width:760px){
  .v2foot .v2in{padding:36px 16px 28px}
  .v2foot .cols{gap:28px}
  .v2foot .brand{flex-basis:100%}
}
@media print{.v2top,.v2foot{display:none}}
