/*
 Theme Name: Wangju Theme
 Version: 1.0.0
 Description: 全站样式集中文件。模板 PHP 中不再内联大段 CSS。

 目录结构（按页面分区，便于维护）：
 1. Header / Global ........ 字体、变量、顶栏、移动端菜单、搜索弹窗
 2. Footer ................. 页脚、悬浮按钮、询盘弹窗
 3. Front Page ............. 首页各板块（Hero / Stats / Categories 等）
 4. Single Product ......... 产品详情
 5. Taxonomy Product ....... 产品分类列表
 6. Search ................. 搜索结果
 7. Page: About Us ......... 关于我们 + 工厂灯箱
 8. Page: Contact Us ....... 联系我们
 9. Page: Color Charts ..... 色卡
 10. Page: Hair Wig ........ 如何选假发
 11. Page: Hair Topper ..... 如何选补发片

 动态样式例外：
 - 首页 Hero 比例变量 --hero-ratio-w/h 由 front-page.php 少量 inline 覆盖
 - 后台缩略图列宽仍在 functions.php admin_head 中输出
*/

/* ========== 1. Header / Global ========== */
/* @font-face 使用相对主题根目录的路径（随 style.css 加载解析） */
@font-face{
    font-family:'DM Sans';
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url('assets/fonts/DMSans-Regular.woff2') format('woff2');
    }
    @font-face{
    font-family:'DM Sans';
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url('assets/fonts/DMSans-Medium.woff2') format('woff2');
    }
    @font-face{
    font-family:'DM Sans';
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url('assets/fonts/DMSans-SemiBold.woff2') format('woff2');
    }
    @font-face{
    font-family:'DM Sans';
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url('assets/fonts/DMSans-Bold.woff2') format('woff2');
    }
    @font-face{
    font-family:'Playfair Display';
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url('assets/fonts/PlayfairDisplay-Medium.woff2') format('woff2');
    }
    @font-face{
    font-family:'Playfair Display';
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url('assets/fonts/PlayfairDisplay-SemiBold.woff2') format('woff2');
    }
    @font-face{
    font-family:'Playfair Display';
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url('assets/fonts/PlayfairDisplay-Bold.woff2') format('woff2');
    }
    :root{
    --font-serif:'Playfair Display',serif;
    --font-sans:'DM Sans',sans-serif;
    
    --gold:#a9825a;
    --gold-deep: #7c5a3a;
    --ink:#1a1a1a;
    --dark-bg: #171512;
    --dark-bg-light: #1a1815;
    --text-light: #fdfaf6;
    --text-muted: #9c9690;
    
    --header-height:100px;
    --max-width:1450px;
    --padding-x: 6vw;
    
    --ease: cubic-bezier(.16, .84, .44, 1);
    --ease-fast: cubic-bezier(.25, .8, .25, 1);
    }
    *{
    box-sizing:border-box;
    }
    html{
    overflow-x:clip;
    }
    body{
    margin:0;
    padding-top:var(--header-height);
    font-family:var(--font-sans);
    overflow-x:clip;
    }
    img,video,iframe,embed,object{
    max-width:100%;
    }
    table{
    max-width:100%;
    }
    .entry-content table,
    .product-brief table,
    .product-description table,
    .wp-block-table{
    /* 保持 table 布局，避免 display:block 破坏单元格间距；横向滚动由外层容器处理 */
    width:100%;
    max-width:100%;
    border-collapse:collapse;
    }
    
    /*
     * 后台 TinyMCE / ACF 编辑器表格修复：
     * 1) 全站 *{box-sizing:border-box} 会把 td[height] + cellpadding 挤掉内边距
     * 2) 编辑器常用 HTML cellpadding，在 border-collapse 下需映射为 CSS padding
     */
    .choose-wig-editor table td,
    .choose-wig-editor table th,
    .choose-wig-block table td,
    .choose-wig-block table th,
    .choose-topper-editor table td,
    .choose-topper-editor table th,
    .choose-topper-bott table td,
    .choose-topper-bott table th,
    .choose-topper-cent table td,
    .choose-topper-cent table th,
    .product-brief-editor table td,
    .product-brief-editor table th,
    .entry-content table td,
    .entry-content table th,
    .about-text table td,
    .about-text table th,
    .about-block table td,
    .about-block table th {
        box-sizing: content-box;
    }
    
    /* 将 HTML cellpadding 转为 CSS padding（比依赖浏览器映射更稳定） */
    .choose-wig-editor table[cellpadding="0"] td, .choose-wig-editor table[cellpadding="0"] th,
    .choose-wig-block table[cellpadding="0"] td, .choose-wig-block table[cellpadding="0"] th,
    .choose-topper-editor table[cellpadding="0"] td, .choose-topper-editor table[cellpadding="0"] th,
    .choose-topper-bott table[cellpadding="0"] td, .choose-topper-bott table[cellpadding="0"] th,
    .product-brief-editor table[cellpadding="0"] td, .product-brief-editor table[cellpadding="0"] th,
    .entry-content table[cellpadding="0"] td, .entry-content table[cellpadding="0"] th { padding: 0; }
    
    .choose-wig-editor table[cellpadding="1"] td, .choose-wig-editor table[cellpadding="1"] th,
    .choose-wig-block table[cellpadding="1"] td, .choose-wig-block table[cellpadding="1"] th,
    .choose-topper-editor table[cellpadding="1"] td, .choose-topper-editor table[cellpadding="1"] th,
    .choose-topper-bott table[cellpadding="1"] td, .choose-topper-bott table[cellpadding="1"] th,
    .product-brief-editor table[cellpadding="1"] td, .product-brief-editor table[cellpadding="1"] th,
    .entry-content table[cellpadding="1"] td, .entry-content table[cellpadding="1"] th { padding: 1px; }
    
    .choose-wig-editor table[cellpadding="2"] td, .choose-wig-editor table[cellpadding="2"] th,
    .choose-wig-block table[cellpadding="2"] td, .choose-wig-block table[cellpadding="2"] th,
    .choose-topper-editor table[cellpadding="2"] td, .choose-topper-editor table[cellpadding="2"] th,
    .choose-topper-bott table[cellpadding="2"] td, .choose-topper-bott table[cellpadding="2"] th,
    .product-brief-editor table[cellpadding="2"] td, .product-brief-editor table[cellpadding="2"] th,
    .entry-content table[cellpadding="2"] td, .entry-content table[cellpadding="2"] th { padding: 2px; }
    
    .choose-wig-editor table[cellpadding="3"] td, .choose-wig-editor table[cellpadding="3"] th,
    .choose-wig-block table[cellpadding="3"] td, .choose-wig-block table[cellpadding="3"] th,
    .choose-topper-editor table[cellpadding="3"] td, .choose-topper-editor table[cellpadding="3"] th,
    .choose-topper-bott table[cellpadding="3"] td, .choose-topper-bott table[cellpadding="3"] th,
    .product-brief-editor table[cellpadding="3"] td, .product-brief-editor table[cellpadding="3"] th,
    .entry-content table[cellpadding="3"] td, .entry-content table[cellpadding="3"] th { padding: 3px; }
    
    .choose-wig-editor table[cellpadding="4"] td, .choose-wig-editor table[cellpadding="4"] th,
    .choose-wig-block table[cellpadding="4"] td, .choose-wig-block table[cellpadding="4"] th,
    .choose-topper-editor table[cellpadding="4"] td, .choose-topper-editor table[cellpadding="4"] th,
    .choose-topper-bott table[cellpadding="4"] td, .choose-topper-bott table[cellpadding="4"] th,
    .product-brief-editor table[cellpadding="4"] td, .product-brief-editor table[cellpadding="4"] th,
    .entry-content table[cellpadding="4"] td, .entry-content table[cellpadding="4"] th { padding: 4px; }
    
    .choose-wig-editor table[cellpadding="5"] td, .choose-wig-editor table[cellpadding="5"] th,
    .choose-wig-block table[cellpadding="5"] td, .choose-wig-block table[cellpadding="5"] th,
    .choose-topper-editor table[cellpadding="5"] td, .choose-topper-editor table[cellpadding="5"] th,
    .choose-topper-bott table[cellpadding="5"] td, .choose-topper-bott table[cellpadding="5"] th,
    .product-brief-editor table[cellpadding="5"] td, .product-brief-editor table[cellpadding="5"] th,
    .entry-content table[cellpadding="5"] td, .entry-content table[cellpadding="5"] th { padding: 5px; }
    
    .choose-wig-editor table[cellpadding="6"] td, .choose-wig-editor table[cellpadding="6"] th,
    .choose-wig-block table[cellpadding="6"] td, .choose-wig-block table[cellpadding="6"] th,
    .choose-topper-editor table[cellpadding="6"] td, .choose-topper-editor table[cellpadding="6"] th,
    .choose-topper-bott table[cellpadding="6"] td, .choose-topper-bott table[cellpadding="6"] th,
    .product-brief-editor table[cellpadding="6"] td, .product-brief-editor table[cellpadding="6"] th,
    .entry-content table[cellpadding="6"] td, .entry-content table[cellpadding="6"] th { padding: 6px; }
    
    .choose-wig-editor table[cellpadding="8"] td, .choose-wig-editor table[cellpadding="8"] th,
    .choose-wig-block table[cellpadding="8"] td, .choose-wig-block table[cellpadding="8"] th,
    .choose-topper-editor table[cellpadding="8"] td, .choose-topper-editor table[cellpadding="8"] th,
    .choose-topper-bott table[cellpadding="8"] td, .choose-topper-bott table[cellpadding="8"] th,
    .product-brief-editor table[cellpadding="8"] td, .product-brief-editor table[cellpadding="8"] th,
    .entry-content table[cellpadding="8"] td, .entry-content table[cellpadding="8"] th { padding: 8px; }
    
    .choose-wig-editor table[cellpadding="10"] td, .choose-wig-editor table[cellpadding="10"] th,
    .choose-wig-block table[cellpadding="10"] td, .choose-wig-block table[cellpadding="10"] th,
    .choose-topper-editor table[cellpadding="10"] td, .choose-topper-editor table[cellpadding="10"] th,
    .choose-topper-bott table[cellpadding="10"] td, .choose-topper-bott table[cellpadding="10"] th,
    .product-brief-editor table[cellpadding="10"] td, .product-brief-editor table[cellpadding="10"] th,
    .entry-content table[cellpadding="10"] td, .entry-content table[cellpadding="10"] th { padding: 10px; }
    
    .choose-wig-editor table[cellpadding="12"] td, .choose-wig-editor table[cellpadding="12"] th,
    .choose-wig-block table[cellpadding="12"] td, .choose-wig-block table[cellpadding="12"] th,
    .choose-topper-editor table[cellpadding="12"] td, .choose-topper-editor table[cellpadding="12"] th,
    .choose-topper-bott table[cellpadding="12"] td, .choose-topper-bott table[cellpadding="12"] th,
    .product-brief-editor table[cellpadding="12"] td, .product-brief-editor table[cellpadding="12"] th,
    .entry-content table[cellpadding="12"] td, .entry-content table[cellpadding="12"] th { padding: 12px; }
    
    .choose-wig-editor table[cellpadding="15"] td, .choose-wig-editor table[cellpadding="15"] th,
    .choose-wig-block table[cellpadding="15"] td, .choose-wig-block table[cellpadding="15"] th,
    .choose-topper-editor table[cellpadding="15"] td, .choose-topper-editor table[cellpadding="15"] th,
    .choose-topper-bott table[cellpadding="15"] td, .choose-topper-bott table[cellpadding="15"] th,
    .product-brief-editor table[cellpadding="15"] td, .product-brief-editor table[cellpadding="15"] th,
    .entry-content table[cellpadding="15"] td, .entry-content table[cellpadding="15"] th { padding: 15px; }
    
    .choose-wig-editor table[cellpadding="16"] td, .choose-wig-editor table[cellpadding="16"] th,
    .choose-wig-block table[cellpadding="16"] td, .choose-wig-block table[cellpadding="16"] th,
    .choose-topper-editor table[cellpadding="16"] td, .choose-topper-editor table[cellpadding="16"] th,
    .choose-topper-bott table[cellpadding="16"] td, .choose-topper-bott table[cellpadding="16"] th,
    .product-brief-editor table[cellpadding="16"] td, .product-brief-editor table[cellpadding="16"] th,
    .entry-content table[cellpadding="16"] td, .entry-content table[cellpadding="16"] th { padding: 16px; }
    
    .choose-wig-editor table[cellpadding="20"] td, .choose-wig-editor table[cellpadding="20"] th,
    .choose-wig-block table[cellpadding="20"] td, .choose-wig-block table[cellpadding="20"] th,
    .choose-topper-editor table[cellpadding="20"] td, .choose-topper-editor table[cellpadding="20"] th,
    .choose-topper-bott table[cellpadding="20"] td, .choose-topper-bott table[cellpadding="20"] th,
    .product-brief-editor table[cellpadding="20"] td, .product-brief-editor table[cellpadding="20"] th,
    .entry-content table[cellpadding="20"] td, .entry-content table[cellpadding="20"] th { padding: 20px; }
    
    /* 单元格若有内联 style="padding:..."，优先生效（覆盖上方 cellpadding 映射） */
    .choose-wig-editor table td[style*="padding"],
    .choose-wig-editor table th[style*="padding"],
    .choose-wig-block table td[style*="padding"],
    .choose-wig-block table th[style*="padding"],
    .choose-topper-bott table td[style*="padding"],
    .choose-topper-bott table th[style*="padding"],
    .product-brief-editor table td[style*="padding"],
    .product-brief-editor table th[style*="padding"],
    .entry-content table td[style*="padding"],
    .entry-content table th[style*="padding"] {
        /* 内联 padding 本身优先级更高；此处仅确保不被其它规则干扰 */
        box-sizing: content-box;
    }
    
    /* 编辑器误设的过小 height（如 24px）会挤压内边距，改为自适应 */
    .choose-wig-block table[cellpadding] td[style*="height: 24px"],
    .choose-wig-block table[cellpadding] td[style*="height:24px"],
    .choose-wig-block table[cellpadding] th[style*="height: 24px"],
    .choose-wig-block table[cellpadding] th[style*="height:24px"],
    .choose-topper-bott table[cellpadding] td[style*="height: 24px"],
    .choose-topper-bott table[cellpadding] td[style*="height:24px"],
    .product-brief-editor table[cellpadding] td[style*="height: 24px"],
    .product-brief-editor table[cellpadding] td[style*="height:24px"] {
        height: auto !important;
    }
    a{
    text-decoration:none;
    color:inherit;
    }
    img{
    max-width:100%;
    height:auto;
    display:block;
    }
    /* 询盘/搜索弹窗：样式加载前先隐藏，避免页面闪黑/放大 */
    .inquiry-modal,
    .inquiry-modal[hidden],
    .search-modal:not(.open){
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    opacity:0!important;
    }
    .inquiry-modal.open,
    .search-modal.open{
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
    opacity:1!important;
    }
    .inquiry-modal:not(.open) .inquiry-modal-overlay,
    .inquiry-modal:not(.open) .inquiry-modal-content{
    animation:none!important;
    }
    /* 全站视频：隐藏下载按钮，保留播放速度 / 画中画 */
    video::-webkit-media-controls-download-button{
    display:none!important;
    }
    video::-internal-media-controls-download-button{
    display:none!important;
    }
    /* 编辑器图片对齐（WordPress align* 类）
       注意：全站 img 为 display:block，父级 text-align:center 无法居中 block 图片，
       必须用 margin-left/right:auto；并兼容仅父级居中、图片无 aligncenter 的情况 */
    img.aligncenter,
    .aligncenter,
    .wp-caption.aligncenter {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    }
    img.alignleft,
    .alignleft {
    float: left;
    margin: 0 1.5em 1em 0;
    }
    img.alignright,
    .alignright {
    float: right;
    margin: 0 0 1em 1.5em;
    }
    img.alignnone,
    .alignnone {
    margin: 0;
    }
    .wp-caption {
    max-width: 100%;
    }
    .wp-caption.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .wp-caption.aligncenter img,
    .wp-caption img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .wp-caption-text {
    margin: 0.5em 0 0;
    font-size: 0.9em;
    color: #666;
    text-align: center;
    }
    /* 经典编辑器：段落/容器仅设 text-align:center 时，内部 block 图片也居中 */
    .entry-content [style*="text-align: center"] > img,
    .entry-content [style*="text-align:center"] > img,
    .product-brief-editor [style*="text-align: center"] > img,
    .product-brief-editor [style*="text-align:center"] > img,
    .product-description-content [style*="text-align: center"] > img,
    .product-description-content [style*="text-align:center"] > img,
    .choose-wig-editor [style*="text-align: center"] > img,
    .choose-wig-editor [style*="text-align:center"] > img,
    .choose-wig-block [style*="text-align: center"] > img,
    .choose-wig-block [style*="text-align:center"] > img,
    .choose-wig-cent-left [style*="text-align: center"] > img,
    .choose-wig-cent-left [style*="text-align:center"] > img,
    .choose-topper-page [style*="text-align: center"] > img,
    .choose-topper-page [style*="text-align:center"] > img,
    .about-block [style*="text-align: center"] > img,
    .about-block [style*="text-align:center"] > img {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    }
    /* 内容区带 aligncenter 的图片（提高优先级，避免被局部 img 规则覆盖） */
    .entry-content img.aligncenter,
    .product-brief-editor img.aligncenter,
    .product-description-content img.aligncenter,
    .choose-wig-editor img.aligncenter,
    .choose-wig-block img.aligncenter,
    .choose-wig-cent-left img.aligncenter,
    .choose-topper-page img.aligncenter,
    .about-block img.aligncenter {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    }
    /* 表格单元格 text-align 对 block 图片生效 */
    td[style*="text-align: center"] img,
    td[style*="text-align:center"] img,
    th[style*="text-align: center"] img,
    th[style*="text-align:center"] img,
    td[align="center"] img,
    th[align="center"] img{
    margin-left:auto;
    margin-right:auto;
    }
    td[style*="text-align: right"] img,
    td[style*="text-align:right"] img,
    th[style*="text-align: right"] img,
    th[style*="text-align:right"] img,
    td[align="right"] img,
    th[align="right"] img{
    margin-left:auto;
    margin-right:0;
    }
    td[style*="text-align: left"] img,
    td[style*="text-align:left"] img,
    th[style*="text-align: left"] img,
    th[style*="text-align:left"] img,
    td[align="left"] img,
    th[align="left"] img{
    margin-left:0;
    margin-right:auto;
    }
    /* =====================
       Header 容器
    ===================== */
    #siteHeader{
    height:var(--header-height);
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:#fff;
    border-bottom:1px solid #e8e6e2;
    z-index:1000;
    }
    .nav-wrap{
    height:100%;
    padding:0 20px;
    }
    .nav-container{
    height:100%;
    max-width:var(--max-width);
    margin:auto;
    position:relative;
    }
    /* =====================
       核心布局: Logo居中，左右导航
    ===================== */
    .nav-center{
    height:100%;
    }
    .nav-center-inner{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    }
    /* Logo - 居中，左移70px（使用margin-left） */
    .logo-slot{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:5;
    margin-left:-25px;
    }
    .logo-slot a{
    display:block;
    }
    .logo-slot img{
    height:44px;
    width:auto;
    display:block;
    }
    .logo-slot span{
    font-family:var(--font-serif);
    font-size:24px;
    font-weight:700;
    color:#1a1a1a;
    }
    /* =====================
       导航栏 - 左右两侧
    ===================== */
    .main-nav{
    height:100%;
    display:flex;
    align-items:center;
    gap:32px;
    flex:1;
    }
    /* 左侧导航 - 右对齐到logo */
    .nav-left{
    justify-content:flex-end;
    padding-right:120px;
    }
    /* 右侧导航 - 左对齐从logo开始 */
    .nav-right-links{
    justify-content:flex-start;
    padding-left:120px;
    }
    /* 导航项容器 */
    .nav-item-wrapper{
    height:100%;
    display:flex;
    align-items:center;
    position:relative;
    }
    /* 导航链接文字 */
    .nav-link{
    height:100%;
    display:flex;
    align-items:center;
    font-family:var(--font-serif);
    font-size:15px;
    font-weight:600;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#1a1a1a;
    position:relative;
    white-space:nowrap;
    transition:color .25s var(--ease-fast);
    }
    .nav-link:hover{
    color:var(--gold);
    }
    /* 下划线动画 */
    .nav-link:after{
    content:"";
    position:absolute;
    bottom:28px;
    left:0;
    height:2px;
    width:0;
    background:var(--gold);
    transition:width .3s var(--ease-fast);
    }
    .nav-item-wrapper:hover .nav-link:after{
    width:100%;
    }
    /* =====================
       搜索图标
    ===================== */
    .nav-icons{
    display:flex;
    align-items:center;
    gap:12px;
    margin-left:16px;
    }
    .icon-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border:0;
    background:none;
    cursor:pointer;
    transition:opacity .25s var(--ease-fast);
    }
    .icon-btn:hover{
    opacity:.65;
    }
    .icon-btn svg{
    width:20px;
    height:20px;
    stroke:#1a1a1a;
    fill:none;
    stroke-width:1.8;
    }
    /* 汉堡菜单按钮 */
    .hamburger{
    display:none;
    flex-direction:column;
    gap:5px;
    border:0;
    background:none;
    cursor:pointer;
    }
    .hamburger span{
    display:block;
    height:2px;
    width:24px;
    background:#1a1a1a;
    transition:transform .3s var(--ease-fast), opacity .3s var(--ease-fast);
    }
    /* =====================
       下拉菜单 - 通用
    ===================== */
    .dropdown-menu-wrapper{
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    width:1200px;
    max-width:92vw;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    z-index:2000;
    transition:opacity .25s var(--ease-fast), visibility .25s var(--ease-fast);
    }
    /* About下拉 - 由 JS 对齐到触发项下方 */
    .dropdown-menu-wrapper.about-dropdown-wrapper{
    left:auto;
    right:auto;
    transform:none;
    width:auto;
    min-width:250px;
    max-width:min(350px,92vw);
    }
    .dropdown-menu-wrapper.show{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    }
    .dropdown-divider{
    height:1px;
    background:#d8d5d0;
    }
    .dropdown-divider-dark{
    height:1px;
    background:#eeeeee;
    }
    /* =====================
       产品下拉菜单
    ===================== */
    .dropdown-menu{
    display:grid;
    width:100%;
    background:#fff;
    padding:36px 40px 40px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
    gap:0;
    }
    .dropdown-menu.cols-1{ grid-template-columns:1fr; }
    .dropdown-menu.cols-2{ grid-template-columns:repeat(2,1fr); }
    .dropdown-menu.cols-3{ grid-template-columns:repeat(3,1fr); }
    .dropdown-menu.cols-4{ grid-template-columns:repeat(4,1fr); }
    .dropdown-menu.cols-5{ grid-template-columns:repeat(5,1fr); }
    /* 每一列 */
    .dropdown-col{
    position:relative;
    display:flex;
    flex-direction:column;
    padding:0 32px;
    }
    .dropdown-col:not(:last-child):after{
    content:"";
    position:absolute;
    right:0;
    top:8%;
    bottom:8%;
    width:1px;
    background:#e8e6e2;
    }
    /* 组标题 - 如 SHOP BY BASE TYPE */
    .group-title{
    font-family:var(--font-sans);
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.1em;
    color:#999;
    margin-bottom:18px;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
    }
    /* 子链接 - 描述类字体（无衬线） */
    .sub-link{
    display:flex;
    align-items:center;
    gap:8px;
    font-family:var(--font-sans);
    font-size:14px;
    font-weight:400;
    color:#555;
    padding:6px 0;
    transition:color .25s var(--ease-fast), padding-left .25s var(--ease-fast);
    line-height:1.5;
    }
    .sub-link:hover{
    color:var(--gold);
    padding-left:4px;
    }
    /* 修改：特色图标放在文字后面 */
    .sub-link .link-text{
    display:inline-flex;
    align-items:center;
    gap:6px;
    }
    /* 缩略图图标 - 固定36x20，16:9比例 */
    .thumb-icon{
    width:36px;
    height:20px;
    object-fit:cover;
    border-radius:2px;
    flex-shrink:0;
    display:inline-block;
    vertical-align:middle;
    background:#f5f5f5;
    }
    .thumb-icon.hidden{
    display:none;
    }
    /* HOT / NEW 标签 */
    .sub-link .badge{
    display:inline-block;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:#fff;
    background:var(--gold);
    padding:2px 6px;
    border-radius:2px;
    margin-left:4px;
    line-height:1.3;
    }
    /* =====================
       About Us 下拉 - 一列显示
    ===================== */
    .about-dropdown{
    display:flex;
    flex-direction:column;
    width:100%;
    background:#fff;
    padding:20px 30px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
    }
    .about-dropdown .about-col{
    display:flex;
    flex-direction:column;
    }
    .about-dropdown .about-col .group-title{
    font-family:var(--font-sans);
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.1em;
    color:#999;
    margin-bottom:12px;
    padding-bottom:8px;
    border-bottom:1px solid #eee;
    }
    .about-dropdown .about-col a{
    display:block;
    font-family:var(--font-sans);
    font-size:14px;
    font-weight:400;
    color:#555;
    padding:8px 0;
    transition:color .25s var(--ease-fast), padding-left .25s var(--ease-fast);
    line-height:1.5;
    }
    .about-dropdown .about-col a:hover{
    color:var(--gold);
    padding-left:4px;
    }
    /* =====================
       搜索弹窗
    ===================== */
    .search-modal{
    position:fixed;
    inset:0;
    z-index:3000;
    background:rgba(0,0,0,.7);
    display:none;
    align-items:flex-start;
    justify-content:center;
    padding-top:15vh;
    }
    .search-modal.open{
    display:flex;
    }
    .search-modal-form{
    width:min(600px,90vw);
    background:#fff;
    display:flex;
    padding:10px 10px 10px 20px;
    align-items:center;
    }
    .search-modal-form input{
    flex:1;
    border:0;
    outline:0;
    font-size:16px;
    font-family:var(--font-sans);
    }
    .search-modal-form button{
    width:44px;
    height:44px;
    border:0;
    background:#1a1a1a;
    color:#fff;
    border-radius:50%;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    }
    .search-modal svg{
    width:18px;
    stroke:currentColor;
    fill:none;
    }
    .search-modal-close{
    position:absolute;
    right:30px;
    top:25px;
    background:none;
    border:0;
    color:#fff;
    font-size:32px;
    cursor:pointer;
    }
    /* =====================
       移动端菜单（左侧滑出）
    ===================== */
    .mobile-menu-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:2499;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .3s var(--ease-fast),visibility .3s var(--ease-fast);
    }
    .mobile-menu-overlay.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    }
    .mobile-menu,
    .mobile-menu[hidden]{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    width:min(86vw,320px);
    max-width:100%;
    background:#fff;
    z-index:2500;
    display:flex!important;
    flex-direction:column;
    transform:translateX(-100%);
    visibility:hidden;
    pointer-events:none;
    transition:transform .32s var(--ease),visibility .32s var(--ease);
    box-shadow:8px 0 32px rgba(0,0,0,.12);
    }
    .mobile-menu-overlay[hidden]{
    display:block!important;
    }
    .mobile-menu.open{
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
    }
    .mobile-menu-nav{
    flex:1;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:0 0 32px;
    }
    .mobile-menu-search{
    position:sticky;
    top:0;
    z-index:2;
    padding:calc(var(--header-height) + 12px) 16px 14px;
    background:#fff;
    border-bottom:1px solid #f0eeea;
    }
    .mobile-menu-search-form{
    display:flex;
    align-items:center;
    gap:8px;
    background:#f5f3f0;
    border:1px solid #e8e6e2;
    border-radius:4px;
    padding:0 12px;
    height:44px;
    }
    .mobile-menu-search-form input{
    flex:1;
    min-width:0;
    border:0;
    background:transparent;
    outline:none;
    font-family:var(--font-sans);
    font-size:15px;
    color:#1a1a1a;
    height:100%;
    }
    .mobile-menu-search-form input::placeholder{
    color:#999;
    }
    .mobile-menu-search-form button{
    flex:0 0 auto;
    width:36px;
    height:36px;
    border:0;
    background:none;
    padding:0;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1a1a1a;
    }
    .mobile-menu-search-form button svg{
    width:18px;
    height:18px;
    stroke:currentColor;
    fill:none;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    }
    .mobile-nav-link,
    .mobile-nav-row>a{
    font-family:var(--font-serif);
    font-size:17px;
    font-weight:600;
    color:#1a1a1a;
    padding:14px 20px;
    min-height:48px;
    display:flex;
    align-items:center;
    border-bottom:1px solid #f0eeea;
    }
    .mobile-nav-item{
    border-bottom:1px solid #f0eeea;
    }
    .mobile-nav-row{
    display:flex;
    align-items:stretch;
    }
    .mobile-nav-row>a{
    flex:1;
    min-width:0;
    border-bottom:0;
    padding-right:8px;
    }
    .mobile-nav-toggle{
    flex:0 0 48px;
    width:48px;
    border:0;
    border-left:1px solid #f0eeea;
    background:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1a1a1a;
    transition:background .2s var(--ease-fast);
    }
    .mobile-nav-toggle:hover{
    background:#faf9f7;
    }
    .mobile-nav-toggle svg{
    width:16px;
    height:16px;
    stroke:currentColor;
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s var(--ease-fast);
    }
    .mobile-nav-item.open .mobile-nav-toggle svg{
    transform:rotate(180deg);
    }
    .mobile-sub{
    display:none;
    background:#faf9f7;
    padding:8px 16px 14px 24px;
    }
    .mobile-nav-item.open>.mobile-sub{
    display:block;
    }
    .mobile-sub-title{
    font-weight:700;
    margin:12px 0 4px;
    font-size:12px;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#1a1a1a;
    }
    .mobile-sub-title:first-child{
    margin-top:4px;
    }
    .mobile-third a{
    display:flex;
    align-items:center;
    min-height:40px;
    padding:8px 4px;
    font-size:15px;
    color:#555;
    }
    .mobile-third .link-text{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-width:0;
    }
    .mobile-third .thumb-icon{
    width:36px;
    height:20px;
    object-fit:cover;
    border-radius:2px;
    flex-shrink:0;
    background:#eee;
    }
    .mobile-about-sub a{
    display:flex;
    align-items:center;
    min-height:40px;
    padding:8px 4px;
    font-size:15px;
    color:#555;
    }
    body.mobile-menu-open{
    overflow:hidden;
    }
    /* =====================
       响应式
    ===================== */
    @media(max-width:1200px){
    .nav-left{
    padding-right:90px;
    }
    .nav-right-links{
    padding-left:90px;
    }
    .main-nav{
    gap:22px;
    }
    .nav-link{
    font-size:14px;
    }
    }
    @media(max-width:1100px){
    :root{
    --header-height:72px;
    --padding-x:4vw;
    }
    .main-nav .nav-item-wrapper{
    display:none;
    }
    .nav-left{
    display:none;
    }
    .nav-right-links{
    padding:0;
    flex:0 0 auto;
    margin-left:auto;
    }
    .logo-slot{
    left:50%;
    transform:translate(-50%,-50%);
    margin-left:0;
    }
    .logo-slot img{
    height:34px;
    }
    .hamburger{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    padding:0;
    }
    .nav-icons{
    margin-left:0;
    gap:4px;
    }
    #searchToggle{
    display:none;
    }
    /* 菜单打开时顶栏盖在遮罩上，汉堡可点关闭；抽屉仍在顶栏下方滑出 */
    body.mobile-menu-open #siteHeader{
    z-index:2600;
    }
    body.mobile-menu-open .hamburger.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
    }
    body.mobile-menu-open .hamburger.is-open span:nth-child(2){
    opacity:0;
    }
    body.mobile-menu-open .hamburger.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
    }
    .dropdown-menu-wrapper{
    display:none!important;
    }
    }
    @media(max-width:640px){
    :root{
    --padding-x:16px;
    --header-height:64px;
    }
    .nav-wrap{
    padding:0 12px;
    }
    .logo-slot img{
    height:30px;
    }
    .mobile-nav-link,
    .mobile-nav-row>a{
    font-size:16px;
    }
    }
    
    /* ========== 2. Footer ========== */
    /* Extracted from footer.php */
    /* ============================================================
       Footer 页脚
    ============================================================ */
    .site-footer {
        background: #201e1b;
        color: rgba(255, 255, 255, .75);
        padding: 80px var(--padding-x) 0;
    }
    
    .footer-container {
        max-width: var(--max-width);
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.4fr 0.9fr 0.9fr 0.9fr;
        gap: 50px;
        padding-bottom: 50px;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
    
    /* ===== 所有列通用 ===== */
    .footer-col h4 {
        font-size: 13px;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 20px;
    }
    
    .footer-col ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .footer-col ul li {
        margin-bottom: 12px;
        font-size: 14px;
        color: rgba(255, 255, 255, .6);
    }
    
    .footer-col ul li a {
        color: rgba(255, 255, 255, .6);
        text-decoration: none;
        transition: color .3s var(--ease-fast);
    }
    
    .footer-col ul li a:hover {
        color: #a9825a;
    }
    
    /* ===== Footer Menu 样式 ===== */
    .footer-col-company .footer-menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .footer-col-company .footer-menu li {
        margin-bottom: 12px;
        font-size: 14px;
        color: rgba(255, 255, 255, .6);
    }
    
    .footer-col-company .footer-menu li a {
        color: rgba(255, 255, 255, .6);
        text-decoration: none;
        transition: color .3s var(--ease-fast);
    }
    
    .footer-col-company .footer-menu li a:hover {
        color: #a9825a;
    }
    
    /* ===== 第1列：关于公司 ===== */
    .footer-col-about .footer-logo {
        font-family: 'Playfair Display', serif;
        font-size: 24px;
        color: #fff;
        margin-bottom: 16px;
    }
    
    .footer-col-about .footer-logo img {
        display: block;
    }
    
    .footer-about-text {
        font-size: 14px;
        line-height: 1.8;
        color: rgba(255, 255, 255, .55);
        margin-bottom: 22px;
        max-width: 360px;
    }
    
    /* ===== 社交媒体 ===== */
    .footer-social {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }
    
    .footer-social a {
        width: 38px;
        height: 38px;
        box-sizing: border-box;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, .2);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transition: all .3s var(--ease-fast);
        color: rgba(255, 255, 255, .6);
        background: transparent;
    }
    
    .footer-social a img {
        width: 38px;
        height: 38px;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        display: block;
        transition: opacity .3s var(--ease-fast), filter .3s var(--ease-fast);
        opacity: .6;
    }
    
    .footer-social a:hover {
        background: #a9825a;
        border-color: #a9825a;
        color: #fff;
        transform: translateY(-3px);
    }
    .footer-social a:hover img{
        opacity: 1;
    }
    /* ===== 底部版权 ===== */
    .footer-bottom {
        max-width: var(--max-width);
        margin: 0 auto;
        padding: 26px 0;
    }
    
    .footer-bottom-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 12px;
        color: rgba(255, 255, 255, .35);
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .footer-copyright {
        letter-spacing: .04em;
    }
    
    .footer-legal {
        letter-spacing: .04em;
    }
    
    .footer-legal a.footer-sitemap {
        color: rgba(255, 255, 255, .45);
        text-decoration: none;
        transition: color .25s ease;
    }
    
    .footer-legal a.footer-sitemap:hover {
        color: #a9825a;
    }
    
    /* ============================================================
       悬浮按钮（左下角询盘）
    ============================================================ */
    .floating-btn {
        position: fixed;
        z-index: 9998;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all .3s var(--ease-fast);
        box-shadow: 0 6px 24px rgba(0, 0, 0, .2);
    }
    
    .floating-btn svg {
        width: 22px;
        height: 22px;
        stroke: currentColor;
        stroke-width: 2;
    }
    
    /* ===== 左下角询盘按钮 ===== */
    .floating-btn-inquiry {
        left: 26px;
        bottom: 26px;
        background: #a9825a;
        color: #fff;
    }
    
    .floating-btn-inquiry:hover {
        background: #7c5a3a;
        transform: scale(1.08);
        box-shadow: 0 10px 32px rgba(169, 130, 90, .4);
    }
    
    /* ============================================================
       右侧浮动通讯栏
    ============================================================ */
    .float-comm {
        position: fixed;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9998;
        display: flex;
        flex-direction: column;
        background: #a9825a;
        box-shadow: -4px 0 18px rgba(32, 30, 27, .18);
    }
    
    .float-comm-item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 48px;
        padding: 0;
        margin: 0;
        border: 0;
        background: transparent;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        font-family: inherit;
        line-height: 1;
    }
    
    .float-comm-item + .float-comm-item {
        border-top: 1px solid rgba(255, 255, 255, .35);
    }
    
    .float-comm-icon {
        position: relative;
        z-index: 2;
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #a9825a;
    }
    
    .float-comm-icon img {
        display: block;
        width: 32px;
        height: 32px;
        object-fit: contain;
        /* 白图标黑底素材：黑底在金色背景上透明 */
        mix-blend-mode: screen;
    }
    
    .float-comm-label {
        position: absolute;
        right: 48px;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        white-space: nowrap;
        box-sizing: border-box;
        min-width: 230px;
        width: max-content;
        padding: 0 16px;
        background: #a9825a;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: .02em;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        /* 藏在图标下方，悬停向左滑出 */
        transform: translateX(100%);
        transition: transform .35s var(--ease-fast),
                    opacity .28s var(--ease-fast),
                    visibility .35s;
    }
    
    .float-comm-item:hover .float-comm-label,
    .float-comm-item:focus-visible .float-comm-label {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0);
    }
    
    .float-comm-item:hover .float-comm-icon,
    .float-comm-item:focus-visible .float-comm-icon {
        background: #7c5a3a;
    }
    
    .float-comm-top .float-comm-label {
        display: none;
    }
    
    .float-comm-top:hover .float-comm-icon,
    .float-comm-top:focus-visible .float-comm-icon {
        background: #7c5a3a;
    }
    
    /* ============================================================
       询盘弹窗
    ============================================================ */
    .inquiry-modal {
        position: fixed;
        inset: 0;
        z-index: 99999;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;
        visibility: hidden;
        pointer-events: none;
    }
    
    .inquiry-modal.open {
        display: flex;
        visibility: visible;
        pointer-events: auto;
    }
    
    .inquiry-modal-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, .6);
        backdrop-filter: blur(6px);
        opacity: 0;
    }
    
    .inquiry-modal.open .inquiry-modal-overlay {
        opacity: 1;
        animation: modalFadeIn .3s ease;
    }
    
    .inquiry-modal-content {
        position: relative;
        max-width: 600px;
        width: 100%;
        max-height: 90vh;
        background: #fff;
        border-radius: 4px;
        padding: 40px 44px 44px;
        overflow-y: auto;
        box-shadow: 0 30px 80px rgba(0, 0, 0, .3);
        opacity: 0;
        transform: translateY(30px) scale(.96);
    }
    
    .inquiry-modal.open .inquiry-modal-content {
        opacity: 1;
        transform: translateY(0) scale(1);
        animation: modalSlideUp .4s var(--ease);
    }
    
    @keyframes modalFadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    
    @keyframes modalSlideUp {
        from {
            opacity: 0;
            transform: translateY(30px) scale(.96);
        }
        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }
    
    .inquiry-modal-close {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: none;
        background: transparent;
        color: #999;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s var(--ease-fast);
    }
    
    .inquiry-modal-close svg {
        width: 20px;
        height: 20px;
        stroke: currentColor;
    }
    
    .inquiry-modal-close:hover {
        background: #f5f5f5;
        color: #201e1b;
    }
    
    /* ===== 弹窗内的 CF7 样式 ===== */
    .inquiry-modal-body .wpcf7-form {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    
    .inquiry-modal-body .cf7-row {
        display: grid;
        gap: 16px;
    }
    
    .inquiry-modal-body .cf7-row.two-col {
        grid-template-columns: 1fr 1fr;
    }
    
    .inquiry-modal-body .cf7-half {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }
    
    .inquiry-modal-body .cf7-full {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }
    
    .inquiry-modal-body label {
        font-size: 11px;
        font-weight: 500;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #201e1b;
    }
    
    .inquiry-modal-body label .required {
        color: #c0392b;
        margin-left: 2px;
    }
    
    .inquiry-modal-body input[type="text"],
    .inquiry-modal-body input[type="email"],
    .inquiry-modal-body input[type="tel"],
    .inquiry-modal-body select,
    .inquiry-modal-body textarea {
        width: 100%;
        padding: 8px 0 6px;
        border: none;
        border-bottom: 1px solid #d0cdc8;
        background: transparent;
        font-family: inherit;
        font-size: 14px;
        color: #201e1b;
        outline: none;
        transition: border-color .3s var(--ease-fast);
    }
    
    .inquiry-modal-body input:focus,
    .inquiry-modal-body select:focus,
    .inquiry-modal-body textarea:focus {
        border-color: #a9825a;
    }
    
    .inquiry-modal-body input::placeholder,
    .inquiry-modal-body textarea::placeholder {
        color: #bbb;
        font-size: 13px;
    }
    
    .inquiry-modal-body select {
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0 center;
        cursor: pointer;
    }
    
    .inquiry-modal-body select option {
        background: #fff;
        color: #201e1b;
    }
    
    .inquiry-modal-body textarea {
        min-height: 60px;
        resize: vertical;
    }
    
    .inquiry-modal-body .wpcf7-submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 36px;
        border: none;
        background: #201e1b;
        color: #fff;
        font-size: 12px;
        letter-spacing: .18em;
        text-transform: uppercase;
        cursor: pointer;
        transition: background .3s var(--ease-fast);
        width: 100%;
        font-weight: 500;
        margin-top: 4px;
    }
    
    .inquiry-modal-body .wpcf7-submit:hover {
        background: #a9825a;
    }
    
    .inquiry-modal-body .wpcf7-not-valid-tip {
        font-size: 12px;
        color: #c0392b;
        margin-top: 3px;
    }
    
    .inquiry-modal-body .wpcf7-response-output {
        padding: 12px 16px;
        font-size: 14px;
        border-radius: 2px;
        margin: 10px 0 0 0;
    }
    
    .inquiry-modal-body .wpcf7-mail-sent-ok {
        border: none;
        background: #e8f5e9;
        color: #2e7d32;
    }
    
    .inquiry-modal-body .wpcf7-mail-sent-ng {
        border: none;
        background: #ffebee;
        color: #c62828;
    }
    
    .inquiry-modal-body .wpcf7-spinner {
        display: none;
    }
    
    /* ============================================================
       响应式 - 页脚 + 悬浮按钮
    ============================================================ */
    @media (max-width: 1100px) {
        .site-footer {
            padding: 60px var(--padding-x) 0;
        }
        .footer-container {
            grid-template-columns: 1.2fr 1fr 1fr;
            gap: 36px;
        }
        .footer-col-about {
            grid-column: 1 / -1;
        }
        .footer-about-text {
            max-width: 100%;
        }
    }
    
    @media (max-width: 768px) {
        .inquiry-modal-body .cf7-row.two-col {
            grid-template-columns: 1fr;
        }
        
        .inquiry-modal-content {
            padding: 32px 24px 28px;
            margin: 10px;
        }
    
        .site-footer {
            padding: 48px var(--padding-x) 0;
        }
        .footer-container {
            grid-template-columns: 1fr 1fr;
            gap: 32px 24px;
            padding-bottom: 36px;
        }
        .footer-col-about {
            grid-column: 1 / -1;
        }
        .footer-bottom-inner {
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }
    }
    
    @media (max-width: 640px) {
        .inquiry-modal-content {
            padding: 24px 18px 20px;
        }
        
        .inquiry-modal-body input[type="text"],
        .inquiry-modal-body input[type="email"],
        .inquiry-modal-body input[type="tel"],
        .inquiry-modal-body select,
        .inquiry-modal-body textarea {
            font-size: 13px;
            padding: 6px 0 4px;
        }
        
        .inquiry-modal-body textarea {
            min-height: 50px;
        }
    
        .footer-container {
            grid-template-columns: 1fr;
            gap: 0px;
            padding-bottom: 0px;
        }
        .footer-col h4 {
            margin-bottom: 14px;
        }
        .footer-col ul li,
        .footer-col-company .footer-menu li {
            margin-bottom: 10px;
        }
        .floating-btn {
            width: 44px;
            height: 44px;
        }
        
        .floating-btn svg {
            width: 19px;
            height: 19px;
        }
        
        .floating-btn-inquiry {
            left: 16px;
            bottom: 16px;
        }
    
        .float-comm-icon {
            flex-basis: 44px;
            width: 44px;
            height: 44px;
        }
    
        .float-comm-item {
            min-height: 44px;
        }
    
        .float-comm-label {
            right: 44px;
            font-size: 14px;
            min-width: 230px;
        }
    }
    
    /* ========== 3. Front Page: Global / Hero / Stats / Categories / Comparative / Reviews / Company Profile ========== */
    /* Extracted from front-page.php style block 1 */
    /* Note: --hero-ratio-w/h use fallbacks 1920/750; dynamic values via wp_add_inline_style later. */
    /* ============================================================
       全局变量与重置
    ============================================================ */
    :root {
        --gold: #a9825a;
        --gold-deep: #7c5a3a;
        --dark-bg: #171512;
        --dark-bg-light: #1a1815;
        --text-light: #fdfaf6;
        --text-muted: #9c9690;
        /* 大动画 - 页面进入、Hero切换、图片缩放 */
        --ease: cubic-bezier(.16, .84, .44, 1);
        /* hover快速反馈 - 按钮、文字、卡片浮起 */
        --ease-fast: cubic-bezier(.25, .8, .25, 1);
        --max-width: 1450px;
        --padding-x: 6vw;
        --hero-ratio-w: 1920;
        --hero-ratio-h: 750;
    }
    
    /* ============================================================
       01 - 轮播 Hero Carousel（按海报比例缩放，小屏完整显示）
    ============================================================ */
    .hero {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: var(--hero-ratio-w) / var(--hero-ratio-h);
        min-height: 0;
        overflow: hidden;
        background: #111;
    }
    
    .hero .hero-inner {
        position: absolute;
        inset: 0;
        height: 100%;
        width: 100%;
    }
    
    .slide {
        position: absolute;
        inset: 0;
        opacity: 0;
        transition: opacity 1.1s var(--ease);
        z-index: 1;
    }
    
    .slide.active {
        opacity: 1;
        z-index: 2;
    }
    
    .slide a {
        position: absolute;
        inset: 0;
        z-index: 2;
        display: block;
    }
    
    .slide img,
    .slide picture,
    .slide picture img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
    
    .slide img {
        animation: heroBreathe 8s ease-in-out infinite alternate;
    }
    
    @keyframes heroBreathe {
        0% { transform: scale(1); }
        100% { transform: scale(1.02); }
    }
    
    .hero-dots {
        position: absolute;
        left: 50%;
        bottom: 18px;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        gap: 6px;
        z-index: 5;
    }
    
    .hero-dots button {
        position: relative;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        border: 1px solid #fff;
        background: transparent;
        padding: 0;
        margin: 0;
        opacity: .55;
        transition: opacity .3s var(--ease-fast), background .3s var(--ease-fast), transform .3s var(--ease-fast);
        cursor: pointer;
        flex-shrink: 0;
    }
    
    /* 扩大点击区域，不放大可见圆点 */
    .hero-dots button::after {
        content: "";
        position: absolute;
        inset: -8px;
    }
    
    .hero-dots button.active {
        background: #fff;
        opacity: 1;
        transform: scale(1.15);
    }
    
    .hero-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 44px;
        height: 44px;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,.6);
        background: rgba(0,0,0,.15);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 5;
        transition: background .3s var(--ease-fast), border-color .3s var(--ease-fast);
        cursor: pointer;
    }
    
    .hero-arrow:hover {
        background: rgba(255,255,255,.2);
        border-color: #fff;
    }
    
    .hero-arrow-left { left: 40px; }
    .hero-arrow-right { right: 72px; } /* 避开右侧浮动通讯栏 */
    
    @media (max-width: 768px) {
        /* 与海报同比例缩放，完整显示不裁切 */
        .hero {
            aspect-ratio: var(--hero-ratio-w) / var(--hero-ratio-h);
        }
        .slide img,
        .slide picture img {
            object-fit: contain;
            animation: none;
        }
        .hero-arrow {
            width: 32px;
            height: 32px;
        }
        .hero-arrow-left { left: 8px; }
        .hero-arrow-right { right: 8px; }
        .hero-dots {
            bottom: 10px;
            gap: 5px;
        }
        .hero-dots button {
            width: 5px;
            height: 5px;
        }
        .hero-dots button::after {
            inset: -10px;
        }
    }
    
    @media (max-width: 480px) {
        .hero-dots {
            bottom: 8px;
        }
        .hero-dots button {
            width: 4px;
            height: 4px;
        }
    }
    
    /* ============================================================
       分隔符
    ============================================================ */
    .section-divider {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        background: #0f0e0c;
    }
    
    .section-divider-inner {
        max-width: var(--max-width);
        width: 100%;
        margin: 0 auto;
        padding: 0 var(--padding-x);
    }
    
    .section-divider::before {
        content: '';
        width: 64px;
        height: 1px;
        background: rgba(169, 130, 90, .6);
        display: block;
        margin: 0 auto;
    }
    
    /* ============================================================
       02 - 数字优势 Stats
    ============================================================ */
    .stats-section {
        background: #171512;
        padding: 64px var(--padding-x);
    }
    
    .stats-grid {
        max-width: var(--max-width);
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 32px;
        text-align: center;
    }
    
    .stat-item {
        opacity: 0;
        transform: translateY(26px);
        transition: opacity .8s var(--ease), transform .8s var(--ease);
    }
    
    .stats-section.in .stat-item {
        opacity: 1;
        transform: translateY(0);
    }
    
    .stats-section.in .stat-item:nth-child(2) { transition-delay: .1s; }
    .stats-section.in .stat-item:nth-child(3) { transition-delay: .2s; }
    .stats-section.in .stat-item:nth-child(4) { transition-delay: .3s; }
    
    .stat-number {
        font-family: 'Bodoni 72', 'Playfair Display', serif;
        font-size: clamp(34px, 4vw, 52px);
        font-weight: 500;
        color: #fdfaf6;
        line-height: 1;
    }
    
    .stat-suffix {
        font-size: .5em;
        vertical-align: super;
        color: #a9825a;
        margin-left: 2px;
    }
    
    .stat-label {
        margin-top: 14px;
        font-size: 12px;
        letter-spacing: .18em;
        text-transform: uppercase;
        color: #9c9690;
    }
    
    @media (max-width: 780px) {
        .stats-grid {
            grid-template-columns: repeat(2, 1fr);
            row-gap: 40px;
        }
    }
    
    /* ============================================================
       03 - Product Categories 产品分类
    ============================================================ */
    .product-category-section {
        background: #fff;
        padding: 100px var(--padding-x);
    }
    
    .product-category-container {
        max-width: var(--max-width);
        margin: 0 auto;
    }
    
    .product-category-header {
        text-align: center;
        margin-bottom: 60px;
        opacity: 0;
        transform: translateY(40px);
        transition: .8s var(--ease);
    }
    
    .product-category-header.show {
        opacity: 1;
        transform: translateY(0);
    }
    
    .product-category-label {
        font-size: 12px;
        letter-spacing: .45em;
        color: #a9825a;
        margin-bottom: 18px;
        text-transform: uppercase;
    }
    
    .product-category-header h2 {
        font-family: 'Playfair Display', serif;
        font-size: clamp(32px, 4vw, 52px);
        font-weight: 600;
        color: #111;
        margin: 0;
    }
    
    .product-category-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }
    
    .product-category-card {
        position: relative;
        height: 390px;
        overflow: hidden;
        display: block;
        cursor: pointer;
        opacity: 0;
        transform: translateY(40px);
        transition: .8s var(--ease);
    }
    
    .product-category-card.show {
        opacity: 1;
        transform: translateY(0);
    }
    
    .product-category-card img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: opacity .7s var(--ease), transform 1.2s var(--ease);
    }
    
    .category-hover-image {
        opacity: 0;
    }
    
    .product-category-card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0,0,0,.65), transparent 55%);
        z-index: 2;
    }
    
    .category-number {
        position: absolute;
        top: 20px;
        left: 22px;
        font-size: 13px;
        color: #fff;
        z-index: 3;
    }
    
    .category-content {
        position: absolute;
        left: 28px;
        bottom: 28px;
        z-index: 3;
        color: #fff;
        transition: .5s var(--ease);
    }
    
    .category-content h3 {
        font-family: 'Playfair Display', serif;
        font-size: 18px;
        font-weight: 600;
        margin: 0;
    }
    
    .category-link {
        margin-top: 15px;
        font-size: 11px;
        letter-spacing: .25em;
        color: #fff;
        opacity: 0;
        transform: translateY(20px);
        transition: .5s var(--ease);
    }
    
    .product-category-card:hover .category-main-image {
        opacity: 0;
    }
    
    .product-category-card:hover .category-hover-image {
        opacity: 1;
        transform: scale(1.08);
        filter: brightness(.65);
    }
    
    .product-category-card:hover .category-content {
        transform: translateY(-22px);
    }
    
    .product-category-card:hover .category-link {
        opacity: 1;
        transform: translateY(0);
    }
    
    @media (max-width: 1000px) {
        .product-category-section {
            padding: 60px var(--padding-x);
        }
        .product-category-header {
            margin-bottom: 36px;
        }
        .product-category-grid {
            grid-template-columns: repeat(2, 1fr);
        }
        .product-category-card {
            height: 320px;
        }
    }
    
    @media (max-width: 640px) {
        .product-category-section {
            padding: 40px var(--padding-x);
        }
        .product-category-header {
            margin-bottom: 24px;
        }
        .product-category-label {
            margin-bottom: 10px;
        }
        .product-category-grid {
            grid-template-columns: 1fr;
            gap: 16px;
        }
        .product-category-card {
            height: 280px;
        }
    }
    
    /* ============================================================
       04 - Comparative Use 场景展示
    ============================================================ */
    .comparative-use-section {
        background: #fff;
        padding: 10px var(--padding-x) 110px;
    }
    
    .comparative-use-container {
        max-width: var(--max-width);
        margin: 0 auto;
    }
    
    .comparative-use-header {
        text-align: center;
        margin-bottom: 55px;
        opacity: 0;
        transform: translateY(40px);
        transition: .8s var(--ease);
    }
    
    .comparative-use-header.show {
        opacity: 1;
        transform: translateY(0);
    }
    
    .comparative-use-label {
        font-size: 12px;
        letter-spacing: .45em;
        color: #b18a58;
        text-transform: uppercase;
        margin-bottom: 18px;
    }
    
    .comparative-use-title {
        font-family: 'Playfair Display', serif;
        font-size: clamp(32px, 4vw, 52px);
        font-weight: 600;
        color: #111;
        margin: 0;
    }
    
    .comparative-use-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }
    
    .comparative-use-card {
        position: relative;
        height: 330px;
        overflow: hidden;
        display: block;
        cursor: pointer;
        opacity: 0;
        transform: translateY(40px);
        transition: opacity .8s var(--ease), transform .8s var(--ease);
    }
    
    .comparative-use-card.show {
        opacity: 1;
        transform: translateY(0);
    }
    
    .comparative-use-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 1s var(--ease);
    }
    
    .comparative-use-card::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 45%;
        background: linear-gradient(to top, rgba(0,0,0,.65), transparent);
        opacity: 0;
        transition: .5s var(--ease);
        z-index: 1;
    }
    
    .comparative-use-content {
        position: absolute;
        left: 22px;
        bottom: 22px;
        z-index: 2;
        color: #fff;
        opacity: 0;
        transform: translateY(25px);
        transition: .5s var(--ease);
    }
    
    .comparative-use-subtitle {
        font-size: 9px;
        letter-spacing: .32em;
        font-weight: 400;
        color: #c79b55;
        margin-bottom: 8px;
        text-transform: uppercase;
    }
    
    .comparative-use-content h3 {
        font-family: 'Playfair Display', serif;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: .03em;
        margin: 0;
        color: #fff;
    }
    
    .comparative-use-card:hover img {
        transform: scale(1.08);
    }
    
    .comparative-use-card:hover::after {
        opacity: 1;
    }
    
    .comparative-use-card:hover .comparative-use-content {
        opacity: 1;
        transform: translateY(0);
    }
    
    @media (max-width: 1100px) {
        .comparative-use-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    
    @media (max-width: 768px) {
        .comparative-use-section {
            padding: 10px var(--padding-x) 48px;
        }
        .comparative-use-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    
    @media (max-width: 500px) {
        .comparative-use-section {
            padding-bottom: 36px;
        }
        .comparative-use-grid {
            grid-template-columns: 1fr;
        }
    }
    
    /* ============================================================
       05 - Customer Reviews 客户评价
    ============================================================ */
    .customer-reviews {
        padding: 80px var(--padding-x);
        background: #fff;
    }
    
    .customer-reviews-inner {
        max-width: var(--max-width);
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
        gap: 60px;
    }
    
    .reviews-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 0;
    }
    
    .reviews-label {
        font-size: 12px;
        letter-spacing: .45em;
        color: #a9825a;
        margin-bottom: 18px;
        text-transform: uppercase;
    }
    
    .reviews-content h2 {
        font-family: 'Playfair Display', serif;
        font-size: clamp(32px, 4vw, 52px);
        font-weight: 600;
        color: #111;
        margin: 0 0 40px 0;
        line-height: 1.15;
    }
    
    .review-item {
        display: none;
    }
    
    .review-item.active {
        display: block;
        animation: reviewFade .5s var(--ease);
    }
    
    @keyframes reviewFade {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .review-stars {
        font-size: 22px;
        letter-spacing: 5px;
        color: #bd8a4b;
        margin-bottom: 25px;
    }
    
    .review-description {
        font-family: Georgia, serif;
        font-size: clamp(20px, 2.2vw, 28px);
        font-style: italic;
        line-height: 1.6;
        color: #201e1b;
        margin-bottom: 25px;
        transition: color .2s var(--ease-fast), transform .25s var(--ease-fast);
    }
    
    .review-description:hover {
        transform: translateX(8px);
        color: #9b6b35;
    }
    
    .review-company {
        font-size: 13px;
        letter-spacing: 2px;
        color: #555;
    }
    
    .review-navigation {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-top: 50px;
    }
    
    .review-navigation button {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        border: 1px solid #ddd;
        background: #fff;
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        padding: 0;
        cursor: pointer;
        transition: background .2s var(--ease-fast), color .2s var(--ease-fast), border-color .2s var(--ease-fast);
    }
    
    .review-navigation button:hover {
        background: #111;
        color: #fff;
        border-color: #111;
    }
    
    .review-number {
        margin-left: 20px;
        font-size: 14px;
        letter-spacing: 3px;
        color: #999;
    }
    
    .review-number .review-current {
        color: #111;
    }
    
    .reviews-image-box {
        width: 100%;
        aspect-ratio: 1 / 1;
        position: relative;
        overflow: hidden;
        border-radius: 2px;
        background: #f5f3f0;
    }
    
    .review-photo {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: none;
    }
    
    .review-photo.active {
        display: block;
        animation: reviewFade .5s var(--ease);
    }
    
    @media (max-width: 992px) {
        .customer-reviews-inner {
            grid-template-columns: 1fr;
            gap: 40px;
        }
        .reviews-content {
            padding: 0;
            order: 1;
        }
        .reviews-image-box {
            aspect-ratio: 4 / 3;
            order: 2;
        }
        .review-navigation {
            margin-top: 35px;
        }
    }
    
    @media (max-width: 600px) {
        .customer-reviews {
            padding: 60px var(--padding-x);
        }
        .reviews-image-box {
            aspect-ratio: 1 / 1;
        }
        .review-description {
            font-size: 20px;
        }
        .review-navigation {
            margin-top: 30px;
        }
    }
    
    /* ============================================================
       06 - Company Profile 公司简介
    ============================================================ */
    .company-profile-section {
        background: #dededc;
        padding: 100px var(--padding-x);
        opacity: 0;
        transform: translateY(40px);
        transition: opacity .8s var(--ease), transform .8s var(--ease);
    }
    
    .company-profile-section.show {
        opacity: 1;
        transform: translateY(0);
    }
    
    .company-profile-container {
        max-width: var(--max-width);
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.15fr 1fr;
        gap: 70px;
        align-items: center;
    }
    
    .company-profile-media {
        position: relative;
        padding-bottom: 56px;
    }
    
    .company-profile-image-wrap {
        position: relative;
        overflow: hidden;
        border-radius: 2px;
        background: #111;
    }
    
    .company-profile-image-wrap img {
        width: 100%;
        height: 520px;
        object-fit: cover;
        display: block;
        transition: transform 1.2s var(--ease);
    }
    
    .company-profile-image-wrap:hover img {
        transform: scale(1.03);
    }
    
    .company-play-btn {
        position: absolute;
        top: 24px;
        right: 24px;
        z-index: 2;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: #a9825a;
        color: #fff;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
        transition: background .3s var(--ease-fast), transform .3s var(--ease-fast);
        cursor: pointer;
    }
    
    .company-play-btn svg {
        width: 18px;
        height: 18px;
        margin-left: 2px;
    }
    
    .company-play-btn:hover {
        background: #7c5a3a;
        transform: scale(1.06);
    }
    
    .company-profile-card {
        position: absolute;
        left: 32px;
        right: 32px;
        bottom: 0;
        z-index: 3;
        background: #fff;
        padding: 28px 32px;
        border-radius: 2px;
        box-shadow: 0 20px 40px rgba(0, 0, 0, .08);
        transition: box-shadow .3s var(--ease-fast), transform .3s var(--ease-fast);
    }
    
    .company-profile-card:hover {
        box-shadow: 0 28px 60px rgba(0, 0, 0, .18);
        transform: translateY(-4px);
    }
    
    .company-profile-card h3 {
        font-family: 'Playfair Display', serif;
        font-size: 21px;
        color: #7c5a3a;
        margin: 0 0 10px 0;
        line-height: 1.3;
    }
    
    .company-profile-card p {
        font-size: 14px;
        color: #2e2b27;
        line-height: 1.7;
        margin: 0;
    }
    
    .company-profile-content {
        padding: 20px 0;
    }
    
    .company-profile-label {
        font-size: 12px;
        letter-spacing: .45em;
        color: #a9825a;
        margin-bottom: 18px;
        text-transform: uppercase;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .company-profile-section.show .company-profile-label {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .1s;
    }
    
    .company-profile-content h2 {
        font-family: 'Playfair Display', serif;
        font-size: clamp(32px, 4vw, 46px);
        font-weight: 600;
        color: #201e1b;
        margin: 0 0 16px 0;
        line-height: 1.15;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .company-profile-section.show .company-profile-content h2 {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .15s;
    }
    
    .company-profile-underline {
        width: 46px;
        height: 2px;
        background: #a9825a;
        margin: 0 0 26px 0;
        opacity: 0;
        transform: scaleX(0);
        transform-origin: left center;
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .company-profile-section.show .company-profile-underline {
        opacity: 1;
        transform: scaleX(1);
        transition-delay: .2s;
    }
    
    .company-desc-para {
        color: #2e2b27;
        font-size: 14px;
        line-height: 1.75;
        margin-bottom: 20px;
        max-width: 580px;
        cursor: default;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .company-desc-para:last-of-type {
        margin-bottom: 30px;
    }
    
    .company-desc-para:hover {
        color: #a9825a;
        transform: translateX(12px);
        transition: color .2s var(--ease-fast), transform .25s var(--ease-fast);
    }
    
    .company-profile-section.show .company-desc-para {
        opacity: 1;
        transform: translateY(0);
    }
    
    .company-profile-section.show .company-desc-para[data-index="1"] {
        transition-delay: .25s;
    }
    
    .company-profile-section.show .company-desc-para[data-index="2"] {
        transition-delay: .35s;
    }
    
    .company-profile-section.show .company-desc-para[data-index="3"] {
        transition-delay: .45s;
    }
    
    .company-profile-btn {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 15px 34px;
        border: 1px solid #201e1b;
        font-size: 13px;
        letter-spacing: .18em;
        text-transform: uppercase;
        background: transparent;
        color: #201e1b;
        white-space: nowrap;
        text-decoration: none;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .company-profile-section.show .company-profile-btn {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .55s;
    }
    
    .company-profile-btn:hover {
        background: #201e1b;
        color: #fff;
        border-color: #201e1b;
        transition: background .2s var(--ease-fast), color .2s var(--ease-fast), border-color .2s var(--ease-fast);
    }
    
    .video-modal {
        position: fixed;
        inset: 0;
        z-index: 9999;
        background: rgba(0, 0, 0, .85);
        display: none;
        align-items: center;
        justify-content: center;
        padding: 40px;
        backdrop-filter: blur(8px);
        animation: videoFadeIn .3s var(--ease);
    }
    
    .video-modal.open {
        display: flex;
    }
    
    @keyframes videoFadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    
    .video-modal-content {
        position: relative;
        max-width: 900px;
        width: 100%;
        aspect-ratio: 16 / 9;
        background: #000;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0 30px 80px rgba(0, 0, 0, .6);
    }
    
    .video-modal-content video {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        background: #000;
    }
    
    .video-modal-close {
        position: absolute;
        top: -48px;
        right: 0;
        background: none;
        border: none;
        color: #fff;
        font-size: 32px;
        cursor: pointer;
        opacity: .7;
        transition: opacity .3s var(--ease-fast), transform .3s var(--ease-fast);
        line-height: 1;
        padding: 4px 8px;
    }
    
    .video-modal-close:hover {
        opacity: 1;
        transform: scale(1.1);
    }
    
    @media (max-width: 992px) {
        .company-profile-container {
            grid-template-columns: 1fr;
            gap: 40px;
        }
        .company-profile-image-wrap {
            position: relative;
            z-index: 1;
        }
        .company-profile-image-wrap img {
            height: 400px;
        }
        .company-desc-para {
            max-width: 100%;
            font-size: 14px;
        }
        .company-profile-card {
            position: relative;
            z-index: 3;
            margin-top: -48px;
            margin-left: 16px;
            margin-right: 16px;
            bottom: auto;
            left: auto;
            right: auto;
            box-shadow: 0 16px 34px rgba(0, 0, 0, .14);
        }
        .company-profile-card:hover {
            box-shadow: 0 20px 44px rgba(0, 0, 0, .2);
            transform: translateY(-3px);
        }
        .company-profile-media {
            position: relative;
            padding-bottom: 0;
            overflow: visible;
        }
    }
    
    @media (max-width: 640px) {
        .company-profile-section {
            padding: 60px var(--padding-x);
        }
        .company-profile-image-wrap img {
            height: 300px;
        }
        .company-profile-card {
            position: relative;
            z-index: 3;
            margin-top: -40px;
            margin-left: 12px;
            margin-right: 12px;
            padding: 20px 24px;
        }
        .company-profile-card h3 {
            font-size: 18px;
        }
        .company-desc-para {
            font-size: 13px;
        }
        .company-desc-para:hover {
            transform: translateX(6px);
            transition: color .2s var(--ease-fast), transform .25s var(--ease-fast);
        }
        .company-play-btn {
            width: 44px;
            height: 44px;
            top: 16px;
            right: 16px;
            z-index: 4;
        }
        .company-play-btn svg {
            width: 14px;
            height: 14px;
        }
        .video-modal {
            padding: 16px;
        }
        .video-modal-close {
            top: -40px;
            font-size: 26px;
        }
    }
    /* ============================================================
       06 - Company Profile 公司简介
    ============================================================ */
    .company-profile-section {
        background: #dededc;
        padding: 100px var(--padding-x);
        opacity: 0;
        transform: translateY(40px);
        transition: opacity .8s var(--ease), transform .8s var(--ease);
    }
    
    .company-profile-section.show {
        opacity: 1;
        transform: translateY(0);
    }
    
    .company-profile-container {
        max-width: var(--max-width);
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.15fr 1fr;
        gap: 70px;
        align-items: center;
    }
    
    .company-profile-media {
        position: relative;
        padding-bottom: 56px;
    }
    
    .company-profile-image-wrap {
        position: relative;
        overflow: hidden;
        border-radius: 2px;
        background: #111;
    }
    
    .company-profile-image-wrap img {
        width: 100%;
        height: 520px;
        object-fit: cover;
        display: block;
        transition: transform 1.2s var(--ease);
    }
    
    .company-profile-image-wrap:hover img {
        transform: scale(1.03);
    }
    
    .company-play-btn {
        position: absolute;
        top: 24px;
        right: 24px;
        z-index: 2;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: #a9825a;
        color: #fff;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
        transition: background .3s var(--ease-fast), transform .3s var(--ease-fast);
        cursor: pointer;
    }
    
    .company-play-btn svg {
        width: 18px;
        height: 18px;
        margin-left: 2px;
    }
    
    .company-play-btn:hover {
        background: #7c5a3a;
        transform: scale(1.06);
    }
    
    .company-profile-card {
        position: absolute;
        left: 32px;
        right: 32px;
        bottom: 0;
        z-index: 3;
        background: #fff;
        padding: 28px 32px;
        border-radius: 2px;
        box-shadow: 0 20px 40px rgba(0, 0, 0, .08);
        transition: box-shadow .3s var(--ease-fast), transform .3s var(--ease-fast);
    }
    
    .company-profile-card:hover {
        box-shadow: 0 28px 60px rgba(0, 0, 0, .18);
        transform: translateY(-4px);
    }
    
    .company-profile-card h3 {
        font-family: 'Playfair Display', serif;
        font-size: 21px;
        color: #7c5a3a;
        margin: 0 0 10px 0;
        line-height: 1.3;
    }
    
    .company-profile-card p {
        font-size: 14px;
        color: #2e2b27;
        line-height: 1.7;
        margin: 0;
    }
    
    .company-profile-content {
        padding: 20px 0;
    }
    
    .company-profile-label {
        font-size: 12px;
        letter-spacing: .45em;
        color: #a9825a;
        margin-bottom: 18px;
        text-transform: uppercase;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .company-profile-section.show .company-profile-label {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .1s;
    }
    
    .company-profile-content h2 {
        font-family: 'Playfair Display', serif;
        font-size: clamp(32px, 4vw, 46px);
        font-weight: 600;
        color: #201e1b;
        margin: 0 0 16px 0;
        line-height: 1.15;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .company-profile-section.show .company-profile-content h2 {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .15s;
    }
    
    .company-profile-underline {
        width: 46px;
        height: 2px;
        background: #a9825a;
        margin: 0 0 26px 0;
        opacity: 0;
        transform: scaleX(0);
        transform-origin: left center;
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .company-profile-section.show .company-profile-underline {
        opacity: 1;
        transform: scaleX(1);
        transition-delay: .2s;
    }
    
    /* ===== 三段描述 ===== */
    .company-desc-para {
        color: #2e2b27;
        font-size: 14px;
        line-height: 1.75;
        margin-bottom: 20px;
        max-width: 580px;
        cursor: default;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .company-desc-para:last-of-type {
        margin-bottom: 30px;
    }
    
    .company-profile-section.show .company-desc-para {
        opacity: 1;
        transform: translateY(0);
    }
    
    .company-profile-section.show .company-desc-para[data-index="1"] {
        transition-delay: .25s;
    }
    
    .company-profile-section.show .company-desc-para[data-index="2"] {
        transition-delay: .35s;
    }
    
    .company-profile-section.show .company-desc-para[data-index="3"] {
        transition-delay: .45s;
    }
    
    .company-desc-para:hover {
        color: #a9825a;
        transform: translateX(12px) !important;
        transition: color .2s var(--ease-fast), transform .25s var(--ease-fast) !important;
    }
    
    .company-profile-btn {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 15px 34px;
        border: 1px solid #201e1b;
        font-size: 13px;
        letter-spacing: .18em;
        text-transform: uppercase;
        background: transparent;
        color: #201e1b;
        white-space: nowrap;
        text-decoration: none;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .company-profile-section.show .company-profile-btn {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .55s;
    }
    
    .company-profile-btn:hover {
        background: #201e1b;
        color: #fff;
        border-color: #201e1b;
        transition: background .2s var(--ease-fast), color .2s var(--ease-fast), border-color .2s var(--ease-fast) !important;
    }
    
    .video-modal {
        position: fixed;
        inset: 0;
        z-index: 9999;
        background: rgba(0, 0, 0, .85);
        display: none;
        align-items: center;
        justify-content: center;
        padding: 40px;
        backdrop-filter: blur(8px);
        animation: videoFadeIn .3s var(--ease);
    }
    
    .video-modal.open {
        display: flex;
    }
    
    @keyframes videoFadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    
    .video-modal-content {
        position: relative;
        max-width: 900px;
        width: 100%;
        aspect-ratio: 16 / 9;
        background: #000;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0 30px 80px rgba(0, 0, 0, .6);
    }
    
    .video-modal-content video {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        background: #000;
    }
    
    .video-modal-close {
        position: absolute;
        top: -48px;
        right: 0;
        background: none;
        border: none;
        color: #fff;
        font-size: 32px;
        cursor: pointer;
        opacity: .7;
        transition: opacity .3s var(--ease-fast), transform .3s var(--ease-fast);
        line-height: 1;
        padding: 4px 8px;
    }
    
    .video-modal-close:hover {
        opacity: 1;
        transform: scale(1.1);
    }
    
    @media (max-width: 992px) {
        .company-profile-container {
            grid-template-columns: 1fr;
            gap: 40px;
        }
        .company-profile-image-wrap {
            position: relative;
            z-index: 1;
        }
        .company-profile-image-wrap img {
            height: 400px;
        }
        .company-desc-para {
            max-width: 100%;
            font-size: 14px;
        }
        .company-profile-card {
            position: relative;
            z-index: 3;
            margin-top: -48px;
            margin-left: 16px;
            margin-right: 16px;
            bottom: auto;
            left: auto;
            right: auto;
            box-shadow: 0 16px 34px rgba(0, 0, 0, .14);
        }
        .company-profile-card:hover {
            box-shadow: 0 20px 44px rgba(0, 0, 0, .2);
            transform: translateY(-3px);
        }
        .company-profile-media {
            position: relative;
            padding-bottom: 0;
            overflow: visible;
        }
    }
    
    @media (max-width: 640px) {
        .company-profile-section {
            padding: 60px var(--padding-x);
        }
        .company-profile-image-wrap img {
            height: 300px;
        }
        .company-profile-card {
            position: relative;
            z-index: 3;
            margin-top: -40px;
            margin-left: 12px;
            margin-right: 12px;
            padding: 20px 24px;
        }
        .company-profile-card h3 {
            font-size: 18px;
        }
        .company-desc-para {
            font-size: 13px;
        }
        .company-desc-para:hover {
            transform: translateX(6px) !important;
        }
        .company-play-btn {
            width: 44px;
            height: 44px;
            top: 16px;
            right: 16px;
            z-index: 4;
        }
        .company-play-btn svg {
            width: 14px;
            height: 14px;
        }
        .video-modal {
            padding: 16px;
        }
        .video-modal-close {
            top: -40px;
            font-size: 26px;
        }
    }
    
    /* ========== 3c. Front Page: How to Wash a Wig ========== */
    /* Extracted from front-page.php style block 3 */
    /* ============================================================
       07 - How to Wash a Wig 洗护指南
    ============================================================ */
    .wash-guide-section {
        background: #fff;
        padding: 100px var(--padding-x);
        opacity: 0;
        transform: translateY(40px);
        transition: opacity .8s var(--ease), transform .8s var(--ease);
    }
    
    .wash-guide-section.show {
        opacity: 1;
        transform: translateY(0);
    }
    
    .wash-guide-container {
        max-width: var(--max-width);
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 0.62fr;
        gap: 70px;
        align-items: center;
    }
    
    .wash-guide-content {
        padding: 20px 0;
    }
    
    .wash-guide-label {
        font-size: 12px;
        letter-spacing: .45em;
        color: #a9825a;
        margin-bottom: 18px;
        text-transform: uppercase;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .wash-guide-section.show .wash-guide-label {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .1s;
    }
    
    .wash-guide-title {
        font-family: 'Playfair Display', serif;
        font-size: clamp(32px, 4vw, 46px);
        font-weight: 600;
        color: #201e1b;
        margin: 0 0 30px 0;
        line-height: 1.15;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .wash-guide-section.show .wash-guide-title {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .15s;
    }
    
    .wash-guide-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    
    .wash-step-item {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        font-size: 14.5px;
        line-height: 1.7;
        color: #2e2b27;
        cursor: default;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .wash-guide-section.show .wash-step-item {
        opacity: 1;
        transform: translateY(0);
    }
    
    .wash-guide-section.show .wash-step-item[data-index="1"] { transition-delay: .25s; }
    .wash-guide-section.show .wash-step-item[data-index="2"] { transition-delay: .30s; }
    .wash-guide-section.show .wash-step-item[data-index="3"] { transition-delay: .35s; }
    .wash-guide-section.show .wash-step-item[data-index="4"] { transition-delay: .40s; }
    .wash-guide-section.show .wash-step-item[data-index="5"] { transition-delay: .45s; }
    .wash-guide-section.show .wash-step-item[data-index="6"] { transition-delay: .50s; }
    .wash-guide-section.show .wash-step-item[data-index="7"] { transition-delay: .55s; }
    .wash-guide-section.show .wash-step-item[data-index="8"] { transition-delay: .60s; }
    .wash-guide-section.show .wash-step-item[data-index="9"] { transition-delay: .65s; }
    .wash-guide-section.show .wash-step-item[data-index="10"] { transition-delay: .70s; }
    
    .wash-step-item:hover {
        color: #a9825a;
        transform: translateX(12px) !important;
        transition: color .2s var(--ease-fast), transform .25s var(--ease-fast) !important;
    }
    
    .wash-step-item {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        font-size: 14.5px;
        line-height: 1.7;
        color: #2e2b27;
        cursor: default;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    /* ===== 数字改为居中圆点 ===== */
    .wash-step-number {
        flex: 0 0 auto;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #a9825a;
        margin-top: 9px;
        font-size: 0;
        color: transparent;
        flex-shrink: 0;
    }
    
    .wash-step-text {
        flex: 1;
    }
    
    .wash-guide-video {
        display: flex;
        justify-content: center;
    }
    
    .wash-guide-video-wrap {
        position: relative;
        width: 100%;
        max-width: 420px;
        aspect-ratio: 9 / 16;
        overflow: hidden;
        border-radius: 2px;
        background: #111;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
        opacity: 0;
        transform: translateY(30px);
        transition: opacity .8s var(--ease), transform .8s var(--ease);
    }
    
    .wash-guide-section.show .wash-guide-video-wrap {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .2s;
    }
    
    .wash-guide-video-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: opacity .5s var(--ease), transform 1.2s var(--ease);
    }
    
    .wash-guide-video-wrap:hover img {
        transform: scale(1.04);
    }
    
    .wash-guide-play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 84px;
        height: 84px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .12);
        border: 1px solid rgba(255, 255, 255, .7);
        backdrop-filter: blur(3px);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        cursor: pointer;
        transition: background .3s var(--ease-fast), transform .3s var(--ease-fast), border-color .3s var(--ease-fast);
        z-index: 2;
    }
    
    .wash-guide-play-btn svg {
        width: 26px;
        height: 26px;
        margin-left: 4px;
    }
    
    .wash-guide-play-btn:hover {
        background: #a9825a;
        border-color: #a9825a;
        transform: translate(-50%, -50%) scale(1.08);
    }
    
    .wash-guide-video-caption {
        position: absolute;
        left: 28px;
        bottom: 22px;
        color: rgba(255, 255, 255, .7);
        z-index: 2;
        font-size: 13px;
        letter-spacing: .1em;
    }
    
    .video-modal .portrait {
        max-width: 420px;
        width: 100%;
        aspect-ratio: 9 / 16;
        max-height: 88vh;
    }
    
    @media (max-width: 992px) {
        .wash-guide-container {
            grid-template-columns: 1fr;
            gap: 50px;
        }
        .wash-guide-content {
            padding: 0;
            order: 1;
        }
        .wash-guide-video {
            order: 2;
        }
        .wash-guide-video-wrap {
            max-width: 320px;
            margin: 0 auto;
        }
        .wash-guide-play-btn {
            width: 64px;
            height: 64px;
        }
        .wash-guide-play-btn svg {
            width: 20px;
            height: 20px;
        }
    }
    
    @media (max-width: 640px) {
        .wash-guide-section {
            padding: 60px var(--padding-x);
        }
        .wash-step-item {
            font-size: 13px;
            gap: 12px;
        }
        .wash-step-number {
            font-size: 11px;
        }
        .wash-step-item:hover {
            transform: translateX(6px) !important;
        }
        .wash-guide-video-wrap {
            max-width: 280px;
        }
        .wash-guide-play-btn {
            width: 54px;
            height: 54px;
        }
        .wash-guide-play-btn svg {
            width: 17px;
            height: 17px;
        }
        .video-modal .portrait {
            max-width: 320px;
        }
    }
    
    /* ========== 3d. Front Page: Wholesale Conversation ========== */
    /* Extracted from front-page.php style block 4 */
    /* ============================================================
       08 - Wholesale Conversation 批发询盘
    ============================================================ */
    .wholesale-section {
        background: #fff;
        padding: 100px var(--padding-x);
        opacity: 0;
        transform: translateY(40px);
        transition: opacity .8s var(--ease), transform .8s var(--ease);
    }
    
    .wholesale-section.show {
        opacity: 1;
        transform: translateY(0);
    }
    
    .wholesale-container {
        max-width: var(--max-width);
        margin: 0 auto;
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        gap: 60px;
        align-items: start;
    }
    
    /* ============================================================
       左侧：联系信息
    ============================================================ */
    .wholesale-info {
        padding: 20px 0;
    }
    
    .wholesale-info-label {
        font-size: 12px;
        letter-spacing: .45em;
        color: #a9825a;
        margin-bottom: 18px;
        text-transform: uppercase;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .wholesale-section.show .wholesale-info-label {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .1s;
    }
    
    .wholesale-info-title {
        font-family: 'Playfair Display', serif;
        font-size: clamp(28px, 3.6vw, 42px);
        font-weight: 600;
        color: #201e1b;
        margin: 0 0 18px 0;
        line-height: 1.15;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .wholesale-section.show .wholesale-info-title {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .15s;
    }
    
    .wholesale-info-desc {
        font-size: 15px;
        line-height: 1.6;
        color: #2e2b27;
        margin-bottom: 40px;
        max-width: 440px;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
    }
    
    .wholesale-section.show .wholesale-info-desc {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .2s;
    }
    
    .wholesale-info-list {
        display: flex;
        flex-direction: column;
        gap: 28px;
        flex: 1;
    }
    
    .wholesale-info-item {
        display: flex;
        gap: 18px;
        align-items: flex-start;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .6s var(--ease), transform .6s var(--ease);
        cursor: default;
        padding: 4px 0;
    }
    
    .wholesale-section.show .wholesale-info-item:nth-child(1) {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .25s;
    }
    
    .wholesale-section.show .wholesale-info-item:nth-child(2) {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .35s;
    }
    
    .wholesale-section.show .wholesale-info-item:nth-child(3) {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .45s;
    }
    
    .wholesale-info-icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #a9825a;
        color: #a9825a;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 2px;
        transition: background .3s var(--ease-fast), color .3s var(--ease-fast), border-color .3s var(--ease-fast), transform .3s var(--ease-fast);
    }
    
    .wholesale-info-icon svg {
        width: 17px;
        height: 17px;
        transition: transform .3s var(--ease-fast);
    }
    
    .wholesale-info-text {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding-top: 2px;
        transition: transform .3s var(--ease-fast);
    }
    
    .wholesale-info-key {
        font-size: 11px;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: #999;
        transition: color .3s var(--ease-fast);
    }
    
    .wholesale-info-value {
        font-size: 15px;
        color: #201e1b;
        line-height: 1.5;
        transition: color .3s var(--ease-fast);
    }
    
    /* ===== Hover 效果 ===== */
    .wholesale-info-item:hover .wholesale-info-icon {
        background: #201e1b;
        color: #fff;
        border-color: #201e1b;
        transform: scale(1.05);
    }
    
    .wholesale-info-item:hover .wholesale-info-icon svg {
        transform: scale(1.1);
    }
    
    .wholesale-info-item:hover .wholesale-info-text {
        transform: translateX(8px);
    }
    
    .wholesale-info-item:hover .wholesale-info-key {
        color: #a9825a;
    }
    
    .wholesale-info-item:hover .wholesale-info-value {
        color: #a9825a;
    }
    
    /* ============================================================
       右侧：表单
    ============================================================ */
    .wholesale-form {
        padding: 20px 0;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .8s var(--ease), transform .8s var(--ease);
        display: flex;
        flex-direction: column;
    }
    
    .wholesale-section.show .wholesale-form {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .2s;
    }
    
    .wholesale-form-wrap {
        background: #f8f7f5;
        padding: 44px 40px 40px;
        border-radius: 2px;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    
    /* ============================================================
       Contact Form 7 样式
    ============================================================ */
    .wholesale-form-wrap .wpcf7-form {
        display: flex;
        flex-direction: column;
        gap: 16px;
        height: 100%;
    }
    
    .wholesale-form-wrap .cf7-row {
        display: grid;
        gap: 16px;
    }
    
    .wholesale-form-wrap .cf7-row.two-col {
        grid-template-columns: 1fr 1fr;
    }
    
    .wholesale-form-wrap .cf7-half {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }
    
    .wholesale-form-wrap .cf7-full {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }
    
    .wholesale-form-wrap label {
        font-size: 11px;
        font-weight: 500;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #201e1b;
    }
    
    .wholesale-form-wrap label .required {
        color: #c0392b;
        margin-left: 2px;
    }
    
    .wholesale-form-wrap input[type="text"],
    .wholesale-form-wrap input[type="email"],
    .wholesale-form-wrap input[type="tel"],
    .wholesale-form-wrap select {
        width: 100%;
        padding: 8px 0 6px;
        border: none;
        border-bottom: 1px solid #d0cdc8;
        background: transparent;
        font-family: inherit;
        font-size: 15px;
        color: #201e1b;
        outline: none;
        transition: border-color .3s var(--ease-fast);
    }
    
    .wholesale-form-wrap textarea {
        width: 100%;
        padding: 8px 0 6px;
        border: none;
        border-bottom: 1px solid #d0cdc8;
        background: transparent;
        font-family: inherit;
        font-size: 15px;
        color: #201e1b;
        outline: none;
        transition: border-color .3s var(--ease-fast);
        min-height: 50px;
        resize: vertical;
    }
    
    .wholesale-form-wrap input:focus,
    .wholesale-form-wrap select:focus,
    .wholesale-form-wrap textarea:focus {
        border-color: #a9825a;
    }
    
    .wholesale-form-wrap input::placeholder,
    .wholesale-form-wrap textarea::placeholder {
        color: #bbb;
        font-size: 14px;
    }
    
    .wholesale-form-wrap select {
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0 center;
        cursor: pointer;
    }
    
    .wholesale-form-wrap select option {
        background: #fff;
        color: #201e1b;
    }
    
    .wholesale-form-wrap .cf7-row:last-child {
        margin-top: 4px;
    }
    
    .wholesale-form-wrap .wpcf7-submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 14px 40px;
        border: none;
        background: #201e1b;
        color: #fff;
        font-size: 13px;
        letter-spacing: .18em;
        text-transform: uppercase;
        cursor: pointer;
        transition: background .3s var(--ease-fast);
        width: auto;
        font-weight: 500;
    }
    
    .wholesale-form-wrap .wpcf7-submit:hover {
        background: #a9825a;
    }
    
    .wholesale-form-wrap .wpcf7-not-valid-tip {
        font-size: 12px;
        color: #c0392b;
        margin-top: 3px;
    }
    
    .wholesale-form-wrap .wpcf7-response-output {
        padding: 12px 16px;
        font-size: 14px;
        border-radius: 2px;
        margin: 10px 0 0 0;
    }
    
    .wholesale-form-wrap .wpcf7-mail-sent-ok {
        border: none;
        background: #e8f5e9;
        color: #2e7d32;
    }
    
    .wholesale-form-wrap .wpcf7-mail-sent-ng {
        border: none;
        background: #ffebee;
        color: #c62828;
    }
    
    .wholesale-form-wrap .wpcf7-spinner {
        display: none;
    }
    
    /* ============================================================
       响应式
    ============================================================ */
    @media (max-width: 992px) {
        .wholesale-container {
            grid-template-columns: 1fr;
            gap: 40px;
        }
        
        .wholesale-info {
            padding: 0;
            order: 1;
        }
        
        .wholesale-form {
            padding: 0;
            order: 2;
        }
        
        .wholesale-info-desc {
            max-width: 100%;
        }
        
        .wholesale-form-wrap {
            padding: 32px 24px 28px;
        }
    }
    
    @media (max-width: 768px) {
        .wholesale-form-wrap .cf7-row.two-col {
            grid-template-columns: 1fr;
        }
    }
    
    @media (max-width: 640px) {
        .wholesale-section {
            padding: 60px var(--padding-x);
        }
        
        .wholesale-form-wrap {
            padding: 24px 18px 20px;
        }
        
        .wholesale-form-wrap input[type="text"],
        .wholesale-form-wrap input[type="email"],
        .wholesale-form-wrap input[type="tel"],
        .wholesale-form-wrap select,
        .wholesale-form-wrap textarea {
            font-size: 14px;
            padding: 6px 0 4px;
        }
        
        .wholesale-form-wrap textarea {
            min-height: 40px;
        }
        
        .wholesale-form-wrap .wpcf7-submit {
            width: 100%;
            justify-content: center;
        }
    
        .comparative-use-subtitle {
            font-size: 11px;
            letter-spacing: .12em;
        }
    
        .review-card:hover,
        .company-desc-block:hover,
        .wash-step:hover,
        .wash-step-item:hover {
            transform: none;
        }
    }
    
    /* ========== 4. Single Product ========== */
    /* Extracted from single-product.php */
    /* ============================================================
       产品详情页 - 样式
    ============================================================ */
    
    /* ===== 顶部小海报 ===== */
    .product-banner {
        position: relative;
        width: 100%;
        height: 280px;
        overflow: hidden;
        background: #111;
    }
    
    .product-banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .product-banner::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to right, rgba(0,0,0,.45), transparent 60%);
    }
    
    .product-banner-content {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        z-index: 2;
        padding: 0 6vw;
    }
    
    .product-banner-content .banner-wrap {
        max-width: 1350px;
        width: 100%;
        margin: 0 auto;
    }
    
    .product-banner-content h1 {
        /*font-family: var(--font-serif);*/
        font-size: clamp(28px, 3.6vw, 42px);
        font-weight: 600;
        color: #fff;
        margin: 0;
        line-height: 1.15;
        text-shadow: 0 2px 20px rgba(0,0,0,.3);
    }
    
    .product-banner-content p {
        font-family: var(--font-sans);
        font-size: 15px;
        color: rgba(255,255,255,.8);
        margin: 8px 0 0 0;
        text-shadow: 0 1px 12px rgba(0,0,0,.3);
    }
    
    .product-banner-content p a {
        color: #a9825a;
        text-decoration: none;
    }
    
    @media (max-width: 768px) {
        .product-banner { height: 180px; }
        .product-banner::after {
            background: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.6));
        }
        .product-banner-content h1 { font-size: 24px; text-align: center; }
        .product-banner-content p { font-size: 13px; text-align: center; }
    }
    
    /* ============================================================
       产品详情主内容
    ============================================================ */
    .product-detail-section {
        max-width: 1350px;
        margin: 60px auto 80px;
        padding: 0 30px;
    }
    
    .product-detail-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        align-items: start;
    }
    
    /* ===== 左侧：缩略图 + 大图 组合展示区 ===== */
    .product-media {
        position: sticky;
        top: 110px;
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: flex-start;
        width: 100%;
    }
    
    /* 大图：正方形，最大高度 535px */
    .product-main-image {
        position: relative;
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        max-width: 535px;
        max-height: 535px;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        background: #f8f7f5;
        border-radius: 4px;
    }
    
    .product-main-image img,
    .product-main-image video {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .product-main-image video {
        display: none;
        background: #111;
    }
    
    .product-main-image video.active {
        display: block;
    }
    
    .product-main-image img.hidden {
        display: none;
    }
    
    .play-video-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: rgba(255,255,255,.9);
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all .3s var(--ease-fast);
        box-shadow: 0 4px 20px rgba(0,0,0,.15);
        z-index: 2;
    }
    
    .play-video-btn svg {
        width: 26px;
        height: 26px;
        margin-left: 4px;
        color: #201e1b;
    }
    
    .play-video-btn:hover {
        transform: translate(-50%, -50%) scale(1.08);
        background: #fff;
    }
    
    .play-video-btn.hidden {
        display: none !important;
    }
    
    /* ===== 缩略图列：固定展示 6 个 ===== */
    .product-thumbnails-wrapper {
        --thumb-size: 70px;
        --thumb-gap: 8px;
        --thumb-visible: 6;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
        flex: 0 0 70px;
        height: auto;
        align-self: flex-start;
        box-sizing: border-box;
    }
    
    .thumb-arrow {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        border: 1px solid #e2e0dc;
        background: #fff;
        color: #888;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all .25s var(--ease-fast);
        flex-shrink: 0;
    }
    
    .thumb-arrow:hover {
        border-color: #a9825a;
        color: #a9825a;
        background: #faf8f5;
    }
    
    .thumb-arrow svg {
        width: 14px;
        height: 14px;
        stroke: currentColor;
    }
    
    .thumb-arrow:disabled {
        opacity: 0.3;
        cursor: not-allowed;
        border-color: #eee;
    }
    
    .product-thumbnails {
        display: flex;
        flex-direction: column;
        gap: var(--thumb-gap);
        width: 100%;
        flex: none;
        height: calc(var(--thumb-visible) * var(--thumb-size) + (var(--thumb-visible) - 1) * var(--thumb-gap));
        overflow: hidden; /* 禁止自由滚动，避免露半张 */
        padding: 0;
        position: relative;
    }
    
    .product-thumbnails-track {
        display: flex;
        flex-direction: column;
        gap: var(--thumb-gap);
        width: 100%;
        transition: transform .35s cubic-bezier(.16, .84, .44, 1);
        will-change: transform;
    }
    
    /* 隐藏滚动条让视觉更精致 */
    .product-thumbnails::-webkit-scrollbar {
        width: 0px;
        background: transparent;
    }
    
    .thumbnail-item {
        width: var(--thumb-size);
        height: var(--thumb-size);
        border-radius: 4px;
        overflow: hidden;
        cursor: pointer;
        border: 2px solid transparent;
        box-sizing: border-box;
        transition: border-color .3s var(--ease-fast);
        position: relative;
        background: #f5f3f0;
        flex-shrink: 0;
    }
    
    .thumbnail-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .thumbnail-item.active {
        border-color: #a9825a;
    }
    
    .thumbnail-item:hover {
        border-color: #ccc;
    }
    
    .thumbnail-item .thumb-play-icon {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,.3);
    }
    
    .thumbnail-item .thumb-play-icon svg {
        width: 22px;
        height: 22px;
        color: #fff;
    }
    
    /* ===== 右侧产品信息容器 ===== */
    .product-info-wrapper {
        display: block;
    }
    
    /* ============================================================
       产品信息
    ============================================================ */
    .product-info {
        width: 100%;
    }
    
    .product-title {
        /*font-family: var(--font-serif);*/
        font-size: clamp(24px, 2.8vw, 32px);
        font-weight: 600;
        color: #201e1b;
        margin: 0 0 12px;
        line-height: 1.2;
    }
    
    .product-brief {
        font-family: var(--font-sans);
        font-size: 15px;
        color: #555;
        line-height: 1.7;
        margin-bottom: 18px;
    }
    
    .product-brief-editor > *:first-child {
        margin-top: 0;
    }
    
    .product-brief-editor > *:last-child {
        margin-bottom: 0;
    }
    
    .product-brief-editor p {
        margin: 0 0 0.75em;
    }
    
    .product-brief-editor strong,
    .product-brief-editor b {
        color: #201e1b;
        font-weight: 600;
    }
    
    .product-brief-editor ul,
    .product-brief-editor ol {
        margin: 0 0 0.75em;
        padding-left: 1.25em;
    }
    
    .product-brief-editor table {
        width: 100%;
        border-collapse: collapse;
        margin: 0 0 0.75em;
    }
    
    .product-brief-editor,
    .product-description-content {
        overflow-wrap: break-word;
    }
    
    .product-brief-editor > .table-scroll,
    .product-description-content {
        max-width: 100%;
    }
    
    .product-brief-editor {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    /* 单元格默认样式：不强制覆盖后台编辑器的 padding / cellpadding */
    .product-brief-editor table td,
    .product-brief-editor table th {
        border-bottom: 1px solid #eee;
        font-size: 16px;
        text-align: left;
        vertical-align: top;
    }
    
    /* 仅当表格未设置 cellpadding，且单元格没有内联 padding 时，使用默认内边距 */
    .product-brief-editor table:not([cellpadding]) td:not([style*="padding"]),
    .product-brief-editor table:not([cellpadding]) th:not([style*="padding"]) {
        padding: 10px 14px;
    }
    
    .product-brief-editor table tr:last-child td,
    .product-brief-editor table tr:last-child th {
        border-bottom: none;
    }
    
    .product-brief-editor img {
        max-width: 100%;
        height: auto;
    }
    
    /* ============================================================
       产品参数图集（表格下方）
    ============================================================ */
    .product-parameters-wrapper {
        margin-bottom: 18px;
    }

    .parameters-title {
        margin: 0 0 12px;
        font-family: 'DM Sans', sans-serif;
        font-size: 22px;
        font-weight: 600;
        line-height: 1.4;
        color: #201e1b;
        letter-spacing: .01em;
    }
    
    .parameters-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
        gap: 10px;
    }
    
    .parameter-item {
        cursor: pointer;
    }
    
    .parameter-image {
        position: relative;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        border-radius: 4px;
        background: #f8f7f5;
        border: 2px solid transparent;
        transition: border-color .3s var(--ease-fast), transform .3s var(--ease-fast);
    }
    
    .parameter-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: transform .5s var(--ease);
    }
    
    .parameter-item:hover .parameter-image {
        border-color: #a9825a;
        transform: translateY(-4px);
    }
    
    .parameter-item:hover .parameter-image img {
        transform: scale(1.05);
    }
    
    .parameter-tooltip {
        position: absolute;
        bottom: 6px;
        left: 50%;
        transform: translateX(-50%) scale(0.8);
        background: rgba(32, 30, 27, 0.9);
        color: #fff;
        font-family: var(--font-sans);
        font-size: 10px;
        font-weight: 500;
        padding: 3px 10px;
        border-radius: 4px;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transition: all .3s var(--ease-fast);
        backdrop-filter: blur(4px);
        pointer-events: none;
    }
    
    .parameter-tooltip::after {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid rgba(32, 30, 27, 0.9);
    }
    
    .parameter-item:hover .parameter-tooltip {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) scale(1);
    }

    /* ===== 参数图集轮播灯箱（一张一张滑动） ===== */
    .param-lightbox {
        position: fixed;
        inset: 0;
        z-index: 99999;
        display: none;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, .88);
        backdrop-filter: blur(4px);
        padding: 60px 80px 48px;
    }
    .param-lightbox.open {
        display: flex;
    }
    .param-lightbox-stage {
        width: min(92vw, 1100px);
        max-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .param-lightbox-viewport {
        width: 100%;
        overflow: hidden;
    }
    .param-lightbox-track {
        display: flex;
        width: 100%;
        will-change: transform;
    }
    .param-lightbox-slide {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 4px;
    }
    .param-lightbox-slide-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        max-width: 100%;
    }
    .param-lightbox-slide img {
        display: block;
        max-width: 100%;
        max-height: 72vh;
        width: auto;
        height: auto;
        object-fit: contain;
        border-radius: 4px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
        user-select: none;
        pointer-events: none;
    }
    .param-lightbox-caption {
        margin: 16px 0 0;
        font-family: 'DM Sans', sans-serif;
        font-size: 16px;
        color: #fff;
        text-align: center;
    }
    .param-lightbox-close {
        position: absolute;
        top: 18px;
        right: 24px;
        width: 44px;
        height: 44px;
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 36px;
        line-height: 1;
        cursor: pointer;
        opacity: .75;
        z-index: 2;
    }
    .param-lightbox-close:hover {
        opacity: 1;
    }
    .param-lightbox-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 48px;
        height: 48px;
        border: 1px solid rgba(255, 255, 255, .35);
        border-radius: 50%;
        background: rgba(255, 255, 255, .08);
        color: #fff;
        font-size: 32px;
        line-height: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        transition: background .2s ease, border-color .2s ease;
    }
    .param-lightbox-nav:hover {
        background: rgba(255, 255, 255, .18);
        border-color: rgba(255, 255, 255, .7);
    }
    .param-lightbox-nav.prev {
        left: 20px;
    }
    .param-lightbox-nav.next {
        right: 20px;
    }
    .param-lightbox-counter {
        position: absolute;
        left: 50%;
        bottom: 18px;
        transform: translateX(-50%);
        font-family: 'DM Sans', sans-serif;
        font-size: 13px;
        color: rgba(255, 255, 255, .8);
        letter-spacing: .06em;
    }
    @media (max-width: 768px) {
        .param-lightbox {
            padding: 50px 16px 36px;
        }
        .param-lightbox-nav {
            width: 40px;
            height: 40px;
            font-size: 26px;
        }
        .param-lightbox-nav.prev {
            left: 8px;
        }
        .param-lightbox-nav.next {
            right: 8px;
        }
        .parameters-title {
            font-size: 17px;
        }
    }
    
    /* ===== 询盘按钮 ===== */
    .product-actions {
        display: flex;
        gap: 12px;
        margin-bottom: 18px;
        flex-wrap: wrap;
    }
    
    .btn-inquiry,
    .btn-chat {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 11px 26px;
        font-family: var(--font-sans);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .08em;
        text-transform: uppercase;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: all .3s var(--ease-fast);
        text-decoration: none;
    }
    
    .btn-inquiry {
        background: #201e1b;
        color: #fff;
    }
    
    .btn-inquiry:hover {
        background: #a9825a;
        transform: translateY(-2px);
    }
    
    .btn-chat {
        background: transparent;
        color: #201e1b;
        border: 1px solid #ddd;
    }
    
    .btn-chat:hover {
        border-color: #201e1b;
        background: #201e1b;
        color: #fff;
        transform: translateY(-2px);
    }
    
    .product-meta {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
    
    .meta-item {
        display: flex;
        align-items: baseline;
        gap: 6px;
        font-family: var(--font-sans);
        font-size: 14px;
    }
    
    .meta-label {
        font-weight: 600;
        color: #201e1b;
    }
    
    .meta-value {
        color: #555;
    }
    
    /* ============================================================
       产品描述
    ============================================================ */
    .product-description-section {
        max-width: 1350px;
        margin: 0 auto 80px;
        padding: 0 30px;
    }
    
    .product-description-container h2 {
        font-family: var(--font-serif);
        font-size: 28px;
        font-weight: 600;
        color: #201e1b;
        margin: 0 0 24px;
    }
    
    .product-description-content {
        font-family: var(--font-sans);
        font-size: 16px;
        line-height: 1.8;
        color: #444;
    }
    
    .product-description-content ul,
    .product-description-content ol {
        padding-left: 24px;
    }
    
    /* ============================================================
       产品说明书下载
    ============================================================ */
    .product-datasheet-section {
        max-width: 1350px;
        margin: 0 auto 80px;
        padding: 0 30px;
    }
    
    .product-datasheet-container {
        background: #f8f7f5;
        padding: 36px 44px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .product-datasheet-container h2 {
        font-family: var(--font-serif);
        font-size: 22px;
        font-weight: 600;
        color: #201e1b;
        margin: 0;
    }
    
    .btn-download {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 11px 26px;
        background: #201e1b;
        color: #fff;
        font-family: var(--font-sans);
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
        border-radius: 4px;
        transition: all .3s var(--ease-fast);
    }
    
    .btn-download svg {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }
    
    .btn-download:hover {
        background: #a9825a;
        transform: translateY(-2px);
    }
    
    /* ============================================================
       关联产品（同列表页卡片样式 + 轮播）
    ============================================================ */
    .product-related-section {
        max-width: 1350px;
        margin: 0 auto 100px;
        padding: 0 30px;
    }
    
    .related-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 32px;
    }
    
    .product-related-container h2 {
        font-family: var(--font-serif);
        font-size: 28px;
        font-weight: 600;
        color: #201e1b;
        margin: 0;
    }
    
    .related-nav {
        display: flex;
        gap: 8px;
    }
    
    .related-nav-btn {
        width: 40px;
        height: 40px;
        border: 1px solid #ddd;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #201e1b;
        transition: all .25s ease;
    }
    
    .related-nav-btn svg {
        width: 18px;
        height: 18px;
    }
    
    .related-nav-btn:hover:not(:disabled) {
        border-color: #a9825a;
        color: #a9825a;
    }
    
    .related-nav-btn:disabled {
        opacity: .35;
        cursor: default;
    }
    
    .related-carousel {
        overflow: hidden;
        width: 100%;
    }
    
    .related-carousel-track {
        display: flex;
        gap: 24px;
        transition: transform .45s ease;
        will-change: transform;
    }
    
    .related-carousel-track .product-card {
        flex: 0 0 calc((100% - 96px) / 5);
        width: calc((100% - 96px) / 5);
        min-width: 0;
        background: transparent;
        border-radius: 0;
        overflow: hidden;
        transition: all .35s var(--ease);
    }
    
    .related-carousel-track .product-card:hover {
        transform: translateY(-4px);
    }
    
    .related-carousel-track .product-card a {
        text-decoration: none;
        color: inherit;
        display: block;
    }
    
    /* 关联产品卡片图：与列表一致，不固定比例，等比完整显示 */
    .related-carousel-track .product-image {
        overflow: hidden;
        background: #f8f7f5;
        border-radius: 4px;
    }
    
    .related-carousel-track .product-image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
        transition: transform .8s var(--ease);
    }
    
    .related-carousel-track .product-card:hover .product-image img {
        transform: scale(1.05);
    }
    
    .related-carousel-track .product-card h3 {
        /*font-family: var(--font-serif);*/
        font-size: 16px;
        font-weight: 600;
        padding: 0;
        margin: 16px 0 4px;
        line-height: 1.3;
        color: #201e1b;
    }
    
    .related-carousel-track .product-card .product-brief {
        font-family: var(--font-sans);
        font-size: 13px;
        color: #888;
        line-height: 1.5;
        padding: 0;
        margin: 0 0 12px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 58px;
        word-break: break-word;
    }
    
    .related-carousel-track .product-card .view-detail {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--font-sans);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: #a9825a;
        padding: 0;
        transition: all .3s var(--ease-fast);
    }
    
    .related-carousel-track .product-card:hover .view-detail {
        gap: 10px;
    }
    
    @media (max-width: 1100px) {
        .related-carousel-track {
            gap: 20px;
        }
        .related-carousel-track .product-card {
            flex: 0 0 calc((100% - 60px) / 4);
            width: calc((100% - 60px) / 4);
        }
    }
    
    @media (max-width: 900px) {
        .related-carousel-track {
            gap: 16px;
        }
        .related-carousel-track .product-card {
            flex: 0 0 calc((100% - 32px) / 3);
            width: calc((100% - 32px) / 3);
        }
    }
    
    @media (max-width: 640px) {
        .related-header {
            margin-bottom: 20px;
        }
        .product-related-container h2 {
            font-size: 22px;
        }
        .related-carousel-track {
            gap: 14px;
        }
        .related-carousel-track .product-card {
            flex: 0 0 calc((100% - 14px) / 2);
            width: calc((100% - 14px) / 2);
        }
        .related-carousel-track .product-card h3 {
            font-size: 14px;
            margin-top: 12px;
        }
    }
    
    /* ============================================================
       询盘弹窗
    ============================================================ */
    .inquiry-modal {
        position: fixed;
        inset: 0;
        z-index: 99999;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
    
    .inquiry-modal.open {
        display: flex;
    }
    
    .inquiry-modal-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, .6);
        backdrop-filter: blur(6px);
    }
    
    .inquiry-modal-content {
        position: relative;
        max-width: 600px;
        width: 100%;
        max-height: 90vh;
        background: #fff;
        border-radius: 4px;
        padding: 40px 44px 44px;
        overflow-y: auto;
        box-shadow: 0 30px 80px rgba(0, 0, 0, .3);
    }
    
    .inquiry-modal.open .inquiry-modal-overlay {
        animation: modalFadeIn .3s ease;
    }
    
    .inquiry-modal.open .inquiry-modal-content {
        animation: modalSlideUp .4s var(--ease);
    }
    
    @keyframes modalFadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    
    @keyframes modalSlideUp {
        from { opacity: 0; transform: translateY(30px) scale(.96); }
        to { opacity: 1; transform: translateY(0) scale(1); }
    }
    
    .inquiry-modal-close {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: none;
        background: transparent;
        color: #999;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s var(--ease-fast);
    }
    
    .inquiry-modal-close svg {
        width: 20px;
        height: 20px;
        stroke: currentColor;
    }
    
    .inquiry-modal-close:hover {
        background: #f5f5f5;
        color: #201e1b;
    }
    
    /* ===== 弹窗内的 CF7 样式 ===== */
    .inquiry-modal-body .wpcf7-form {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    
    .inquiry-modal-body .cf7-row {
        display: grid;
        gap: 16px;
    }
    
    .inquiry-modal-body .cf7-row.two-col {
        grid-template-columns: 1fr 1fr;
    }
    
    .inquiry-modal-body .cf7-half {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }
    
    .inquiry-modal-body .cf7-full {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }
    
    .inquiry-modal-body label {
        font-size: 11px;
        font-weight: 500;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #201e1b;
    }
    
    .inquiry-modal-body label .required {
        color: #c0392b;
        margin-left: 2px;
    }
    
    .inquiry-modal-body input[type="text"],
    .inquiry-modal-body input[type="email"],
    .inquiry-modal-body input[type="tel"],
    .inquiry-modal-body select,
    .inquiry-modal-body textarea {
        width: 100%;
        padding: 8px 0 6px;
        border: none;
        border-bottom: 1px solid #d0cdc8;
        background: transparent;
        font-family: inherit;
        font-size: 14px;
        color: #201e1b;
        outline: none;
        transition: border-color .3s var(--ease-fast);
    }
    
    .inquiry-modal-body input:focus,
    .inquiry-modal-body select:focus,
    .inquiry-modal-body textarea:focus {
        border-color: #a9825a;
    }
    
    .inquiry-modal-body input::placeholder,
    .inquiry-modal-body textarea::placeholder {
        color: #bbb;
        font-size: 13px;
    }
    
    .inquiry-modal-body select {
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0 center;
        cursor: pointer;
    }
    
    .inquiry-modal-body select option {
        background: #fff;
        color: #201e1b;
    }
    
    .inquiry-modal-body textarea {
        min-height: 60px;
        resize: vertical;
    }
    
    .inquiry-modal-body .wpcf7-submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 36px;
        border: none;
        background: #201e1b;
        color: #fff;
        font-size: 12px;
        letter-spacing: .18em;
        text-transform: uppercase;
        cursor: pointer;
        transition: background .3s var(--ease-fast);
        width: 100%;
        font-weight: 500;
        margin-top: 4px;
    }
    
    .inquiry-modal-body .wpcf7-submit:hover {
        background: #a9825a;
    }
    
    .inquiry-modal-body .wpcf7-not-valid-tip {
        font-size: 12px;
        color: #c0392b;
        margin-top: 3px;
    }
    
    .inquiry-modal-body .wpcf7-response-output {
        padding: 12px 16px;
        font-size: 14px;
        border-radius: 2px;
        margin: 10px 0 0 0;
    }
    
    .inquiry-modal-body .wpcf7-mail-sent-ok {
        border: none;
        background: #e8f5e9;
        color: #2e7d32;
    }
    
    .inquiry-modal-body .wpcf7-mail-sent-ng {
        border: none;
        background: #ffebee;
        color: #c62828;
    }
    
    .inquiry-modal-body .wpcf7-spinner {
        display: none;
    }
    
    @media (max-width: 768px) {
        .inquiry-modal-body .cf7-row.two-col {
            grid-template-columns: 1fr;
        }
        .inquiry-modal-content {
            padding: 32px 24px 28px;
            margin: 10px;
        }
    }
    
    @media (max-width: 640px) {
        .inquiry-modal-content {
            padding: 24px 18px 20px;
        }
    }
    
    /* ============================================================
       响应式及自适应（重构大图+缩略图自适应）
    ============================================================ */
    @media (max-width: 1100px) {
        .product-detail-container {
            gap: 28px;
        }
    }
    
    @media (max-width: 900px) {
        .product-detail-section {
            padding: 0 20px;
            overflow-x: clip;
        }
    
        .product-detail-container {
            grid-template-columns: 1fr;
            gap: 30px;
            min-width: 0;
        }
        
        .product-media {
            position: static;
            width: 100%;
            max-width: 100%;
            min-width: 0;
            flex-direction: column;
            align-items: stretch;
            gap: 12px;
            overflow: hidden;
            box-sizing: border-box;
        }
    
        /* 大图在上 */
        .product-main-image {
            order: 1;
            flex: none;
            width: 100%;
            max-width: 100%;
            max-height: none;
            min-width: 0;
            aspect-ratio: 1 / 1;
            margin: 0;
            box-sizing: border-box;
        }
    
        .product-main-image img,
        .product-main-image video {
            max-width: 100%;
        }
    
        .play-video-btn {
            width: 52px;
            height: 52px;
        }
        
        /* 缩略图在下：横向，禁止撑破 */
        .product-thumbnails-wrapper {
            --thumb-size: 60px;
            --thumb-gap: 8px;
            order: 2;
            display: flex;
            flex-direction: row;
            flex: none;
            width: 100%;
            max-width: 100%;
            min-width: 0;
            height: auto;
            align-self: stretch;
            align-items: center;
            justify-content: center;
            gap: 6px;
            padding: 0;
            box-sizing: border-box;
            overflow: hidden;
        }
        
        .product-thumbnails {
            flex: 1 1 0;
            width: 0; /* 关键 flex 按剩余宽度收缩 */
            min-width: 0;
            max-width: none;
            height: var(--thumb-size);
            flex-direction: row;
            overflow: hidden;
            padding: 0;
            box-sizing: border-box;
        }
    
        .product-thumbnails-track {
            flex-direction: row;
            width: max-content;
            height: 100%;
            max-width: none;
        }
        
        .thumb-arrow {
            transform: rotate(-90deg);
            flex: 0 0 28px;
            width: 28px;
            height: 28px;
        }
        
        .thumb-arrow-up {
            order: 0;
        }
        
        .product-thumbnails {
            order: 1;
        }
        
        .thumb-arrow-down {
            order: 2;
        }
        
        .thumbnail-item {
            flex: 0 0 var(--thumb-size);
            width: var(--thumb-size);
            height: var(--thumb-size);
        }
        
        .product-datasheet-container {
            flex-direction: column;
            text-align: center;
            padding: 28px 20px;
        }
        
        .parameters-grid {
            grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
        }
    }
    
    @media (max-width: 640px) {
        .product-detail-section {
            padding: 0 16px;
            margin: 40px auto 60px;
        }
        .product-description-section {
            padding: 0 16px;
            margin: 0 auto 60px;
        }
        .product-datasheet-section {
            padding: 0 16px;
            margin: 0 auto 60px;
        }
        .product-related-section {
            padding: 0 16px;
            margin: 0 auto 60px;
        }
        .product-actions {
            flex-direction: column;
        }
        .btn-inquiry,
        .btn-chat {
            width: 100%;
            justify-content: center;
        }
        .product-thumbnails-wrapper {
            --thumb-size: 52px;
            --thumb-gap: 6px;
            gap: 4px;
        }
        .thumb-arrow {
            flex-basis: 26px;
            width: 26px;
            height: 26px;
        }
        .parameters-grid {
            grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
            gap: 8px;
        }
        .parameter-tooltip {
            font-size: 9px;
            padding: 2px 8px;
        }
    }
    
    /* ========== 5. Taxonomy: Product Category ========== */
    /* Extracted from taxonomy-product_category.php */
    /* ============================================================
       Top Banner 1920x300
    ============================================================ */
    .category-banner {
        position: relative;
        width: 100%;
        height: 280px;
        overflow: hidden;
        background: #111;
    }
    
    .category-banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .category-banner::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to right, rgba(0,0,0,.45), transparent 60%);
    }
    
    .category-banner-content {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        z-index: 2;
        padding: 0 6vw;
    }
    
    .category-banner-content .banner-wrap {
        max-width: 1350px;
        width: 100%;
        margin: 0 auto;
    }
    
    .category-banner-content h1 {
        font-family: var(--font-serif);
        font-size: clamp(28px, 3.6vw, 42px);
        font-weight: 600;
        color: #fff;
        margin: 0;
        line-height: 1.15;
        text-shadow: 0 2px 20px rgba(0,0,0,.3);
    }
    
    .category-banner-content p {
        font-family: var(--font-sans);
        font-size: 15px;
        color: rgba(255,255,255,.8);
        margin: 8px 0 0 0;
        max-width: 560px;
        text-shadow: 0 1px 12px rgba(0,0,0,.3);
    }
    
    @media (max-width: 768px) {
        .category-banner { height: 180px; }
        .category-banner::after {
            background: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.6));
        }
        .category-banner-content h1 { font-size: 24px; text-align: center; }
        .category-banner-content p { font-size: 13px; text-align: center; max-width: 100%; }
    }
    
    /* ============================================================
       Product Archive Styles
    ============================================================ */
    .product-archive {
        max-width: 1350px;
        margin: 60px auto 80px;
        padding: 0 30px;
    }
    
    .archive-layout {
        display: grid;
        grid-template-columns: 260px 1fr;
        gap: 50px;
        align-items: start;
    }
    
    /* ===== Sidebar ===== */
    .archive-sidebar {
        position: sticky;
        top: 110px;
    }
    
    .sidebar-title {
        font-family: var(--font-sans);
        font-size: 14px;
        font-weight: 600;
        letter-spacing: .06em;
        text-transform: none;
        color: #201e1b;
        padding-bottom: 14px;
        border-bottom: 1px solid #eee;
        margin-bottom: 20px;
    }
    
    .sidebar-menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .sidebar-menu > li {
        margin-bottom: 2px;
    }
    
    .sidebar-menu > li > a.sidebar-l2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 14px;
        font-family: var(--font-sans);
        font-size: 14px;
        font-weight: 500;
        color: #333;
        text-decoration: none;
        border-radius: 4px;
        border-left: 3px solid transparent;
        transition: all .25s var(--ease-fast);
    }
    
    .sidebar-menu > li > a.sidebar-l2:hover {
        background: #f5f3f0;
    }
    
    .sidebar-l2-text {
        flex: 1;
        min-width: 0;
    }
    
    .sidebar-menu > li > a .count {
        font-family: var(--font-sans);
        font-size: 11px;
        color: #bbb;
        background: #f5f3f0;
        padding: 1px 8px;
        border-radius: 12px;
    }
    
    .sidebar-menu > li.current-cat > a.sidebar-l2 {
        background: #a9825a;
        color: #fff;
        border-left-color: #7c5a3a;
    }
    
    .sidebar-menu > li.current-cat > a .count {
        background: rgba(255,255,255,.25);
        color: #fff;
    }
    
    .sidebar-menu > li.current-cat-parent > a.sidebar-l2 {
        background: #f5f3f0;
        color: #a9825a;
        border-left-color: #a9825a;
    }
    
    .sidebar-menu > li.current-cat-parent > a .count {
        background: #a9825a;
        color: #fff;
    }
    
    /* ===== Level 3 (under Level 2) ===== */
    .sidebar-menu .children {
        list-style: none;
        padding-left: 12px;
        margin: 0;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height .3s ease, opacity .25s ease, margin .25s ease;
    }
    
    .sidebar-menu > li.open > .children {
        max-height: 800px;
        opacity: 1;
        margin: 2px 0 8px 0;
    }
    
    .sidebar-menu .children li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 7px 14px 7px 28px;
        font-family: var(--font-sans);
        font-size: 13px;
        font-weight: 400;
        color: #666;
        text-decoration: none;
        border-radius: 4px;
        border-left: 2px solid transparent;
        transition: all .25s var(--ease-fast);
    }
    
    .sidebar-menu .children li a:hover {
        background: #f5f3f0;
        color: #333;
    }
    
    .sidebar-menu .children li a .count {
        font-family: var(--font-sans);
        font-size: 11px;
        color: #bbb;
        background: #f5f3f0;
        padding: 1px 8px;
        border-radius: 12px;
    }
    
    .sidebar-menu .children li.current-cat > a {
        background: rgba(169, 130, 90, .10);
        color: #a9825a;
        border-left-color: #a9825a;
    }
    
    .sidebar-empty {
        padding: 10px 14px;
        font-size: 13px;
        color: #999;
    }
    
    /* ===== Product Grid ===== */
    .archive-products {
        min-height: 400px;
    }
    
    .product-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }
    
    /* ===== Product Card - No Border ===== */
    .product-card {
        background: transparent;
        border-radius: 0;
        overflow: hidden;
        transition: all .35s var(--ease);
    }
    
    .product-card:hover {
        transform: translateY(-4px);
    }
    
    .product-card a {
        text-decoration: none;
        color: inherit;
        display: block;
    }
    
    /* 产品列表卡片图：不固定比例，等比完整显示 */
    .product-image {
        overflow: hidden;
        background: #f8f7f5;
        border-radius: 4px;
    }
    
    .product-image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
        transition: transform .8s var(--ease);
    }
    
    .product-card:hover .product-image img {
        transform: scale(1.05);
    }
    
    .product-card h3 {
        /*font-family: var(--font-serif);*/
        font-size: 16px;
        font-weight: 600;
        padding: 0;
        margin: 16px 0 4px;
        line-height: 1.3;
        color: #201e1b;
    }
    
    .product-card .product-brief {
        font-family: var(--font-sans);
        font-size: 13px;
        color: #888;
        line-height: 1.5;
        padding: 0;
        margin: 0 0 12px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 58px;
        word-break: break-word;
    }
    
    .product-card .view-detail {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--font-sans);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: #a9825a;
        padding: 0;
        transition: all .3s var(--ease-fast);
    }
    
    .product-card:hover .view-detail {
        gap: 12px;
        color: #7c5a3a;
    }
    
    /* ===== Footer ===== */
    .product-footer {
        grid-column: 1 / -1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30px 0 10px;
        border-top: 1px solid #eee;
        margin-top: 10px;
        flex-wrap: wrap;
        gap: 16px;
    }
    
    .product-total {
        font-family: var(--font-sans);
        font-size: 14px;
        color: #888;
    }
    
    .product-pagination {
        display: flex;
        align-items: center;
        gap: 16px;
    }
    
    .page-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--font-sans);
        font-size: 13px;
        font-weight: 500;
        color: #201e1b;
        text-decoration: none;
        padding: 8px 18px;
        border: 1px solid #e0ddd8;
        border-radius: 4px;
        transition: all .25s var(--ease-fast);
    }
    
    .page-btn:hover:not(.disabled) {
        background: #201e1b;
        color: #fff;
        border-color: #201e1b;
    }
    
    .page-btn.disabled {
        color: #ccc;
        cursor: not-allowed;
        border-color: #eee;
    }
    
    .page-info {
        font-family: var(--font-sans);
        font-size: 13px;
        color: #888;
    }
    
    .no-products {
        grid-column: 1 / -1;
        text-align: center;
        padding: 60px 0;
        font-family: var(--font-sans);
        color: #999;
        font-size: 16px;
    }
    
    /* ============================================================
       Responsive
    ============================================================ */
    @media (max-width: 1100px) {
        .product-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
    }
    
    @media (max-width: 900px) {
        .archive-layout {
            grid-template-columns: 1fr;
            gap: 40px;
        }
        
        .archive-sidebar {
            position: static;
        }
        
        .sidebar-menu {
            display: block;
        }
        
        .sidebar-menu > li {
            margin-bottom: 2px;
        }
        
        .sidebar-menu > li > a.sidebar-l2 {
            padding: 10px 14px;
            font-size: 14px;
            border: none;
            border-radius: 4px;
            border-left: 3px solid transparent;
        }
        
        .sidebar-menu > li.current-cat > a.sidebar-l2 {
            border-left-color: #7c5a3a;
        }
        
        .sidebar-menu .children {
            display: block;
        }
    
        .sidebar-menu > li:not(.open) > .children {
            max-height: 0;
            opacity: 0;
            margin: 0;
        }
        
        .sidebar-title {
            width: 100%;
            margin-bottom: 12px;
        }
        
        .product-footer {
            flex-direction: column;
            text-align: center;
        }
    }
    
    @media (max-width: 700px) {
        .product-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .product-card h3 {
            font-size: 14px;
            margin: 14px 0 2px;
        }
        
        .product-card .product-brief {
            font-size: 12px;
            max-height: 50px;
            margin: 0 0 10px;
        }
        
        .product-card .view-detail {
            font-size: 12px;
            letter-spacing: .08em;
        }
        
        .product-pagination {
            gap: 10px;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .page-btn {
            font-size: 12px;
            padding: 6px 14px;
        }
        
        .page-info {
            font-size: 12px;
        }
    }
    
    @media (max-width: 640px) {
        .product-archive {
            padding: 0 16px;
            margin: 40px auto 60px;
        }
        
        .product-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 14px;
        }
        
        .product-card h3 {
            font-size: 13px;
        }
        
        .product-card .view-detail {
            font-size: 11px;
            min-height: 36px;
            display: inline-flex;
            align-items: center;
        }
    }
    
    /* ========== 6. Search Results ========== */
    /* Extracted from search.php */
    .search-results-section {
        max-width: 1350px;
        margin: 60px auto 100px;
        padding: 0 30px;
    }
    
    .search-results-header {
        margin-bottom: 40px;
    }
    
    .search-results-header h1 {
        font-family: var(--font-serif);
        font-size: clamp(28px, 3vw, 40px);
        font-weight: 600;
        color: #201e1b;
        margin: 0 0 8px;
        line-height: 1.2;
    }
    
    .search-results-count {
        font-family: var(--font-sans);
        font-size: 14px;
        color: #888;
        margin: 0 0 24px;
    }
    
    .search-results-form {
        display: flex;
        gap: 10px;
        max-width: 560px;
    }
    
    .search-results-form input {
        flex: 1;
        height: 46px;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 0 16px;
        font-family: var(--font-sans);
        font-size: 15px;
        color: #201e1b;
        background: #fff;
    }
    
    .search-results-form input:focus {
        outline: none;
        border-color: #a9825a;
    }
    
    .search-results-form button {
        height: 46px;
        padding: 0 22px;
        border: none;
        border-radius: 4px;
        background: #201e1b;
        color: #fff;
        font-family: var(--font-sans);
        font-size: 13px;
        font-weight: 500;
        letter-spacing: .06em;
        text-transform: uppercase;
        cursor: pointer;
        transition: background .25s ease;
    }
    
    .search-results-form button:hover {
        background: #a9825a;
    }
    
    .search-product-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }
    
    .search-product-grid .product-card {
        background: transparent;
        overflow: hidden;
        transition: transform .35s ease;
    }
    
    .search-product-grid .product-card:hover {
        transform: translateY(-4px);
    }
    
    .search-product-grid .product-card a {
        text-decoration: none;
        color: inherit;
        display: block;
    }
    
    .search-product-grid .product-image {
        aspect-ratio: 1 / 1;
        overflow: hidden;
        background: #f8f7f5;
        border-radius: 4px;
    }
    
    .search-product-grid .product-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .8s ease;
    }
    
    .search-product-grid .product-card:hover .product-image img {
        transform: scale(1.05);
    }
    
    .search-product-grid .product-card h3 {
        font-family: var(--font-serif);
        font-size: 16px;
        font-weight: 600;
        margin: 16px 0 4px;
        line-height: 1.3;
        color: #201e1b;
    }
    
    .search-product-grid .product-brief {
        font-family: var(--font-sans);
        font-size: 13px;
        color: #888;
        line-height: 1.5;
        margin: 0 0 12px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .search-product-grid .view-detail {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--font-sans);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: #a9825a;
        transition: gap .3s ease;
    }
    
    .search-product-grid .product-card:hover .view-detail {
        gap: 10px;
    }
    
    .search-empty {
        text-align: center;
        padding: 80px 20px;
    }
    
    .search-empty p {
        font-family: var(--font-sans);
        font-size: 16px;
        color: #888;
        margin: 0 0 20px;
    }
    
    .search-empty-link {
        display: inline-flex;
        align-items: center;
        padding: 12px 24px;
        background: #201e1b;
        color: #fff;
        text-decoration: none;
        font-family: var(--font-sans);
        font-size: 13px;
        letter-spacing: .06em;
        border-radius: 4px;
    }
    
    .search-empty-link:hover {
        background: #a9825a;
    }
    
    .search-pagination {
        margin-top: 48px;
        text-align: center;
    }
    
    .search-pagination ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
    }
    
    .search-pagination a,
    .search-pagination span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        height: 40px;
        padding: 0 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-family: var(--font-sans);
        font-size: 13px;
        color: #201e1b;
        text-decoration: none;
        box-sizing: border-box;
    }
    
    .search-pagination .current,
    .search-pagination a:hover {
        background: #a9825a;
        border-color: #a9825a;
        color: #fff;
    }
    
    .search-pagination .dots {
        border-color: transparent;
    }
    
    @media (max-width: 1100px) {
        .search-product-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
    }
    
    @media (max-width: 700px) {
        .search-results-section {
            margin: 40px auto 70px;
            padding: 0 16px;
        }
        .search-results-form {
            flex-direction: column;
        }
        .search-results-form button {
            width: 100%;
        }
        .search-product-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 18px;
        }
    }
    
    @media (max-width: 640px) {
        .search-product-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 14px;
        }
    }
    
    /* ========== 7. Page: About Us ========== */
    /* Extracted from page-about-us.php style block 1 */
    /* ============================================================
       About Us 页面 - 样式
    ============================================================ */
    
    /* ===== 顶部小海报 1920x300 ===== */
    .about-banner {
        position: relative;
        width: 100%;
        height: 280px;
        overflow: hidden;
        background: #111;
    }
    
    .about-banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .about-banner::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to right, rgba(0,0,0,.45), transparent 60%);
    }
    
    .about-banner-content {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        z-index: 2;
        padding: 0 6vw;
    }
    
    .about-banner-content .banner-wrap {
        max-width: 1350px;
        width: 100%;
        margin: 0 auto;
    }
    
    .about-banner-content h1 {
        font-family: var(--font-serif);
        font-size: clamp(36px, 5vw, 56px);
        font-weight: 600;
        color: #fff;
        margin: 0;
        line-height: 1.15;
        text-shadow: 0 2px 20px rgba(0,0,0,.3);
    }
    
    @media (max-width: 768px) {
        .about-banner { height: 180px; }
        .about-banner::after {
            background: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.6));
        }
        .about-banner-content h1 { font-size: 28px; text-align: center; }
    }
    
    /* ============================================================
       主内容（1350px 约束）
    ============================================================ */
    .about-section {
        max-width: 1350px;
        margin: 0 auto;
        padding: 60px 30px 100px;
    }
    
    .about-container {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }
    
    /* ===== 每个板块 ===== */
    .about-block {
        opacity: 0;
        transform: translateY(40px);
        transition: opacity .8s var(--ease), transform .8s var(--ease);
    }
    
    .about-block.reveal {
        opacity: 1;
        transform: translateY(0);
    }
    
    .about-block h2 {
        font-family: var(--font-serif);
        font-size: clamp(28px, 3.2vw, 38px);
        font-weight: 600;
        color: #201e1b;
        margin: 0 0 24px;
        position: relative;
        padding-bottom: 16px;
    }
    
    .about-block h2::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 60px;
        height: 3px;
        background: #a9825a;
    }
    
    /* ===== 文本内容 ===== */
    .about-text p {
        font-family: var(--font-sans);
        font-size: 16px;
        line-height: 1.8;
        color: #444;
        margin-bottom: 16px;
    }
    
    .about-text p:last-child {
        margin-bottom: 0;
    }
    
    /* ===== 工厂图片 ===== */
    .about-factory-image {
        overflow: hidden;
        border-radius: 4px;
    }
    
    .about-factory-image img {
        width: 100%;
        height: 400px;
        object-fit: cover;
        transition: transform 1.2s var(--ease);
    }
    
    .about-factory-image:hover img {
        transform: scale(1.03);
    }
    
    /* ===== 厂房车间图集 ===== */
    .about-gallery h2 {
        margin-bottom: 24px;
    }
    
    .gallery-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }
    
    .gallery-item {
        overflow: hidden;
        border-radius: 4px;
        aspect-ratio: 1 / 1;
        cursor: pointer;
        position: relative;
    }
    
    .gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .8s var(--ease), filter .5s var(--ease);
    }
    
    .gallery-item:hover img {
        transform: scale(1.08);
        filter: brightness(.85);
    }
    
    .gallery-item::after {
        content: '+';
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 36px;
        color: #fff;
        opacity: 0;
        transition: opacity .4s var(--ease);
        background: rgba(0,0,0,.3);
        pointer-events: none;
    }
    
    .gallery-item:hover::after {
        opacity: 1;
    }
    
    /* ===== 团队合影 ===== */
    .about-team {
        overflow: hidden;
        border-radius: 4px;
    }
    
    .about-team img {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 1.2s var(--ease);
    }
    
    .about-team:hover img {
        transform: scale(1.02);
    }
    
    /* ===== 证书 ===== */
    .certificates-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 24px;
    }
    
    .cert-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        transition: all .4s var(--ease);
        cursor: default;
        padding: 12px;
        border-radius: 4px;
        background: #faf8f5;
    }
    
    .cert-item:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 36px rgba(0,0,0,.08);
        background: #fff;
    }
    
    .cert-image {
        width: 100%;
        aspect-ratio: 0.707 / 1;
        overflow: hidden;
        border-radius: 2px;
        background: #fff;
        box-shadow: 0 2px 12px rgba(0,0,0,.06);
    }
    
    .cert-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .6s var(--ease);
    }
    
    .cert-item:hover .cert-image img {
        transform: scale(1.04);
    }
    
    .cert-name {
        font-family: var(--font-sans);
        font-size: 13px;
        font-weight: 500;
        color: #333;
        text-align: center;
        transition: color .3s var(--ease);
    }
    
    .cert-item:hover .cert-name {
        color: #a9825a;
    }
    
    /* ===== 公司优势 ===== */
    .advantages-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }
    
    .advantage-item {
        padding: 32px 24px;
        text-align: center;
        background: #faf8f5;
        border-radius: 4px;
        transition: all .4s var(--ease);
        cursor: default;
        border: 1px solid transparent;
    }
    
    .advantage-item:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 36px rgba(0,0,0,.08);
        background: #fff;
        border-color: #a9825a;
    }
    
    .advantage-icon {
        width: 56px;
        height: 56px;
        margin: 0 auto 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        color: #a9825a;
        background: rgba(169, 130, 90, .10);
        border-radius: 50%;
        transition: all .4s var(--ease);
    }
    
    .advantage-item:hover .advantage-icon {
        background: #a9825a;
        color: #fff;
        transform: scale(1.08) rotate(-5deg);
    }
    
    .advantage-item h3 {
        font-family: var(--font-serif);
        font-size: 18px;
        font-weight: 600;
        color: #201e1b;
        margin: 0 0 8px;
    }
    
    .advantage-item p {
        font-family: var(--font-sans);
        font-size: 14px;
        color: #777;
        line-height: 1.7;
        margin: 0;
    }
    
    /* ===== 企业理念 ===== */
    .about-mission {
        background: #faf8f5;
        padding: 48px 56px;
        border-radius: 4px;
        border-left: 4px solid #a9825a;
    }
    
    .about-mission h2::after {
        background: #a9825a;
    }
    
    .about-mission .about-text p {
        font-size: 17px;
        color: #333;
        font-weight: 400;
        line-height: 1.9;
    }
    
    /* ============================================================
       响应式
    ============================================================ */
    @media (max-width: 1024px) {
        .gallery-grid {
            grid-template-columns: repeat(4, 1fr);
        }
        .advantages-grid {
            grid-template-columns: repeat(2, 1fr);
        }
        .certificates-grid {
            grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        }
    }
    
    @media (max-width: 768px) {
        .about-section {
            padding: 40px 20px 60px;
        }
        .about-container {
            gap: 40px;
        }
        .gallery-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }
        .advantages-grid {
            grid-template-columns: 1fr;
            gap: 16px;
        }
        .advantage-item {
            padding: 24px 16px;
        }
        .about-mission {
            padding: 32px 24px;
        }
        .about-factory-image img {
            height: 250px;
        }
        .certificates-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
        }
    }
    
    @media (max-width: 500px) {
        .gallery-grid {
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }
        .advantages-grid {
            grid-template-columns: 1fr;
        }
        .certificates-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }
        .cert-item {
            padding: 8px;
        }
        .cert-image {
            aspect-ratio: 0.75 / 1;
        }
        .about-mission {
            padding: 24px 16px;
        }
        .about-factory-image img {
            height: 180px;
        }
    }
    
    /* ========== 7b. Page: About Us - Factory Lightbox ========== */
    /* Extracted from page-about-us.php style block 2 */
    .factory-lightbox {
        position: fixed;
        inset: 0;
        z-index: 99999;
        display: none;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,.88);
        backdrop-filter: blur(4px);
        padding: 60px 80px 40px;
    }
    .factory-lightbox.open {
        display: flex;
    }
    .factory-lightbox-stage {
        max-width: min(92vw, 1100px);
        max-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .factory-lightbox-stage img {
        max-width: 100%;
        max-height: 80vh;
        width: auto;
        height: auto;
        object-fit: contain;
        border-radius: 4px;
        box-shadow: 0 20px 60px rgba(0,0,0,.45);
        user-select: none;
    }
    .factory-lightbox-close {
        position: absolute;
        top: 18px;
        right: 24px;
        width: 44px;
        height: 44px;
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 36px;
        line-height: 1;
        cursor: pointer;
        opacity: .75;
        z-index: 2;
    }
    .factory-lightbox-close:hover {
        opacity: 1;
    }
    .factory-lightbox-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 48px;
        height: 48px;
        border: 1px solid rgba(255,255,255,.35);
        border-radius: 50%;
        background: rgba(255,255,255,.08);
        color: #fff;
        font-size: 32px;
        line-height: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        transition: background .2s ease, border-color .2s ease;
    }
    .factory-lightbox-nav:hover {
        background: rgba(255,255,255,.18);
        border-color: rgba(255,255,255,.7);
    }
    .factory-lightbox-nav.prev {
        left: 20px;
    }
    .factory-lightbox-nav.next {
        right: 20px;
    }
    .factory-lightbox-counter {
        position: absolute;
        left: 50%;
        bottom: 18px;
        transform: translateX(-50%);
        font-family: var(--font-sans);
        font-size: 13px;
        color: rgba(255,255,255,.8);
        letter-spacing: .06em;
    }
    @media (max-width: 768px) {
        .factory-lightbox {
            padding: 50px 16px 36px;
        }
        .factory-lightbox-nav {
            width: 40px;
            height: 40px;
            font-size: 26px;
        }
        .factory-lightbox-nav.prev {
            left: 8px;
        }
        .factory-lightbox-nav.next {
            right: 8px;
        }
    }
    
    /* ========== 8. Page: Contact Us ========== */
    /* Extracted from page-contact-us.php */
    /* ============================================================
       Contact Us 页面 - 样式
    ============================================================ */
    
    /* ===== 顶部小海报 1920x300 ===== */
    .contact-banner {
        position: relative;
        width: 100%;
        height: 280px;
        overflow: hidden;
        background-color: #f5f3f0;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .contact-banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .contact-banner::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to right, rgba(0,0,0,.45), transparent 60%);
    }
    
    .contact-banner-content {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        z-index: 2;
        padding: 0 6vw;
    }
    
    .contact-banner-content .banner-wrap {
        max-width: 1350px;
        width: 100%;
        margin: 0 auto;
    }
    
    .contact-banner-content h1 {
        font-family: var(--font-serif);
        font-size: clamp(36px, 5vw, 56px);
        font-weight: 600;
        color: #fff;
        margin: 0;
        line-height: 1.15;
        text-shadow: 0 2px 20px rgba(0,0,0,.3);
    }
    
    @media (max-width: 768px) {
        .contact-banner { height: 180px; }
        .contact-banner::after {
            background: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.6));
        }
        .contact-banner-content h1 { font-size: 28px; text-align: center; }
    }
    
    /* ============================================================
       主内容（1350px 约束）
    ============================================================ */
    .contact-section {
        max-width: 1350px;
        margin: 0 auto;
        padding: 60px 30px 80px;
    }
    
    .contact-container {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        gap: 50px;
        align-items: stretch;
    }
    
    /* ===== 左侧：联系信息（深色背景） ===== */
    .contact-info {
        background: #201e1b;
        border-radius: 4px;
        padding: 48px 40px;
        display: flex;
        align-items: center;
        opacity: 1;
        transform: translateY(12px);
        transition: transform .6s var(--ease);
    }
    
    .contact-info.reveal {
        transform: translateY(0);
    }
    
    .contact-info-inner {
        width: 100%;
    }
    
    .contact-info h2 {
        font-family: var(--font-serif);
        font-size: 32px;
        font-weight: 600;
        color: #fff;
        margin: 0 0 12px;
    }
    
    .contact-desc {
        font-family: var(--font-sans);
        font-size: 15px;
        color: rgba(255,255,255,.6);
        line-height: 1.6;
        margin: 0 0 36px;
    }
    
    .contact-info-list {
        display: flex;
        flex-direction: column;
        gap: 28px;
    }
    
    .contact-info-item {
        display: flex;
        gap: 18px;
        align-items: flex-start;
        padding: 4px 0;
        transition: transform .4s var(--ease-fast);
        cursor: default;
    }
    
    .contact-info-item:hover {
        transform: translateX(10px);
    }
    
    .contact-icon {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(169, 130, 90, .15);
        color: #a9825a;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .4s var(--ease-fast);
    }
    
    .contact-info-item:hover .contact-icon {
        background: #a9825a;
        color: #fff;
        transform: scale(1.08) rotate(-5deg);
    }
    
    .contact-icon svg {
        width: 20px;
        height: 20px;
        stroke: currentColor;
    }
    
    .contact-text {
        display: flex;
        flex-direction: column;
        gap: 2px;
        padding-top: 2px;
    }
    
    .contact-label {
        font-family: var(--font-sans);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: rgba(255,255,255,.35);
        transition: color .4s var(--ease-fast);
    }
    
    .contact-info-item:hover .contact-label {
        color: #a9825a;
    }
    
    .contact-value {
        font-family: var(--font-sans);
        font-size: 15px;
        color: rgba(255,255,255,.85);
        line-height: 1.5;
        transition: color .4s var(--ease-fast);
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    
    .contact-info-item:hover .contact-value {
        color: #fff;
    }
    
    .contact-company {
        margin-top: 36px;
        padding-top: 24px;
        border-top: 1px solid rgba(255,255,255,.08);
    }
    
    .contact-company span {
        font-family: var(--font-serif);
        font-size: 18px;
        font-weight: 600;
        color: rgba(255,255,255,.5);
        letter-spacing: .06em;
    }
    
    /* ===== 右侧：表单（无标题） ===== */
    .contact-form {
        background: #faf8f5;
        border-radius: 4px;
        padding: 48px 44px;
        display: flex;
        align-items: center;
        opacity: 1;
        transform: translateY(12px);
        transition: transform .6s var(--ease);
        transition-delay: .08s;
    }
    
    .contact-form.reveal {
        transform: translateY(0);
    }
    
    .contact-form-inner {
        width: 100%;
    }
    
    /* ===== Contact Form 7 样式 ===== */
    .contact-form .wpcf7-form {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }
    
    .contact-form .cf7-row {
        display: grid;
        gap: 18px;
    }
    
    .contact-form .cf7-row.two-col {
        grid-template-columns: 1fr 1fr;
    }
    
    .contact-form .cf7-half {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    
    .contact-form .cf7-full {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    
    .contact-form label {
        font-family: var(--font-sans);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #201e1b;
    }
    
    .contact-form label .required {
        color: #c0392b;
        margin-left: 2px;
    }
    
    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form input[type="tel"],
    .contact-form select,
    .contact-form textarea {
        width: 100%;
        padding: 12px 0 10px;
        border: none;
        border-bottom: 1px solid #d0cdc8;
        background: transparent;
        font-family: var(--font-sans);
        font-size: 15px;
        color: #201e1b;
        outline: none;
        transition: border-color .3s var(--ease-fast);
    }
    
    .contact-form input:focus,
    .contact-form select:focus,
    .contact-form textarea:focus {
        border-color: #a9825a;
    }
    
    .contact-form input::placeholder,
    .contact-form textarea::placeholder {
        color: #bbb;
        font-size: 14px;
    }
    
    .contact-form select {
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0 center;
        cursor: pointer;
    }
    
    .contact-form select option {
        background: #fff;
        color: #201e1b;
    }
    
    .contact-form textarea {
        min-height: 100px;
        resize: vertical;
    }
    
    .contact-form .wpcf7-submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 15px 44px;
        border: none;
        background: #201e1b;
        color: #fff;
        font-family: var(--font-sans);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: .18em;
        text-transform: uppercase;
        cursor: pointer;
        transition: all .3s var(--ease-fast);
        width: auto;
        margin-top: 4px;
        border-radius: 4px;
    }
    
    .contact-form .wpcf7-submit:hover {
        background: #a9825a;
        transform: translateY(-2px);
    }
    
    .contact-form .wpcf7-not-valid-tip {
        font-family: var(--font-sans);
        font-size: 12px;
        color: #c0392b;
        margin-top: 4px;
    }
    
    .contact-form .wpcf7-response-output {
        padding: 14px 18px;
        font-size: 14px;
        border-radius: 4px;
        margin: 12px 0 0 0;
        font-family: var(--font-sans);
    }
    
    .contact-form .wpcf7-mail-sent-ok {
        border: none;
        background: #e8f5e9;
        color: #2e7d32;
    }
    
    .contact-form .wpcf7-mail-sent-ng {
        border: none;
        background: #ffebee;
        color: #c62828;
    }
    
    .contact-form .wpcf7-spinner {
        display: none;
    }
    
    /* ============================================================
       谷歌地图（1350px 约束）
    ============================================================ */
    .contact-map-section {
        max-width: 1350px;
        margin: 0 auto 100px;
        padding: 0 30px;
    }
    
    .contact-map-container {
        width: 100%;
        height: 400px;
        border-radius: 4px;
        overflow: hidden;
        background: #f0eeeb;
        opacity: 1;
        transform: translateY(12px);
        transition: transform .6s var(--ease);
        transition-delay: .12s;
    }
    
    .contact-map-container.reveal {
        transform: translateY(0);
    }
    
    .contact-map-container iframe {
        width: 100%;
        height: 100%;
        border: none;
        display: block;
    }
    
    /* ============================================================
       响应式
    ============================================================ */
    @media (max-width: 992px) {
        .contact-container {
            grid-template-columns: 1fr;
            gap: 30px;
        }
        
        .contact-info {
            padding: 36px 32px;
        }
        
        .contact-form {
            padding: 36px 32px;
        }
    }
    
    @media (max-width: 768px) {
        .contact-section {
            padding: 40px 20px 60px;
        }
        
        .contact-map-section {
            padding: 0 20px;
            margin: 0 auto 60px;
        }
        
        .contact-map-container {
            height: 280px;
        }
        
        .contact-info h2 {
            font-size: 26px;
        }
        
        .contact-form .cf7-row.two-col {
            grid-template-columns: 1fr;
        }
        
        .contact-form .wpcf7-submit {
            width: 100%;
            justify-content: center;
        }
        
        .contact-info-item:hover {
            transform: none;
        }
    }
    
    @media (max-width: 500px) {
        .contact-info {
            padding: 28px 20px;
        }
        
        .contact-form {
            padding: 28px 18px;
        }
        
        .contact-map-container {
            height: 200px;
        }
        
        .contact-info-item {
            gap: 14px;
        }
        
        .contact-icon {
            flex: 0 0 38px;
            width: 38px;
            height: 38px;
        }
        
        .contact-icon svg {
            width: 16px;
            height: 16px;
        }
        
        .contact-value {
            font-size: 14px;
        }
    }
    
    /* ========== 9. Page: Color Charts ========== */
    /* Extracted from page-color-charts.php */
    :root {
        --gold: #a9825a;
        --gold-deep: #7c5a3a;
        --ink: #1f1f1f;
        --text-gray: #555;
        --border-gray: #ddd;
        --dark-bg: #111;
        --container-width: 1300px;
        --ease: cubic-bezier(.16, .84, .44, 1);
    }
    
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    
    body {
        font-family: 'DM Sans', sans-serif;
        color: var(--ink);
        background: #fff;
        line-height: 1.6;
    }
    
    /* 顶部海报 无遮罩 文字居中 */
    .color-charts-banner {
        position: relative;
        width: 100%;
        min-height: 260px;
        overflow: hidden;
        background: #f8f4ec;
    }
    
    .color-charts-banner .banner-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 1; /* 原图完整显示，不再透明 */
    }
    
    .banner-inner-wrap {
        position: relative;
        z-index: 2;
        width: 100%;
        min-height: 260px;
        display: flex;
        align-items: center;
        justify-content: center; /* 水平居中 */
        padding: 24px;
    }
    
    /* 删除白色遮罩、取消250px右移，文字居中 */
    .banner-content {
        width: 100%;
        max-width: 760px;
        margin: 0;
        margin-left: 500px; 
        text-align: center;
        background: transparent; /* 移除白色遮罩 */
        padding: 0;
        border-radius: 0;
    }
    
    .banner-content h1 {
        font-family: 'Playfair Display', serif;
        font-size: 42px;
        font-weight: 700;
        margin: 0 0 8px;
        color: #404040; 
        letter-spacing: 1px;
    }
    
    .banner-content p {
        font-size: 15px;
        color: rgba(76,71,68.34);
        margin: 0;
        line-height: 1.8;
    }
    
    /* 海报下面文字容器 1300px */
    .color-charts-main {
        max-width: var(--container-width);
        margin: 0 auto;
        padding: 48px 20px 80px;
    }
    
    .charts-intro {
        max-width: 100%;
        margin: 0 auto 48px;
        text-align: center;
    }
    
    .charts-intro p {
        font-size: 15px;
        color: var(--text-gray);
        line-height: 1.8;
        margin: 0 0 12px;
    }
    
    .charts-intro strong {
        color: var(--ink);
        font-weight: 600;
    }
    
    /* Tab按钮增加16px空隙 */
    .color-tab-buttons {
        display: flex;
        justify-content: stretch;
        gap: 16px;
        margin-bottom: 32px;
        max-width: var(--container-width);
        width: 100%;
    }
    .tab-btn {
        flex: 1;
        border: none;
        background: #f3e9d2;
        color: #333;
        font-size: 14px;
        padding: 14px 28px;
        cursor: pointer;
        transition: all .25s var(--ease);
        white-space: nowrap;
        font-weight: 500;
        text-align: center;
        border-radius: 2px;
    }
    
    .tab-btn.active {
        background: var(--dark-bg);
        color: #fff;
    }
    
    .tab-btn:hover {
        background: #e8d9b8;
    }
    
    .tab-btn.active:hover {
        background: #000;
        color: #fff;
    }
    
    .tab-panel {
        display: none;
    }
    
    .tab-panel.active {
        display: block;
        animation: fadeIn .45s var(--ease);
    }
    
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(8px); }
        to { opacity: 1; transform: translateY(0); }
    }
    
    /* 色卡网格 统一16px间隙 */
    .color-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 16px;
    }
    
    .color-grid.columns-4 {
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }
    
    .color-card {
        text-align: center;
        cursor: pointer;
        transition: transform .25s var(--ease);
    }
    
    .color-card:hover {
        transform: translateY(-4px);
    }
    
    .color-card-img {
        width: 100%;
        aspect-ratio: 1 / 1; /* 正方形 宽高1:1 */
        overflow: hidden;
        border: 1px solid var(--border-gray);
        border-radius: 2px;
        background: #fff;
    }
    
    .color-card-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .4s var(--ease);
    }
    
    .color-card:hover .color-card-img img {
        transform: scale(1.06);
    }
    
    /* 4个时图片放大 */
    .color-grid.columns-4 .color-card-img img {
        transform: scale(1.12);
    }
    
    .color-grid.columns-4 .color-card:hover .color-card-img img {
        transform: scale(1.22);
    }
    
    .color-code {
        margin-top: 10px;
        font-size: 14px;
        color: var(--ink);
        font-weight: 500;
        letter-spacing: .5px;
    }
    
    /* 灯箱 */
    .color-lightbox {
        position: fixed;
        inset: 0;
        z-index: 9999;
        background: rgba(0,0,0,.88);
        display: none;
        align-items: center;
        justify-content: center;
        padding: 30px 70px;
    }
    
    .color-lightbox.open {
        display: flex;
    }
    
    .lightbox-close {
        position: absolute;
        top: 18px;
        right: 24px;
        font-size: 32px;
        color: #fff;
        background: transparent;
        border: none;
        cursor: pointer;
        opacity: .65;
        transition: opacity .25s;
        z-index: 3;
    }
    
    .lightbox-close:hover {
        opacity: 1;
    }
    
    .lightbox-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 48px;
        height: 48px;
        border: none;
        border-radius: 50%;
        background: rgba(255,255,255,.12);
        color: #fff;
        font-size: 28px;
        line-height: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background .25s, opacity .25s;
        z-index: 3;
        opacity: .85;
    }
    
    .lightbox-nav:hover {
        background: rgba(255,255,255,.22);
        opacity: 1;
    }
    
    .lightbox-nav.prev {
        left: 20px;
    }
    
    .lightbox-nav.next {
        right: 20px;
    }
    
    .lightbox-nav[disabled] {
        opacity: .25;
        cursor: default;
        pointer-events: none;
    }
    
    .lightbox-stage {
        width: min(90vw, 1100px);
        max-height: 85vh;
        overflow: hidden;
        position: relative;
    }
    
    .lightbox-track {
        display: flex;
        width: 100%;
        height: 100%;
        transition: transform .45s cubic-bezier(.16, .84, .44, 1);
        will-change: transform;
    }
    
    .lightbox-slide {
        flex: 0 0 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 40vh;
    }
    
    .lightbox-slide-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 100%;
    }
    
    .lightbox-slide img {
        max-width: 100%;
        max-height: 72vh;
        width: auto;
        height: auto;
        border-radius: 4px;
        box-shadow: 0 10px 40px rgba(0,0,0,.35);
        object-fit: contain;
        user-select: none;
        -webkit-user-drag: none;
    }
    
    .lightbox-caption {
        margin-top: 16px;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: .03em;
        text-align: center;
        font-family: var(--font-sans, 'DM Sans', sans-serif);
        line-height: 1.4;
        max-width: 90%;
        word-break: break-word;
    }
    
    .lightbox-counter {
        position: absolute;
        bottom: 18px;
        left: 50%;
        transform: translateX(-50%);
        color: rgba(255,255,255,.65);
        font-size: 13px;
        letter-spacing: .04em;
        font-family: var(--font-sans, 'DM Sans', sans-serif);
        z-index: 3;
    }
    
    @media (max-width: 768px) {
        .color-lightbox {
            padding: 30px 52px;
        }
        .lightbox-nav {
            width: 40px;
            height: 40px;
            font-size: 22px;
        }
        .lightbox-nav.prev {
            left: 10px;
        }
        .lightbox-nav.next {
            right: 10px;
        }
    }
    
    
    /* 响应式 */
    @media (max-width: 1360px) {
        .color-charts-main {
            padding: 48px 20px 80px;
        }
    }
    
    @media (max-width: 1024px) {
        .banner-content {
            margin-left: 180px;
        }
        .color-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 16px;
        }
        .color-grid.columns-4 {
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
        }
    }
    
    @media (max-width: 768px) {
        .banner-inner-wrap {
            justify-content: center;
        }
        .banner-content {
            margin-left: 0;
            max-width: 100%;
            text-align: center;
        }
        .banner-content h1 {
            font-size: 32px;
        }
        .color-charts-main {
            padding: 32px 20px 60px;
        }
        .color-grid,
        .color-grid.columns-4 {
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
        }
        .tab-btn {
            padding: 12px 16px;
            font-size: 13px;
        }
    }
    
    @media (max-width: 480px) {
        .color-grid,
        .color-grid.columns-4 {
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }
        .color-tab-buttons {
            flex-direction: column;
            width: 100%;
        }
        .tab-btn {
            width: 100%;
            text-align: center;
        }
    }
    
    /* ========== 10. Page: How to Choose a Hair Wig ========== */
    /* Extracted from page-how-to-choose-a-hair-wig.php */
    .choose-wig-page {
        background: #fff;
    }
    
    .choose-wig-intro {
        padding: 50px 24px 20px;
    }
    
    .choose-wig-container {
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
    }
    
    .choose-wig-title {
        margin: 0 0 36px;
        text-align: center;
        font-family: var(--font-serif, 'Playfair Display', serif);
        font-size: clamp(32px, 4vw, 48px);
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.01em;
        color: #111;
    }
    
    .choose-wig-editor {
        font-family: var(--font-sans, 'DM Sans', sans-serif);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.75;
        color: #333;
        text-align: left;
    }
    
    .choose-wig-editor > *:first-child {
        margin-top: 0;
    }
    
    .choose-wig-editor > *:last-child {
        margin-bottom: 0;
    }
    
    .choose-wig-editor p {
        margin: 0 0 0.45em;
    }
    
    .choose-wig-editor a {
        color: inherit;
        text-decoration: underline;
    }
    
    .choose-wig-editor .choose-wig-table-scroll {
        width: 100%;
        max-width: 100%;
    }
    
    .choose-wig-editor .choose-wig-table-scroll table {
        width: 100%;
        border-collapse: collapse;
    }
    
    @media (max-width: 768px) {
        .choose-wig-editor .choose-wig-table-scroll {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            margin: 1em 0;
            padding-bottom: 4px;
        }
        .choose-wig-editor .choose-wig-table-scroll table {
            width: max-content;
            min-width: 100%;
            max-width: none;
        }
    }
    
    /* ===== abo2_cent 循环板块 ===== */
    .choose-wig-cent {
        padding: 20px 24px 40px;
    }
    
    .choose-wig-cent-item {
        margin-bottom: 56px;
    }
    
    .choose-wig-cent-item:last-child {
        margin-bottom: 0;
    }
    
    .choose-wig-cent-title {
        margin: 0 0 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-family: var(--font-serif, 'Playfair Display', serif);
        font-size: clamp(22px, 2.2vw, 28px);
        font-weight: 700;
        line-height: 1.3;
        color: #111;
    }
    
    .choose-wig-cent-title::before {
        content: '';
        flex-shrink: 0;
        width: 10px;
        height: 10px;
        background: #111;
    }
    
    .choose-wig-cent-desc {
        margin: 0 0 28px;
        font-family: var(--font-sans, 'DM Sans', sans-serif);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.75;
        color: #333;
    }
    
    .choose-wig-cent-row {
        display: flex;
        align-items: center;
        gap: 28px;
    }
    
    .choose-wig-cent-left {
        flex: 0 1 425px;
        width: 100%;
        max-width: 425px;
        min-height: 288px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #f5f1ea;
        padding: 28px 26px;
        font-family: var(--font-sans, 'DM Sans', sans-serif);
        font-size: 15px;
        line-height: 1.7;
        color: #222;
        box-sizing: border-box;
    }
    
    .choose-wig-cent-left > *:first-child {
        margin-top: 0;
    }
    
    .choose-wig-cent-left > *:last-child {
        margin-bottom: 0;
    }
    
    .choose-wig-cent-left ul,
    .choose-wig-cent-left ol {
        margin: 0;
        padding-left: 1.2em;
    }
    
    .choose-wig-cent-left li {
        margin: 0 0 0.55em;
    }
    
    .choose-wig-cent-left li:last-child {
        margin-bottom: 0;
    }
    
    .choose-wig-cent-left li::marker {
        color: #111;
    }
    
    .choose-wig-cent-imgs {
        flex: 0 1 auto;
        min-width: 0;
        max-width: calc(100% - 425px - 28px);
    }
    
    .choose-wig-cent-imgs img {
        width: auto;
        max-width: 100%;
        height: auto;
        display: block;
    }
    
    .choose-wig-block {
        padding: 24px 24px 72px;
    }
    
    @media (max-width: 900px) {
        .choose-wig-cent-row {
            flex-direction: column;
        }
    
        .choose-wig-cent-left {
            flex: none;
            max-width: 425px;
            width: 100%;
        }
    
        .choose-wig-cent-imgs {
            max-width: 100%;
        }
    }
    
    @media (max-width: 768px) {
        .choose-wig-intro {
            padding: 48px 16px 32px;
        }
    
        .choose-wig-cent {
            padding: 16px 16px 32px;
        }
    
        .choose-wig-cent-item {
            margin-bottom: 40px;
        }
    
        .choose-wig-block {
            padding: 16px 16px 48px;
        }
    
        .choose-wig-title {
            margin-bottom: 24px;
        }
    }
    
    /* ========== 11. Page: How to Choose a Hair Topper ========== */
    /* Extracted from page-how-to-choose-a-harir-topper.php */
    .choose-topper-page {
        background: #fff;
    }
    
    .choose-topper-intro {
        padding: 50px 24px 20px;
    }
    
    .choose-topper-container {
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
    }
    
    .choose-topper-title {
        margin: 0 0 36px;
        text-align: center;
        font-family: var(--font-serif, 'Playfair Display', serif);
        font-size: clamp(32px, 4vw, 48px);
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.01em;
        color: #111;
    }
    
    .choose-topper-editor {
        font-family: var(--font-sans, 'DM Sans', sans-serif);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.75;
        color: #333;
        text-align: left;
    }
    
    .choose-topper-editor > *:first-child,
    .choose-topper-cent-left > *:first-child,
    .choose-topper-cent-right > *:first-child {
        margin-top: 0;
    }
    
    .choose-topper-editor > *:last-child,
    .choose-topper-cent-left > *:last-child,
    .choose-topper-cent-right > *:last-child {
        margin-bottom: 0;
    }
    
    .choose-topper-editor p,
    .choose-topper-cent-left p,
    .choose-topper-cent-right p {
        margin: 0 0 0.45em;
    }
    
    .choose-topper-editor a,
    .choose-topper-cent-left a,
    .choose-topper-cent-right a {
        color: inherit;
        text-decoration: underline;
    }
    
    /* ===== abo3_cent 左右编辑器 ===== */
    .choose-topper-cent {
        padding: 24px 24px 48px;
    }
    
    .choose-topper-cent-item {
        margin-bottom: 40px;
    }
    
    .choose-topper-cent-item:last-child {
        margin-bottom: 0;
    }
    
    .choose-topper-cent-row {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 36px;
    }
    
    .choose-topper-cent-left,
    .choose-topper-cent-right {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        max-width: 60%;
        box-sizing: border-box;
        font-family: var(--font-sans, 'DM Sans', sans-serif);
        font-size: 16px;
        line-height: 1.75;
        color: #333;
    }
    
    .choose-topper-cent-left h1,
    .choose-topper-cent-left h2,
    .choose-topper-cent-left h3,
    .choose-topper-cent-left h4,
    .choose-topper-cent-right h1,
    .choose-topper-cent-right h2,
    .choose-topper-cent-right h3,
    .choose-topper-cent-right h4 {
        font-family: var(--font-serif, 'Playfair Display', serif);
        font-weight: 700;
        color: #111;
        line-height: 1.35;
    }
    
    .choose-topper-cent-left ul,
    .choose-topper-cent-left ol,
    .choose-topper-cent-right ul,
    .choose-topper-cent-right ol {
        margin: 0 0 1em;
        padding-left: 1.25em;
    }
    
    .choose-topper-cent-left li,
    .choose-topper-cent-right li {
        margin: 0 0 0.4em;
    }
    
    .choose-topper-cent-left img,
    .choose-topper-cent-right img {
        max-width: 100%;
        height: auto;
        display: block;
    }
    
    .choose-topper-bott {
        padding: 24px 24px 72px;
    }
    
    @media (max-width: 768px) {
        .choose-topper-intro {
            padding: 48px 16px 32px;
        }
    
        .choose-topper-cent {
            padding: 16px 16px 40px;
        }
    
        .choose-topper-bott {
            padding: 16px 16px 48px;
        }
    
        .choose-topper-title {
            margin-bottom: 24px;
        }
    
        .choose-topper-cent-row {
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
        }
    
        .choose-topper-cent-left,
        .choose-topper-cent-right {
            max-width: 100%;
            width: 100%;
        }
    }