@media (min-width:1024px){
    :root{--modern-blue:#1769e0;--modern-ink:#172033;--modern-muted:#687286;--modern-line:#e7ebf2;--modern-bg:#f5f7fb;--modern-radius:16px}
    *{box-sizing:border-box}.theme-modern{margin:0;background:var(--modern-bg);color:var(--modern-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
    .modern-header{position:sticky;z-index:1020;top:0;background:rgba(255,255,255,.97);box-shadow:0 1px 0 rgba(29,42,68,.08);backdrop-filter:blur(16px)}
    .modern-header-main{display:grid;grid-template-columns:minmax(180px,240px) minmax(380px,1fr) auto;align-items:center;gap:24px;width:min(1480px,calc(100% - 48px));height:78px;margin:0 auto}
    .modern-brand{display:flex;align-items:center;gap:11px;overflow:hidden;color:var(--modern-ink);font-size:17px;font-weight:750;text-decoration:none;white-space:nowrap}.modern-brand img{width:38px;height:38px;border-radius:11px;object-fit:cover;box-shadow:0 5px 16px rgba(33,69,127,.13)}
    .modern-search{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;height:46px;padding-left:16px;border:1.5px solid #cfd8e8;border-radius:13px;background:#f8faff;transition:.18s ease}.modern-search:focus-within{border-color:var(--modern-blue);background:#fff;box-shadow:0 0 0 4px rgba(23,105,224,.1)}
    .modern-search>i{color:#7a879d}.modern-search input{width:100%;border:0;outline:0;background:transparent;color:#253149;font-size:14px}.modern-search button{height:38px;margin-right:3px;padding:0 20px;border:0;border-radius:10px;background:var(--modern-blue);color:#fff;font-size:13px;font-weight:700}
    .modern-utility-nav{display:flex;align-items:center;gap:4px}.modern-utility-nav>a{display:flex;align-items:center;gap:7px;height:38px;padding:0 10px;border-radius:9px;color:#455168;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.modern-utility-nav>a:hover{background:#f1f4f9;color:var(--modern-blue)}.modern-utility-nav>a img{width:24px;height:24px;border-radius:50%;object-fit:cover}
    .modern-category-bar{border-top:1px solid #f0f2f6;background:#fff}.modern-category-bar nav{display:flex;align-items:center;gap:3px;overflow:hidden;width:min(1480px,calc(100% - 48px));height:43px;margin:0 auto}.modern-category-bar a{flex:0 0 auto;padding:8px 13px;border-radius:8px;color:#4e596c;font-size:13px;text-decoration:none}.modern-category-bar a:hover,.modern-category-bar a.is-active{background:#edf4ff;color:var(--modern-blue);font-weight:700}
    .modern-shell{display:grid;grid-template-columns:238px minmax(0,1fr);gap:22px;width:min(1480px,calc(100% - 48px));margin:24px auto 56px}
    .modern-sidebar{align-self:start;overflow:visible;border:1px solid var(--modern-line);border-radius:var(--modern-radius);background:#fff;box-shadow:0 8px 28px rgba(27,42,72,.05)}.modern-sidebar-title{display:flex;align-items:center;gap:9px;height:54px;padding:0 18px;border-bottom:1px solid var(--modern-line);font-size:14px;font-weight:750}
    .modern-category-tree{padding:8px}.modern-category-group{position:relative}.modern-category-group>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:45px;padding:7px 11px;border:0;border-radius:9px;background:transparent;color:#3f4b60;font-size:13px;text-align:left}.modern-category-group>button span{display:flex;align-items:center;gap:9px;min-width:0}.modern-category-group>button img{width:25px;height:25px;border-radius:7px;object-fit:cover}.modern-category-group>button:hover,.modern-category-group>button.is-active{background:#eef5ff;color:var(--modern-blue);font-weight:700}
    .modern-subcategories{position:absolute;z-index:30;display:none;left:calc(100% - 2px);top:0;width:190px;padding:9px;border:1px solid var(--modern-line);border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(31,44,70,.16)}.modern-category-group:hover .modern-subcategories{display:block}.modern-subcategories button{display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#566177;font-size:12px;text-align:left}.modern-subcategories button:hover,.modern-subcategories button.is-active{background:#eef5ff;color:var(--modern-blue)}
    .modern-content{min-width:0}.modern-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);gap:18px;min-height:250px}.modern-hero-copy,.modern-notice{border-radius:20px;box-shadow:0 12px 34px rgba(31,48,83,.07)}.modern-hero-copy{position:relative;overflow:hidden;padding:40px 42px;background:linear-gradient(130deg,#102d58 0%,#155bb9 58%,#4e9cf5 100%);color:#fff}.modern-hero-copy:after{content:"";position:absolute;right:-54px;bottom:-110px;width:300px;height:300px;border:48px solid rgba(255,255,255,.09);border-radius:50%}.modern-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;opacity:.7}.modern-hero h1{max-width:620px;margin:12px 0 10px;font-size:30px;line-height:1.28;font-weight:780}.modern-hero p{max-width:640px;margin:0 0 22px;color:rgba(255,255,255,.77);font-size:13px;line-height:1.8}.modern-hero-copy>a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:10px;background:#fff;color:#1458b0;font-size:12px;font-weight:750;text-decoration:none}
    .modern-notice{overflow:hidden;padding:24px;background:#fff}.modern-notice>div:first-child{display:flex;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--modern-line);font-size:14px}.modern-notice>div:first-child i{color:#ef9a18}.modern-notice-content{overflow:auto;max-height:155px;padding-top:14px;color:#687286;font-size:12px;line-height:1.8}
    .modern-products{margin-top:22px;padding:24px;border:1px solid var(--modern-line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(31,48,83,.05)}.modern-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.modern-section-heading span:first-child{color:var(--modern-blue);font-size:10px;font-weight:800;letter-spacing:.12em}.modern-section-heading h2{margin:3px 0 0;font-size:20px;font-weight:760}.modern-result-count{color:#8b94a4;font-size:12px}
    .modern-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.modern-product-card{position:relative;overflow:hidden;border:1px solid var(--modern-line);border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.modern-product-card:hover{z-index:2;border-color:#cfdaeb;color:inherit;transform:translateY(-4px);box-shadow:0 15px 34px rgba(30,48,80,.13)}.modern-product-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:#eef1f6}.modern-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.modern-product-card:hover .modern-product-image img{transform:scale(1.035)}.modern-product-badges{position:absolute;display:flex;gap:5px;left:9px;top:9px}.modern-product-badge{padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.92);color:#445169;font-size:9px;font-weight:750;box-shadow:0 3px 10px rgba(31,43,69,.11)}.modern-product-badge.is-auto{color:#067451}.modern-product-badge.is-recommend{color:#1769e0}
    .modern-product-body{padding:13px}.modern-product-title{display:-webkit-box;overflow:hidden;min-height:40px;margin:0;color:#283348;font-size:13px;line-height:1.55;font-weight:690;-webkit-box-orient:vertical;-webkit-line-clamp:2}.modern-product-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:12px;color:#8a93a3;font-size:10px}.modern-product-price{color:#e24a34;font-size:18px;font-weight:800}.modern-product-price small{font-size:11px}.modern-product-action{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.modern-buy{padding:7px 10px;border-radius:8px;background:#edf4ff;color:var(--modern-blue);font-size:10px;font-weight:750}.modern-product-card.is-sold-out{opacity:.62}.modern-product-card.is-sold-out .modern-buy{background:#f1f2f4;color:#8c94a1}.modern-empty{grid-column:1/-1;padding:58px 20px;color:#8a93a3;text-align:center}
    .modern-footer{display:flex;justify-content:space-between;width:min(1480px,calc(100% - 48px));margin:0 auto;padding:24px 0 38px;border-top:1px solid #e3e7ee;color:#8a93a3;font-size:11px}
    @media(max-width:1280px){.modern-header-main{grid-template-columns:190px minmax(330px,1fr) auto;gap:14px}.modern-utility-nav>a span{display:none}.modern-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
}