:root{--primary-red:#e51e36;--dark-red-start:#c81e30;--dark-red-end:#8c101f;--text-dark:#333;--text-medium:#666;--text-light:#888;--text-lighter:#aaa;--text-white:#fff;--bg-light-gray:#f4f5f7;--bg-white:#fff;--bg-dark:#000;--bg-input:#333;--bg-button-dark:#444;--border-light:#f0f0f0;--border-medium:#eee;--star-yellow:#ffc107}
*,::after,::before{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
ul{list-style:none}
button{border:none;background:0 0;cursor:pointer;font-family:inherit;padding:0}
a:hover{color:var(--primary-red,#e51e36)}
img{max-width:100%;height:auto;display:block;vertical-align:middle}
.container{max-width:min(1240px,80vw);margin:0 auto;padding:0 20px}

@media (max-width:768px){
.container{max-width:100%}
}
.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
.hide-scrollbar::-webkit-scrollbar{display:none}
.container-padding{padding-left:15px;padding-right:15px}
.section-padding{padding-top:15px;padding-bottom:15px}
.section-margin{margin:10px}
.section-card{background-color:var(--bg-white,#fff);border-radius:12px;overflow:hidden}
.category-btn{background-color:#7a8cf39e;align-items:center;padding:8px 12px;margin:0 12px 8px 0;border-radius:15px;-moz-box-shadow:0 0 10px 5px rgba(199,199,199,.1);box-shadow:0 0 10px 5px rgba(199,199,199,.1);border:3px solid transparent;font-weight:bolder;cursor:pointer;user-select:none;-webkit-user-select:none;font-size:16px;transition:transform .4s;color:var(--text-white)}
.nav-main-link .nav-main-link-name{font-weight:700}
.category-btn-icon{height:35px;border-radius:6px}
.category-icon{border-radius:6px}
.item-card-icon{height:60px;width:60px;box-shadow:rgba(50,50,93,.25) 0 50px 100px -20px,rgba(0,0,0,.3) 0 30px 60px -30px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0 auto;border-radius:20px}
.item-card-icon img{min-width:100%;min-height:100%;object-fit:cover;object-position:center}
.category-btn-text{padding-left:5px}
@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}
.item-box{transition:transform .5s ease-in-out;animation:.5s ease-out fadeIn}
.item-block{background:linear-gradient(to right,#e8e8ffa6,#defdffe6)!important;box-shadow:rgba(149,157,165,.2) 0 8px 24px!important;border-radius:25px!important;cursor:pointer;user-select:none;transition:transform .4s;position:relative}
.item-background{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:25px!important;filter:blur(4px)}
.item-background::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);border-radius:25px}
.ribbon-item-price{background-color:#18b346ab;position:absolute;top:1.75rem;right:0;padding:0 .75rem;height:2.25rem;line-height:2.25rem;z-index:5;font-weight:700;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:var(--text-white)}
.support-wholesale{position:absolute;top:10px;left:10px}
.ribbon-item-box::before{position:absolute;display:block;width:0;height:0;content:""}
.ribbon-item-stock{background-color:#00b8ff52;position:absolute;bottom:-1px;left:0;width:100%;padding:0 .75rem;height:1.75rem;line-height:1.75rem;z-index:5;font-weight:bolder;font-size:12px;text-align:center;border-bottom-right-radius:25px;border-bottom-left-radius:25px;display:flex;justify-content:space-between;text-shadow:2px 2px 4px rgba(0,0,0,.5)}
.ribbon-item-stock .item-stock{margin-left:10px;color:var(--text-white)!important}
.ribbon-item-stock .item-sold{margin-right:10px;color:var(--text-white)!important}
.ribbon-item-stock .item-stock .item-number{color:#60eeb7!important}
.ribbon-item-stock .item-sold .item-number{color:#b4ee60!important}
.block-notice{position:relative;border-radius:25px!important}
.block-notice .content-notice{text-shadow:2px 2px 4px rgba(0,0,0,.6);position:relative}
.block-notice .content-notice p{margin:0}
.notice-background{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:25px!important;filter:blur(4px)}
.notice-background::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);border-radius:25px}
.block-notice .content-notice .notice-title{border-top-left-radius:25px!important}
.item-image-main{background:linear-gradient(to right,rgb(156 119 255 / 33%),rgb(244 255 249));padding:2px!important;height:236px;box-shadow:rgba(0,0,0,.24) 0 3px 8px;border-radius:10px}
.item-image-main .img-link{display:revert!important}
.item-image-show{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:10px;min-height:0}
.item-image-list{margin-top:5px;text-align:center;background:linear-gradient(to right,rgb(106 151 181 / 7%),rgb(233 213 252 / 27%));border-radius:10px;padding:5px 0;display:flex;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;position:relative}
.item-image-list .item-image-sku-mini.image-active{border:1px solid #ff87c4}
.item-image-list .item-image-sku-mini:hover{transform:scale(1.1)}
.item-image-list .item-image-sku-mini:first-child{margin-left:2px}
.item-image-list .item-image-sku-mini{cursor:pointer;border-radius:4px;box-shadow:rgba(50,50,93,.25) 0 13px 27px -5px,rgba(0,0,0,.3) 0 8px 16px -8px;display:inline-block;transition:transform .1s;transform:scale(1);flex:0 0 auto;margin-right:5px}
.item-image-list img{height:64px;width:64px;object-fit:cover;object-position:center;border-radius:4px}
.item-title-content{background:#ebeef2;background:linear-gradient(to right,rgb(106 151 181 / 7%),rgb(233 213 252 / 27%));border-radius:10px;padding:15px}
.item-controls{border-radius:10px;padding:0 15px 0 15px}
.sku-wrapper{display:flex;flex-wrap:wrap}
.sku-item{flex:0 1 auto;display:inline-block;margin-right:5px;padding:6px 10px;border-radius:6px;background-color:#fff;border:1px solid #ccc;color:#333;cursor:pointer;align-items:center;display:flex;margin-top:4px;margin-bottom:4px;transition:border-color .2s,color .2s;animation:.5s ease-out fadeIn}
.sku-current{background-color:#fff!important;border:1px solid var(--primary-red,#e51e36);color:var(--primary-red,#e51e36)}

/* index.css */

/* 针对所有 .sku-item (包括未选中和选中状态的基础样式) */
.sku-item {
    /* 确保背景是白色，覆盖 item.min.css 可能存在的渐变等背景 */
    background: #fff !important;

    /* 未选中状态的边框颜色：灰黑色 */
    /* 您可以调整这个颜色值，例如 #ccc (浅灰), #666 (中灰), #333 (深灰/接近黑色), var(--text-dark) 等 */
    /* 从图片上看，未选中的边框颜色比较柔和，可能更接近 #ccc 或 #bbb */
    border: 1px solid #ccc !important; /* 调整为较浅的灰色边框，如果图片中的“灰黑色”更深，请使用如 #888 或 #666 */

    /* 未选中状态的文字颜色 */
    /* 图片中未选中的文字看起来是标准的黑色或深灰色 */
    color: #333 !important; /* 深灰色文字，例如 var(--text-dark) */

    /* 根据您的图片，可能还需要调整 padding, margin, border-radius 等确保外观一致 */
    /* 例如，如果 item.min.css 已经有合适的设置，则无需修改 */
    /* padding: 6px 10px; */
    /* border-radius: 4px; */ /* 图片中的圆角看起来比较小 */
    /* margin-right: 8px; */ /* 图片中的间距 */
    /* margin-bottom: 8px; */
}

/* 针对选中的 .sku-current 状态的样式覆盖 */
/* 当 .sku-item 同时拥有 .sku-current 类时，以下规则会覆盖上面 .sku-item 中相应的属性 */
.sku-current {
    /* 背景依然是白色 (从 .sku-item 继承，或再次声明以确保覆盖) */
    background: #fff !important; /* 再次声明以确保覆盖 item.min.css 中 .sku-current 的特殊背景 */

    /* 选中状态的边框颜色：红色 */
    border: 1px solid var(--primary-red, #e51e36) !important;

    /* 选中状态的文字颜色：红色 */
    color: var(--primary-red, #e51e36) !important;

    /* 图片中选中项似乎还有一个下划线或底部边框加重效果，这可能需要额外处理 */
    /* 如果是底部边框加重: */
    /* border-bottom-width: 2px !important; */
    /* 或者是一个伪元素实现的下划线 */
}

.sku-wrapper .sku-item .sku-icon{display:flex;align-items:center;justify-content:center;margin-right:5px}
.sku-wrapper .sku-item .sku-icon img{height:24px;box-shadow:rgba(149,157,165,.2) 0 8px 24px;border-radius:4px}
.sku-cate-td{vertical-align:middle;padding:0 0 0 10px!important}
.sku-cate-td .cate-name{font-size:16px;color:#7f7f7f;font-weight:revert}
.table .sku-attr-value{word-break:break-word;overflow-wrap:break-word}
.item-controls .form-check{min-height:inherit!important;margin-bottom:inherit!important;font-size:16px}
.item-controls label{font-size:18px;display:flex;align-items:center;cursor:pointer;font-weight:700!important}
.introduce-content{word-wrap:break-word;hyphens:auto}
.introduce-content iframe,.introduce-content img,.introduce-content video{max-width:100%}
.shop-checkout-btn{display:flex}
.checkout-btn{flex:0 1 auto;border:none;padding:10px 20px;cursor:pointer;outline:0;box-shadow:rgba(255,203,0,.2) 0 9px 13px 0;width:160px;color:var(--text-white)}
.btn-buy-now{background:linear-gradient(90deg,#f70,#ff4900);border-right:none}
.btn-add-cart{background:linear-gradient(90deg,#ffcb00,#ff9402)}
.btn-no-stock{background:linear-gradient(90deg,#d9dfe8,#999);border-radius:34px}
.shop-checkout-btn .btn-buy-now{border-top-left-radius:34px;border-bottom-left-radius:34px}
.shop-checkout-btn .btn-add-cart,.shop-checkout-btn .btn-add-stock{border-top-right-radius:34px;border-bottom-right-radius:34px}
.bg-gradient-blue{background:linear-gradient(to right,rgb(106 151 181 / 7%),rgb(233 213 252 / 27%))}
.bg-lime-green{background:#44ca6d}
.bg-light-gray{background:#d2d2d2}
.shop-checkout-pay-btn{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:40px}
.btn-cancel-order,.btn-pay-now{padding:10px 20px;border:1px solid transparent;background-color:#007bff;cursor:pointer;border-radius:20px;box-shadow:rgba(50,50,93,.25) 0 30px 60px -12px,rgba(0,0,0,.3) 0 18px 36px -18px;color:var(--text-white)}
.btn-cancel-order{background-color:#cbcdcf}
.render-qrcode{width:200px;height:200px;margin:0 auto 20px;border-radius:10px;overflow:hidden;border:none;box-shadow:0 0 8px 2px rgba(0,0,0,.2),0 0 20px 5px #fde0f4}
.render-pay .pay-icon{display:flex;align-items:center;justify-content:center;margin:20px auto 30px;font-weight:700;font-size:26px;text-shadow:2px 2px 4px rgba(0,0,0,.5),-2px -2px 4px rgba(255,255,255,.5)}
.render-pay .pay-icon svg{vertical-align:middle;width:1.1em;height:1.1em}
.pay-icon-alipay{color:#1578ff}
.pay-icon-wxpay{color:#26b240}
.pay-icon-qqpay{color:#0099fe}
.pay-title span{margin-left:1px;margin-right:1px}
.hour{color:#c8a531}
.minute{color:#28a745}
.second{color:#dc3545}
.time-title{color:#5d75a0}
.flex-container{display:flex;align-items:center}
.item-info .item-logo{margin-right:10px;box-shadow:rgba(50,50,93,.25) 0 50px 100px -20px,rgba(0,0,0,.3) 0 30px 60px -30px;width:50px;height:50px;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:10px}
.item-info .item-logo img{min-width:100%;min-height:100%;object-fit:cover;object-position:center}
.item-info .item-content{display:flex;flex-direction:column;justify-content:center;height:100%}
.item-info .item-content .item-name{font-weight:700;font-size:18px;color:#5077c0;margin-bottom:4px}
.item-info .item-content .item-sku-name{color:#2ab875}
.order-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden}
.order-header{background-color:#6c96f9;padding:12px;color:#fff}
.order-header h2{margin:0}
.order-body{padding:20px;display:flex;flex-direction:column;gap:10px}
.order-info span{display:block;margin-bottom:5px}
.order-pay-type pay{color:#0dc8ff}
.order-pay-type img{width:16px;height:16px;position:relative;top:-.095rem}
.order-pay-type .pay-name{font-weight:700;color:#5f8bf3}
.search-order-btn{cursor:pointer}
.delivery-success{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:18px 20px;border:1px solid #b8e6c4;border-radius:12px;background:#f0fff4;color:#176b35}
.delivery-success-icon{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#24a148;color:#fff;font-size:20px}
.delivery-success h2{margin:0 0 4px;font-size:1.25rem;color:#176b35}
.delivery-success p{margin:0;color:#3f6f4d}
.delivery-list{display:grid;gap:18px}
.delivery-card{overflow:hidden;border:1px solid #e4e8ef;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(30,50,80,.08)}
.delivery-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #edf0f4}
.delivery-status{flex:0 0 auto}
.delivery-meta{display:flex;gap:22px;padding:10px 18px;background:#f8fafc;color:#64748b;font-size:.9rem}
.delivery-content-panel{padding:18px}
.delivery-section-heading h3,.delivery-usage h3{margin:0 0 5px;color:#1f2937;font-size:1.05rem}
.delivery-section-heading p{margin:0 0 12px;color:#64748b;font-size:.9rem}
.delivery-text{display:block;width:100%;min-height:160px;padding:14px;border:2px solid #d9e2ef;border-radius:10px;outline:none;background:#f8fafc;color:#111827;font-family:SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;-webkit-user-select:text;user-select:text}
.delivery-text:focus{border-color:#4c78dd;box-shadow:0 0 0 3px rgba(76,120,221,.14)}
.delivery-actions{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr) minmax(170px,1fr);gap:10px;margin-top:12px}
.btn-delivery-copy,.btn-delivery-download,.btn-delivery-tutorial,.delivery-custom-action .btn-treasure-show{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 16px;border:0;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer}
.btn-delivery-copy{background:#2878e5;color:#fff;box-shadow:0 4px 12px rgba(40,120,229,.24)}
.btn-delivery-copy:hover{background:#1f68ca}
.btn-delivery-copy:disabled{background:#a8b4c5;box-shadow:none;cursor:not-allowed}
.btn-delivery-copy.is-copied{background:#239b56}
.btn-delivery-download{border:1px solid #cbd5e1;background:#fff;color:#334155}
.btn-delivery-tutorial{border:1px solid #f0b3bc;background:#fff5f6;color:#b4233a;text-decoration:none}
.btn-delivery-tutorial:hover{border-color:#dc3545;background:#ffeaed;color:#941b2d}
.delivery-copy-help{margin:9px 0 0;color:#64748b;font-size:.84rem}
.delivery-load-error{margin-top:9px;padding:10px;border-radius:8px;background:#fff1f2;color:#b42318}
.delivery-usage{margin-top:18px;padding:14px 16px;border-left:4px solid #f0a020;border-radius:8px;background:#fff8e8}
.delivery-usage p,.delivery-usage-content>*:last-child{margin-bottom:0}
.delivery-custom-action,.delivery-state-note{padding:18px}
.delivery-custom-action{display:grid;gap:10px}
.delivery-custom-action .btn-treasure-show{width:100%;background:#2878e5;color:#fff}
.delivery-custom-action .btn-delivery-tutorial{width:100%}
.delivery-state-note{color:#64748b;text-align:center}
.delivery-state-error{color:#b42318;background:#fff7f7}
.delivery-after-sale{padding:0 18px 15px;text-align:right}
.delivery-after-sale a{font-size:.9rem;color:#64748b}
.table-cart tbody tr:not(:last-child){border-bottom:20px solid transparent}
.quantity-change{display:flex;align-items:stretch;border:1px solid #e9ddf7;width:88px;border-radius:10px}
.quantity-change button,.quantity-change input[type=text]{display:block;flex:0 0 auto;text-align:center;line-height:30px;font-size:14px}
.quantity-change .change-left{border-top-left-radius:10px;border-bottom-left-radius:10px}
.quantity-change .change-right{border-top-right-radius:10px;border-bottom-right-radius:10px}
.quantity-change button{background-color:#fff5fd63;border:none;cursor:pointer;width:24px;color:#333}
.quantity-change input[type=text]{border:none;outline:0;margin:0;width:38px;color:#31a2d6}
.quantity-change button:first-child,.quantity-change input[type=text]{border-right:1px solid #e9ddf7}
.quantity-change button:last-child{border-left:1px solid #e9ddf7}
.quantity-change button:hover{background-color:#e0e0e0}
.cart-widgets{padding:10px;position:relative;border:2px solid transparent}
.cart-widget-edit{position:absolute;top:-12px;right:-12px;padding:2px 5px;background-color:#f40;border:none;box-shadow:rgba(149,157,165,.2) 0 8px 24px;font-size:12px;visibility:hidden;margin:10px;cursor:pointer;color:#fff}
.cart-widgets:hover{border:2px dashed #ccc}
.cart-widgets:hover .cart-widget-edit{visibility:visible}
.cart-widget:not(:last-child){margin-bottom:8px}
.block-cart-btn{display:flex;justify-content:space-between;width:100%}
.btn-cart-bill,.btn-cart-clear{border:1px solid transparent;text-align:center;padding:8px 16px;font-size:14px;transition:background-color .3s,color .3s;cursor:pointer;width:auto;border-radius:5px;color:#fff}
.btn-cart-bill{background-color:#007bff;margin-left:auto}
.btn-cart-clear{background-color:#dc3545;margin-right:auto}
.btn-cart-bill:hover,.btn-cart-clear:hover{opacity:.8}
.sku-quantity-wrapper{display:flex;align-items:center;padding:10px;background-color:#f5f5f5;border-radius:8px;box-shadow:rgba(149,157,165,.2) 0 8px 24px}
.sku-quantity-wrapper .quantity-input{width:100px;border-radius:4px 0 0 4px;display:block;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#334155;background-color:#fff;background-clip:padding-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #dfe3ea;border-right:none}
.sku-stock{padding:.53rem .75rem;border:1px solid #ccc;border-radius:0 4px 4px 0;font-size:.9rem;font-weight:400;border-left:none;color:#fff}
.sku-wholesale{padding:.53rem .75rem;border:1px solid #ccc;font-size:.9rem;font-weight:400;border-left:none;border-right:none;background:#ee6969;cursor:pointer;color:#fff}
.pay-container .layout-box{margin-bottom:16px;margin-top:10px}
.pay-container .layout-box .title{margin-bottom:8px;color:#9e9c9c}
.pay-container .pay-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin:0 -10px}
.pay-container .pay-list .pay-item{display:inline-flex;align-items:center;cursor:pointer;padding:8px 12px;margin:6px 10px;border:2px solid #ddd;border-radius:8px;background-color:#f9f9f9;transition:.3s}
.pay-container .pay-list .pay-item img{width:26px;height:26px;margin-right:6px}
.pay-container .pay-list .pay-item:focus,.pay-container .pay-list .pay-item:hover{border-color:#aca8ff;box-shadow:0 2px 5px rgba(0,123,255,.2);background-color:#eef4fe}
.pay-container .pay-list .pay-current{background-color:#e8f0fe;border-color:#aca8ff;box-shadow:0 2px 8px rgba(0,123,255,.3)}
.pay-container button{width:100%;padding:8px;font-size:16px;background-color:#007bff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2);margin-top:20px;margin-bottom:8px;color:#fff}
.pay-container button:hover{background-color:#0056b3}
.btn-pay-now[disabled=disabled]{background-color:#ccc;cursor:not-allowed}
.shop-name{display:inline-flex;align-items:center;padding:5px 8px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:.3s;cursor:pointer}
.shop-name .shop-logo{width:26px;height:26px;border-radius:50%;margin-right:6px}
.shop-name .shop-title{font-size:20px;font-weight:bolder;white-space:nowrap}
.block-notice iframe,.block-notice img,.block-notice video{max-width:100%}
.language-select-theme{width:auto!important}
.language-select-theme .select2-dropdown .select2-results__options:not(.select2-results__options--nested){max-height:initial!important;overflow:hidden}
.language-select-theme.select2-container--open{width:150px!important}
.language-select-theme.select2-container--focus .select2-selection,.select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:transparent!important;box-shadow:none!important}
.language-select-theme .select2-selection{background-color:#283547!important;border:none!important;color:#fff!important}
.language-select-theme .select2-selection--single{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")!important}
.language-select-theme .select2-selection__rendered .table-item-name{color:#fff!important}
.site-features{padding:10px 5px;background-color:#fff;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.05)}
.compact-features{height:44px;overflow:hidden}
.feature-item{padding:2px 5px;transition:.3s;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}
.feature-item:hover{transform:translateY(-2px)}
.feature-icon{float:left;width:10px;height:40px;font-size:40px;display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0}
.feature-icon svg{width:40px;height:40px}
.feature-text{display:flex;flex-direction:column;justify-content:center;text-align:left;min-width:0;flex:1}
.feature-text strong{color:#333;font-size:.85rem;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feature-text p{font-size:.7rem;color:#777;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notice-area{border-radius:.25rem}
.notice-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.85);z-index:1;border-radius:.25rem}
.announcement-content h5{font-weight:700}
.announcement-icon{background-color:rgba(255,255,255,.7);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}
.col-xl-1-5{width:12.5%}
.col-md-2-5{width:20%;padding-left:6px;padding-right:6px}
.featured-product-item{display:inline-block}
.featured-nav-container{background:linear-gradient(to right,#f8f9fa,#e9ecef);box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:999}
.featured-products-nav{white-space:nowrap;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;overflow-x:auto;padding:10px 5px;-ms-overflow-style:none;scrollbar-width:none}
.featured-products-nav::-webkit-scrollbar{display:none}
.featured-product-item{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;margin-right:8px;font-weight:500;color:#555;background-color:#fff;border-radius:30px;text-decoration:none;transition:.3s;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.04)}
.featured-product-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.1);background-color:#f8f9fa;color:#e91e63}
.featured-product-item.home-item{background-color:#e91e63;color:#fff}
.featured-product-item.home-item:hover{background-color:#d81b60;color:#fff}
.featured-product-item i{margin-right:5px;font-size:14px}
body{background-color:var(--bg-light-gray,#f4f5f7);color:var(--text-dark,#333);min-width:320px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin:0;padding:0;background-color:#f7f7f7;color:#333;font-size:14px;line-height:1.5}
.text-white{color:#fff}
.top-bar{background-color:#fff;padding:12px 0;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.container-fluid{padding-left:25px;padding-right:25px;width:100%;margin:0 auto}
.logo-link{display:flex;align-items:center;text-decoration:none}
.logo-text{font-size:18px;font-weight:700;color:#fff}
.search-box{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;width:300px}
.search-input{flex:1;padding:8px 12px;border:none;outline:0;background-color:#f5f5f5}
.search-button{padding:8px 12px;background-color:#f0f0f0;border:none;cursor:pointer;color:#555}
.top-bar-right{gap:15px}
.top-nav-link{color:#333;text-decoration:none;display:flex;align-items:center}
.top-nav-link:hover{color:#e91e63}
.separator{color:#ccc}
.login-btn{padding:6px 15px;border-radius:4px;font-weight:500}
.btn-primary{background-color:#e91e63;border-color:#e91e63;color:#fff}
.btn-outline-primary{border-color:#e91e63;color:#e91e63}
.btn-outline-primary:hover,.btn-primary:hover{background-color:#d81b60;border-color:#d81b60;color:#fff}
.main-content{padding:0 0 30px}
.sidebar{margin-bottom:20px}
.sidebar-item{background-color:#fff;border-radius:5px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.sidebar-title{padding:15px;background-color:#f5f5f5;font-weight:700;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
.sidebar-title.active{background-color:#e91e63;color:#fff}
.category-list{list-style:none;padding:10px 0;margin:0}
.category-link{display:flex;align-items:center;padding:8px 15px;color:#333;text-decoration:none;transition:background-color .2s}
.category-link:hover{background-color:#f9f9f9}
.category-icon{width:20px;height:20px;margin-right:10px}
.category-name{flex:1}
.category-count{color:#999;font-size:12px}
.product-section{background-color:#fff;border-radius:5px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.section-header{border-bottom:1px solid #eee;padding-bottom:10px}
.section-title{font-size:18px;margin:0}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.product-card{box-shadow:0 1px 3px rgba(0,0,0,.1)}
.product-header{display:flex;align-items:center;padding:15px}
.product-header img{width:40px;height:40px;object-fit:contain;margin-right:10px}
.product-title{font-weight:700;font-size:15px}
.product-body{padding:15px;background-color:#fff}
.product-info{display:flex;justify-content:space-between;margin-bottom:8px}
.price-label,.price-value{font-size:12px;color:#999}
.product-price{color:#e91e63}
.wholesale-badge{margin-top:8px}
.badge{display:inline-block;padding:2px 6px;font-size:11px;background-color:#2196f3;border-radius:3px;color:#fff}
.no-results{text-align:center;padding:50px 0}
#page-footer{background-color:#222;color:#bbb}
.footer-content{padding:40px 0}
.footer-title{margin-bottom:20px;font-size:16px;color:#fff}
.footer-links{list-style:none;padding:0;margin:0;text-align:center}
.footer-links li{margin-bottom:10px}
.footer-links a:hover{color:#fff}
.contact-info p{margin-bottom:10px}
.footer-copyright{background-color:#1a1a1a;padding:15px 0;border-top:1px solid #333}
.copyright-text{color:#999}
.footer-links a{color:#bbb;text-decoration:none;margin-left:15px}
.promo-card{display:block;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;text-decoration:none;height:100%;background-color:#fff}
.promo-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}
.promo-image{height:180px;overflow:hidden}
.promo-image img{width:100%;height:100%;object-fit:cover}
.promo-title{font-size:16px;font-weight:700;color:#333;margin-bottom:5px}
.promo-description{font-size:13px;color:#777;margin-bottom:0}
.review-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:20px;transition:transform .3s,box-shadow .3s}
.review-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}
.review-avatar{object-fit:cover}
.review-name{font-size:16px;font-weight:700;color:#333}
.review-date{font-size:12px}
.review-content{font-size:14px;color:#555}
.notice-area{background-size:cover;background-position:center;position:relative}
.notice-area::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.85);border-radius:5px}
.notice-area .d-flex{position:relative;z-index:2}
.full-width-sections{width:100%;margin-top:30px;margin-bottom:30px}
.full-width-sections .product-section{margin-bottom:0}
.purchase-sidebar{position:sticky;top:100px;z-index:100;transition:.3s}
.purchase-sidebar .block{margin-bottom:0}
#page-container{min-height:6vh}
.block-shadow{box-shadow:rgba(149,157,165,.2) 0 8px 24px}
.news-content img{max-width:100%;height:auto;border-radius:4px;margin:10px 0}
.news-content iframe{max-width:100%}
#review-container,.review-section{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:15px 0;margin:0 -10px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;white-space:nowrap}
#review-container::-webkit-scrollbar,.review-section::-webkit-scrollbar{display:none}
#review-container .col-lg-4,#review-container .col-md-6,#review-container .review-item,.review-section .col-lg-4,.review-section .col-md-6,.review-section .review-item{flex:0 0 auto;width:300px!important;max-width:300px!important;margin:0 10px;scroll-snap-align:start;float:none!important;white-space:normal;display:inline-block}
#review-container>.row{display:flex!important;flex-wrap:nowrap!important;margin-right:0!important;margin-left:0!important;width:auto!important}
.review-card{height:100%;display:flex;flex-direction:column}
.review-card .review-content{flex-grow:1;overflow:hidden}
#review-container:after,.review-section:after{content:"";flex:0 0 5px}
a{text-decoration:none;color:#555764;transition:color .2s}
a:hover{color:#dc3545;text-decoration:none}
.app-header{box-shadow:0 1px 3px rgba(0,0,0,.05);position:sticky;top:0;z-index:1020}
.header-top{
    padding:10px 0;
    border-bottom:1px solid rgba(36, 36, 36, 0.96);
    background-color: rgba(36, 36, 36, 0.96);
    color:var(--text-lighter,#aaa);
}
.header-top .container{display:flex;align-items:center;justify-content:space-between;gap:15px;height:40px}
.header-top .container>.header-actions,.header-top .container>.logo,.header-top .container>.search-bar{flex-shrink:0}
.logo img{height:38px;display:block}
.search-bar{
    display:flex;
    border-radius:20px;
    overflow:hidden;
    width:350px;
    height:36px;
    background-color:rgba(255, 255, 255, 0.1)
}
.search-bar input{flex-grow:1;border:none;padding:8px 15px;outline:0;font-size:13px;background-color:transparent}
.search-bar input::placeholder{color:#aaa}
.search-bar button{background-color:transparent;border:none;padding:0 15px;cursor:pointer;color:#999;transition:color .2s}
.search-bar button:hover{color:#dc3545}
.header-actions{display:flex;align-items:center;gap:20px}
.header-actions .action-item{color:#555764;font-size:13px;cursor:pointer;position:relative;display:flex;align-items:center;gap:4px}
.header-actions .action-item:hover{color:#dc3545}
.header-actions .action-item i.fa-chevron-down{font-size:10px}
.header-actions .btn{padding:6px 14px;border-radius:15px;font-size:13px;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:.2s;font-weight:500;white-space:nowrap}
.header-actions .btn-order{color:#fff;background-color:#e60027}
.header-actions .btn-order:hover{border-color:#dc3545;color:#dc3545;background-color:#fdf4f5}
.header-actions .btn-login{background-color:#dc3545;color:#fff;border:none}
.header-actions .btn-login:hover{background-color:#c82333}
.mobile-header-icons{display:none;align-items:center;gap:15px}
.mobile-header-icons a{color:#555764;font-size:20px;line-height:1}
.mobile-header-icons a:hover{color:#dc3545}
.main-nav{
    background-color:rgba(36, 36, 36, 0.96);
    padding:8px 0 0px 0;
    border-bottom:4px solid rgb(220, 53, 69);
    display:block
}
.main-nav .container{display:flex;justify-content:flex-start;gap:5px;overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}
.main-nav .container::-webkit-scrollbar{display:none}
.main-nav a {
    color: white;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 15px 15px 0px 0px;
    font-weight: 500;
    font-size: 14px;
    transition: background-color .2s, color .2s, border-color .2s;
    display: inline-block;
}
.main-nav a.active,.main-nav a:hover{
    background-color:#dc3545;
    color:white;
    border-color:transparent
}
.info-banner {
    background-color: rgb(235, 235, 241);
    padding: 15px 0;
    border-bottom: 1px solid #f0f1f7;
    margin-bottom: 20px;
    display: block
}
.info-banner .container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:15px}
.info-item{display:flex;align-items:center;gap:8px;color:#555764;font-size:13px}
.info-item i{font-size:20px;color:#999;width:25px;text-align:center}
.info-item-text strong{display:block;font-size:14px;font-weight:500;color:#373947}
.info-item-text span{font-size:12px;color:#777}
.home-tutorial-entry{margin:0 0 20px}
.home-tutorial-button{display:flex;align-items:center;gap:14px;min-height:68px;padding:13px 18px;border:1px solid #ffd7dc;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#fff7f8 100%);box-shadow:0 6px 18px rgba(162,26,45,.08);color:#373947;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.home-tutorial-button:hover{border-color:#ef9fab;box-shadow:0 10px 24px rgba(162,26,45,.13);color:#b51d34;transform:translateY(-1px)}
.home-tutorial-icon{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#dc3545;color:#fff;font-size:18px}
.home-tutorial-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.home-tutorial-copy strong{font-size:16px;line-height:1.35}
.home-tutorial-copy small{color:#6b7280;font-size:13px;line-height:1.45}
.home-tutorial-arrow{color:#dc3545;font-size:16px}
.main-content-area{display:flex;gap:20px;margin-bottom:30px;background-color:#f4f4f4}
.sidebar{width:250px;flex-shrink:0;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);height:fit-content;display:block}
.sidebar-nav ul{list-style:none}
.sidebar-nav li{margin-bottom:2px}
.sidebar-nav a{display:flex;justify-content:flex-start;align-items:center;padding:9px 12px;color:#373947;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .2s,color .2s}
.sidebar-nav a.active,.sidebar-nav a:hover{background-color:#fdf4f5;color:#dc3545}
.sidebar-nav .icon{margin-right:10px;width:18px;text-align:center;color:#999;transition:color .2s}
.sidebar-nav a.active .icon,.sidebar-nav a:hover .icon{color:#dc3545}
.sidebar-nav .badge{font-size:11px;color:#888;background-color:#f0f1f7;padding:2px 7px;border-radius:10px;font-weight:400}
.sidebar-nav .badge-hot{background-color:#dc3545;font-weight:700;padding:3px 8px;border-radius:10px;color:#fff}
.mobile-category-chips{display:none;background-color:#fff;border-bottom:1px solid #f0f1f7;margin-bottom:15px;padding:10px 0}
.mobile-category-chips .chips-container{display:flex;overflow-x:auto;white-space:nowrap;padding:0 10px;gap:10px;-ms-overflow-style:none;scrollbar-width:none}
.mobile-category-chips .chips-container::-webkit-scrollbar{display:none}
.mobile-category-chips a{display:inline-flex;align-items:center;padding:7px 14px;border-radius:16px;background-color:#f7f8fc;color:#555764;font-size:13px;font-weight:500;transition:.2s;flex-shrink:0}
.mobile-category-chips a .icon{margin-right:5px;font-size:1.1em;color:#888;transition:color .2s}
.mobile-category-chips a.active,.mobile-category-chips a:hover{background-color:#fdf4f5;color:#dc3545}
.mobile-category-chips a.active .icon,.mobile-category-chips a:hover .icon{color:#dc3545}
.mobile-category-chips a .badge-hot{background-color:#dc3545;padding:1px 5px;font-size:10px;border-radius:8px;margin-left:4px;vertical-align:middle;font-weight:700;color:#fff}
.products-section{flex-grow:1;margin-top:15px;padding:0;background-color:#f4f4f4;border-radius:12px;overflow:hidden}
.product-grid{display:flex;flex-direction:column;gap:10px;padding:10px}
.product-card{width:100%;background-color:var(--bg-white,#fff);border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.08);margin-bottom:0;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s;border:none;display:block}
.product-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.12)}
.product-card>a{display:block;width:100%;padding:15px;text-decoration:none}
.product-card .card-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.product-card .icon-bg{width:60px;height:60px;border-radius:10px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.product-card .icon-bg img{width:100%;height:100%;object-fit:cover}
.product-card .product-name{font-size:16px;font-weight:500;color:var(--text-dark,#333);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
.product-card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-light,#f0f0f0)}
.product-meta{font-size:13px;color:var(--text-light,#888);display:flex;align-items:center;gap:4px}
.product-price{font-size:17px;font-weight:600;color:var(--primary-red,#e51e36)}
.news-section{padding:40px 0;margin-bottom:30px}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.section-header h2{font-size:20px;font-weight:600;color:#373947;display:flex;align-items:center;gap:8px}
.section-header h2 i{color:#dc3545}
.section-header .view-more-link{font-size:13px;color:#777;display:flex;align-items:center;gap:4px}
.section-header .view-more-link:hover{color:#dc3545}
.section-header .view-more-link i{font-size:10px}
.news-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.news-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;display:flex;flex-direction:column}
.news-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-3px)}
.news-card a{color:inherit}
.news-card-image-link{display:block;position:relative;overflow:hidden}
.news-card img{width:100%;height:140px;object-fit:cover;display:block;transition:transform .3s}
.news-card:hover img{transform:scale(1.05)}
.news-card-content{padding:12px 15px;flex-grow:1;display:flex;flex-direction:column}
.news-card-title{font-size:14px;font-weight:500;color:#373947;margin-bottom:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:calc(1.5em * 3)}
.news-card-title a:hover{color:#dc3545;text-decoration:underline}
.testimonials-section{padding:40px 0;background-color:#fff;text-align:center;margin-bottom:30px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.testimonials-section h2{font-size:20px;font-weight:600;margin-bottom:8px;display:inline-flex;align-items:center;gap:8px}
.testimonials-section h2 i{color:#dc3545}
.testimonials-section .subtitle{font-size:13px;color:#777;margin-bottom:30px}
.testimonial-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:left}
.testimonial-card{background-color:#f7f8fc;padding:20px;border-radius:8px}
.testimonial-header{display:flex;align-items:center;margin-bottom:15px;gap:12px}
.testimonial-avatar img{width:45px;height:45px;border-radius:50%;object-fit:cover}
.testimonial-user h4{font-size:14px;font-weight:600;margin-bottom:4px;color:#373947}
.star-rating{color:#ffc107;line-height:1}
.star-rating i{font-size:13px;letter-spacing:1px}
.testimonial-body{font-size:13px;color:#555764;line-height:1.7;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:calc(1.7em * 4)}
.testimonial-date{font-size:12px;color:#999}
.payment-methods{padding:25px 0;margin-bottom:30px}
.payment-methods .container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}
.payment-methods .payment-icon{display:flex;align-items:center;justify-content:center;transition:.3s}
.payment-methods .payment-icon img,.payment-methods .payment-icon svg{height:30px;width:auto;opacity:.8;filter:grayscale(20%);transition:opacity .2s,filter .2s}
.payment-methods .payment-icon img:hover,.payment-methods .payment-icon svg:hover{opacity:1;filter:grayscale(0)}
.site-footer{background-color:#373947;color:#adb5bd;padding:50px 0 20px;font-size:13px}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px 20px;margin-bottom:40px}
.footer-col .footer-logo img{height:35px;margin-bottom:20px;filter:brightness(0) invert(1) opacity(.8)}
.footer-col h5{font-size:16px;margin-bottom:18px;font-weight:500;color:#fff}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:10px}
.footer-col a{color:#adb5bd}
.footer-col a:hover{text-decoration:underline;color:#fff}
.social-icons{display:flex;gap:12px;margin-top:15px}
.social-icons a{color:#adb5bd;font-size:16px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:32px;text-align:center;border-radius:50%;background-color:#4a4c5a;transition:background-color .2s,color .2s}
.social-icons a:hover{background-color:#dc3545;color:#fff}
.copyright{text-align:center;padding-top:10px;font-size:12px;color:#888}
.bottom-nav-bar{display:none;position:fixed;bottom:0;left:0;width:100%;height:60px;background-color:#fff;box-shadow:0 -2px 5px rgba(0,0,0,.1);z-index:1001}
.bottom-nav-bar .nav-inner{display:flex;justify-content:space-around;align-items:center;height:100%;padding:0 10px}
.bottom-nav-bar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-size:10px;text-align:center;padding:5px 0;line-height:1.4;transition:color .2s}
.bottom-nav-bar a i{font-size:20px;margin-bottom:3px}
.bottom-nav-bar a.active,.bottom-nav-bar a:hover{color:#dc3545}
.search-area.mobile-search-area{display:none}
.product-grid-pc{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.product-card-pc{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:15px;display:flex;flex-direction:column;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;position:relative;overflow:hidden}
.product-card-pc:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-3px)}
.product-card-pc .card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.product-card-pc .icon-bg{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background-color:#eee}
.product-card-pc .icon-bg img{max-width:100%;max-height:100%;object-fit:contain}
.product-card-pc .icon-bg i{font-size:24px;color:#fff;line-height:1}
.product-card-pc .product-name{font-weight:500;color:#373947;font-size:15px;word-break:break-word;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:calc(1.4em * 2);margin-bottom:8px}
.product-card-pc .card-footer{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f1f7}
.product-card-pc .product-meta{font-size:12px;color:#777;display:flex;align-items:center;gap:4px}
.product-card-pc .product-meta i{font-size:11px}
.product-card-pc .product-price{font-size:16px;font-weight:700;color:#dc3545;display:flex;align-items:baseline}
.product-card-pc .product-price .currency{font-size:12px;font-weight:400;color:#555764;margin-right:2px}
.product-card-pc .product-price .from{font-size:11px;font-weight:400;color:#999;margin-left:4px}
@media (max-width:768px){
body{padding-bottom:60px}
.container{padding:0 15px}
.app-header{color:var(--text-lighter,#aaa);padding:10px 0 0;background-color:var(--bg-dark,#000);transition:background-color .5s ease-in-out}
.header-top{padding:0;border-bottom:none;background-color:transparent;color:var(--text-lighter,#aaa)}
.header-top .container{height:auto;justify-content:space-between;gap:10px}
.logo{color:var(--text-white,#fff);gap:8px}
.mobile-top-actions{display:flex;align-items:center;gap:10px}
.language-selector{display:none}
.orders-btn{background-color:var(--primary-red,#e51e36);color:var(--text-white,#fff);padding:4px 12px;border-radius:15px;font-size:12px;font-weight:700;flex-shrink:0}
.search-area.mobile-search-area{display:flex;align-items:center;gap:12px;background-color:var(--bg-dark,#000);padding:4px 12px}
.search-area.mobile-search-area .search-bar{flex-grow:1;position:relative;margin-left:12px;background-color:transparent}
.search-area.mobile-search-area .search-bar input{display:block;width:100%;height:42px;padding:2px 15px 10px 38px;border:none;border-radius:21px;color:#ccc;font-size:15px;line-height:1.5;background-color:var(--bg-input,#333)}
.search-area.mobile-search-area .search-bar input::placeholder{color:var(--text-light,#888)}
.search-area.mobile-search-area .search-bar .search-icon{position:absolute;left:14px;top:52%;transform:translateY(-50%);color:var(--text-light,#888);font-size:16px;pointer-events:none}
.search-area.mobile-search-area .user-icon{width:42px;height:42px;background-color:var(--text-lighter,#aaa);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:18px;flex-shrink:0;margin-right:12px}
.search-area.mobile-search-area .user-icon::before{content:'👤'}
.bottom-nav-bar,.header-actions,.info-banner,.sidebar{display:none}
.main-nav.main-nav-hidden-on-mobile-home{display:none!important}
.home-tutorial-entry{margin:10px 0 12px}
.home-tutorial-entry .container{padding:0 12px}
.home-tutorial-button{min-height:64px;padding:10px 12px;border-radius:13px;box-shadow:0 4px 14px rgba(162,26,45,.1)}
.home-tutorial-icon{flex-basis:40px;width:40px;height:40px;border-radius:11px}
.home-tutorial-copy strong{font-size:15px}
.home-tutorial-copy small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hot-features-wrapper{padding:10px 15px 40px;border-radius:0 0 22px 22px;position:relative;z-index:1;display:block;background:linear-gradient(165deg,var(--dark-red-start,#c81e30) 5%,var(--dark-red-end,#8c101f) 90%)}
.hot-title{font-size:24px;font-weight:700;color:var(--text-white,#fff);margin-bottom:12px}
.features-row{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.9);font-size:12px;padding:0 0px;gap:10px}
.features-row .feature-item{display:flex;align-items:center;gap:6px;flex-basis:0;flex-grow:1;justify-content:center;text-align:center;padding:2px 0px !important}
.features-row .feature-icon{font-size:16px;line-height:1;display:flex;align-items:center;margin-right: 0px !important;width:16px}
.features-row .feature-icon svg{fill:currentColor;width:1em;height:1em}
.featured-carousel{margin:-45px 10px 0;position:relative;z-index:2;display:block}
.carousel-wrapper{display:flex;gap:12px;overflow-x:auto;padding:10px 5px 20px}
.featured-card{padding:13px 8px 11px;width:31%;min-width:120px;flex-shrink:0;text-align:center;display:flex;flex-direction:column;align-items:center;background-image:url('../imgs/item_back.png');background-size:contain;background-position:10px 20px;background-repeat:no-repeat;background-color:transparent;box-shadow:none}
.featured-logo{width:60px;height:60px;border-radius:11px;margin-bottom:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#eee;font-size:29px;font-weight:700;flex-shrink:0}
.featured-logo.apple{background-color:var(--bg-white,#fff)}
.featured-logo.twitter{background-color:var(--bg-dark,#000);color:var(--text-white,#fff)}
.featured-logo.telegram{background-color:#2aabee;color:var(--text-white,#fff)}
.featured-logo.steam{background-color:#1b2838;font-weight:700;padding:2px;color:var(--text-white,#fff)}
.featured-card .featured-logo-img{width:60px;height:60px;border-radius:11px;object-fit:cover;margin-bottom:7px;display:block;background-color:#eee;flex-shrink:0}
.featured-title{font-size:15px;color:var(--text-dark,#333);margin-bottom:4px;font-weight:500;line-height:1.3;height:auto;min-height:calc(1.3em * 2);overflow:hidden;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.featured-price{font-size:18px;font-weight:600;color:var(--primary-red,#e51e36);margin-bottom:8px;white-space:nowrap}
.featured-price .price-unit{font-size:12px;font-weight:400;color:var(--text-light,#888);margin-left:3px}
.buy-button{background-color:var(--bg-button-dark,#444);border-radius:10px;padding:4px 0;font-size:15px;width:60%;font-weight:500;margin-top:auto;color:#fff}
.carousel-dots{text-align:center;margin-top:-5px;position:relative;z-index:3;height:15px}
.dot{display:inline-block;width:14px;height:5px;background-color:var(--primary-red,#e51e36);border-radius:2.5px;margin:0 3px;vertical-align:middle;transition:.3s}
.dot.inactive{width:5px;height:5px;background-color:#dcdcdc;border-radius:50%}
.product-section{background-color:var(--bg-white,#fff)}
.category-tabs{display:flex;gap:20px;margin-top:10px}
.tab-item{flex-shrink:0;font-weight:500}
.tab-item.active{color:#dc3545;background-color:#fdf4f5;font-weight:600}
.tab-item.active::after{content:'';background-color:var(--primary-red,#e51e36)}
.product-list-item{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid var(--border-light,#f0f0f0)}
.product-list-item:last-child{border-bottom:none}
.product-item-logo{width:52px;height:52px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#eee;font-size:10px;color:#555;text-align:center;object-fit:cover}
.product-item-logo.steam{background-color:#1b2838;color:var(--text-white,#fff);font-weight:700;padding:2px}
.product-item-logo.instagram{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);color:var(--text-white,#fff);font-size:26px}
.product-item-logo.openai{background-color:var(--bg-white,#fff);border:1px solid var(--border-medium,#eee);color:#4aa991;font-weight:700;font-size:9px;line-height:1.1}
.product-item-info{flex-grow:1;min-width:0}
.product-item-title{font-size:15px;font-weight:500;color:var(--text-dark,#333);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-item-details{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-light,#888);flex-wrap:wrap}
.product-item-price,.product-item-sales{display:flex;align-items:center;gap:4px;white-space:nowrap}
.product-item-price .icon,.product-item-sales .icon{font-size:13px;color:var(--text-lighter,#aaa);line-height:1}
.product-item-price{color:var(--primary-red,#e51e36);font-weight:500}
.product-item-price .icon{color:var(--primary-red,#e51e36);font-weight:400}
.product-section{padding:0;background-color:var(--bg-white,#fff);border-radius:12px;overflow:hidden}
.product-grid{display:flex;flex-direction:column;gap:12px;padding:15px}
.product-card{background-color:var(--bg-white,#fff);border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-bottom:0;overflow:hidden;transition:transform .2s;width:100%;border:none}
.product-card:hover{transform:translateY(-2px)}
.product-card>a{display:flex;flex-direction:column;width:100%;padding:12px}
.product-card .card-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}
.product-card .icon-bg{width:60px;height:60px;border-radius:10px;overflow:hidden;flex-shrink:0}
.product-card .product-name{font-size:16px;font-weight:500;color:var(--text-dark,#333);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;max-height:2.8em;margin:0;white-space:normal}
.product-card .card-footer{border-top:1px solid var(--border-light,#f0f0f0);margin-top:8px;padding-top:8px;display:flex;justify-content:space-between;align-items:center}
.news-section{margin-top:10px}
.news-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:15px 15px 10px}
.news-section .section-title{font-size:16px;font-weight:600}
.news-section .view-more-link{font-size:12px;color:var(--text-medium,#666)}
.news-card{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--border-light,#f0f0f0)}
.news-card-title{color:var(--text-dark,#333);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-date{color:var(--text-light,#888)}
.testimonials-section{margin-top:10px;background-color:var(--bg-white,#fff)}
.testimonials-section .testimonial-header{padding:15px 15px 5px}
.testimonials-section .testimonial-stats{font-size:12px;color:var(--text-light,#888);margin-top:-2px}
.testimonial-list{display:flex;gap:12px;overflow-x:auto;padding:10px 15px 20px}
.testimonial-card{background-color:var(--bg-light-gray,#f4f5f7);border-radius:10px;padding:15px;width:280px;flex-shrink:0;display:flex;flex-direction:column}
.stars{color:var(--star-yellow,#ffc107);margin-bottom:8px;font-size:16px;line-height:1}
.stars .star::before{content:"★"}
.testimonial-text{font-size:13px;line-height:1.6;color:var(--text-dark,#333);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:83px;flex-grow:1}
.testimonial-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.testimonial-user{font-size:12px;color:var(--text-medium,#666)}
.testimonial-date{font-size:11px;color:var(--text-light,#888)}
.testimonial-dots-container{text-align:center;padding-bottom:15px}
.testimonial-dots-container .dot{display:inline-block;width:14px;height:5px;background-color:var(--primary-red,#e51e36);border-radius:2.5px;margin:0 3px;vertical-align:middle;transition:.3s}
.testimonial-dots-container .dot.inactive{width:5px;height:5px;background-color:#bbb;border-radius:50%}
.testimonial-list.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
.testimonial-list.hide-scrollbar::-webkit-scrollbar{display:none}
.payment-methods{padding:15px;background-color:var(--bg-white,#fff);margin-top:10px}
.payment-wrapper{display:flex;align-items:center;gap:20px;overflow-x:auto;padding-bottom:5px}
.payment-logo{height:20px;flex-shrink:0;filter:grayscale(1);opacity:.6}
.payment-logo.colored{filter:none;opacity:1}
.payment-logo-text{font-size:14px;font-weight:700;line-height:20px}
.app-footer{background-color:var(--bg-dark,#000);color:var(--text-lighter,#aaa)}
.footer-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px 15px;margin-bottom:20px}
.footer-links a{color:var(--text-lighter,#aaa);display:block}
.footer-links a:hover{color:var(--text-white,#fff)}
.copyright{text-align:center}
.app-footer,.site-footer{padding:25px 15px 20px;font-size:12px}
.footer-content{display:block}
.footer-col{margin-bottom:20px;text-align:left}
.footer-col h5{display:none}
.footer-col ul{padding:0}
.footer-col li{margin-bottom:8px}
.footer-col .footer-logo,.social-icons{display:none}
.category-tabs{display:flex;gap:20px;display:flex;gap:25px;margin-bottom:15px;overflow-x:auto;padding:0 15px 8px;margin-bottom:15px}
.category-tab-separator{flex-shrink:0;color:var(--text-lighter,#aaa);font-size:18px;line-height:30px;user-select:none}
.carousel-wrapper.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
.carousel-wrapper.hide-scrollbar::-webkit-scrollbar{display:none}
.product-section{margin-top:15px}
.tab-item{font-size:20px;color:var(--text-medium,#666);padding-bottom:5px;white-space:nowrap;position:relative;flex-shrink:0}
.tab-item.active::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:22px;height:3.5px;background-color:var(--primary-red,#e51e36);border-radius:2px}
.product-list-mobile{display:block;padding:0 2vw}
.product-card-mobile{display:block;border:none;padding:0;margin:0;background-color:var(--bg-white,#fff);border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.08);transition:none;transform:none;overflow:hidden;margin-bottom:15px}
.product-card-mobile>a{display:flex;align-items:center;gap:12px;padding:15px;text-decoration:none}
.product-card-mobile .icon-bg{width:52px;height:52px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#eee;margin:0}
.product-card-mobile .icon-bg img{width:100%;height:100%;object-fit:cover;display:block}
.product-card-mobile .product-card-content-wrapper{flex-grow:1;min-width:0;padding:0}
.product-card-mobile .product-name{font-size:15px;font-weight:500;color:var(--text-dark);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.product-card-mobile .card-footer{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-light);flex-wrap:wrap;border-top:none;padding-top:0;margin-top:0;justify-content:flex-start}
.product-card-mobile .product-meta,.product-card-mobile .product-price{display:flex;align-items:center;gap:4px;white-space:nowrap}
.product-card-mobile .product-price{color:var(--primary-red);font-weight:500}
.product-card-mobile .product-meta .icon,.product-card-mobile .product-price .icon{font-size:13px;line-height:1;color:var(--text-lighter)}
.product-card-mobile .product-price .icon{color:var(--primary-red);font-weight:400}
.product-card-mobile .product-price .from{display:none}
.news-grid{display:block;padding:0}
.block.news-card,.news-card{display:flex!important;flex-direction:row!important;align-items:flex-start!important;width:100%!important;padding:15px!important;border-bottom:1px solid var(--border-light,#f0f0f0)!important;border-radius:0!important;box-shadow:none!important;background-color:var(--bg-white,#fff)!important;transition:none!important;transform:none!important;overflow:visible!important}
.news-card:last-child{border-bottom:none!important}
.news-card:hover{background-color:#f9f9f9!important}
.news-card .news-card-image-link,.news-card .news-image{flex-shrink:0!important;width:100px!important;margin-right:15px!important}
.news-card .news-card-image-link img,.news-card .news-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px;display:block;background-color:#eee}
.news-card .news-card-content,.news-card .news-content{flex-grow:1!important;min-width:0!important;padding:0!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-self:stretch!important}
.news-card .news-card-title,.news-card .news-title{font-size:15px;font-weight:500;line-height:1.4;margin-bottom:5px;color:var(--text-dark,#333);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:auto}
.news-card .news-card-title a,.news-card .news-title a{color:inherit;text-decoration:none}
.news-card .news-card-title a:hover,.news-card .news-title a:hover{color:var(--primary-red,#e51e36);text-decoration:underline}
.news-card .news-description{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--text-medium,#666);margin-top:5px;margin-bottom:8px;line-height:1.5}
.news-card .news-meta{font-size:11px;color:var(--text-light,#888);margin-top:auto;padding-top:5px}
.news-card .news-meta span{margin-right:10px}
.news-card .news-meta span:last-child{margin-right:0}
.news-card .news-read-more{display:none}
.news-card .news-date{display:none}
.section-header{display:flex;justify-content:space-between;align-items:center;padding:15px 15px 10px}
.section-title{font-size:16px;font-weight:600}
.view-more-link{font-size:12px;color:var(--text-medium,#666)}
.testimonial-header{padding:15px 15px 5px}
.testimonial-stats{font-size:12px;color:var(--text-light,#888);margin-top:-2px}
.footer-center{text-align:center}
.footer-logo{display:flex;align-items:center;justify-content:center;color:var(--text-white,#fff);gap:8px;margin-bottom:15px}
.footer-logo .logo-icon{width:38px;height:38px;background-color:var(--primary-red,#e51e36);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0;color:#fff}
.footer-logo .logo-icon::before{content:"Ω"}
.footer-logo .logo-text span{display:block;line-height:1.2}
.footer-logo .logo-text .brand-zh{font-size:28px;font-weight:700}
.footer-logo .logo-text .brand-en{font-size:20px;color:var(--text-lighter,#aaa)}
.footer-social{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:15px}
.social-icon{width:32px;height:32px;background-color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:16px;line-height:1}
.copyright{font-size:11px;color:#777}
.site-footer{padding:25px 15px 20px;font-size:12px}
.fab-support{position:fixed;bottom:30px;right:15px;width:52px;height:52px;background-color:#3a3a3a;color:var(--text-white,#fff);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;line-height:1.2;box-shadow:0 5px 15px rgba(0,0,0,.25);cursor:pointer;z-index:1000;text-align:center}
.fab-icon{font-size:20px;line-height:1;margin-bottom:2px}
.fab-icon::before{content:'🎧'}
@media (max-width:575.98px){
.logo img{height:28px}
.mobile-header-icons{gap:12px}
.mobile-header-icons a{font-size:18px}
.mobile-category-chips .chips-container{padding:0 10px}
.mobile-category-chips a{padding:6px 12px;font-size:12px}
.news-grid{grid-template-columns:1fr}
.bottom-nav-bar{height:55px}
body{padding-bottom:55px}
.bottom-nav-bar a i{font-size:18px}
.bottom-nav-bar a{font-size:9px}
.category-wrapper{margin-bottom:15px}
.category-item{background-color:#f8f9fa}
.category-item.sku-current{background-color:#e9ecef}
.sku-option-item{position:relative}
.sku-option-item.sku-current::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:30%;height:3px;background-color:#dc3545}
}
.container-narrow-padding{padding-left:10px!important;padding-right:10px!important}
.promo-card .promo-title{font-size:1.1rem}
.promo-card .promo-description{font-size:.9rem}
.product-recommendation-block .product-card-pc .product-name{font-size:1rem;min-height:calc(1.4em * 2)}
.product-recommendation-block .product-card-pc .product-price{font-size:1.1rem}
.product-recommendation-block .product-card-pc .product-meta{font-size:.8rem}
@media (max-width:768px){
.main-product-details-block>.block-content{padding:1rem!important}
}
@media (max-width:767.98px){
.purchase-step{flex:0 0 auto;width:25%}
.purchase-step h4{font-size:.9rem}
.purchase-step p{font-size:.75rem}
.purchase-step .fa-2x{font-size:1.5em}
}
@media (max-width:768px){
.container-item-mobile-narrow{padding-left:5px!important;padding-right:5px!important;padding-top:5px!important;margin-top:5px!important}
}
.mobile-purchase-footer{position:fixed;bottom:0;left:0;right:0;z-index:1000;background-color:var(--bg-white,#fff)!important;padding:10px 15px;box-shadow:0 -2px 5px rgba(0,0,0,.1)}
@media (max-width:768px){
body{padding-bottom:0!important}
}
}
.news-card .news-title,.promo-card .promo-title{font-size:1.1rem}
.news-card .news-description,.promo-card .promo-description{font-size:.9rem}
.product-recommendation-block .product-card-mobile .product-name,.product-recommendation-block .product-card-pc .product-name{font-size:1rem}
.product-recommendation-block .product-card-mobile .product-price,.product-recommendation-block .product-card-pc .product-price{font-size:1.1rem}
.product-recommendation-block .product-card-mobile .product-meta,.product-recommendation-block .product-card-pc .product-meta{font-size:.8rem}
@media (max-width:768px){
#page-container.mobile-home-bg-active{background-image:url('../imgs/home_back.png');background-size:contain;background-position:top center;background-repeat:repeat-x;padding-top:0}
#page-container.mobile-home-bg-active .app-header{background:0 0;box-shadow:none}
#page-container.mobile-home-bg-active .header-top{background:0 0;border-bottom:none}
#page-container.mobile-home-bg-active .search-area.mobile-search-area{background-color:transparent}
#page-container.mobile-home-bg-active .search-area.mobile-search-area .search-bar input{background-color:rgba(255,255,255,.15);color:var(--text-white,#fff)}
#page-container.mobile-home-bg-active .search-area.mobile-search-area .search-bar input::placeholder{color:rgba(255,255,255,.7)}
#page-container.mobile-home-bg-active .search-area.mobile-search-area .search-bar .search-icon{color:rgba(255,255,255,.7)}
#page-container.mobile-home-bg-active .hot-features-wrapper{background:0 0}
#page-container.mobile-home-bg-active .app-header.scrolled{background-color:var(--bg-dark,#000);box-shadow:0 1px 3px rgba(0,0,0,.1)}
#page-container.mobile-home-bg-active .app-header.scrolled+.search-area.mobile-search-area{background-color:var(--bg-dark,#000)}
#page-container.mobile-home-bg-active .app-header.scrolled+.search-area.mobile-search-area .search-bar input{background-color:var(--bg-input,#333);color:#ccc}
#page-container.mobile-home-bg-active .app-header.scrolled+.search-area.mobile-search-area .search-bar input::placeholder{color:var(--text-light,#888)}
#page-container.mobile-home-bg-active .app-header.scrolled+.search-area.mobile-search-area .search-bar .search-icon{color:var(--text-light,#888)}
.container-item-mobile-narrow .block.p-4{padding:.5rem!important}
.container-item-mobile-narrow .block .block-content{padding:.5rem!important}
.mobile-purchase-footer .purchase-buttons-container.mobile{display:flex;align-items:center;gap:10px;width:100%}
.mobile-purchase-footer .quantity-selector-mobile{flex:0 1 130px;min-width:120px}
.mobile-purchase-footer .quantity-selector-mobile .input-group{width:100%}
.mobile-purchase-footer .quantity-selector-mobile .btn-sm{padding:.3rem .6rem}
.mobile-purchase-footer .quantity-selector-mobile .form-control-sm{padding:.3rem .3rem;font-size:.9rem;height:calc(1.5em + 0.6rem + 2px)}
.mobile-purchase-footer .buttons-wrapper-mobile{flex:1 1 auto;min-width:0}
.mobile-purchase-footer .buttons-wrapper-mobile .btn-buy-now{padding:.5rem .5rem;font-size:.9rem;width:100%;white-space:nowrap;line-height:1.5;border-radius:6px}
.mobile-purchase-footer .buttons-wrapper-mobile .btn-no-stock{padding:.5rem .5rem;font-size:.9rem;width:100%;white-space:nowrap;line-height:1.5;border-radius:6px}
#promotion-news .col-md-4{padding:.5rem!important;margin-bottom:0!important}
.recommended-carousel .recommended-product-card{padding:.5rem 0 .5rem 0!important;margin-bottom:0!important}
}
.mobile-purchase-footer .price-display-mobile{padding-left:10px}
@media (max-width:575.98px){
.mobile-purchase-footer .shop-checkout-btn .checkout-btn{font-size:.8rem}
}
.alert{z-index:1000!important}
@media (max-width:768px){
    /* 针对checkout页面区块的移动端优化 */
    .checkout-page.my-4 .block-rounded {
        padding: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .checkout-page.my-4 .block-content {
        padding: 0.5rem !important;
    }
    
    .checkout-page.my-4 .block-header {
        padding: 0.5rem 0.75rem !important;
    }
    
    /* 优化表格间距 */
    .checkout-page.my-4 .table.table-cart td {
        padding: 0.5rem !important;
    }
    
    /* 支付方式列表紧凑化 */
    .checkout-page.my-4 .pay-container .pay-list .pay-item {
        padding: 6px 10px;
        margin: 4px 8px;
    }
    
    /* 底部按钮区域优化 */
    .checkout-page.my-4 .shop-checkout-pay-btn {
        gap: 10px;
        margin-bottom: 20px;
    }

    /* 隐藏移动端表头 */
    .checkout-page .table-cart thead {
        display: none;
    }
    
    /* 优化移动端表格内容 */
    .checkout-page .table-cart tbody tr {
        padding: 0.5rem 0;
    }
    
    .checkout-page .table-cart tbody td {
        padding: 0.5rem 0.25rem !important;
        vertical-align: middle;
    }
    
    /* 减少商品列表区块的内边距 */
    .checkout-page .table-cart {
        margin-bottom: 0;
    }
    
    .checkout-page .block-content-full {
        padding: 0.5rem !important;
    }
}

@media (max-width:768px){
    /* 搜索页面移动端优化 */
    .search-page.my-4 {
        padding: 0 10px !important;
        margin-top: 10px !important;
    }
    
    .search-page .block-rounded {
        padding: 0.75rem !important;
        margin-bottom: 0.75rem !important;
        border-radius: 0.5rem !important;
        margin-top: 8px !important;
    }
    
    .search-page .block-content {
        padding: 0.5rem !important;
    }
    
    .search-page .order-card {
        margin-bottom: 0.75rem !important;
    }
    
    .search-page .order-header {
        padding: 8px 12px;
    }
    
    .search-page .order-header h3 {
        font-size: 1rem;
        margin: 0;
    }
    
    .search-page .order-body {
        padding: 10px 12px;
    }
    
    .search-page .order-info span {
        margin-bottom: 3px;
        font-size: 0.9rem;
    }
    
    /* 优化表格在移动设备上的显示 */
    .search-page table.table thead {
        display: none; /* 隐藏表头节省空间 */
    }
    
    .search-page table.table {
        border: none;
        margin-bottom: 0;
    }
    
    .search-page table.table td {
        padding: 0.5rem 0.25rem !important;
        vertical-align: middle;
        font-size: 0.9rem;
    }
    
    .search-page .item-info {
        gap: 8px;
    }
    
    .search-page .item-logo {
        width: 40px !important;
        height: 40px !important;
    }
    
    .search-page .item-content .item-name {
        font-size: 0.9rem;
        margin-bottom: 2px;
    }
    
    .search-page .item-content .item-sku-name {
        font-size: 0.8rem;
    }
    
    /* 优化按钮组 */
    .search-page .btn-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
        margin-bottom: 2px;
    }

    .btn-treasure-download {
        display: none !important;
    }

    .delivery-success{align-items:flex-start;padding:15px}
    .delivery-success h2{font-size:1.08rem}
    .delivery-success p{font-size:.88rem}
    .delivery-card-header{align-items:flex-start;padding:14px 12px}
    .delivery-card-header .item-info{min-width:0}
    .delivery-card-header .item-content{min-width:0}
    .delivery-card-header .item-name,.delivery-card-header .item-sku-name{overflow-wrap:anywhere}
    .delivery-status span{padding:.25rem .55rem !important;font-size:.75rem !important;white-space:nowrap}
    .delivery-meta{padding:9px 12px}
    .delivery-content-panel{padding:14px 12px}
    .delivery-text{min-height:180px;padding:12px;font-size:16px;line-height:1.7}
    .delivery-actions{grid-template-columns:1fr}
    .btn-delivery-copy,.btn-delivery-download,.btn-delivery-tutorial{min-height:50px;width:100%;font-size:1rem}
    .delivery-usage{padding:12px}
}

/* 浮动警告框样式 */
.floating-alert {
    position: fixed !important;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2050000;
    width: 90%;
    max-width: 600px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: opacity 0.3s;
}

.floating-alert .countdown-text {
    position: absolute;
    bottom: 8px;
    right: 35px;
    font-size: 12px;
    color: #666;
}

@media (max-width: 768px) {
    .floating-alert {
        width: 94%;
        top: 10px;
    }
}

@media (max-width:768px){
    /* 搜索页面移动端优化 */
    /* layui弹窗优化 */
    .layui-layer.layui-layer-page {
        width: 94% !important;
        max-width: 94% !important;
        left: 3% !important;
        right: 3% !important;
        margin: 0 !important;
        border-radius: 8px !important;
    }
    
    .layui-layer-content {
        padding: 10px !important;
        max-height: 70vh !important; /* 限制最大高度 */
    }
    
    /* 弹窗内textarea优化 */
    .layui-layer-content textarea {
        height: auto !important;
        min-height: 100px !important;
        max-height: 40vh !important; /* 适应内容但不会太高 */
        overflow-y: auto !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        padding: 8px !important;
    }
    
    /* 弹窗标题和底部按钮优化 */
    .layui-layer-title {
        padding: 8px 10px !important;
        font-size: 16px !important;
        height: auto !important;
    }
    
    /* 弹窗备注区域优化 */
    .layui-layer-content .form-text, 
    .layui-layer-content small {
        font-size: 12px !important;
        margin-top: 5px !important;
        display: block !important;
        word-break: break-word !important;
    }
    
    /* 弹窗底部按钮区优化 */
    .layui-layer-btn {
        padding: 8px !important;
        text-align: center !important;
    }
    
    .layui-layer-btn a {
        margin: 0 5px !important;
        padding: 5px 15px !important;
        font-size: 14px !important;
    }
    
    /* 确保组件弹窗适应移动设备 */
    .component-popup {
        max-width: 94% !important;
        width: 94% !important;
        left: 3% !important;
        top: 15% !important;
        max-height: 70vh !important;
        border-radius: 8px !important;
        padding: 10px !important;
    }
    
    /* 调整弹窗内部内容 */
    .component-popup .dialog-content {
        padding: 10px !important;
    }
    
    .component-popup .dialog-footer {
        padding: 8px !important;
    }

    .layui-layer-content .level-message {
        border-bottom-left-radius: 0px !important;
    }
}