:root{color-scheme:light;--paper:#f5f1e7;--ink:#304c3c;--muted:#6f7468;--rule:#d9d9ca;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}figure,p{margin:0}a:focus-visible,summary:focus-visible{outline:3px solid #a54230;outline-offset:5px}.container{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:12px}
.site-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:600 25px var(--serif)}.brand img{border-radius:9px}.site-header nav,.site-footer nav{display:flex;align-items:center;gap:30px}.site-header nav a{font-size:14px;text-decoration:none;min-height:44px;display:flex;align-items:center}.site-header .nav-download{padding:4px 24px;background:var(--ink);color:var(--paper);border-radius:30px;min-height:38px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:44px;align-items:center;padding-block:52px 84px}.eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:22px;color:var(--muted)}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.04em;line-height:1.35;margin:0}h1{font-size:clamp(36px,4.2vw,58px)}h2{font-size:clamp(32px,3.3vw,44px)}.intro{font-size:17px;margin-block:24px 30px;color:#61685d;line-height:1.9}.download{display:inline-flex;gap:10px;align-items:center;justify-content:center;background:var(--ink);color:#fff;border-radius:40px;padding:13px 28px;font-size:16px;font-weight:500;text-decoration:none;min-height:52px}.download span{font-size:20px}.download:hover,.nav-download:hover{background:#233a2d}.purchase-note{font-size:12px;color:var(--muted);margin-top:12px;letter-spacing:.4px}.hero-copy>.text-link{display:inline-block;margin-top:26px}.text-link{font-size:14px;text-decoration:none;border-bottom:1px solid #a6b3a3;padding-bottom:3px}.hero-art{position:relative;width:100%;aspect-ratio:1/.98;isolation:isolate}.hero-shelf{position:absolute;right:0;top:0;width:72%;height:95%;object-fit:cover;object-position:center;box-shadow:0 18px 40px #342b221c;border-radius:4px}.hero-quote{position:absolute;left:0;bottom:10%;width:61%;border-radius:17px;box-shadow:0 18px 38px #263d3826;transform:rotate(-3deg)}.image-note{position:absolute;right:0;bottom:0;font-size:11px;color:var(--muted)}
.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:86px;border-top:1px solid var(--rule)}.feature-copy>p:not(.eyebrow){margin-top:25px;line-height:1.95;font-size:17px;color:#606a5f}.feature-copy .detail{font-size:14px!important;color:var(--muted)!important}.feature-copy .text-link{display:inline-block;margin-top:26px}.phone-photo{width:min(290px,100%);margin-inline:auto;border-radius:40px;overflow:hidden;box-shadow:0 20px 42px #383f2918}.phone-photo img{width:100%}.shelf-photo{max-width:430px;justify-self:end}.shelf-photo img{border-radius:3px;box-shadow:0 18px 32px #2b211519}figcaption{text-align:center;font-size:11px;color:var(--muted);margin-top:14px;letter-spacing:.7px}.widget-gallery{display:grid;gap:24px}.widget-gallery img{width:100%;border-radius:18px;box-shadow:0 12px 26px #44534a10}.widget-gallery figcaption{text-align:left;margin-top:8px;font-size:12px}.share-photo{max-width:400px;justify-self:end}.share-photo img{border-radius:4px}.trust{border-top:1px solid var(--rule);padding-block:76px}.trust>h2{font-size:36px}.trust-points{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:30px}.trust-points h3{font-size:17px;font-weight:500;margin:0 0 14px}.trust-points p{font-size:14px;color:var(--muted);margin-bottom:18px}.faq{border-top:1px solid var(--rule);padding-block:52px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-heading h2{font-size:30px}.faq details{border-bottom:1px solid var(--rule)}.faq summary{position:relative;cursor:pointer;list-style:none;padding:19px 35px 19px 0;font-size:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:4px;font-size:22px;top:13px}.faq details[open] summary::after{content:"−"}.faq details p{font-size:14px;color:#606a5f;padding:0 36px 24px 0;max-width:760px}.closing{border-top:1px solid var(--rule);padding-block:60px 76px;text-align:center}.closing>img{margin:0 auto 20px;border-radius:12px}.closing h2{font-size:36px;margin-bottom:25px}.mobile-break{display:none}.site-footer{border-top:1px solid var(--rule);padding-block:30px 25px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .brand{font-size:20px}.site-footer nav{gap:25px;font-size:13px}.site-footer nav a{text-decoration:none;padding-block:8px}.footer-bottom{margin-top:26px;font-size:11px;color:var(--muted)}.footer-bottom a{white-space:nowrap}
@media(min-width:1600px){.hero{padding-block:80px 100px}}
@media(max-width:900px){.container{width:calc(100% - 56px)}.feature{gap:48px}.site-header nav{gap:20px}.hero{gap:25px}.hero-copy .intro{font-size:15px}.desktop-break{display:none}.feature-copy>p:not(.eyebrow){font-size:15px}.footer-top{align-items:flex-start}.site-footer nav{gap:15px;flex-wrap:wrap;justify-content:flex-end}.footer-bottom{align-items:flex-start}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.site-header{min-height:82px;gap:10px}.brand{font-size:21px;gap:8px}.site-header .brand img{width:32px;height:32px}.site-header nav{gap:14px}.site-header nav a{font-size:12px}.site-header nav .experience-link{display:none}.site-header .nav-download{padding-inline:17px;min-height:36px}.hero{grid-template-columns:1fr;padding-block:30px 48px;gap:40px}.eyebrow{font-size:11px;margin-bottom:16px;letter-spacing:1.5px}h1{font-size:clamp(32px,8.8vw,48px)}.intro{margin-block:20px 25px!important;font-size:15px!important}.hero-copy>.text-link{margin-top:19px;font-size:13px}.download{font-size:15px;min-height:50px;padding:12px 25px}.purchase-note{font-size:11px;letter-spacing:0}.hero-art{max-width:420px;margin:auto;aspect-ratio:1/.92}.hero-quote{border-radius:12px}.feature{grid-template-columns:1fr;gap:30px;padding-block:48px}.feature-copy{grid-row:1}.feature-copy h2{font-size:32px}.feature-copy>p:not(.eyebrow){margin-top:18px;line-height:1.9}.feature-copy .detail{font-size:13px!important}.feature-copy .text-link{margin-top:19px}.phone-photo{width:230px;border-radius:32px}.shelf-photo,.share-photo{justify-self:center;max-width:360px}.shelf-photo{width:100%;max-height:none}.widget-gallery{gap:24px}.widget-gallery img{border-radius:14px}.trust{padding-block:46px}.trust>h2{font-size:32px}.trust-points{grid-template-columns:1fr;gap:32px;margin-top:25px}.faq{padding-block:40px}.section-heading h2{font-size:27px}.section-heading>.text-link{font-size:12px}.faq summary{font-size:15px}.closing{padding-block:45px 50px}.closing h2{font-size:32px}.mobile-break{display:block}.site-footer{padding-block:26px}.footer-top{flex-direction:column;gap:14px}.site-footer nav{justify-content:flex-start;gap:16px}.footer-bottom{flex-direction:column;gap:10px;margin-top:20px}.footer-bottom p{max-width:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* A distinct seasonal offer, separate from the evergreen green branding. */
.promotion[hidden] { display: none; }
.promotion {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #a03f30;
  color: #fff8e8;
  box-shadow: 0 2px 8px #6a28151c;
}
.promotion-inner {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.promotion-badge { border: 1px solid #efc4a5; border-radius: 5px; padding: 3px 9px; font-size: 11px; letter-spacing: 1px; white-space: nowrap; }
.promotion-copy {
  display: flex;
  align-items: baseline;
  gap: 18px;
  font-size: 16px;
  line-height: 1.6;
}
.promotion-copy strong { font-size: 23px; margin-left: 5px; }
.promotion-scope { font-size: 12px; color: #ffead8; }
.promotion-deadline { white-space: nowrap; }
.promotion-inner > a {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 3px 15px;
  border-radius: 22px;
  background: #fff4dd;
  color: #873426;
  font-weight: 600;
  white-space: nowrap;
  font-size: 12px;
  text-decoration: none;
}
.promotion a:focus-visible { outline-color: #e9efbc; }
html:has(.promotion:not([hidden])) { scroll-padding-top: 92px; }
.skip:focus { position: fixed; top: 100px; z-index: 30; }
.hero { padding-block: 28px 64px; }
.hero-preview { width: 100%; max-width: 520px; justify-self: center; display: grid; grid-template-columns: 1.35fr 1fr; gap: 22px; align-items: start; padding-block: 24px; }
.hero-preview figure { min-width: 0; }
.hero-preview img { width: 100%; box-shadow: 0 18px 35px #383f2920; }
.overview-shelf { margin-top: 76px; }
.overview-shelf img { border-radius: 8px; }
.overview-reunion img { border-radius: 25px; }
.hero-preview figcaption { margin-top: 14px; font-size: 12px; }
@media (max-width: 900px) {
  .promotion-inner { gap: 18px; }
  .promotion-copy { gap: 12px; }
}
@media (max-width: 650px) {
  .promotion-inner { min-height: 88px; gap: 8px 12px; display: grid; grid-template-columns: 1fr auto; padding-block: 10px; }
  .promotion-badge { display: none; }
  .promotion-copy { display: contents; }
  .promotion-copy > p { font-size: 15px; line-height: 1.6; }
  .promotion-copy > p::before { content: '国庆限时 · '; font-size: 11px; }
  .promotion-copy strong { font-size: 21px; margin-left: 2px; }
  .promotion-scope { grid-row: 2; grid-column: 1 / -1; font-size: 10px; }
  .promotion-inner > a { grid-row: 1; grid-column: 2; font-size: 11px; min-height: 34px; gap: 4px; padding-inline: 11px; }
  html:has(.promotion:not([hidden])) { scroll-padding-top: 112px; }
  .skip:focus { top: 112px; }
  .hero { padding-block: 24px 48px; gap: 34px; }
  .hero-preview { width: 100%; max-width: 400px; gap: 16px; padding-block: 0; }
  .overview-shelf { margin-top: 44px; }
  .overview-reunion img { border-radius: 19px; }
}