/* Bilingual expansion story; all product artwork stays static. */
[lang="zh-Hans"]{font-family:Arial,"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif}
.hero-chinese{font-size:clamp(22px,2.5vw,32px);line-height:1.5;letter-spacing:.07em;color:#c4d4cc;margin:22px 0 24px;font-weight:500}
.hero-copy .hero-description{max-width:710px;margin-bottom:12px}
.hero-copy .chinese-description{font-size:15px;line-height:1.9;color:#a1aaa9;margin:0 auto 26px;letter-spacing:.02em}
.cup-example{width:100%;display:grid;grid-template-columns:1fr 1fr;border:1px solid #333b38;border-radius:18px;overflow:hidden;background:linear-gradient(125deg,#111b18,#0d1013 60%);scroll-margin-top:100px}
.cup-copy{padding:52px 40px;align-self:center}
.cup-copy .section-index{font-size:10px;letter-spacing:.15em;color:#9cc5ae}
.cup-copy h2{font-size:clamp(32px,3.3vw,47px);line-height:1.12;letter-spacing:-.045em;margin:20px 0 13px}
.example-zh{font-size:20px;line-height:1.7;color:#c3d4c7;margin:12px 0 20px;letter-spacing:.02em}
.cup-copy>p:not(.section-index):not(.example-zh){font-size:15px;line-height:1.85;color:#b6bebc;max-width:500px}
.cup-copy>p.example-translation{font-size:13px!important;color:#96a59e!important}
.example-tags{display:grid;gap:6px;border-top:1px solid #334038;margin-top:26px;padding-top:23px}
.example-tags span{font-size:9px;letter-spacing:.1em;color:#8ca599;margin-top:8px}.example-tags b{font-size:13px;font-weight:500;color:#e0e9e3}
.cup-scene{margin:24px 24px 24px 0;padding:24px;background:radial-gradient(ellipse at 70% 20%,#254438,#101b18 75%);border:1px solid #34473b;border-radius:12px;position:relative}
.scene-topline{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.14em;color:#a3b9ab}.scene-topline span:last-child{color:#cfe7d6}
.cup-product{position:relative;min-height:222px;display:flex;align-items:center}.product-label{width:45%;position:relative;z-index:1}.product-label span{font-size:8px;letter-spacing:.1em;color:#a1b9a8}.product-label strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.025em;color:#f1f3df;margin:12px 0}.product-label small{font-size:11px;color:#a1b9a8}
.cup-art{width:65%;max-width:300px;position:absolute;right:-12px;top:0;transform:none!important;animation:none!important}
.example-bridge{display:flex;align-items:center;gap:13px;margin:4px 0 19px}.example-bridge span{flex:1;height:1px;background:#45604d}.example-bridge b{font-size:8px;letter-spacing:.08em;font-weight:500;color:#c4d7c7}
.cafe-buyer{display:flex;align-items:center;gap:17px;padding:18px;background:#dbe6d4;border-radius:8px}.cafe-buyer svg{width:44px;height:44px;flex-shrink:0;color:#345545}.cafe-buyer span{display:block;font-size:8px;letter-spacing:.05em;color:#516755}.cafe-buyer strong{display:block;font-size:16px;color:#172c22!important;margin:7px 0 5px}.cafe-buyer small{font-size:10px;color:#516755}
.sample-reply{margin:15px 0 0 35px;border:1px solid #435847;border-radius:10px 10px 0 10px;background:#182b21;padding:18px 22px}.sample-reply>span{font-size:8px;letter-spacing:.09em;color:#a5c2aa}.sample-reply p{font-size:24px;line-height:1.3;letter-spacing:-.025em;color:#e7eddd;margin:12px 0}.sample-reply p[lang]{font-size:14px;color:#b7cdbb;letter-spacing:.015em;margin-top:6px}.sample-reply small{font-size:10px;line-height:1.7;color:#9fb5a5;display:block}
.example-disclosure{grid-column:1/-1;margin:0;padding:15px 30px;border-top:1px solid #303b34;font-size:10px;line-height:1.8;color:#95a099;background:#0d1511}
.simple-story{padding-top:70px;padding-bottom:65px}.story-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:end;margin-bottom:32px}.story-heading h2{font-size:clamp(30px,3.7vw,46px);line-height:1.12;letter-spacing:-.04em;margin:15px 0}.story-heading .section-index{font-size:10px;letter-spacing:.14em}.story-heading>p{font-size:16px;line-height:1.8;color:#aeb7b3;padding-bottom:15px}.story-heading>p span{display:block;font-size:13px;margin-top:12px}.story-heading .example-zh{font-size:19px;margin-bottom:0}
.story-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.story-grid article{display:flex;flex-direction:column;background:linear-gradient(150deg,#171e1b,#101413);border:1px solid #2c3831;border-radius:10px;padding:24px 20px;position:relative}.story-grid article:last-child{background:linear-gradient(150deg,#21392c,#111c16)}.story-step{display:flex;gap:10px;align-items:center;margin-bottom:25px}.story-step b{font-size:26px;letter-spacing:-.07em;color:#93b29b;font-weight:400}.story-step span{font-size:8px;line-height:1.7;letter-spacing:.06em;color:#b8c7bd}.story-step small{display:block;font-size:10px;letter-spacing:0}.story-grid h3{font-size:19px;letter-spacing:-.02em;line-height:1.4;margin:0 0 8px;min-height:80px}.story-grid p{font-size:12px;line-height:1.8;color:#adb9b1;margin:8px 0}.story-grid p.story-title-zh{font-size:13px;color:#d1dfd5;min-height:48px;margin-top:0;margin-bottom:14px}.story-grid p[lang]:not(.story-title-zh){font-size:11px;color:#94a79b}.story-output{margin-top:auto;padding-top:24px;font-size:11px;color:#c5dccd}.story-output:before{content:'';display:block;height:1px;background:#34483b;margin-bottom:13px}.story-output span{display:block;font-size:10px;color:#95ae9e;margin-top:5px}.story-note{font-size:11px;line-height:1.8;color:#99a69e;margin-top:20px}.story-note span{display:block;margin-top:5px}
.closing-chinese{font-size:22px!important;letter-spacing:.04em}
html[data-theme="light"] .hero-chinese,html[data-theme="light"] .example-zh{color:#295641!important}
html[data-theme="light"] .cup-example{background:linear-gradient(120deg,#f4f8f2,#fff 75%)}
html[data-theme="light"] .cup-copy .section-index,html[data-theme="light"] .example-tags span{color:#48715b!important}
html[data-theme="light"] .cup-copy .example-translation{color:#607064!important}
html[data-theme="light"] .cup-copy>p:not(.section-index):not(.example-zh){color:#4f6156!important}
html[data-theme="light"] .story-grid p{color:#4c6153!important}
html[data-theme="light"] .story-heading>p,html[data-theme="light"] .story-note{color:#53685a!important}
html[data-theme="light"] .example-tags b{color:#203a2b!important}
html[data-theme="light"] .cup-scene{background:radial-gradient(ellipse at 70% 20%,#e2edda,#edf3e9 75%)}
html[data-theme="light"] .scene-topline,html[data-theme="light"] .scene-topline span:last-child,html[data-theme="light"] .product-label span,html[data-theme="light"] .product-label small{color:#52725a!important}
html[data-theme="light"] .product-label strong{color:#233c2b!important}
html[data-theme="light"] .example-bridge b{color:#4d7158!important}
html[data-theme="light"] .sample-reply{background:#264c38;border-color:#264c38!important}
html[data-theme="light"] .sample-reply p{color:#f1f6eb!important}
html[data-theme="light"] .sample-reply p[lang],html[data-theme="light"] .sample-reply small,html[data-theme="light"] .sample-reply>span{color:#c6dccb!important}
html[data-theme="light"] .example-disclosure{background:#eff5ec;color:#576b5d!important}
html[data-theme="light"] .story-grid article{background:#f7faf6}
html[data-theme="light"] .story-grid article:last-child{background:linear-gradient(150deg,#e3f0df,#f6faf3)}
html[data-theme="light"] .story-step b,html[data-theme="light"] .story-step span,html[data-theme="light"] .story-output{color:#416a4e!important}
html[data-theme="light"] .story-grid p.story-title-zh{color:#31513c!important}
html[data-theme="light"] .story-output span{color:#526d59!important}
@media(min-width:1100px){.cup-scene{min-height:525px}}
@media(max-width:1100px){.cup-copy{padding:32px 25px}.cup-scene{padding:20px;margin:18px 18px 18px 0}.cup-art{width:68%;right:-12px;top:15px}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-grid h3{min-height:54px}}
@media(max-width:760px){.hero-chinese{margin:20px 0;font-size:22px}.hero-copy .chinese-description{font-size:13px}.hero-copy .chinese-description br{display:none}.cup-example{grid-template-columns:1fr}.cup-copy{padding:30px 24px}.cup-copy h2{font-size:35px}.cup-copy .example-zh{font-size:17px}.cup-scene{margin:0 16px 16px;padding:22px}.cup-product{min-height:240px}.cup-art{width:64%;top:10px}.example-disclosure{padding:15px 22px;font-size:10px}.story-heading{grid-template-columns:1fr;gap:15px}.story-heading h2{font-size:33px}.story-heading .example-zh{font-size:17px}.story-heading>p{font-size:14px}.story-grid{grid-template-columns:1fr}.story-grid article{padding:23px 24px}.story-step{margin-bottom:18px}.story-grid h3{min-height:0;font-size:23px}.story-grid p.story-title-zh{min-height:0}.story-grid p{font-size:14px}.story-grid p[lang]:not(.story-title-zh){font-size:13px}.story-output{padding-top:14px}.simple-story{padding-top:40px}.sample-reply{margin-left:16px}.sample-reply p{font-size:24px}}
@media(prefers-reduced-motion:reduce){.cup-example *, .simple-story *{animation:none!important;transition:none!important}}