:root{
    --store-bg:#f7f8fb;
    --store-card:#ffffff;
    --store-text:#1f2937;
    --store-muted:#7d8795;
    --store-line:#e8ebef;
    --store-primary:#ff6f3d;
    --store-primary-dark:#e85a2c;
    --store-blue:#356fa5;
    --store-soft:#fff4ef;
    --store-radius:18px;
    --store-shadow:0 8px 28px rgba(34,48,70,.065);
}

*{
    box-sizing:border-box;
}

html{
    background:var(--store-bg);
}

body{
    margin:0;
    background:var(--store-bg);
    color:var(--store-text);
    font-family:
        Inter,
        "PingFang SC",
        "Microsoft YaHei",
        Arial,
        sans-serif;
    -webkit-font-smoothing:antialiased;
}

button,
input,
textarea{
    font:inherit;
}

button{
    cursor:pointer;
}

a{
    color:inherit;
}

.store-header{
    position:sticky;
    top:0;
    z-index:50;
    height:72px;
    background:rgba(255,255,255,.95);
    border-bottom:1px solid var(--store-line);
    backdrop-filter:blur(14px);
}

.store-header-inner{
    width:min(1440px,calc(100% - 40px));
    height:100%;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:28px;
}

.store-brand{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    flex:0 0 auto;
}

.store-brand-mark{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:
        linear-gradient(
            145deg,
            #ff8c5e,
            #ff6837
        );
    color:#fff;
    font-size:12px;
    font-weight:900;
    box-shadow:
        0 7px 16px
        rgba(255,111,61,.22);
}

.store-brand strong{
    display:block;
    font-size:16px;
    letter-spacing:.02em;
}

.store-brand span{
    display:block;
    margin-top:1px;
    color:#9aa2ad;
    font-size:10px;
}

.store-nav{
    display:flex;
    align-items:center;
    gap:4px;
}

.store-nav a{
    padding:9px 12px;
    border-radius:10px;
    color:#6b7480;
    text-decoration:none;
    font-size:12px;
    font-weight:650;
}

.store-nav a:hover,
.store-nav a.active{
    background:#f5f7fa;
    color:#273748;
}

.store-user{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:8px;
}

.store-login-btn,
.store-account-chip{
    padding:9px 13px;
    border-radius:10px;
    text-decoration:none;
    font-size:11px;
    font-weight:700;
}

.store-login-btn{
    background:#263d54;
    color:#fff;
}

.store-account-chip{
    background:#f1f5f8;
    color:#3e586f;
}

.store-text-btn{
    border:0;
    background:transparent;
    color:#929ba6;
    font-size:10px;
}

.store-main{
    width:min(1440px,calc(100% - 40px));
    min-height:calc(100vh - 180px);
    margin:0 auto;
    padding:28px 0 90px;
}

.store-alert{
    margin-bottom:14px;
    padding:12px 15px;
    border-radius:12px;
    font-size:11px;
}

.store-alert.success{
    background:#edf8f2;
    color:#39715a;
}

.store-alert.warning{
    background:#fff6e7;
    color:#866326;
}

.store-alert.error{
    background:#fff0f0;
    color:#984646;
}

.store-hero{
    position:relative;
    min-height:310px;
    display:grid;
    grid-template-columns:1.5fr .5fr;
    gap:28px;
    align-items:center;
    overflow:hidden;
    padding:42px 50px;
    border-radius:28px;
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(255,255,255,.18),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #263e58,
            #355f83 63%,
            #467ca3
        );
    color:#fff;
    box-shadow:
        0 20px 50px
        rgba(29,55,79,.13);
}

.store-hero:after{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    right:-110px;
    bottom:-190px;
    border-radius:50%;
    background:rgba(255,255,255,.07);
}

.store-kicker,
.store-section-kicker{
    display:block;
    font-size:9px;
    font-weight:800;
    letter-spacing:.17em;
}

.store-kicker{
    color:#bcd8ec;
}

.store-section-kicker{
    color:#7592aa;
}

.store-hero h1{
    margin:10px 0 14px;
    font-size:43px;
    line-height:1.14;
    letter-spacing:-.04em;
}

.store-hero-copy p{
    max-width:560px;
    margin:0;
    color:#d3e0ea;
    font-size:13px;
    line-height:1.8;
}

.store-hero-points{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:24px;
}

.store-hero-points span{
    padding:7px 11px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:99px;
    background:rgba(255,255,255,.08);
    color:#e7f0f7;
    font-size:10px;
}

.store-hero-card{
    position:relative;
    z-index:2;
    padding:24px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:20px;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(10px);
}

.store-hero-card span{
    color:#c5d8e8;
    font-size:10px;
}

.store-hero-card strong{
    display:block;
    margin:7px 0;
    font-size:25px;
}

.store-hero-card p{
    margin:0;
    color:#d7e3ec;
    font-size:11px;
    line-height:1.7;
}

.store-catalog-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-top:34px;
}

.store-catalog-head h2,
.store-page-head h1{
    margin:4px 0 0;
    font-size:26px;
    letter-spacing:-.03em;
}

.store-search{
    display:flex;
    align-items:center;
    width:min(440px,100%);
    border:1px solid #e0e5eb;
    border-radius:13px;
    background:#fff;
    overflow:hidden;
}

.store-search input{
    min-width:0;
    flex:1;
    height:44px;
    padding:0 14px;
    border:0;
    outline:none;
    background:transparent;
    font-size:12px;
}

.store-search button{
    height:44px;
    padding:0 17px;
    border:0;
    background:#283f55;
    color:#fff;
    font-size:11px;
}

.store-sort-tabs{
    display:flex;
    gap:6px;
    margin-top:18px;
    overflow-x:auto;
}

.store-sort-tabs a{
    flex:0 0 auto;
    padding:9px 15px;
    border:1px solid var(--store-line);
    border-radius:10px;
    background:#fff;
    color:#737e8b;
    text-decoration:none;
    font-size:11px;
    font-weight:650;
}

.store-sort-tabs a.active{
    border-color:#ffceb9;
    background:#fff2ec;
    color:#d65d32;
}

.store-category-strip{
    display:flex;
    gap:6px;
    overflow-x:auto;
    margin-top:10px;
    padding-bottom:3px;
}

.store-category-strip a{
    flex:0 0 auto;
    padding:7px 12px;
    border-radius:99px;
    background:#eef1f4;
    color:#788490;
    text-decoration:none;
    font-size:10px;
}

.store-category-strip a.active{
    background:#344e66;
    color:#fff;
}

.store-data-note{
    display:flex;
    gap:10px;
    align-items:center;
    margin-top:12px;
    padding:11px 13px;
    border-radius:11px;
    background:#f0f5f8;
    font-size:10px;
}

.store-data-note strong{
    color:#3b6281;
}

.store-data-note span{
    color:#7a8896;
}

.store-product-grid{
    display:grid;
    grid-template-columns:
        repeat(
            6,
            minmax(0,1fr)
        );
    gap:13px;
    margin-top:16px;
}

.store-product-card{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--store-line);
    border-radius:16px;
    background:#fff;
    box-shadow:
        0 3px 12px
        rgba(31,44,60,.035);
    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.store-product-card:hover{
    transform:translateY(-2px);
    border-color:#d4dde5;
    box-shadow:
        0 10px 25px
        rgba(31,44,60,.075);
}

.store-product-card.selected{
    border-color:#ffc7af;
    box-shadow:
        0 0 0 2px
        rgba(255,111,61,.08);
}

.store-product-image{
    position:relative;
    aspect-ratio:1/1;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:
        linear-gradient(
            145deg,
            #fbfbfc,
            #f3f5f7
        );
}

.store-product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:10px;
}

.store-no-image{
    color:#a5adb6;
    font-size:10px;
}

.store-card-badges{
    position:absolute;
    left:8px;
    top:8px;
    display:flex;
    flex-wrap:wrap;
    gap:4px;
}

.store-card-badges span{
    padding:4px 6px;
    border-radius:7px;
    color:#fff;
    font-size:8px;
    font-weight:700;
    box-shadow:
        0 2px 7px
        rgba(0,0,0,.08);
}

.store-card-badges .new{
    background:#ff7446;
}

.store-card-badges .hot{
    background:#d34e55;
}

.store-card-badges .picked{
    background:#4b799f;
}

.store-product-body{
    padding:12px;
}

.store-product-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
}

.store-product-code{
    color:#233a4e;
    font-size:15px;
}

.store-product-category{
    flex:0 0 auto;
    padding:3px 6px;
    border-radius:6px;
    background:#f3f5f7;
    color:#8b95a0;
    font-size:8px;
}

.store-product-body h3{
    min-height:34px;
    margin:6px 0 0;
    overflow:hidden;
    color:#526170;
    font-size:11px;
    font-weight:600;
    line-height:1.5;
}

.store-product-meta{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    min-height:19px;
    margin-top:5px;
}

.store-product-meta span{
    color:#949da7;
    font-size:8px;
}

.store-qty-control{
    height:36px;
    display:grid;
    grid-template-columns:36px 1fr 36px;
    align-items:center;
    overflow:hidden;
    margin-top:10px;
    border:1px solid #e5e8eb;
    border-radius:10px;
    background:#f9fafb;
}

.store-qty-btn{
    height:100%;
    border:0;
    background:transparent;
    color:#687685;
    font-size:18px;
}

.store-qty-btn:hover{
    background:#eff3f6;
}

.store-qty-btn.plus{
    background:#ff7545;
    color:#fff;
}

.store-qty-btn.plus:hover{
    background:#e96135;
}

.store-qty-value{
    text-align:center;
    color:#2d4052;
    font-size:13px;
    font-weight:750;
}

.store-package-tip{
    margin-top:10px;
    padding:10px 7px;
    border-radius:9px;
    background:#f4f5f6;
    color:#9ba3ac;
    text-align:center;
    font-size:8px;
}

.store-floating-cart{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:60;
    min-width:230px;
    display:grid;
    grid-template-columns:38px 1fr auto;
    align-items:center;
    gap:10px;
    padding:11px 13px;
    border-radius:16px;
    background:#202f3f;
    color:#fff;
    text-decoration:none;
    box-shadow:
        0 12px 36px
        rgba(21,37,51,.24);
}

.store-floating-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#ff7545;
    font-size:11px;
    font-weight:850;
}

.store-floating-cart small{
    display:block;
    color:#93a3b3;
    font-size:8px;
}

.store-floating-cart strong{
    display:block;
    margin-top:2px;
    font-size:12px;
}

.store-floating-arrow{
    color:#91a4b5;
}

.store-page-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:20px;
}

.store-page-head p{
    margin:6px 0 0;
    color:#8a95a1;
    font-size:11px;
}

.store-cart-summary{
    display:flex;
    gap:8px;
}

.store-cart-summary > div{
    min-width:100px;
    padding:12px 14px;
    border:1px solid var(--store-line);
    border-radius:12px;
    background:#fff;
}

.store-cart-summary span{
    display:block;
    color:#929ca7;
    font-size:8px;
}

.store-cart-summary strong{
    display:block;
    margin-top:3px;
    font-size:22px;
}

.store-cart-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:18px;
    align-items:start;
}

.store-cart-list{
    overflow:hidden;
    border:1px solid var(--store-line);
    border-radius:16px;
    background:#fff;
}

.store-cart-row{
    display:grid;
    grid-template-columns:76px minmax(0,1fr) 150px;
    gap:14px;
    align-items:center;
    min-height:96px;
    padding:10px 14px;
    border-bottom:1px solid #edf0f2;
}

.store-cart-row:last-child{
    border-bottom:0;
}

.store-cart-thumb{
    width:70px;
    height:70px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#f6f7f8;
}

.store-cart-thumb img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}

.store-cart-info strong{
    display:block;
    color:#253b4e;
    font-size:14px;
}

.store-cart-info span{
    display:block;
    margin-top:4px;
    font-size:11px;
}

.store-cart-info small{
    display:block;
    margin-top:3px;
    color:#9aa2aa;
    font-size:9px;
}

.store-submit-card{
    position:sticky;
    top:94px;
    padding:20px;
    border:1px solid var(--store-line);
    border-radius:16px;
    background:#fff;
    box-shadow:var(--store-shadow);
}

.store-submit-card h2{
    margin:5px 0 8px;
    font-size:20px;
}

.store-submit-card > p{
    margin:0;
    color:#8b95a0;
    font-size:10px;
    line-height:1.7;
}

.store-submit-actions{
    display:grid;
    gap:9px;
    margin-top:17px;
}

.store-primary-btn,
.store-secondary-btn{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    text-decoration:none;
    font-size:11px;
    font-weight:750;
}

.store-primary-btn{
    border:0;
    background:#ff7040;
    color:#fff;
}

.store-primary-btn:hover{
    background:#e85d31;
}

.store-secondary-btn{
    border:1px solid #dde3e8;
    background:#fff;
    color:#516273;
}

.store-primary-btn.full,
.store-secondary-btn.full{
    width:100%;
}

.store-danger-link{
    width:100%;
    padding:8px;
    border:0;
    background:transparent;
    color:#b16a6a;
    font-size:9px;
}

.store-field{
    display:block;
    margin-bottom:11px;
}

.store-field > span{
    display:block;
    margin-bottom:5px;
    color:#778491;
    font-size:9px;
    font-weight:650;
}

.store-field input,
.store-field textarea{
    width:100%;
    border:1px solid #dfe4e9;
    border-radius:10px;
    padding:10px 11px;
    outline:none;
    background:#fff;
    color:#2f3e4e;
    font-size:11px;
}

.store-field input:focus,
.store-field textarea:focus{
    border-color:#ffb99f;
    box-shadow:
        0 0 0 3px
        rgba(255,112,64,.08);
}

.store-auth-shell{
    min-height:660px;
    display:grid;
    grid-template-columns:.7fr 1.3fr;
    gap:45px;
    align-items:center;
}

.store-auth-intro h1{
    margin:10px 0 15px;
    font-size:40px;
    line-height:1.16;
}

.store-auth-intro p{
    max-width:400px;
    color:#7d8995;
    font-size:12px;
    line-height:1.8;
}

.store-auth-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.store-auth-card{
    padding:24px;
    border:1px solid var(--store-line);
    border-radius:18px;
    background:#fff;
    box-shadow:var(--store-shadow);
}

.store-auth-card.soft{
    background:#fdf7f4;
    border-color:#f3e5de;
}

.store-auth-card h2{
    margin:0 0 18px;
    font-size:19px;
}

.store-order-list{
    display:grid;
    gap:10px;
}

.store-order-card{
    padding:16px 18px;
    border:1px solid var(--store-line);
    border-radius:15px;
    background:#fff;
}

.store-order-main{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
}

.store-order-no{
    color:#7d8994;
    font-size:9px;
}

.store-order-main h3{
    margin:5px 0 0;
    font-size:18px;
}

.store-status{
    padding:6px 9px;
    border-radius:99px;
    font-size:9px;
}

.status-submitted{
    background:#fff3df;
    color:#987027;
}

.status-confirmed{
    background:#eaf7f0;
    color:#39775b;
}

.status-rejected{
    background:#f7ecec;
    color:#9b5555;
}

.store-order-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px 18px;
    margin-top:10px;
    color:#909aa5;
    font-size:9px;
}

.store-order-actions{
    display:flex;
    gap:8px;
    margin-top:12px;
}

.store-empty-card,
.store-empty{
    padding:40px;
    border:1px dashed #d9dfe5;
    border-radius:16px;
    background:#fff;
    text-align:center;
    color:#84909b;
}

.store-empty-card strong{
    display:block;
    color:#354a5d;
    font-size:18px;
}

.store-empty-card p{
    margin:7px 0 18px;
    font-size:11px;
}

.store-pagination{
    margin-top:20px;
}

.store-page-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px;
}

.store-page-nav a,
.store-page-nav span{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid #e1e5e9;
    border-radius:9px;
    background:#fff;
    color:#64717d;
    text-decoration:none;
    font-size:10px;
}

.store-page-nav .active{
    border-color:#ff7545;
    background:#ff7545;
    color:#fff;
}

.store-page-nav .disabled{
    color:#c3c8ce;
    background:#f8f9fa;
}

.store-page-nav .dots{
    border-color:transparent;
    background:transparent;
}

.store-footer{
    display:flex;
    justify-content:center;
    gap:12px;
    padding:24px;
    border-top:1px solid var(--store-line);
    background:#fff;
    color:#98a1aa;
    font-size:9px;
}

.store-footer strong{
    color:#6d7883;
}

@media(max-width:1300px){

    .store-product-grid{
        grid-template-columns:
            repeat(
                5,
                minmax(0,1fr)
            );
    }
}

@media(max-width:1080px){

    .store-product-grid{
        grid-template-columns:
            repeat(
                4,
                minmax(0,1fr)
            );
    }

    .store-hero{
        grid-template-columns:1fr .55fr;
        padding:36px;
    }
}

@media(max-width:850px){

    .store-header{
        height:64px;
    }

    .store-header-inner,
    .store-main{
        width:min(
            100% - 24px,
            1440px
        );
    }

    .store-nav{
        display:none;
    }

    .store-brand-copy{
        display:none;
    }

    .store-hero{
        min-height:auto;
        grid-template-columns:1fr;
        padding:28px 24px;
        border-radius:20px;
    }

    .store-hero h1{
        font-size:34px;
    }

    .store-hero-card{
        display:none;
    }

    .store-catalog-head{
        display:block;
    }

    .store-search{
        margin-top:14px;
        width:100%;
    }

    .store-product-grid{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );
        gap:9px;
    }

    .store-cart-layout{
        grid-template-columns:1fr;
    }

    .store-submit-card{
        position:static;
    }

    .store-auth-shell{
        display:block;
        min-height:0;
    }

    .store-auth-intro{
        padding:20px 0 28px;
    }

    .store-auth-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){

    .store-header-inner,
    .store-main{
        width:calc(100% - 18px);
    }

    .store-main{
        padding-top:15px;
        padding-bottom:100px;
    }

    .store-brand-mark{
        width:38px;
        height:38px;
        border-radius:11px;
    }

    .store-user{
        gap:3px;
    }

    .store-account-chip{
        max-width:90px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .store-hero{
        padding:23px 20px;
    }

    .store-hero h1{
        font-size:29px;
    }

    .store-hero-copy p{
        font-size:11px;
    }

    .store-product-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

    .store-product-body{
        padding:9px;
    }

    .store-product-code{
        font-size:14px;
    }

    .store-product-body h3{
        font-size:10px;
    }

    .store-product-meta{
        display:none;
    }

    .store-qty-control{
        grid-template-columns:34px 1fr 34px;
    }

    .store-floating-cart{
        left:9px;
        right:9px;
        bottom:9px;
        min-width:0;
    }

    .store-page-head{
        display:block;
    }

    .store-cart-summary{
        margin-top:13px;
    }

    .store-cart-row{
        grid-template-columns:58px minmax(0,1fr);
        gap:9px;
        padding:9px;
    }

    .store-cart-thumb{
        width:54px;
        height:54px;
    }

    .store-cart-row .store-qty-control{
        grid-column:1 / -1;
        margin-top:0;
    }

    .store-auth-intro h1{
        font-size:31px;
    }

    .store-footer{
        display:none;
    }
}


/* =========================================================
   STOREFRONT PORTRAIT IMAGE + DIRECT QTY INPUT V2
   ========================================================= */

/*
 * 商品图片由1:1方图改为3:4竖版长图。
 * 不裁切主体。
 */
.store-product-image{
    aspect-ratio:3 / 4 !important;
    background:
        linear-gradient(
            180deg,
            #fbfcfd 0%,
            #f5f7f9 100%
        );
}

.store-product-image img{
    width:100%;
    height:100%;
    padding:8px 8px 5px;
    object-fit:contain;
    object-position:center center;
}


/*
 * 数量区域：
 * － [可输入数量] ＋
 */
.store-qty-control{
    grid-template-columns:
        38px
        minmax(52px,1fr)
        38px;
}

.store-qty-input{
    width:100%;
    min-width:0;
    height:100%;
    padding:0 3px;
    border:0;
    border-left:1px solid #e6eaee;
    border-right:1px solid #e6eaee;
    outline:none;
    background:#fff;
    color:#263d51;
    text-align:center;
    font-size:13px;
    font-weight:800;
    font-variant-numeric:
        tabular-nums;
    appearance:textfield;
    -moz-appearance:textfield;
}

.store-qty-input:focus{
    position:relative;
    z-index:2;
    background:#fffaf7;
    box-shadow:
        inset 0 0 0 2px
        rgba(
            255,
            112,
            64,
            .24
        );
}

.store-qty-input:disabled{
    opacity:.65;
    background:#f5f6f7;
}


/*
 * Chrome / Edge：
 * 不显示浏览器自带上下小箭头，
 * 避免和左右 +/- 重复。
 */
.store-qty-input::-webkit-inner-spin-button,
.store-qty-input::-webkit-outer-spin-button{
    margin:0;
    -webkit-appearance:none;
}


/*
 * 长图后商品卡内容更紧凑。
 */
.store-product-body{
    position:relative;
}

.store-product-card.selected
.store-qty-input{
    color:#d8572c;
}


/*
 * 我的选货单中的数量框稍大，
 * 方便电脑直接录数字。
 */
.store-cart-row
.store-qty-control{
    margin-top:0;
}

.store-cart-row
.store-qty-input{
    font-size:14px;
}


/*
 * 手机端保持2列长图，
 * 但避免数量按钮过宽。
 */
@media(max-width:600px){

    .store-product-image{
        aspect-ratio:3 / 4 !important;
    }

    .store-qty-control{
        grid-template-columns:
            34px
            minmax(42px,1fr)
            34px;
    }

    .store-qty-input{
        font-size:12px;
    }

}



/* =========================================================
   STORE HISTORY HOT V2
   ========================================================= */

.store-history-entry{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:4px 0 12px;
}

.store-history-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 15px;
    border:1px solid #e6e8eb;
    border-radius:999px;
    background:#fff;
    color:#405365;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.store-history-chip:hover{
    transform:translateY(-1px);
    border-color:#efb89e;
    background:#fff9f5;
}

