/* 手机先展示搜索和类别，产品图片随后显示。电脑布局沿用原样。 */
@media(max-width:734px){
 body:has(.hg.ia) .site-nav-login{min-width:44px;justify-content:center}
 body:has(.hg.ia) .appearance-toggle{min-width:44px;min-height:44px}
 .hg.ia [data-r]{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
 .hg.ia .ia-hero{display:flex;flex-direction:column;padding-top:24px}
 .hg.ia .ia-hero>.hg-wr:first-child{order:0}
 .hg.ia .ia-hero>.hg-wr:not(.ia-stage):not(:first-child){display:contents}
 .hg.ia .ia-hero .hg-eb{font-size:12px;line-height:1.5;margin:0}
 .hg.ia .ia-h1{font-size:clamp(28px,8.2vw,40px);line-height:1.15;margin-top:10px!important}
 .hg.ia .ia-lead{font-size:15px;line-height:1.7;margin-top:14px!important}
 .hg.ia .ia-lead .hg-nw{white-space:normal}
 .hg.ia .ia-hero .hg-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
 .hg.ia .ia-hero .hg-ctas a{min-height:46px;padding:10px 16px;font-size:14px}
 .hg.ia .ia-search{order:1;flex:none;width:calc(100% - 40px);max-width:694px;box-sizing:border-box;margin:20px 20px 0}
 .hg.ia .ia-search-box{height:52px;padding:0 15px;gap:10px;border-radius:15px}
 .hg.ia .ia-search-box input{font-size:16px}
 .hg.ia .ia-cats{order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;padding:0 20px;box-sizing:border-box;margin-top:18px;overflow:visible}
 .hg.ia .ia-cat,.hg.ia .ia-cat:first-child{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:62px;padding:10px;border:1px solid var(--hg-line);border-radius:13px;background:var(--hg-tile);box-sizing:border-box}
 .hg.ia .ia-cat b{font-size:14px;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere}
 .hg.ia .ia-cat span{font-size:11px;line-height:1.5;margin:0;color:var(--hg-ink-2)}
 .hg.ia .ia-stage{order:3;flex:none;height:220px;margin:18px 0 0;width:100%;overflow:hidden}
 .hg.ia .ia-g{animation:none;filter:none}
 .hg.ia .ia-g1{width:250px;left:calc(50% - 205px);top:52px}
 .hg.ia .ia-g2{width:300px;left:calc(50% - 150px);top:12px}
 .hg.ia .ia-g3{width:240px;left:calc(50% - 45px);top:115px}
 .hg.ia .ia-nums{order:4;width:calc(100% - 40px);margin:6px 20px 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;text-align:center}
 .hg.ia .ia-nums div,.hg.ia .ia-nums div:nth-child(3){min-width:0;padding:0;border:0}
 .hg.ia .ia-nums b{font-size:26px;line-height:1.2;letter-spacing:-.02em}
 .hg.ia .ia-nums span{display:block;font-size:10px;line-height:1.5;margin-top:4px;color:var(--hg-ink-2)}
 .hg.ia .ia-brands{order:5;flex-wrap:nowrap;gap:8px;width:calc(100% - 40px);margin:22px 20px 0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
 .hg.ia .ia-brands a{flex:none;min-height:44px;padding:10px 13px;font-size:13px}
 .hg.ia .ia-band{padding-top:66px}
 .hg.ia .ia-strip{margin-top:24px;gap:14px}
 .hg.ia .ia-strip-ft .hg-fine{font-size:12px;line-height:1.6}
 .hg.ia .ia-strip-ft .hg-pads button{min-width:44px;min-height:44px}
 .hg.ia .ia-fr{padding-block:24px}
 .hg.ia .ia-fr h3{font-size:25px}
 .hg.ia .ia-fr p{font-size:15px;line-height:1.7}
 .hg.ia .ia-fr li a{min-height:44px}
 .hg.ia .ia-more em{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
 .hg.ia .ia-ways a{min-height:86px;padding:18px}
}
@media(max-width:359px){.hg.ia .ia-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.hg.ia .ia-hero .hg-ctas{gap:8px}.hg.ia .ia-hero .hg-ctas a{padding-inline:12px}.hg.ia .ia-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}