/* 首页 index：从模板内联 <style> 抽离而来。当前仅做资源分离，不改原有选择器与逻辑。 */


/* ===== 原 index 内联样式块 1 开始 ===== */
:root{ --container-max:1200px; }
        body{ background:#f5f6f8; }
        .container{ max-width:var(--container-max); }

        /* 顶部首屏：仅文案+搜索（搜索更醒目，上下结构） */
        .hero{ background:#fff; border-bottom:1px solid #eef0f3; }
        .hero h1{ font-weight:800; letter-spacing:.3px; }
        .hero .lead{ color:#6b7280; }
        /* ===== 首页搜索框（与详情页保持一致） ===== */
        #pageIndex .search-box input{
            font-size:1rem;
            height:42px;                         /* 和详情页一致的高度 */
            box-shadow:none;
            border-radius:0;                     /* 由左右按钮来控制圆角 */
        }
        /* 首页搜索框所有按钮统一高度，宽度由各自 class 决定 */
        #pageIndex .search-box .btn{
            height:42px;                     /* 与输入框同高 */
            padding:0;
            display:inline-flex;
            align-items:center;
            justify-content:center;
        }

        /* 左边列表按钮、右边车型按钮的圆角与详情页统一 */
        #pageIndex .search-box .left-filter-btn{
            border-top-left-radius:21px;
            border-bottom-left-radius:21px;
            border-top-right-radius:0;
            border-bottom-right-radius:0;
        }
        #pageIndex .search-box .right-filter-btn{
            border-top-right-radius:21px;
            border-bottom-right-radius:21px;
            border-top-left-radius:0;
            border-bottom-left-radius:0;
        }
        /* 中间“搜索”蓝色按钮两侧直角，外侧圆角由上面两个控制 */
        #pageIndex .search-box .btn-search-main{
            border-radius:0;
        }

        /* 快捷入口（两行 4 列；移动端自动折行） */
        .quick-grid .qitem{
            border:1px solid #e5e7eb; border-radius:.75rem; background:#fff;
            padding:1rem; display:flex; align-items:center; gap:.75rem;
        }
        .quick-grid .qitem i{ font-size:1.25rem; }
        .quick-grid .qitem:hover{ background:#f9fafb; text-decoration:none; }

        /* 大 Banner（上下结构的下半部分，做全宽） */
        .mega-banner{ background:#fff; border-bottom:1px solid #eef0f3; }

        /* 品牌条带 */
        .brandbar img{ height:28px; filter:grayscale(100%); opacity:.85; }
        .brandbar img:hover{ filter:none; opacity:1; }

        /* “结果区”与“最新上架” */
        .section-hd{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.75rem; }
        .section-hd h2{ font-size:1.25rem; font-weight:700; margin:0; }
        /* 首页商品卡图：有图时铺满卡片高 */
        .prod-card-img {
            width:100%;
            height:170px;
            object-fit:cover;
            background:#fafafa;
            border-bottom:1px solid #eef0f3;
        }
        /* ✅ NEW 角标（汽配大厂风：醒目但克制） */
        .prod-badge-new{
            position:absolute;
            top:10px;
            left:10px;
            padding:4px 10px;
            font-size:12px;
            font-weight:800;
            letter-spacing:.4px;
            color:#fff;
            background: linear-gradient(90deg,#ff4d4f,#ff7a45);
            border-radius:999px;
            box-shadow:0 6px 16px rgba(255,77,79,.22);
            z-index:3;
            pointer-events:none; /* 不影响点击图片进入详情 */
        }
        /* 让角标在小屏也舒服 */
        @media (max-width:576px){
            .prod-badge-new{ top:8px; left:8px; padding:3px 8px; font-size:11px; }
        }

        /* 没有商品图 => 用 SRR LOGO，占位更克制 */
        .prod-card-img.no-img {
            object-fit:contain;         /* 不裁切LOGO，完整缩小显示 */
            padding:16px;               /* 给LOGO留呼吸空间 */
            background:#fff;            /* 白底，让橙色LOGO更干净 */
            border:1px solid #eee;      /* 轻描边，显得像缩略图而不是大片色块 */
            border-radius:8px;
            height:170px;               /* 高度保持一致，卡片不会跳高 */
            box-sizing:border-box;
        }

        .card-title{
            font-size:1rem; line-height:1.3; margin-bottom:.25rem;
            display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
            overflow:hidden;
        }
        /* 首页卡片：SKU / OE / 适配车型信息统一风格 */
        .sku,
        .home-card-meta{
            font-size:.85rem;
            line-height:1.4;
            color:#6c757d;
        }

        .sku{
            margin-top:.1rem;
        }

        .home-card-meta{
            margin-top:.2rem;
        }

        .home-card-meta .meta-row{
            display:flex;
            align-items:flex-start;
            gap:.25rem;
            margin-top:.1rem;
        }

        .home-card-meta .meta-label{
            flex:0 0 auto;
            color:#6c757d;
            font-weight:600;
            white-space:nowrap;
        }

        .home-card-meta .meta-value{
            min-width:0;
            flex:1 1 auto;
            color:#6c757d;
            overflow:hidden;
            text-overflow:ellipsis;
        }

        .home-card-meta .meta-value.single-line{
            white-space:nowrap;
        }

        .home-card-meta .meta-value.multi-line{
            display:-webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient:vertical;
            white-space:normal;
            overflow:hidden;
            word-break:break-word;
        }

        @media (max-width: 576px){
            .sku,
            .home-card-meta{
                font-size:.8rem;
                line-height:1.35;
            }
        }
        body.backdrop-blur::after{
            content:''; position:fixed; inset:0; backdrop-filter: blur(3px);
            background: rgba(0,0,0,.08); z-index: 1040; pointer-events:none;
        }
        /* 首页：搜索建议（与查询页对齐） */
        #homeSuggestBox .suggestion-item{
            display:flex; align-items:center; gap:.5rem;
            padding:.5rem .75rem; cursor:pointer;
            white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
        }
#homeSuggestBox .suggestion-thumb-box {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
}

#homeSuggestBox .suggestion-thumb-box .suggestion-thumb-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

#homeSuggestBox .suggestion-thumb-box.is-fallback {
    padding: 6px;
}