.store-history-chip.active{
    border-color:#ffcab2;
    background:#fff1ea;
    color:#c84f25;
    box-shadow:
        0 5px 16px
        rgba(205,91,41,.08);
}


.store-history-banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:0 0 16px;
    padding:14px 16px;
    border:1px solid #efe1d8;
    border-radius:14px;
    background:
        linear-gradient(
            135deg,
            #fff9f5 0%,
            #ffffff 100%
        );
}

.store-history-banner-main strong{
    display:block;
    margin-bottom:4px;
    color:#293e50;
    font-size:15px;
}

.store-history-banner-main span{
    color:#697987;
    font-size:12px;
}

.store-history-banner small{
    max-width:410px;
    color:#7a8791;
    font-size:12px;
    line-height:1.6;
    text-align:right;
}


@media(max-width:600px){

    .store-history-entry{
        margin:2px 0 10px;
    }

    .store-history-chip{
        min-height:34px;
        padding:0 12px;
        font-size:12px;
    }

    .store-history-banner{
        display:block;
        padding:12px 13px;
    }

    .store-history-banner small{
        display:block;
        margin-top:7px;
        max-width:none;
        text-align:left;
    }

}



/* =========================================================
   STORE FRONT BRAND / CATEGORY / COOPERATION V1
   ========================================================= */


/* ---------- 顶部招商入口 ---------- */

.store-cooperation-nav{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 13px;
    border-radius:999px;
    background:#fff1ea;
    color:#c7542c !important;
    font-weight:800;
    text-decoration:none;
}


/* ---------- 首页轻量可爱元素 ---------- */

.store-cute-hero{
    position:relative !important;
    overflow:hidden;
}

.store-cute-decoration{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
}

.store-cute-hero > *:not(
    .store-cute-decoration
){
    position:relative;
    z-index:1;
}

.cute-star,
.cute-heart,
.cute-doodle{
    position:absolute;
    user-select:none;
    opacity:.7;
}

.cute-star{
    font-size:22px;
    color:#ff9b6a;
}

.cute-star-1{
    top:16%;
    right:7%;
    transform:rotate(12deg);
}

.cute-star-2{
    bottom:18%;
    right:18%;
    font-size:14px;
    color:#8fc6b9;
}

.cute-heart{
    top:13%;
    right:25%;
    font-size:27px;
    color:#f5a8b8;
    transform:rotate(-10deg);
}

.cute-doodle{
    bottom:13%;
    right:6%;
    font-size:38px;
    color:#e7b35d;
    transform:rotate(-8deg);
}

.cute-bubble{
    position:absolute;
    display:block;
    border-radius:50%;
    opacity:.25;
}

.cute-bubble-1{
    width:95px;
    height:95px;
    right:-25px;
    top:-28px;
    background:#ffd9c8;
}

.cute-bubble-2{
    width:50px;
    height:50px;
    right:29%;
    bottom:-15px;
    background:#cce7df;
}

.store-cute-fallback{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:10px 0 14px;
    color:#657584;
    font-size:12px;
}

.store-cute-fallback span{
    color:#ef956e;
}


/* ---------- 首页后台分类导航 ---------- */

.store-category-section{
    margin:18px 0 18px;
}

.store-category-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:11px;
}

.store-category-head span{
    display:block;
    margin-bottom:3px;
    color:#a16b54;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
}

.store-category-head h2{
    margin:0;
    color:#273c4e;
    font-size:18px;
    line-height:1.25;
}

.store-category-all{
    color:#6a7986;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}

.store-category-scroll{
    display:grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(112px,1fr)
        );
    gap:9px;
}

.store-category-card{
    min-width:0;
    padding:12px;
    border:1px solid #e6eaed;
    border-radius:15px;
    background:#fff;
    color:#334b5d;
    text-decoration:none;
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.store-category-card:hover{
    transform:translateY(-2px);
    border-color:#efc1ac;
    box-shadow:
        0 7px 20px
        rgba(46,61,73,.06);
}

.store-category-card.active{
    border-color:#ffc7ae;
    background:
        linear-gradient(
            145deg,
            #fff4ee,
            #fff
        );
}

.store-category-symbol{
    display:flex;
    align-items:center;
    justify-content:center;
    width:33px;
    height:33px;
    margin-bottom:9px;
    border-radius:11px;
    background:#f6f2ef;
    color:#c65f36;
    font-size:14px;
    font-weight:900;
}

.store-category-card:nth-child(3n+2)
.store-category-symbol{
    background:#eef7f3;
    color:#4f8f7b;
}

.store-category-card:nth-child(3n)
.store-category-symbol{
    background:#fff5dc;
    color:#b78325;
}

.store-category-card strong{
    display:block;
    overflow:hidden;
    color:#30485a;
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.store-category-card span{
    display:block;
    margin-top:3px;
    color:#8a959e;
    font-size:11px;
}


/* ---------- 首页招商快捷卡 ---------- */

.store-cooperation-quick{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:16px 0 18px;
    padding:16px 18px;
    border:1px solid #e8e3de;
    border-radius:17px;
    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(255,203,178,.34),
            transparent 24%
        ),
        linear-gradient(
            135deg,
            #fffaf7,
            #f9fcfb
        );
}

.store-cooperation-copy span{
    display:block;
    margin-bottom:3px;
    color:#b16a4d;
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
}

.store-cooperation-copy strong{
    display:block;
    color:#283f51;
    font-size:16px;
}

.store-cooperation-copy p{
    margin:4px 0 0;
    color:#71808d;
    font-size:12px;
    line-height:1.6;
}

.store-cooperation-button{
    flex:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:0 15px;
    border-radius:12px;
    background:#293f50;
    color:#fff;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}

.store-cooperation-button b{
    font-size:16px;
}


/* =========================================================
   COOPERATION PAGE
   ========================================================= */

.coop-page{
    padding-bottom:36px;
}

.coop-hero{
    position:relative;
    display:grid;
    grid-template-columns:
        minmax(0,1.45fr)
        minmax(270px,.75fr);
    gap:32px;
    overflow:hidden;
    padding:54px 48px;
    border:1px solid #e7e7e5;
    border-radius:26px;
    background:
        radial-gradient(
            circle at 88% 13%,
            rgba(255,198,171,.42),
            transparent 22%
        ),
        radial-gradient(
            circle at 70% 90%,
            rgba(182,224,210,.35),
            transparent 24%
        ),
        linear-gradient(
            135deg,
            #fffaf7 0%,
            #ffffff 60%,
            #f8fcfa 100%
        );
}

.coop-hero-decor{
    position:absolute;
    inset:0;
    pointer-events:none;
}

.coop-star,
.coop-heart,
.coop-dot{
    position:absolute;
}

.coop-star{
    color:#eb8c62;
}

.coop-star-a{
    top:17px;
    right:23%;
    font-size:23px;
}

.coop-star-b{
    right:7%;
    bottom:17%;
    color:#66a894;
}

.coop-heart{
    right:34%;
    bottom:11%;
    color:#e9a6b6;
    font-size:30px;
}

.coop-dot{
    border-radius:50%;
}

.coop-dot-a{
    top:8%;
    right:5%;
    width:44px;
    height:44px;
    background:
        rgba(255,207,184,.37);
}

.coop-dot-b{
    bottom:6%;
    left:46%;
    width:25px;
    height:25px;
    background:
        rgba(185,222,211,.48);
}

.coop-hero-content,
.coop-hero-card{
    position:relative;
    z-index:1;
}

.coop-eyebrow,
.coop-section-head > span,
.coop-contact-kicker{
    color:#a86449;
    font-size:10px;
    font-weight:900;
    letter-spacing:.16em;
}

.coop-hero h1{
    max-width:650px;
    margin:12px 0 15px;
    color:#263d4f;
    font-size:
        clamp(
            32px,
            4vw,
            52px
        );
    line-height:1.12;
    letter-spacing:-.04em;
}

.coop-hero-content > p{
    max-width:620px;
    margin:0;
    color:#667886;
    font-size:15px;
    line-height:1.85;
}

.coop-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}

.coop-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 18px;
    border-radius:13px;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}

.coop-btn-primary{
    background:#293f50;
    color:#fff;
}

.coop-btn-light{
    border:1px solid #e2e6e9;
    background:#fff;
    color:#405567;
}

.coop-hero-card{
    align-self:center;
    padding:20px;
    border:1px solid
        rgba(255,255,255,.8);
    border-radius:19px;
    background:
        rgba(255,255,255,.74);
    box-shadow:
        0 16px 45px
        rgba(44,62,76,.08);
    backdrop-filter:
        blur(12px);
}

.coop-mini-label{
    margin-bottom:13px;
    color:#75838e;
    font-size:11px;
    font-weight:800;
}

.coop-stat-grid{
    display:grid;
    grid-template-columns:
        1fr 1fr;
    gap:9px;
}

.coop-stat-grid div{
    padding:13px;
    border-radius:13px;
    background:#f7f7f5;
}

.coop-stat-grid strong{
    display:block;
    color:#30495b;
    font-size:16px;
}

.coop-stat-grid span{
    display:block;
    margin-top:3px;
    color:#7d8992;
    font-size:11px;
}

.coop-section{
    margin-top:52px;
}

.coop-section-head{
    max-width:680px;
    margin-bottom:22px;
}

.coop-section-head h2{
    margin:7px 0 7px;
    color:#293f50;
    font-size:
        clamp(
            25px,
            3vw,
            34px
        );
    letter-spacing:-.03em;
}

.coop-section-head p{
    margin:0;
    color:#788590;
    font-size:13px;
}

.coop-model-grid{
    display:grid;
    grid-template-columns:
        repeat(4,1fr);
    gap:12px;
}

.coop-model-card{
    padding:20px;
    border:1px solid #e8ebed;
    border-radius:18px;
    background:#fff;
}

.coop-model-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    margin-bottom:14px;
    border-radius:13px;
    background:#fff1e9;
    color:#c65d34;
    font-weight:900;
}

.coop-model-card:nth-child(2)
.coop-model-icon{
    background:#eef7f3;
    color:#4f8f7b;
}

.coop-model-card:nth-child(3)
.coop-model-icon{
    background:#fff5da;
    color:#ac7f28;
}

.coop-model-card:nth-child(4)
.coop-model-icon{
    background:#f0f0f7;
    color:#6f6d9b;
}

.coop-model-card h3{
    margin:0 0 8px;
    color:#304759;
    font-size:16px;
}

.coop-model-card p{
    min-height:58px;
    margin:0 0 12px;
    color:#74828e;
    font-size:12px;
    line-height:1.65;
}

.coop-model-card ul{
    margin:0;
    padding:0;
    list-style:none;
}

.coop-model-card li{
    position:relative;
    padding:6px 0 6px 15px;
    border-top:1px solid #f0f2f3;
    color:#5f707e;
    font-size:11px;
}

.coop-model-card li::before{
    position:absolute;
    left:0;
    content:"✓";
    color:#6a9b8b;
    font-weight:900;
}

.coop-solve{
    padding:31px;
    border-radius:22px;
    background:#293f50;
}

.coop-solve
.coop-section-head span{
    color:#efb28e;
}

.coop-solve
.coop-section-head h2{
    color:#fff;
}

.coop-solve-grid{
    display:grid;
    grid-template-columns:
        repeat(4,1fr);
    gap:10px;
}

.coop-solve-grid > div{
    padding:18px;
    border:1px solid
        rgba(255,255,255,.1);
    border-radius:15px;
    background:
        rgba(255,255,255,.05);
}

.coop-solve-grid b{
    display:block;
    color:#efb28e;
    font-size:10px;
}

.coop-solve-grid strong{
    display:block;
    margin:7px 0;
    color:#fff;
    font-size:14px;
}

.coop-solve-grid p{
    margin:0;
    color:
        rgba(255,255,255,.68);
    font-size:11px;
    line-height:1.65;
}

.coop-process{
    display:grid;
    grid-template-columns:
        repeat(4,1fr);
    gap:12px;
}

.coop-process > div{
    padding:19px;
    border:1px solid #e8ebed;
    border-radius:17px;
    background:#fff;
}

.coop-process i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    margin-bottom:12px;
    border-radius:50%;
    background:#f1f4f5;
    color:#435969;
    font-size:12px;
    font-style:normal;
    font-weight:900;
}

.coop-process strong{
    display:block;
    color:#31495b;
    font-size:13px;
}

.coop-process span{
    display:block;
    margin-top:5px;
    color:#82909a;
    font-size:11px;
    line-height:1.6;
}

.coop-contact{
    display:grid;
    grid-template-columns:
        minmax(0,1.2fr)
        minmax(300px,.8fr);
    gap:42px;
    align-items:center;
    margin-top:52px;
    padding:35px;
    border-radius:22px;
    background:#fff5ef;
}

.coop-contact h2{
    margin:8px 0;
    color:#2d4354;
    font-size:
        clamp(
            25px,
            3vw,
            34px
        );
}

.coop-contact p{
    max-width:580px;
    margin:0;
    color:#71818e;
    font-size:12px;
    line-height:1.75;
}

.coop-contact-card{
    overflow:hidden;
    border:1px solid #eaded7;
    border-radius:16px;
    background:#fff;
}

.coop-contact-line{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:14px 16px;
    border-bottom:1px solid #f0ebe7;
}

.coop-contact-line:last-child{
    border-bottom:0;
}

.coop-contact-line span{
    color:#89949c;
    font-size:11px;
}

.coop-contact-line strong{
    color:#334b5d;
    font-size:13px;
    text-align:right;
}

.coop-contact-notice{
    padding:13px 16px;
    background:#fff9df;
    color:#8c7127;
    font-size:11px;
    line-height:1.65;
}

.coop-category-shortcut{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:20px;
    padding:17px 20px;
    border:1px solid #e5e9eb;
    border-radius:17px;
    background:#fff;
}

.coop-category-shortcut strong{
    display:block;
    color:#31495a;
    font-size:14px;
}

.coop-category-shortcut span{
    display:block;
    margin-top:3px;
    color:#85919a;
    font-size:11px;
}

.coop-category-links{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:7px;
}

.coop-category-links a{
    padding:7px 11px;
    border-radius:999px;
    background:#f4f6f7;
    color:#546777;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}


/* ---------- 手机 ---------- */

@media(max-width:760px){

    .store-category-scroll{
        display:flex;
        overflow-x:auto;
        gap:8px;
        padding-bottom:4px;
        scrollbar-width:none;
    }

    .store-category-scroll::-webkit-scrollbar{
        display:none;
    }

    .store-category-card{
        flex:0 0 108px;
    }

    .store-cooperation-quick{
        display:block;
        padding:14px;
    }

    .store-cooperation-button{
        width:100%;
        margin-top:11px;
    }

    .coop-hero{
        display:block;
        padding:31px 21px;
        border-radius:20px;
    }

    .coop-hero h1{
        font-size:32px;
    }

    .coop-hero-content > p{
        font-size:13px;
    }

    .coop-hero-card{
        margin-top:23px;
    }

    .coop-section{
        margin-top:36px;
    }

    .coop-model-grid,
    .coop-solve-grid,
    .coop-process{
        grid-template-columns:
            1fr 1fr;
    }

    .coop-solve{
        padding:23px 16px;
    }

    .coop-contact{
        display:block;
        margin-top:36px;
        padding:23px 17px;
    }

    .coop-contact-card{
        margin-top:19px;
    }

    .coop-category-shortcut{
        display:block;
    }

    .coop-category-links{
        justify-content:flex-start;
        margin-top:12px;
    }

}


@media(max-width:480px){

    .coop-model-grid,
    .coop-solve-grid,
    .coop-process{
        grid-template-columns:1fr;
    }

    .store-category-head h2{
        font-size:16px;
    }

    .coop-hero h1{
        font-size:29px;
    }

}



/* =========================================================
   ZHISHENG STOREFRONT PREMIUM V3
   高端潮玩品牌展厅 × 工厂供应链平台
   ========================================================= */

body.store-v3-body{
    --v3-ink:#17242d;
    --v3-ink-soft:#34454f;
    --v3-muted:#758088;
    --v3-line:#e9e7e2;
    --v3-paper:#f6f5f1;
    --v3-white:#ffffff;
    --v3-accent:#e66f42;
    --v3-accent-soft:#f8e4da;
    --v3-dark:#1d2c35;

    background:#f6f5f1;
    color:var(--v3-ink);
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "SF Pro Display",
        "PingFang SC",
        "Microsoft YaHei",
        sans-serif;
}


/* -----------------------------------------
   全局收敛
   ----------------------------------------- */

body.store-v3-body
.store-cute-decoration,
body.store-v3-body
.store-cute-fallback{
    display:none !important;
}

body.store-v3-body
*{
    box-sizing:border-box;
}

body.store-v3-body
main{
    position:relative;
}

body.store-v3-body
img{
    -webkit-user-drag:none;
}


/* -----------------------------------------
   Header
   ----------------------------------------- */

body.store-v3-body header{
    background:
        rgba(246,245,241,.88) !important;
    border-bottom:
        1px solid
        rgba(23,36,45,.07) !important;
    box-shadow:none !important;
    backdrop-filter:
        blur(18px);
    -webkit-backdrop-filter:
        blur(18px);
}

body.store-v3-body nav a{
    letter-spacing:.01em;
}

body.store-v3-body
.store-cooperation-nav{
    min-height:38px;
    padding:0 17px;
    border:
        1px solid
        var(--v3-ink);
    border-radius:999px;
    background:
        var(--v3-ink) !important;
    color:#fff !important;
    font-size:12px;
    font-weight:700;
}


/* =========================================================
   PREMIUM HERO
   ========================================================= */

.store-v3-hero{
    position:relative;
    display:grid;
    grid-template-columns:
        minmax(0,1.03fr)
        minmax(390px,.97fr);
    gap:54px;
    min-height:590px;
    margin:25px 0 18px;
    padding:
        68px
        clamp(32px,5vw,72px);
    overflow:hidden;
    border:
        1px solid
        rgba(23,36,45,.08);
    border-radius:28px;
    background:
        #eeede8;
}

.store-v3-hero::before{
    content:"";
    position:absolute;
    width:430px;
    height:430px;
    left:-190px;
    bottom:-230px;
    border:
        1px solid
        rgba(23,36,45,.08);
    border-radius:50%;
}

.store-v3-hero::after{
    content:"";
    position:absolute;
    width:130px;
    height:130px;
    top:-56px;
    left:46%;
    border-radius:50%;
    background:
        rgba(230,111,66,.10);
}

.store-v3-hero-copy{
    position:relative;
    z-index:2;
    align-self:center;
}

.store-v3-kicker{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:23px;
    color:#6c777d;
    font-size:10px;
    font-weight:800;
    letter-spacing:.22em;
}

.store-v3-kicker::before{
    content:"";
    width:31px;
    height:1px;
    background:
        var(--v3-accent);
}

.store-v3-hero h1{
    max-width:690px;
    margin:0;
    color:
        var(--v3-ink);
    font-size:
        clamp(
            42px,
            5.1vw,
            76px
        );
    font-weight:760;
    line-height:1.04;
    letter-spacing:-.065em;
}

.store-v3-hero h1 em{
    color:
        var(--v3-accent);
    font-style:normal;
}

.store-v3-lead{
    max-width:570px;
    margin:
        27px
        0
        0;
    color:#637078;
    font-size:15px;
    line-height:1.9;
    letter-spacing:.01em;
}

.store-v3-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:31px;
}

