.mobile-shortcuts{display:none}
@media(max-width:600px){
html{scroll-padding-top:18px}body{font-size:15px;padding-bottom:env(safe-area-inset-bottom)}.preview-bar{padding:4px 12px;font-size:10px;letter-spacing:0}.header{padding:8px 20px 0;gap:2px;min-height:0}.header .brand svg{width:90px;height:37px}.header nav{flex-wrap:nowrap;justify-content:space-between!important;gap:0!important;width:100%;font-size:12px}.header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 3px;white-space:nowrap}
.hero{grid-template-columns:minmax(0,1fr) 132px;gap:8px;min-height:0;padding:28px 20px 18px;align-items:center}.hero-copy{min-width:0}.hero .eyebrow{font-size:9px;letter-spacing:1px;gap:7px;margin-bottom:14px}.hero .eyebrow>span{width:14px}.hero h1{width:190px;max-width:100%;margin-bottom:14px}.hero-tagline{font-size:23px;line-height:1.65;letter-spacing:1px}.hero-tagline br{display:block}.hero-description{font-size:12px;line-height:1.9;margin-top:14px}.hero-description br{display:none}.hero-actions{display:none}.hero-note{font-size:10px;line-height:1.7;flex-wrap:wrap;gap:4px;margin-top:15px}.hero-note .small-square,.hero-note .dot{display:none}
.hero-art{min-width:0;min-height:270px;margin:0;overflow:visible;background:radial-gradient(ellipse,#eae6d9,transparent 70%)}.pack-figure{width:124px;max-width:100%;transform:rotate(-4deg)}.pack-front{border-radius:5px 5px 10px 10px;box-shadow:8px 15px 18px -10px #60553c66}.zipper{height:15px}.pack-base{height:12px}.pack-figure figcaption{font-size:9px;letter-spacing:0;line-height:1.7;margin-top:15px}.pack-figure figcaption span{margin:0 3px}.art-ring,.vertical-note,.art-coordinate{display:none}
.mobile-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 20px 24px}.mobile-shortcuts a{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ddd5c4;background:#f0ece1;font-size:12px;line-height:1.8}.mobile-shortcuts span{font-family:Georgia,serif;font-size:16px;color:#927642}.mobile-shortcuts a:nth-child(2){background:#eee3d6;border-color:#c8ac88}
.section{padding-top:38px;padding-bottom:38px}.section-intro,.product-information .spec-list,.ingredients,.ingredients p,.guidance-grid p,.cooperation-grid p,.reward-card>p,.reward-rules dl>div,.about-content>p:not(.about-lead){font-size:14px;line-height:1.9}.hero-note,.source-label,.fine-print,.guidance-source{font-size:11px}.text-link{min-height:44px;font-size:13px}.button{min-height:48px;font-size:14px}.ingredients summary,.reward-reference summary{min-height:48px;font-size:14px}.spec-list>div{grid-template-columns:70px minmax(0,1fr)}.contact-content a{display:inline-block;min-height:44px;line-height:44px}.contact-actions{align-items:stretch}.contact-actions .button{flex:1}.wechat-card figcaption small,.contact-help{font-size:12px}.footer-bottom{font-size:10px}
}
@media(max-width:359px){.hero{grid-template-columns:minmax(0,1fr) 108px;padding-left:18px;padding-right:18px;gap:6px}.hero-tagline{font-size:21px}.hero-art{min-height:250px}.pack-figure{width:104px}.hero .eyebrow{font-size:8px;letter-spacing:0}.hero-description{font-size:12px}.header{padding-left:16px;padding-right:16px}.header nav{font-size:11px}.mobile-shortcuts{margin-left:18px;margin-right:18px;gap:6px}.mobile-shortcuts a{font-size:11px}}