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


/* ===== 原 index 内联样式块 1 开始 ===== */
:root {
            --primary-color: #2c3e50;
            --secondary-color: #e74c3c;
            --accent-color: #3498db;
            --light-bg: #f8f9fa;
            --dark-bg: #1a2530;
            --card-bg: #ffffff;
            --text-dark: #2c3e50;
            --text-light: #7f8c8d;
            --border-color: #e0e7ee;
            --success-color: #2ecc71;
        }

        /* ⚠️ 仅影响详情页主体：避免覆盖全站 Bootstrap */
        #pageDetail, #pageDetail *{ box-sizing: border-box; }

        body{
            font-family: 'Roboto','Segoe UI','Microsoft YaHei', sans-serif;
            background:#f5f6f8;
            color:var(--text-dark);
            line-height:1.6;
            min-height:100vh;
            padding:0;
        }
        .header-bar {
            background: var(--dark-bg);
            color: white;
            padding: 15px 0;
            border-radius: 10px;
            margin-bottom: 25px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }

        .header-content {
            display: flex; justify-content: space-between; align-items: center; padding: 0 20px;
        }

        .logo { font-weight: 700; font-size: 1.8rem; display: flex; align-items: center; }
        .logo i { color: var(--secondary-color); margin-right: 10px; }

        .user-info { display: flex; align-items: center; }
        .user-info .badge { background: var(--secondary-color); margin-left: 15px; }
        .oe-code {
            font-size: 0.9rem;
            padding: 6px 10px;
            border-radius: 6px;
        }
        .brand-accordion .accordion-button {
            font-weight: 700;
            color: var(--primary-color);
        }

        .model-accordion .accordion-button {
            font-weight: 600;
        }

        .table-fit thead th {
            background: #f3f6fa;
        }

        .model-tag {
            display: inline-block;
            padding: 2px 8px;
            border-radius: 999px;
            background: #eef5ff;
            color: #0a58ca;
            font-size: .85rem;
            margin-left: 6px;
        }

        .product-card {
            background: var(--card-bg);
            border-radius: 12px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.12);
            overflow: hidden;
            margin-bottom: 30px;
            border: none;
        }

        .product-header {
            display: flex; flex-wrap: wrap;
            padding: 30px;
            background: linear-gradient(135deg, var(--light-bg) 0%, white 100%);
            border-bottom: 1px solid var(--border-color);
        }

        /* 左侧媒体区：不要写死宽度，否则 13/14 寸会溢出压住右侧 */
        .product-gallery{
            width: 100%;
            max-width: 640px;        /* 大屏可以到 640 */
            min-width: 0;            /* ✅ 允许在 grid/flex 里被压缩 */
            padding-right: 0;        /* ✅ 间距交给 grid gap 统一控制 */
            position: relative;
        }

        /* 主展示区域改为宽屏比例：更“扁”，减少上下空白 */
        .media-container{
            aspect-ratio: 16 / 9;      /* ✅ 从 1:1 改为 16:9（最贴近你们宽屏素材） */
            height: auto !important;
            max-height: 380px;         /* ✅ 原 520 -> 380，更矮 */
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--border-color);
            border-radius: 8px;
            background: #fff;
            overflow: hidden;
            position: relative;
        }

        /* 仍然用 contain，避免裁切；容器变扁后上下空白会大幅减少 */
        .product-image,
        .product-video{
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        /* 右侧信息区允许更窄一些（避免被 min-width 卡死） */
        .product-info{
            flex: 1;
            min-width: 260px;          /* 原 300 -> 260，让右侧更窄一点 */
        }
        /* 预览 / 完整 模式的小标签 —— 嵌在视频区域左上角 */
        .video-mode-badge {
            position: absolute;
            top: 18px;
            left: 18px;
            z-index: 6;
            padding: 4px 10px;
            border-radius: 999px;
            font-size: 12px;
            line-height: 1.2;
            color: #fff;
            background: rgba(0,0,0,0.55);
            display: flex;
            align-items: center;
            gap: 4px;
            cursor: pointer;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            transition: background 0.15s ease, transform 0.15s ease;
        }

        .video-mode-badge i {
            font-size: 14px;
        }

        .video-mode-badge:hover {
            background: rgba(0,0,0,0.75);
            transform: translateY(-1px);
        }

        /* 只有在 media-container 处于“视频模式”且有真实视频时才显示（JS 会控制 display） */
        .media-container.image-mode .video-mode-badge {
            /* 图片模式下默认隐藏，避免误导 */
            display: none !important;
        }

        /* 中心播放按钮 */
        .play-button{
            position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
            width:70px;height:70px;background:rgba(231,76,60,.85);border-radius:50%;
            display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;
            cursor:pointer;opacity:.9;transition:.3s;z-index:10; box-shadow:0 5px 15px rgba(0,0,0,.2);
        }
        .play-button:hover{opacity:1; transform:translate(-50%,-50%) scale(1.1);}

        /* 自定义视频控制条（悬浮显示） */
        .video-controls{
            position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,.8);
            padding:12px 15px; display:flex; flex-direction:column; opacity:0;
            transition:opacity .3s; z-index:10;
        }
        .media-container:hover .video-controls{ opacity:1; }
        .video-controls-row{ display:flex; align-items:center; width:100%; }
        .video-controls button{
            background:transparent;border:none;color:#fff;font-size:18px;margin:0 8px;cursor:pointer;
            width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;
            transition:background .2s;
        }
        .video-controls button:hover{ background:rgba(255,255,255,.2); }

        .progress-container{ flex:1; height:10px; background:rgba(255,255,255,.3);
            margin:0 15px; border-radius:3px; cursor:pointer; position:relative; }
        .progress-bar{ height:100%; background:var(--secondary-color); border-radius:3px; width:0%; }
        .time-display{ color:#fff; font-size:13px; min-width:100px; text-align:center; font-weight:500; }

        /* ===== 缩略图：仿京东/淘宝（不换行 + 箭头滚动） ===== */
        .thumb-strip{
            display:flex;
            align-items:center;
            gap:10px;
        }
        .thumb-viewport{
            flex:1;
            overflow:hidden;
        }
        .thumbnail-nav{
            display:flex;                 /* ✅ 改为横向条 */
            flex-wrap:nowrap;            /* ✅ 永不换行 */
            overflow-x:auto;
            overflow-y:hidden;
            gap:10px;
            padding:2px 2px 4px;
            scroll-behavior:smooth;
            -ms-overflow-style:none;
            scrollbar-width:none;
        }
        .thumbnail-nav::-webkit-scrollbar{ display:none; }

        .thumbnail-item{
            flex:0 0 auto;
            width:72px;
            height:72px;
            position:relative;
            border:1px solid var(--border-color);
            border-radius:10px;
            overflow:hidden;
            cursor:pointer;
        }
        .thumbnail-item img{
            width:100%;
            height:100%;
            object-fit:cover;
        }
        .thumbnail-item:hover{
            transform: translateY(-2px);
            box-shadow:0 8px 16px rgba(0,0,0,.08);
            border-color:var(--secondary-color);
        }
        .thumbnail-item.active{
            border-color: var(--secondary-color);
            box-shadow:0 0 0 3px rgba(231,76,60,.12);
        }
        .thumbnail-item.video::before{
            content:'▶';
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
            width:30px;
            height:30px;
            background:rgba(231,76,60,.7);
            color:#fff;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:14px;
        }

        /* 箭头 */
        .thumb-arrow{
            width:34px;
            height:72px;
            border:1px solid rgba(0,0,0,.08);
            background:#fff;
            border-radius:12px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            color:#333;
        }
        .thumb-arrow:disabled{
            opacity:.35;
            cursor:not-allowed;
        }

        /* === 规格面板：两列卡片式 === */
        .spec-grid{
            display:grid;
            grid-template-columns: repeat(2, minmax(0,1fr));
            gap:12px 24px;
            margin-top:10px;
        }
        .spec{
            display:grid;
            grid-template-columns: 140px minmax(0, 1fr); /* ✅ value列允许缩小 */
            align-items:stretch;
            background:#fff;
            border:1px solid var(--border-color);
            border-radius:8px;
            overflow:hidden;
            box-shadow:0 3px 10px rgba(0,0,0,.04);
        }

        .spec-label{
            background:#f7f9fc;
            font-weight:600;
            color:var(--text-light);
            padding:10px 14px;
            border-right:1px solid var(--border-color);

            /* ✅ 关键：防止长翻译压到 value 区 */
            overflow-wrap:anywhere;
            word-break:break-word;
            min-width:0;
        }
        .spec-value{
            padding:10px 14px;
            color:var(--text-dark);
            /* 避免长字符串把整列撑爆 */
            word-break: break-all;
            overflow-wrap: anywhere;
            /* 防止单条信息过长把整张卡片拉得特别高 */
            max-height: 4.8em;      /* 约 3 行高度，可按需调 */
            overflow-y: auto;
        }
        /* 单位小尾巴：mm / pcs 等 */
        .spec-label .unit,
        .spec-value .unit{
            display:inline-block;
            margin-left:6px;
            font-weight:700;
            color:var(--text-light);
            white-space:nowrap;
        }

        /* 行为按钮（加入购物车 / 立即购买）并排 */
        .actions{
            display:flex; gap:10px; align-items:center; margin-top:10px;
        }
        .actions .qty{
            width:120px;
        }

        /* 小屏自动回到单列，避免拥挤 */
        @media (max-width: 991.98px){
            .spec-grid{ grid-template-columns: 1fr; }
        }
        /* ✅ 1366/1280 等笔记本宽度：防止右侧规格卡片被挤变形（值竖排） */
        @media (max-width: 1366px){
            .detail-main{ gap:14px; }
            .detail-left{ min-width:480px; }
            .detail-right{ min-width:360px; }

            .spec{ grid-template-columns: 120px minmax(0, 1fr); }
            .spec-label, .spec-value{ padding:9px 12px; }
        }

        /* ✅ 1280 附近：两列规格卡片容易被挤，直接降为单列更稳 */
        @media (max-width: 1280px){
            .spec-grid{ grid-template-columns: 1fr; }
        }

        .product-title{
            color:var(--primary-color); font-weight:700; margin-bottom:8px; font-size:2.1rem; position:relative; padding-bottom:15px;
        }
        .product-title::after{
            content:''; position:absolute; bottom:0; left:0; width:80px; height:4px; background:var(--secondary-color); border-radius:2px;
        }
        .badge-certified{
            display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.35rem .75rem;
            font-weight:800;
            font-size:.85rem;
            border-radius:999px;
            color:#fff;
            background: linear-gradient(135deg, #FF6A13, #E45A00);
            box-shadow: 0 8px 20px rgba(255,106,19,.22);
        }
        .nav-tabs{ border-bottom:2px solid var(--border-color); padding:0 30px; }
        .nav-tabs .nav-link{ border:none; color:var(--text-light); font-weight:600; padding:18px 30px; position:relative; font-size:1.05rem; }
        .nav-tabs .nav-link.active{ color:var(--secondary-color); background:transparent; }
        .nav-tabs .nav-link.active:after{
            content:''; position:absolute; bottom:-2px; left:0; width:100%; height:4px; background:var(--secondary-color); border-radius:2px 2px 0 0;
        }
        .tab-content{ padding:30px; background:#fff; }
        .table td{ vertical-align: middle !important; }

        .table-adaptation{ width:100%; border-collapse:separate; border-spacing:0; border-radius:10px; overflow:hidden; box-shadow:0 5px 15px rgba(0,0,0,.05); }
        .table-adaptation thead th{ background:var(--primary-color); color:#fff; padding:16px 20px; border:none; }
        .table-adaptation tbody td{ padding:14px 20px; border-bottom:1px solid var(--border-color); }
        .table-adaptation tbody tr:nth-child(even){ background:#f8fafd; }
        .table-adaptation tbody tr:hover{ background:#eef5ff; }

        .back-btn{
            color:var(--primary-color); font-weight:600; margin-bottom:25px; display:inline-flex; align-items:center; padding:10px 20px;
            background:#fff; border-radius:50px; box-shadow:0 4px 12px rgba(0,0,0,.08); text-decoration:none;
        }
        /* ✅ 让返回按钮绝对定位有“定位参照物”，避免跑飞/被挤没 */
        .std-breadcrumb-nav{
            position: relative;
            padding-right: 60px; /* 给右上角返回按钮留位置 */
        }
        .back-icon-btn{
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 5;

            width: 40px;
            height: 40px;
            border-radius: 999px !important;

            border: 1px solid rgba(255,106,19,.45) !important;
            background: #fff !important;
            color: #FF6A13 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
        }
        .back-icon-btn:hover{
            background: #fff7ef !important;
            border-color: #FF6A13 !important;
            color: #E45A00 !important;
        }

        .section-title{ font-size:1.4rem; font-weight:700; color:var(--primary-color); margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid var(--border-color); display:flex; align-items:center; }
        .section-title i{ color:var(--secondary-color); margin-right:12px; }

        .footer{ text-align:center; padding:25px; color:var(--text-light); font-size:.95rem; margin-top:40px; }
        .brand-accordion .accordion-button {
            font-weight: 600;
        }
        .model-tag {
            font-size: 0.85rem;
            background-color: #eef5ff;
            color: #0a58ca;
            padding: 2px 8px;
            border-radius: 20px;
        }
        .price-ribbon{
            display:flex; align-items:baseline; gap:6px;
            background:#fff3f2; border:1px solid #ffd4cf; border-radius:10px;
            padding:8px 12px; box-shadow:0 2px 6px rgba(255,0,0,.08);
        }
        .price-ribbon .currency{ font-size:1.28rem; font-weight:900; opacity:.9; }
        .price-ribbon .price-num{ font-weight:800; font-size:1.8rem; color:#d92c2c; letter-spacing:.5px; }


        /* 图片模式隐藏播放元素 */
        .media-container.image-mode .play-button, .media-container.image-mode .video-controls{ display:none !important; }

        /* 响应式 */
        @media (max-width: 1200px){ .product-gallery{ width:450px; } }
        @media (max-width: 991.98px){
            .product-header{ flex-direction:column; }
            .product-gallery{ width:100%; padding-right:0; margin-bottom:30px; }
            .media-container{ height:350px; }
        }
        @media (max-width: 768px){
            .media-container{ height:280px; }
            .nav-tabs .nav-link{ padding:15px; font-size:.95rem; }
            .thumbnail-nav{ grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 576px){
            .product-header, .tab-content{ padding:20px; }
            .media-container{ height:220px; }
            .video-controls button{ font-size:16px; margin:0 5px; width:30px; height:30px; }
            .progress-container{ margin:0 8px; }
            .time-display{ min-width:80px; font-size:11px; }
        }
        /* === 统一高亮色：Pantone 1655 C ≈ #FF6A13 === */
        :root{
            --highlight-1655c: #FF6A13;                    /* 主色 */
            --highlight-1655c-bg: rgba(255,106,19,.18);    /* 背景铺底（块状） */
            --highlight-1655c-shadow: rgba(255,106,19,.30);/* 外发光 */
        }

        /* 关键词高亮（兼容旧输出 <mark class="hkw">）——块状填充而非底纹划线 */
        .hkw,
        .kw-highlight,
        mark.kw-highlight{
            background: var(--highlight-1655c-bg) !important;           /* 改为实心背景 */
            color: inherit !important;
            padding: 0 .12em;
            border-radius: 3px;
            box-shadow: inset 0 0 0 1px var(--highlight-1655c),         /* 细描边 */
            0 0 0 2px var(--highlight-1655c-bg);            /* 柔和外晕 */
        }

        /* 锚点常亮（OE/车型定位到的块/行） */
        .anchor-highlight{
            outline: 2px solid var(--highlight-1655c);
            outline-offset: 2px;
            background-color: rgba(255,106,19,.07);
            box-shadow: 0 0 0 3px var(--highlight-1655c-shadow);
        }

        /* 闪两下的动效（用于进入页面或页内定位时） */
        @keyframes flashTwice{
            0%,100% { box-shadow:none; }
            25%     { box-shadow:0 0 0 4px var(--highlight-1655c-shadow);
                background: var(--highlight-1655c-bg); }
            50%     { box-shadow:none; }
            75%     { box-shadow:0 0 0 4px var(--highlight-1655c-shadow);
                background: var(--highlight-1655c-bg); }
        }
        .flash-twice{ animation: flashTwice 1.2s ease-in-out 1; }

        /* 锚点常亮（OE/适配车型定位到的目标块/行） */
        .anchor-highlight{
            outline: 2px solid var(--highlight-1655c);
            outline-offset: 2px;
            background-color: rgba(255,106,19,.07);
            box-shadow: 0 0 0 3px var(--highlight-1655c-shadow);
        }

        /* 让被定位的元素滚动到顶部时不被吸顶条遮住（如有固定导航） */
        .anchor-target{ scroll-margin-top: 80px; }  /* 视情况把 80 改成你的顶栏高度 */
        /* 导航按钮被选中（常亮） */
        .anchor-nav-active{
            color:#fff !important;
            background:#FF6A13 !important;         /* 1655C */
            border-color:#FF6A13 !important;
        }

        /* 行/块被定位后常亮（你已有 .anchor-highlight，这里补一个行表格的可读性） */
        tr.anchor-highlight td{
            background-color: rgba(255,106,19,.08) !important;
        }
        /* 购买区按钮放大 & 更醒目 */
        .product-actions .btn-lg{
            padding: .75rem 1.5rem;
            font-size: 1.125rem;
            border-radius: .35rem;
        }
        /* 搜索建议面板 */
        .suggestion-box{
            position:absolute;
            left:0; right:0;
            top:100%;
            background:#fff;
            border:1px solid #ddd;
            border-radius: .25rem;
            box-shadow: 0 8px 24px rgba(0,0,0,.08);
            z-index: 1050;
            max-height: 320px;
            overflow-y: auto;
        }
        .suggestion-item{
            padding:.5rem .75rem;
            cursor: pointer;
        }
        .suggestion-item:hover{ background:#f7f7f7; }


        #mainMedia { cursor: default !important; }
        /* 双击可全屏的暗示 */
        :fullscreen .media-container { background:#000; }  /* 全屏时更纯净 */
        /* === 大图 Lightbox（Bootstrap Modal）=== */
        #imgLightbox .modal-content{ background:#000; border:none; }
        #imgLightbox .modal-body{ position:relative; overflow:hidden; padding:0; }

        .lb-stage{
            position:relative; width:100%; height:calc(100vh - 60px);
            background:#000; cursor:grab; overflow:hidden;
        }
        .lb-stage img{
            position:absolute; top:0; left:0;
            transform-origin: 0 0; will-change: transform;
            user-select:none; -webkit-user-drag:none;
        }

        .lb-toolbar{
            position:absolute; left:0; right:0; top:0;
            display:flex; justify-content:flex-end; gap:8px;
            padding:10px; z-index:1080; pointer-events:none; /* 提升层级，允许子按钮接收事件 */
        }
        .lb-toolbar .btn{ pointer-events:auto; border:1px solid rgba(255,255,255,.25); }
        .lb-zoom-indicator{
            position:absolute; left:12px; top:12px; color:#fff; z-index:5;
            background:rgba(20,20,20,.55); padding:6px 10px; border-radius:6px; font-size:13px;
        }

        /* 主图上的“放大”图标（仅图片模式显示） */
        .img-zoom-btn{
            position:absolute; right:10px; top:10px; z-index:12;
            width:36px; height:36px; border-radius:8px; border:1px solid #e0e7ee;
            background:rgba(255,255,255,.95); display:flex; align-items:center; justify-content:center;
            cursor:pointer;
        }
        .media-container:not(.image-mode) .img-zoom-btn{ display:none; } /* 只有图片时出现 */
        .img-zoom-btn:hover{ background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.08); }
        /* 占位 LOGO 再缩小（当我们给它标上 is-fallback 时生效） */
        .product-image.is-fallback{
            max-width:58%;
            max-height:58%;
            object-fit:contain;
            filter:saturate(.9) contrast(.98);
        }
        .thumbnail-item img.is-fallback{
            object-fit:contain;
            padding:10px;
            background:#fff;
            border-radius:6px;
        }

        /* 顶部偏移（如果你有固定顶部导航，就把 0px 改成那个高度） */
        :root{
            --sticky-offset: 70px;      /* 详情页顶部 header + 搜索条的综合高度 */
            --brand-header-h: 44px;     /* 每个品牌那条手风琴标题行的大致高度 */
        }

        /* 车型适配卡片请允许 sticky： */
        .product-card { overflow: visible !important; }

        /* 品牌标题条吸顶（“BUICK xx条记录”这一行） */
        #model .accordion-item .accordion-header{
            position: sticky;
            top: var(--sticky-offset);
            z-index: 30;
            background:#fff;
            border-bottom:1px solid #eee;
        }
        /* 让品牌标题按钮本身固定高度，和 --brand-header-h 对齐 */
        #model .accordion-item .accordion-button{
            background:#fff;
            font-weight:600;
            min-height: var(--brand-header-h);
            line-height: 1.2;
        }

        /* 字段表头行（品牌 / 车型 / 年代 / 排量 / 功率 / 发动机）吸在品牌标题条正下方 */
        /* 替换为：表头永远贴住滚动容器顶部 */
        #model .accordion-body table thead th{
            position: sticky;
            top: 0;          /* ← 关键改动 */
            background:#fff;
            z-index: 25;
        }

        /* 车型表固定布局，防止长文本把列挤乱 */
        #model table.table { table-layout: fixed; }
        #model table.table th, #model table.table td {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;         /* ★ 字段值居中 */
        }

        /* 适配车型：可排序表头的箭头样式 */
        #model th.sortable {
            cursor: pointer;
        }
        #model th.sort-asc::after {
            content: '▲';
            margin-left: 4px;
            font-size: 10px;
        }
        #model th.sort-desc::after {
            content: '▼';
            margin-left: 4px;
            font-size: 10px;
        }

        /* 详情页：标准名称面包屑可点击态 */
        #std-breadcrumb a{
            color:#0d6efd; cursor:pointer; text-decoration:none;
        }
        #std-breadcrumb a:hover{ text-decoration:underline; }
        /* 统一一级标准名称 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; } }
        .btn .bi-cart, .btn .bi-cart-plus, .btn .bi-bag{
            font-size:1.15rem !important;
        }
        .std-icon, .cat-icon, .veh-icon{ border-radius:6px; }
        #imgLightbox .lb-toolbar{
            position:absolute; top:8px; right:8px; z-index:1056; pointer-events:auto;
        }
        #imgLightbox .lb-stage{ position:relative; z-index:1; }
        /* 车型/标准名称图标统一圆角小底色 */
        .veh-icon, .std-icon, .cat-icon{
            display:inline-flex; align-items:center; justify-content:center;
            width:20px; height:20px; border-radius:6px; background:#f3f4f6;
        }
        .veh-icon i{ font-size: 1rem; line-height:1; }
        #ocVehicle .combo{ position:relative; border-radius:10px; }
        #ocVehicle .combo .combo-dropdown{ border-radius:10px; z-index:2000; }
        #ocVehicle .combo .combo-clear{
            color:#98A2B3; background:transparent; border:0;
        }
        #ocVehicle .combo .combo-clear:hover{ color:#165DFF; background:#f5f7ff; border-radius:50%; }
        /* SRR-Patch: 详情页-车型筛选圆角统一 */

        /* 1) 打开筛选的触发按钮（右上小车等） */
        button[data-bs-target="#ocVehicle"],
        a[data-bs-target="#ocVehicle"],
        .vehicle-btn {
            border-radius: 10px !important;
            overflow: hidden;
        }

        /* 2) Offcanvas 内部：品牌/车型的 input-group 左圆角给图标，右圆角给输入框 */
        #ocVehicle .input-group > .input-group-text{
            border-radius: 0 !important;
        }
        #ocVehicle .input-group > input.form-control{
            border-radius: 0 !important;
        }
        #ocVehicle .input-group > select.form-select{
            border-radius: 0 10px 10px 0 !important;
        }

        /* 3) 组合容器与下拉面板也保持圆角 */
        #ocVehicle .combo{
            border-radius: 10px !important;
            overflow: hidden; /* 让内部子元素也跟着圆角裁切 */
        }
        /* 车型筛选：下拉层在 Offcanvas 之上 */
        #ocVehicle .combo .combo-dropdown{
            position: absolute;
            left: 42px; right: 8px; top: 100%;
            display: none;
            z-index: 2000;               /* ← 原来是 1060，提升到 2000 */
            border-radius: 10px !important;
            max-height: 260px;
            overflow: auto;
        }

        /* 4) 变体/年款的 <select> 也圆角 */
        #ocVehicle #vTrim.form-select{
            border-radius: 10px !important;
            height: 42px;
        }

        /* 5) 清空(X)按钮本身做成圆形 */
        #ocVehicle .combo .combo-clear{
            width: 28px; height: 28px;
            border-radius: 50% !important;
            display: inline-flex; align-items: center; justify-content: center;
            color: #98A2B3; background: transparent; border: 0;
        }
        #ocVehicle .combo .combo-clear:hover{
            color:#165DFF; background:#f5f7ff;
        }


        /* 响应式适配：笔记本端和移动端 */
        @media (max-width: 1199.98px) {
            .product-header { flex-direction: column; }
            .product-gallery { width: 100%; margin-bottom: 1rem; }
            .product-info { width: 100%; }
        }
        @media (max-width: 767.98px) {
            .product-gallery .media-container { height: 300px; }
            .thumbnail-list { flex-wrap: wrap; }
            .thumbnail-item { width: 60px; height: 60px; }
            .product-info .price-box .price-num { font-size: 1.5rem; }
            .spec-table { font-size: 0.9rem; }
            .spec-label, .spec-value { padding: 0.5rem; }
        }
        @media (max-width: 575.98px) {
            .product-gallery .media-container { height: 250px; }
            .thumbnail-item { width: 50px; height: 50px; }
            .product-info .price-box .price-num { font-size: 1.25rem; }
            .spec-table { font-size: 0.85rem; }
            .btn-lg { padding: 0.5rem 1rem; font-size: 0.95rem; }
        }

        html { scrollbar-gutter: stable both-edges; }
        /* 宽屏提升主容器的最大宽度 */
        @media (min-width: 1600px){
            .container, .container-lg, .container-xl, .container-xxl { max-width: 1440px; }
        }
        /* 子车型下拉与前两个输入统一高度/圆角 */
        #selVariant.form-select,
        #vTrim.form-select{
            height: 40px; border-radius: 8px;
            border: 1px solid var(--border,#E5E6EB);
        }
        #imgLightbox .modal-body{ position: relative; }
        #imgLightbox .lb-toolbar{
            position:absolute; top:8px; right:8px;
            z-index: 2050;               /* 高于图片层 */
        }
        #imgLightbox .lb-toolbar .btn{ pointer-events:auto; }
        #imgLightbox .lb-stage{ position:relative; z-index: 2000; }
        /* （去色版）兜底选择器：任何 header/topbar 里带购物车图标的链接/按钮统一去色 + 轻微放大 */
        :where(header, .navbar, .topbar, #siteHeader) :is(a,button,.btn,.nav-link):has(:is(.bi-cart,.bi-cart2,.bi-cart3,.bi-basket,.bi-bag)){
            background: transparent !important;
            color: inherit !important;
            border: 0;
            box-shadow: none;
            transform: scale(1.18);
            border-radius: 999px;
            font-weight: 600;
        }
        :where(header, .navbar, .topbar, #siteHeader) :is(a,button,.btn,.nav-link):has(:is(.bi-cart,.bi-cart2,.bi-cart3,.bi-basket,.bi-bag)) .badge{
            position:absolute; top:-8px; right:-10px;
            min-width:22px; height:22px; line-height:22px; text-align:center; border-radius:999px;
            background:#fff; color:#333; border:1px solid #ddd;
            font-weight:700; font-size:13px; padding:0 6px;
        }
        /* 详情页 Offcanvas 内 Combo 下拉层定位（与本页输入组对齐） */
        #ocVehicle .combo{ position: relative; }
        #ocVehicle .combo .combo-dropdown{
            position: absolute;
            z-index: 2000;          /* 高于 Offcanvas 本体 */
            left: 42px;             /* 与 input-group 左侧图标宽度对齐 */
            right: 8px;
            top: 100%;
            display: none;
            max-height: 260px;
            overflow: auto;
            border-radius: 10px;
        }
        /* --- [SRR-PATCH] Offcanvas 内的下拉浮层：挂 body，固定定位，确保不被裁切 --- */
        .srr-combo-popup {
            position: fixed; /* 关键：不受 offcanvas transform 影响 */
            max-height: 320px;
            overflow: auto;
            border: 1px solid #e5e7eb;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0,0,0,.1);
            z-index: 2147483647; /* 顶层，压过 offcanvas/backdrop */
            min-width: 200px;
        }
        .srr-combo-item {
            padding: 8px 12px;
            cursor: pointer;
            white-space: nowrap;
        }
        .srr-combo-item:hover, .srr-combo-item.active {
            background: #f2f4f8;
        }
        /* =======================================================================
   详情页 · 移动端专用增强（≤575.98px）
   ——只影响小屏；PC 端完全不变
   ======================================================================= */
        @media (max-width: 575.98px){

            /* 1) 顶部媒体区缩略图：统一方形、小一号、更整齐 */
            .thumbnail-nav{
                grid-template-columns: repeat(4, 1fr);   /* 原来是 6 列，小屏太密了 */
                gap: 10px;
                margin-top: 12px;
            }
            .thumbnail-item{
                border-color: #E6ECF5;
                border-radius: 10px;
                aspect-ratio: 1 / 1;
                box-shadow: none;
                transition: transform .15s ease, box-shadow .15s ease;
            }
            .thumbnail-item img,
            .thumbnail-item video{
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 8px;
            }
            .thumbnail-item.active{
                outline: 2px solid var(--secondary-color);
                outline-offset: 0;
                border-color: var(--secondary-color);
            }
            .thumbnail-item .badge{
                transform: scale(.92);
                border-radius: 8px;
            }

            /* 2) 规格参数卡片：更紧凑的“两列小卡”视觉，信息一目了然 */
            .spec-grid{
                grid-template-columns: repeat(2, minmax(0, 1fr));  /* 保持两列，但卡片更紧凑 */
                gap: 8px 10px;
                margin-top: 8px;
            }
            .spec{
                grid-template-columns: 1fr;     /* label 上、value 下（堆叠），读起来更顺 */
                border-radius: 10px;
                box-shadow: 0 2px 8px rgba(0,0,0,.035);
            }
            .spec-label{
                background: transparent;
                border-right: 0;
                padding: 6px 10px 2px;
                font-size: .78rem;
                color: #98A2B3;                 /* 标签弱化 */
                overflow-wrap: anywhere;
                word-break: break-word;
            }
            .spec-value{
                padding: 0 10px 8px;
                font-size: .95rem;
                font-weight: 600;               /* 值强化 */
                color: var(--text-dark);
                word-break: break-all;          /* 长值不挤爆 */
            }

            /* 3) 价格与操作按钮：竖向信息 + 底部并排，更像 App 的卡片布局 */
            .actions{
                gap: 8px;
                margin-top: 8px;
            }
            .actions .qty{ width: 110px; }
            .actions .btn{
                padding: .55rem .75rem;
                font-size: .95rem;
                border-radius: 10px;
            }

            /* 4) 标签页标题（OE适配/大厂号/适配车型）：更紧凑、居中可读 */
            .nav-tabs{
                padding: 0 10px;
                border-bottom-width: 1px;
            }
            .nav-tabs .nav-link{
                padding: 12px 10px;
                font-size: .98rem;
            }

            /* 5) OE适配/大厂号/车型 表格：小屏观感规整、可横向滑动、列宽不乱 */
            /* 如果你 HTML 外层已经有 .table-responsive，这里只是把内部的表做定宽与省略处理 */
            #oe table.table,
            #factory table.table,
            #model table.table{
                table-layout: fixed;
                font-size: .92rem;
            }
            #oe table.table thead th,
            #factory table.table thead th,
            #model table.table thead th{
                white-space: nowrap;
            }
            #oe table.table td,
            #factory table.table td,
            #model table.table td{
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                vertical-align: middle;
            }
            /* 每个模块第一列与关键列给个最小宽度，避免挤到看不清 */
            #oe table.table th:first-child,
            #oe table.table td:first-child,
            #factory table.table th:first-child,
            #factory table.table td:first-child,
            #model table.table th:first-child,
            #model table.table td:first-child{
                min-width: 88px;
            }
            #model table.table th:nth-child(2),
            #model table.table td:nth-child(2){
                min-width: 120px; /* 车型列 */
            }

            /* 6) 品牌分组卡片收紧内边距，移动端更紧凑 */
            #oe .card .card-body,
            #factory .card .card-body,
            #model .card .card-body{
                padding: 10px 10px;
            }

            /* 7) 说明提示块（浅蓝背景那条）在小屏更省空间 */
            .alert{ padding: 8px 10px; }

            /* 8) 详情标题字号下调一点，避免“压”住参数区 */
            .product-title{ font-size: 1.6rem; margin-bottom: 6px; }
        }
        /* =========================
   SRR 商品详情页 - 电商质感强化版（收口防冲突）
   目标：
   1) 标题 + 价格 同行对齐，层级更像京东
   2) 数量 + 库存紧凑
   3) 加购/收藏/立即购买 同一行，间距好看；小屏自动换行
   4) 整体留白与卡片质感更高级
========================= */

        .product-detail-page {
            background: #f6f7fb;
        }

        .product-detail-page .product-detail-container {
            max-width: 1320px;
            margin: 0 auto;
            padding: 18px 16px 32px;
        }

        .product-detail-page .product-hero {
            background: #fff;
            border: 1px solid #eef1f6;
            border-radius: 16px;
            box-shadow: 0 10px 24px rgba(20, 35, 70, 0.06);
            padding: 18px;
        }

        /* 左图右信息整体更紧凑 */
        .product-detail-page .product-main {
            gap: 18px !important;
            align-items: stretch;
        }

        .product-detail-page .media-col {
            min-width: 520px;
        }

        .product-detail-page .info-col {
            min-width: 420px;
        }

        /* 标题+价格：同一行基线对齐 */
        .product-detail-page .product-header {
            margin-bottom: 10px !important;
        }

        .product-detail-page .title-row {
            display: flex !important;
            align-items: flex-end !important;
            justify-content: space-between !important;
            gap: 12px !important;
            flex-wrap: wrap;
        }

        .product-detail-page .product-title {
            font-size: 26px !important;
            line-height: 1.15 !important;
            font-weight: 800 !important;
            color: #1f2a37 !important;
            margin: 0 !important;
            letter-spacing: .2px;
        }

        .product-detail-page .price-ribbon {
            display: inline-flex !important;
            align-items: baseline !important;
            gap: 8px !important;
            padding: 8px 12px !important;
            border-radius: 12px !important;
            border: 1px solid #ffd7d7 !important;
            background: #fff5f5 !important;
            white-space: nowrap;
        }

        .product-detail-page .price-ribbon .price {
            font-size: 26px !important;
            font-weight: 900 !important;
            color: #e60012 !important;
            letter-spacing: .3px;
        }

        .product-detail-page .price-ribbon .cur {
            font-size: 12px !important;
            color: #6b7280 !important;
            font-weight: 700 !important;
            margin-left: 2px;
        }

        /* 参数表区域更像电商规格卡 */
        .product-detail-page .meta-grid {
            margin-top: 10px !important;
            border-radius: 14px;
            border: 1px solid #eef1f6;
            overflow: hidden;
        }

        .product-detail-page .meta-grid .meta-row {
            background: #fff;
        }

        .product-detail-page .meta-grid .meta-row:nth-child(odd) {
            background: #fbfcff;
        }

        .product-detail-page .meta-grid .k {
            color: #6b7280 !important;
            font-weight: 700 !important;
        }

        .product-detail-page .meta-grid .v {
            color: #111827 !important;
            font-weight: 700 !important;
        }

        /* 数量区：更紧凑、更电商 */
        .product-detail-page .qty-row {
            margin-top: 12px !important;
            gap: 10px !important;
        }

        .product-detail-page .qty-label {
            color: #6b7280 !important;
            font-weight: 800 !important;
        }

        .product-detail-page .qty-control {
            border-radius: 12px !important;
            border: 1px solid #e5eaf2 !important;
            overflow: hidden;
            background: #fff;
        }

        .product-detail-page .qty-control button {
            width: 36px !important;
            height: 34px !important;
            border: 0 !important;
            background: #f4f6fb !important;
            font-weight: 900;
        }

        .product-detail-page .qty-control input {
            width: 64px !important;
            height: 34px !important;
            border: 0 !important;
            font-weight: 800 !important;
            color: #111827 !important;
        }

        .product-detail-page .stock-badge {
            border-radius: 999px !important;
            padding: 6px 10px !important;
            font-weight: 900 !important;
        }

        /* ====== 关键：按钮同一行 + 高级质感 ====== */
        .product-detail-page .actions{
            margin-top: 14px;
            padding-top: 12px;
            border-top: 1px dashed #e9edf5;
        }

        /* ✅ 按钮组：内部永不换行，但整体作为 flex-item 可被 wrap 到下一行 */
        .product-detail-page .product-actions{
            margin: 0 !important;
            padding: 0 !important;
            border-top: 0 !important;
            gap: 10px;
            flex-wrap: nowrap !important;
            white-space: nowrap;
            flex: 0 0 auto;
        }

        /* ✅ 确保按钮文字也不自己换行 */
        .product-detail-page .product-actions .btn{
            white-space: nowrap;
        }

        /* ✅ 多语言过长时按钮文字用省略号，不破坏布局 */
        .product-detail-page .product-actions .btn span{
            display: inline-block;
            max-width: 120px;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: bottom;
        }

        /* ✅ 手机端稍微压缩按钮，仍保持同一排 */
        @media (max-width: 768px){
            .product-detail-page .product-actions{ gap: 8px; flex-shrink: 1; min-width: 0; }

            .product-detail-page #btnAddCart,
            .product-detail-page #btnBuyNow{ flex: 1 1 0; min-width: 0; }

            .product-detail-page .product-actions .btn span{ max-width: 110px; }
        }

        .product-detail-page .product-actions .btns {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            gap: 12px !important;
            flex-wrap: wrap !important;
        }

        .product-detail-page .product-actions .btn {
            height: 44px !important;
            border-radius: 12px !important;
            font-weight: 900 !important;
            letter-spacing: .2px;
            padding: 0 16px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        /* 三个按钮同一行：加购主按钮更醒目 */
        .product-detail-page .product-actions .btn-addcart {
            flex: 1 1 220px !important;
            min-width: 220px;
            background: #ffcc00 !important;
            border: 1px solid #f2c200 !important;
            color: #111827 !important;
            box-shadow: 0 10px 18px rgba(255, 204, 0, 0.25);
        }

        .product-detail-page .product-actions .btn-fav {
            flex: 0 0 150px !important;
            min-width: 150px;
            background: #fff !important;
            border: 1px solid #d7deea !important;
            color: #374151 !important;
        }

        .product-detail-page .product-actions .btn-buynow {
            flex: 0 0 190px !important;
            min-width: 190px;
            background: #ef4444 !important;
            border: 1px solid #e33a3a !important;
            color: #fff !important;
            box-shadow: 0 10px 18px rgba(239, 68, 68, 0.18);
        }

        /* 按钮 hover */
        .product-detail-page .product-actions .btn-addcart:hover { filter: brightness(0.98); }
        .product-detail-page .product-actions .btn-fav:hover { background: #f7f9fe !important; }
        .product-detail-page .product-actions .btn-buynow:hover { filter: brightness(0.98); }

        /* 小屏：允许自动换行堆叠，避免挤爆 */
        @media (max-width: 768px) {
            .product-detail-page .media-col { min-width: 100% !important; }
            .product-detail-page .info-col { min-width: 100% !important; }
            .product-detail-page .product-actions .btn {
                width: 100% !important;
                flex: 1 1 100% !important;
                min-width: 0 !important;
            }
        }
        /* ===============================
   Detail page polish overrides
   (keep at END of <style>)
   =============================== */

        /* 1) 让“官方出品 品质保障”固定在主图左上角，不再挤占布局 */
        .product-detail-page .media-container{
            position: relative;
            overflow: hidden;
        }

        .product-detail-page .media-certified{
            position: absolute;
            top: 12px;
            left: 12px;
            z-index: 6;
            margin: 0 !important;
            pointer-events: none; /* 不挡你图片/视频点击 */
        }

        .product-detail-page .badge-certified{
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 10px;
            border-radius: 999px;
            font-size: 12px;
            line-height: 1;
            color: #fff;
            box-shadow: 0 6px 16px rgba(0,0,0,.12);
        }
        /* 2) 缩略图条从左开始排，更像京东/淘宝 */
        .product-detail-page .thumbnail-nav{
            justify-content: flex-start;
        }
        @media (min-width: 992px){

            /* 数量 + 按钮：同一行对齐 */
            .product-detail-page .actions{
                display:flex;
                align-items:center;
                gap:12px;
                flex-wrap: nowrap;          /* ✅ 整行不换行 */
            }
            .product-detail-page .quantity-control{
                flex: 0 0 auto;
                min-width: 240px;
                margin: 0 !important;
            }

            /* ✅ 按钮组：内部永不换行；整体也不换行 */
            .product-detail-page .product-actions{
                display:flex;
                align-items:center;
                justify-content:flex-end;
                gap:10px;
                flex-wrap: nowrap !important;   /* ✅ 不换行 */
                white-space: nowrap;
                margin-left: auto;
                min-width: 0;                  /* ✅ 允许内容被压缩 */
                overflow: hidden;              /* ✅ 避免挤爆布局 */
            }

            /* ✅ 所有按钮文字不换行，超长省略号，并适当缩小字号 */
            .product-detail-page .product-actions .btn{
                white-space: nowrap;
                flex: 0 0 auto;
                height: 44px;
                border-radius: 12px;
                padding: 0 12px !important;
                font-size: 0.95rem;            /* ✅ 比你现在略小一点，抗翻译变长 */
            }
            .product-detail-page .product-actions .btn span{
                display:inline-block;
                max-width: 96px;               /* ✅ 关键：长翻译不撑爆 */
                overflow:hidden;
                text-overflow:ellipsis;
                white-space:nowrap;
                vertical-align:bottom;
            }

            /* ✅ 收藏：固定方形，只留图标（彻底不受翻译影响） */
            .product-detail-page #btnFav{
                flex: 0 0 44px !important;
                max-width: 44px !important;
                padding: 0 !important;
                display:inline-flex;
                align-items:center;
                justify-content:center;
            }
            .product-detail-page #btnFav span{ display:none !important; }
            .product-detail-page #btnFav i{ margin:0 !important; font-size:18px; }

            /* ✅ 两个主按钮给个更稳的最小宽度，防止被压得太窄难看 */
            .product-detail-page #btnAddCart{ min-width: 160px; }
            .product-detail-page #btnBuyNow{ min-width: 140px; }
        }
        /* ===== 当前模板(.product-header/.product-gallery/.product-info) 布局增强（抗 13/14 寸） ===== */
        @media (min-width: 992px) {
            .product-detail-page .product-header{
                display: grid !important;

                /* ✅ 左列用百分比 + minmax：小屏会收缩，大屏不超过视觉舒适范围 */
                grid-template-columns: minmax(320px, 46%) minmax(0, 1fr);

                gap: 18px;
                align-items: stretch;
            }

            /* ✅ 在 grid 下让左列跟随列宽缩放，不要再被 max-width 卡死 */
            .product-detail-page .product-gallery{
                max-width: none;
                min-width: 0;
                height: 100%;
                display: flex;
                flex-direction: column;
            }

            .product-detail-page .product-info{
                min-width: 0;  /* ✅ 右侧允许收缩（尤其俄文/英文长文本） */
                height: 100%;
            }

            .product-detail-page .media-container{
                flex: 1 1 auto;
                height: auto;
                max-height: none;

                /* ✅ 13 寸纵向更紧凑一点，避免“左图太高把右侧挤乱” */
                min-height: 320px;

                position: relative;
                overflow: hidden;
            }

            .product-detail-page .thumbnail-nav{
                margin-top: 12px;
            }
        }

        @media (max-width: 991.98px){
            .product-detail-page .product-header{
                display: block;
            }
            .product-detail-page .product-gallery{
                width: 100% !important;
                max-width: 100% !important;
            }
        }

        /* 数量控件 + 按钮同一行；空间不足时按钮组整体换到下一行（按钮组内部不换行） */
        .actions{
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px 12px;
            margin-top: 8px;
        }
        .actions .quantity-control{ flex: 0 0 auto; }
        /* ====== [SRR-PATCH] 购买区：永远同一行 + 不省略号，改为“简写切换” ====== */
        .product-detail-page .actions{
            display:flex;
            align-items:center;
            flex-wrap: nowrap;              /* ✅ 永不换行：数量+按钮永远一行 */
            gap: 12px;
            margin-top: 14px;
            padding-top: 12px;
            border-top: 1px dashed #e9edf5;
            min-width: 0;
        }

        .product-detail-page .actions .quantity-control{
            flex: 0 0 auto;
        }

        .product-detail-page .actions .product-actions{
            display:flex;
            align-items:center;
            justify-content:flex-end;
            flex-wrap: nowrap;              /* ✅ 按钮组内部也永不换行 */
            gap: 10px;
            margin-left: auto;
            min-width: 0;
            flex: 1 1 auto;                 /* ✅ 允许按钮组在一行里收缩 */
        }

        .product-detail-page .actions .product-actions .btn{
            white-space: nowrap;
            flex: 0 1 auto;                 /* ✅ 允许按钮本体收缩（配合字体/内边距压缩） */
            padding: .70rem 1.10rem;        /* 默认稍紧凑 */
        }

        .product-detail-page .actions .product-actions .btn .btn-label{
            display:inline-block;
            white-space: nowrap;            /* ✅ 文字永不换行 */
            max-width: none;                /* ✅ 不做省略号裁切 */
        }

        /* 第2级压缩：当仍然放不下时（JS会自动加class） */
        .product-detail-page .actions.actions-compact .product-actions .btn{
            padding: .62rem .95rem;
        }
        .product-detail-page .actions.actions-compact .product-actions .btn .btn-label{
            font-size: .95rem;
            letter-spacing: -0.1px;
        }

        /* 第3级压缩：极端小屏/极长语言（JS会自动加class） */
        .product-detail-page .actions.actions-compact2 .product-actions .btn{
            padding: .56rem .82rem;
        }
        .product-detail-page .actions.actions-compact2 .product-actions .btn .btn-label{
            font-size: .90rem;
            letter-spacing: -0.2px;
        }
        .btn-fav{ border-color: #E6E8EC !important; background: #fff; }
        .btn-fav:focus, .btn-fav:active{ box-shadow: none !important; }
        /* ===== SRR-PATCH: 购买区一行稳定布局（不省略号，不换行） ===== */
        .product-detail-page .actions{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            flex-wrap:nowrap;              /* 关键：不换行 */
        }

        .product-detail-page .quantity-control{
            flex:0 0 auto;
            white-space:nowrap;
        }

        .product-detail-page .qty-label{
            font-size:.95rem;
            white-space:nowrap;
        }

        .product-detail-page .product-actions{
            flex:1 1 auto;
            display:flex;
            align-items:center;
            justify-content:flex-end;
            gap:10px;
            flex-wrap:nowrap;              /* 关键：按钮不换行 */
            min-width: 0;
        }

        /* 加购：纯图标按钮（固定宽度，不会被挤没） */
        .product-detail-page .btn-addcart-icon{
            width:46px;
            padding:0 !important;
            display:inline-flex;
            align-items:center;
            justify-content:center;
        }
        .product-detail-page .btn-addcart-icon i{
            font-size:1.25rem;
            margin:0 !important;
        }

        /* 收藏：缩窄一点 */
        .product-detail-page .btn-fav-narrow{
            padding:0 10px !important;
            min-width: 92px;
            white-space:nowrap;
        }
        .product-detail-page .btn-fav-narrow i{ font-size:1.1rem; }

        /* 购买：短文案 */
        .product-detail-page .btn-buy-short{
            padding:0 14px !important;
            min-width: 120px;
            white-space:nowrap;
        }

        /* 小屏允许堆叠（移动端不强求一行） */
        @media (max-width: 768px){
            .product-detail-page .actions{ flex-wrap:wrap; }
            .product-detail-page .product-actions{ width:100%; justify-content:space-between; }
        }

        /* ===== SRR-PATCH: “官方出品 品质保障”改到上方居中，避免挡 SRR LOGO ===== */
        .product-detail-page .media-certified{
            left:50% !important;
            top:12px !important;
            transform:translateX(-50%) !important;
            pointer-events:none;
        }
        /* ===== SRR-FINAL: 详情页购买区“窄按钮”最终覆盖（不省略号、不换行） ===== */

        /* 禁用旧的省略号规则（你之前有 max-width + ellipsis） */
        .product-detail-page .actions .product-actions .btn span{
            max-width: none !important;
            overflow: visible !important;
            text-overflow: clip !important;
            white-space: nowrap !important;
        }

        /* 购物车：超窄线框图标按钮（统一橙黄色） */
        .product-detail-page .btn-cart-mini{
            width: 76px !important;
            min-width: 76px !important;
            height: 44px !important;
            padding: 0 !important;
            border-radius: 12px !important;

            /* ✅ 统一橙黄色边框 */
            border: 1px solid rgba(255,106,19,.45) !important;
            background: #fff !important;

            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
        }
        .product-detail-page .btn-cart-mini i{
            font-size: 1.25rem !important;
            margin: 0 !important;

            /* ✅ 图标橙黄色 */
            color: var(--highlight-1655c) !important;
        }
        /* hover：橙色淡底 */
        .product-detail-page .btn-cart-mini:hover{
            background: #fff7ef !important;
            border-color: var(--highlight-1655c) !important;
        }

        /* 收藏：比之前更窄，避免翻译后顶布局 */
        .product-detail-page .btn-fav-mini{
            padding: 0 10px !important;
            min-width: 76px !important;
            height: 44px !important;
            border-radius: 12px !important;
            border: 1px solid #E6E8EC !important;
            background: #fff !important;
            white-space: nowrap !important;
        }
        .product-detail-page .btn-fav-mini i{
            font-size: 1.1rem !important;
        }

        /* 购买按钮：保持短文案（你现在是“购买”即可），并保证不换行 */
        .product-detail-page .btn-buy-short{
            height: 44px !important;
            padding: 0 14px !important;
            min-width: 110px !important;
            white-space: nowrap !important;
            border-radius: 12px !important;
        }
        /* ====== [SRR-PATCH-2026-02] 详情页笔记本适配：避免按钮被遮挡 ====== */
        /* 1) 规格参数：支持“整行”字段 */
        .product-detail-page .spec-grid .spec.spec-wide{
            grid-column: 1 / -1;
        }
        .product-detail-page .spec-grid .spec.spec-wide .spec-value{
            white-space: normal;
            word-break: break-word;
        }

        /* 2) 数量区更紧凑 */
        .product-detail-page .qty-input{ width: 150px !important; }
        .product-detail-page .qty-label{ font-size: .90rem; }
        .product-detail-page .stock-badge .badge{
            font-size: 12px;
            padding: 4px 8px;
        }

        /* 3) 1366/ThinkPad 等小屏：允许“按钮组”换到下一行，绝不隐藏 */
        @media (max-width: 1366px){
            .product-detail-page .product-header{
                grid-template-columns: minmax(420px, 520px) 1fr !important;
            }
            .product-detail-page .actions{
                flex-wrap: wrap !important;
                align-items: flex-start !important;
            }
            .product-detail-page .actions .product-actions{
                flex: 1 1 100% !important;
                justify-content: flex-end !important;
                flex-wrap: wrap !important;         /* ✅ 空间不足就换行 */
                overflow: visible !important;       /* ✅ 不裁切 */
                white-space: normal !important;
            }
            .product-detail-page #btnAddCart{ min-width: 120px !important; }
            .product-detail-page #btnBuyNow{ min-width: 120px !important; }
        }

        /* 4) 更小屏：图片区别固定死宽，避免把右侧挤没 */
        @media (max-width: 1199.98px){
            .product-detail-page .product-header{
                grid-template-columns: 1fr !important;
            }
        }
        .product-detail-page .spec-grid .spec.spec-wide{
            grid-column: 1 / -1;
        }
        .product-detail-page .spec-grid .spec.spec-wide .spec-value{
            white-space: normal;
            word-break: break-word;
        }
        /* 兜底：在笔记本（1366 等）仍然挤出导致按钮被挡住时，允许整块动作区换行（由 JS 动态加 actions-wrap） */
        .product-detail-page .actions.actions-wrap{
            flex-wrap: wrap;
            row-gap: 10px;
        }
        .product-detail-page .actions.actions-wrap .quantity-control{
            flex: 1 1 240px;
        }
        .product-detail-page .actions.actions-wrap .product-actions{
            flex: 1 1 320px;
            width: auto;
            justify-content: flex-end;
        }
        @media (max-width: 1200px) {
            .product-detail-page .quantity-control .qty-input input[type="number"] { width: 56px; }
            .product-detail-page .btn-cart-mini { width: 68px; min-width: 68px; }
            .product-detail-page .btn-fav-mini  { min-width: 72px; padding: 0 8px; }
            .product-detail-page .btn-buy-short { min-width: 140px !important; padding: 0 12px !important; }
        }
        /* ===== SRR-FINAL: 右侧“官方出品·品质保障”标题证章（不占位不下压） ===== */
        .product-detail-page .title-row{
            position: relative; /* 让证章相对标题区域定位 */
        }

        /* 证章本体：高级、轻量、国际电商风 */
        .product-detail-page .info-certified{
            position: absolute;
            left: 0;
            top: -20px;              /* 关键：向上“贴”在标题上方的空白区域，不挤布局 */
            z-index: 6;

            display: inline-flex;
            align-items: center;
            gap: 8px;

            padding: 6px 12px;
            border-radius: 999px;

            /* 大厂质感：淡金渐变 + 细描边 + 柔和阴影 */
            background: linear-gradient(180deg, rgba(255,106,19,.16) 0%, #FFFFFF 100%);
            border: 1px solid rgba(255,106,19,.45);
            box-shadow: 0 10px 22px rgba(17, 24, 39, .06);

            font-weight: 800;
            font-size: 12px;
            letter-spacing: .2px;
            color: #FF6A13;
            white-space: nowrap;
            pointer-events: none; /* 不抢点击 */
        }

        .product-detail-page .info-certified i{
            font-size: 14px;
            color: #F59E0B;
        }

        /* 小屏更紧凑 */
        @media (max-width: 768px){
            .product-detail-page .info-certified{
                top: -8px;
                padding: 5px 10px;
                font-size: 11px;
            }
        }
        /* ✅ RMB 单位放大：兼容你现在的 class=price-currency */
        .price-ribbon .price-currency{
            font-size: 1.05rem;
            font-weight: 800;
            opacity: .75;
            margin-left: 6px;
        }
        /* ===== [SRR-FIX-2026-02-09] 笔记本/长语言：数量区再压缩，购物车不再被裁切，并改为醒目填充按钮 ===== */

        /* ✅ 关键：你之前有 overflow:hidden，导致最右侧购物车直接被裁掉 */
        .product-detail-page .product-actions{
            overflow: visible !important;
            gap: 8px !important;                  /* 间距小一点，留更多空间 */
        }

        /* ✅ 覆盖旧遗留：你现在是图标按钮，但旧规则还写了 #btnAddCart min-width:160px */
        .product-detail-page #btnAddCart{
            min-width: 44px !important;
            width: 44px !important;
            padding: 0 !important;
        }

        /* ✅ 数量输入整体更窄（对 1440/1366 笔记本很关键） */
        .product-detail-page .qty-input{
            width: 118px !important;
        }
        .product-detail-page .qty-input .btn{
            width: 30px !important;
            padding: 0 !important;
        }
        .product-detail-page .qty-input input[type="number"]{
            width: 52px !important;
            padding: 0 4px !important;
        }

        /* ✅ 库存徽章不要额外撑宽；超窄屏允许换到下一行 */
        .product-detail-page .quantity-control{
            min-width: 0 !important;
        }
        @media (max-width: 1366px){
            .product-detail-page .quantity-control{
                flex-wrap: wrap !important;
                row-gap: 6px;
            }
            .product-detail-page .stock-badge{
                flex: 1 1 100%;
            }
        }
        /* ===== [SRR-FINAL-UX-2026-02-09] 详情页：动作按钮（国际电商风） + 防遮挡 ===== */

        /* 1) 按钮区不裁切（避免最右侧按钮被裁掉） */
        .product-detail-page .actions .product-actions{
            overflow: visible !important;
            gap: 10px !important;
        }

        /* 2) 购物车：主操作（橙色渐变 + 细腻阴影，更像国际电商） */
        .product-detail-page #btnAddCart.btn-cart-mini{
            width: 52px !important;
            min-width: 52px !important;
            height: 52px !important;
            padding: 0 !important;
            border-radius: 14px !important;

            border: 1px solid rgba(255,106,19,.0) !important;
            background: linear-gradient(180deg, rgba(255,140,70,1) 0%, rgba(255,106,19,1) 100%) !important;
            box-shadow: 0 10px 18px rgba(255,106,19,.22) !important;

            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
        }
        .product-detail-page #btnAddCart.btn-cart-mini i{
            color: #fff !important;
            font-size: 1.35rem !important;
            margin: 0 !important;
        }
        .product-detail-page #btnAddCart.btn-cart-mini:hover{
            filter: brightness(.97);
            transform: translateY(-1px);
            box-shadow: 0 12px 22px rgba(255,106,19,.26) !important;
        }
        .product-detail-page #btnAddCart.btn-cart-mini:active{
            transform: translateY(0);
            filter: brightness(.94);
        }
        .product-detail-page #btnAddCart.btn-cart-mini:focus-visible{
            outline: none !important;
            box-shadow: 0 0 0 3px rgba(255,106,19,.22), 0 12px 22px rgba(255,106,19,.26) !important;
        }

        /* 3) 收藏：固定方形图标（宽高与购物车一致，彻底不受翻译影响） */
        .product-detail-page #btnFav.btn-fav-mini{
            width: 52px !important;
            min-width: 52px !important;
            height: 52px !important;
            padding: 0 !important;
            border-radius: 14px !important;

            border: 1px solid #E6E8EC !important;
            background: #fff !important;

            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
        }
        .product-detail-page #btnFav.btn-fav-mini i{
            font-size: 1.25rem !important;
            margin: 0 !important;
            color: #6b7280 !important;
        }
        .product-detail-page #btnFav.btn-fav-mini:hover{
            background: #fff7ef !important;
            border-color: rgba(255,106,19,.35) !important;
            transform: translateY(-1px);
        }
        .product-detail-page #btnFav.btn-fav-mini:focus-visible{
            outline: none !important;
            box-shadow: 0 0 0 3px rgba(255,106,19,.16) !important;
        }
        /* 已收藏态：轻金色底 + 边框（JS 会给按钮加 fav-on；同时图标变金色） */
        .product-detail-page #btnFav.fav-on{
            background: rgba(245, 158, 11, .10) !important;
            border-color: rgba(245, 158, 11, .35) !important;
        }
        .product-detail-page #btnFav.fav-on i{
            color: #F59E0B !important;
        }

        /* 4) 购买：与图标按钮同高，仍保持转化按钮质感 */
        .product-detail-page #btnBuyNow.btn-buy-short{
            height: 52px !important;
            min-width: 110px !important;
            padding: 0 14px !important;
            border-radius: 14px !important;
            font-weight: 900 !important;
            box-shadow: 0 10px 18px rgba(239,68,68,.14);
        }

        /* 5) 防遮挡：启用 actions-wrap 时，“有货/可预订”自动下沉，不会挡住购物车 */
        .product-detail-page form.actions.actions-wrap{
            flex-wrap: wrap !important;
            row-gap: 10px;
        }
        .product-detail-page form.actions.actions-wrap .quantity-control{
            flex: 1 1 240px;
            flex-wrap: wrap !important;
            row-gap: 6px;
        }
        .product-detail-page form.actions.actions-wrap .stock-badge{
            flex: 1 1 100%;
        }
        .product-detail-page form.actions.actions-wrap .product-actions{
            flex: 1 1 100% !important;
            justify-content: flex-end !important;
        }

        /* 6) ThinkPad/1366 等极限：再略缩一点，保证横向不挤不遮挡 */
        @media (max-width: 1366px){
            .product-detail-page #btnAddCart.btn-cart-mini,
            .product-detail-page #btnFav.btn-fav-mini{
                width: 48px !important;
                min-width: 48px !important;
                height: 48px !important;
                border-radius: 13px !important;
            }
            .product-detail-page #btnBuyNow.btn-buy-short{
                height: 48px !important;
                min-width: 96px !important;
            }
        }
        /* ===================== SRR-DETAIL-RESPONSIVE-20260227（行业常用断点） ===================== */
        :root{
            --pd-wrap-max: 1320px;
            --pd-wrap-pad: 16px;
        }

        /* 容器：避免在 1366/1280 被固定 max-width 挤出不对称 */
        .container.product-detail-page{
            max-width: min(var(--pd-wrap-max), calc(100vw - (var(--pd-wrap-pad) * 2)));
            padding-left: var(--pd-wrap-pad);
            padding-right: var(--pd-wrap-pad);
        }

        /* 主区两列：在小本上保持两列但更紧凑（不堆叠、不溢出） */
        .product-detail-page .product-main{
            gap: 18px;
        }
        .product-detail-page .media-col{
            flex: 0 0 clamp(420px, 42vw, 560px);
            min-width: 420px;
        }
        .product-detail-page .info-col{
            flex: 1 1 0;
            min-width: 360px;
            max-width: none;
        }

        /* ≤1280：ThinkPad/老屏（更紧凑） */
        @media (max-width: 1280px){
            :root{
                --pd-wrap-max: 1280px;
                --pd-wrap-pad: 14px;
            }
            .product-detail-page .product-main{ gap: 14px; }
            .product-detail-page .media-col{
                flex-basis: clamp(380px, 40vw, 520px);
                min-width: 380px;
            }
            .product-detail-page .info-col{ min-width: 340px; }
            .product-detail-page .meta-grid .meta-row{ gap: 10px; }
        }

        /* 1366×768：最常见小本 */
        @media (min-width: 1281px) and (max-width: 1366px){
            :root{
                --pd-wrap-max: 1366px;
                --pd-wrap-pad: 14px;
            }
            .product-detail-page .product-main{ gap: 16px; }
            .product-detail-page .media-col{
                flex-basis: clamp(420px, 41vw, 540px);
                min-width: 400px;
            }
        }

        /* 1440×900 */
        @media (min-width: 1367px) and (max-width: 1440px){
            :root{
                --pd-wrap-max: 1440px;
                --pd-wrap-pad: 16px;
            }
            .product-detail-page .product-main{ gap: 18px; }
        }

        /* 1536/1600：缩放常见 */
        @media (min-width: 1441px) and (max-width: 1600px){
            :root{
                --pd-wrap-max: 1500px;
                --pd-wrap-pad: 18px;
            }
        }

        /* 1920：主流大屏 */
        @media (min-width: 1601px) and (max-width: 2199px){
            :root{
                --pd-wrap-max: 1520px;
                --pd-wrap-pad: 20px;
            }
        }

        /* ≥2560：2K/3K */
        @media (min-width: 2560px){
            :root{
                --pd-wrap-max: 1680px;
                --pd-wrap-pad: 24px;
            }
        }
/* ===== 原内联样式块 1 结束 ===== */