/* ==========================================================================
   base.css — 全局设计 token、Reset、通用可访问性样式
   同时被 PC 与手机版页面引用
   ========================================================================== */

:root{
  /* 主品牌色（PC 命名） */
  --primary:#1e3a8a;
  --primary-light:#2563eb;
  --primary-lighter:#3b82f6;
  /* 移动端命名别名（指向同一组颜色，避免两套文件各自重复定义） */
  --blue-deep:#1e3a8a;
  --blue:#2563eb;
  --blue-light:#dbeafe;

  --accent:#f97316;
  --accent-dark:#ea580c;
  --orange:#f97316;
  --orange-deep:#ea580c;
  --orange-light:#ffedd5;

  --danger:#dc2626;
  --red:#dc2626;
  --success:#16a34a;
  --green:#16a34a;
  --warning:#eab308;
  --purple:#7c3aed;

  --bg:#f1f5f9;
  --bg-white:#ffffff;
  --card:#ffffff;

  --text:#1e293b;
  --text-light:#64748b;
  --text-lighter:#94a3b8;
  --text-sub:#6b7280;

  --border:#e2e8f0;
  --shadow-sm:0 1px 3px rgba(0,0,0,.08);
  --shadow:0 4px 14px rgba(0,0,0,.08);
  --shadow-lg:0 10px 40px rgba(0,0,0,.12);

  --radius:12px;
  --radius-lg:20px;

  --max-width:1200px;
  --header-h:64px;          /* PC 导航高度 */
  --header-h-mobile:52px;   /* 移动端导航高度 */
  --safe-bottom:env(safe-area-inset-bottom,0px);
}

/* ==================== Reset ==================== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{
  scroll-behavior:smooth;
  /* 站点公共头部是静态占位（PC 80px / M 52px），锚点跳转无需再让位 */
  scroll-padding-top:20px;
  -webkit-text-size-adjust:100%;
}
body{
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.7;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
button{font:inherit;cursor:pointer}

/* ==================== 通用可访问性 ==================== */
/* 键盘焦点环：仅键盘 Tab 触发，鼠标点击不显示。
   用 a:focus-visible 这种「元素+伪类」写法，优先级与站点公共样式的 a:focus{outline:none}
   持平，靠本文件后加载取胜，否则公共头尾的焦点环会被抹掉。 */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible,[role="tab"]:focus-visible{
  outline:3px solid var(--primary-light);
  outline-offset:2px;
  border-radius:6px;
}
.btn:focus-visible,.nav-cta:focus-visible,.course-btn:focus-visible,
.tab-btn:focus-visible,.faq-q:focus-visible,.bb-btn:focus-visible,
.back-top:focus-visible,.mobile-toggle:focus-visible{
  outline-offset:4px;
}

/* 跳过链接：键盘用户第一个 Tab 焦点直达主内容 */
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:9999;
  background:var(--primary);color:#fff;padding:10px 18px;
  font-weight:600;border-radius:0 0 8px 0;
}
.skip-link:focus{left:0;outline:none}

/* 尊重系统减少动效偏好（无障碍） */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
}

/* 容器 */
.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}

/* 老师头像里的真实照片：object-position 上移，保证证件照的人脸不被裁掉 */
.teacher-avatar img{
  width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;
}

/* 覆盖 jixun.iqihang.com/statics/zt_box/css/head.css 通用 .icon 规则（position:absolute;top:-9px;left:141px;width:16px;height:9px）——
   之前它把政治卡片里的"政"色块从 h4 里抽到页面顶部 y=-9，表现为"页面顶部多了一个政字"。
   本页面头部没有 .icon 元素（头部箭头用的是 .nav_info::after 伪元素），可以安全重置。 */
.icon{position:relative;top:auto;left:auto;width:28px;height:28px;background-image:none}