:root {
            --ink: #1a1a1a;
            --ink-light: #4a4a4a;
            --paper: #f5f0e8;
            --paper-dark: #e8e0d0;
            --vermilion: #c41e3a;
            --gold: #b8860b;
            --jade: #2e8b57;
            --jade-light: #e8f4ed;
            --border: #d4c4a8;
            --deep-bg: #1a1510;
            --deep-card: #252015;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Noto Serif SC', serif;
            background: var(--paper);
            color: var(--ink);
            min-height: 100vh;
            line-height: 1.7;
        }
        .container { max-width: 960px; margin: 0 auto; padding: 2rem 1.5rem; }
        @media (max-width: 600px) { .container { padding: 1rem; } }
        header { text-align: center; padding: 2.5rem 0 2rem; margin-bottom: 2rem; position: relative; }
        header::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 120px; height: 3px; background: linear-gradient(90deg, var(--vermilion), var(--gold)); border-radius: 2px; }
        .header-title { font-family: 'Ma Shan Zheng', cursive; font-size: 2.6rem; color: var(--ink); letter-spacing: 0.15em; text-shadow: 2px 2px 4px rgba(0,0,0,0.1); }
        .header-subtitle { color: var(--ink-light); font-size: 1rem; margin-top: 0.6rem; letter-spacing: 0.05em; }
        .nav-container { display: flex; justify-content: center; align-items: center; gap: 2rem; margin-bottom: 1.5rem; padding: 0.5rem 0; border-bottom: 1px solid rgba(201,168,76,0.3); }
        .nav { display: flex; justify-content: center; gap: 0.5rem; padding: 0; border: none; }
        .nav a { color: var(--vermilion); text-decoration: none; font-size: 0.95rem; padding: 0.4rem 1rem; border-radius: 20px; transition: all 0.2s; }
        .nav a:hover { background: var(--vermilion); color: #fff; }
        .nav a.active { background: var(--vermilion); color: #fff; }
        .badge-pro { display: inline-block; background: linear-gradient(135deg, #8B4513, #d4af37); color: #fff; font-size: 0.7rem; padding: 2px 10px; border-radius: 12px; vertical-align: middle; margin-left: 8px; letter-spacing: 1px; }
        .pillar-extra { color: rgba(255,255,255,0.4); font-size: 0.7rem; margin-top: 0.15rem; line-height: 1.3; }
        .pillar-extra.nayin { color: #d4af37; font-weight: 600; }
        .pillar-extra.shiersheng { color: #7eb8da; }
        .pattern-section { background: linear-gradient(135deg, #fff, #f0f0ff); border-left: 4px solid #7B68EE; margin: 1.5rem 0; padding: 1.2rem; border-radius: 0 12px 12px 0; }
        .pattern-section h4 { color: #7B68EE; font-size: 1rem; margin-bottom: 0.8rem; border-bottom: 1px dashed #c0b8e0; padding-bottom: 0.4rem; }
        .pattern-name { font-size: 1.3rem; font-weight: 700; color: #8B4513; }
        .pattern-cat { color: #888; font-size: 0.85rem; margin-left: 6px; }
        .pattern-comment { background: #faf6f0; padding: 10px; border-radius: 6px; font-size: 0.9rem; line-height: 1.7; }
        .tiaohou-box { background: #fffef0; border: 1px solid #d4c4a8; border-radius: 8px; padding: 12px; margin-top: 12px; }
        .tiaohou-box h5 { color: #8B4513; margin-bottom: 6px; font-size: 0.9rem; }
        .tiaohou-comment { color: #666; font-size: 0.85rem; margin-top: 4px; }
        .pro-analysis-pre { background: #faf6f0; padding: 12px; border-radius: 8px; white-space: pre-wrap; font-size: 0.85rem; line-height: 1.8; font-family: 'Noto Serif SC', serif; color: #333; }
        .card { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 2.2rem; margin-bottom: 2rem; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
        @media (max-width: 600px) { .card { padding: 1.5rem; border-radius: 12px; } }
        .card-title { font-family: 'Ma Shan Zheng', cursive; font-size: 1.5rem; color: var(--ink); margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 2px solid var(--vermilion); display: inline-block; }
        .steps { display: flex; justify-content: center; align-items: center; margin-bottom: 2.5rem; gap: 0.5rem; }
        @media (max-width: 600px) { .steps { margin-bottom: 1.5rem; } }
        .step { display: flex; flex-direction: column; align-items: center; color: var(--ink-light); padding: 0 1.2rem; transition: all 0.3s; }
        @media (max-width: 600px) { .step { padding: 0 0.6rem; } }
        .step-num { width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--border); display: flex; align-items: center; justify-content: center; margin-bottom: 0.5rem; font-weight: 600; font-size: 0.95rem; transition: all 0.3s; }
        @media (max-width: 600px) { .step-num { width: 30px; height: 30px; font-size: 0.85rem; } }
        .step div:last-child { font-size: 0.9rem; }
        @media (max-width: 600px) { .step div:last-child { font-size: 0.75rem; } }
        .step.active { color: var(--vermilion); }
        .step.active .step-num { border-color: var(--vermilion); background: var(--vermilion); color: #fff; box-shadow: 0 4px 12px rgba(196, 30, 58, 0.3); }
        .step.completed { color: var(--jade); }
        .step.completed .step-num { border-color: var(--jade); background: var(--jade); color: #fff; }
        .step-line { width: 50px; height: 2px; background: var(--border); margin-bottom: 1.5rem; border-radius: 1px; }
        @media (max-width: 600px) { .step-line { width: 25px; margin-bottom: 1.2rem; } }

        /* Form Styles */
        .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
        @media (max-width: 600px) { .form-grid { grid-template-columns: 1fr; gap: 1rem; } }
        .form-group { display: flex; flex-direction: column; }
        .form-group.full-width { grid-column: 1 / -1; }
        .form-label { font-weight: 600; color: var(--ink); margin-bottom: 0.5rem; font-size: 0.95rem; }
        .form-input { padding: 12px 16px; border: 1px solid var(--border); border-radius: 8px; font-size: 1rem; font-family: inherit; background: var(--paper); transition: all 0.2s; }
        .form-input:focus { outline: none; border-color: var(--vermilion); background: #fff; box-shadow: 0 0 0 3px rgba(196, 30, 58, 0.1); }
        .form-select { padding: 12px 16px; border: 1px solid var(--border); border-radius: 8px; font-size: 1rem; font-family: inherit; background: var(--paper); cursor: pointer; }
        .form-select:focus { outline: none; border-color: var(--vermilion); }
        .radio-group { display: flex; gap: 1.5rem; flex-wrap: wrap; }
        .radio-item { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; }
        .radio-item input { width: 18px; height: 18px; accent-color: var(--vermilion); cursor: pointer; }

        /* BaZi Display */
        .bazi-pillars { display: flex; justify-content: center; gap: 1rem; margin: 2rem 0; flex-wrap: wrap; }
        @media (max-width: 600px) { .bazi-pillars { gap: 0.5rem; } }
        .pillar-card { background: var(--deep-bg); border-radius: 12px; padding: 1.2rem 1.5rem; text-align: center; min-width: 100px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
        @media (max-width: 600px) { .pillar-card { padding: 1rem; min-width: 80px; } }
        .pillar-label { color: rgba(255,255,255,0.5); font-size: 0.85rem; margin-bottom: 0.5rem; }
        .pillar-ganzhi { color: var(--gold); font-size: 1.6rem; font-weight: 700; letter-spacing: 0.1em; }
        @media (max-width: 600px) { .pillar-ganzhi { font-size: 1.3rem; } }
        .pillar-wuxing { color: rgba(255,255,255,0.6); font-size: 0.9rem; margin-top: 0.3rem; }

        /* Shishen Display */
        .shishen-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 1.5rem; }
        @media (max-width: 600px) { .shishen-grid { grid-template-columns: repeat(2, 1fr); gap: 0.8rem; } }
        .shishen-item { background: var(--deep-card); border-radius: 8px; padding: 1rem; text-align: center; }
        .shishen-pillar { color: rgba(255,255,255,0.5); font-size: 0.85rem; margin-bottom: 0.3rem; }
        .shishen-ganzhi { color: var(--gold); font-size: 1.3rem; font-weight: 600; }
        .shishen-name { color: #7eb8da; font-size: 0.9rem; margin-top: 0.3rem; }
        .shishen-wuxing { color: rgba(255,255,255,0.5); font-size: 0.8rem; }

        /* Dayun Display */
        .dayun-section { margin-top: 2rem; }
        .dayun-title { font-family: 'Ma Shan Zheng', cursive; font-size: 1.3rem; color: var(--ink); margin-bottom: 1rem; }
        .dayun-scroll { display: flex; gap: 0.8rem; overflow-x: auto; padding: 0.5rem 0; -webkit-overflow-scrolling: touch; }
        .dayun-item { background: var(--deep-bg); border-radius: 8px; padding: 0.8rem 1.2rem; text-align: center; flex-shrink: 0; min-width: 90px; transition: all 0.2s; }
        .dayun-item.dayun-ji { border-left: 3px solid #4caf50; }
        .dayun-item.dayun-xiong { border-left: 3px solid #ef5350; }
        .dayun-item.dayun-ping { border-left: 3px solid #9e9e9e; }
        .dayun-age { color: rgba(255,255,255,0.5); font-size: 0.8rem; }
        .dayun-ganzhi { color: var(--gold); font-size: 1.1rem; font-weight: 600; margin-top: 0.2rem; }
        .dayun-wuxing { color: rgba(255,255,255,0.4); font-size: 0.75rem; }
        .dayun-fortune { font-size: 0.7rem; margin-top: 0.3rem; font-weight: 600; }
        .dayun-ji .dayun-fortune { color: #4caf50; }
        .dayun-xiong .dayun-fortune { color: #ef5350; }
        .dayun-ping .dayun-fortune { color: #9e9e9e; }

        /* Liunian Display */
        .liunian-section { margin-top: 2rem; }
        .liunian-title { font-family: 'Ma Shan Zheng', cursive; font-size: 1.3rem; color: var(--ink); margin-bottom: 1rem; }
        .liunian-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.8rem; }
        @media (max-width: 600px) { .liunian-grid { grid-template-columns: repeat(3, 1fr); gap: 0.6rem; } }
        .liunian-item { background: var(--paper); border: 1px solid var(--border); border-radius: 8px; padding: 0.8rem; text-align: center; }
        .liunian-year { color: var(--ink-light); font-size: 0.85rem; }
        .liunian-ganzhi { color: var(--gold); font-size: 1.1rem; font-weight: 600; margin-top: 0.2rem; }
        .liunian-wuxing { color: var(--ink-light); font-size: 0.75rem; }

        /* Hidden Stems */
        .canggan-section { margin-top: 2rem; }
        .canggan-title { font-family: 'Ma Shan Zheng', cursive; font-size: 1.3rem; color: var(--ink); margin-bottom: 1rem; }
        .canggan-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
        @media (max-width: 600px) { .canggan-grid { grid-template-columns: repeat(2, 1fr); gap: 0.8rem; } }
        .canggan-item { background: var(--deep-card); border-radius: 8px; padding: 1rem; text-align: center; }
        .canggan-zhi { color: var(--gold); font-size: 1.2rem; font-weight: 600; margin-bottom: 0.3rem; }
        .canggan-stems { color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.5; }
        .canggan-detail { color: rgba(255,255,255,0.4); font-size: 0.75rem; margin-top: 0.3rem; }

        /* Summary Card */
        .summary-card { background: linear-gradient(135deg, var(--deep-bg) 0%, #2a2015 100%); border-radius: 16px; padding: 2rem; margin-top: 1.5rem; color: #fff; }
        .summary-title { font-family: 'Ma Shan Zheng', cursive; font-size: 1.4rem; color: var(--gold); margin-bottom: 1rem; text-align: center; }
        .summary-row { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.1); flex-wrap: wrap; gap: 0.5rem; }
        .summary-label { color: rgba(255,255,255,0.6); }
        .summary-value { color: var(--gold); font-weight: 600; }

        /* Buttons */
        .btn { padding: 14px 36px; border-radius: 25px; font-weight: 600; cursor: pointer; border: none; font-family: inherit; font-size: 1rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; align-items: center; gap: 0.5rem; }
        .btn-primary { background: linear-gradient(135deg, var(--vermilion), #a01830); color: #fff; box-shadow: 0 4px 15px rgba(196, 30, 58, 0.25); }
        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(196, 30, 58, 0.35); }
        .btn-primary:active { transform: translateY(0); }
        .btn-primary:disabled { background: var(--border); cursor: not-allowed; box-shadow: none; transform: none; }
        .btn-secondary { background: var(--paper); color: var(--ink); border: 2px solid var(--border); }
        .btn-secondary:hover { background: var(--paper-dark); border-color: var(--ink-light); }
        .btn-row { text-align: center; margin-top: 1.5rem; }
        .hidden { display: none !important; }

        /* Person Info */
        .person-info { background: var(--paper); border-radius: 12px; padding: 1.5rem; margin-bottom: 1.5rem; display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center; }
        .person-item { text-align: center; }
        .person-label { color: var(--ink-light); font-size: 0.85rem; }
        .person-value { color: var(--vermilion); font-weight: 600; font-size: 1.1rem; margin-top: 0.2rem; }

        /* Wuxing Badge */
        .wuxing-badge { display: inline-block; padding: 0.2rem 0.6rem; border-radius: 12px; font-size: 0.75rem; font-weight: 600; margin-left: 0.3rem; }
        .wuxing-mu { background: #4a9c4a; color: #fff; }
        .wuxing-huo { background: #d44; color: #fff; }
        .wuxing-tu { background: #a0522d; color: #fff; }
        .wuxing-jin { background: #daa520; color: #fff; }
        .wuxing-shui { background: #4682b4; color: #fff; }

        /* Rizhu Highlight */
        .rizhu { border: 2px solid var(--gold); box-shadow: 0 0 15px rgba(184, 134, 11, 0.3); }
        .rizhu-label { color: var(--gold); font-size: 0.75rem; margin-top: 0.3rem; }

        /* Analysis Section */
        .analysis-section { margin: 1.5rem 0; padding: 1.2rem; background: var(--paper); border-left: 3px solid var(--vermilion); border-radius: 0 8px 8px 0; }
        .analysis-title { font-weight: 600; color: var(--ink); margin-bottom: 0.8rem; font-size: 1.05rem; }
        .analysis-content { color: var(--ink-light); line-height: 1.8; }
        .analysis-content .highlight { color: var(--vermilion); font-weight: 600; }
        .analysis-content .good { color: var(--jade); font-weight: 600; }
        .analysis-content .bad { color: #8b0000; font-weight: 600; }

        footer { text-align: center; padding: 2rem 0; color: var(--ink-light); font-size: 0.85rem; border-top: 1px solid var(--border); margin-top: 2rem; }

        /* ========== 移动端优化 ========== */
        @media (max-width: 768px) {
            .container { padding: 1rem; }
            header { padding: 1.5rem 0 1rem; margin-bottom: 1rem; }
            .header-title { font-size: 1.8rem; }
            .header-subtitle { font-size: 0.9rem; margin-top: 0.4rem; }
            .nav-container { flex-direction: column; gap: 0; padding: 0.5rem 0; border-bottom: 1px solid rgba(201,168,76,0.3); }
            .nav { gap: 0.3rem; padding: 0.3rem 0; }
            .nav a { font-size: 0.8rem; padding: 0.3rem 0.6rem; margin: 0.1rem; }
            .card { padding: 1.5rem; margin-bottom: 1.5rem; }
        }
        @media (max-width: 480px) {
            .header-title { font-size: 1.5rem; letter-spacing: 0.1em; }
            .header-subtitle { font-size: 0.8rem; }
            .nav a { font-size: 0.75rem; padding: 0.25rem 0.5rem; margin: 0.05rem; border-radius: 15px; }
            .card { padding: 1rem; margin-bottom: 1rem; }
        }
        @media (hover: none) and (pointer: coarse) {
            .nav a:active { background: var(--vermilion); color: #fff; }
            .btn:active, .form-input:active, .form-select:active { opacity: 0.8; }
        }
    

';
    html += '.bazi-result{font-family:"Noto Serif SC",SimSun,serif;max-width:900px;margin:0 auto}';
    html += '.bazi-header{text-align:center;margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#8B4513,#A0522D);border-radius:10px;color:#fff}';
    html += '.bazi-header h2{color:#fff;margin-bottom:10px;font-size:24px}';
    html += '.bazi-info{color:rgba(255,255,255,0.9);font-size:14px;margin:5px 0}';
    html += '.bazi-level{display:inline-block;margin-top:10px;padding:5px 15px;background:rgba(255,255,255,0.2);border-radius:20px;font-size:12px}';
    html += '.bazi-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}';
    html += '.pillar{background:linear-gradient(135deg,#f5f0e6,#e8dfd0);padding:15px;border-radius:10px;text-align:center;border:2px solid #d4c4a8}';
    html += '.pillar-label{display:block;color:#8B4513;font-size:13px;margin-bottom:8px;font-weight:bold}';
    html += '.pillar-value{display:block;font-size:22px;font-weight:bold;color:#333;margin-bottom:5px}';
    html += '.pillar-zangan{display:block;font-size:11px;color:#888}';
    html += '.bazi-section{margin:20px 0;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.08);border-left:4px solid #8B4513}';
    html += '.bazi-section h3{color:#8B4513;font-size:18px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #d4c4a8}';
    html += '.wuxing-summary{background:#faf6f0;padding:12px;border-radius:8px;margin-bottom:15px}';
    html += '.wuxing-bars{display:grid;gap:12px}';
    html += '.wuxing-bar{display:flex;align-items:center;gap:10px}';
    html += '.wuxing-name{width:30px;font-weight:bold;color:#555}';
    html += '.bar-container{flex:1;height:24px;background:#e8e0d5;border-radius:12px;overflow:hidden}';
    html += '.bar-fill{height:100%;background:linear-gradient(90deg,#CD853F,#DAA520);border-radius:12px}';
    html += '.bar-self{background:linear-gradient(90deg,#8B4513,#A0522D)}';
    html += '.wuxing-percent{width:45px;text-align:right;font-weight:bold;color:#8B4513}';
    html += '.wuxing-advice{margin-top:15px;padding:12px;background:#fff8f0;border-radius:8px;font-size:14px}';
    html += '.liuqin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}';
    html += '.liuqin-item{display:flex;flex-direction:column;padding:12px;background:#faf6f0;border-radius:8px;text-align:center}';
    html += '.lq-name{font-size:12px;color:#888}';
    html += '.lq-value{font-size:14px;font-weight:bold;color:#8B4513;margin:5px 0}';
    html += '.lq-element{font-size:11px;color:#666}';
    html += '.ten-shen-detail{display:grid;gap:8px}';
    html += '.ten-shen-item{display:flex;padding:12px;background:#faf6f0;border-radius:8px;gap:15px}';
    html += '.ts-name{width:60px;color:#888}';
    html += '.ts-god{font-weight:bold;color:#8B4513}';
    html += '.ys-main{background:#faf6f0;padding:15px;border-radius:10px}';
    html += '.highlight{color:#d4af37;font-weight:bold;font-size:18px}';
    html += '.jike{color:#c0392b;font-weight:bold}';
    html += '.pt-item{text-align:center;padding:20px;background:#faf6f0;border-radius:10px}';
    html += '.pt-label{display:block;color:#888;font-size:14px;margin-bottom:8px}';
    html += '.pt-value{display:block;font-size:28px;font-weight:bold;color:#8B4513}';
    html += '.dayun-section{background:linear-gradient(135deg,#fff,#faf6f0);border-left-color:#d4af37}';
    html += '.dayun-intro{background:#fff8f0;padding:12px;border-radius:8px;margin-bottom:15px;text-align:center}';
    html += '.dayun-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}';
    html += '.dayun-item{text-align:center;padding:15px 8px;background:#fff;border-radius:10px;border:1px solid #e8dfd0}';
    html += '.dayun-age{display:block;font-size:11px;color:#888;margin-bottom:5px}';
    html += '.dayun-pillar{display:block;font-size:16px;font-weight:bold;color:#8B4513;margin:3px 0}';
    html += '.dayun-wuxing{display:block;font-size:10px;color:#999}';

    // 流年样式
    html += '.liunian-section{background:linear-gradient(135deg,#fff,#fffef8);border-left-color:#d4af37}';
    html += '.liunian-intro{background:#fffef0;padding:12px;border-radius:8px;margin-bottom:15px;text-align:center;font-size:14px;color:#666}';
    html += '.dayun-liunian-group{margin-bottom:20px}';
    html += '.dayun-group-header{background:linear-gradient(90deg,#8B4513,#A0522D);color:#fff;padding:10px 15px;border-radius:8px;margin-bottom:12px;font-weight:bold}';
    html += '.dayun-liunian-years{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}';
    html += '.liunian-year{background:#fff;border-radius:10px;border:1px solid #e8dfd0;overflow:hidden}';
    html += '.liunian-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#faf6f0;border-left:4px solid #8B4513}';
    html += '.liunian-year-num{flex:1;font-weight:bold;color:#333}';
    html += '.liunian-age{font-size:12px;color:#888}';
    html += '.liunian-gz{font-size:14px;font-weight:bold;color:#8B4513}';
    html += '.liunian-level{color:#fff;font-size:11px;padding:2px 8px;border-radius:10px}';
    html += '.liunian-detail{padding:12px}';
    html += '.liunian-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed #eee;font-size:13px}';
    html += '.liunian-label{color:#888}';
    html += '.liunian-value{font-weight:bold;color:#333}';
    html += '.liunian-tag{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;margin-right:4px}';
    html += '.liunian-tag.chong{background:#ffe0e0;color:#c0392b}';
    html += '.liunian-tag.he{background:#e0f0e0;color:#27ae60}';
    html += '.liunian-tag.sanhe{background:#e0e8ff;color:#2980b9}';
    html += '.liunian-desc{padding:10px 0;font-size:13px;color:#555;line-height:1.6}';
    html += '.liunian-fortune{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#666;background:#faf6f0;padding:8px;border-radius:6px}';

    html += '@media(max-width:768px){.bazi-pillars{grid-template-columns:repeat(2,1fr)}.liuqin-grid{grid-template-columns:1fr}.dayun-list{grid-template-columns:repeat(3,1fr)}.pigtai{flex-direction:column;gap:15px}.dayun-liunian-years{grid-template-columns:1fr}}';
    html += '
/* 2026-06-26 unified single-row navigation */
.nav-container { width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; justify-content: center; gap: 0 !important; }
.nav-container::-webkit-scrollbar { display: none; }
.nav { flex-wrap: nowrap !important; white-space: nowrap; align-items: center; gap: 0.35rem !important; }
.nav a { flex: 0 0 auto; font-size: clamp(0.72rem, 1.15vw, 0.9rem) !important; padding: 0.34rem 0.68rem !important; line-height: 1.2; }
@media (max-width: 768px) {
  .nav-container { flex-direction: row !important; justify-content: flex-start !important; padding: 0.5rem 0.25rem !important; }
  .nav { justify-content: flex-start !important; }
  .nav a { font-size: 0.76rem !important; padding: 0.3rem 0.52rem !important; margin: 0 !important; }
}