/* ===== 辩手训练营 · 共用基础样式 v1.4 ===== */
:root{
  --bg:#FAF6F0; --ink:#1A1A2E; --sub:#55556B; --line:#E5E0D5; --card:#FFFFFF;
  --orange:#FF6B4A; --cyan:#2EC4F3; --yellow:#FFD23F; --green:#4AD995;
  --red:#FF5C5C; --purple:#9B6BF7;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}
body{padding-bottom:30px}

header{position:sticky;top:0;background:var(--ink);color:#fff;padding:12px 18px;display:flex;align-items:center;gap:14px;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.1);flex-wrap:wrap}
header .logo{font-weight:800;font-size:17px;letter-spacing:.5px;cursor:pointer;flex:0 0 auto}
header .logo .accent{color:var(--yellow)}
header nav{display:flex;gap:2px;flex-wrap:wrap;overflow-x:auto}
header nav a{color:#cfcfe0;text-decoration:none;font-size:12.5px;padding:4px 8px;border-radius:7px;white-space:nowrap}
header nav a:hover{background:rgba(255,255,255,.1);color:#fff}
header nav a.active{color:var(--yellow);font-weight:700}
header .ver{font-size:11px;color:#888;background:#000;padding:3px 8px;border-radius:10px;margin-left:auto}

main{max-width:980px;margin:0 auto;padding:20px}
h2.title{font-size:26px;font-weight:800;margin-bottom:4px}
h2.title .sub{display:block;font-size:13px;color:var(--sub);font-weight:400;margin-top:4px}
.section-intro{font-size:13px;color:var(--sub);line-height:1.7;margin-bottom:16px}

.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px}
.card.accent-orange{border-top:4px solid var(--orange)}
.card.accent-cyan{border-top:4px solid var(--cyan)}
.card.accent-green{border-top:4px solid var(--green)}
.card.accent-red{border-top:4px solid var(--red)}
.card.accent-purple{border-top:4px solid var(--purple)}
.card.accent-yellow{border-top:4px solid var(--yellow)}

.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;border:none;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .1s,box-shadow .1s}
.btn:active{transform:scale(.96)}
.btn-primary{background:var(--ink);color:var(--yellow)}
.btn-orange{background:var(--orange);color:#fff}
.btn-cyan{background:var(--cyan);color:#fff}
.btn-green{background:var(--green);color:#fff}
.btn-red{background:var(--red);color:#fff}
.btn-purple{background:var(--purple);color:#fff}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn-sm{padding:6px 12px;font-size:12px}

.toast{position:fixed;top:72px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--yellow);padding:12px 20px;border-radius:10px;font-size:13px;font-weight:600;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s;max-width:90vw;text-align:center}
.toast.show{opacity:1}

@media(max-width:600px){ main{padding:14px} h2.title{font-size:21px} header nav a{font-size:12px;padding:3px 6px} }