.store-v3-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 21px;
    border-radius:999px;
    text-decoration:none;
    font-size:13px;
    font-weight:750;
}

.store-v3-primary{
    gap:15px;
    background:
        var(--v3-ink);
    color:#fff;
}

.store-v3-primary span{
    font-size:17px;
    transition:
        transform .2s ease;
}

.store-v3-primary:hover span{
    transform:
        translateX(4px);
}

.store-v3-secondary{
    border:
        1px solid
        rgba(23,36,45,.17);
    background:
        rgba(255,255,255,.45);
    color:
        var(--v3-ink);
}

.store-v3-proof{
    display:flex;
    align-items:center;
    gap:17px;
    margin-top:47px;
}

.store-v3-proof div{
    min-width:68px;
}

.store-v3-proof strong{
    display:block;
    color:
        var(--v3-ink);
    font-size:13px;
}

.store-v3-proof span{
    display:block;
    margin-top:3px;
    color:#889198;
    font-size:10px;
}

.store-v3-proof i{
    width:1px;
    height:26px;
    background:
        rgba(23,36,45,.11);
}


/* -----------------------------------------
   Hero Product Gallery
   ----------------------------------------- */

.store-v3-showcase{
    position:relative;
    z-index:2;
    align-self:center;
    min-height:460px;
}

.store-v3-showcase-label{
    position:absolute;
    z-index:5;
    top:0;
    right:0;
    text-align:right;
}

.store-v3-showcase-label span{
    display:block;
    color:#8b9295;
    font-size:9px;
    font-weight:800;
    letter-spacing:.20em;
}

.store-v3-showcase-label b{
    display:block;
    margin-top:4px;
    color:
        var(--v3-ink);
    font-size:12px;
}

.store-v3-gallery{
    position:relative;
    height:460px;
}

.store-v3-gallery-item{
    position:absolute;
    overflow:hidden;
    border-radius:23px;
    background:#fff;
    box-shadow:
        0 24px 60px
        rgba(31,44,52,.10);
}

.store-v3-gallery-item img{
    display:block;
    width:100%;
    height:100%;
    padding:14px;
    object-fit:contain;
    background:
        linear-gradient(
            145deg,
            #f9f8f5,
            #eceae4
        );
}

.store-v3-gallery-item > div{
    position:absolute;
    left:13px;
    right:13px;
    bottom:12px;
    padding:9px 11px;
    border:
        1px solid
        rgba(255,255,255,.62);
    border-radius:12px;
    background:
        rgba(255,255,255,.80);
    backdrop-filter:
        blur(12px);
}

.store-v3-gallery-item span{
    display:block;
    color:#92989b;
    font-size:8px;
    font-weight:800;
    letter-spacing:.12em;
}

.store-v3-gallery-item strong{
    display:block;
    overflow:hidden;
    margin-top:2px;
    color:#26353e;
    font-size:11px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.store-v3-gallery-item-1{
    width:54%;
    height:76%;
    left:7%;
    bottom:3%;
    transform:
        rotate(-4deg);
}

.store-v3-gallery-item-2{
    width:43%;
    height:59%;
    right:2%;
    top:16%;
    transform:
        rotate(5deg);
}

.store-v3-gallery-item-3{
    width:34%;
    height:42%;
    right:15%;
    bottom:-3%;
    transform:
        rotate(-2deg);
}

.store-v3-gallery-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    color:
        rgba(23,36,45,.15);
    font-size:43px;
    font-weight:900;
    letter-spacing:.12em;
}

.store-v3-orbit{
    position:absolute;
    z-index:-1;
    border-radius:50%;
}

.store-v3-orbit.orbit-a{
    width:210px;
    height:210px;
    right:-60px;
    bottom:-20px;
    background:
        rgba(230,111,66,.10);
}

.store-v3-orbit.orbit-b{
    width:94px;
    height:94px;
    left:-15px;
    top:35px;
    border:
        1px solid
        rgba(23,36,45,.12);
}


/* -----------------------------------------
   Trust Strip
   ----------------------------------------- */

.store-v3-trust{
    display:grid;
    grid-template-columns:
        repeat(4,1fr);
    margin-bottom:52px;
    border-top:
        1px solid
        var(--v3-line);
    border-bottom:
        1px solid
        var(--v3-line);
}

.store-v3-trust > div{
    position:relative;
    padding:24px 27px;
    border-right:
        1px solid
        var(--v3-line);
}

.store-v3-trust > div:last-child{
    border-right:0;
}

.store-v3-trust span{
    display:block;
    margin-bottom:14px;
    color:
        var(--v3-accent);
    font-size:9px;
    font-weight:800;
    letter-spacing:.12em;
}

.store-v3-trust strong{
    display:block;
    color:
        var(--v3-ink);
    font-size:14px;
}

.store-v3-trust small{
    display:block;
    margin-top:5px;
    color:#8a9297;
    font-size:10px;
}


/* =========================================================
   CATEGORY — 从小卡片改成展厅导航
   ========================================================= */

body.store-v3-body
.store-category-section{
    margin:
        56px
        0
        44px;
}

body.store-v3-body
.store-category-head{
    align-items:flex-end;
    margin-bottom:21px;
}

body.store-v3-body
.store-category-head span{
    margin-bottom:7px;
    color:
        var(--v3-accent);
    font-size:9px;
    letter-spacing:.20em;
}

body.store-v3-body
.store-category-head h2{
    color:
        var(--v3-ink);
    font-size:
        clamp(
            24px,
            2.8vw,
            34px
        );
    font-weight:720;
    letter-spacing:-.04em;
}

body.store-v3-body
.store-category-all{
    padding-bottom:3px;
    border-bottom:
        1px solid
        #9ca2a5;
    border-radius:0;
    color:#5d696f;
}

body.store-v3-body
.store-category-scroll{
    display:flex;
    gap:0;
    overflow-x:auto;
    border-top:
        1px solid
        var(--v3-line);
    border-bottom:
        1px solid
        var(--v3-line);
    scrollbar-width:none;
}

body.store-v3-body
.store-category-scroll::-webkit-scrollbar{
    display:none;
}

body.store-v3-body
.store-category-card{
    position:relative;
    flex:
        1 0 125px;
    min-height:112px;
    padding:21px 20px;
    border:0 !important;
    border-right:
        1px solid
        var(--v3-line) !important;
    border-radius:0 !important;
    background:
        transparent !important;
    box-shadow:none !important;
    transform:none !important;
}

body.store-v3-body
.store-category-card:last-child{
    border-right:0 !important;
}

body.store-v3-body
.store-category-card:hover,
body.store-v3-body
.store-category-card.active{
    background:
        #eeece6 !important;
}

body.store-v3-body
.store-category-symbol{
    width:auto;
    height:auto;
    margin:0 0 14px;
    justify-content:flex-start;
    border-radius:0;
    background:
        transparent !important;
    color:
        var(--v3-accent) !important;
    font-size:11px;
}

body.store-v3-body
.store-category-card strong{
    color:
        var(--v3-ink);
    font-size:13px;
    font-weight:700;
}

body.store-v3-body
.store-category-card span{
    margin-top:6px;
    color:#93999d;
    font-size:10px;
}


/* =========================================================
   商品区
   ========================================================= */

.store-v3-product-head{
    display:flex;
    align-items:flex-end;
    gap:30px;
    margin:
        54px
        0
        23px;
}

.store-v3-product-head > div:first-child{
    flex:none;
}

.store-v3-product-head span{
    color:
        var(--v3-accent);
    font-size:9px;
    font-weight:900;
    letter-spacing:.20em;
}

.store-v3-product-head h2{
    margin:6px 0 2px;
    color:
        var(--v3-ink);
    font-size:
        clamp(
            28px,
            3vw,
            38px
        );
    font-weight:720;
    letter-spacing:-.045em;
}

.store-v3-product-head p{
    margin:0;
    color:#879097;
    font-size:11px;
}

.store-v3-product-head-line{
    flex:1;
    height:1px;
    margin-bottom:7px;
    background:
        var(--v3-line);
}


/* 产品网格本体 */

body.store-v3-body
.store-product-grid{
    gap:
        clamp(
            13px,
            1.5vw,
            22px
        ) !important;
}

