body{overflow-x:hidden;padding-top:69.75px;}.site-content{margin-top:30px;min-height:400px;}.remove-site-content-margin{margin-top:-30px;}img{max-width:100%;}.tofront{position:relative;z-index:1;}.full-width{width:100vw;position:relative;margin-left:-50vw;left:50%;}a,a:hover{transition:all .2s;text-decoration:none;}a{color:#03a87c;}a.text-dark:hover{color:#03a87c!important;}.c-pointer:hover{cursor:pointer;}.z-index-1{z-index:1;}@media (max-width:991.98px){.display-3{font-size:3.5rem}}@media (max-width:767.98px){.display-3{font-size:2rem}}.row.gap-y>.col,.row.gap-y>[class*="col-"]{padding-top:15px;padding-bottom:15px;}.mt-neg5{margin-top:-5rem;}.ml-neg5{margin-left:-5rem;}@media (min-width:768px){.h-md-100-v{height:100vh}.h-md-100{height:100vh}}@media (min-width:1200px){.h-xl-300{height:300px}.h-max-380{max-height:380px}}.btn-round{border-radius:30px!important;}.btn{padding:.35rem 1.1rem;font-size:1rem;line-height:1.6;border-radius:.25rem;position:relative;}.btn:hover,.btn:focus{outline:0!important;}.btn .badge{position:absolute;top:-.625rem;right:-.3125rem;}.btn-lg,.btn-group-lg>.btn{padding:.65rem 2rem;font-size:1.15rem;line-height:1.5;border-radius:.3rem;}.btn-sm,.btn-group-sm>.btn{padding:.15rem .7rem;font-size:.875rem;line-height:1.5;border-radius:.2rem;}.btn-link:hover,.btn-link:focus{box-shadow:none;}.btn-link.btn-primary{color:#03a87c;border-color:transparent;}.btn-link.btn-secondary{color:#7832e2;border-color:transparent;}.btn-link.btn-success{color:#03a87c;border-color:transparent;}.btn-link.btn-info{color:#09ebaf;border-color:transparent;}.btn-link.btn-warning{color:#ffde03;border-color:transparent;}.btn-link.btn-danger{color:#ea2f65;border-color:transparent;}.btn-link.btn-light{color:#f8f9fa;border-color:transparent;}.btn-link.btn-dark{color:#212529;border-color:transparent;}.btn-link.btn-white{color:#fff;border-color:transparent;}.btn-link.btn-purple{color:#ad6edd;border-color:transparent;}.btn-link.btn-salmon{color:#ff977a;border-color:transparent;}.btn-link.btn-cyan{color:#35bdff;border-color:transparent;}.btn-link.btn-gray{color:#ced4da;border-color:transparent;}.btn-link.btn-indigo{color:#502c6c;border-color:transparent;}.btn-link.btn-orange{color:#fbb500;border-color:transparent;}.btn-link.btn-lightblue{color:#e8f3ec;border-color:transparent;}.btn-white{background-color:#fff;}.input-round{border-radius:30px!important;}.input-group.input-round input:first-child{border-radius:30px 0 0 30px;}.input-group.input-round input:last-child{border-radius:0 30px 30px 0;}.navbar{transition:top .2s ease-in-out;font-weight:400;z-index:1030;}.navbar .highlight .nav-link{color:#03a87c!important;border:1px solid #03a87c;padding:.3rem 1rem;border-radius:3px;font-size:.93rem;}.navbar .highlight .nav-link:hover{background:#03a87c;color:#fff!important;}.navbar-brand{font-size:1.5rem;font-family:"Georgia","Times New Roman",serif;display:inline-flex;align-items:center;}@media (max-width:768px){.navbar-brand{font-size:1.25rem}}.dropdown-item{font-weight:400;}.dropdown-menu{border:0;text-transform:none;box-shadow:0 10px 25px 0 rgba(0,0,0,.3);}@media (min-width:768px){.dropdown-menu:before{content:'';top:-8px;position:absolute;left:50px;border-top:16px solid #fff;border-left:16px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.navbar-light .navbar-brand{color:rgba(0,0,0,.9);}.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{color:rgba(0,0,0,.9);}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5);font-size:.93rem;}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{color:rgba(0,0,0,.7);}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3);}.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active{color:rgba(0,0,0,.9);}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1);}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}.navbar-light .navbar-text{color:rgba(0,0,0,.5);}.navbar-light .navbar-text a{color:rgba(0,0,0,.9);}.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus{color:rgba(0,0,0,.9);}@media (max-width:480px){.navbar-toggler{font-size:1rem;padding:.15rem .25rem}}.bd-search .form-control{font-size:.85rem;color:#999;border-radius:30px;height:35px;border:1px solid #eee;}.mb-2rem{margin-bottom:2rem;}.jumbotron{background-size:cover;padding:7rem 1rem;}@media (min-width:992px){.jumbotron-lg-withnav{padding-bottom:calc(10rem - 69.75px)}.jumbotron-lg{padding:10rem 0}.jumbotron-xl{padding:15rem 0}.jumbotron-xl{min-height:100vh}.bottom-align-text-absolute{position:absolute;bottom:30px;margin:auto;left:0;right:0}.jumbotron-home h1,.jumbotron-home h2{font-family:Georgia,Times,"Times New Roman",serif;font-size:2.4rem;font-weight:700;line-height:1.1}}.bg-black{background-color:#000;}.overlay{position:relative;}.overlay .container{position:relative;}.overlay:before{content:"";display:block;height:100%;left:0;top:0;position:absolute;width:100%;}.overlay-black:before{background-color:rgba(0,0,0,.5);}.overlay-blue:before{background-color:rgba(23,29,90,.5);}.overlay-red:before{background:linear-gradient(0deg,rgba(44,44,44,.2),rgba(224,23,3,.6));}.overlay-blue:before{background-color:rgba(23,29,90,.5);}.bg-primary{fill:#03a87c!important;}.bg-secondary{fill:#7832e2!important;}.bg-success{fill:#03a87c!important;}.bg-info{fill:#09ebaf!important;}.bg-warning{fill:#ffde03!important;}.bg-danger{fill:#ea2f65!important;}.bg-light{fill:#f8f9fa!important;}.bg-dark{fill:#212529!important;}.bg-white{fill:#fff!important;}.bg-purple{fill:#ad6edd!important;}.bg-salmon{fill:#ff977a!important;}.bg-cyan{fill:#35bdff!important;}.bg-gray{fill:#ced4da!important;}.bg-indigo{fill:#502c6c!important;}.bg-orange{fill:#fbb500!important;}.bg-lightblue{fill:#e8f3ec!important;}.card .date{position:absolute;top:20px;right:20px;z-index:1;background:#ea2f65;width:55px;height:55px;padding:12.5px 0;border-radius:100%;color:#FFFFFF;font-weight:700;text-align:center;-webkti-box-sizing:border-box;box-sizing:border-box;}.card .date .day{font-size:16px;line-height:1;}.card .date .month{font-size:11px;text-transform:uppercase;}.card a:hover{text-decoration:none;color:#03a87c;}.card-pricing .card ul li{margin-bottom:1.5rem;}.iconbox{border:1px solid;text-align:center;display:inline-block;}.iconbox.iconsmall{width:40px;height:40px;line-height:40px;font-size:1rem;}.iconbox.iconmedium{width:60px;height:60px;line-height:60px;font-size:1.8rem;}.iconbox.iconlarge{width:80px;height:80px;line-height:80px;font-size:2.2rem;}.alert-primary{color:#fff;background-color:#2943E6;border-color:#2943E6;}.alert-primary hr{border-top-color:#5367e0;}.alert-primary .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-secondary{color:#fff;background-color:#7832e2;border-color:#7832e2;}.alert-secondary hr{border-top-color:#6a1fdb;}.alert-secondary .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-success{color:#fff;background-color:#03a87c;border-color:#03a87c;}.alert-success hr{border-top-color:#038f6a;}.alert-success .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-info{color:#fff;background-color:#09ebaf;border-color:#09ebaf;}.alert-info hr{border-top-color:#08d29d;}.alert-info .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-warning{color:#fff;background-color:#ffde03;border-color:#ffde03;}.alert-warning hr{border-top-color:#e9ca00;}.alert-warning .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-danger{color:#fff;background-color:#ea2f65;border-color:#ea2f65;}.alert-danger hr{border-top-color:#e81854;}.alert-danger .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-light{color:#818182;background-color:#f0f0f0;border-color:#dadada}.alert-light .close:hover{color:#818182!important;text-decoration:none}.alert-light hr{border-top-color:#dadada}.alert-light .alert-link{color:#818182;border-bottom:1px dotted #818182}.alert-dark{color:#fff;background-color:#212529;border-color:#212529;}.alert-dark hr{border-top-color:#16181b;}.alert-dark .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-white{color:#333;background-color:white;border-color:#f2f2f2;}.alert-white .close:hover{color:#333!important;text-decoration:none}.alert-white hr{border-top-color:#f2f2f2;}.alert-white .alert-link{color:#333;border-bottom:1px dotted #333;}.alert-purple{color:#fff;background-color:#ad6edd;border-color:#ad6edd;}.alert-purple hr{border-top-color:#a159d8;}.alert-purple .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-salmon{color:#fff;background-color:#ff977a;border-color:#ff977a;}.alert-salmon hr{border-top-color:#ff8361;}.alert-salmon .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-cyan{color:#fff;background-color:#35bdff;border-color:#35bdff;}.alert-cyan hr{border-top-color:#1cb5ff;}.alert-cyan .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-gray{color:#fff;background-color:#ced4da;border-color:#ced4da;}.alert-gray hr{border-top-color:#bfc7cf;}.alert-gray .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-indigo{color:#fff;background-color:#502c6c;border-color:#502c6c;}.alert-indigo hr{border-top-color:#43255a;}.alert-indigo .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-orange{color:#fff;background-color:#fbb500;border-color:#fbb500;}.alert-orange hr{border-top-color:#e2a300;}.alert-orange .alert-link{color:#fff;border-bottom:1px dotted #fff;}.alert-lightblue{color:#818182;background-color:#EDF7FA;border-color:#d2e0e4;}.alert-lightblue hr{border-top-color:#d2e0e4;}.alert-lightblue .alert-link{color:#818182!important;border-bottom:1px dotted #818182;}ul.list-unstyled li{margin-bottom:.3rem;}ol.list-featured{counter-reset:my-awesome-counter;list-style:none;padding-left:0;}ol.list-featured li{counter-increment:my-awesome-counter;display:flex;font-size:.8rem;}ol.list-featured li:before{content:"0" counter(my-awesome-counter);font-weight:bold;font-size:2rem;margin-right:.5rem;font-family:Arial;line-height:1;opacity:.5;}.catlist .sep:last-child{display:none;}footer{margin-top:50px;z-index:1022;position:relative;}.sticky-top-offset{top:70px;}.homefirstpage .main-loop .main-loop-card:nth-child(-n+5){display:none!important;}.excerpt{color:rgba(0,0,0,.59);margin-top:10px;}article{font-size:20px;line-height:1.86;font-family:Lora;}.article-headline{font-family:Georgia,Times,"Times New Roman",serif;font-size:3.2rem;font-weight:400;line-height:1.15;color:#222222;}article p,article pre,article figure,article img,article blockquote,article iframed,article embed{margin-bottom:2rem;}article blockquote{padding-left:40px;margin-left:0;font-style:italic;position:relative;}article blockquote:before{content:"“";font-family:Georgia;font-size:8rem;margin:-1rem 2rem 0 -3.9rem;position:absolute;opacity:1;float:left;line-height:1;}article:first-letter{float:left;font-size:5em;line-height:1;margin:0 .2em 0 0;vertical-align:top;}article h1,article h2,article h3,article h4,article h5,article h6,article .h1,article .h2,article .h3,article .h4,article .h5,article .h6{margin-bottom:2rem;margin-top:2rem;font-weight:600;}.alertbar{box-shadow:0 -3px 10px 0 rgba(0,0,0,.0785);position:fixed;bottom:0;left:0;background-color:#fff;width:100%;padding:20px 0;z-index:1021;display:none;}.alertbar img{border-radius:2px;}.spanborder{border-bottom:1px solid #e8f3ec;margin-bottom:2rem;}.spanborder span{border-bottom:1px solid rgba(0,0,0,.44);display:inline-block;padding-bottom:20px;margin-bottom:-1px;}.a2a_default_style .a2a_svg{border-radius:50%!important;margin-top:.5rem;margin-left:auto;margin-right:auto;}@media (max-width:1199.98px){.display-4{font-size:35px}}@media (max-width:991.98px){.display-4{font-size:25px}.alertbar{display:none!important}}@media (min-width:992px){.a2a_default_style a{display:block!important;float:none!important}.a2a_default_style .a2a_svg{border-radius:50%!important;display:block!important;float:none!important;margin-top:.5rem;margin-left:auto;margin-right:auto}.a2a_svg{height:40px!important;line-height:40px!important;width:40px!important}.a2a_mini_services .a2a_svg,.a2a_menu_show_more_less .a2a_svg,.a2a_full .a2a_svg{height:20px!important;line-height:20px!important;width:20px!important}}@media (min-width:992px){.fixedsidebar{top:0;position:fixed;z-index:1050;left:0;overflow-y:overlay;width:260px;height:100%;padding:0 .5rem .5rem 1.5rem;border-right:1px solid #e9ecef;background-color:#fff;padding-bottom:50px}.content-withfixedsidebar{margin-left:260px}.content-withfixedsidebar .navbar.fixed-top{margin-left:260px}}a.a2a_i,i.a2a_i,.a2a_menu a.a2a_i:visited,.a2a_menu a.a2a_more{font-size:13px!important;color:#999!important;}div.a2a_full_footer{display:none;}@media (min-width:1920px){html{font-size:17px;}.container,.container-lg{width:1280px;max-width:1280px}h6,.h6{font-size:1.1rem}article{font-size:1.24rem}.topfirstimage{height:280px!Important}}.page-link{padding:.55rem .8rem!important;}.pagination li{border:0;}.display-categories img{border-radius:5px;width:100%;}.btn.back-to-top{cursor:pointer;z-index:1023!important;position:fixed;bottom:20px;right:20px;display:none;box-shadow:0 3px 10px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.5);-moz-box-shadow:0 3px 10px rgba(0,0,0,.5)}.notices{overflow:hidden}

    
        :root {
            --primary-red: #ad0f09;
            --secondary-gold: #d4a259;
            --text-dark: #2c3e50;
            --text-light: #6c7a89;
            --bg-light: #f9f5f0;
            --bg-white: #ffffff;
            --border-light: #e8e0d5;
            --shadow-light: 0 4px 20px rgba(173, 15, 9, 0.08);
            --transition: all 0.3s ease;
/* ===== --color-red-bean: #ad0f09; ===== */
            --color-rice-gold: #d4b28c;
            --color-jade-white: #f5efe9;
            --color-ink-black: #3a3a3a;
            --color-smoke-gray: #6b6b6b;
            --color-light-gray: #e0d9d1;
        }
        
        body {
            background-color: var(--color-jade-white);
            color: var(--color-ink-black);
        }
        
        .navbarCustomStyles {
            background: var(--primary-red) !important;
        }
        
        /* 横向滑动分类选项卡 (独立样式，避免冲突) */
        .category-tabs {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            gap: 0.8rem;
            padding-bottom: 0.75rem;
            margin-bottom: 2rem;
            scrollbar-width: thin;
            -webkit-overflow-scrolling: touch;
            scroll-behavior: smooth;
        }
        .category-tabs::-webkit-scrollbar {
            height: 4px;
        }
        .category-tabs::-webkit-scrollbar-track {
            background: var(--color-light-gray);
            border-radius: 10px;
        }
        .category-tabs::-webkit-scrollbar-thumb {
            background: var(--primary-red);
            border-radius: 10px;
        }
        /* 独立类名，避免与全局样式冲突 */
        .cat-tab {
            flex: 0 0 auto;
            padding: 0.7rem 1.8rem;
            font-weight: 600;
            font-size: 1rem;
            background: var(--bg-white);
            border: 1px solid var(--border-light);
            border-radius: 60px;
            color: var(--text-dark);
            transition: var(--transition);
            cursor: pointer;
            white-space: nowrap;
            font-family: inherit;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .cat-tab i {
            margin-right: 4px;
            color: var(--primary-red);
        }
        .cat-tab:hover {
            background: var(--color-jade-white);
            border-color: var(--color-rice-gold);
            transform: translateY(-2px);
        }
        /* 选中状态 */
        .cat-tab-active {
            background: var(--primary-red) !important;
            border-color: var(--primary-red) !important;
            color: white !important;
            box-shadow: 0 6px 14px rgba(173,15,9,0.2);
        }
        .cat-tab-active i {
            color: white !important;
        }
        
        /* 分类区块 */
        .category-section {
            margin-bottom: 3.5rem;
            scroll-margin-top: 90px;
        }
        .category-title {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            border-left: 5px solid var(--primary-red);
            padding-left: 20px;
            color: var(--color-red-bean);
            letter-spacing: -0.3px;
        }
        
        /* 产品网格 */
        .products-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 2rem 1.5rem;
        }
        
        .product-card {
            background: var(--bg-white);
            border-radius: 24px;
            overflow: hidden;
            transition: var(--transition);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02), 0 2px 6px rgba(173, 15, 9, 0.05);
            border: 1px solid var(--color-light-gray);
            position: relative;
            display: flex;
            flex-direction: column;
        }
        .product-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 30px -12px rgba(173, 15, 9, 0.15), 0 0 0 1px rgba(173, 15, 9, 0.08);
        }
        .hot-badge {
            position: absolute;
            top: 12px;
            left: 12px;
            background: linear-gradient(135deg, #e63e2e, var(--primary-red));
            color: white;
            font-size: 0.7rem;
            font-weight: bold;
            padding: 5px 12px;
            border-radius: 40px;
            z-index: 2;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        .hot-badge i {
            font-size: 0.7rem;
            margin-right: 4px;
        }
        .sold-badge {
            position: absolute;
            top: 12px;
            right: 12px;
            background: rgba(0,0,0,0.65);
            backdrop-filter: blur(4px);
            color: #f5f2eb;
            font-size: 0.7rem;
            font-weight: 600;
            padding: 4px 10px;
            border-radius: 40px;
            z-index: 2;
            font-family: monospace;
        }
        .product-img {
            width: 100%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            transition: transform 0.5s ease;
            background: #f3efe8;
        }
        .product-card:hover .product-img {
            transform: scale(1.02);
        }
        .product-info {
            padding: 1.2rem 1rem 1.3rem;
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        .product-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            color: var(--color-red-bean);
        }
        .product-desc {
            font-size: 0.85rem;
            color: var(--color-smoke-gray);
            margin-bottom: 0.9rem;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .price-row {
            display: flex;
            align-items: baseline;
            gap: 8px;
            margin-bottom: 0.5rem;
            flex-wrap: wrap;
        }
        .product-price {
            font-size: 24px;
            font-weight: 800;
            color: var(--primary-red);
            line-height: 1;
        }
        .product-price small {
            font-size: 14px;
            font-weight: 500;
        }
        .old-price {
            font-size: 13px;
            color: #9aa6b2;
            text-decoration: line-through;
        }
        .platform-guide {
            font-size: 0.7rem;
            color: var(--color-smoke-gray);
            background: rgba(212, 178, 140, 0.12);
            padding: 6px 10px;
            border-radius: 40px;
            margin: 8px 0 8px 0;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            width: fit-content;
            border: 1px solid rgba(212, 178, 140, 0.4);
        }
        .platform-guide i {
            color: var(--color-rice-gold);
            font-size: 0.75rem;
        }
        .shop-links {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin: 4px 0 0;
        }
        .shop-btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 12px;
            border-radius: 60px;
            font-size: 0.7rem;
            font-weight: 600;
            background: #f8f6f2;
            transition: var(--transition);
            text-decoration: none;
            color: #2c3e50;
            border: 1px solid #ece3d8;
        }
        .shop-btn i {
            font-size: 0.85rem;
        }
        .shop-btn.taobao { background: #ff6b2b10; color: #f55a23; border-color: #ffc5a8; }
        .shop-btn.taobao:hover { background: #ff6b2b; color: white; }
        .shop-btn.xiaohongshu { background: #fe2c5510; color: #d43f6b; border-color: #ffb7cb; }
        .shop-btn.xiaohongshu:hover { background: #fe2c55; color: white; }
        .shop-btn.douyin { background: #0000000a; color: #111; border-color: #cdcdcd; }
        .shop-btn.douyin:hover { background: #000; color: #00f2ea; }
        .shop-btn.kuaishou { background: #3b76ff10; color: #2a6ef0; border-color: #bdd4ff; }
        .shop-btn.kuaishou:hover { background: #2a6ef0; color: white; }
        .shop-btn.jd { background: #e3193710; color: #c8161d; border-color: #fbc4c4; }
        .shop-btn.jd:hover { background: #c8161d; color: white; }
        .shop-btn.pdd { background: #e02e2e10; color: #c2352b; border-color: #ffc2bc; }
        .shop-btn.pdd:hover { background: #e43e2e; color: white; }
        
        /* 客服+二维码区 */
        .customer-service-area {
            background: var(--bg-white);
            border-radius: 28px;
            border: 1px solid var(--color-light-gray);
            padding: 1rem 1.8rem;
            margin-bottom: 2rem;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            box-shadow: 0 4px 12px rgba(0,0,0,0.02);
        }
        .cs-contact {
            display: flex;
            flex-direction: column;
            gap: 0.4rem;
        }
        .cs-title {
            font-weight: 700;
            font-size: 1.1rem;
            color: var(--primary-red);
        }
        .cs-detail {
            display: flex;
            flex-wrap: wrap;
            gap: 1.2rem;
            font-size: 0.9rem;
            align-items: center;
        }
        .cs-detail a, .cs-detail span {
            color: var(--color-ink-black);
            text-decoration: none;
            font-weight: 500;
            transition: var(--transition);
        }
        .cs-detail a:hover { color: var(--primary-red); }
        .cs-detail i { margin-right: 6px; color: var(--primary-red); width: 1.2rem; }
        .wechat-qrcode {
            display: flex;
            align-items: center;
            gap: 12px;
            background: var(--color-jade-white);
            padding: 6px 16px 6px 12px;
            border-radius: 60px;
        }
        .wechat-qrcode img {
            width: 50px;
            height: 50px;
            border-radius: 14px;
            background: white;
            padding: 4px;
            border: 1px solid #e0d8cc;
        }
        .wechat-qrcode .qr-text {
            font-size: 0.8rem;
            font-weight: 500;
            color: #2e5a4f;
        }
        
        /* 响应式：移动端一屏只显示1个产品 */
        @media (max-width: 640px) {
            .products-grid {
                grid-template-columns: repeat(1, 1fr);  /* 改为单列 */
                gap: 1.2rem;
            }
            .product-title {
                font-size: 1.2rem;
            }
            .product-price {
                font-size: 24px;
            }
            .shop-btn {
                padding: 6px 12px;
                font-size: 0.75rem;
            }
            .cat-tab {
                padding: 0.5rem 1.2rem;
                font-size: 0.9rem;
            }
            .customer-service-area {
                padding: 1rem;
                flex-direction: column;
                align-items: flex-start;
            }
            .wechat-qrcode {
                align-self: flex-start;
            }
            .category-title {
                font-size: 1.6rem;
            }
        }
        @media (max-width: 480px) {
            .products-grid {
                gap: 1rem;
            }
            .product-info {
                padding: 1rem;
            }
        }