/* ====================================================
   天创科林全站通用样式表 (终极完美版)
   ==================================================== */

/* 1. 全局变量与基础重置 */
:root{
    --primary:#1a5cff;
    --primary-dark:#0d3fb8;
    --dark:#0a1628;
    --gray:#f5f7fa;
    --text:#1a2233;
    --text-light:#5a6a80;
    --border:#e2e8f0;
    --white:#fff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);line-height:1.6;background:var(--white);}
a{text-decoration:none;color:inherit;transition:all .2s}
img{max-width:100%}
.container{max-width:1280px;margin:0 auto;padding:0 24px}

/* 2. 全站统一导航栏 */
header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--dark)}
.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700}
nav{display:flex;gap:4px}
nav a{padding:8px 14px;font-size:14px;color:var(--text-light);border-radius:6px;white-space:nowrap}
nav a:hover,nav a.active{color:var(--primary);background:#f0f5ff}
.nav-cta{display:flex;align-items:center;gap:16px}
.btn-consult{background:var(--primary);color:#fff;padding:9px 22px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer}
.btn-consult:hover{background:var(--primary-dark)}
.menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text)}

/* 3. 全站统一内页 Banner (无图版) */
.page-hero{position:relative;padding:160px 0 80px;background:linear-gradient(135deg,#0a1628 0%,#0f2a55 50%,#0d3fb8 100%);color:#fff;overflow:hidden;min-height:480px;display:flex;align-items:center;}
.page-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 80% 30%,rgba(26,92,255,.25) 0%,transparent 55%);pointer-events:none;}
.page-hero .container{position:relative;z-index:2;width:100%}
.page-hero .hero-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.page-hero .hero-text{max-width:620px;flex:1}
.page-hero .hero-visual{width:42%;max-width:480px;height:260px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:14px;}
.page-hero .breadcrumb{font-size:13px;color:rgba(255,255,255,.6);margin-bottom:18px}
.page-hero .breadcrumb a{color:rgba(255,255,255,.8)}
.page-hero .breadcrumb a:hover{color:#fff}
.page-hero h1{font-size:38px;font-weight:800;line-height:1.25;margin-bottom:18px}
.page-hero p{font-size:16px;color:rgba(255,255,255,.85);line-height:1.8}

/* === 3.1 全站统一带图 Banner 样式 === */
.terminal-hero { position: relative; min-height: 480px; display: flex; align-items: center; overflow: hidden; background: #0a1628; }
.terminal-hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center right; z-index: 1; }
.terminal-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, rgba(6,16,33,0.95) 0%, rgba(6,16,33,0.7) 45%, rgba(6,16,33,0) 100%); z-index: 2; }
.terminal-hero-content { position: relative; z-index: 3; width: 100%; padding: 80px 0; }
.terminal-hero .breadcrumb { color: rgba(255,255,255,.6); margin-bottom: 16px; font-size: 14px;}
.terminal-hero .breadcrumb a { color: rgba(255,255,255,.8); }
.terminal-hero h1 { font-size: 42px; font-weight: 800; color: #fff; margin-bottom: 20px; line-height: 1.2; }
.terminal-hero p { font-size: 17px; color: rgba(255,255,255,.85); max-width: 650px; line-height: 1.8; }

/* 4. 通用 Section */
section{padding:80px 0}
.section-title{text-align:center;!important;margin-bottom:56px}
.section-title h2{font-size:32px;font-weight:800;color:var(--dark);margin-bottom:14px;letter-spacing:-.3px}
.section-title p{font-size:15px;color:var(--text-light);max-width:640px;margin:0 auto}
.section-title h2 span{color:var(--primary)}

/* 5. 目录页卡片布局 */
.product-showcase{display:grid;gap:24px}
.product-showcase.terminal-grid{grid-template-columns:repeat(3,1fr)}
.product-showcase.industrial-grid{grid-template-columns:repeat(2,1fr)}
.showcase-card{display:block;background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .3s}
.showcase-card:hover{border-color:var(--primary);box-shadow:0 12px 40px rgba(26,92,255,.12);transform:translateY(-6px)}
.showcase-img{height:180px;background:linear-gradient(135deg,#e8f0ff,#d4e2ff);display:flex;align-items:center;justify-content:center;font-size:52px;color:var(--primary);position:relative;overflow:hidden}
.showcase-body{padding:28px 24px}
.showcase-tag{display:inline-block;font-size:11px;font-weight:600;color:var(--primary);background:#e8f0ff;padding:3px 10px;border-radius:20px;margin-bottom:14px}
.showcase-body h3{font-size:19px;font-weight:700;color:var(--dark);margin-bottom:12px}
.showcase-body p{font-size:14px;color:var(--text-light);line-height:1.7;margin-bottom:18px}
.showcase-body .detail-link{font-size:14px;color:var(--primary);font-weight:600;display:inline-flex;align-items:center;gap:4px}
.showcase-body .detail-link::after{content:"→";transition:transform .2s}
.showcase-card:hover .detail-link::after{transform:translateX(4px)}

.industrial-grid .showcase-card { display: flex; flex-direction: column; padding: 32px; }
.card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.card-icon{width:56px;height:56px;background:#e8f0ff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--primary)}
.card-title h3{font-size:22px;font-weight:800;color:var(--dark);margin-bottom:4px}
.card-title span{font-size:13px;color:var(--primary);background:#e8f0ff;padding:2px 8px;border-radius:4px;font-weight:600}
.card-desc{font-size:15px;color:var(--text-light);line-height:1.8;margin-bottom:24px;flex-grow:1}
.card-features{list-style:none;margin-bottom:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.card-features li{font-size:14px;color:var(--text);position:relative;padding-left:18px}
.card-features li::before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}
.detail-btn{display:block;text-align:center;background:#f0f5ff;color:var(--primary);padding:14px;border-radius:8px;font-weight:600;font-size:15px; width: 100%; transition: all .3s;}
.industrial-grid .showcase-card:hover .detail-btn{background:var(--primary);color:#fff}

/* 6. 详情页 Tab 切换组件 */
.tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}
.tab-btn{padding:10px 24px;background:#f5f7fa;border:1px solid var(--border);border-radius:8px;font-size:15px;font-weight:600;color:var(--text-light);cursor:pointer;transition:all .3s}
.tab-btn.active,.tab-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.product-detail-box{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:32px;box-shadow:0 4px 12px rgba(0,0,0,.03)}
.product-detail-box h3{font-size:24px;color:var(--dark);margin-bottom:12px}
.product-detail-box .desc{font-size:15px;color:var(--text-light);margin-bottom:32px;padding-bottom:24px;border-bottom:1px dashed var(--border)}

/* 工业详情页特性网格 */
.feature-title{font-size:18px;font-weight:700;color:var(--dark);margin-bottom:16px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}
.feature-item{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text);background:#f5f7fa;padding:12px 16px;border-radius:8px}
.check-icon{width:20px;height:20px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}

/* 终端详情页特性网格 */
.feature-grid.svg-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:0;}
.feature-grid.svg-grid .feature-item{display:flex;align-items:flex-start;background:none;padding:12px 0;}
.feature-grid.svg-grid .feature-icon{width:24px;height:24px;border-radius:50%;background:#e8f0ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.feature-grid.svg-grid .feature-icon svg{width:14px;height:14px;fill:var(--primary)}
.feature-grid.svg-grid h3, .feature-grid.svg-grid h4{font-size:16px;font-weight:700;color:var(--dark);margin-bottom:4px}
.feature-grid.svg-grid p{font-size:14px;color:var(--text-light);line-height:1.7}

/* 客户价值 / 参数 / 底部 CTA */
.value-box{background:#f0f5ff;border:1px solid #d4e2ff;border-radius:8px;padding:20px 24px;margin-bottom:32px}
.value-box h3, .value-box h4{font-size:16px;font-weight:700;color:var(--primary);margin-bottom:8px}
.value-box p{font-size:15px;color:var(--text);line-height:1.6;font-weight:500}
.specs-title{font-size:18px;font-weight:700;color:var(--dark);margin-bottom:16px}
.cta-inner{background:#f8fafc;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:12px}
.cta-inner h3, .cta-inner h4{font-size:18px;font-weight:700;color:var(--dark)}
.cta-inner p{font-size:14px;color:var(--text-light)}
.btn-inner{align-self:flex-start;background:var(--primary);color:#fff;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;transition:background .2s;margin-top:10px;}
.btn-inner:hover{background:var(--primary-dark)}

/* 7. 痛点对比 (红绿卡片) */
.pain-point{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.pain-card{padding:28px;border-radius:12px;border:1px solid var(--border)}
.pain-card.bad{background:#fff5f5;border-color:#feb2b2}
.pain-card.good{background:#f0fff4;border-color:#9ae6b4}
.pain-card h3, .pain-card h4{font-size:16px;font-weight:700;margin-bottom:12px}
.pain-card.bad h3, .pain-card.bad h4{color:#c53030}
.pain-card.good h3, .pain-card.good h4{color:#276749}
.pain-card ul{list-style:none;padding:0}
.pain-card ul li{font-size:14px;color:var(--text-light);padding:4px 0;padding-left:20px;position:relative}
.pain-card.bad ul li::before{content:"✕";position:absolute;left:0;color:#c53030;font-weight:700}
.pain-card.good ul li::before{content:"✓";position:absolute;left:0;color:#38a169;font-weight:700}

/* 8. 技术参数表格 (specs-table) */
.specs-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px;background:var(--white);border-radius:12px;overflow:hidden;border:1px solid var(--border);margin-bottom:32px;}
.specs-table tr:nth-child(even){background:#fcfdfe}
.specs-table th,.specs-table td{padding:16px 20px;text-align:left}
.specs-table th{background:#f8fafc;font-weight:700;color:var(--dark);width:180px;border-right:1px solid var(--border)}
.specs-table td{color:var(--text-light)}
.specs-table tr:not(:last-child){border-bottom:1px solid var(--border)}

/* ====================================================
   🔥 补全：.geo-table PC端专属样式（确保桌面端美观）🔥
   ==================================================== */
.geo-table-wrapper { overflow-x: auto; margin-top: 32px; margin-bottom: 32px; }
.geo-table { 
    width: 100%; 
    border-collapse: collapse; 
    background: #fff; 
    border-radius: 12px; 
    overflow: hidden; 
    box-shadow: 0 4px 12px rgba(0,0,0,.03); 
}
.geo-table th, .geo-table td { 
    padding: 20px 24px; 
    text-align: left; 
    vertical-align: middle; 
    border-bottom: 1px solid var(--border); 
    font-size: 15px; 
    line-height: 1.8; 
}
.geo-table th { 
    background: #f8fafc; 
    font-weight: 700; 
    color: var(--dark); 
    font-size: 16px; 
    text-align: center; 
}
.geo-table tr:last-child td { border-bottom: none; }
.geo-table td.bad-point { color: #c53030; background: #fff5f5; width: 45%; }
.geo-table td.good-point { color: var(--text); width: 55%; }
.geo-table td.good-point strong { color: var(--primary); }

/* 9. 适用场景胶囊 */
.tags-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;justify-content:center}
.tag-pill{padding:8px 20px;background:#f0f5ff;color:var(--primary);border-radius:50px;font-size:14px;font-weight:500;border:1px solid #d4e2ff}

/* 10. FAQ 折叠面板 */
.faq-list{max-width:900px;margin:0 auto}
.faq-item{background:var(--white);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden;transition:all .3s}
.faq-item:hover{border-color:var(--primary)}
.faq-q{padding:18px 24px;font-size:15px;font-weight:700;color:var(--dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center; gap: 12px;}
.faq-q::after{content:"+";font-size:20px;color:var(--primary);font-weight:400;transition:transform .3s; flex-shrink: 0;}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 24px;color:var(--text-light);font-size:14px;line-height:1.8}
.faq-item.open .faq-a{max-height:1000px;padding:0 24px 18px}

/* 11. 案例高亮卡片 */
.case-highlight{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.case-highlight h3, .case-highlight h4{font-size:18px;font-weight:700;color:var(--dark);margin-bottom:8px}
.case-highlight p{font-size:14px;color:var(--text-light);max-width:600px}
.case-stat{text-align:right}
.case-stat span{font-size:36px;font-weight:800;color:var(--primary);line-height:1}
.case-stat small{font-size:14px;color:var(--text-light);display:block;margin-top:4px}
/* 👇 补充这 3 行，找回链接的蓝色加粗样式 👇 */
.link-group { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; font-size: 14px; align-items: center; }
.link-group a { color: var(--primary); font-weight: bold; white-space: nowrap; transition: color 0.2s; text-decoration: underline; }
.link-group a:hover { color: var(--primary-dark); }

/* 12. 通用 CTA 模块 */
.cta-section{background:linear-gradient(135deg,#0a1628,#0f2a55);color:#fff;text-align:center;padding:80px 0}
.cta-section h2{font-size:30px;font-weight:800;margin-bottom:16px}
.cta-section p{font-size:16px;color:rgba(255,255,255,.8);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}
.btn-primary{background:var(--primary);color:#fff;padding:13px 32px;border-radius:8px;font-size:15px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}

/* 13. 技术背书 */
.tech-backing{background:var(--gray);padding:32px 0;text-align:center;border-top:1px solid var(--border)}
.tech-backing h3{font-size:16px;font-weight:700;color:var(--dark);margin-bottom:8px}
.tech-backing p{font-size:14px;color:var(--text-light);max-width:800px;margin:0 auto}

/* 14. 全站统一 Footer */
footer{background:var(--dark);color:rgba(255,255,255,.65);position:relative}
.footer-top-line{height:2px;background:linear-gradient(90deg,#1a5cff 0%,rgba(26,92,255,0) 100%)}
.footer-grid{display:grid;grid-template-columns:2.2fr 1.2fr 1.2fr 1.2fr 1.2fr;gap:36px;padding:64px 0 48px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:#fff;margin-bottom:18px}
.footer-logo .logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}
.footer-brand p{font-size:13px;line-height:1.8;margin-bottom:20px;color:rgba(255,255,255,.55)}
.footer-contact div{font-size:13px;line-height:2.2;color:rgba(255,255,255,.7)}
.footer-contact a{color:rgba(255,255,255,.7)}
.footer-contact a:hover{color:#4d8bff}
.footer-col h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:20px}
.footer-col a{display:block;font-size:13px;padding:6px 0;color:rgba(255,255,255,.55);transition:all .2s}
.footer-col a:hover{color:#4d8bff;padding-left:4px}
.trust-badges{margin-top:18px;display:flex;flex-direction:column;gap:6px}
.trust-badges span{font-size:11px;color:#4d8bff;border:1px solid rgba(26,92,255,.3);padding:2px 8px;border-radius:4px;display:inline-block;width:fit-content}
.footer-qrcode .qrcode-box{text-align:left}
.footer-qrcode img{width:100px;height:100px;border-radius:8px;background:#fff;padding:6px;margin-bottom:10px;border:1px solid rgba(255,255,255,.1)}
.footer-qrcode p{font-size:12px;color:rgba(255,255,255,.5)}
.footer-bottom{padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:rgba(255,255,255,.4)}
.footer-bottom a{color:rgba(255,255,255,.4)}
.footer-bottom a:hover{color:#fff}

/* 控制导航栏 Logo 图片大小 */
.logo img { height: 30px; width: auto; display: block; }
/* 控制页脚 Logo 图片大小 */
.footer-logo img { height: 28px; width: auto; display: block; }

/* ====================================================
   15. 响应式适配 (彻底解决百度/QQ等各浏览器兼容)
   ==================================================== */

/* 🚨 手机/平板端专属（宽度小于 1024px） */
@media(max-width: 1024px) {
    /* 1. 导航栏与汉堡菜单 */
    nav { 
        display: none; 
        position: absolute; 
        top: 68px; 
        left: 0; 
        right: 0; 
        background: #fff; 
        padding: 16px; 
        box-shadow: 0 10px 20px rgba(0,0,0,0.1); 
        border-bottom: 1px solid var(--border);
        z-index: 1000;
    }
    .menu-toggle { display: block; }

    /* 2. 百度/QQ浏览器降维打击：强制块级显示下拉菜单 */
    nav .dropdown:hover .dropdown-menu { display: none; } /* 禁用PC端的hover */

    nav .dropdown-menu {
        display: none; /* 默认隐藏，靠 JS 展开 */
        position: static; /* 放弃绝对定位，避免飞出屏幕 */
        width: 100%;
        background: #f8fafc;
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 8px;
        margin-top: 8px;
        box-shadow: none;
    }
    
    /* 强制菜单子项变成块级 */
    nav .dropdown-menu a {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 12px 16px;
        border-bottom: 1px dashed var(--border);
        white-space: normal;
        font-size: 15px;
    }
    nav .dropdown-menu a:last-child { border-bottom: none; }

    /* 3. 其他元素平板降维 */
    .page-hero .hero-visual{display:none}
    .page-hero .hero-text{max-width:100%}
    .page-hero h1{font-size:32px}
    .product-showcase.terminal-grid{grid-template-columns:repeat(2,1fr)}
    .product-showcase.industrial-grid{grid-template-columns:1fr}
    .feature-grid, .feature-grid.svg-grid{grid-template-columns:1fr}
    .pain-point{grid-template-columns:1fr}
    .case-highlight{flex-direction:column;text-align:center}
    .case-stat{text-align:center}
    .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:30px}
}

/* 🚨 手机端专属（宽度小于 768px） */
@media(max-width: 768px) {
    /* 1. 彻底解决 QQ 浏览器文字靠边问题（放弃 padding，用百分比宽度） */
    .container, 
    .terminal-hero-content,
    section .container { 
        width: 90%; 
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0; 
        padding-right: 0; 
        box-sizing: border-box;
    }

    /* 2. Banner 高度与图片 */
    .terminal-hero { min-height: 400px; }
    .terminal-hero-content { padding-top: 40px; padding-bottom: 40px; }
    .terminal-hero h1 { font-size: 28px; line-height: 1.3; margin-bottom: 12px; } 
    .terminal-hero p { font-size: 15px; }
    .terminal-hero-bg { object-position: center center; opacity: 0.7; }
    .terminal-hero::before { background: linear-gradient(180deg, rgba(10,22,40,0.8) 0%, rgba(10,22,40,0.5) 50%, rgba(10,22,40,0.8) 100%); }

    /* 3. 痛点表格变为卡片 */
    .geo-table { display: block; width: 100%; border: none; box-shadow: none; }
    .geo-table thead { display: none; }
    .geo-table tbody { display: block; width: 100%; }
    .geo-table tr { 
        display: block; 
        background-color: #fff;
        margin-bottom: 20px; 
        border: 1px solid var(--border); 
        border-radius: 12px; 
        box-shadow: 0 4px 12px rgba(0,0,0,0.05); 
        overflow: hidden; 
    }
    .geo-table td.bad-point, .geo-table td.good-point { 
        display: block; 
        width: 100%; 
        padding: 16px 20px; 
        margin: 0;
        box-sizing: border-box; 
        text-align: left; 
    }
    .geo-table td.bad-point { background: #fff5f5; border-bottom: 1px dashed #feb2b2; }
    .geo-table td.good-point { background: #fff; }
    
    .geo-table td.bad-point::before { content: "❌ 传统痛点："; font-weight: bold; color: #c53030; display: block; margin-bottom: 6px; font-size: 14px; }
    .geo-table td.good-point::before { content: "✅ 天创方案："; font-weight: bold; color: var(--primary); display: block; margin-bottom: 6px; font-size: 14px; }

    /* 4. 技术参数表格可滑动 */
    .specs-table { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
    .specs-table th { width: 100px; font-size: 13px; padding: 12px; background: #f8fafc; }

    /* 5. 其他 */
    .product-showcase.terminal-grid{grid-template-columns:1fr}
    section{padding:56px 0}
    .section-title h2{font-size:24px}
    .faq-q::after { font-size: 24px; }
    .footer-grid{grid-template-columns:1fr; gap:32px}
    .footer-bottom{flex-direction:column; text-align:center}
}

/* ===== 16. GEO 导航下拉菜单 (PC端专属) ===== */
@media(min-width: 1025px) {
    nav .dropdown { position: relative; display: inline-block; }
    nav .dropdown > a { display: flex; align-items: center; gap: 4px; cursor: pointer; padding: 8px 14px; font-size: 14px; color: var(--text-light); border-radius: 6px; white-space: nowrap; }
    nav .dropdown > a:hover { color: var(--primary); background: #f0f5ff; }
    nav .dropdown > a::after { content: "▾"; font-size: 12px; transition: transform .2s; }
    nav .dropdown:hover .dropdown-menu { display: flex; }
    nav .dropdown:hover > a::after { transform: rotate(180deg); }
    nav .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        min-width: 180px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        border-radius: 8px;
        border: 1px solid var(--border);
        padding: 8px 0;
        z-index: 1000;
        flex-direction: column;
    }
    nav .dropdown-menu a { padding: 10px 20px; font-size: 14px; color: var(--text); border-radius: 0; white-space: nowrap; transition: all .2s; }
    nav .dropdown-menu a:hover { background: #f8fafc; color: var(--primary); padding-left: 24px; }
}