body.store-v3-body
.store-product-grid > *{
    overflow:hidden;
    border:
        1px solid
        #e7e5e0 !important;
    border-radius:
        18px !important;
    background:
        #fff !important;
    box-shadow:none !important;
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

body.store-v3-body
.store-product-grid > *:hover{
    transform:
        translateY(-3px);
    border-color:
        #d8d4cd !important;
    box-shadow:
        0 16px 36px
        rgba(25,37,44,.065) !important;
}


/* 3:4商品图继续保留 */

body.store-v3-body
.store-product-image{
    position:relative;
    aspect-ratio:
        3 / 4 !important;
    overflow:hidden;
    border-radius:
        0 !important;
    background:
        #f1f0ec !important;
}

body.store-v3-body
.store-product-image img{
    width:100%;
    height:100%;
    padding:
        clamp(
            9px,
            1.2vw,
            18px
        ) !important;
    object-fit:
        contain !important;
    object-position:
        center !important;
    transition:
        transform .35s ease;
}

body.store-v3-body
.store-product-grid > *:hover
.store-product-image img{
    transform:
        scale(1.025);
}


/* 产品编号更像画册 */

body.store-v3-body
.store-product-code{
    color:
        var(--v3-ink) !important;
    font-size:
        clamp(
            16px,
            1.5vw,
            21px
        ) !important;
    font-weight:
        780 !important;
    letter-spacing:
        -.025em;
}


/* 商品卡按钮 */

body.store-v3-body
.store-product-grid button{
    border-color:
        #e4e2dc;
    box-shadow:none;
}

body.store-v3-body
.store-product-grid button:hover{
    border-color:
        #b8b6b0;
}


/* 数量输入 */

body.store-v3-body
.store-qty-input{
    height:36px !important;
    border:
        1px solid
        #dddcd7 !important;
    border-radius:
        9px !important;
    background:
        #f8f7f4 !important;
    color:
        var(--v3-ink) !important;
    font-weight:
        760 !important;
}

body.store-v3-body
.store-qty-input:focus{
    border-color:
        var(--v3-ink) !important;
    background:#fff !important;
    outline:none;
    box-shadow:
        0 0 0 2px
        rgba(23,36,45,.06);
}


/* -----------------------------------------
   排序类按钮收敛
   ----------------------------------------- */

body.store-v3-body
.store-history-entry{
    margin:
        23px
        0
        12px;
}

body.store-v3-body
.store-history-chip{
    min-height:35px;
    padding:0 14px;
    border:
        1px solid
        #d9d8d3;
    border-radius:999px;
    background:
        transparent;
    color:#59666e;
    font-size:11px;
    box-shadow:none;
}

body.store-v3-body
.store-history-chip.active{
    border-color:
        var(--v3-ink);
    background:
        var(--v3-ink);
    color:#fff;
}

body.store-v3-body
.store-history-banner{
    border:
        1px solid
        var(--v3-line);
    border-radius:15px;
    background:#ecebe6;
    box-shadow:none;
}


/* =========================================================
   首页招商横幅
   ========================================================= */

body.store-v3-body
.store-cooperation-quick{
    position:relative;
    overflow:hidden;
    margin:
        65px
        0
        58px;
    padding:
        clamp(
            30px,
            4vw,
            52px
        );
    border:0;
    border-radius:23px;
    background:
        var(--v3-dark);
    color:#fff;
}

body.store-v3-body
.store-cooperation-quick::after{
    content:"合作";
    position:absolute;
    right:-15px;
    bottom:-45px;
    color:
        rgba(255,255,255,.035);
    font-size:
        clamp(
            95px,
            15vw,
            190px
        );
    font-weight:900;
    line-height:1;
}

body.store-v3-body
.store-cooperation-copy{
    position:relative;
    z-index:2;
}

body.store-v3-body
.store-cooperation-copy span{
    color:#ef9c77;
    letter-spacing:.20em;
}

body.store-v3-body
.store-cooperation-copy strong{
    margin-top:8px;
    color:#fff;
    font-size:
        clamp(
            24px,
            3vw,
            38px
        );
    font-weight:700;
    letter-spacing:-.04em;
}

body.store-v3-body
.store-cooperation-copy p{
    max-width:600px;
    margin-top:8px;
    color:
        rgba(255,255,255,.60);
    font-size:12px;
}

body.store-v3-body
.store-cooperation-button{
    position:relative;
    z-index:2;
    min-height:46px;
    padding:0 18px;
    border:
        1px solid
        rgba(255,255,255,.20);
    border-radius:999px;
    background:#fff;
    color:
        var(--v3-ink);
}


/* =========================================================
   招商页V3
   ========================================================= */

body.store-v3-body
.coop-hero{
    border:0;
    border-radius:27px;
    background:
        var(--v3-dark);
    color:#fff;
}

body.store-v3-body
.coop-hero h1{
    color:#fff;
}

body.store-v3-body
.coop-hero-content > p{
    color:
        rgba(255,255,255,.61);
}

body.store-v3-body
.coop-eyebrow{
    color:#ef9d78;
}

body.store-v3-body
.coop-hero-card{
    border:
        1px solid
        rgba(255,255,255,.12);
    background:
        rgba(255,255,255,.07);
    box-shadow:none;
}

body.store-v3-body
.coop-mini-label{
    color:
        rgba(255,255,255,.48);
}

body.store-v3-body
.coop-stat-grid div{
    background:
        rgba(255,255,255,.07);
}

body.store-v3-body
.coop-stat-grid strong{
    color:#fff;
}

body.store-v3-body
.coop-stat-grid span{
    color:
        rgba(255,255,255,.48);
}

body.store-v3-body
.coop-model-card,
body.store-v3-body
.coop-process > div{
    border:
        1px solid
        var(--v3-line);
    border-radius:17px;
    box-shadow:none;
}

body.store-v3-body
.coop-contact{
    background:#ebe9e3;
}


/* =========================================================
   Mobile
   ========================================================= */

@media(max-width:900px){

    .store-v3-hero{
        grid-template-columns:
            1fr;
        gap:20px;
        min-height:0;
        padding:
            44px
            27px
            29px;
    }

    .store-v3-showcase{
        min-height:390px;
    }

    .store-v3-gallery{
        height:390px;
    }

    .store-v3-hero h1{
        max-width:570px;
    }

    .store-v3-trust{
        grid-template-columns:
            1fr 1fr;
    }

    .store-v3-trust > div:nth-child(2){
        border-right:0;
    }

    .store-v3-trust > div:nth-child(-n+2){
        border-bottom:
            1px solid
            var(--v3-line);
    }

}


@media(max-width:600px){

    body.store-v3-body{
        background:#f7f6f2;
    }

    .store-v3-hero{
        margin-top:10px;
        padding:
            34px
            20px
            21px;
        border-radius:19px;
    }

    .store-v3-kicker{
        margin-bottom:16px;
        font-size:8px;
        letter-spacing:.16em;
    }

    .store-v3-hero h1{
        font-size:
            clamp(
                37px,
                11vw,
                52px
            );
        line-height:1.06;
    }

    .store-v3-lead{
        margin-top:19px;
        font-size:12px;
        line-height:1.75;
    }

    .store-v3-actions{
        margin-top:22px;
    }

    .store-v3-actions a{
        min-height:44px;
        padding:0 17px;
        font-size:12px;
    }

    .store-v3-proof{
        display:grid;
        grid-template-columns:
            1fr 1fr;
        gap:15px 20px;
        margin-top:31px;
    }

    .store-v3-proof i{
        display:none;
    }

    .store-v3-showcase{
        min-height:330px;
    }

    .store-v3-gallery{
        height:330px;
    }

    .store-v3-gallery-item-1{
        width:58%;
        height:77%;
        left:2%;
    }

    .store-v3-gallery-item-2{
        width:44%;
        height:58%;
        right:0;
    }

    .store-v3-gallery-item-3{
        width:38%;
        right:10%;
    }

    .store-v3-showcase-label{
        display:none;
    }

    .store-v3-trust{
        margin-bottom:37px;
    }

    .store-v3-trust > div{
        padding:18px 15px;
    }

    body.store-v3-body
    .store-category-section{
        margin:
            37px
            0
            31px;
    }

    body.store-v3-body
    .store-category-card{
        flex:
            0 0
            110px;
        min-height:101px;
        padding:17px 14px;
    }

    .store-v3-product-head{
        margin:
            39px
            0
            17px;
    }

    .store-v3-product-head h2{
        font-size:28px;
    }

    .store-v3-product-head p{
        max-width:210px;
    }

    .store-v3-product-head-line{
        display:none;
    }

    body.store-v3-body
    .store-product-grid{
        gap:
            10px !important;
    }

    body.store-v3-body
    .store-product-grid > *{
        border-radius:
            14px !important;
    }

    body.store-v3-body
    .store-product-code{
        font-size:
            16px !important;
    }

    body.store-v3-body
    .store-cooperation-quick{
        margin:
            45px
            0
            38px;
        padding:
            26px
            20px;
        border-radius:18px;
    }

    body.store-v3-body
    .store-cooperation-button{
        width:100%;
        margin-top:20px;
    }

}



/* =========================================================
   STORE LIBRARY TOOLBAR V3
   ========================================================= */

body.store-v3-body
.store-v3-library-toolbar{
    margin:
        52px
        0
        31px;
    padding:
        0;
    border-top:
        1px solid
        var(--v3-line,#e9e7e2);
    border-bottom:
        1px solid
        var(--v3-line,#e9e7e2);
    background:
        transparent;
}


/* ---------- 标题 + 搜索 ---------- */

body.store-v3-body
.store-v3-library-top{
    display:grid;
    grid-template-columns:
        minmax(280px,.8fr)
        minmax(360px,1.2fr);
    gap:
        clamp(
            35px,
            7vw,
            110px
        );
    align-items:end;
    padding:
        33px
        0
        30px;
}


body.store-v3-body
.store-v3-library-eyebrow{
    display:block;
    margin-bottom:9px;
    color:
        var(--v3-accent,#e66f42);
    font-size:9px;
    font-weight:900;
    letter-spacing:.21em;
}


body.store-v3-body
.store-v3-library-title h2{
    margin:0;
    color:
        var(--v3-ink,#17242d);
    font-size:
        clamp(
            30px,
            3.1vw,
            43px
        );
    font-weight:740;
    line-height:1.1;
    letter-spacing:-.05em;
}


body.store-v3-body
.store-v3-library-title p{
    margin:
        9px
        0
        0;
    color:#899197;
    font-size:11px;
    line-height:1.6;
}


/* ---------- 搜索 ---------- */

body.store-v3-body
.store-v3-search{
    width:100%;
    margin:0;
}


body.store-v3-body
.store-v3-search-box{
    position:relative;
    display:flex;
    align-items:center;
    min-height:54px;
    padding-left:18px;
    border:
        1px solid
        #dad9d4;
    border-radius:999px;
    background:
        rgba(255,255,255,.72);
    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


body.store-v3-body
.store-v3-search-box:focus-within{
    border-color:
        var(--v3-ink,#17242d);
    background:#fff;
    box-shadow:
        0 7px 24px
        rgba(23,36,45,.055);
}


body.store-v3-body
.store-v3-search-box svg{
    flex:none;
    width:18px;
    height:18px;
    margin-right:11px;
    fill:none;
    stroke:#8d969b;
    stroke-width:1.6;
    stroke-linecap:round;
}


body.store-v3-body
.store-v3-search-box input{
    flex:1;
    min-width:0;
    height:50px;
    padding:0;
    border:0;
    outline:0;
    background:
        transparent;
    color:
        var(--v3-ink,#17242d);
    font-size:13px;
}


body.store-v3-body
.store-v3-search-box input::placeholder{
    color:#a2a8ac;
}


body.store-v3-body
.store-v3-search-clear{
    flex:none;
    margin-right:11px;
    color:#8b9398;
    font-size:10px;
    text-decoration:none;
}


body.store-v3-body
.store-v3-search-box button{
    flex:none;
    align-self:stretch;
    min-width:82px;
    margin:
        5px
        5px
        5px
        0;
    border:0;
    border-radius:999px;
    background:
        var(--v3-ink,#17242d);
    color:#fff;
    cursor:pointer;
    font-size:12px;
    font-weight:750;
}


/* =========================================================
   筛选区域
   ========================================================= */

body.store-v3-body
.store-v3-filter-row{
    display:grid;
    grid-template-columns:
        93px
        minmax(0,1fr);
    align-items:center;
    min-height:65px;
    border-top:
        1px solid
        var(--v3-line,#e9e7e2);
}


body.store-v3-body
.store-v3-filter-label{
    color:#939a9e;
    font-size:10px;
    font-weight:750;
    letter-spacing:.06em;
}


body.store-v3-body
.store-v3-filter-scroll{
    display:flex;
    align-items:center;
    gap:
        clamp(
            24px,
            3vw,
            44px
        );
    min-width:0;
    overflow-x:auto;
    scrollbar-width:none;
}


body.store-v3-body
.store-v3-filter-scroll::-webkit-scrollbar{
    display:none;
}


body.store-v3-body
.store-v3-filter-item{
    position:relative;
    flex:none;
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:64px;
    padding:0;
    border:0;
    border-radius:0;
    background:
        transparent;
    color:#68747b;
    font-size:12px;
    font-weight:630;
    text-decoration:none;
    white-space:nowrap;
    transition:
        color .18s ease;
}


body.store-v3-body
.store-v3-filter-item:hover{
    color:
        var(--v3-ink,#17242d);
}


body.store-v3-body
.store-v3-filter-item.active{
    color:
        var(--v3-ink,#17242d);
    font-weight:760;
}


body.store-v3-body
.store-v3-filter-item.active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    border-radius:2px;
    background:
        var(--v3-accent,#e66f42);
}


body.store-v3-body
.store-v3-filter-item small{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    background:#ebeae6;
    color:#969da1;
    font-size:8px;
    font-weight:700;
}


/* 分类比排序再轻一点 */

body.store-v3-body
.store-v3-category-row
.store-v3-filter-item{
    color:#737e84;
}


body.store-v3-body
.store-v3-category-row
.store-v3-filter-item.active{
    color:
        var(--v3-ink,#17242d);
}


/* =========================================================
   清理旧重复模块
   ========================================================= */

body.store-v3-body
.store-history-entry{
    display:none !important;
}


/*
 * 新工具栏已经承担“选款中心”标题，
 * 所以V3之前添加的 PRODUCT GALLERY
 * 大标题不再重复展示。
 */
body.store-v3-body
.store-v3-product-head{
    display:none !important;
}


/* =========================================================
   手机
   ========================================================= */

@media(max-width:720px){

    body.store-v3-body
    .store-v3-library-toolbar{
        margin:
            36px
            0
            24px;
    }


    body.store-v3-body
    .store-v3-library-top{
        display:block;
        padding:
            26px
            0
            22px;
    }


    body.store-v3-body
    .store-v3-library-title h2{
        font-size:30px;
    }


    body.store-v3-body
    .store-v3-library-title p{
        max-width:280px;
    }


    body.store-v3-body
    .store-v3-search{
        margin-top:20px;
    }


    body.store-v3-body
    .store-v3-search-box{
        min-height:49px;
        padding-left:14px;
    }


    body.store-v3-body
    .store-v3-search-box input{
        height:45px;
        font-size:12px;
    }


    body.store-v3-body
    .store-v3-search-box button{
        min-width:69px;
        font-size:11px;
    }


    body.store-v3-body
    .store-v3-filter-row{
        display:block;
        min-height:0;
        padding:
            15px
            0
            0;
    }


    body.store-v3-body
    .store-v3-filter-label{
        margin-bottom:3px;
        font-size:9px;
    }


    body.store-v3-body
    .store-v3-filter-scroll{
        gap:25px;
    }


    body.store-v3-body
    .store-v3-filter-item{
        min-height:45px;
        font-size:11px;
    }


    body.store-v3-body
    .store-v3-filter-item.active::after{
        height:2px;
    }

}


/* ======================================================
   STOREFRONT VISUAL FINAL
   ====================================================== */

:root{
    --zs-bg:#fffaf6;
    --zs-bg-2:#f7fbff;
    --zs-panel:#ffffff;
    --zs-text:#1f2937;
    --zs-muted:#6b7280;
    --zs-line:rgba(15,23,42,.08);
    --zs-primary:#ff8a65;
    --zs-primary-2:#ffb38a;
    --zs-accent:#7cc6ff;
    --zs-navy:#1f365c;
    --zs-shadow:0 20px 50px rgba(31,54,92,.08);
    --zs-shadow-soft:0 12px 30px rgba(31,54,92,.06);
    --zs-radius:24px;
}

body{
    background:
        radial-gradient(circle at top left, rgba(255,179,138,.18), transparent 24%),
        radial-gradient(circle at top right, rgba(124,198,255,.14), transparent 22%),
        linear-gradient(180deg, var(--zs-bg) 0%, var(--zs-bg-2) 42%, #ffffff 100%) !important;
    color:var(--zs-text);
}

main{
    max-width:1280px;
    margin:0 auto;
}

.store-premium-hero{
    position:relative;
    overflow:hidden;
    margin:10px 0 28px;
    padding:38px 34px;
    border-radius:32px;
    border:1px solid rgba(255,255,255,.78);
    background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.80)),
        linear-gradient(135deg, rgba(255,138,101,.08), rgba(124,198,255,.08));
    box-shadow:var(--zs-shadow);
    backdrop-filter:blur(14px);
}

.store-premium-hero__glow{
    position:absolute;
    border-radius:999px;
    filter:blur(8px);
    opacity:.9;
    pointer-events:none;
}

.store-premium-hero__glow--1{
    width:260px;
    height:260px;
    right:-60px;
    top:-60px;
    background:radial-gradient(circle, rgba(255,179,138,.55), transparent 70%);
}

.store-premium-hero__glow--2{
    width:220px;
    height:220px;
    left:-50px;
    bottom:-70px;
    background:radial-gradient(circle, rgba(124,198,255,.45), transparent 70%);
}

.store-premium-hero__grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:24px;
    align-items:stretch;
}

.store-premium-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(31,54,92,.06);
    border:1px solid rgba(31,54,92,.08);
    font-size:12px;
    font-weight:800;
    letter-spacing:.12em;
    color:var(--zs-navy);
    margin-bottom:18px;
}

.store-premium-title{
    margin:0;
    font-size:44px;
    line-height:1.16;
    letter-spacing:-.02em;
    color:#16263f;
}

.store-premium-desc{
    max-width:720px;
    margin:16px 0 0;
    font-size:16px;
    line-height:1.95;
    color:var(--zs-muted);
}

.store-premium-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}

.store-premium-tags span{
    display:inline-flex;
    align-items:center;
    padding:9px 14px;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(31,54,92,.08);
    box-shadow:var(--zs-shadow-soft);
    color:#27405f;
    font-size:13px;
    font-weight:700;
}

.store-premium-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.btn-xl{
    min-height:48px;
    padding:0 22px;
    border-radius:14px;
    font-size:15px;
}

.btn-ghost{
    background:rgba(255,255,255,.82);
    border:1px solid rgba(31,54,92,.12);
    color:#26405f;
    box-shadow:var(--zs-shadow-soft);
}

.btn-ghost:hover{
    background:#fff;
}

.store-premium-metrics{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:14px;
    margin-top:28px;
}

.store-premium-metric{
    padding:18px 16px;
    border-radius:20px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(31,54,92,.08);
    box-shadow:var(--zs-shadow-soft);
}

.store-premium-metric strong{
    display:block;
    font-size:22px;
    line-height:1.1;
    color:#182b46;
}

.store-premium-metric span{
    display:block;
    margin-top:8px;
    color:var(--zs-muted);
    font-size:13px;
    line-height:1.6;
}

.store-premium-hero__side{
    display:grid;
    gap:16px;
    align-content:stretch;
}

.store-showcase-card{
    position:relative;
    padding:22px 22px 20px;
    border-radius:24px;
    background:rgba(255,255,255,.86);
    border:1px solid rgba(31,54,92,.08);
    box-shadow:var(--zs-shadow-soft);
}

.store-showcase-card--primary{
    background:
        linear-gradient(145deg, rgba(255,179,138,.20), rgba(255,255,255,.88) 46%, rgba(124,198,255,.16));
}

.store-showcase-badge{
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    color:#345173;
    background:rgba(31,54,92,.07);
    margin-bottom:14px;
}

.store-showcase-card h3{
    margin:0;
    font-size:20px;
    color:#182b46;
}

.store-showcase-card ul{
    margin:14px 0 0;
    padding-left:18px;
    color:var(--zs-muted);
    line-height:1.9;
    font-size:14px;
}

#store-v3-library-toolbar{
    margin-top:14px;
    margin-bottom:24px;
    padding:22px 20px !important;
    border-radius:26px !important;
    border:1px solid rgba(31,54,92,.08) !important;
    background:rgba(255,255,255,.84) !important;
    box-shadow:var(--zs-shadow-soft) !important;
    backdrop-filter:blur(12px);
}

#store-v3-library-toolbar .input,
#store-v3-library-toolbar input,
#store-v3-library-toolbar .select,
#store-v3-library-toolbar select{
    min-height:44px;
    border-radius:14px !important;
    border:1px solid rgba(31,54,92,.10) !important;
    background:#fff !important;
    box-shadow:none !important;
}

#store-v3-library-toolbar .btn,
#store-v3-library-toolbar a{
    border-radius:14px !important;
}

#store-v3-library-toolbar .btn:not(.btn-primary){
    background:#fff;
    border:1px solid rgba(31,54,92,.10);
}

#store-v3-library-toolbar .btn-primary{
    background:linear-gradient(135deg, #ff916d, #ffb790) !important;
    border:none !important;
    box-shadow:0 10px 24px rgba(255,138,101,.22);
}

.pagination{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:28px 0 10px !important;
    justify-content:center;
}

.pagination a,
.pagination span{
    min-width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px !important;
    border-radius:14px !important;
    border:1px solid rgba(31,54,92,.10) !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:var(--zs-shadow-soft);
    font-weight:700;
}

.pagination .active,
.pagination [aria-current="page"] span{
    background:linear-gradient(135deg, #ff916d, #ffb790) !important;
    color:#fff !important;
    border:none !important;
    box-shadow:0 10px 24px rgba(255,138,101,.22);
}

[class*="product-card"],
[class*="store-card"],
[class*="product-item"],
[class*="store-item"]{
    border-radius:22px !important;
    border:1px solid rgba(31,54,92,.08) !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:var(--zs-shadow-soft);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

[class*="product-card"]:hover,
[class*="store-card"]:hover,
[class*="product-item"]:hover,
[class*="store-item"]:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(31,54,92,.10);
    border-color:rgba(255,138,101,.20) !important;
}

.store-qty-input{
    border-radius:12px !important;
    border:1px solid rgba(31,54,92,.12) !important;
    background:#fff !important;
    font-weight:700;
}

@media (max-width: 1080px){
    .store-premium-hero__grid{
        grid-template-columns:1fr;
    }

    .store-premium-title{
        font-size:36px;
    }

    .store-premium-metrics{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 768px){
    .store-premium-hero{
        padding:24px 18px;
        border-radius:24px;
    }

    .store-premium-title{
        font-size:29px;
        line-height:1.2;
    }

    .store-premium-desc{
        font-size:14px;
        line-height:1.85;
    }

    .store-premium-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .btn-xl{
        width:100%;
    }

    .store-premium-metrics{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }

    #store-v3-library-toolbar{
        padding:16px 14px !important;
        border-radius:20px !important;
    }
}


/* =====================================================
   STOREFRONT SCREEN 2 FINAL
   ===================================================== */

.zs-screen2{
    margin:
        34px
        0
        58px;
}


.zs-screen2-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
    padding:
        4px
        2px
        24px;
}


.zs-screen2-eyebrow{
    display:block;
    margin-bottom:9px;
    color:#ff8a65;
    font-size:10px;
    font-weight:900;
    letter-spacing:.19em;
}


.zs-screen2-head h2{
    margin:0;
    color:#17273f;
    font-size:
        clamp(
            30px,
            3.3vw,
            44px
        );
    line-height:1;
    letter-spacing:-.045em;
}


.zs-screen2-head > p{
    max-width:400px;
    margin:0;
    color:#7d8790;
    font-size:13px;
    line-height:1.8;
    text-align:right;
}


.zs-screen2-layout{
    display:grid;
    grid-template-columns:
        minmax(300px,.72fr)
        minmax(0,1.28fr);
    gap:18px;
}


/* 左侧品牌故事 */

.zs-screen2-story{
    position:relative;
    overflow:hidden;
    min-height:610px;
    padding:
        clamp(
            27px,
            3vw,
            42px
        );
    border-radius:30px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(124,198,255,.18),
            transparent 34%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(255,138,101,.16),
            transparent 35%
        ),
        #182b46;
    color:#fff;
    box-shadow:
        0 24px 55px
        rgba(20,39,64,.13);
}


.zs-screen2-story::after{
    content:"";
    position:absolute;
    width:190px;
    height:190px;
    right:-68px;
    bottom:-70px;
    border:
        1px solid
        rgba(255,255,255,.13);
    border-radius:50%;
}


.zs-screen2-story-label{
    display:inline-flex;
    padding:
        7px
        11px;
    border:
        1px solid
        rgba(255,255,255,.14);
    border-radius:999px;
    color:
        rgba(255,255,255,.67);
    font-size:9px;
    font-weight:900;
    letter-spacing:.17em;
}


.zs-screen2-story h3{
    margin:
        55px
        0
        0;
    font-size:
        clamp(
            32px,
            3.7vw,
            52px
        );
    font-weight:720;
    line-height:1.13;
    letter-spacing:-.055em;
}


.zs-screen2-story > p{
    max-width:410px;
    margin:
        22px
        0
        0;
    color:
        rgba(255,255,255,.62);
    font-size:13px;
    line-height:1.95;
}


.zs-screen2-points{
    display:grid;
    gap:0;
    margin-top:38px;
    border-top:
        1px solid
        rgba(255,255,255,.12);
}


.zs-screen2-points > div{
    display:grid;
    grid-template-columns:
        34px
        1fr;
    gap:11px;
    align-items:center;
    min-height:53px;
    border-bottom:
        1px solid
        rgba(255,255,255,.1);
}


.zs-screen2-points b{
    color:#ffb38a;
    font-size:9px;
    letter-spacing:.08em;
}


.zs-screen2-points span{
    color:
        rgba(255,255,255,.75);
    font-size:11px;
}


.zs-screen2-main-link{
    position:absolute;
    left:
        clamp(
            27px,
            3vw,
            42px
        );
    right:
        clamp(
            27px,
            3vw,
            42px
        );
    bottom:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:52px;
    padding:0 19px;
    border-radius:15px;
    background:#fff;
    color:#17273f;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


.zs-screen2-main-link:hover{
    transform:
        translateY(-2px);
    box-shadow:
        0 14px 30px
        rgba(0,0,0,.18);
}



/* 右侧四款产品 */

.zs-screen2-gallery{
    display:grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );
    gap:18px;
}


.zs-screen2-product{
    display:block;
    overflow:hidden;
    border:
        1px solid
        rgba(31,54,92,.07);
    border-radius:26px;
    background:
        rgba(255,255,255,.92);
    box-shadow:
        0 14px 35px
        rgba(31,54,92,.065);
    color:inherit;
    text-decoration:none;
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.zs-screen2-product:hover{
    transform:
        translateY(-5px);
    box-shadow:
        0 23px 48px
        rgba(31,54,92,.11);
}


.zs-screen2-product-image{
    position:relative;
    overflow:hidden;
    aspect-ratio:
        3 / 4;
    background:
        linear-gradient(
            145deg,
            #f8f5ef,
            #f1f7fb
        );
}


.zs-screen2-product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    padding:14px;
    transition:
        transform .28s ease;
}


.zs-screen2-product:hover
.zs-screen2-product-image img{
    transform:
        scale(1.035);
}


.zs-screen2-code{
    position:absolute;
    top:14px;
    left:14px;
    display:inline-flex;
    min-height:29px;
    align-items:center;
    padding:0 11px;
    border-radius:999px;
    background:
        rgba(255,255,255,.88);
    border:
        1px solid
        rgba(31,54,92,.07);
    backdrop-filter:
        blur(10px);
    color:#334c69;
    font-size:9px;
    font-weight:900;
    letter-spacing:.06em;
}


.zs-screen2-product-info{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:75px;
    padding:
        14px
        16px
        15px;
}


.zs-screen2-product-info strong{
    display:block;
    overflow:hidden;
    color:#1c2d45;
    font-size:12px;
    line-height:1.35;
    white-space:nowrap;
    text-overflow:ellipsis;
}


.zs-screen2-product-info span{
    display:block;
    margin-top:5px;
    color:#959ca2;
    font-size:9px;
}


.zs-screen2-product-info i{
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#f3f5f5;
    color:#263f5c;
    font-size:13px;
    font-style:normal;
}


.zs-screen2-noimage{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:#a4abb0;
    font-size:10px;
    font-weight:900;
    letter-spacing:.17em;
}



/* 三个导流入口 */

.zs-screen2-routes{
    display:grid;
    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );
    margin-top:18px;
    border-top:
        1px solid
        rgba(31,54,92,.08);
    border-bottom:
        1px solid
        rgba(31,54,92,.08);
}


.zs-screen2-routes > a{
    display:grid;
    grid-template-columns:
        34px
        1fr
        auto;
    gap:14px;
    align-items:center;
    min-height:96px;
    padding:
        0
        25px;
    color:inherit;
    text-decoration:none;
    border-right:
        1px solid
        rgba(31,54,92,.08);
    transition:
        background .18s ease;
}


.zs-screen2-routes > a:last-child{
    border-right:0;
}


.zs-screen2-routes > a:hover{
    background:
        rgba(255,255,255,.7);
}


.zs-screen2-routes > a > span{
    color:#ff8a65;
    font-size:9px;
    font-weight:900;
}


.zs-screen2-routes small{
    display:block;
    margin-bottom:6px;
    color:#9aa1a6;
    font-size:8px;
    font-weight:850;
    letter-spacing:.14em;
}


.zs-screen2-routes strong{
    color:#243951;
    font-size:14px;
}


.zs-screen2-routes b{
    color:#7c8891;
    font-size:14px;
}



/* 手机 */

@media(
    max-width:900px
){

    .zs-screen2-layout{
        grid-template-columns:1fr;
    }


    .zs-screen2-story{
        min-height:520px;
    }

}



@media(
    max-width:720px
){

    .zs-screen2{
        margin:
            28px
            0
            42px;
    }


    .zs-screen2-head{
        display:block;
        padding-bottom:18px;
    }


    .zs-screen2-head > p{
        margin-top:11px;
        text-align:left;
    }


    .zs-screen2-head h2{
        font-size:31px;
    }


    .zs-screen2-story{
        min-height:485px;
        padding:24px;
        border-radius:24px;
    }


    .zs-screen2-story h3{
        margin-top:35px;
        font-size:35px;
    }


    .zs-screen2-main-link{
        left:24px;
        right:24px;
        bottom:24px;
    }


    .zs-screen2-gallery{
        gap:10px;
    }


    .zs-screen2-product{
        border-radius:19px;
    }


    .zs-screen2-product-image img{
        padding:7px;
    }


    .zs-screen2-product-info{
        min-height:64px;
        padding:
            10px
            11px;
    }


    .zs-screen2-product-info i{
        display:none;
    }


    .zs-screen2-product-info strong{
        font-size:10px;
    }


    .zs-screen2-code{
        top:8px;
        left:8px;
        min-height:25px;
        padding:0 8px;
        font-size:8px;
    }


    .zs-screen2-routes{
        display:block;
    }


    .zs-screen2-routes > a{
        min-height:72px;
        padding:0 8px;
        border-right:0;
        border-bottom:
            1px solid
            rgba(31,54,92,.08);
    }


    .zs-screen2-routes > a:last-child{
        border-bottom:0;
    }

}


/* =========================================================
   STOREFRONT MOBILE + CTA VISUAL FIX FINAL
   ========================================================= */

.store-premium-actions{
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
    margin-top:26px;
}

.store-hero-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:132px;
    min-height:50px;

    padding:0 24px !important;

    border-radius:15px !important;

    font-size:14px !important;
    font-weight:800 !important;
    line-height:1 !important;

    text-decoration:none !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.store-hero-action--primary{
    color:#fff !important;

    background:
        linear-gradient(
            135deg,
            #ff825f,
            #ffab82
        ) !important;

    border:
        1px solid
        rgba(255,111,76,.18) !important;

    box-shadow:
        0 12px 28px
        rgba(255,126,91,.26) !important;
}

.store-hero-action--primary:hover{
    color:#fff !important;
    transform:translateY(-2px);
    box-shadow:
        0 16px 34px
        rgba(255,126,91,.32) !important;
}

.store-hero-action--secondary{
    color:#1e3653 !important;

    background:
        rgba(255,255,255,.92) !important;

    border:
        1px solid
        rgba(31,54,92,.14) !important;

    box-shadow:
        0 10px 25px
        rgba(31,54,92,.08) !important;
}

.store-hero-action--secondary:hover{
    color:#1e3653 !important;
    background:#fff !important;
    transform:translateY(-2px);
}


/* =========================================================
   Mobile visual hardening
   ========================================================= */

@media (max-width: 768px){

    html,
    body{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }

    body{
        background:
            radial-gradient(
                circle at 0 0,
                rgba(255,179,138,.20),
                transparent 28%
            ),
            radial-gradient(
                circle at 100% 8%,
                rgba(124,198,255,.16),
                transparent 26%
            ),
            #fffaf6 !important;
    }

    main{
        width:100%;
        max-width:100%;
        padding-left:14px;
        padding-right:14px;
        box-sizing:border-box;
    }


    /* ---------- 第一屏 ---------- */

    .store-premium-hero{
        display:block !important;
        position:relative !important;

        margin:
            8px
            0
            22px !important;

        padding:
            22px
            17px
            18px !important;

        border:
            1px solid
            rgba(31,54,92,.08) !important;

        border-radius:
            24px !important;

        background:
            linear-gradient(
                145deg,
                rgba(255,255,255,.96),
                rgba(255,250,246,.94)
            ) !important;

        box-shadow:
            0 18px 42px
            rgba(31,54,92,.09) !important;

        overflow:hidden !important;
    }

    .store-premium-hero__grid{
        display:block !important;
    }

    .store-premium-hero__main{
        position:relative;
        z-index:2;
    }

    .store-premium-kicker{
        display:inline-flex !important;

        padding:
            7px
            10px !important;

        margin-bottom:
            15px !important;

        border:
            1px solid
            rgba(31,54,92,.08) !important;

        border-radius:
            999px !important;

        background:
            rgba(31,54,92,.05) !important;

        color:
            #294563 !important;

        font-size:
            9px !important;
    }

    .store-premium-title{
        display:block !important;

        margin:0 !important;

        color:
            #16263f !important;

        font-size:
            31px !important;

        line-height:
            1.18 !important;

        letter-spacing:
            -.035em !important;
    }

    .store-premium-desc{
        display:block !important;

        margin-top:
            15px !important;

        color:
            #697681 !important;

        font-size:
            13px !important;

        line-height:
            1.8 !important;
    }


    /* ---------- 标签 ---------- */

    .store-premium-tags{
        display:flex !important;
        flex-wrap:wrap !important;
        gap:8px !important;

        margin-top:
            17px !important;
    }

    .store-premium-tags span{
        display:inline-flex !important;
        align-items:center !important;

        min-height:
            34px !important;

        padding:
            0
            11px !important;

        border:
            1px solid
            rgba(31,54,92,.08) !important;

        border-radius:
            999px !important;

        background:
            #fff !important;

        box-shadow:
            0 7px 18px
            rgba(31,54,92,.05) !important;

        color:
            #38516c !important;

        font-size:
            10px !important;

        font-weight:
            700 !important;
    }


    /* ---------- CTA ---------- */

    .store-premium-actions{
        display:grid !important;

        grid-template-columns:
            1fr
            1fr !important;

        gap:
            10px !important;

        width:
            100% !important;

        margin-top:
            20px !important;
    }

    .store-hero-action{
        display:flex !important;

        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            48px !important;

        padding:
            0
            12px !important;

        border-radius:
            14px !important;

        box-sizing:
            border-box !important;

        font-size:
            12px !important;
    }

    .store-hero-action--primary{
        background:
            linear-gradient(
                135deg,
                #ff805c,
                #ffad84
            ) !important;

        color:
            #fff !important;

        border:
            1px solid
            rgba(255,118,80,.18) !important;

        box-shadow:
            0 10px 22px
            rgba(255,126,91,.25) !important;
    }

    .store-hero-action--secondary{
        background:
            #fff !important;

        color:
            #213a56 !important;

        border:
            1px solid
            rgba(31,54,92,.12) !important;

        box-shadow:
            0 8px 20px
            rgba(31,54,92,.07) !important;
    }


    /* ---------- 四个数据块 ---------- */

    .store-premium-metrics{
        display:grid !important;

        grid-template-columns:
            1fr
            1fr !important;

        gap:
            9px !important;

        margin-top:
            18px !important;
    }

    .store-premium-metric{
        display:block !important;

        padding:
            14px
            12px !important;

        border:
            1px solid
            rgba(31,54,92,.08) !important;

        border-radius:
            16px !important;

        background:
            rgba(255,255,255,.94) !important;

        box-shadow:
            0 8px 20px
            rgba(31,54,92,.055) !important;
    }

    .store-premium-metric strong{
        display:block !important;

        color:
            #1c324e !important;

        font-size:
            17px !important;
    }

    .store-premium-metric span{
        display:block !important;

        margin-top:
            5px !important;

        color:
            #7f8991 !important;

        font-size:
            10px !important;
    }


    /* ---------- 右侧信息卡：移动端转为上下 ---------- */

    .store-premium-hero__side{
        display:grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            10px !important;

        margin-top:
            14px !important;
    }

    .store-showcase-card{
        display:block !important;

        padding:
            16px !important;

        border:
            1px solid
            rgba(31,54,92,.08) !important;

        border-radius:
            18px !important;

        background:
            rgba(255,255,255,.92) !important;

        box-shadow:
            0 9px 23px
            rgba(31,54,92,.06) !important;
    }

    .store-showcase-card--primary{
        background:
            linear-gradient(
                145deg,
                rgba(255,179,138,.18),
                rgba(255,255,255,.95)
            ) !important;
    }

    .store-showcase-badge{
        display:inline-flex !important;

        padding:
            6px
            9px !important;

        border-radius:
            999px !important;

        background:
            rgba(31,54,92,.06) !important;

        color:
            #47617a !important;

        font-size:
            8px !important;
    }

    .store-showcase-card h3{
        display:block !important;

        margin:
            10px
            0
            0 !important;

        color:
            #1c314d !important;

        font-size:
            16px !important;
    }

    .store-showcase-card ul{
        display:block !important;

        margin:
            10px
            0
            0 !important;

        padding-left:
            18px !important;

        color:
            #69747d !important;

        font-size:
            11px !important;

        line-height:
            1.8 !important;
    }


    /* ---------- 第二屏 ---------- */

    .zs-screen2{
        display:block !important;

        margin:
            26px
            0
            36px !important;
    }

    .zs-screen2-head{
        display:block !important;
    }

    .zs-screen2-layout{
        display:block !important;
    }

    .zs-screen2-story{
        display:block !important;

        min-height:
            470px !important;

        margin-bottom:
            12px !important;

        padding:
            22px !important;

        border-radius:
            22px !important;

        border:
            1px solid
            rgba(255,255,255,.08) !important;

        background:
            #182b46 !important;

        box-shadow:
            0 18px 38px
            rgba(24,43,70,.14) !important;
    }

    .zs-screen2-gallery{
        display:grid !important;

        grid-template-columns:
            1fr
            1fr !important;

        gap:
            10px !important;
    }

    .zs-screen2-product{
        display:block !important;

        border:
            1px solid
            rgba(31,54,92,.08) !important;

        border-radius:
            18px !important;

        background:
            #fff !important;

        box-shadow:
            0 10px 24px
            rgba(31,54,92,.065) !important;

        overflow:hidden !important;
    }

    .zs-screen2-routes{
        display:block !important;

        margin-top:
            14px !important;

        border-top:
            1px solid
            rgba(31,54,92,.08) !important;

        border-bottom:
            1px solid
            rgba(31,54,92,.08) !important;
    }

    .zs-screen2-routes > a{
        display:grid !important;

        grid-template-columns:
            30px
            1fr
            auto !important;

        min-height:
            68px !important;

        border-bottom:
            1px solid
            rgba(31,54,92,.08) !important;

        text-decoration:
            none !important;
    }


    /* ---------- 产品选款中心 ---------- */

    #store-v3-library-toolbar{
        display:block !important;

        margin:
            22px
            0 !important;

        padding:
            16px
            14px !important;

        border:
            1px solid
            rgba(31,54,92,.09) !important;

        border-radius:
            20px !important;

        background:
            rgba(255,255,255,.94) !important;

        box-shadow:
            0 12px 28px
            rgba(31,54,92,.07) !important;
    }

}


/* 极窄手机 */
@media (max-width: 390px){

    .store-premium-title{
        font-size:
            28px !important;
    }

    .store-premium-actions{
        grid-template-columns:
            1fr !important;
    }

}


/* ==========================================================
   SCREEN 2 · ALTERNATING PRODUCT CAROUSEL
   ========================================================== */

.zs2-rotator{
    margin:
        38px
        0
        58px;
}


/* ---------- 标题 ---------- */

.zs2-rotator-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;

    padding:
        0
        2px
        23px;
}


.zs2-rotator-kicker{
    display:block;

    margin-bottom:9px;

    color:#ff8561;

    font-size:9px;
    font-weight:900;

    letter-spacing:.2em;
}


.zs2-rotator-head h2{
    margin:0;

    color:#17283f;

    font-size:
        clamp(
            32px,
            3.3vw,
            46px
        );

    line-height:1;

    letter-spacing:-.048em;
}


.zs2-rotator-head p{
    margin:
        11px
        0
        0;

    color:#858e95;

    font-size:12px;

    line-height:1.7;
}



/* ---------- 右侧控制 ---------- */

.zs2-rotator-tools{
    display:flex;

    align-items:center;

    gap:20px;
}


.zs2-legend{
    display:flex;

    align-items:center;

    gap:14px;
}


.zs2-legend span{
    display:flex;

    align-items:center;

    gap:6px;

    color:#77828a;

    font-size:9px;

    font-weight:700;
}


.zs2-legend i{
    display:block;

    width:7px;
    height:7px;

    border-radius:50%;
}


.zs2-legend i.hot{
    background:#ff8561;
}


.zs2-legend i.new{
    background:#77bcec;
}


.zs2-counter{
    display:flex;

    align-items:center;

    gap:5px;

    color:#75818a;

    font-size:9px;

    font-weight:800;
}


.zs2-counter em{
    color:#b0b5b9;

    font-style:normal;
}


.zs2-arrows{
    display:flex;

    gap:7px;
}


.zs2-arrows button{
    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;
    height:42px;

    padding:0;

    border:
        1px solid
        rgba(31,54,92,.1);

    border-radius:50%;

    background:
        rgba(255,255,255,.86);

    color:#243c58;

    cursor:pointer;

    box-shadow:
        0 7px 19px
        rgba(31,54,92,.045);

    transition:
        transform .17s ease,
        background .17s ease;
}


.zs2-arrows button:hover{
    background:#fff;

    transform:
        translateY(-2px);
}



/* ---------- 横向展柜 ---------- */

.zs2-viewport{
    overflow-x:auto;

    overflow-y:hidden;

    width:100%;

    padding:
        2px
        2px
        17px;

    scroll-snap-type:
        x mandatory;

    scroll-behavior:
        smooth;

    scrollbar-width:none;

    -webkit-overflow-scrolling:
        touch;
}


.zs2-viewport::-webkit-scrollbar{
    display:none;
}


.zs2-track{
    display:flex;

    gap:14px;
}


/* ---------- 卡片 ---------- */

.zs2-rotator-card{
    flex:
        0
        0
        calc(
            (
                100%
                - 28px
            )
            / 3
        );

    min-width:0;

    overflow:hidden;

    border:
        1px solid
        rgba(31,54,92,.075);

    border-radius:26px;

    background:
        #fff;

    color:inherit;

    text-decoration:none;

    scroll-snap-align:start;

    box-shadow:
        0 13px 32px
        rgba(31,54,92,.06);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.zs2-rotator-card:hover{
    transform:
        translateY(-4px);

    box-shadow:
        0 21px 44px
        rgba(31,54,92,.095);
}


.zs2-rotator-card.is-hot{
    background:
        linear-gradient(
            180deg,
            #fffaf7,
            #fff
        );
}


.zs2-rotator-card.is-new{
    background:
        linear-gradient(
            180deg,
            #f8fcff,
            #fff
        );
}



/* ---------- 图片 ---------- */

.zs2-card-media{
    position:relative;

    overflow:hidden;

    aspect-ratio:
        3 / 4;

    background:
        linear-gradient(
            145deg,
            #f6f1ea,
            #f1f7fa
        );
}


.zs2-rotator-card.is-new
.zs2-card-media{
    background:
        linear-gradient(
            145deg,
            #f2f8fb,
            #fafafa
        );
}


.zs2-card-media::before{
    content:"";

    position:absolute;

    left:50%;
    top:52%;

    width:72%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        rgba(255,255,255,.58);

    transform:
        translate(
            -50%,
            -50%
        );

    box-shadow:
        inset
        0
        0
        0
        1px
        rgba(31,54,92,.035);
}


.zs2-card-media img{
    position:relative;

    z-index:2;

    display:block;

    width:100%;
    height:100%;

    padding:15px;

    object-fit:contain;

    transition:
        transform .25s ease;
}


.zs2-rotator-card:hover
.zs2-card-media img{
    transform:
        scale(1.035);
}



/* ---------- Badge ---------- */

.zs2-card-badge{
    position:absolute;

    z-index:4;

    top:14px;
    left:14px;

    display:inline-flex;

    align-items:center;

    gap:6px;

    min-height:29px;

    padding:
        0
        10px;

    border:
        1px solid
        rgba(31,54,92,.07);

    border-radius:999px;

    background:
        rgba(255,255,255,.88);

    backdrop-filter:
        blur(10px);

    color:#526372;

    font-size:8px;

    font-weight:850;

    letter-spacing:.04em;
}


.zs2-card-badge i{
    width:6px;
    height:6px;

    border-radius:50%;

    background:#ff8561;
}


.zs2-rotator-card.is-new
.zs2-card-badge i{
    background:#77bcec;
}



/* ---------- 编号 ---------- */

.zs2-card-code{
    position:absolute;

    z-index:4;

    right:14px;
    top:14px;

    color:#8d969c;

    font-size:8px;

    font-weight:850;

    letter-spacing:.08em;
}



/* ---------- 产品信息 ---------- */

.zs2-card-info{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    min-height:91px;

    padding:
        16px
        17px;
}


.zs2-card-info > div{
    min-width:0;
}


.zs2-card-info small{
    display:block;

    color:#a0a6aa;

    font-size:7px;

    font-weight:850;

    letter-spacing:.12em;
}


.zs2-card-info strong{
    display:block;

    overflow:hidden;

    margin-top:6px;

    color:#21364e;

    font-size:12px;

    line-height:1.4;

    white-space:nowrap;

    text-overflow:ellipsis;
}


.zs2-card-info span{
    display:block;

    margin-top:6px;

    color:#8d969c;

    font-size:8px;
}


.zs2-card-info b{
    flex:none;

    display:flex;

    align-items:center;

    justify-content:center;

    width:36px;
    height:36px;

    border-radius:50%;

    background:#f2f4f4;

    color:#2d455e;

    font-size:11px;
}



/* ---------- 没图片 ---------- */

.zs2-card-placeholder{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;
    height:100%;

    color:#a1a8ad;

    font-size:9px;

    font-weight:900;

    letter-spacing:.18em;
}



/* ---------- 底部进度线 ---------- */

.zs2-progress{
    overflow:hidden;

    width:100%;

    height:2px;

    margin-top:4px;

    border-radius:99px;

    background:
        rgba(31,54,92,.065);
}


.zs2-progress span{
    display:block;

    width:0;

    height:100%;

    border-radius:99px;

    background:
        linear-gradient(
            90deg,
            #ff8561,
            #77bcec
        );

    transition:
        width .3s ease;
}



/* ==========================================================
   Tablet
   ========================================================== */

@media(max-width:980px){

    .zs2-rotator-card{
        flex-basis:
            calc(
                (
                    100%
                    - 14px
                )
                / 2
            );
    }

}



/* ==========================================================
   Mobile
   ========================================================== */

@media(max-width:720px){

    .zs2-rotator{
        margin:
            29px
            0
            43px;
    }


    .zs2-rotator-head{
        display:block;

        padding-bottom:
            17px;
    }


    .zs2-rotator-head h2{
        font-size:31px;
    }


    .zs2-rotator-head p{
        max-width:280px;
    }


    .zs2-rotator-tools{
        justify-content:
            space-between;

        margin-top:17px;
    }


    .zs2-legend{
        gap:10px;
    }


    .zs2-counter{
        margin-left:auto;
    }


    .zs2-arrows button{
        width:37px;
        height:37px;
    }


    .zs2-track{
        gap:10px;
    }


    .zs2-rotator-card{
        flex:
            0
            0
            82%;

        border-radius:21px;
    }


    .zs2-card-media img{
        padding:9px;
    }


    .zs2-card-info{
        min-height:80px;

        padding:
            13px
            14px;
    }


    .zs2-card-info strong{
        font-size:11px;
    }


    .zs2-card-badge{
        top:10px;
        left:10px;
    }


    .zs2-card-code{
        top:14px;
        right:11px;
    }

}




/* SCREEN2 CAROUSEL FINAL START */


/* =========================================================
   第二屏整体
   ========================================================= */

.zs2-rotator{
    position:relative;

    margin:
        46px
        0
        62px;

    padding:
        30px
        0
        6px;
}


/* 很淡的背景氛围，不做大色块 */

.zs2-rotator::before{
    content:"";

    position:absolute;

    z-index:-1;

    left:-70px;
    right:-70px;

    top:-10px;
    bottom:-18px;

    border-radius:44px;

    background:
        radial-gradient(
            circle at 8% 10%,
            rgba(255,171,126,.11),
            transparent 28%
        ),
        radial-gradient(
            circle at 92% 24%,
            rgba(119,188,236,.10),
            transparent 25%
        );
}



/* =========================================================
   标题区
   ========================================================= */

.zs2-rotator-head{
    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:32px;

    margin-bottom:24px;

    padding:
        0
        3px;
}


.zs2-rotator-kicker{
    display:block;

    margin-bottom:10px;

    color:#eb7956;

    font-size:9px;

    font-weight:900;

    letter-spacing:.22em;
}


.zs2-rotator-head h2{
    margin:0;

    color:#17283f;

    font-size:
        clamp(
            32px,
            3.3vw,
            45px
        );

    font-weight:760;

    line-height:1;

    letter-spacing:-.05em;
}


.zs2-rotator-head p{
    max-width:430px;

    margin:
        12px
        0
        0;

    color:#7c878f;

    font-size:12px;

    line-height:1.75;
}



/* =========================================================
   控制区域
   ========================================================= */

.zs2-rotator-tools{
    flex:none;

    display:flex;

    align-items:center;

    gap:18px;
}


.zs2-legend{
    display:flex;

    align-items:center;

    gap:14px;

    padding:
        0
        3px;
}


.zs2-legend span{
    display:flex;

    align-items:center;

    gap:6px;

    color:#77828b;

    font-size:9px;

    font-weight:700;
}


.zs2-legend i{
    display:block;

    width:7px;
    height:7px;

    border-radius:50%;
}


.zs2-legend i.hot{
    background:#ef7f5b;

    box-shadow:
        0
        0
        0
        4px
        rgba(239,127,91,.10);
}


.zs2-legend i.new{
    background:#71b6e6;

    box-shadow:
        0
        0
        0
        4px
        rgba(113,182,230,.10);
}


.zs2-counter{
    display:flex;

    align-items:center;

    gap:5px;

    color:#667580;

    font-size:10px;

    font-weight:800;

    font-variant-numeric:
        tabular-nums;
}


.zs2-counter em{
    color:#c1c6ca;

    font-style:normal;
}



/* 左右切换按钮 */

.zs2-arrows{
    display:flex;

    gap:8px;
}


.zs2-arrows button{
    appearance:none;

    display:flex;

    align-items:center;

    justify-content:center;

    width:44px;
    height:44px;

    padding:0;

    border:
        1px solid
        rgba(28,48,72,.10);

    border-radius:50%;

    background:
        rgba(255,255,255,.94);

    color:#1e3652;

    font-size:15px;

    cursor:pointer;

    box-shadow:
        0
        9px
        23px
        rgba(31,54,92,.055);

    transition:
        transform .17s ease,
        box-shadow .17s ease,
        background .17s ease;
}


.zs2-arrows button:hover{
    background:#fff;

    transform:
        translateY(-2px);

    box-shadow:
        0
        13px
        27px
        rgba(31,54,92,.09);
}



/* =========================================================
   横向轮播窗口
   ========================================================= */

.zs2-viewport{
    position:relative;

    overflow-x:auto;

    overflow-y:hidden;

    width:100%;

    padding:
        3px
        3px
        20px;

    scroll-snap-type:
        x mandatory;

    scroll-behavior:smooth;

    scrollbar-width:none;

    -webkit-overflow-scrolling:
        touch;
}


.zs2-viewport::-webkit-scrollbar{
    display:none;
}


.zs2-track{
    display:flex;

    gap:16px;
}



/* =========================================================
   商品卡片
   ========================================================= */

.zs2-rotator-card{
    position:relative;

    flex:
        0
        0
        calc(
            (
                100%
                - 32px
            )
            / 3
        );

    min-width:0;

    overflow:hidden;

    border:
        1px solid
        rgba(31,54,92,.075);

    border-radius:26px;

    background:#fff;

    color:inherit;

    text-decoration:none;

    scroll-snap-align:start;

    box-shadow:
        0
        13px
        34px
        rgba(31,54,92,.06);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}


.zs2-rotator-card:hover{
    transform:
        translateY(-5px);

    border-color:
        rgba(31,54,92,.11);

    box-shadow:
        0
        23px
        48px
        rgba(31,54,92,.10);
}



/* 热选与新品只做非常轻的色彩区分 */

.zs2-rotator-card.is-hot{
    background:
        linear-gradient(
            180deg,
            #fffaf7 0%,
            #ffffff 32%
        );
}


.zs2-rotator-card.is-new{
    background:
        linear-gradient(
            180deg,
            #f7fbfe 0%,
            #ffffff 32%
        );
}



/* =========================================================
   3:4 商品图片区域
   ========================================================= */

.zs2-card-media{
    position:relative;

    overflow:hidden;

    aspect-ratio:
        3 / 4;

    margin:
        8px
        8px
        0;

    border-radius:
        20px;

    background:
        linear-gradient(
            145deg,
            #f5f1eb,
            #f1f6f8
        );
}


.zs2-rotator-card.is-new
.zs2-card-media{
    background:
        linear-gradient(
            145deg,
            #f1f7fa,
            #f7f8f7
        );
}


/* 背后的圆形展台 */

.zs2-card-media::before{
    content:"";

    position:absolute;

    left:50%;
    top:51%;

    width:74%;

    aspect-ratio:1;

    transform:
        translate(
            -50%,
            -50%
        );

    border-radius:50%;

    background:
        rgba(255,255,255,.70);

    border:
        1px solid
        rgba(31,54,92,.035);

    box-shadow:
        0
        15px
        45px
        rgba(31,54,92,.045);
}


/* 商品实体图 */

.zs2-card-media img{
    position:relative;

    z-index:2;

    display:block;

    width:100%;
    height:100%;

    padding:15px;

    object-fit:contain;

    object-position:center;

    transition:
        transform .28s ease;
}


.zs2-rotator-card:hover
.zs2-card-media img{
    transform:
        scale(1.035);
}



/* =========================================================
   热选 / 新品标签
   ========================================================= */

.zs2-card-badge{
    position:absolute;

    z-index:5;

    top:14px;
    left:14px;

    display:inline-flex;

    align-items:center;

    gap:7px;

    min-height:30px;

    padding:
        0
        11px;

    border:
        1px solid
        rgba(31,54,92,.07);

    border-radius:999px;

    background:
        rgba(255,255,255,.90);

    backdrop-filter:
        blur(12px);

    color:#50616f;

    font-size:8px;

    font-weight:850;

    letter-spacing:.04em;

    box-shadow:
        0
        6px
        18px
        rgba(31,54,92,.045);
}


.zs2-card-badge i{
    width:6px;
    height:6px;

    border-radius:50%;

    background:#ef7f5b;
}


.zs2-rotator-card.is-new
.zs2-card-badge i{
    background:#71b6e6;
}



/* 产品编号 */

.zs2-card-code{
    position:absolute;

    z-index:5;

    top:18px;
    right:16px;

    color:#87929a;

    font-size:9px;

    font-weight:900;

    letter-spacing:.09em;
}



/* =========================================================
   卡片底部信息
   ========================================================= */

.zs2-card-info{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:14px;

    min-height:93px;

    padding:
        17px
        18px
        18px;
}


.zs2-card-info > div{
    min-width:0;
}


.zs2-card-info small{
    display:block;

    color:#a3a9ad;

    font-size:7px;

    font-weight:850;

    letter-spacing:.14em;
}


.zs2-card-info strong{
    display:block;

    overflow:hidden;

    margin-top:7px;

    color:#20354d;

    font-size:13px;

    font-weight:780;

    line-height:1.35;

    white-space:nowrap;

    text-overflow:ellipsis;
}


.zs2-card-info span{
    display:block;

    margin-top:7px;

    color:#8a949b;

    font-size:9px;
}


.zs2-card-info b{
    flex:none;

    display:flex;

    align-items:center;

    justify-content:center;

    width:38px;
    height:38px;

    border-radius:50%;

    background:#f2f4f4;

    color:#30475e;

    font-size:12px;

    transition:
        background .18s ease,
        transform .18s ease;
}


.zs2-rotator-card:hover
.zs2-card-info b{
    background:#172d48;

    color:#fff;

    transform:
        translate(
            2px,
            -2px
        );
}



/* =========================================================
   无图占位
   ========================================================= */

.zs2-card-placeholder{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;
    height:100%;

    color:#a4abb0;

    font-size:9px;

    font-weight:900;

    letter-spacing:.18em;
}



/* =========================================================
   轮播进度
   ========================================================= */

.zs2-progress{
    overflow:hidden;

    width:100%;

    height:3px;

    margin-top:1px;

    border-radius:999px;

    background:
        rgba(31,54,92,.055);
}


.zs2-progress span{
    display:block;

    width:0;

    height:100%;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #ef805d 0%,
            #ef9d79 46%,
            #75b9e7 100%
        );

    transition:
        width .3s ease;
}



/* =========================================================
   平板
   ========================================================= */

@media(max-width:980px){

    .zs2-rotator-card{
        flex:
            0
            0
            calc(
                (
                    100%
                    - 16px
                )
                / 2
            );
    }

}



/* =========================================================
   手机端
   ========================================================= */

@media(max-width:720px){

    .zs2-rotator{
        margin:
            31px
            0
            45px;

        padding-top:10px;
    }


    .zs2-rotator::before{
        left:-20px;
        right:-20px;

        border-radius:28px;
    }


    .zs2-rotator-head{
        display:block;

        margin-bottom:17px;

        padding:
            0
            1px;
    }


    .zs2-rotator-head h2{
        font-size:31px;
    }


    .zs2-rotator-head p{
        max-width:310px;

        margin-top:9px;

        font-size:11px;

        line-height:1.7;
    }


    .zs2-rotator-tools{
        display:flex !important;

        align-items:center;

        width:100%;

        gap:11px;

        margin-top:17px;
    }


    .zs2-legend{
        gap:10px;
    }


    .zs2-legend span{
        font-size:8px;
    }


    .zs2-counter{
        margin-left:auto;

        font-size:9px;
    }


    .zs2-arrows{
        display:flex !important;
    }


    .zs2-arrows button{
        display:flex !important;

        width:38px;
        height:38px;

        border:
            1px solid
            rgba(31,54,92,.11) !important;

        background:
            #fff !important;

        box-shadow:
            0
            7px
            17px
            rgba(31,54,92,.06) !important;
    }


    /* 重点：
       手机完整显示约一张，
       同时露出下一张约15%
    */

    .zs2-track{
        gap:10px;
    }


    .zs2-rotator-card{
        flex:
            0
            0
            84%;

        border:
            1px solid
            rgba(31,54,92,.08) !important;

        border-radius:
            22px !important;

        background:
            #fff;

        box-shadow:
            0
            12px
            27px
            rgba(31,54,92,.07) !important;
    }


    .zs2-card-media{
        margin:
            7px
            7px
            0;

        border-radius:
            17px;

        aspect-ratio:
            3 / 4;
    }


    .zs2-card-media img{
        padding:10px;
    }


    .zs2-card-badge{
        top:10px;
        left:10px;

        min-height:28px;

        padding:
            0
            9px;

        background:
            rgba(255,255,255,.94);
    }


    .zs2-card-code{
        top:15px;
        right:12px;
    }


    .zs2-card-info{
        min-height:83px;

        padding:
            14px
            14px
            15px;
    }


    .zs2-card-info strong{
        font-size:12px;
    }


    .zs2-card-info b{
        width:36px;
        height:36px;
    }


    .zs2-progress{
        height:3px;

        margin-top:0;
    }

}



/* =========================================================
   小尺寸手机
   ========================================================= */

@media(max-width:390px){

    .zs2-rotator-card{
        flex-basis:86%;
    }


    .zs2-legend{
        display:none;
    }


    .zs2-rotator-tools{
        justify-content:flex-end;
    }

}


/* SCREEN2 CAROUSEL FINAL END */



/* =========================================================
   SCREEN2 MOBILE COMPACT FINAL
   手机端精选陈列缩小版
   ========================================================= */

@media (max-width:720px){

    .zs2-viewport{
        padding-right:0 !important;
        padding-bottom:14px !important;
    }

    .zs2-track{
        gap:9px !important;
    }

    /*
     * 一屏约展示 2.2 ~ 2.3 张
     * 比原来的大卡片轻很多
     */
    .zs2-rotator-card{
        flex:
            0
            0
            43% !important;

        border-radius:
            17px !important;

        box-shadow:
            0 8px 20px
            rgba(31,54,92,.055) !important;
    }

    .zs2-card-media{
        margin:
            5px
            5px
            0 !important;

        border-radius:
            14px !important;

        aspect-ratio:
            3 / 4 !important;
    }

    .zs2-card-media img{
        padding:
            6px !important;
    }

    .zs2-card-badge{
        top:
            7px !important;

        left:
            7px !important;

        min-height:
            23px !important;

        padding:
            0
            7px !important;

        gap:
            4px !important;

        font-size:
            7px !important;
    }

    .zs2-card-badge i{
        width:
            5px !important;

        height:
            5px !important;
    }

    .zs2-card-code{
        top:
            10px !important;

        right:
            8px !important;

        font-size:
            7px !important;
    }

    .zs2-card-info{
        min-height:
            67px !important;

        padding:
            10px
            10px
            11px !important;

        gap:
            6px !important;
    }

    .zs2-card-info small{
        font-size:
            6px !important;
    }

    .zs2-card-info strong{
        margin-top:
            4px !important;

        font-size:
            10px !important;
    }

    .zs2-card-info span{
        margin-top:
            4px !important;

        font-size:
            7px !important;
    }

    /*
     * 手机小卡片不再显示右侧圆形箭头，
     * 减少拥挤
     */
    .zs2-card-info b{
        display:none !important;
    }

}


/* 小屏手机再略微缩小 */
@media (max-width:390px){

    .zs2-rotator-card{
        flex-basis:
            45% !important;
    }

}




/* SCREEN3 PRODUCT LIBRARY FINAL START */


/* =========================================================
   旧首页模块退场
   新版第一屏 / 第二屏 / 产品选款中心已经完全替代
   ========================================================= */

.store-cute-hero,
.store-catalog-head,
.store-category-strip,
.store-history-entry,
.store-cooperation-quick{
    display:none !important;
}



/* =========================================================
   第三屏整体
   ========================================================= */

#store-v3-library-toolbar{
    position:relative !important;

    margin:
        58px
        0
        28px !important;

    padding:
        30px
        30px
        25px !important;

    overflow:hidden;

    border:
        1px solid
        rgba(27,48,72,.075) !important;

    border-radius:
        28px !important;

    background:
        rgba(255,255,255,.90) !important;

    box-shadow:
        0
        18px
        44px
        rgba(31,54,92,.065) !important;

    backdrop-filter:
        blur(14px);
}


