/* ===== RESET ===== */
        @font-face {
            font-family: 'Lato';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url('fonts/Lato-Regular.woff2') format('woff2');
        }
        @font-face {
            font-family: 'Lato';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url('fonts/Lato-Bold.woff2') format('woff2');
        }
        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
        html { scroll-behavior: smooth; }
        body {
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            color: #333;
            background-color: #fff;
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
        }
        a { text-decoration: none; color: inherit; }
        img { max-width: 100%; height: auto; display: block; }
        ul { list-style: none; }

        /* ===== TOP BAR — Wilson exact: white bg ===== */
        .top-bar {
            background-color: #fff;
            padding: 10px 5%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #eee;
        }
        .top-bar-left {
            display: flex;
            align-items: center;
            gap: 0;
        }
        .brand-logo-wrapper {
            display: flex;
            align-items: center;
            gap: 10px;
            text-decoration: none;
        }
        .brand-icon {
            width: 40px;
            height: 40px;
            flex-shrink: 0;
            border-radius: 4px;
            object-fit: cover;
            display: block;
        }
        .brand-logo {
            font-family: 'Lato', sans-serif;
            font-size: 20px;
            font-weight: 900;
            color: #1558b0;
            letter-spacing: 1px;
            text-transform: uppercase;
        }
        .brand-separator {
            width: 2px;
            height: 18px;
            background-color: #b8b8b8;
            margin: 0 12px;
        }
        .brand-location {
            font-family: 'Lato', sans-serif;
            font-size: 15px;
            color: #1558b0;
            font-weight: 900;
        }
        .top-bar-right {
            display: flex;
            align-items: center;
            gap: 16px;
        }
        .social-icons {
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .social-icons span {
            font-family: 'Lato', sans-serif;
            font-size: 14px;
            font-weight: 900;
            color: #3b3b3b;
            white-space: nowrap;
        }
        .social-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            border-radius: 4px;
            transition: opacity 0.2s;
        }
        .social-icon:hover { opacity: 0.8; }
        .social-icon.wechat { background: #07C160; }
        .social-icon.whatsapp { background: #25D366; }
        .social-icon.email { background: #1558b0; }
        .social-icon.vk { background: #0077FF; }
        .social-icon.telegram { background: #0088cc; }
        .social-icon.facebook { background: #1877F2; }
        .social-icon svg { width: 15px; height: 15px; fill: #fff; }
        /* Top bar tooltip wrapper */
        .topbar-tooltip-wrap {
            position: relative;
            display: inline-flex;
        }
        .topbar-tooltip {
            display: none;
            position: absolute;
            top: calc(100% + 8px);
            left: 50%;
            transform: translateX(-50%);
            background: #333;
            color: #fff;
            padding: 7px 14px;
            border-radius: 5px;
            font-size: 13px;
            font-weight: 700;
            white-space: nowrap;
            z-index: 1001;
            box-shadow: 0 3px 10px rgba(0,0,0,0.2);
            pointer-events: none;
        }
        .topbar-tooltip::before {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            border: 5px solid transparent;
            border-bottom-color: #333;
        }
        .topbar-tooltip-wrap:hover .topbar-tooltip {
            display: block;
        }
        .topbar-tooltip .click-hint {
            font-size: 13px;
            color: #bbb;
            margin-top: 4px;
            font-weight: 700;
        }
        .contact-card-tooltip .click-hint {
            font-size: 13px;
            color: #bbb;
            margin-top: 4px;
            font-weight: 700;
        }

        .lang-switch {
            display: flex;
            align-items: center;
            gap: 8px;
            border-left: 1px solid #ddd;
            padding-left: 16px;
        }
        .lang-link {
            font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
            font-size: 16px;
            font-weight: 700;
            color: #000;
            cursor: pointer;
            transition: color 0.2s;
            background: none;
            border: none;
            padding: 2px 4px;
        }
        .lang-link:hover { color: #1558b0; }
        .lang-link.active {
            color: #000;
            font-weight: 700;
            text-decoration: underline;
            text-underline-offset: 4px;
        }

        /* ===== BLUE NAV BAR — KRS AUTO brand: #1558b0 bg, #0c447c borders ===== */
        .main-nav {
            background-color: #1558b0;
            border-top: 1px solid #0c447c;
            border-bottom: 1px solid #0c447c;
            padding: 0 5%;
            position: sticky;
            top: 0;
            z-index: 1000;
        }
        .main-nav ul {
            display: flex;
        }
        .main-nav li {
            flex: 1;
            text-align: center;
        }
        .main-nav a {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            padding: 10px 8px;
            font-family: 'Lato', sans-serif;
            font-size: 14px;
            font-weight: 700;
            color: #fff;
            border-left: 1px solid #0c447c;
            border-right: 1px solid #0c447c;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: background-color 0.2s;
        }
        .main-nav a:hover {
            background-color: #0c447c;
        }
        /* ===== 导航：当前页面项高亮（橙底白字） ===== */
        .main-nav li.nav-active a {
            background-color: #ff8c1a;
            color: #fff;
            font-weight: 900;
        }
        .main-nav li.nav-active a:hover {
            background-color: #ff9d3a;
            color: #fff;
        }
        .main-nav li.nav-active .nav-icon circle { fill: #fff; }
        .main-nav li.nav-active .nav-icon path { fill: #0c447c !important; }
        .main-nav .nav-icon {
            width: 18px;
            height: 18px;
            flex-shrink: 0;
        }
        /* 非中文（英/俄）导航文字更长：整体缩小防溢出 */
        body.lang-compact .main-nav a {
            font-size: 12px;
            padding: 10px 4px;
            letter-spacing: 0;
            gap: 3px;
            white-space: nowrap;
        }
        body.lang-compact .main-nav .nav-icon { width: 15px; height: 15px; }
        @media (max-width: 1150px) and (min-width: 901px) {
            body.lang-compact .main-nav a { font-size: 10.5px; padding: 10px 2px; gap: 2px; }
            body.lang-compact .main-nav .nav-icon { width: 14px; height: 14px; }
        }

        /* 手机端快速点按按钮/导航不再触发双击放大（修复"复制中文"画面变大） */
        button, .main-nav a, .lang-link, .live-copy-btn, .live-dl-btn, .brand-toggle {
            touch-action: manipulation;
        }

        /* ===== HERO SLIDER ===== */
        .hero-banner {
            width: 100%;
            display: block;
        }
        .hero-banner img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* ===== SECTION COMMON ===== */
        section {
            padding: 40px 5% 50px;
        }
        .section-title {
            font-family: 'Lato', sans-serif;
            font-size: 32px;
            font-weight: 900;
            color: #000;
            text-align: center;
            margin-bottom: 12px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        .section-subtitle {
            font-size: 18px;
            color: #888;
            text-align: center;
            margin-bottom: 16px;
            font-weight: 300;
        }
        .section-divider {
            width: 60px;
            height: 3px;
            background: #1558b0;
            margin: 0 auto 24px;
        }

        /* ===== ABOUT SECTION ===== */
        #about { background: #fafafa; }
        .about-intro {
            max-width: 1100px;
            margin: 0 auto 20px;
            font-size: 16px;
            line-height: 1.9;
            color: #333;
        }
        .about-grid {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 40px;
            align-items: start;
            max-width: 1100px;
            margin: 0 auto;
        }
        .about-text p {
            font-size: 16px;
            line-height: 1.9;
            color: #333;
            margin-bottom: 16px;
        }
        .about-gallery {
            margin: 0 0 24px 0;
            display: flex;
            flex-direction: column;
            gap: 0;
            overflow: hidden;
        }
        .about-gallery .gallery-img {
            width: 100%;
            display: block;
            border-radius: 0;
            box-shadow: none;
        }
        .about-stats {
            display: flex;
            gap: 30px;
            margin-top: 30px;
        }
        .stat-item {
            text-align: center;
        }
        .stat-num {
            font-family: 'Lato', sans-serif;
            font-size: 36px;
            font-weight: 900;
            color: #1558b0;
        }
        .stat-label {
            font-size: 14px;
            color: #888;
            margin-top: 4px;
        }
        .about-video-wrapper {
            /* fixed in place, no sticky scrolling */
        }
        .about-video-wrapper video {
            width: 100%;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.12);
            display: block;
        }
        .about-video-label {
            text-align: center;
            font-size: 13px;
            color: #999;
            margin-top: 10px;
        }

        /* ===== BASES SECTION ===== */
        #bases { background: #fff; }
        .bases-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 40px;
            max-width: 1100px;
            margin: 0 auto;
        }
        .base-card {
            background: #fff;
            border-radius: 4px;
            overflow: hidden;
            box-shadow: 0 2px 15px rgba(0,0,0,0.08);
        }
        .base-card-header {
            height: 250px;
            background: linear-gradient(135deg, #333, #555);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #999;
            font-size: 14px;
        }
        .base-card-body {
            padding: 25px;
        }
        .base-card-body h3 {
            font-family: 'Lato', sans-serif;
            font-size: 22px;
            font-weight: 700;
            color: #000;
            margin-bottom: 10px;
        }
        .base-card-body p {
            font-size: 15px;
            color: #666;
            line-height: 1.7;
            margin-bottom: 12px;
        }
        .base-meta {
            display: flex;
            gap: 20px;
            font-size: 14px;
            color: #1558b0;
            font-weight: 700;
        }
        .bases-gallery-img {
            width: 100%;
            display: block;
            border-radius: 4px 4px 0 0;
        }
        .guangzhou-grid {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 40px;
            align-items: start;
        }
        .guangzhou-left .bases-gallery-img {
            border-radius: 8px;
            align-self: start;
            display: block;
        }
        .guangzhou-right video {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.12);
            display: block;
        }

        /* ===== 基地视频：中央播放按钮（点一下直接内联播放） ===== */
        .base-video-wrap {
            position: relative;
            width: 100%;
        }
        .base-video-wrap video {
            width: 100%;
            aspect-ratio: 9 / 16;
            object-fit: contain;
            background: #000;
            display: block;
        }

        /* ===== INSPECTION SECTION（检测案例网格：3 列 × 手机宽度） ===== */
        .inspection-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px 20px;
            max-width: 1100px;
            margin: 0 auto;
            justify-items: center;
        }
        .inspection-card {
            width: 100%;
            max-width: 360px;
        }
        .inspection-video-wrap {
            position: relative;
            width: 100%;
        }
        .inspection-video-wrap video {
            width: 100%;
            aspect-ratio: 9 / 16;
            object-fit: contain;
            background: #000;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.12);
            display: block;
        }
        .inspection-video-wrap.playing .video-play-btn { display: none; }
        .inspection-card-label {
            text-align: center;
            font-size: 13px;
            color: #666;
            margin-top: 10px;
            line-height: 1.5;
        }
        .video-play-btn {
            position: absolute;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            width: 68px; height: 68px;
            border-radius: 50%;
            border: none;
            background: rgba(10, 42, 77, 0.78);
            display: flex; align-items: center; justify-content: center;
            cursor: pointer;
            padding: 0;
            box-shadow: 0 4px 18px rgba(0,0,0,0.35);
            transition: transform 0.15s, background 0.15s;
            z-index: 2;
        }
        .video-play-btn svg {
            width: 34px; height: 34px;
            fill: #fff;
            margin-left: 5px; /* 三角视觉居中 */
        }
        .video-play-btn:hover { background: rgba(21, 88, 176, 0.9); transform: translate(-50%, -50%) scale(1.06); }
        .base-video-wrap.playing .video-play-btn { display: none; }

        /* ===== HARBIN CARD ===== */
        .harbin-grid {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 40px;
            align-items: start;
        }
        .harbin-left {
            display: flex;
            flex-direction: column;
        }
        .harbin-left .bases-gallery-img {
            border-radius: 8px;
            display: block;
        }
        .harbin-right video {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.12);
            display: block;
        }

        /* ===== CARS SECTION ===== */
        #cars { background: #fafafa; }

        /* ===== GALLERY SECTION ===== */
        #gallery { background: #fff; }
        .gallery-intro {
            max-width: 1100px;
            margin: 0 auto 30px;
            font-size: 16px;
            line-height: 1.9;
            color: #333;
        }
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .gallery-card {
            position: relative;
            aspect-ratio: 4 / 3;
            overflow: hidden;
            border-radius: 6px;
            cursor: pointer;
            background: #eee;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .gallery-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(0,0,0,0.18);
        }
        .gallery-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.4s;
        }
        .gallery-card:hover img {
            transform: scale(1.05);
        }
        /* Lightbox */
        .lightbox {
            display: none;
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0,0,0,0.92);
            z-index: 9999;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        .lightbox.active {
            display: flex;
        }
        .lightbox img {
            max-width: 92vw;
            max-height: 85vh;
            object-fit: contain;
            border-radius: 4px;
            box-shadow: 0 4px 40px rgba(0,0,0,0.5);
        }
        .lightbox-close {
            position: absolute;
            top: 20px; right: 30px;
            font-size: 36px;
            color: #fff;
            cursor: pointer;
            z-index: 10000;
            transition: color 0.2s;
            line-height: 1;
            background: none;
            border: none;
        }
        .lightbox-close:hover { color: #1558b0; }
        .lightbox-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 40px;
            color: #fff;
            cursor: pointer;
            z-index: 10000;
            background: rgba(255,255,255,0.1);
            border: none;
            width: 50px; height: 80px;
            border-radius: 6px;
            transition: background 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .lightbox-nav:hover { background: rgba(255,255,255,0.25); }
        .lightbox-prev { left: 20px; }
        .lightbox-next { right: 20px; }
        .lightbox-counter {
            color: #ccc;
            font-size: 14px;
            margin-top: 16px;
        }
        @media (max-width: 900px) {
            .gallery-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 8px;
            }
        }
        @media (max-width: 600px) {
            .gallery-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
        }
        .cars-layout {
            display: grid;
            grid-template-columns: 240px 1fr;
            gap: 40px;
            /* 与顶部导航栏内容同宽：跟随 section 的 padding: 0 5% */
            /* 不再强制 max-width: 1100px，避免在大屏上比导航栏还窄 */
        }
        .cars-sidebar {
            background: #fff;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            overflow: hidden;
        }
        .cars-sidebar h3 {
            font-family: 'Lato', sans-serif;
            font-size: 18px;
            font-weight: 700;
            padding: 10px 20px;
            background: #1558b0;
            color: #fff;
        }
        /* 品牌分类：行式列表 = 大 logo + 品牌名（中文/俄文随语言切换） */
        .brand-list { padding: 0; }
        .brand-category-label {
            padding: 6px 20px 4px;
            font-size: 18px;
            font-weight: 700;
            color: #000;
            text-align: center;
            background: #fff;
            border-bottom: 2px solid #1558b0;
        }
        .brand-toggle {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 12px;
            width: 100%;
            padding: 4px 20px;
            background: none;
            border: none;
            border-bottom: 1px solid #f0f0f0;
            cursor: pointer;
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            font-weight: 700;
            color: #333;
            text-align: left;
            transition: all 0.2s;
        }
        .brand-toggle:hover { background: #fafafa; color: #1558b0; }
        .brand-toggle.selected {
            background: #1558b0;
            color: #fff;
        }
        .brand-toggle.selected:hover { background: #0c447c; }
        .brand-logo-icon {
            width: 48px;
            height: 48px;
            object-fit: contain;
            flex-shrink: 0;
        }
        .brand-logo-fallback {
            width: 48px;
            height: 48px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #1558b0;
            color: #fff;
            font-size: 22px;
            font-weight: 900;
            border-radius: 50%;
            line-height: 1;
        }
        .brand-toggle.selected .brand-logo-fallback {
            background: #fff;
            color: #1558b0;
        }
        .brand-name-text {
            line-height: 1;
        }

        .brand-detail-card {
            background: #fff;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            overflow: hidden;
        }
        .brand-detail-header {
            padding: 30px;
            background: linear-gradient(135deg, #1558b0, #0c447c);
            color: #fff;
        }
        .brand-detail-header h3 {
            font-family: 'Lato', sans-serif;
            font-size: 32px;
            font-weight: 900;
            margin: 0;
            letter-spacing: 1px;
        }
        .brand-detail-category {
            display: inline-block;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            opacity: 0.85;
            margin-bottom: 8px;
            padding: 3px 10px;
            background: rgba(255,255,255,0.2);
            border-radius: 3px;
        }
        .brand-detail-body {
            padding: 30px;
        }
        .brand-detail-desc {
            font-size: 16px;
            color: #333;
            line-height: 1.7;
            margin-bottom: 24px;
        }
        .brand-detail-cta {
            background: #fafafa;
            border-radius: 4px;
            padding: 24px;
            text-align: center;
        }
        .brand-detail-cta p {
            font-size: 14px;
            color: #666;
            margin-bottom: 16px;
            line-height: 1.6;
        }
        .brand-cta-btn {
            display: inline-block;
            padding: 12px 32px;
            background: #1558b0;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            font-weight: 700;
            border-radius: 4px;
            transition: background 0.2s;
        }
        .brand-cta-btn:hover { background: #0c447c; }

        .cars-content {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            align-content: start;
        }
        .car-card {
            background: #fff;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            overflow: hidden;
            display: none;
        }
        .car-card.show { display: grid; grid-template-columns: 1fr 1fr; }
        .car-card-img {
            height: 240px;
            background: linear-gradient(135deg, #e0e0e0, #ccc);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #999;
            font-size: 12px;
        }
        .car-card-info {
            padding: 25px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .car-card-info h4 {
            font-family: 'Lato', sans-serif;
            font-size: 20px;
            font-weight: 700;
            color: #000;
            margin-bottom: 6px;
        }
        .car-card-info .car-year {
            font-size: 13px;
            color: #999;
            margin-bottom: 12px;
        }
        .car-card-info .car-note {
            font-size: 14px;
            color: #666;
            margin-bottom: 15px;
            line-height: 1.6;
        }
        .car-price-row {
            display: flex;
            gap: 20px;
        }
        .car-price {
            flex: 1;
            padding: 12px;
            border-radius: 4px;
            background: #fafafa;
        }
        .car-price .label {
            font-size: 12px;
            color: #999;
            margin-bottom: 4px;
        }
        .car-price .value {
            font-family: 'Lato', sans-serif;
            font-size: 18px;
            font-weight: 900;
            color: #1558b0;
        }

        /* ===== CONTACT SECTION ===== */
        #contact { background: #fff; }
        .contact-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
            max-width: 900px;
            margin: 0 auto;
        }
        .contact-card {
            background: #fafafa;
            border-radius: 4px;
            padding: 30px 20px;
            text-align: center;
            transition: transform 0.2s, box-shadow 0.2s;
        }
        .contact-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
        }
        .contact-card .contact-icon {
            width: 50px;
            height: 50px;
            margin: 0 auto 15px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .contact-card .contact-icon svg { width: 24px; height: 24px; fill: #fff; }
        .contact-card h4 {
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            font-weight: 700;
            color: #000;
            margin-bottom: 8px;
        }
        .contact-card .contact-value {
            font-size: 14px;
            color: #666;
            word-break: break-all;
        }
        /* Tooltip for WeChat / Email cards */
        .contact-card.has-tooltip {
            position: relative;
            cursor: pointer;
            user-select: none;
        }
        .contact-card-tooltip {
            display: none;
            position: absolute;
            bottom: calc(100% + 8px);
            left: 50%;
            transform: translateX(-50%);
            background: #333;
            color: #fff;
            padding: 10px 20px;
            border-radius: 6px;
            font-size: 15px;
            font-weight: 700;
            white-space: nowrap;
            z-index: 1001;
            box-shadow: 0 4px 14px rgba(0,0,0,0.25);
            pointer-events: none;
        }
        .contact-card-tooltip::after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            border: 7px solid transparent;
            border-top-color: #333;
        }
        .contact-card.has-tooltip:hover .contact-card-tooltip,
        .contact-card.has-tooltip.show-tip .contact-card-tooltip {
            display: block;
        }
        .contact-card.has-tooltip:active { transform: scale(0.97); }
        /* Copied feedback */
        .copied-feedback {
            position: fixed;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            background: #1558b0;
            color: #fff;
            padding: 10px 24px;
            border-radius: 6px;
            font-weight: 700;
            font-size: 15px;
            z-index: 9999;
            animation: fadeInOut 2s ease forwards;
            pointer-events: none;
        }
        @keyframes fadeInOut {
            0% { opacity: 0; transform: translateX(-50%) translateY(-10px); }
            15% { opacity: 1; transform: translateX(-50%) translateY(0); }
            75% { opacity: 1; }
            100% { opacity: 0; }
        }

        /* ===== FOOTER ===== */
        .site-footer {
            background: #1a1a1a;
            color: #999;
            padding: 40px 5% 20px;
            font-size: 14px;
        }
        .footer-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
            max-width: 1100px;
            margin: 0 auto 30px;
        }
        .footer-col h4 {
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            font-weight: 700;
            color: #fff;
            margin-bottom: 16px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        .footer-col a {
            display: block;
            color: #999;
            margin-bottom: 8px;
            transition: color 0.2s;
        }
        .footer-col a:hover { color: #1558b0; }
        .footer-bottom {
            text-align: center;
            border-top: 1px solid #333;
            padding-top: 20px;
            max-width: 1100px;
            margin: 0 auto;
        }
        .footer-bottom .brand-name {
            font-family: 'Lato', sans-serif;
            font-weight: 900;
            color: #1558b0;
        }

        /* ===== RESPONSIVE ===== */
        @media (max-width: 900px) {
            .about-grid, .bases-grid, .cars-layout, .guangzhou-grid, .harbin-grid {
                grid-template-columns: 1fr;
            }
            .cars-layout { gap: 20px; }
            .cars-sidebar { max-height: none; }
            .car-card.show { grid-template-columns: 1fr; }
            .contact-grid { grid-template-columns: 1fr 1fr; }
            .hero-banner img { object-fit: cover; }
            .footer-grid { grid-template-columns: 1fr; }

            /* 手机端：基地视频按竖屏原始比例满宽显示，下滑即见，
               点中央按钮直接内联播放（不进横屏全屏） */
            .guangzhou-right, .harbin-right {
                width: 100%;
                margin-top: 18px;
            }
            .guangzhou-right video, .harbin-right video {
                width: 100%;
                height: auto;
                border-radius: 10px;
            }
            .video-play-btn { width: 60px; height: 60px; }
            .video-play-btn svg { width: 30px; height: 30px; }
        }
        @media (max-width: 768px) {
            .main-nav ul { flex-wrap: wrap; }
            .main-nav a { font-size: 13px; padding: 10px 4px; }
            .main-nav .nav-icon { width: 16px; height: 16px; }
        }
        @media (max-width: 600px) {
            .top-bar { flex-direction: column; gap: 10px; }
            .top-bar-right { flex-wrap: wrap; justify-content: center; }
            .main-nav a { font-size: 12px; padding: 8px 3px; }
            .contact-grid { grid-template-columns: 1fr; }
        }

        /* Empty state */
        .empty-state {
            text-align: center;
            padding: 60px 20px;
            color: #999;
            font-size: 15px;
        }
/* ===== 最新车源（动态板块） ===== */
.live-cars-heading {
    font-size: 24px; font-weight: 900; color: #0d3d78; margin: 10px 0 4px;
}
.live-cars-sub { color: #667085; font-size: 14px; margin-bottom: 18px; }
.live-cars-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);   /* 电脑端：横排 3 列 */
    gap: 22px;
    margin-bottom: 40px;
}

/* ===== 手机端车源横向翻页：每页 4 辆（2×2 占满一屏），左右滑动换页 =====
   只在 .live-cars-grid.paged 时生效（JS 按断点加类，电脑端不受影响） */
.live-cars-grid.paged { display: block; margin-bottom: 26px; }
.cars-pager {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.cars-pager::-webkit-scrollbar { display: none; }
.cars-page {
    flex: 0 0 100%;
    width: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;    /* 一次滑动只翻一页 */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.live-pager-dots {
    display: flex; align-items: center; justify-content: center;
    gap: 7px; margin-top: 14px;
}
.live-pager-dot {
    width: 8px; height: 8px; border-radius: 999px; padding: 0;
    background: #c9d6e8; border: none; cursor: pointer;
    transition: width .2s, background .2s;
}
.live-pager-dot.active { width: 20px; background: #1558b0; }
.live-pager-num {
    font-style: normal; font-size: 12.5px; font-weight: 700;
    color: #667085; margin-left: 6px;
}

/* ===== 车辆详情浮层：完整描述 + 全部小图 ===== */
/* z-index 必须高于 sticky 红色导航(.main-nav z=1000)，否则手机端导航会盖住详情顶部、
   造成"上半屏滑不动、中文描述被截断" */
.live-detail {
    position: fixed; inset: 0; z-index: 1100;
    background: #fff;
    display: none; flex-direction: column;
}
.live-detail.active { display: flex; }
.live-detail-topbar {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 16px; background: #1558b0; color: #fff; flex-shrink: 0;
}
.live-detail-topbar span {
    font-weight: 700; font-size: 16px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.live-detail-topbar button {
    background: none; border: none; color: #fff; font-size: 24px;
    cursor: pointer; padding: 2px 10px; line-height: 1;
}
.live-detail-scroll {
    flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain; touch-action: pan-y;
    padding: 16px 16px 30px;
}
.live-detail-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
/* 详情元数据复用品牌/在售徽标时取消绝对定位，避免飘到屏幕角落 */
.live-detail-meta .live-brand-tag,
.live-detail-meta .live-badge {
    position: static; left: auto; top: auto; bottom: auto;
}
.live-detail-desc {
    white-space: pre-line; font-size: 15px; line-height: 1.75;
    color: #333; margin: 0; word-break: break-word; overflow-wrap: break-word;
}
/* 详情页中/俄描述分区 */
.live-detail-descs { margin-bottom: 20px; }
.live-det-lang {
    padding: 12px 14px; border-radius: 12px;
    background: #f7f9fc; border: 1px solid #e8edf3;
}
.live-det-lang + .live-det-lang { margin-top: 14px; }
.live-det-lang h5 {
    margin: 0; font-size: 12.5px; font-weight: 800;
    color: #1558b0; letter-spacing: .4px;
}
/* 描述块头部：左侧语言标签 + 右侧复制按钮 */
.live-det-head {
    display: flex; align-items: center; justify-content: space-between;
    gap: 10px; margin-bottom: 8px;
}
.live-copy-btn {
    flex-shrink: 0; border: 1px solid #cfd9e6; background: #fff;
    color: #1558b0; font-size: 12.5px; font-weight: 700;
    padding: 5px 12px; border-radius: 999px; cursor: pointer;
    touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
.live-copy-btn:active { background: #eaf2ff; }
/* 图片区：标题行 + 平铺小图 + 下载全部图片按钮 */
.live-detail-imgs { margin-top: 4px; }
.live-thumbs-head {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 10px;
}
.live-thumbs-head span {
    font-size: 14px; font-weight: 800; color: #222;
    border-left: 4px solid #1558b0; padding-left: 8px;
}
.live-detail-thumbs {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
}
.live-dl-btn {
    display: block; width: 100%; margin-top: 16px;
    background: linear-gradient(135deg, #1558b0, #0c447c); color: #fff;
    border: none; border-radius: 12px; padding: 14px 10px;
    font-size: 16px; font-weight: 800; letter-spacing: .3px;
    cursor: pointer; box-shadow: 0 4px 14px rgba(21,88,176,.30);
    touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
.live-dl-btn:active { transform: translateY(1px); box-shadow: none; }
.live-dl-btn:disabled { opacity: .6; cursor: wait; }
/* 复制/下载后的轻提示 */
.live-toast {
    position: fixed; left: 50%; bottom: 72px; transform: translateX(-50%) translateY(8px);
    background: rgba(20,26,36,.92); color: #fff; font-size: 14px; font-weight: 700;
    padding: 10px 20px; border-radius: 999px; z-index: 99999;
    opacity: 0; pointer-events: none; transition: opacity .25s, transform .25s;
    max-width: 86vw; text-align: center;
}
.live-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.live-det-thumb {
    position: relative; aspect-ratio: 4/3; border-radius: 8px;
    overflow: hidden; cursor: pointer; background: #f5f5f5;
}
.live-det-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.live-det-thumb span {
    position: absolute; right: 6px; bottom: 6px;
    background: rgba(0,0,0,.55); color: #fff; font-size: 11px;
    padding: 1px 8px; border-radius: 10px; font-weight: 700;
}
/* 品牌说明卡片与上方车源拉开间距 */
.brand-detail-card { margin-top: 8px; }
.live-car-card {
    background: #fff; border-radius: 14px; overflow: hidden;
    box-shadow: 0 2px 10px rgba(13,61,120,.10);
    border: 1px solid #e8edf3;
    transition: transform .2s, box-shadow .2s;
    display: flex; flex-direction: column;
}
.live-car-card:hover { transform: translateY(-4px); box-shadow: 0 8px 22px rgba(13,61,120,.18); }
.live-car-card.is-sold { opacity: .72; }
.live-car-card.is-sold .live-car-media img { filter: grayscale(.9); }
.live-car-media { position: relative; aspect-ratio: 4/3; background: #eef2f7; cursor: zoom-in; overflow: hidden; }
.live-car-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.live-car-count {
    position: absolute; right: 10px; top: 10px; background: rgba(0,0,0,.55); color: #fff;
    font-size: 12px; padding: 3px 9px; border-radius: 12px;
}
.live-badge {
    position: absolute; left: 10px; top: 10px; background: #1a7f37; color: #fff;
    font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 12px;
}
.live-badge.sold { background: #98a2b3; }
.live-nav {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 34px; height: 44px; border: none; background: rgba(255,255,255,.85);
    color: #0d3d78; font-size: 22px; font-weight: 700; cursor: pointer; border-radius: 8px;
    display: flex; align-items: center; justify-content: center; line-height: 1;
}
.live-nav.prev { left: 8px; }
.live-nav.next { right: 8px; }
.live-nav:active { background: #1558b0; color: #fff; }
.live-car-body { padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1; }
.live-car-title { font-size: 17px; font-weight: 800; color: #16213a; margin: 0 0 4px; line-height: 1.35; }
.live-car-specs { color: #667085; font-size: 13px; margin-bottom: 4px; }
.live-car-price { color: #1558b0; font-weight: 900; font-size: 19px; margin-bottom: 6px; }
/* 车卡标题后的行内价格：粗体红字、比标题大、明显 */
.live-car-price-inline {
    display: inline-block;
    margin-left: 8px;
    color: #e31818;
    font-weight: 900;
    font-size: 20px;
    line-height: 1;
    vertical-align: 2px;
    letter-spacing: -0.5px;
}
.live-car-desc {
    color: #475467; font-size: 13.5px; line-height: 1.55; margin: 0 0 12px;
    display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
    white-space: pre-line;
}
.live-car-ops { margin-top: auto; display: flex; gap: 8px; }
.live-car-cta, .live-car-tg {
    flex: 1; text-align: center; padding: 10px 8px; border-radius: 9px;
    font-size: 14px; font-weight: 700; text-decoration: none;
}
.live-car-cta { background: #1558b0; color: #fff; }
.live-car-cta:hover { background: #0d3d78; }
.live-car-tg { background: #eef2f7; color: #0d3d78; }
.live-car-tg:hover { background: #dfe7f2; }

/* 车源灯箱 */
.live-lightbox {
    position: fixed; inset: 0; background: rgba(8,12,20,.94); z-index: 9999;
    display: none;
}
.live-lightbox.active { display: block; }
/* 横向滑动轨道 */
.live-lb-stage {
    position: absolute; inset: 0; overflow: hidden; touch-action: none;
}
.live-lb-track {
    display: flex; height: 100%; will-change: transform;
}
.live-lb-slide {
    flex: 0 0 auto; height: 100%;
    display: flex; align-items: center; justify-content: center;
}
.live-lb-slide img {
    max-width: 100%; max-height: 100%; object-fit: contain;
    border-radius: 4px; user-select: none; -webkit-user-drag: none;
    -webkit-touch-callout: none;
}
.live-lb-topbar {
    position: absolute; top: 0; left: 0; right: 0; z-index: 6;
    padding: 14px 18px; display: flex; justify-content: space-between; align-items: center;
    color: #fff; background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0));
}
.live-lb-topbar span {
    font-size: 15px; font-weight: 700;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    padding-right: 10px;
}
.live-lb-topbar button {
    flex-shrink: 0; background: rgba(255,255,255,.15); color: #fff; border: none;
    width: 36px; height: 36px; border-radius: 50%; font-size: 17px; cursor: pointer;
}
/* 左右箭头（手机也显示） */
.live-lb-arrow {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
    width: 46px; height: 68px; border: none; border-radius: 12px;
    background: rgba(255,255,255,.14); color: #fff; font-size: 42px;
    line-height: 1; display: flex; align-items: center; justify-content: center;
    cursor: pointer; padding: 0 2px 4px 0;
}
.live-lb-arrow.prev { left: 8px; }
.live-lb-arrow.next { right: 8px; }
.live-lb-arrow:active { background: rgba(255,255,255,.32); }
.live-lb-arrow.off { opacity: .16; pointer-events: none; }
.live-lb-counter {
    position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%);
    color: #fff; background: rgba(255,255,255,.15); padding: 5px 16px; border-radius: 16px; font-size: 14px;
}

/* ===== 手机端：车源改为竖排单列卡片流 ===== */
@media (max-width: 900px) {
    .live-cars-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
}
@media (max-width: 600px) {
    .live-cars-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 30px; }
    .live-car-media { aspect-ratio: 4/3; }
    .live-lb-arrow { width: 36px; height: 56px; font-size: 30px; }
    .live-lb-arrow.prev { left: 4px; }
    .live-lb-arrow.next { right: 4px; }
}

/* ===== 车源品牌筛选条 ===== */
.live-brand-bar {
    display: flex; flex-wrap: wrap; gap: 10px;
    padding: 6px 2px 14px; margin-bottom: 6px;
    scroll-margin-top: 64px;   /* 锚点滚动：让出顶部 sticky 导航条 */
}
.live-brand-bar::-webkit-scrollbar { display: none; }
.live-brand-chip {
    flex-shrink: 0;
    display: inline-flex; align-items: center; gap: 6px;
    border: 1.5px solid #c9d6e8; background: #fff; color: #0d3d78;
    font-size: 14.5px; font-weight: 700; font-family: inherit;
    padding: 9px 18px; border-radius: 999px; cursor: pointer;
    transition: all .15s; white-space: nowrap;
}
.live-brand-chip i {
    font-style: normal; font-size: 12px; font-weight: 800;
    background: #e8f0fc; color: #1558b0; border-radius: 10px; padding: 1px 7px;
}
.live-brand-chip.active {
    background: #1558b0; border-color: #1558b0; color: #fff;
}
.live-brand-chip.active i { background: rgba(255,255,255,.25); color: #fff; }
/* 车型筛选胶囊：选中具体车型时高亮（用橙色与品牌主色区分） */
.live-brand-chip.live-model-chip.active {
    background: #e85d04; border-color: #e85d04; color: #fff;
}
.live-brand-chip.live-model-clear { font-weight: 600; opacity: .8; }
/* 车型筛选条：包住一行胶囊，与品牌胶囊同行/换行 */
.live-model-row {
    flex: 1 0 100%; display: flex; flex-wrap: wrap; gap: 8px;
    margin-top: 4px;
}
.live-bar-sep {
    color: #c9d6e8; padding: 0 4px; align-self: center; font-weight: 700;
}
/* 车卡上的车型标签（与 brand 区分） */
.live-model-tag {
    position: absolute; right: 10px; bottom: 10px;
    background: rgba(232,93,4,.92); color: #fff;
    font-size: 12px; font-weight: 700; padding: 3px 11px; border-radius: 12px;
    letter-spacing: .5px;
}
/* ===== 品牌详情卡里的"出口车型分类"区 ===== */
.brand-models {
    padding: 4px 24px 22px;
    border-top: 1px dashed #e3eaf3;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
.brand-models-label {
    display: flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 700; color: #1558b0;
    margin: 14px 0 10px;
}
.brand-models-label i {
    font-style: normal; background: #e8f0fc; color: #1558b0;
    border-radius: 10px; padding: 1px 8px; font-size: 12px;
}
.model-chip-list {
    display: flex; flex-wrap: wrap; gap: 8px;
}
.model-chip {
    border: 1.5px solid #ffd8b5; background: #fff7ed; color: #b8590b;
    font-family: inherit; font-size: 13.5px; font-weight: 700;
    padding: 7px 14px; border-radius: 999px; cursor: pointer;
    transition: all .15s;
}
.model-chip:hover { border-color: #e85d04; background: #ffeed9; }
.model-chip.active {
    background: #e85d04; border-color: #e85d04; color: #fff;
}
.live-brand-tag {
    position: absolute; left: 10px; bottom: 10px;
    background: rgba(13,61,120,.92); color: #fff;
    font-size: 12px; font-weight: 700; padding: 3px 11px; border-radius: 12px;
    letter-spacing: .5px;
}
.live-empty-brand {
    grid-column: 1 / -1; text-align: center; color: #98a2b3;
    padding: 34px 10px; font-size: 14.5px; background: #f8fafc;
    border-radius: 12px; border: 1px dashed #d5dbe3;
}
/* 筛选条所有断点统一自动换行（车型多时掉到第二排）——基础样式已改为 wrap，无需桌面覆盖 */

/* ============================================================
   ===== 全站手机端重做（竖屏原生体验，不再是缩小版电脑版） =====
   ============================================================ */
@media (max-width: 768px) {
    /* 手机端 sticky 导航条是两行 ≈ 100px，锚点滚到这要再多让出 */
    .live-brand-bar { scroll-margin-top: 104px; }

    /* ---- 品牌说明卡片：手机端压缩内边距 ---- */
    .brand-detail-header { padding: 18px 20px; }
    .brand-detail-header h3 { font-size: 24px; }
    .brand-detail-body { padding: 18px 20px; }
    .brand-detail-cta { padding: 16px; }
    .brand-detail-cta p { font-size: 13px; margin-bottom: 12px; }
    .brand-cta-btn { padding: 10px 26px; font-size: 13px; }

    /* ---- 车型分类区：手机端紧凑 ---- */
    .brand-models { padding: 4px 16px 18px; }
    .brand-models-label { font-size: 12.5px; margin: 12px 0 8px; }
    .model-chip { font-size: 13px; padding: 6px 12px; }

    /* ---- 检测案例网格：手机端 1 列满宽竖屏 ---- */
    .inspection-grid { grid-template-columns: 1fr; gap: 18px; }
    .inspection-card { max-width: 100%; }

    /* ---- 顶栏：一行式，LOGO + 语言切换（联系方式收进页面，不再拥挤） ---- */
    .top-bar {
        flex-direction: row;
        justify-content: space-between;
        padding: 10px 16px;
        gap: 8px;
    }
    .top-bar-right { flex-wrap: nowrap; gap: 10px; }
    .social-icons { display: none; }           /* 联系方式图标手机端隐藏，页面内有完整联系方式 */
    .lang-switch { border-left: none; padding-left: 8px; gap: 6px; }
    .lang-link { font-size: 15px; padding: 4px 5px; }
    .brand-logo { font-size: 22px; }

    /* ---- 红色导航条：两行三列网格，6 项全部显示、无需滑动 ---- */
    .main-nav { padding: 0; }
    .main-nav ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
        padding: 8px;
    }
    .main-nav li { width: 100%; text-align: center; }
    .main-nav a {
        display: block;
        font-size: 14px;
        font-weight: 700;
        padding: 11px 2px;
        white-space: nowrap;
        border: none;
        border-radius: 7px;
        background: rgba(255,255,255,0.16);
        text-align: center;
    }
    .main-nav a:active,
    .main-nav a:hover { background: #fff; color: #1558b0; }
    .main-nav .nav-icon { display: none; }
    /* 手机三列网格下外文更长，再缩一号保证不溢出 */
    body.lang-compact .main-nav a { font-size: 10.5px; padding: 11px 1px; }

    /* ---- 标题与区块留白 ---- */
    section { padding: 44px 16px 40px; }
    .section-title { font-size: 26px; }
    .section-subtitle { font-size: 14px; }

    /* ---- 车源：一屏 4 辆（2×2 紧凑卡片），点击进详情看大图 ---- */
    .live-cars-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 26px; }
    .live-car-card { border-radius: 8px; }
    .live-car-media { aspect-ratio: 4/3; }
    .live-car-body { padding: 8px 10px 10px; }
    .live-car-title { font-size: 13.5px; margin: 0 0 4px; }
    .live-car-price-inline { font-size: 15px; margin-left: 4px; vertical-align: 1px; }
    .live-car-desc { font-size: 12.5px; -webkit-line-clamp: 2; margin: 0; }
    .live-badge, .live-brand-tag, .live-car-count { font-size: 10.5px; }
    .live-brand-chip { font-size: 14px; padding: 8px 15px; }
    .live-nav { display: none; }   /* 卡片箭头手机端隐藏（手指滑动翻图） */
    .live-lb-arrow.off { display: none; }

    /* ---- 车辆详情浮层：小图 3 列平铺 ---- */
    .live-detail-thumbs { grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .live-dl-btn { font-size: 15px; padding: 13px 10px; border-radius: 10px; }

    /* ---- 品牌分类（置顶）：胶囊 = 大 logo + 品牌名，分类大字 ---- */
    .cars-sidebar { max-height: none; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
    .cars-sidebar h3 { font-size: 19px; padding: 8px 16px; text-align: center; }
    .brand-list {
        display: flex; flex-wrap: wrap; gap: 6px 8px;
        justify-content: center;
        max-height: none; overflow: visible;
        padding: 8px 8px 10px;
    }
    .brand-list .brand-category-label {
        width: 100%;
        font-size: 19px;
        font-weight: 800;
        margin: 6px 0 0;
        padding: 0 4px;
        text-align: center;
        border-bottom: 2px solid #1558b0;
    }
    .brand-list .brand-category-label:first-child { margin-top: 0; }
    .brand-toggle {
        width: auto !important;
        padding: 4px 12px !important;
        border-radius: 12px !important;
        font-size: 16px !important;
        gap: 8px;
        border: 1px solid #eee !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.07);
        background: #fff;
    }
    .brand-toggle.selected { border-color: #1558b0 !important; }
    .brand-logo-icon { width: 44px !important; height: 44px !important; }
    .brand-logo-fallback { width: 44px !important; height: 44px !important; font-size: 20px !important; }
    /* 手机端车源页：隐藏"车源"大标题/副标题/横线，让客户少滑几下直达品牌 */
    #cars .section-title, #cars .section-subtitle, #cars .section-divider { display: none; }
    /* 实拍车源区的品牌筛选 chip 同步压扁 */
    .live-brand-chip { padding: 5px 16px; }

    /* ---- 页脚紧凑 ---- */
    .footer-grid { gap: 18px; }
    .site-footer { padding: 34px 16px 20px; }
}

/* ===== 品牌分类顶部："每日更新"入口（德系分类之上；当天有新车显示新车，没有则显示最近一批） ===== */
.brand-daily {
    display: flex; align-items: center; gap: 12px; width: 100%;
    padding: 6px 16px; border: none; cursor: pointer; text-align: left;
    font-family: 'Lato', sans-serif;
    background: linear-gradient(135deg, #1558b0 0%, #4f8ff0 100%);
    color: #fff; border-bottom: 1px solid rgba(255,255,255,.28);
    transition: filter .2s;
}
.brand-daily:active { filter: brightness(1.08); }
.brand-daily.active { outline: 2px solid #0c447c; outline-offset: -2px; }
.brand-daily.empty {
    background: #eef1f5; color: #8a94a6; cursor: default;
    border-bottom: 1px solid #f0f0f0;
}
.brand-daily.empty:active { filter: none; }
.brand-daily-ic { font-size: 20px; line-height: 1; flex-shrink: 0; }
.brand-daily.empty .brand-daily-ic { opacity: .55; }
.brand-daily-txt { flex: 1; min-width: 0; }
.brand-daily-txt b { font-size: 16px; font-weight: 800; line-height: 1.2; display: block; }
/* 叠罗汉小图：最新上传在最上层，盖住后一张的 2/3，依次向右露出一点 */
.brand-daily-stack { display: inline-flex; flex-shrink: 0; align-items: center; direction: ltr; }
.brand-daily-stack img {
    width: 42px; height: 42px; object-fit: cover; border-radius: 10px; display: block;
    border: 2px solid rgba(255,255,255,.95); box-shadow: 0 1px 5px rgba(0,0,0,.18);
    position: relative; background: #fff;
}
.brand-daily-stack img + img { margin-left: -28px; }   /* 重叠 2/3，只露出右边 1/3 */
.brand-daily-stack img:nth-child(1) { z-index: 8; }
.brand-daily-stack img:nth-child(2) { z-index: 7; }
.brand-daily-stack img:nth-child(3) { z-index: 6; }
.brand-daily-stack img:nth-child(4) { z-index: 5; }
.brand-daily-stack img:nth-child(5) { z-index: 4; }
.brand-daily-stack img:nth-child(6) { z-index: 3; }
.brand-daily-stack img:nth-child(7) { z-index: 2; }
.brand-daily-stack img:nth-child(8) { z-index: 1; }

/* 侧边栏标题"车源总数"的数字徽标 */
.cars-total-count {
    display: inline-block; margin-left: 8px; padding: 1px 9px;
    border-radius: 11px; background: rgba(255,255,255,.24);
    font-size: 14px; font-weight: 800; vertical-align: 1px;
}

/* ===== 详情下载区：单个"下载全部图片"按钮 =====
   手机端点击 = 一键逐张存入相册/下载（Android 自动；iOS 弹系统分享选"存储到照片"）
   桌面端点击 = 弹"选择文件夹"把全部图片直接写入；无该 API 时退化为 ZIP */
.live-dl-zone { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.live-dl-zone .live-dl-btn { margin-top: 0; }
.live-dl-hint { margin: 2px 2px 0; color: #98a2b3; font-size: 12px; line-height: 1.65; }

/* ---- 手机品牌列表：入口铺满整行 ---- */
@media (max-width: 768px) {
    .brand-daily {
        width: 100%; border-radius: 12px; padding: 10px 13px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
    .brand-daily-txt b { font-size: 17px; }
    .brand-daily-stack img { width: 46px; height: 46px; }
    .brand-daily-stack img + img { margin-left: -31px; }
}



/* ===== 跟手滑动返回（卡片式转场） ===== */
html { background: #0a3a6e; }   /* 整页被拉走时露出的底色 */
#krsBackInd {
    position: fixed; left: 16px; top: 44%;
    z-index: 900; display: flex; flex-direction: column; align-items: center; gap: 8px;
    opacity: 0; pointer-events: none; transition: opacity .18s ease; color: #fff;
    transform: translateZ(0);
}
#krsBackInd.show { opacity: 1; }
#krsBackInd .ic {
    width: 46px; height: 46px; border-radius: 50%;
    background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.28);
    display: flex; align-items: center; justify-content: center;
    font-size: 34px; font-weight: 300; line-height: 1; padding-bottom: 3px;
    box-shadow: 0 4px 14px rgba(0,0,0,.28);
}
#krsBackInd .tx { font-size: 12px; letter-spacing: 1px; color: rgba(255,255,255,.85); }

/* ---- 下层真实"上一页"：整页右滑时露出（从站内页面点进来时预载的同源 iframe） ---- */
#krsPrevLayer {
    position: fixed; left: 0; top: 0; width: 100%; height: 100%;
    border: 0; margin: 0; padding: 0; display: block;
    background: transparent; opacity: 0; visibility: hidden;
    pointer-events: none; z-index: -1;
    transform: translateZ(0);
}
#krsPrevLayer.show { opacity: 1; visibility: visible; }

/* ---- 根页下层：无"上一页"可退时（首页直接打开）露出的品牌根背景 ---- */
#krsRootBg {
    position: fixed; left: 0; top: 0; width: 100%; height: 100%;
    z-index: -1; opacity: 0; visibility: hidden; pointer-events: none;
    background: radial-gradient(130% 100% at 18% 0%, #1d66c4 0%, #0a3a6e 52%, #062a52 100%);
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}
#krsRootBg.show { opacity: 1; visibility: visible; }
#krsRootBg .bg-logo {
    font-family: 'Lato', sans-serif; font-weight: 900; font-size: 44px;
    color: rgba(255,255,255,.94); letter-spacing: 2px; line-height: 1;
}
#krsRootBg .bg-tx {
    margin-top: 14px; font-size: 13px; color: rgba(255,255,255,.6);
    letter-spacing: 3px; font-family: 'Lato', sans-serif;
}

/* ===== 海报加宽（关于我们整页海报） ===== */
#about { padding: 0 !important; max-width: 100% !important; }
#about-poster {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    border: 0;
}
/* 顶部栏下方不留空隙：海报紧贴导航 */
.main-nav + #about,
section#about { margin-top: 0; }