* { margin:0; padding:0; box-sizing:border-box; }
        :root {
            --primary: #1a56a0; --primary-dark: #134a8e; --primary-light: #e8f0fa;
            --accent: #c8301b; --accent-light: #fff4f3;
            --text: #222222; --text-secondary: #555555; --text-light: #888888;
            --border: #dddddd; --border-light: #eeeeee;
            --bg: #f5f7fa; --bg-white: #ffffff;
            --shadow: 0 2px 8px rgba(0,0,0,0.08); --shadow-hover: 0 4px 16px rgba(0,0,0,0.12);
            --radius: 6px; --radius-lg: 10px;
        }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft Yahei", sans-serif; font-size: 14px; line-height: 1.6; color: var(--text); background: var(--bg); min-height: 100vh; }

        .header { background: var(--bg-white); border-bottom: 2px solid var(--primary); box-shadow: var(--shadow); position: sticky; top: 0; z-index: 100; }
        .header-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; height: 120px; }
        .logo { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--primary); }
        .logo-img { width: 80px; height: auto; }
        .logo-text { font-size: 28px; font-weight: 600; }
        .nav-links { display: flex; gap: 24px; align-items: center; }
        .nav-links a { color: var(--text-secondary); text-decoration: none; font-size: 14px; font-weight: 500; transition: color 0.2s; }
        .nav-links a:hover { color: var(--primary); }

        .main { max-width: 1200px; margin: 0 auto; padding: 30px 20px 40px; }

        /* ===== 响应式基础布局（手机/平板/桌面 2026-08-17） ===== */
        /* 平板 */
        @media (max-width: 1024px) {
            .header-inner { height: 96px; }
            .logo-img { width: 60px; }
            .logo-text { font-size: 22px; }
            .nav-links { gap: 16px; }
            .nav-links a { font-size: 13px; }
            .main { padding: 22px 16px 32px; }
        }
        /* 手机 */
        @media (max-width: 768px) {
            .header-inner { height: auto; min-height: 64px; padding: 8px 14px; flex-wrap: wrap; gap: 6px 10px; }
            .logo-img { width: 44px; height: auto; }
            .logo-text { font-size: 17px; }
            .logo { gap: 8px; }
            .nav-links { gap: 12px; flex-wrap: wrap; }
            .nav-links a { font-size: 12.5px; }
            .main { padding: 16px 12px 28px; }
        }