#store-v3-library-toolbar::before{
    content:"";

    position:absolute;

    width:230px;
    height:230px;

    right:-90px;
    top:-120px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(118,187,234,.13),
            transparent 70%
        );

    pointer-events:none;
}



/* =========================================================
   标题 + 搜索
   ========================================================= */

.store-v3-library-top{
    position:relative;

    z-index:2;

    display:grid !important;

    grid-template-columns:
        minmax(250px,.8fr)
        minmax(360px,1.2fr) !important;

    align-items:end !important;

    gap:42px !important;

    margin-bottom:
        25px !important;
}


.store-v3-library-title{
    min-width:0;
}


.store-v3-library-eyebrow{
    display:block !important;

    margin-bottom:
        9px !important;

    color:
        #e97b59 !important;

    font-size:
        9px !important;

    font-weight:
        900 !important;

    letter-spacing:
        .20em !important;
}


.store-v3-library-title h2{
    margin:
        0 !important;

    color:
        #17283f !important;

    font-size:
        clamp(
            30px,
            3vw,
            42px
        ) !important;

    font-weight:
        760 !important;

    line-height:
        1.08 !important;

    letter-spacing:
        -.045em !important;
}


.store-v3-library-title p{
    max-width:
        420px !important;

    margin:
        11px
        0
        0 !important;

    color:
        #7e8991 !important;

    font-size:
        12px !important;

    line-height:
        1.75 !important;
}



