/* ============================================================
   现代化增量层 v13（2026-10-02）—— 在 style.css 之后、theme.css 之前加载
   内容：暗色模式 / 无障碍焦点 / 防布局抖动 / 流式排版增强
   ============================================================ */

/* ---- 色彩方案声明，浏览器原生控件跟随 ---- */
html { color-scheme: light; }

/* ---- 暗色模式：跟随系统，仅调整中性色，主题主色(accent)保持 ---- */
@media (prefers-color-scheme: dark) {
    html {
        --bg-deep: #0d1117;
        --bg-dark: #11161d;
        --bg-card: #161c24;
        --bg-card-hover: #1c242e;
        --bg-elevated: #1a212b;
        --bg-surface: #141a22;
        --bg-surface-alt: #161d26;
        --text-primary: #e6ebf2;
        --text-secondary: #a8b3c2;
        --text-muted: #778394;
        --border: #263040;
        --border-light: #1f2836;
        --border-surface: #263040;
        --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
        --shadow-md: 0 4px 16px rgba(0,0,0,0.45);
        --shadow-lg: 0 12px 40px rgba(0,0,0,0.55);
    }
    html { color-scheme: dark; }
    /* 深色区块在暗色下反转语义：原浅底深字区块改深底 */
    .header.scrolled {
        background: rgba(13,17,23,0.88);
        border-bottom-color: var(--border);
        box-shadow: 0 2px 16px rgba(0,0,0,0.4);
    }
}

/* ---- 无障碍：键盘可见焦点（触摸设备不受影响） ---- */
:focus { outline: none; }
:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 4px;
}

/* ---- 防布局抖动：媒体卡位，降低 CLS ---- */
.news-card-image, .case-image, .product-image, .card-thumb {
    aspect-ratio: 16 / 10;
    overflow: hidden;
}
.news-card-image img, .case-image img, .product-image img, .card-thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
}

/* ---- 流式排版：标题随视口平滑缩放 ---- */
@media (min-width: 480px) {
    .hero-title { font-size: clamp(34px, 5.5vw, 64px); }
    .section-heading { font-size: clamp(26px, 3.2vw, 42px); }
}

/* ---- 长文本可读性 ---- */
p, .hero-desc, .news-card-summary, .service-card-desc {
    text-wrap: pretty;
}
h1, h2, h3 {
    text-wrap: balance;
}

/* ---- 滚动条现代化（WebKit + Firefox） ---- */
* { scrollbar-width: thin; scrollbar-color: var(--border) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: var(--border); border-radius: 8px; }
*::-webkit-scrollbar-track { background: transparent; }

/* ---- 选择文本用主题色 ---- */
::selection { background: var(--accent-glow); }

/* ---- 触屏目标不小于 40px（无障碍/移动友好） ---- */
@media (pointer: coarse) {
    .nav-link, .btn, .footer-links a, .mobile-nav a { min-height: 40px; }
}