/* 首屏优先：让用户无需滚动即可开始筛选并看到商品列表。 */
body{background:radial-gradient(circle at 78% 8%,rgba(223,245,107,.18),transparent 22%),var(--paper)}
main{display:flex;flex-direction:column}
.announcement{order:0}
.hero{order:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(430px,.75fr);column-gap:48px;align-items:end;padding:34px 0 26px}
.hero:after{width:190px;height:190px;top:4px;right:8%;opacity:.32}
.hero .eyebrow,.hero h1,.hero>p,.live-note{grid-column:1}
.hero h1{font-size:clamp(38px,4vw,58px);line-height:1.08;margin:11px 0 10px;max-width:760px;letter-spacing:-.045em}
.hero>p{font-size:15px;margin:0;color:var(--muted)}
.live-note{display:flex;align-items:center;gap:8px;margin-top:15px;color:var(--green-dark);font-size:12px;font-weight:700}
.live-note i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(22,118,83,.10);animation:live-pulse 2.2s ease-in-out infinite}
.live-note small{font-weight:400;color:var(--muted);padding-left:8px;border-left:1px solid var(--line)}
@keyframes live-pulse{50%{box-shadow:0 0 0 9px rgba(22,118,83,0)}}
.hero-stats{grid-column:2;grid-row:1/6;align-self:center;grid-template-columns:repeat(2,1fr);margin:0;border-radius:16px}
.hero-stats div{padding:14px 17px;min-height:74px}
.hero-stats strong{font-size:22px}.hero-stats span{font-size:11px}
.catalog-section{order:2;padding:24px 0 36px}
.leader-section{order:3;padding:38px 0 48px}
.catalog-section .section-heading{margin-bottom:14px}
.catalog-section .section-heading h2{font-size:27px;margin-top:2px}
.section-heading-actions{display:flex;align-items:center;gap:12px}
.filter-reset{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:700;cursor:pointer;padding:7px 2px}
.filter-reset:hover{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}
.filter-panel{grid-template-columns:minmax(240px,2fr) minmax(165px,1.1fr) minmax(150px,1fr) minmax(210px,1.35fr) minmax(125px,.8fr) auto;padding:10px 12px;margin-bottom:12px;gap:8px;box-shadow:0 8px 30px rgba(20,47,35,.035)}
.filter-panel>*{min-width:0}.filter-panel select,.filter-panel input{max-width:100%;min-width:0}
.price-range-field{display:flex;flex-direction:column;gap:4px}.price-range-field>span{font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:700}.price-range-inputs{height:36px;display:grid;grid-template-columns:auto minmax(0,1fr) 18px minmax(0,1fr);align-items:center;background:#f1f3ee;border:1px solid transparent;border-radius:9px;padding:0 9px;transition:.2s}.price-range-inputs:focus-within{background:#fff;border-color:var(--green)}.price-range-inputs b{font-size:12px;color:var(--muted);font-weight:500}.price-range-inputs input{height:32px!important;padding:0 5px!important;background:transparent!important;border:0!important;text-align:center}.price-range-inputs i{width:10px;height:1px;background:#aab2ac;justify-self:center}
.mobile-filter-toggle{display:none}
.filter-panel input,.filter-panel select{height:36px;font-size:12px}
.table-head{padding:9px 18px}
.product-row{min-height:76px;padding:10px 18px;transition:background-color .18s ease,transform .18s ease}
.product-row:hover{background:#fbfcf8;box-shadow:inset 3px 0 var(--lime)}
.product-name strong{margin:3px 0 1px}
.product-name,.product-name strong{min-width:0;overflow-wrap:anywhere}
.update-time{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;white-space:nowrap}.update-time i{width:6px;height:6px;border-radius:50%;background:currentColor}.update-time.fresh,.stat-time.fresh{color:#16875d}.update-time.recent,.stat-time.recent{color:#287eaa}.update-time.today,.stat-time.today{color:#b67819}.update-time.stale,.stat-time.stale{color:#8a918c}.stat-time{font-size:18px!important}
#product-list{transition:opacity .18s ease}
#product-list.is-loading{opacity:.48;pointer-events:none}
button:disabled{cursor:wait;opacity:.6}
.catalog-status{min-height:24px;padding-top:4px}
.leader-grid{grid-template-columns:repeat(6,1fr)}
.leader-card{min-height:104px;padding:14px}.leader-card span{min-height:32px}.leader-card strong{font-size:22px}
@media(max-width:1100px){.hero{grid-template-columns:1fr;row-gap:22px}.hero-stats{grid-column:1;grid-row:auto;grid-template-columns:repeat(4,1fr)}.leader-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){html,body{overflow-x:hidden}body{background:var(--paper)}main,footer{width:calc(100vw - 28px);max-width:calc(100vw - 28px)}.site-header nav{display:none}.hero,.hero>*{min-width:0;max-width:100%}.hero{padding:22px 0 18px;row-gap:15px}.hero h1{font-size:34px;line-height:1.12}.hero h1 em{display:block}.hero>p{font-size:13px}.hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:100%}.hero-stats div{min-width:0;min-height:58px;padding:8px 5px;overflow:hidden}.hero-stats strong{font-size:16px;white-space:nowrap}.hero-stats span{font-size:9px;white-space:nowrap}.live-note{margin-top:10px}.live-note small{display:none}.catalog-section{padding-top:16px}.catalog-section .section-heading{align-items:flex-end}.catalog-section .section-heading h2{font-size:23px}.section-heading-actions{align-items:flex-end;flex-direction:column;gap:0}.filter-panel,.catalog-table{width:100%;max-width:100%;overflow:hidden}.filter-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.filter-panel label{min-width:0;max-width:100%}.filter-panel .search-field{grid-column:1/-1}.filter-panel .advanced-filter{display:none}.filter-panel.expanded .advanced-filter{display:flex}.mobile-filter-toggle{display:block;border:0;background:transparent;color:var(--green);font-size:12px;font-weight:700;text-align:left;padding:4px 0}.stock-toggle{justify-content:center}.leader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-row{min-height:104px}}

/* v4: 目录优先，不使用 Hero；分类价格置顶为横向滑动带。 */
.leader-section{order:1;padding:28px 0 24px;border-top:0;border-bottom:1px solid var(--line)}
.catalog-section{order:2;padding-top:26px}
.leader-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}
.leader-heading>div:first-child>span{font-size:10px;letter-spacing:.17em;color:var(--green);font-weight:800}.leader-heading h2{font-size:25px;line-height:1.1;margin:3px 0 0;letter-spacing:-.035em}
.leader-meta{display:flex;align-items:center;gap:15px}.leader-meta>span{display:flex;align-items:center;color:var(--muted);font-size:11px}.leader-meta>span i{width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 0 4px rgba(22,118,83,.1)}.leader-meta b{font-weight:600;color:var(--green);margin-left:3px}
.leader-slider{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;padding:2px 1px 9px;scrollbar-width:thin;scrollbar-color:#b9c8bf transparent}
.leader-slider::-webkit-scrollbar{height:5px}.leader-slider::-webkit-scrollbar-thumb{background:#b9c8bf;border-radius:10px}.leader-slider .leader-card{flex:0 0 188px;scroll-snap-align:start;min-height:96px;padding:13px 14px}.leader-slider .leader-card span{min-height:31px;font-size:11px}.leader-slider .leader-card strong{font-size:21px;margin:3px 0}.leader-slider .leader-card small{font-size:10px;color:var(--muted)}
.slider-actions{display:flex;gap:6px}.slider-actions button{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:21px;line-height:1;cursor:pointer}.slider-actions button:hover{border-color:var(--green);color:var(--green)}.slider-hint{display:none;color:var(--muted);font-size:10px;text-align:center;margin-top:2px}
.bookmark-button{display:inline-flex;align-items:center;gap:6px;border:1px solid #cbd6cf;background:#fff;color:var(--green-dark);border-radius:9px;padding:7px 11px;font-size:12px;font-weight:750;cursor:pointer}.bookmark-button span{font-size:17px;line-height:1}.bookmark-button:hover{border-color:var(--green);background:#f4faf6;transform:translateY(-1px)}
.mobile-bookmark{display:none}
.load-more{min-width:180px;padding:11px 23px;box-shadow:0 8px 24px rgba(20,47,35,.05)}.load-more span,.load-more small{display:block}.load-more small{font-size:9px;color:var(--muted);font-weight:500;margin-top:1px}.load-more:disabled{cursor:wait}.load-more:disabled span{opacity:.65}
footer{align-items:center}.footer-contact{display:flex;align-items:center;gap:9px}.footer-contact>span{color:var(--muted)}.footer-contact button{border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--green-dark);padding:8px 11px;font-weight:800;cursor:pointer}.footer-contact button:hover{border-color:var(--green)}.footer-contact small{font-size:9px;color:var(--muted);font-weight:500;margin-left:5px}
.site-toast{position:fixed;left:50%;bottom:28px;z-index:100;transform:translate(-50%,20px);background:var(--ink);color:#fff;border-radius:11px;padding:10px 16px;font-size:12px;box-shadow:0 14px 42px rgba(9,27,18,.25);opacity:0;visibility:hidden;transition:.25s;pointer-events:none}.site-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:760px){.site-header nav{display:none!important}.site-header>.mobile-bookmark{display:inline-flex!important;padding:5px 8px;font-size:11px}.bookmark-button span{font-size:15px}.leader-section{padding:20px 0 17px}.leader-heading{align-items:center;margin-bottom:11px}.leader-heading h2{font-size:21px}.leader-meta>span,.slider-actions{display:none}.leader-slider{margin-right:-14px;padding-right:14px}.leader-slider .leader-card{flex-basis:156px;min-height:88px}.slider-hint{display:block}.catalog-section{padding-top:20px}footer{align-items:flex-start;flex-direction:column;gap:14px}.footer-contact{width:100%;justify-content:space-between}.site-toast{width:calc(100% - 30px);text-align:center;bottom:18px}}