/* 网站 v2：文字页（定价、条款、隐私、退款、几篇文章）统一换成 HSK COACH 样式。
   各页原有 <style> 不动，本文件放在它后面，靠同名变量和同名类覆盖。 */
@font-face{font-family:"Outfit";src:url("/fonts/outfit-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"LXGW WenKai";src:url("/lxgw.woff2") format("woff2");font-display:swap}
:root{
  --paper:#F3F6FC;--card:#FFFFFF;--ink:#12203A;--ink2:#2B3A57;--muted:#5A6785;--line:#D9E1F2;
  --jade:#1E48C8;--jade-soft:#E8EEFF;--seal:#C8372D;--on-blue:#FFFFFF;--blue-hover:#173BA6;
  --shadow:0 8px 24px rgba(18,32,58,.06);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0E1626;--card:#152036;--ink:#EEF2FA;--ink2:#C3CCE0;--muted:#8F9BB8;--line:#26344F;
    --jade:#6E95FF;--jade-soft:#1C2C52;--seal:#F0645A;--on-blue:#0E1626;--blue-hover:#8FB0FF;
    --shadow:0 8px 24px rgba(0,0,0,.28);
  }
}
:root[data-theme="dark"]{
  --paper:#0E1626;--card:#152036;--ink:#EEF2FA;--ink2:#C3CCE0;--muted:#8F9BB8;--line:#26344F;
  --jade:#6E95FF;--jade-soft:#1C2C52;--seal:#F0645A;--on-blue:#0E1626;--blue-hover:#8FB0FF;
  --shadow:0 8px 24px rgba(0,0,0,.28);
}
body{background:var(--paper);color:var(--ink);font-family:"Outfit","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;padding:40px 24px 80px}
h1{font-size:2.3rem;line-height:1.15;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}
h2{font-size:1.4rem;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:36px 0 10px}
h3{font-family:inherit;font-weight:600}
.byline,.byline *{font-family:inherit;color:var(--muted)}
a{color:var(--jade)}
a:hover{color:var(--blue-hover)}
a:focus-visible,button:focus-visible{outline:3px solid var(--jade);outline-offset:2px;border-radius:6px}
.hanzi,.zh,.phrase .zh{font-family:"LXGW WenKai","Kaiti SC",KaiTi,serif}
.py,.phrase .py{font-family:SimHei,"Heiti SC","Microsoft YaHei",sans-serif}
table,th,td,.plan,.soon,.cta,.buy,footer,.phrase .en{font-family:inherit}
th{background:var(--jade);color:var(--on-blue)}
.callout{border-radius:14px;border-left-color:var(--seal);background:var(--card)}
.summary{border-radius:14px;border-left-color:var(--jade)}
.cta{background:var(--jade);color:var(--on-blue);border-radius:12px}
.cta:hover{background:var(--blue-hover);color:var(--on-blue)}
.cta.ghost{background:transparent;color:var(--jade)}
.cta.red{background:#C8372D;color:#FFFFFF}
.cta.red:hover{background:#A92E25;color:#FFFFFF}
/* 各页内嵌的订阅块是行内样式，只能用 !important 盖 */
.la-sub,.la-sub input,.la-sub button{font-family:inherit!important}
.la-sub button{color:var(--on-blue)!important}
.plan{border-radius:16px;box-shadow:var(--shadow)}
.plan.best{border-color:var(--jade)}
.badge{background:var(--jade);color:var(--on-blue)}
.buy{background:var(--jade);color:var(--on-blue);border-radius:12px}
.buy:hover{background:var(--blue-hover)}
.buy:focus-visible{outline:3px solid var(--jade)}
.soon-buy{color:var(--muted)}
.soon{border-color:var(--line);border-radius:16px}
footer{color:var(--muted);font-size:.85rem}
.v2foot{padding:0}
/* 文章末尾内嵌的「Start the first lesson」按钮是行内样式（白字），深色下要换字色 */
a[href="/learn/"][style*="background"]{color:var(--on-blue)!important;background:var(--jade)!important}

@media (max-width:600px){
  body{font-size:16px}
  .wrap{padding:28px 16px 64px}
  h1{font-size:1.85rem}
}