/* =============================================================
   Inter 字体（OFL 开源许可，可商用、可自托管，非苹果字体，无授权风险）
   仅含 latin 子集，中文自动回退到 PingFang SC / Microsoft YaHei 等系统字体。
   ============================================================= */
@font-face {
    font-family: "Inter";
    src: url("fonts/Inter-latin.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                   U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
                   U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =============================================================
   华晨教师 · Apple 风格统一设计系统 (apple.css)
   本文件通过 <link> 在每个页面 </head> 之前引入，
   加载顺序晚于各页面内联 <style>，因此同等优先级下覆盖生效。
   仅做视觉皮肤（配色 / 字体 / 间距 / 毛玻璃导航），
   不改动任何 DOM 结构与 JS 逻辑，保证功能不受影响。
   ============================================================= */

/* ---------- 设计变量（覆盖各页面内联 :root） ---------- */
:root {
    --primary: #0071e3;          /* Apple 蓝 */
    --primary-dark: #0077ed;
    --primary-light: #f0f6ff;    /* 极浅蓝底，用于 hover 浅染 */
    --orange: #ff7b2b;
    --orange-light: #fff4eb;
    --green: #00b48a;
    --green-light: #e8fbf5;
    --red: #f5222d;
    --red-light: #fff0f0;
    --purple: #7b61ff;
    --purple-light: #f3f0ff;
    --text-primary: #1d1d1f;     /* Apple 近黑 */
    --text-secondary: #6e6e73;   /* Apple 灰 */
    --text-light: #86868b;
    --border: #d2d2d7;           /* Apple 浅分隔线 */
    --bg-white: #ffffff;
    --bg-gray: #f5f5f7;          /* Apple 页面底色 */
    --shadow: 0 4px 24px rgba(0,0,0,0.06);
    --shadow-hover: 0 8px 30px rgba(0,0,0,0.10);
    --radius: 12px;
    --max-width: 1200px;
    --gold: #d4b06a;             /* 收敛后的暗金，不再刺眼 */
    --gold-dark: #b8914f;
}

/* ---------- 基础 ---------- */
html { -webkit-text-size-adjust: 100%; }
body {
    background: #f5f5f7;
    color: var(--text-primary);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
::selection { background: rgba(0,113,227,0.18); color: #1d1d1f; }

/* 标题：Apple 风格的字重与收紧字距 */
h1, h2, h3 { font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; }
h4, h5, h6 { font-weight: 600; letter-spacing: -0.01em; }

/* 细而克制的滚动条 */
* { scrollbar-width: thin; scrollbar-color: #c8c8cd transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: #c8c8cd; border-radius: 10px; border: 2px solid transparent; background-clip: content-box; }
*::-webkit-scrollbar-thumb:hover { background: #a8a8ad; background-clip: content-box; }

/* ---------- 顶部导航：Apple 标志性毛玻璃 ---------- */
.header {
    background: rgba(250,250,252,0.72);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    box-shadow: none;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}
.header .container { height: 56px; }

/* Logo：去掉渐变方块，改为干净的单色圆角块 */
.logo { gap: 10px; margin-right: 36px; }
.logo-icon {
    width: 34px;
    height: 34px;
    background: #1d1d1f;
    border-radius: 9px;
    font-size: 17px;
    font-weight: 700;
}
.logo-text { font-size: 19px; font-weight: 600; color: var(--primary); letter-spacing: -0.01em; }
.logo-sub { color: var(--text-light); }

/* 导航项：还原为 Apple 纯文字导航，去掉胶囊底与下划线 */
.nav { gap: 2px; }
.nav-item {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    border-radius: 8px;
}
.nav-item:hover { color: var(--primary); background: transparent; }
.nav-item.active { color: var(--primary); background: transparent; font-weight: 500; }
.nav-item.active::after { display: none; }

/* ---------- 按钮：Apple 胶囊按钮 ---------- */
.btn {
    border-radius: 980px;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 22px;
    letter-spacing: 0.01em;
}
.btn-primary { background: var(--primary); color: #fff; }
.btn-primary:hover { background: var(--primary-dark); }
.btn-outline { background: transparent; color: var(--primary); border: 1px solid var(--primary); }
.btn-outline:hover { background: rgba(0,113,227,0.06); }
.btn:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

/* ---------- 容器 / 区块 ---------- */
.container { padding: 0 22px; }
.section-header { font-weight: 600; letter-spacing: -0.02em; }

/* 卡片 / 面板：依托变量自动变为浅阴影 + 圆角 */
.card, .panel {
    background: #fff;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

/* ---------- 表单控件（裸元素兜底，分类输入框以 auth.css / 页面类为准） ---------- */
input, textarea, select {
    font-family: inherit;
    color: var(--text-primary);
}
/* :where() 将特异性清零为 0，否则下方 :not 链的特异性(0,3,1)会压掉各页面
   类选择器（如 .filter-search input、.search-input），导致图标与文字重叠等错位 */
:where(input:not([type=checkbox]):not([type=radio]):not([type=file])),
textarea, select {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 10px 14px;
    font-size: 14px;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
}
:where(input:not([type=checkbox]):not([type=radio]):not([type=file])):focus,
textarea:focus, select:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(0,113,227,0.15);
}

/* ---------- 表格：Apple 极简表 ---------- */
table { width: 100%; border-collapse: collapse; }
th, td { padding: 14px 16px; font-size: 14px; border-bottom: 1px solid #ededf0; }
th {
    color: var(--text-secondary);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.03em;
    text-align: left;
}
tr:hover td { background: #fafafc; }

/* ---------- 上岸名单面板：收敛金色，改为干净深色 ---------- */
.success-list-header {
    background: #1d1d1f;
    color: #fff;
}
.success-list-header .rank-badge,
.rank-badge {
    background: #1d1d1f;
    color: #fff;
    border-radius: 980px;
}
.success-item:hover { background: var(--primary-light); color: var(--primary); }

/* ---------- 轮播占位渐变：从彩虹改为克制深色（有图时被图覆盖，无图时也不刺眼） ---------- */
.slide-1 { background: linear-gradient(135deg, #1d1d1f 0%, #3a3a3c 100%); }
.slide-2 { background: linear-gradient(135deg, #2b2b2e 0%, #424245 100%); }
.slide-3 { background: linear-gradient(135deg, #1f2937 0%, #374151 100%); }
.slide-4 { background: linear-gradient(135deg, #2a2433 0%, #3d3450 100%); }

/* ---------- 页脚：Apple 浅灰页脚，替代原深蓝 ---------- */
.footer {
    background: #f5f5f7;
    color: var(--text-secondary);
    border-top: 1px solid var(--border);
    padding: 40px 0 0;
}
.footer-top { border-bottom: 1px solid var(--border); }
.footer-left .footer-links a { color: var(--text-secondary); }
.footer-left .footer-links a:hover { color: var(--primary); }
.footer-right .footer-label { color: var(--text-primary); font-weight: 600; }
.footer-right .footer-phone { color: var(--text-primary); font-size: 20px; font-weight: 600; letter-spacing: -0.01em; }
.footer-right .footer-addr { color: var(--text-secondary); }
.footer-divider { background: var(--border); }
.footer-bottom { color: var(--text-light); border-top: 1px solid var(--border); }

/* 移动端页脚同样改为浅色 */
@media (max-width: 768px) {
    .footer { background: #f5f5f7 !important; color: var(--text-secondary) !important; border-top: 1px solid var(--border) !important; }
    .footer-mobile-row1 img { filter: none; }
}

/* ---------- 聚焦可见性（无障碍） ---------- */
a:focus-visible, button:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: 6px; }