/* =========================================================
   搜索框
   ========================================================= */

.store-v3-search{
    width:
        100% !important;

    max-width:
        620px !important;

    justify-self:end;
}


.store-v3-search-box{
    display:flex !important;

    align-items:center !important;

    width:
        100% !important;

    min-height:
        54px !important;

    padding:
        5px !important;

    border:
        1px solid
        rgba(28,49,73,.10) !important;

    border-radius:
        17px !important;

    background:
        #f7f8f7 !important;

    box-shadow:
        inset
        0
        1px
        2px
        rgba(31,54,92,.025) !important;
}


.store-v3-search-box input,
#store-v3-library-toolbar input[name="q"],
#store-v3-library-toolbar input[type="search"]{
    flex:
        1 !important;

    min-width:
        0 !important;

    min-height:
        44px !important;

    padding:
        0
        14px !important;

    border:
        0 !important;

    outline:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color:
        #21364e !important;

    font-size:
        13px !important;
}


.store-v3-search-box input::placeholder{
    color:
        #a3aaaf !important;
}


.store-v3-search button{
    flex:none;

    min-width:
        82px !important;

    min-height:
        44px !important;

    padding:
        0
        18px !important;

    border:
        0 !important;

    border-radius:
        13px !important;

    background:
        #192f4a !important;

    color:
        #fff !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    cursor:pointer;

    box-shadow:
        0
        8px
        20px
        rgba(25,47,74,.16) !important;

    transition:
        transform .17s ease,
        background .17s ease;
}


.store-v3-search button:hover{
    background:
        #223e5e !important;

    transform:
        translateY(-1px);
}



/* =========================================================
   排序 / 分类
   ========================================================= */

.store-v3-filter-row{
    position:relative;

    z-index:2;

    display:grid !important;

    grid-template-columns:
        88px
        minmax(0,1fr) !important;

    align-items:center !important;

    gap:
        13px !important;

    min-height:
        57px !important;

    padding:
        10px
        0 !important;

    border-top:
        1px solid
        rgba(31,54,92,.07) !important;
}


