/* ===== Theme: 工业红 (Industrial Red) =====
 * 骨架特征: 粗实线边框 | 小圆角(2-4px) | 深阴影 | 微圆角按钮 | 宽短线标题装饰 | 紧凑间距
 * 配色: 勃艮第红 + 琥珀金 — 沉稳大气
 */

body[data-theme="red"] {
    --primary: #7F1D1D;
    --primary-light: #B91C1C;
    --primary-dark: #450A0A;
    --accent: #B45309;
    --accent-green: #B45309;
    --accent-green-light: #FFF7ED;
    --bg-dark: #171717;
    --bg-alt: #FAF5F0;
    --text: #292524;
    --text-light: #78716C;
    --border: #E7E5E4;
    --text-white: #F5F5F4;
    /* 骨架变量 */
    --radius: 2px;
    --radius-sm: 2px;
    --shadow: 0 4px 16px rgba(0,0,0,.12);
    --shadow-hover: 0 8px 28px rgba(0,0,0,.2);
    --footer-cols: 2fr 1fr 1.5fr 1.5fr;  /* 4列：公司简介/服务区域/热门产品/联系我们(含扫码)；末尾列加宽容纳二维码 */
}

/* 卡片：粗实线边框 */
body[data-theme="red"] .combo-item,
body[data-theme="red"] .cert-item,
body[data-theme="red"] .product-card,
body[data-theme="red"] .scenario-card,
body[data-theme="red"] .adv-card,
body[data-theme="red"] .project-item,
body[data-theme="red"] .gallery-item,
body[data-theme="red"] .areas-compact .province-group,
body[data-theme="red"] .faq-card,
body[data-theme="red"] .article-item {
    border: 2px solid var(--border);
}

/* 按钮：微圆角 */
body[data-theme="red"] .btn {
    border-radius: 3px;
}

/* 标题装饰：宽粗短线 */
body[data-theme="red"] .section-title::after {
    width: 70px;
    height: 4px;
    background: var(--accent);
    border-radius: 0;
}

/* 场景卡片顶部色条：粗 */
body[data-theme="red"] .scenario-card {
    border-top-width: 5px;
    border-top-color: var(--accent);
}

/* Hero */
body[data-theme="red"] .hero {
    background: linear-gradient(135deg, #450A0A 0%, #7F1D1D 40%, #B91C1C 100%);
}

/* Navbar */
body[data-theme="red"] .navbar {
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
}

/* Section 间距：紧凑 */
body[data-theme="red"] .section {
    padding: 40px 0;
}

/* H1 粗壮大 */
body[data-theme="red"] .hero h1 {
    font-size: 2.4rem;
    font-weight: 900;
}

/* Footer */
body[data-theme="red"] .site-footer {
    background: var(--bg-dark);
    color: #A8A29E;
}
body[data-theme="red"] .site-footer h4 {
    color: #E7E5E4;
    font-size: 1rem;
    margin-bottom: 12px;
}
body[data-theme="red"] .site-footer a {
    color: #A8A29E;
}
body[data-theme="red"] .site-footer a:hover {
    color: var(--accent);
}
body[data-theme="red"] .footer-bottom {
    border-top: 1px solid rgba(255,255,255,.1);
    color: #737373;
}

/* red 骨架特征: 粗边已在上方 .product-card/.article-item 等统一设置; 
   CTA 与相关产品模块现已上移至 base.css(随 --primary/--accent 等主题变量变色), 
   本文件仅保留 red 专属骨架: 2px 粗边框 + 2px 小圆角 + 深阴影 */
body[data-theme="red"] .rel-card { border-width: 2px; }