#homeSuggestBox .suggestion-thumb-box.is-fallback .suggestion-thumb-img {
    object-fit: contain !important;
}
        #homeSuggestBox .suggestion-item:hover{ background:#f7f7f7; }
        #homeSuggestBox .type{ color:#98A2B3; font-size:12px; }
        #homeSuggestBox .name, #homeSuggestBox .oe, #homeSuggestBox .code{
            max-width: 33%;
        }
        #homeSuggestBox .name, #homeSuggestBox .oe, #homeSuggestBox .code{
            overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
        }
        /* 统一一级标准名称 SVG 图标尺寸（移动端更小，超宽屏稍大） */
        .std-icon{ width:18px; height:18px; object-fit:contain; flex:0 0 18px; vertical-align:-3px; }
        @media (min-width:1400px){ .std-icon{ width:20px; height:20px; vertical-align:-3px; } }
        @media (max-width:575.98px){ .std-icon{ width:16px; height:16px; vertical-align:-2px; } }
        .std-icon, .cat-icon, .veh-icon{ border-radius:6px; }
        .btn .bi-cart, .btn .bi-cart-plus, .btn .bi-bag{
            font-size:1.15rem !important;
        }
        .hero{ padding-top:.75rem !important; padding-bottom:.75rem !important; }
        /* ✅ 首页轮播图：保持 4:1 比例，完整展示不裁切，并且高度不要太大 */
        /* ✅ 首页轮播图：尽量不裁切（主图 object-fit:contain），两侧留白用“模糊背景”填充 */
        /* ✅【首页轮播图最终版】铺满横向 + 图更大 + 不做渐变/不割裂 */

        /* 控制按钮/圆点更精致 */
        #homeCarousel .carousel-indicators [data-bs-target]{
            width:8px; height:8px;
            border-radius:999px;
        }
        #homeCarousel .carousel-control-prev,
        #homeCarousel .carousel-control-next{
            width:56px;
            opacity:.85;
        }
        #homeCarousel:hover .carousel-control-prev,
        #homeCarousel:hover .carousel-control-next{
            opacity:1;
        }

        /* 小屏再矮一点，首屏更容易看到商品 */
        @media (max-width: 992px){
            .home-banner{ height: clamp(160px, 24vh, 260px); }
        }
        @media (max-width: 576px){
            .home-banner{ height: 180px; border-radius: 10px; }
        }

        /* 统一三项高度与观感 */
        #ocVehicle .input-group .form-control,
        #ocVehicle .input-group .form-select,
        #ocVehicle .input-group .input-group-text{
            height: 42px;
            border-radius: 0 !important;   /* 去圆角=方形图标/输入框 */
        }
        #ocVehicle .input-group .input-group-text{
            background:#f8fafc; color:#6b7280;
        }
        #ocVehicle .combo .combo-dropdown{  /* 下拉面板靠右对齐到输入框右侧 */
            border-radius:.5rem;
        }
        /* SRR-Patch: 车型筛选下拉浮层在 Offcanvas 内层级要高于 1045 */
        #ocVehicle .combo{ position: relative; }
        #ocVehicle .combo .combo-dropdown{
            position: absolute;
            z-index: 1060;            /* 原来 1040 有时会被遮住 */
            left: 42px; right: 0;     /* 与左侧图标对齐 */
            max-height: 260px; overflow: auto;
            border-radius: .5rem;
        }
        #ocVehicle .input-group .form-control,
        #ocVehicle .input-group .form-select,
        #ocVehicle .input-group .input-group-text{ height: 42px; }

        /* Offcanvas 内的品牌/车型 combobox 外框与下拉统一圆角 */
        #ocVehicle .combo { border-radius: 10px; }
        #ocVehicle .combo-dropdown { border-radius: 10px; }

        /* 清空(X)按钮始终垂直居中、点击面积友好 */
        #ocVehicle .combo-clear{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            width:28px; height:40px;       /* 与输入框同高 */
            border:0; background:transparent; color:#98A2B3;
        }
        #ocVehicle .combo-clear:hover{ color:#165DFF; background:#f5f7ff; border-radius:50%; }
        /* Offcanvas 内输入/清空按钮触控尺寸统一到 44px（电商标准） */
        #ocVehicle .input-group .form-control,
        #ocVehicle .input-group .form-select,
        #ocVehicle .input-group .input-group-text{
            min-height: 44px;
        }
        #ocVehicle .combo-clear{
            width: 44px; height: 44px; line-height: 44px;
            align-items:center; justify-content:center;
        }

        /* 响应式适配：笔记本端和移动端 */
        @media (max-width: 1399.98px) {
            :root { --container-max: 1140px; }
        }
        @media (max-width: 1199.98px) {
            :root { --container-max: 960px; }
            .hero .lead { font-size: 0.95rem; }
            .search-box input { font-size: 1.1rem; height: 3rem; }
            .quick-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 991.98px) {
            :root { --container-max: 720px; }
            .hero h1 { font-size: 1.75rem; }
            .hero .lead { font-size: 0.9rem; }
            .search-box { max-width: 100%; }
            .search-box input { font-size: 1rem; height: 2.8rem; }
            .quick-grid { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
            .section-hd { flex-direction: column; align-items: flex-start !important; gap: 0.5rem; }
        }
        @media (max-width: 767.98px) {
            .hero { padding: 1rem 0 !important; }
            .hero h1 { font-size: 1.5rem; }
            .hero .lead { font-size: 0.85rem; }
            .search-box input { font-size: 0.95rem; height: 2.5rem; }
            .quick-grid { grid-template-columns: 1fr; }
            .prod-card-img { height: 150px; }
            .card-title { font-size: 0.95rem; }
        }
        @media (max-width: 575.98px) {
            .hero h1 { font-size: 1.25rem; }
            .hero .lead { display: none; }
            .search-box input { font-size: 0.9rem; height: 2.2rem; padding: 0.375rem 0.75rem; }
            .quick-grid .qitem { padding: 0.75rem; font-size: 0.9rem; }
            .section-hd h2 { font-size: 1.1rem; }
        }
        /* 手机端：保持单行，不修改 DOM 顺序（order），按钮紧凑，输入自适应 */
        @media (max-width: 575.98px){
            .search-box .input-group{
                flex-wrap: nowrap !important;                 /* 关键：不换行 */
                align-items: center;
                max-width: 100%;
                min-width: 0;
            }
            /* 还原顺序：不再人为设置 order，避免把左侧按钮挪到右边 */
            .search-box .input-group .form-control{
                order: 0 !important;
                flex: 1 1 auto !important;                   /* 吃剩余空间 */
                min-width: 0 !important;
                margin-bottom: 0 !important;
            }
            .search-box .input-group > .btn{
                order: 0 !important;
                flex: 0 0 var(--srr-search-btn-w-mobile, 42px) !important;
                width:      var(--srr-search-btn-w-mobile, 42px) !important;
                padding: 0 !important;
                display: inline-flex; align-items:center; justify-content:center;
                line-height: 1;
            }
            .search-box .input-group > .btn i{ font-size: 18px; }
        }


        html { scrollbar-gutter: stable both-edges; }
        /* 宽屏提升主容器的最大宽度 */
        @media (min-width: 1600px){
            .container, .container-lg, .container-xl, .container-xxl { max-width: 1440px; }
        }
/* ===== 原内联样式块 1 结束 ===== */

/* ===== 原 index 内联样式块 2 开始 ===== */
:root{
            --srr-bg:#f7f8fa; --srr-card:#fff; --srr-text:#1f2937; --srr-muted:#6b7280;
            --srr-brand:#ff6b00; --srr-border:#e5e7eb; --srr-radius:16px; --srr-shadow:0 6px 18px rgba(0,0,0,0.06);
        }
        html,body{background:var(--srr-bg); color:var(--srr-text); overflow-x:hidden;}
        /* 通用容器：页面主区与粘底页脚支撑 */
        body{min-height:100vh; display:flex; flex-direction:column;}
        .srr-page{flex:1 0 auto; padding:12px 0 20px;}
        footer{margin-top:auto;}

        /* 顶部吸顶搜索条（手机端样式） */
        .srr-topbar{position:sticky; top:0; z-index:1030; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.06)}
        .srr-topbar .srr-search{display:flex; gap:8px; padding:10px; align-items:center;}
        .srr-search .form-control{height:44px; border-radius:999px;}
        .srr-search .btn{height:44px; border-radius:999px; padding:0 16px;}

        /* 卡片列表：PC 三栏/两栏，手机单列或双列视需要 */
        .srr-card{background:#fff; border:1px solid var(--srr-border); border-radius:12px; box-shadow:var(--srr-shadow);}
        .srr-grid{display:grid; gap:12px;}
        @media (min-width: 992px){ .srr-grid-3{grid-template-columns:repeat(3,1fr);} .srr-grid-2{grid-template-columns:repeat(2,1fr);} }
        @media (max-width: 991.98px){ .srr-grid-2{grid-template-columns:repeat(2,1fr);} .srr-grid-1{grid-template-columns:1fr;} }

        /* 商品行：PC横向三段；手机改为纵向堆叠 */
        .srr-item{display:flex; gap:12px; padding:12px; border-bottom:1px dashed var(--srr-border);}
        .srr-item:last-child{border-bottom:none;}
        .srr-thumb{width:112px; min-width:112px; height:112px; border-radius:12px; border:1px solid var(--srr-border); display:flex; align-items:center; justify-content:center; background:#fff; overflow:hidden;}
        .srr-thumb img{max-width:100%; max-height:100%; object-fit:contain;}
        .srr-main{flex:1; min-width:0;}
        .srr-name{font-size:16px; font-weight:700; line-height:1.3;}
        .srr-sub{color:var(--srr-muted); font-size:12px;}
        .srr-side{width:180px; min-width:180px; display:flex; flex-direction:column; align-items:flex-end; gap:8px;}
        .srr-price{font-weight:900; font-size:18px;}
        .srr-cta .btn{border-radius:12px; padding:.45rem .9rem;}
        @media (max-width: 575.98px){
            .srr-item{flex-direction:column;}
            .srr-side{width:100%; min-width:auto; align-items:flex-start;}
        }

        /* 侧栏：手机不再 sticky/fixed，回落为普通流式 */
        @media (max-width: 991.98px){
            .srr-sidebar{position:static !important; top:auto !important; padding-right:0 !important;}
        }

        /* 顶部 Banner 16:9 */
        .srr-banner{position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:12px;}
        .srr-banner img{width:100%; height:100%; object-fit:cover;}

        /* 详情页底部 CTA（手机固定） */
        .srr-fixed-cta{position:sticky; bottom:0; background:#fff; padding:10px; border-top:1px solid var(--srr-border); z-index:1030;}
        .srr-fixed-cta .btn{height:44px; border-radius:12px;}

        /* 工具栏字段在极小屏允许换行，不强制 min-width */
        @media (max-width:575.98px){ .srr-field{min-width:0 !important; flex:1 1 100% !important;} }
        /* iOS 安全区：防止内容贴到刘海/底部手势区 */
        :root{
            --safe-top: env(safe-area-inset-top, 0px);
            --safe-bottom: env(safe-area-inset-bottom, 0px);
        }
        .srr-topbar{ padding-top: max(0px, var(--safe-top)); }
        footer{ padding-bottom: max(0px, var(--safe-bottom)); }
        /* ====== 搜索条：始终单行，375px 也不换行 ====== */
        .search-box .input-group{
            flex-wrap: nowrap !important;   /* 关键：禁止换行 */
            align-items: center;
            max-width: 100%;
            min-width: 0;                  /* 防溢出 */
        }

        /* 输入框在中间，弹性伸缩占满剩余空间 */
        .search-box .input-group .form-control{
            flex: 1 1 auto !important;     /* 关键：让输入框吃剩余空间 */
            min-width: 0 !important;        /* 关键：允许收缩，避免把外层撑爆 */
            padding-left: 12px;
            padding-right: 12px;
        }

        /* 两侧/中间的小图标按钮：固定紧凑宽度，避免把输入框挤窄 */
        .search-box .input-group > .btn{
            flex: 0 0 42px !important;      /* 42~44px 亲测手感好 */
            width: 42px !important;
            padding: 0 !important;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }

        /* 图标大小微调，防止视觉拥挤 */
        .search-box .input-group > .btn i{
            font-size: 18px;                /* 16~18 都可以 */
        }

        /* 极小屏时占位更紧凑（可选） */
        @media (max-width: 360px){
            .search-box .input-group > .btn{ width: 40px !important; flex-basis: 40px !important; }
            .search-box .input-group .form-control::placeholder{ font-size: 14px; }
        }
        /* 统一小图标按钮尺寸（如果加了 .btn-icon） */
        .search-box .input-group > .btn.btn-icon{
            width: 42px !important;
            flex: 0 0 42px !important;
            padding: 0 !important;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        /* 左图标按钮：外侧(左)圆角，内侧(右)直角 */
        .search-box .input-group > :first-child{
            border-radius: 10px 0 0 10px !important;
        }
        /* 右图标按钮：外侧(右)圆角，内侧(左)直角 */
        .search-box .input-group > :first-child{
            border-radius: 0 !important;
        }
        /* 右图标按钮：外侧(右)直角（与其它页面一致） */
        .search-box .input-group > :last-child{
            border-radius: 0 !important;
        }

        /* 中间 input 与按钮相接处不出现双边框 */
        .search-box .input-group > * + *{ margin-left: -1px; }
        /* === SRR 搜索条：PC/手机一致为一行，左 标准名称 / 中 输入 / 右 搜索+车型 === */
        /* 1) 整组：一行不换、允许收缩 */
        .search-box .input-group{
            flex-wrap: nowrap !important;             /* 永不换行 */
            align-items: center;
            max-width: 100%;
            min-width: 0;                             /* 防止被子项撑爆 */
        }

        /* 2) 输入框：自适应吃剩余空间 */
        .search-box .input-group .form-control{
            flex: 1 1 auto !important;                /* 吃剩余空间 */
            min-width: 0 !important;                  /* 允许收缩 */
            padding-left: 12px;
            padding-right: 12px;
        }

        /* 3) 三个小图标按钮：固定紧凑宽度，避免把输入框挤窄 */
        :root{
            --srr-search-btn-w-desktop: 40px;         /* PC 宽度 */
            --srr-search-btn-w-mobile:  40px;         /* 手机宽度（可改 40） */
            --srr-search-icon-size:     18px;         /* icon 字号（可改 20） */
        }

        /* 默认先按 PC 定义 */
        .search-box .input-group > .btn{
            flex: 0 0 var(--srr-search-btn-w-desktop) !important;
            width:      var(--srr-search-btn-w-desktop) !important;
            padding: 0 !important;
            display: inline-flex; align-items: center; justify-content: center;
            line-height: 1;
        }
        .search-box .input-group > .btn i{ font-size: var(--srr-search-icon-size); }

        /* 手机（≤576px）：按钮略紧凑，仍保持一行 */
        @media (max-width: 575.98px){
            .search-box .input-group > .btn{
                flex-basis: var(--srr-search-btn-w-mobile) !important;
                width:      var(--srr-search-btn-w-mobile) !important;
            }
        }

        /* 4) 胶囊圆角衔接：首尾圆角大，中间平直；消除双边框 */
        .search-box .input-group > :first-child{
            border-top-left-radius: 999px !important;
            border-bottom-left-radius: 999px !important;
        }
        .search-box .input-group > :last-child{
            border-top-right-radius: 999px !important;
            border-bottom-right-radius: 999px !important;
        }
        .search-box .input-group > * + *{           /* 紧邻项合并边框，避免双线 */
            margin-left: -1px;
        }

        /* 5) 与你使用的 .btn-icon 类协同（若按钮上已有 .btn-icon） */
        .search-box .input-group > .btn.btn-icon{
            width: var(--srr-search-btn-w-desktop) !important;
            flex: 0 0 var(--srr-search-btn-w-desktop) !important;
        }
        @media (max-width: 575.98px){
            .search-box .input-group > .btn.btn-icon{
                width: var(--srr-search-btn-w-mobile) !important;
                flex-basis: var(--srr-search-btn-w-mobile) !important;
            }
        }

        /* 6) 和 input-group-lg 统一高度（你首页用的是 input-group-lg） */
        .input-group-lg > .form-control,
        .input-group-lg > .btn{
            height: 44px;                              /* PC 高 */
        }
        @media (max-width: 575.98px){
            .input-group-lg > .form-control,
            .input-group-lg > .btn{ height: 42px; }    /* 手机高 */
        }

        /* 7) 极小屏兜底（iPhone SE 等），占位更紧凑但仍单行 */
        @media (max-width: 360px){
            :root{ --srr-search-btn-w-mobile: 40px; }
            .search-box .input-group .form-control::placeholder{ font-size: 14px; }
        }

        /* 让左右两端图标按钮完全对称（首页 & 详情页共用） */
        .searchbar .btn-icon{
            width: 44px; height: 44px;
            padding: 0;
            display: inline-flex; align-items: center; justify-content: center;
            border: 1px solid var(--bs-border-color);
            border-radius: 12px !important; /* 关键：强制还原圆角 */
            background-color: #fff;
        }
        .searchbar .btn-icon i{ font-size: 20px; }

        /* 阻断 Bootstrap input-group 对首尾按钮的圆角“切除” */
        .searchbar.input-group>.btn-icon:first-child,
        .searchbar.input-group>.btn-icon:last-child{
            border-radius: 12px !important;
        }

        /* 与输入框保持自然间距（不再拼接在同一个 input-group 里） */
        .searchbar .btn-icon:first-child{ margin-right: 8px; }
        .searchbar .btn-icon:last-child{  margin-left: 8px; }

        /* 搜索按钮保持中间方形样式不变（如需同高度可统一） */
        .searchbar .btn.btn-primary{ height: 44px; }

        /* 输入框高度与按钮统一 */
        .searchbar input.form-control{ height: 44px; }
        /* 搜索条左右按钮完全对称：统一尺寸与圆角，并覆盖 input-group 的首尾剪裁 */
        .searchbar .btn-icon{
            width:44px;height:44px;padding:0;
            display:inline-flex;align-items:center;justify-content:center;
            border:1px solid var(--bs-border-color);
            border-radius:12px !important; background:#fff;
        }
        .searchbar .btn-icon i{ font-size:20px; }

        /* 强制覆盖 input-group 的首尾圆角裁剪 */
        .searchbar.input-group>.btn-icon:first-child,
        .searchbar.input-group>.btn-icon:last-child{
            border-radius:12px !important;
        }

        /* 与输入框留缝，避免“拼接造成的形变” */
        .searchbar .btn-icon:first-child{ margin-right:8px; }
        .searchbar .btn-icon:last-child{  margin-left:8px; }

        /* 输入框与搜索按钮统一高 */
        .searchbar input.form-control{ height:44px; }
        .searchbar .btn.btn-primary{ height:44px; }
        /* 搜索条两端按钮对称 */
        .searchbar .btn-icon{
            width:44px;height:44px;padding:0;
            display:inline-flex;align-items:center;justify-content:center;
            border:1px solid var(--bs-border-color); background:#fff;
            border-radius:12px !important;
        }
        .searchbar .btn-icon i{ font-size:20px; }
        /* 强制覆盖 input-group 的首尾圆角裁剪 */
        .searchbar.input-group>.btn-icon:first-child,
        .searchbar.input-group>.btn-icon:last-child{ border-radius:12px !important; }
        /* 留出微间距，避免“拼接挤压” */
        .searchbar .btn-icon:first-child{ margin-right:8px; }
        .searchbar .btn-icon:last-child{  margin-left:8px; }
        /* 输入框与搜索按钮统一高度 */
        .searchbar input.form-control{ height:44px; }
        .searchbar .btn.btn-primary{ height:44px; }
        /* 搜索框两侧按钮图标缩一号，避免顶到边 */
        #pageIndex .btn-filter-square i{
            font-size:1.15rem;
            line-height:1;
        }

        /* 兼容你之前写过的 .btn-filter-icon（有的地方还在用） */
        .btn-filter-icon{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            padding:0;
            border-radius:10px;
        }
        .btn-filter-icon i{ font-size:1.15rem; line-height:1; }

        /* 强化头部购物车图标颜色（页面内兜底） */
        #siteHeader .srr-cart{ color:#FF6A00 !important; }
        #siteHeader .nav-link:hover .srr-cart{ color:#E45A00 !important; }

        /* ===== 首页搜索框（与详情页统一） ===== */

        /* 首页专用：左右小按钮做成 28×42（再稍微瘦一点） */
        #pageIndex .btn-filter-square{
            width:28px;          /* ← 在保持 42px 高度不变的前提下，进一步收窄宽度 */
            height:42px;
            padding:0;
            border-radius:10px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
        }

        #pageIndex .btn-filter-square i{
            font-size:1.1rem;
            line-height:1;
        }

        /* 输入框自适应填充剩余空间 */
        #pageIndex .search-box .form-control {
            flex: 1 1 auto !important;
            min-width: 0 !important;
            height: 42px;
            border-radius: 0;
        }

        /* 中间“搜索”按钮：高度一致，两边直角（同样 42px） */
        #pageIndex .search-box .btn.btn-primary{
            height:42px;                     /* 和输入框 / 左右图标一致 */
            border-radius:0 !important;      /* 中间无圆角 */
            display:inline-flex;
            align-items:center;
            justify-content:center;
        }

        /* 左右圆角：外侧圆角，内侧直角（和详情页完全一致） */
        #pageIndex .search-box .left-filter-btn{
            border-top-left-radius:10px !important;
            border-bottom-left-radius:10px !important;
            border-top-right-radius:0 !important;
            border-bottom-right-radius:0 !important;
        }
        #pageIndex .search-box .right-filter-btn{
            border-top-left-radius:0 !important;
            border-bottom-left-radius:0 !important;
            border-top-right-radius:10px !important;
            border-bottom-right-radius:10px !important;
        }


        /* 靠左的按钮（标准名称），内侧直角、外侧圆角 */
        .left-filter-btn{
            border-top-left-radius:10px !important;
            border-bottom-left-radius:10px !important;
            border-top-right-radius:0 !important;
            border-bottom-right-radius:0 !important;
        }

        /* 靠右的按钮（车型筛选），内侧直角、外侧圆角 */
        .right-filter-btn{
            border-top-left-radius:0 !important;
            border-bottom-left-radius:0 !important;
            border-top-right-radius:10px !important;
            border-bottom-right-radius:10px !important;
        }
        /* ===== SRR-FIX：首页联想框不要被 input-group 的 last-child 圆角规则误伤 ===== */

        /* 1) 联想框强制方角（与查询页一致） */
        #homeSuggestBox{
            border-radius: 0 !important;
            overflow: hidden;
        }

        /* 2) 把 “last-child 圆角” 的作用范围收窄到按钮，避免影响 homeSuggestBox 这种容器 */
        .search-box .input-group > .btn:last-child{
            border-top-right-radius: 999px;
            border-bottom-right-radius: 999px;
        }

        /* 如果你原来还有 :first-child 的同类规则，也建议一起收窄 */
        .search-box .input-group > .btn:first-child{
            border-top-left-radius: 999px;
            border-bottom-left-radius: 999px;
        }
        /* ✅ disabled 统一灰底/灰字（品牌/车型/子车型都一致） */
        #ocVehicle .form-control:disabled,
        #ocVehicle .form-select:disabled{
            background:#f6f7f9 !important;
            color:#adb5bd !important;
            cursor:not-allowed !important;
        }
        /* =========================
   SRR Toast + FlyToCart
   - 与查询页保持一致的“加入购物车提醒”
   ========================= */
        .srr-toast-host{position:fixed;top:14px;right:14px;z-index:2000;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100vw - 28px));pointer-events:none;}
        .srr-toast{pointer-events:auto;border-radius:12px;padding:10px 12px;box-shadow:0 10px 28px rgba(0,0,0,.12);background:#fff;border:1px solid rgba(0,0,0,.08);transform:translateY(-6px);opacity:0;transition:all .22s ease;display:flex;gap:10px;align-items:flex-start;}
        .srr-toast.show{transform:translateY(0);opacity:1;}
        .srr-toast.hide{opacity:0;transform:translateY(-6px);}
        .srr-toast .dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex:0 0 10px;}
        .srr-toast .msg{font-size:13px;line-height:1.35;word-break:break-word;}
        .srr-toast-info .dot{background:#0d6efd;}
        .srr-toast-success .dot{background:#198754;}
        .srr-toast-warn .dot{background:#fd7e14;}
        .srr-toast-error .dot{background:#dc3545;}

        .srr-fly-img{position:fixed;z-index:2500;width:40px;height:40px;border-radius:10px;object-fit:cover;box-shadow:0 10px 22px rgba(0,0,0,.18);will-change:transform,opacity;pointer-events:none;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s ease;}
        .srr-cart-pulse{animation:srrPulse .6s ease;}
        .srr-cart-shake{animation:srrShake .5s ease;}
        @keyframes srrPulse{0%{transform:scale(1);}40%{transform:scale(1.25);}100%{transform:scale(1);}}
        @keyframes srrShake{0%{transform:rotate(0);}25%{transform:rotate(-10deg);}50%{transform:rotate(10deg);}75%{transform:rotate(-6deg);}100%{transform:rotate(0);}}
        /* ✅ Banner 热区（锚点）- 不用 CSS 变量，IDE 不再报错 */
        .banner-hotspot{
            position:absolute;
            z-index:5;
            border-radius:10px;
            cursor:pointer;
            /* 调试用：需要看框时解除注释 */
            /* outline:2px dashed rgba(255,255,255,.9); background:rgba(22,93,255,.12); */
        }
        .banner-hotspot:focus-visible{
            outline:2px solid #fff;
            outline-offset:2px;
        }
        /* ✅ 首页轮播：真正全宽（不被 container / banner-wrap 限制） */
        .mega-banner .container-fluid{
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .mega-banner .banner-wrap{
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* ✅ 轮播本体必须裁掉溢出：防止出现“左右露出下一张/拼接” */
        #homeCarousel{
            width: 100% !important;
            max-width: 100% !important;
        }
        #homeCarousel .carousel-inner{
            width: 100% !important;
            overflow: hidden !important; /* 关键：不让旁边 slide 露出来 */
        }
        #homeCarousel .carousel-item{
            width: 100% !important;
        }

        /* ✅ 轮播图：高度压一点，给“最新上架第一行”留空间 */
        .home-banner{
            width: 100%;
            height: clamp(260px, 22vw, 420px) !important; /* ✅ 更高，但仍受 clamp 控制 */
            position: relative;
            overflow: hidden;
            border-radius: 0;
            background: #fff;
        }

        /* ✅ 只显示一张图：允许拉伸 => 绝对不会黑/白边、不会裁剪、不会拼接 */
        .home-banner img{
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;      /* ✅ 不变形 */
            object-position: center center;
            display: block;
        }
        /* 小屏：也加一点高度，但不要太高影响首屏露出商品 */
        @media (max-width: 576px){
            .home-banner{ height: 200px !important; }
        }
        /* 控制按钮透明，避免“黑块感” */
        #homeCarousel .carousel-control-prev,
        #homeCarousel .carousel-control-next{
            width: 64px !important;
            opacity: .95 !important;
            background: transparent !important;
        }
        #homeCarousel .carousel-control-prev{ left: 8px; }
        #homeCarousel .carousel-control-next{ right: 8px; }
        #homeCarousel .carousel-control-prev-icon,
        #homeCarousel .carousel-control-next-icon{
            width: 2.2rem;
            height: 2.2rem;
            filter: drop-shadow(0 6px 10px rgba(0,0,0,.25));
        }

        .home-card-price{
            display:flex;
            align-items:baseline;
            gap:2px;
            margin:6px 0 8px;
            line-height:1;
        }

        .home-card-price .symbol{
            font-size:13px;
            color:#ef4444;
            font-weight:700;
        }

        .home-card-price .num{
            font-size:22px;
            color:#ef4444;
            font-weight:800;
            letter-spacing:-0.2px;
        }

        .home-card-price .currency{
            font-size:10px;
            color:#94a3b8;
            margin-left:4px;
            font-weight:700;
            letter-spacing:0.2px;
        }
/* ===== 原内联样式块 2 结束 ===== */