.store-v3-filter-label{
    color:
        #8d969d !important;

    font-size:
        9px !important;

    font-weight:
        850 !important;

    letter-spacing:
        .08em !important;
}


.store-v3-filter-scroll{
    display:flex !important;

    align-items:center !important;

    gap:
        8px !important;

    min-width:
        0 !important;

    overflow-x:auto !important;

    padding:
        2px
        1px !important;

    scrollbar-width:none;
}


.store-v3-filter-scroll::-webkit-scrollbar{
    display:none;
}


.store-v3-filter-item{
    flex:none !important;

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    min-height:
        35px !important;

    padding:
        0
        14px !important;

    border:
        1px solid
        rgba(31,54,92,.075) !important;

    border-radius:
        999px !important;

    background:
        #fff !important;

    color:
        #576976 !important;

    font-size:
        10px !important;

    font-weight:
        750 !important;

    line-height:
        1 !important;

    text-decoration:none !important;

    box-shadow:
        none !important;

    transition:
        color .17s ease,
        background .17s ease,
        border-color .17s ease;
}


.store-v3-filter-item:hover{
    border-color:
        rgba(31,54,92,.14) !important;

    color:
        #1e3854 !important;
}


.store-v3-filter-item.active{
    border-color:
        #1d344f !important;

    background:
        #1d344f !important;

    color:
        #fff !important;

    box-shadow:
        0
        7px
        18px
        rgba(29,52,79,.13) !important;
}



/* 分类行采用微暖色区分 */

.store-v3-category-row
.store-v3-filter-item.active{
    border-color:
        #ef825f !important;

    background:
        #fff2ec !important;

    color:
        #d86645 !important;

    box-shadow:none !important;
}



/* =========================================================
   产品区域标题
   ========================================================= */

.store-v3-product-head{
    display:flex !important;

    align-items:flex-end !important;

    justify-content:space-between !important;

    gap:20px !important;

    margin:
        36px
        0
        19px !important;

    padding:
        0
        2px !important;
}


.store-v3-product-head h2,
.store-v3-product-head h3{
    margin:
        0 !important;

    color:
        #1a2e47 !important;

    font-size:
        22px !important;

    font-weight:
        760 !important;

    letter-spacing:
        -.03em !important;
}


.store-v3-product-head p,
.store-v3-product-head span{
    color:
        #8d979e !important;

    font-size:
        10px !important;
}



/* =========================================================
   商品网格
   ========================================================= */

#store-v3-products,
.store-product-grid{
    display:grid !important;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        ) !important;

    gap:
        17px !important;

    align-items:stretch !important;
}



/* =========================================================
   商品卡
   ========================================================= */

.store-product-card{
    position:relative !important;

    display:flex !important;

    flex-direction:column !important;

    min-width:
        0 !important;

    overflow:hidden !important;

    border:
        1px solid
        rgba(31,54,92,.075) !important;

    border-radius:
        22px !important;

    background:
        rgba(255,255,255,.96) !important;

    box-shadow:
        0
        11px
        27px
        rgba(31,54,92,.052) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease !important;
}


.store-product-card:hover{
    transform:
        translateY(-4px) !important;

    border-color:
        rgba(31,54,92,.12) !important;

    box-shadow:
        0
        20px
        42px
        rgba(31,54,92,.09) !important;
}


.store-product-card.selected{
    border-color:
        rgba(235,121,86,.48) !important;

    box-shadow:
        0
        0
        0
        2px
        rgba(235,121,86,.08),
        0
        18px
        39px
        rgba(31,54,92,.08) !important;
}



/* =========================================================
   商品图片
   ========================================================= */

.store-product-image{
    position:relative !important;

    overflow:hidden !important;

    width:
        auto !important;

    height:
        auto !important;

    aspect-ratio:
        3 / 4 !important;

    margin:
        7px
        7px
        0 !important;

    border-radius:
        17px !important;

    background:
        linear-gradient(
            145deg,
            #f5f1eb,
            #f1f6f8
        ) !important;
}


.store-product-image::before{
    content:"";

    position:absolute;

    left:50%;
    top:51%;

    width:
        73%;

    aspect-ratio:
        1;

    transform:
        translate(
            -50%,
            -50%
        );

    border-radius:
        50%;

    background:
        rgba(255,255,255,.65);

    border:
        1px solid
        rgba(31,54,92,.03);

    pointer-events:none;
}


.store-product-image img{
    position:relative !important;

    z-index:2 !important;

    display:block !important;

    width:
        100% !important;

    height:
        100% !important;

    padding:
        8px !important;

    object-fit:
        contain !important;

    object-position:
        center !important;

    transition:
        transform .25s ease !important;
}


.store-product-card:hover
.store-product-image img{
    transform:
        scale(1.025) !important;
}



/* =========================================================
   图片徽标
   ========================================================= */

.store-card-badges{
    position:absolute !important;

    z-index:5 !important;

    top:
        11px !important;

    left:
        11px !important;

    display:flex !important;

    flex-wrap:wrap !important;

    gap:
        5px !important;
}


.store-card-badges > *{
    min-height:
        25px !important;

    padding:
        0
        8px !important;

    border-radius:
        999px !important;

    border:
        1px solid
        rgba(31,54,92,.06) !important;

    background:
        rgba(255,255,255,.90) !important;

    backdrop-filter:
        blur(9px);

    font-size:
        7px !important;

    font-weight:
        800 !important;
}



/* =========================================================
   商品正文
   ========================================================= */

.store-product-body{
    display:flex !important;

    flex:
        1 !important;

    flex-direction:column !important;

    padding:
        14px
        14px
        15px !important;
}


.store-product-top{
    display:flex !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:
        8px !important;
}


.store-product-code{
    color:
        #1d354f !important;

    font-size:
        13px !important;

    font-weight:
        850 !important;

    letter-spacing:
        .03em !important;
}


.store-product-category{
    display:inline-flex !important;

    align-items:center !important;

    min-height:
        23px !important;

    padding:
        0
        7px !important;

    border-radius:
        999px !important;

    background:
        #f3f5f5 !important;

    color:
        #7a858c !important;

    font-size:
        7px !important;

    font-weight:
        750 !important;
}


.store-product-body h3{
    overflow:hidden !important;

    margin:
        9px
        0
        0 !important;

    color:
        #263b52 !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    line-height:
        1.45 !important;

    white-space:
        nowrap !important;

    text-overflow:
        ellipsis !important;
}



/* =========================================================
   高度 / 标签等元信息
   ========================================================= */

.store-product-meta{
    display:flex !important;

    flex-wrap:wrap !important;

    gap:
        5px
        9px !important;

    min-height:
        31px !important;

    margin-top:
        8px !important;
}


.store-product-meta span{
    color:
        #8c959b !important;

    font-size:
        8px !important;

    line-height:
        1.5 !important;
}



/* =========================================================
   数量选择器
   ========================================================= */

.store-qty-control{
    display:grid !important;

    grid-template-columns:
        38px
        minmax(0,1fr)
        38px !important;

    align-items:center !important;

    gap:
        5px !important;

    width:
        100% !important;

    min-height:
        43px !important;

    margin-top:
        auto !important;

    padding-top:
        12px !important;
}


.store-qty-btn{
    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    width:
        38px !important;

    height:
        38px !important;

    padding:
        0 !important;

    border:
        1px solid
        rgba(31,54,92,.09) !important;

    border-radius:
        12px !important;

    background:
        #f5f6f5 !important;

    color:
        #35506a !important;

    font-size:
        17px !important;

    font-weight:
        600 !important;

    cursor:pointer;

    box-shadow:
        none !important;

    transition:
        background .16s ease,
        color .16s ease,
        transform .16s ease;
}


.store-qty-btn:hover{
    background:
        #edf0ef !important;
}


.store-qty-btn.plus{
    border-color:
        #1c344f !important;

    background:
        #1c344f !important;

    color:
        #fff !important;

    box-shadow:
        0
        6px
        15px
        rgba(28,52,79,.14) !important;
}


.store-qty-btn.plus:hover{
    background:
        #274664 !important;

    transform:
        translateY(-1px);
}


.store-qty-input{
    width:
        100% !important;

    height:
        38px !important;

    min-width:
        0 !important;

    padding:
        0
        4px !important;

    border:
        1px solid
        rgba(31,54,92,.09) !important;

    border-radius:
        11px !important;

    outline:
        0 !important;

    background:
        #fff !important;

    color:
        #1d344e !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    text-align:
        center !important;

    box-shadow:
        inset
        0
        1px
        2px
        rgba(31,54,92,.025) !important;

    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}


.store-qty-input:focus{
    border-color:
        rgba(235,121,86,.55) !important;

    box-shadow:
        0
        0
        0
        3px
        rgba(235,121,86,.08) !important;
}


.store-product-card.selected
.store-qty-input{
    border-color:
        rgba(235,121,86,.43) !important;

    background:
        #fffaf8 !important;
}



/* =========================================================
   分页
   ========================================================= */

.store-pagination{
    display:flex !important;

    justify-content:center !important;

    margin:
        34px
        0
        10px !important;
}


.store-page-nav{
    display:flex !important;

    flex-wrap:wrap !important;

    align-items:center !important;

    justify-content:center !important;

    gap:
        7px !important;
}


.store-page-nav a,
.store-page-nav span{
    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    min-width:
        39px !important;

    height:
        39px !important;

    padding:
        0
        11px !important;

    border:
        1px solid
        rgba(31,54,92,.08) !important;

    border-radius:
        11px !important;

    background:
        #fff !important;

    color:
        #5d6c78 !important;

    font-size:
        10px !important;

    font-weight:
        750 !important;

    text-decoration:none !important;
}



/* =========================================================
   浮动选货单
   ========================================================= */

.store-floating-cart{
    border:
        1px solid
        rgba(31,54,92,.08) !important;

    border-radius:
        18px !important;

    background:
        rgba(27,48,72,.95) !important;

    color:
        #fff !important;

    box-shadow:
        0
        17px
        38px
        rgba(21,39,61,.20) !important;

    backdrop-filter:
        blur(12px);
}



/* =========================================================
   中等屏幕
   ========================================================= */

@media(max-width:1100px){

    #store-v3-products,
    .store-product-grid{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            ) !important;
    }


    .store-v3-library-top{
        grid-template-columns:
            1fr
            1fr !important;
    }

}



/* =========================================================
   手机端
   ========================================================= */

@media(max-width:720px){

    #store-v3-library-toolbar{
        margin:
            37px
            0
            18px !important;

        padding:
            19px
            14px
            15px !important;

        border-radius:
            21px !important;
    }


    .store-v3-library-top{
        display:block !important;

        margin-bottom:
            17px !important;
    }


    .store-v3-library-title h2{
        font-size:
            28px !important;
    }


    .store-v3-library-title p{
        max-width:
            290px !important;

        margin-top:
            8px !important;

        font-size:
            10px !important;
    }


    .store-v3-search{
        max-width:
            none !important;

        margin-top:
            16px !important;
    }


    .store-v3-search-box{
        min-height:
            48px !important;

        border-radius:
            14px !important;
    }


    .store-v3-search-box input,
    #store-v3-library-toolbar input[name="q"],
    #store-v3-library-toolbar input[type="search"]{
        min-height:
            39px !important;

        padding:
            0
            10px !important;

        font-size:
            11px !important;
    }


    .store-v3-search button{
        min-width:
            66px !important;

        min-height:
            39px !important;

        padding:
            0
            12px !important;

        border-radius:
            11px !important;

        font-size:
            10px !important;
    }


    .store-v3-filter-row{
        grid-template-columns:
            1fr !important;

        gap:
            7px !important;

        min-height:
            0 !important;

        padding:
            11px
            0 !important;
    }


    .store-v3-filter-label{
        font-size:
            8px !important;
    }


    .store-v3-filter-scroll{
        margin:
            0
            -2px !important;

        padding-bottom:
            2px !important;
    }


    .store-v3-filter-item{
        min-height:
            32px !important;

        padding:
            0
            11px !important;

        font-size:
            9px !important;
    }



    /* 手机两列商品 */

    #store-v3-products,
    .store-product-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;

        gap:
            9px !important;
    }


    .store-product-card{
        border-radius:
            16px !important;

        box-shadow:
            0
            7px
            18px
            rgba(31,54,92,.05) !important;
    }


    .store-product-card:hover{
        transform:
            none !important;
    }


    .store-product-image{
        margin:
            5px
            5px
            0 !important;

        border-radius:
            13px !important;
    }


    .store-product-image img{
        padding:
            5px !important;
    }


    .store-product-body{
        padding:
            9px
            9px
            10px !important;
    }


    .store-product-code{
        font-size:
            11px !important;
    }


    .store-product-category{
        min-height:
            20px !important;

        padding:
            0
            5px !important;

        font-size:
            6px !important;
    }


    .store-product-body h3{
        margin-top:
            6px !important;

        font-size:
            9px !important;
    }


    .store-product-meta{
        min-height:
            25px !important;

        margin-top:
            5px !important;

        gap:
            3px
            6px !important;
    }


    .store-product-meta span{
        font-size:
            7px !important;
    }


    .store-qty-control{
        grid-template-columns:
            31px
            minmax(0,1fr)
            31px !important;

        gap:
            4px !important;

        min-height:
            34px !important;

        padding-top:
            8px !important;
    }


    .store-qty-btn{
        width:
            31px !important;

        height:
            31px !important;

        border-radius:
            9px !important;

        font-size:
            14px !important;
    }


    .store-qty-input{
        height:
            31px !important;

        border-radius:
            9px !important;

        font-size:
            11px !important;
    }


    .store-v3-product-head{
        margin:
            25px
            0
            12px !important;
    }


    .store-v3-product-head h2,
    .store-v3-product-head h3{
        font-size:
            18px !important;
    }

}



/* =========================================================
   极窄手机
   ========================================================= */

@media(max-width:370px){

    #store-v3-products,
    .store-product-grid{
        gap:
            7px !important;
    }


    .store-product-body{
        padding:
            8px !important;
    }


    .store-qty-control{
        grid-template-columns:
            29px
            minmax(0,1fr)
            29px !important;
    }


    .store-qty-btn,
    .store-qty-input{
        height:
            29px !important;
    }


    .store-qty-btn{
        width:
            29px !important;
    }

}


/* SCREEN3 PRODUCT LIBRARY FINAL END */



/* =========================================================
   PRODUCT QTY BOTTOM SPACING FIX
   ========================================================= */

.store-product-body{
    padding-bottom:19px !important;
}

.store-qty-control{
    box-sizing:border-box !important;
    padding-bottom:4px !important;
}

.store-qty-btn,
.store-qty-input{
    box-sizing:border-box !important;
    line-height:1 !important;
}

@media (max-width:720px){

    .store-product-body{
        padding-bottom:14px !important;
    }

    .store-qty-control{
        padding-bottom:3px !important;
        margin-bottom:1px !important;
    }

}


/* =========================================================
   PRODUCT QTY CLIP FIX FINAL
   ========================================================= */

/* 卡片高度完全由实际内容撑开 */
.store-product-card{
    height:auto !important;
    min-height:0 !important;
}

/* 正文区域不能裁切数量控件 */
.store-product-body{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    padding-bottom:18px !important;
}

/* 数量栏作为完整独立区域 */
.store-qty-control{
    flex-shrink:0 !important;

    height:auto !important;
    min-height:48px !important;

    padding-top:8px !important;
    padding-bottom:5px !important;

    margin-top:auto !important;
    margin-bottom:0 !important;

    overflow:visible !important;

    box-sizing:border-box !important;

    /* 视觉上整体轻微上提 */
    transform:translateY(-2px);
}

/* 保证按钮完整显示边框 */
.store-qty-btn,
.store-qty-input{
    position:relative !important;
    z-index:2 !important;

    box-sizing:border-box !important;

    overflow:visible !important;

    vertical-align:middle !important;
}

/* 手机端重点修复 */
@media (max-width:720px){

    .store-product-body{
        padding-bottom:13px !important;
    }

    .store-qty-control{
        min-height:39px !important;

        padding-top:6px !important;
        padding-bottom:4px !important;

        transform:translateY(-3px);
    }

    .store-qty-btn,
    .store-qty-input{
        height:32px !important;
        min-height:32px !important;
    }

}


/* =========================================================
   SCREEN4 + FOOTER FINAL
   ========================================================= */


/* =============================
   第四屏整体
   ============================= */

.zs4-cooperation{
    margin:
        68px
        0
        24px;
}


.zs4-main{
    display:grid;

    grid-template-columns:
        1.05fr
        .95fr;

    gap:
        22px;

    padding:
        38px;

    overflow:hidden;

    border-radius:
        32px;

    background:
        radial-gradient(
            circle at 96% 0%,
            rgba(120,188,234,.15),
            transparent 31%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(239,128,93,.14),
            transparent 34%
        ),
        #182c46;

    color:#fff;

    box-shadow:
        0
        25px
        58px
        rgba(23,43,68,.14);
}



/* =============================
   左侧文案
   ============================= */

.zs4-copy{
    display:flex;

    flex-direction:column;

    justify-content:center;

    min-height:
        395px;

    padding:
        10px
        20px
        10px
        4px;
}


.zs4-kicker{
    display:block;

    margin-bottom:
        20px;

    color:
        rgba(255,255,255,.55);

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        .20em;
}


.zs4-copy h2{
    margin:0;

    color:#fff;

    font-size:
        clamp(
            36px,
            4vw,
            57px
        );

    font-weight:
        730;

    line-height:
        1.12;

    letter-spacing:
        -.055em;
}


.zs4-copy p{
    max-width:
        500px;

    margin:
        22px
        0
        0;

    color:
        rgba(255,255,255,.62);

    font-size:
        13px;

    line-height:
        1.95;
}



/* =============================
   CTA
   ============================= */

.zs4-actions{
    display:flex;

    flex-wrap:wrap;

    gap:
        10px;

    margin-top:
        28px;
}


.zs4-primary,
.zs4-secondary{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:
        48px;

    padding:
        0
        19px;

    border-radius:
        14px;

    font-size:
        11px;

    font-weight:
        800;

    text-decoration:none;

    transition:
        transform .18s ease,
        background .18s ease;
}


.zs4-primary{
    gap:25px;

    background:#fff;

    color:#1c324e;
}


.zs4-primary:hover{
    transform:
        translateY(-2px);
}


.zs4-secondary{
    border:
        1px solid
        rgba(255,255,255,.16);

    background:
        rgba(255,255,255,.07);

    color:
        rgba(255,255,255,.84);
}


.zs4-secondary:hover{
    background:
        rgba(255,255,255,.11);
}



/* =============================
   右侧能力
   ============================= */

.zs4-capabilities{
    display:grid;

    grid-template-columns:
        1fr
        1fr;

    gap:
        11px;
}


.zs4-capability{
    min-height:
        184px;

    padding:
        22px;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:
        21px;

    background:
        rgba(255,255,255,.065);

    backdrop-filter:
        blur(8px);
}


.zs4-capability span{
    display:block;

    color:#ffb18e;

    font-size:
        9px;

    font-weight:
        900;
}


.zs4-capability strong{
    display:block;

    margin-top:
        30px;

    color:#fff;

    font-size:
        18px;

    font-weight:
        760;
}


.zs4-capability p{
    margin:
        9px
        0
        0;

    color:
        rgba(255,255,255,.53);

    font-size:
        10px;

    line-height:
        1.7;
}



/* =============================
   联系方式区域
   ============================= */

.zs4-contact{
    display:grid;

    grid-template-columns:
        190px
        minmax(0,1fr);

    gap:
        28px;

    margin-top:
        15px;

    padding:
        26px
        28px;

    border:
        1px solid
        rgba(31,54,92,.075);

    border-radius:
        24px;

    background:
        rgba(255,255,255,.85);

    box-shadow:
        0
        12px
        30px
        rgba(31,54,92,.045);
}


