/* AI好买 storefront • layout and interaction tokens */
body.t20-body{--ah-bg:#f5f7fb;--ah-paper:#fff;--ah-ink:#182239;--ah-muted:#53617a;--ah-edge:#dce3ef;--ah-accent:#5144c5;--ah-deep:#392ba1;--ah-tint:#efedff;--ah-wide:1280px;--ah-gutter:clamp(14px,3vw,32px);--t-text:var(--ah-ink);--t-muted:var(--ah-muted);--t-ff:system-ui,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--ah-bg);color:var(--ah-ink);font-family:var(--t-ff)}
body.t20-body :focus-visible{outline:2px solid #7061e8;outline-offset:3px}
body.t20-body .t20-header-in,body.t20-body .t20-shell,body.t20-body .ahb-cat .container,body.t20-body .main .container,body.t20-body .t20-gtop-in,body.t20-body .t20-footer-in,body.t20-body .t20-footer-copy{width:100%;max-width:var(--ah-wide);padding-inline:var(--ah-gutter);margin-inline:auto}
body.t20-body .t20-header{padding:12px 0;background:rgba(255,255,255,.97);border-bottom:1px solid var(--ah-edge);backdrop-filter:blur(12px)}
body.t20-body .t20-header .t20-header-in{display:flex!important;justify-content:space-between;align-items:center;gap:16px!important;padding-inline:var(--ah-gutter)!important}
body.t20-body .t20-header .t20-logo{max-width:none}
body.t20-body .t20-header .t20-logo img{width:auto;height:36px;max-width:100%}
body.t20-body .t20-header .t20-header-actions{display:flex!important;gap:8px!important;min-width:0;flex-wrap:nowrap}
body.t20-body .t20-header .t20-search{position:relative;display:block!important;margin:0;min-width:0}
body.t20-body .t20-header .t20-search input{position:static;width:clamp(170px,21vw,290px)!important;height:42px;padding:0 43px 0 14px!important;border:1px solid var(--ah-edge);border-radius:10px;background:#f6f8fc;color:var(--ah-ink);box-shadow:none;cursor:text;font-size:14px}
body.t20-body .t20-search input::placeholder{color:var(--ah-muted)}
.ah11-search-btn{position:absolute;inset:3px 3px 3px auto;width:36px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--ah-accent);cursor:pointer}
.ah11-search-btn:hover{background:var(--ah-tint)}
body.t20-body .t20-header-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:10px;padding:8px 14px!important;line-height:1.15;font-weight:650}
body.t20-body .t20-primary{background:var(--ah-accent);border-color:var(--ah-accent)}
body.t20-body .t20-ghost{border-color:var(--ah-edge);color:var(--ah-ink)!important}
.ah11-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:clamp(24px,4vw,60px);align-items:center;padding:clamp(24px,4.2vw,62px);margin:24px 0 18px;border-radius:24px;background:radial-gradient(ellipse at 100% 0%,#444194 0%,transparent 58%),radial-gradient(ellipse at 70% 100%,#302a68 0%,transparent 60%),#161c36;color:#fff}
.ah11-eyebrow{display:inline-flex;gap:8px;align-items:center;border-radius:999px;padding:5px 11px;background:#ffffff13;border:1px solid #ffffff24;font-size:13px;color:#e5e2ff}
.ah11-eyebrow span{width:7px;height:7px;background:#b7aaff;border-radius:50%}
.ah11-hero h1{font-size:clamp(28px,4vw,52px);line-height:1.18;letter-spacing:-.035em;margin:18px 0 8px;font-weight:800;color:#fff}
.ah11-hero-platforms{font-size:clamp(14px,1.7vw,22px);color:#d7ceff;font-weight:650;margin:0 0 16px}
.ah11-hero-desc{max-width:57ch;color:#e0e3f4;font-size:15px;line-height:1.8;margin:0}
.ah11-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.ah11-hero-actions a{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border-radius:10px;font-size:14px;font-weight:700}
.ah11-hero-actions .ah11-cta{background:#e9e4ff;color:#261b62}
.ah11-hero-actions .ah11-alt{border:1px solid #ffffff4d;color:#fff}
.ah11-hero-actions a:hover{background:white;color:#251b64}
.ah11-hero-stats{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0}
.ah11-hero-stats div{display:flex;align-items:baseline;gap:8px}
.ah11-hero-stats dt{font-weight:500;font-size:12px;color:#d0d4eb}
.ah11-hero-stats dd{margin:0;font-weight:750;font-size:16px;color:#fff}
.ah11-featured{min-width:0;background:#ffffff12;border:1px solid #ffffff29;border-radius:18px;padding:15px}
.ah11-featured h2{color:#f4f2ff;font-size:15px;margin:0 0 11px;font-weight:700}
.ah11-featured-list{display:grid;gap:6px}
.ah11-featured .ah11-featured-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto 12px;gap:10px;align-items:center;color:#f9f8ff;padding:6px 9px;border-radius:10px;background:#11172d66;min-width:0}
.ah11-featured .ah11-featured-item:hover{background:#ffffff26}
.ah11-featured-item img{width:36px;height:36px;object-fit:cover;border-radius:8px}
.ah11-featured-item strong{overflow-wrap:anywhere;font-size:14px}
.ah11-featured-item span{color:#e0d8ff;white-space:nowrap;font-size:13px}
.ah11-featured-item i{font-style:normal;color:#d0c4ff;font-size:12px}
body.t20-body .t20-tabs{display:flex!important;position:sticky;top:61px;gap:6px!important;margin:0 0 28px!important;padding:7px!important;background:#fff;border:1px solid var(--ah-edge);border-radius:14px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;justify-content:flex-start}
body.t20-body .t20-tabs .t20-tab{flex:none;min-height:38px;padding:8px 13px!important;border-radius:8px;color:var(--ah-muted)!important;font-size:13px;font-weight:650;background:transparent}
body.t20-body .t20-tabs .t20-tab:is(.is-active,:hover){color:var(--ah-deep)!important;background:var(--ah-tint)}
.t20-body .t20-sec{margin:0 0 32px;scroll-margin-top:132px}
.t20-body .t20-sec-head{margin:0 0 13px}
.t20-body .t20-sec-title{font-size:clamp(20px,2.3vw,28px);color:var(--ah-ink);font-weight:800;letter-spacing:-.025em}
body.t20-body .t20 :is(.t20-hl,.t20-catalog,.t20-vision){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;grid-auto-rows:auto;align-items:stretch}
body.t20-body .t20 :is(.t20-hl-card,.t20-cat-card,.t20-vis-card){display:flex;flex-direction:column;grid-area:auto!important;min-width:0;min-height:0!important;padding:16px!important;border-radius:15px!important;background:#fff!important;border:1px solid var(--ah-edge);color:var(--ah-ink)!important;text-align:left;gap:0;box-shadow:0 2px 4px #1a2d5307;transform:none}
body.t20-body .t20 :is(.t20-hl-card,.t20-cat-card,.t20-vis-card):hover{border-color:#aaa2ee;box-shadow:0 6px 18px #35216d13}
body.t20-body .t20 :is(.t20-hl-card,.t20-cat-card,.t20-vis-card).is-folded,body.t20-body .t20 [hidden]{display:none!important}
body.t20-body .t20-hl-card::before,body.t20-body .t20-hl-card::after,body.t20-body .t20-hl-card .t20-check::before{content:none}
body.t20-body .t20 :is(.t20-hl-top,.t20-vis-head,.t20-cat-visual){display:block;width:auto;height:auto;aspect-ratio:auto;margin:0 0 11px!important;min-height:0;background:none}
body.t20-body .t20 :is(.t20-hl-visual,.t20-vis-icon,.t20-cat-visual){display:block;position:static;width:46px!important;height:46px!important;max-width:none;object-fit:cover;background-size:cover;background-position:center;border-radius:10px!important}
body.t20-body .t20-hl-text{position:static;padding:0;margin:0}
body.t20-body .t20 :is(.t20-cat-name,.t20-hl-text strong){display:block;font-size:16px!important;font-weight:750;line-height:1.35;color:var(--ah-ink);margin:0 0 5px;overflow-wrap:anywhere;letter-spacing:0}
body.t20-body .t20 :is(.t20-cat-sub,.t20-hl-text .t20-check){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0;max-height:3.2em;color:var(--ah-muted)!important;font-size:13px!important;line-height:1.6!important;margin:0}
body.t20-body .t20 :is(.t20-hl-foot,.t20-vis-foot,.t20-cat-price){display:flex!important;position:static;flex-direction:row!important;align-items:center!important;justify-content:space-between;flex-wrap:wrap;gap:6px;margin:auto 0 0!important;padding:12px 0 0}
body.t20-body .t20 :is(.t20-cat-price,.t20-vis-price){font-size:17px!important;line-height:1.25;font-weight:800;color:var(--ah-deep)}
body.t20-body .t20-vis-price small{color:var(--ah-muted);font-size:11px}
body.t20-body .t20 :is(.t20-btn,.t20-btn2){display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:30px;height:auto!important;line-height:1.2!important;margin:0;padding:5px 9px!important;border-radius:8px!important;background:var(--ah-tint);color:var(--ah-deep);font-size:12px!important;font-weight:700}
body.t20-body .t20 .t20-more{border-color:var(--ah-edge);background:#fff;color:var(--ah-deep);box-shadow:none}
body.t20-body .t20 .t20-more:hover{background:var(--ah-tint);transform:none}
body.t20-body .t20-svc{background:#fff;border:1px solid var(--ah-edge);box-shadow:none;border-radius:15px}
body.t20-body .t20-svc:hover{transform:none}
body.t20-body section.choice-guide{background:#fff!important;border-color:var(--ah-edge)!important}
body.t20-body section.choice-guide nav a{background:var(--ah-tint);color:var(--ah-deep)!important}
body.t20-body .ahb-cat,body.t20-body .main.t20-checkpage{padding-top:22px}
body.t20-body .ahb-cat-head{background:linear-gradient(140deg,#fff,#f0edff);border:1px solid var(--ah-edge);border-radius:18px}
body.t20-body .ahb-cat-title h1,body.t20-body .ahb-skus-head h2{color:var(--ah-ink);overflow-wrap:anywhere}
body.t20-body .ahb-cat-title p,body.t20-body .ahb-sku-main small{color:var(--ah-muted)}
body.t20-body .ahb-chips{background:#fff;border-color:var(--ah-edge);border-radius:12px}
body.t20-body .ahb-chips a.is-active{background:var(--ah-tint);color:var(--ah-deep)!important;box-shadow:none}
body.t20-body .ahb-sku{border:1px solid var(--ah-edge);border-radius:14px;background:#fff;box-shadow:0 2px 4px #1a2d5307}
body.t20-body .ahb-sku:hover{transform:none;border-color:#aaa2ee;box-shadow:0 6px 18px #35216d13}
body.t20-body .ahb-sku img{object-fit:contain}
body.t20-body :is(.ahb-sku-side em,.t20-buy-price,.ahb-side-list em){color:var(--ah-deep);font-variant-numeric:tabular-nums}
body.t20-body .ahb-btn{background:var(--ah-tint);color:var(--ah-deep);min-width:78px}
body.t20-body .ahb-pager .page-item.active .page-link,body.t20-body .t20-checkpage .btn-primary{background:var(--ah-accent);border-color:var(--ah-accent)}
body.t20-body .t20-gtop{padding:12px 0 0;margin:0}
body.t20-body .t20-gtop-band,body.t20-body .t20-gtop-row,body.t20-body .t20-gtop-svc{display:none}
body.t20-body .t20-gtop-crumb{position:static;margin:0 0 12px;padding:0;color:var(--ah-muted);overflow-wrap:anywhere}
body.t20-body .t20-gtop-crumb a{color:var(--ah-deep)!important}
body.t20-body .t20-buy{border:1px solid var(--ah-edge);background:#fff;border-radius:18px;gap:clamp(20px,4vw,50px);box-shadow:0 6px 18px #182b5209}
body.t20-body .t20-buy-img{background:#f2f4fa}
body.t20-body .t20-buy-img img{object-fit:contain}
body.t20-body .t20-buy-title{color:var(--ah-ink);overflow-wrap:anywhere}
body.t20-body .t20-buy-form{border-color:var(--ah-edge)}
body.t20-body .t20-buy-input{border-color:var(--ah-edge);background:#f7f8fc}
body.t20-body .t20-pay{min-width:0;border-color:var(--ah-edge);color:var(--ah-ink)}
body.t20-body .t20-pay:has(input:checked){border-color:var(--ah-accent);background:var(--ah-tint)}
body.t20-body .t20-pay:focus-within{outline:2px solid #7061e8;outline-offset:2px}
body.t20-body .t20-buy-btn:not(:disabled){background:var(--ah-accent);color:white}
body.t20-body .t20-buy-btn:not(:disabled):hover{background:var(--ah-deep)}
body.t20-body .ahb-goods .bg-white:not(.ahb-related){background:#fff!important;border:1px solid var(--ah-edge)}
body.t20-body .ahb-goods .badge-light{max-width:100%;white-space:normal;overflow-wrap:anywhere;background:var(--ah-tint);color:var(--ah-deep);line-height:1.5}
body.t20-body footer.t20-footer{background:#182038!important;background-image:none!important}
@media(max-width:960px){
 body.t20-body .t20 :is(.t20-hl,.t20-catalog,.t20-vision){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
 body.t20-body .t20-header{padding:8px 0}
 body.t20-body .t20-header .t20-header-in{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 8px!important}
 body.t20-body .t20-header .t20-logo img{height:30px}
 body.t20-body .t20-header .t20-header-actions{display:contents!important}
 body.t20-body .t20-header .t20-search{grid-column:1/-1!important;grid-row:2!important;width:100%}
 body.t20-body .t20-header .t20-search input{width:100%!important;height:37px;font-size:16px}
 body.t20-body .t20-header-actions>a{min-height:34px;padding:6px 8px!important;font-size:12px}
 body.t20-body .t20-header-actions .t20-ghost{grid-area:1/2;margin-right:70px}
 body.t20-body .t20-header-actions .t20-primary{grid-area:1/2;justify-self:end}
 .ah11-hero{grid-template-columns:1fr;gap:18px;padding:18px;margin-top:14px;border-radius:17px}
 .ah11-hero h1{margin-top:12px}
 .ah11-hero-desc{font-size:13px}
 .ah11-hero-platforms{margin-bottom:9px}
 .ah11-hero-actions{margin:14px 0}
 .ah11-hero-actions a{min-height:37px;font-size:12px;padding-inline:10px}
 .ah11-featured{padding:10px}
 .ah11-featured-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ah11-featured .ah11-featured-item{grid-template-columns:25px minmax(0,1fr);gap:0 6px;padding:5px 6px}
 .ah11-featured-item img{grid-row:span 2;width:25px;height:25px;border-radius:6px}
 .ah11-featured-item strong{font-size:12px}
 .ah11-featured-item span{font-size:11px}
 .ah11-featured-item i{display:none}
 body.t20-body .t20-tabs{top:94px;margin-bottom:18px!important}
 .t20-body .t20-sec{margin-bottom:24px;scroll-margin-top:158px}
 body.t20-body .t20 :is(.t20-hl,.t20-catalog,.t20-vision){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 body.t20-body .t20 :is(.t20-hl-card,.t20-cat-card,.t20-vis-card){padding:11px!important}
 body.t20-body .t20 :is(.t20-hl-visual,.t20-vis-icon,.t20-cat-visual){width:38px!important;height:38px!important}
 body.t20-body .t20 :is(.t20-cat-name,.t20-hl-text strong){font-size:14px!important}
 body.t20-body .t20 :is(.t20-cat-sub,.t20-hl-text .t20-check){font-size:12px!important}
 body.t20-body .t20-buy-img{width:74px;max-width:74px!important}
 body.t20-body .t20-buy-input{font-size:16px}
 body.t20-body .ahb-goods .content table{display:block;max-width:100%;overflow-x:auto}
 body.t20-body footer.t20-footer{padding:24px 0 66px!important}
 body.t20-body footer.t20-footer .t20-footer-in{gap:14px!important}
}
@media(max-width:380px){
 body.t20-body .t20-pay-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 body.t20-body .t20 :is(.t20-hl-card,.t20-cat-card,.t20-vis-card,.t20-more),body.t20-body .ahb-sku{transition:none}
}
body.t20-body .t20-tabs{flex-wrap:nowrap;top:67px}
body.t20-body .t20-gtop{background:transparent}
body.t20-body .t20-searchbar button{background:var(--ah-accent)}
body.t20-body .t20-checkpage .list-group-item{border-color:var(--ah-edge);color:var(--ah-muted)}
@media(max-width:700px){
 body.t20-body .t20-tabs{top:94px}
}
/* Keep legacy card variants aligned with the common layout. */
body.t20-body .t20 .t20-hl-card{align-items:stretch;justify-content:flex-start}
body.t20-body .t20 .t20-hl-card .t20-hl-text{max-width:none;text-align:left}
body.t20-body .t20 .t20-hl-card .t20-check{padding-left:0}
body.t20-body .t20 .t20-hl-card .t20-btn2{border:0;box-shadow:none}
body.t20-body .t20-gtop-in{padding-top:6px}
body.t20-body .main.ahb-goods{background:transparent}
@media(min-width:901px){
 body.t20-body .t20-buy{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}
 body.t20-body .t20-buy-img{max-width:440px}
}
@media(max-width:700px){
 body.t20-body .t20-pay-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 body.t20-body .t20-pay-grid .t20-pay{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:5px;padding:9px 3px;min-height:64px;text-align:center}
 body.t20-body .t20-pay-grid .t20-pay svg{width:22px;height:22px}
 body.t20-body .t20-pay-grid .t20-pay span{font-size:10.5px;white-space:nowrap}
}