/* ==========================================================
   四六级备考学习平台 · 国际版视觉覆盖 (intl.css v2.1 · 翡翠学术风)
   统一全站字体 / 配色 / 卡片 / 圆角 / 阴影
   主色：深绿 #155C47 · 亮绿 #1B7A5E · 薄荷 #2F9B7D · 青 #4DBF9A
   ========================================================== */
:root{
  --bg:#F0F6F2;--surface:#FFFFFF;--surface-2:#EAF3EE;
  --text:#1E2B25;--muted:#5F7A6D;
  --primary:#1B7A5E;--primary-deep:#155C47;--primary-soft:#E6F2EC;--primary-mid:#2F9B7D;
  --accent:#4DBF9A;--accent-soft:#E8F6EF;
  --border:#DCE8E0;
  --radius:14px;--radius-lg:20px;
  --shadow-sm:0 1px 2px rgba(21,92,71,.06),0 4px 14px rgba(21,92,71,.06);
  --shadow-lg:0 4px 12px rgba(21,92,71,.08),0 24px 60px rgba(21,92,71,.14);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;
}
html{background:var(--bg)}
body{font-family:var(--font);-webkit-font-smoothing:antialiased;letter-spacing:.01em;color:var(--text);background:var(--bg)}
a{color:var(--primary);text-underline-offset:3px}
a:hover{color:var(--primary-deep)}

/* ---------- 通用卡片：白底 · 细线 · 柔和阴影 · 大圆角 ---------- */
.card,.panel,.stat-card,.cta-card,section.panel{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
  transition:transform .25s ease,box-shadow .25s ease;
}
.card:hover,.cta-card:hover,section.panel:hover{box-shadow:var(--shadow-lg)}

/* ---------- 区块标题 ---------- */
h2,h3,h4{letter-spacing:-.3px}
section.panel h2,.card h2,.card h3{color:var(--text);font-weight:800}
.card h2 .ic,.card h3 .ic{background:var(--primary-soft)}

/* ---------- 表单控件 ---------- */
input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],select,textarea{
  font-family:var(--font);border:1px solid var(--border);border-radius:10px;color:var(--text);background:#fff;
}
input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(27,122,94,.14);outline:none}

/* ---------- 按钮 ---------- */
button,.btn{font-family:var(--font);border-radius:10px}
.btn-p,button[type=submit]{background:linear-gradient(135deg,var(--primary),var(--primary-mid))}

/* ---------- 表格 ---------- */
table{font-size:14px}
th{background:var(--surface-2);color:var(--muted);font-weight:700;border-bottom:1px solid var(--border)}
td{border-bottom:1px solid var(--border)}
tr:hover td{background:var(--surface-2)}

/* ---------- 顶栏 / 导航毛玻璃 ---------- */
.topbar{background:linear-gradient(135deg,#0F4634 0%,#155C47 55%,#1B7A5E 130%) !important}
.topnav{background:rgba(255,255,255,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}

/* ---------- 暗黑模式 ---------- */
html[data-theme="dark"]{
  --bg:#0B1512;--surface:#10231C;--surface-2:#142A21;
  --text:#E4F0EA;--muted:#8FA89C;
  --primary:#2F9B7D;--primary-deep:#7FBFA8;--primary-soft:#1D3A2E;--primary-mid:#4DBF9A;
  --accent:#4DBF9A;--accent-soft:#164E38;
  --border:rgba(255,255,255,.08);
}
html[data-theme="dark"] body{background:#0B1512;color:#E4F0EA}
html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .cta-card,html[data-theme="dark"] section.panel{background:#10231C;border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .topnav{background:rgba(11,21,18,.85)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#142A21;border-color:rgba(255,255,255,.12);color:#E4F0EA}

/* ---------- 移动端通用适配（≤860px） ---------- */
@media (max-width:860px){
  table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .row{flex-wrap:wrap}
  .content,.main{padding-left:14px;padding-right:14px}
}