.zs4-contact-title{
    display:flex;

    flex-direction:column;

    justify-content:center;
}


.zs4-contact-title span{
    color:#ea7a58;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        .18em;
}


.zs4-contact-title strong{
    margin-top:
        8px;

    color:#20364f;

    font-size:
        21px;

    font-weight:
        760;
}


.zs4-contact-grid{
    display:grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:
        8px;
}


.zs4-contact-item{
    min-width:0;

    padding:
        15px
        16px;

    border-left:
        1px solid
        rgba(31,54,92,.075);
}


.zs4-contact-item small{
    display:block;

    color:#a0a7ac;

    font-size:
        7px;

    font-weight:
        900;

    letter-spacing:
        .14em;
}


.zs4-contact-item strong{
    display:block;

    overflow-wrap:anywhere;

    margin-top:
        8px;

    color:#263d56;

    font-size:
        11px;

    font-weight:
        800;

    line-height:
        1.45;
}


.zs4-contact-item span{
    display:block;

    margin-top:
        6px;

    color:#90999f;

    font-size:
        8px;
}



/* =============================
   Footer
   ============================= */

.store-footer{
    margin-top:
        34px !important;

    padding:
        0
        22px
        28px !important;

    border:0 !important;

    background:
        transparent !important;
}


.store-footer-inner{
    display:grid;

    grid-template-columns:
        1fr
        auto
        1fr;

    align-items:center;

    gap:
        28px;

    max-width:
        1280px;

    margin:
        0
        auto;

    padding:
        23px
        4px
        0;

    border-top:
        1px solid
        rgba(31,54,92,.08);
}


.store-footer-brand strong{
    display:block;

    color:#263b52;

    font-size:
        11px;
}


.store-footer-brand span{
    display:block;

    margin-top:
        5px;

    color:#a0a7ac;

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        .11em;
}


.store-footer-nav{
    display:flex;

    align-items:center;

    gap:
        23px;
}


.store-footer-nav a{
    color:#6e7b84;

    font-size:
        9px;

    font-weight:
        750;

    text-decoration:none;
}


.store-footer-nav a:hover{
    color:#203a56;
}


.store-footer-meta{
    text-align:right;
}


.store-footer-meta span{
    color:#9aa2a8;

    font-size:
        8px;
}



/* =============================
   平板
   ============================= */

@media(max-width:980px){

    .zs4-main{
        grid-template-columns:
            1fr;

        padding:
            30px;
    }


    .zs4-copy{
        min-height:
            auto;

        padding-bottom:
            17px;
    }


    .zs4-contact{
        grid-template-columns:
            1fr;
    }


    .zs4-contact-grid{
        grid-template-columns:
            1fr
            1fr;
    }


    .store-footer-inner{
        grid-template-columns:
            1fr
            auto;
    }


    .store-footer-meta{
        display:none;
    }

}



/* =============================
   手机
   ============================= */

@media(max-width:720px){

    .zs4-cooperation{
        margin:
            44px
            0
            18px;
    }


    .zs4-main{
        padding:
            24px
            18px
            18px;

        border-radius:
            23px;
    }


    .zs4-copy{
        min-height:
            auto;

        padding:
            0;
    }


    .zs4-kicker{
        margin-bottom:
            13px;

        font-size:
            8px;
    }


    .zs4-copy h2{
        font-size:
            33px;
    }


    .zs4-copy p{
        margin-top:
            14px;

        font-size:
            11px;

        line-height:
            1.8;
    }


    .zs4-actions{
        display:grid;

        grid-template-columns:
            1fr
            1fr;

        margin-top:
            20px;
    }


    .zs4-primary,
    .zs4-secondary{
        min-height:
            44px;

        padding:
            0
            11px;

        font-size:
            9px;

        border-radius:
            12px;
    }


    .zs4-primary{
        gap:
            8px;
    }


    .zs4-capabilities{
        gap:
            8px;

        margin-top:
            20px;
    }


    .zs4-capability{
        min-height:
            128px;

        padding:
            15px;

        border-radius:
            16px;
    }


    .zs4-capability strong{
        margin-top:
            18px;

        font-size:
            14px;
    }


    .zs4-capability p{
        font-size:
            8px;
    }


    .zs4-contact{
        display:block;

        margin-top:
            10px;

        padding:
            18px
            14px;

        border-radius:
            19px;
    }


    .zs4-contact-title{
        margin-bottom:
            13px;
    }


    .zs4-contact-title strong{
        font-size:
            18px;
    }


    .zs4-contact-grid{
        grid-template-columns:
            1fr
            1fr;

        gap:
            0;
    }


    .zs4-contact-item{
        padding:
            12px
            10px;

        border-left:
            0;

        border-top:
            1px solid
            rgba(31,54,92,.065);
    }


    .zs4-contact-item strong{
        font-size:
            9px;
    }


    .store-footer{
        margin-top:
            23px !important;

        padding:
            0
            14px
            90px !important;
    }


    .store-footer-inner{
        display:block;

        padding-top:
            18px;
    }


    .store-footer-nav{
        margin-top:
            14px;

        gap:
            16px;
    }


    .store-footer-meta{
        display:none;
    }

}


/* ========================================================= */




/* PRIVATE BOARD LOGIN FINAL START */


/* =========================================================
   客户登录页 · 私董会入口
   ========================================================= */

.zs-private-login-entry{
    position:relative;

    display:grid;

    grid-template-columns:
        52px
        minmax(0,1fr)
        auto;

    align-items:center;

    gap:
        17px;

    width:
        100%;

    max-width:
        560px;

    margin:
        18px
        auto
        0;

    padding:
        16px
        17px;

    overflow:hidden;

    border:
        1px solid
        rgba(31,54,92,.08);

    border-radius:
        20px;

    background:
        linear-gradient(
            135deg,
            rgba(25,46,72,.97),
            rgba(34,63,91,.96)
        );

    box-shadow:
        0
        16px
        36px
        rgba(23,43,68,.13);
}


.zs-private-login-entry::after{
    content:"";

    position:absolute;

    width:
        150px;

    height:
        150px;

    top:
        -95px;

    right:
        -55px;

    border-radius:
        50%;

    background:
        rgba(255,255,255,.06);

    pointer-events:none;
}


.zs-private-login-entry__icon{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:center;

    width:
        52px;

    height:
        52px;

    border:
        1px solid
        rgba(255,255,255,.13);

    border-radius:
        16px;

    background:
        rgba(255,255,255,.08);

    color:
        #ffb28f;

    font-size:
        19px;

    font-weight:
        850;
}


.zs-private-login-entry__content{
    position:relative;

    z-index:2;

    min-width:0;
}


.zs-private-login-entry__eyebrow{
    display:block;

    margin-bottom:
        4px;

    color:
        rgba(255,255,255,.40);

    font-size:
        7px;

    font-weight:
        900;

    letter-spacing:
        .14em;
}


.zs-private-login-entry__content h2{
    margin:0;

    color:#fff;

    font-size:
        17px;

    font-weight:
        760;

    letter-spacing:
        -.02em;
}


.zs-private-login-entry__content p{
    margin:
        5px
        0
        0;

    color:
        rgba(255,255,255,.53);

    font-size:
        9px;

    line-height:
        1.6;
}


.zs-private-login-entry__button{
    position:relative;

    z-index:2;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:
        13px;

    min-height:
        40px;

    padding:
        0
        14px;

    border-radius:
        12px;

    background:
        #fff;

    color:
        #203852 !important;

    font-size:
        9px;

    font-weight:
        850;

    text-decoration:none !important;

    white-space:nowrap;

    box-shadow:
        0
        8px
        20px
        rgba(0,0,0,.10);

    transition:
        transform .17s ease,
        box-shadow .17s ease;
}


.zs-private-login-entry__button:hover{
    transform:
        translateY(-1px);

    box-shadow:
        0
        10px
        24px
        rgba(0,0,0,.14);
}


/* 手机端 */

@media(max-width:720px){

    .zs-private-login-entry{
        grid-template-columns:
            43px
            minmax(0,1fr);

        gap:
            12px;

        padding:
            14px;

        border-radius:
            17px;
    }


    .zs-private-login-entry__icon{
        width:
            43px;

        height:
            43px;

        border-radius:
            13px;

        font-size:
            16px;
    }


    .zs-private-login-entry__content h2{
        font-size:
            15px;
    }


    .zs-private-login-entry__content p{
        font-size:
            8px;
    }


    .zs-private-login-entry__button{
        grid-column:
            1 / -1;

        width:
            100%;

        min-height:
            41px;

        margin-top:
            2px;

        border-radius:
            11px;
    }

}


/* PRIVATE BOARD LOGIN FINAL END */





/* STOREFRONT READABILITY FINAL START */


/* =========================================================
   01. 顶部导航
   ========================================================= */

.store-brand{
    font-size:15px !important;
}

.store-nav a,
.store-login-btn,
.store-account-chip,
.store-text-btn{
    font-size:12px !important;
}


/* =========================================================
   02. 第一屏
   ========================================================= */

.store-premium-kicker{
    font-size:11px !important;
}

.store-premium-desc{
    font-size:14px !important;
    line-height:1.8 !important;
}

.store-premium-tags > *{
    font-size:11px !important;
}

.store-premium-metric strong{
    font-size:18px !important;
}

.store-premium-metric span{
    font-size:11px !important;
}

.store-showcase-badge{
    font-size:9px !important;
}

.store-showcase-card h3{
    font-size:17px !important;
}

.store-showcase-card li{
    font-size:12px !important;
    line-height:1.7 !important;
}

.store-hero-action{
    font-size:12px !important;
}


/* =========================================================
   03. 第二屏精选陈列
   ========================================================= */

.zs2-rotator-kicker{
    font-size:10px !important;
}

.zs2-rotator-head p{
    font-size:13px !important;
    line-height:1.7 !important;
}

.zs2-legend span{
    font-size:11px !important;
}

.zs2-counter{
    font-size:12px !important;
}

.zs2-card-badge{
    font-size:9px !important;
}

.zs2-card-code{
    font-size:12px !important;
}

.zs2-card-info,
.zs2-card-info span,
.zs2-card-info b{
    font-size:11px !important;
}


/* =========================================================
   04. 产品选款中心
   ========================================================= */

.store-v3-library-eyebrow{
    font-size:10px !important;
}

.store-v3-library-title p{
    font-size:13px !important;
    line-height:1.7 !important;
}

.store-v3-search-box input,
#store-v3-library-toolbar input[name="q"],
#store-v3-library-toolbar input[type="search"]{
    font-size:14px !important;
}

.store-v3-search button{
    font-size:12px !important;
}

.store-v3-filter-label{
    font-size:11px !important;
}

.store-v3-filter-item{
    font-size:12px !important;
    min-height:37px !important;
    padding-left:15px !important;
    padding-right:15px !important;
}

.store-v3-product-head h2,
.store-v3-product-head h3{
    font-size:23px !important;
}

.store-v3-product-head p,
.store-v3-product-head span{
    font-size:12px !important;
}


/* =========================================================
   05. 商品卡文字
   ========================================================= */

.store-product-code{
    font-size:14px !important;
}

.store-product-category{
    font-size:9px !important;
    min-height:23px !important;
}

.store-product-body h3{
    font-size:13px !important;
    line-height:1.5 !important;
}

.store-product-meta span{
    font-size:10px !important;
}

.store-card-badges > *{
    font-size:8px !important;
}

.store-qty-input{
    font-size:13px !important;
}

.store-qty-btn{
    font-size:17px !important;
}

.store-package-tip{
    font-size:11px !important;
}


/* =========================================================
   06. 第四屏
   ========================================================= */

.zs4-kicker{
    font-size:10px !important;
}

.zs4-copy p{
    font-size:14px !important;
    line-height:1.85 !important;
}

.zs4-primary,
.zs4-secondary{
    font-size:12px !important;
}

.zs4-capability span{
    font-size:10px !important;
}

.zs4-capability strong{
    font-size:18px !important;
}

.zs4-capability p{
    font-size:11px !important;
    line-height:1.7 !important;
}

.zs4-contact-title span{
    font-size:9px !important;
}

.zs4-contact-item small{
    font-size:9px !important;
}

.zs4-contact-item strong{
    font-size:12px !important;
}

.zs4-contact-item span{
    font-size:10px !important;
}


/* =========================================================
   07. Footer
   ========================================================= */

.store-footer-brand strong{
    font-size:12px !important;
}

.store-footer-brand span{
    font-size:9px !important;
}

.store-footer-nav a{
    font-size:11px !important;
}

.store-footer-meta span{
    font-size:10px !important;
}


/* =========================================================
   08. 浮动选货单
   ========================================================= */

.store-floating-cart small{
    font-size:10px !important;
}

.store-floating-cart strong{
    font-size:12px !important;
}


/* =========================================================
   09. 分类横向导航
   ========================================================= */

.store-category-scroll-shell{
    position:relative;

    min-width:0;

    width:100%;

    isolation:isolate;
}


.store-category-scroll-shell
.store-v3-filter-scroll{
    position:relative;

    z-index:1;

    scroll-behavior:smooth;

    overscroll-behavior-inline:contain;

    padding-left:43px !important;
    padding-right:43px !important;
}


/* 左右渐隐，告诉用户后面还有内容 */

.store-category-scroll-shell::before,
.store-category-scroll-shell::after{
    content:"";

    position:absolute;

    z-index:3;

    top:0;

    bottom:0;

    width:45px;

    pointer-events:none;

    transition:opacity .18s ease;
}


.store-category-scroll-shell::before{
    left:0;

    background:
        linear-gradient(
            to right,
            rgba(255,255,255,.98),
            rgba(255,255,255,0)
        );
}


.store-category-scroll-shell::after{
    right:0;

    background:
        linear-gradient(
            to left,
            rgba(255,255,255,.98),
            rgba(255,255,255,0)
        );
}


.store-category-scroll-shell.at-start::before{
    opacity:0;
}


.store-category-scroll-shell.at-end::after{
    opacity:0;
}


/* 左右箭头 */

.store-category-arrow{
    position:absolute;

    z-index:5;

    top:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    width:32px;

    height:32px;

    padding:0;

    border:
        1px solid
        rgba(31,54,92,.10);

    border-radius:50%;

    background:
        rgba(255,255,255,.97);

    color:#233c56;

    font-size:16px;

    font-weight:700;

    line-height:1;

    cursor:pointer;

    box-shadow:
        0
        5px
        14px
        rgba(31,54,92,.11);

    transform:
        translateY(-50%);

    transition:
        opacity .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}


.store-category-arrow:hover{
    transform:
        translateY(-50%)
        scale(1.06);

    box-shadow:
        0
        7px
        18px
        rgba(31,54,92,.15);
}


.store-category-arrow--prev{
    left:3px;
}


.store-category-arrow--next{
    right:3px;
}


.store-category-arrow:disabled{
    opacity:0;

    pointer-events:none;
}


/* =========================================================
   10. 手机端重点提高阅读距离
   ========================================================= */

@media(max-width:720px){

    .store-brand{
        font-size:14px !important;
    }


    .store-nav a,
    .store-login-btn,
    .store-account-chip{
        font-size:11px !important;
    }


    /* 第一屏 */

    .store-premium-kicker{
        font-size:10px !important;
    }


    .store-premium-desc{
        font-size:13px !important;
        line-height:1.75 !important;
    }


    .store-premium-tags > *{
        font-size:10px !important;
    }


    .store-premium-metric strong{
        font-size:17px !important;
    }


    .store-premium-metric span{
        font-size:10px !important;
    }


    .store-showcase-card h3{
        font-size:15px !important;
    }


    .store-showcase-card li{
        font-size:11px !important;
    }


    .store-hero-action{
        font-size:11px !important;
    }


    /* 第二屏 */

    .zs2-rotator-kicker{
        font-size:9px !important;
    }


    .zs2-rotator-head p{
        font-size:12px !important;
    }


    .zs2-legend span{
        font-size:10px !important;
    }


    .zs2-counter{
        font-size:11px !important;
    }


    .zs2-card-badge{
        font-size:8px !important;
    }


    .zs2-card-code{
        font-size:11px !important;
    }


    .zs2-card-info,
    .zs2-card-info span{
        font-size:9px !important;
    }


    /* 第三屏 */

    .store-v3-library-eyebrow{
        font-size:9px !important;
    }


    .store-v3-library-title p{
        max-width:330px !important;

        font-size:12px !important;

        line-height:1.65 !important;
    }


    .store-v3-search-box input,
    #store-v3-library-toolbar input[name="q"],
    #store-v3-library-toolbar input[type="search"]{
        font-size:13px !important;
    }


    .store-v3-search button{
        font-size:11px !important;
    }


    .store-v3-filter-label{
        font-size:10px !important;
    }


    .store-v3-filter-item{
        min-height:34px !important;

        padding-left:12px !important;
        padding-right:12px !important;

        font-size:11px !important;
    }


    /* 手机商品卡保持两列，但文字真正可读 */

    .store-product-code{
        font-size:13px !important;
    }


    .store-product-category{
        font-size:8px !important;
    }


    .store-product-body h3{
        font-size:11px !important;

        line-height:1.45 !important;
    }


    .store-product-meta span{
        font-size:9px !important;
    }


    .store-card-badges > *{
        font-size:7.5px !important;
    }


    .store-qty-input{
        font-size:12px !important;
    }


    .store-qty-btn{
        font-size:15px !important;
    }


    /* 第四屏 */

    .zs4-kicker{
        font-size:9px !important;
    }


    .zs4-copy p{
        font-size:13px !important;

        line-height:1.75 !important;
    }


    .zs4-primary,
    .zs4-secondary{
        font-size:10px !important;
    }


    .zs4-capability span{
        font-size:9px !important;
    }


    .zs4-capability strong{
        font-size:15px !important;
    }


    .zs4-capability p{
        font-size:10px !important;

        line-height:1.6 !important;
    }


    .zs4-contact-item small{
        font-size:8px !important;
    }


    .zs4-contact-item strong{
        font-size:10px !important;
    }


    .zs4-contact-item span{
        font-size:9px !important;
    }


    /* Footer */

    .store-footer-brand strong{
        font-size:11px !important;
    }


    .store-footer-brand span{
        font-size:8px !important;
    }


    .store-footer-nav a{
        font-size:10px !important;
    }


    /* 分类箭头手机适配 */

    .store-category-scroll-shell
    .store-v3-filter-scroll{
        padding-left:38px !important;
        padding-right:38px !important;
    }


    .store-category-arrow{
        width:29px;

        height:29px;

        font-size:14px;
    }


    .store-category-scroll-shell::before,
    .store-category-scroll-shell::after{
        width:38px;
    }

}


/* STOREFRONT READABILITY FINAL END */



.store-category-scroll-shell.is-static
.store-category-arrow{
    display:none !important;
}

.store-category-scroll-shell.is-static::before,
.store-category-scroll-shell.is-static::after{
    display:none !important;
}

.store-category-scroll-shell.is-static
.store-v3-filter-scroll{
    padding-left:1px !important;
    padding-right:1px !important;
}



/* ==================================================
   STOREFRONT_IMAGE_PROTECTION_V1
   前端商品图片防复制
   ================================================== */

body img {
    -webkit-user-select: none;
    user-select: none;

    -webkit-user-drag: none;

    /*
     * iPhone / iPad 长按图片时，
     * 禁止弹出“保存图片 / 复制”等系统菜单。
     */
    -webkit-touch-callout: none;
}

/*
 * 保留正常点击能力。
 * 不使用 pointer-events:none，
 * 避免影响商品图片点击、大图浏览等功能。
 */