:root {
            --bg: #f6f9fc;
            --surface: #ffffff;
            --surface-alt: #f0f5f9;
            --text: #1a2e3f;
            --text2: #4b6a88;
            --text3: #6a8296;
            --accent: #1a7f8c;
            --accent2: #0f5560;
            --accent-light: #e6f2f5;
            --border: #e1e8f0;
            --border-light: #eef3f8;
            --green: #2ecc71;
            --amber: #f0a030;
            --red-soft: #e74c5e;
            --shadow-sm: 0 2px 8px rgba(0,0,0,0.03);
            --shadow: 0 8px 28px rgba(0,0,0,0.06);
            --radius-sm: 12px;
            --radius: 18px;
            --radius-lg: 24px;
            --radius-xl: 32px;
            --font: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
            --transition: 0.2s ease;
        }
        * { margin:0; padding:0; box-sizing:border-box; }
        body {
            font-family: var(--font);
            background: var(--bg);
            color: var(--text);
            line-height: 1.55;
            -webkit-font-smoothing: antialiased;
        }
        .container { max-width:1260px; margin:0 auto; padding:0 20px; }

        /* 导航栏 */
        .navbar {
            background: rgba(255,255,255,0.94);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom:1px solid var(--border);
            position:sticky; top:0; z-index:100;
        }
        .nav-inner {
            display:flex; align-items:center; justify-content:space-between;
            flex-wrap:wrap; gap:15px; padding:14px 0;
        }
        .logo {
            font-size:1.6rem; font-weight:750; letter-spacing:-0.5px;
            background:linear-gradient(135deg, #1a7f8c, #0f5560);
            -webkit-background-clip:text; background-clip:text;
            color:transparent;
        }
		.logo::before { content:'⚡'; font-size:1.3rem; color:#1a7f8c; background:none; -webkit-background-clip:unset; background-clip:unset; }
        .nav-links { display:flex; gap:4px; flex-wrap:wrap; align-items:center; }
        .nav-links a {
            text-decoration:none; font-weight:550; color:var(--text2);
            padding:8px 15px; border-radius:22px; font-size:0.9rem;
            transition:var(--transition); white-space:nowrap;
        }
        .nav-links a:hover, .nav-links a.active { background:var(--accent-light); color:var(--accent); }
        .nav-cta {
            background:var(--accent)!important; color:#fff!important;
            font-weight:620!important; padding:9px 20px!important;
            box-shadow:0 4px 14px rgba(26,127,140,0.28);
        }

        /* 页面头部 */
        .page-hero {
            background: linear-gradient(150deg, #eef5fc 0%, #ffffff 60%, #f8fafc 100%);
            padding: 52px 0 36px;
            text-align: center;
            border-bottom:1px solid var(--border-light);
        }
        .page-hero h1 { font-size:2.6rem; font-weight:800; letter-spacing:-0.8px; color:#0c1f2b; margin-bottom:10px; }
        .page-hero p { font-size:1.05rem; color:var(--text2); max-width:680px; margin:0 auto; }

        /* 分类导航 */
        .category-nav {
            display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
            margin: 30px 0 20px;
        }
        .cat-btn {
            background: var(--surface);
            border:1px solid var(--border);
            padding:10px 24px; border-radius:28px; font-weight:600;
            font-size:0.9rem; cursor:pointer; transition:var(--transition);
            color: var(--text2);
        }
        .cat-btn.active-cat {
            background: var(--accent); color:#fff; border-color: var(--accent);
        }

        /* FAQ列表 */
        .faq-list { margin: 20px 0; }
        .faq-item {
            background: var(--surface);
            border-radius: var(--radius);
            border:1px solid var(--border);
            box-shadow: var(--shadow-sm);
            margin-bottom: 16px;
            overflow: hidden;
            transition: var(--transition);
        }
        .faq-question {
            padding: 20px 24px;
            display:flex; justify-content:space-between; align-items:center;
            cursor: pointer; font-weight:650; font-size:1rem;
            background: #fff;
        }
        .faq-question::after {
            content: '\\25BC'; font-size:0.7rem; color: var(--accent);
            transition: transform 0.2s;
        }
        .faq-item.open .faq-question::after {
            transform: rotate(180deg);
        }
        .faq-answer {
            padding: 0 24px 20px; color: var(--text2); font-size:0.92rem;
            display: none; line-height:1.6;
        }
        .faq-item.open .faq-answer { display:block; }
        .faq-answer a { color: var(--accent); font-weight:600; text-decoration:none; }
        .faq-meta { font-size:0.75rem; color: var(--text3); margin-top:10px; }

        /* 推荐模块 */
        .guess-module {
            background: var(--surface);
            border-radius: var(--radius-lg);
            padding: 28px;
            border:1px solid var(--border);
            box-shadow: var(--shadow-sm);
            margin: 40px 0;
            text-align: center;
        }
        .guess-module h2 { font-weight:750; margin-bottom:6px; }
        .guess-links { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:18px; }
        .guess-link {
            background: var(--accent-light);
            padding:10px 24px; border-radius:24px;
            text-decoration:none; color: var(--accent); font-weight:600;
        }

        /* 底部推荐矩阵 */
        .bottom-matrix {
            display:grid; grid-template-columns:repeat(auto-fit, minmax(170px,1fr));
            gap:14px; margin:30px 0;
        }
        .matrix-item {
            background:var(--surface); border-radius:var(--radius);
            padding:20px 16px; text-align:center; border:1px solid var(--border);
            box-shadow:var(--shadow-sm); text-decoration:none; color:var(--text);
            transition:var(--transition);
        }
        .matrix-item:hover { border-color:var(--accent); box-shadow:var(--shadow); transform:translateY(-2px); }
        .matrix-icon { font-size:1.8rem; margin-bottom:8px; }
        .matrix-item h4 { font-weight:650; }

        .cta-download {
            text-align:center; padding:38px 20px;
            background:linear-gradient(135deg, #0c2530, #0f2f3b);
            border-radius:var(--radius-xl); color:#fff; margin:40px 0 30px;
        }
        .cta-download h2 { font-size:1.7rem; font-weight:750; margin-bottom:10px; }
        .btn-download-cta {
            display:inline-flex; align-items:center; gap:8px;
            background:#fff; color:#0c2530; padding:14px 30px;
            border-radius:28px; font-weight:650; text-decoration:none;
            transition:var(--transition); box-shadow:0 8px 20px rgba(0,0,0,0.3);
        }
        .btn-download-cta:hover { background:#e6f0f4; }

        .footer {
            background:#0c1a22; color:#8aa0b4; padding:30px 0 20px;
            text-align:center; border-radius:28px 28px 0 0; margin-top:20px;
        }
        .footer-links { display:flex; justify-content:center; gap:24px; flex-wrap:wrap; margin-bottom:14px; }
        .footer-links a { color:#bcd0df; text-decoration:none; font-size:0.85rem; }
        .copyright { font-size:0.72rem; color:#6a8296; }

        @media(max-width:768px) {
            .page-hero h1 { font-size:2rem; }
            .nav-inner { flex-direction:column; }
        }