:root{--cream:#f8f6ef;--green:#243c2e;--red:#b8332d;--muted:#747b6c;--line:#dfe0d5;--serif:'Songti SC',STSong,'Noto Serif SC',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-bottom:100px}body{margin:0;background:var(--cream);color:var(--green);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}img[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #c7a462;outline-offset:4px}::selection{background:#dfc9ac;color:var(--green)}.wrap{max-width:1200px;width:calc(100% - 96px);margin-inline:auto}section[id]{scroll-margin-top:30px}
.site-header{max-width:1200px;width:calc(100% - 96px);height:100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:2px;font-weight:600}.brand svg{width:30px;height:30px;flex:none}.brand small{display:block;font-size:8px;letter-spacing:2.3px;font-weight:400;margin-top:5px}.site-header nav{display:flex;gap:32px;align-items:center;font-size:12px}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--red)}.header-cta{border:1px solid #c88578;color:var(--red);padding:11px 19px;border-radius:6px;font-size:12px;white-space:nowrap;background:transparent;transition:background .2s}.header-cta:hover{background:#f2e8de}
.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:54px;min-height:660px;padding-block:40px 70px;align-items:center}.hero-copy{padding-block:10px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--muted);line-height:1.8}.origin-label{margin-top:30px;font-size:12px;letter-spacing:2px;display:flex;gap:9px;align-items:center}.origin-label:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red)}h1{font-size:64px;line-height:1.3;letter-spacing:-2px;margin:20px 0 22px}h1 span{color:var(--red)}.hero-description{font-size:15px;line-height:1.9;color:#6d7568;margin-bottom:0}.hero-offer{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:26px 0;font-size:13px}.hero-offer strong{font-size:42px;font-family:var(--serif);font-weight:500;color:var(--red)}.offer-tag{background:#f2e6dc;color:var(--red);font-size:11px;padding:6px 10px;border-radius:4px;margin-left:8px}.hero-actions{display:flex;align-items:center;gap:18px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;border:0;border-radius:8px;padding:16px 24px;background:var(--red);color:white;font-size:13px;font-weight:500;line-height:1.4;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 9px 22px #7c251c24;background:#a32d27}.text-link{font-size:12px;border-bottom:1px solid #84907d;padding-bottom:4px}.hero-notes{font-size:11px;color:#858777;margin:20px 0 0;line-height:1.8}.hero-visual{position:relative;border-radius:140px 12px 12px 12px;height:570px;background:radial-gradient(ellipse at 60% 35%,#d3aa75,#a86440 65%,#554431);box-shadow:0 22px 50px #5b462013}.hero-visual>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.hero-visual:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#1c261c80);border-radius:0 0 12px 12px;pointer-events:none}.photo-caption{position:absolute;bottom:28px;left:28px;right:25px;color:white;z-index:2;font-size:13px;letter-spacing:1px;line-height:1.8}.photo-caption small,.photo-caption span{display:block;font-size:9px;letter-spacing:2px;opacity:.8}.round-seal{position:absolute;left:-36px;top:35px;width:112px;height:112px;border-radius:50%;background:var(--cream);border:5px double #b9b8a1;color:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transform:rotate(-12deg);box-shadow:0 8px 22px #273b3020;z-index:3;font-family:var(--serif);font-size:15px;letter-spacing:2px}.round-seal small{font-family:inherit;font-size:9px;letter-spacing:1px}.round-seal strong{font-size:25px;font-weight:500}.image-label{position:absolute;right:-20px;bottom:80px;background:var(--cream);padding:16px 20px;border-radius:6px;z-index:3;box-shadow:0 8px 25px #26372720;font-size:12px;line-height:1.8}.image-label small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;gap:24px}.trust-strip>div{display:flex;align-items:center;justify-content:center;gap:13px}.trust-strip svg{width:28px;height:28px;flex:none}.trust-strip strong{display:block;font-size:13px;font-weight:500;letter-spacing:1px}.trust-strip small{display:block;font-size:10px;color:var(--muted);margin-top:6px}
.taste-section{padding:100px 0}.section-heading{margin-bottom:40px}.section-heading h2{font-size:40px;line-height:1.4;margin:12px 0 14px;letter-spacing:-.5px}.section-heading em{font-style:normal;color:var(--red)}.section-heading>p:last-child{font-size:13px;line-height:1.8;color:var(--muted)}.taste-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}.taste-photo{height:440px;position:relative;border-radius:12px;background:linear-gradient(130deg,#ece7d6,#acba8e);overflow:hidden}.taste-photo img{width:100%;height:100%;object-fit:cover}.taste-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#2633296b);pointer-events:none}.taste-photo .photo-caption{bottom:24px;left:24px}.taste-details article{display:grid;grid-template-columns:30px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:26px 0}.taste-details article:first-child{padding-top:0}.taste-details .number{font-size:12px;color:var(--red);padding-top:5px;font-family:var(--serif)}.taste-details h3{font-size:22px;font-family:var(--serif);font-weight:500;margin-bottom:12px}.taste-details p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.origin-section{background:#233d30;color:#f5f2e7;padding:80px 0}.origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.origin-art{position:relative;min-height:360px;border:1px solid #ede8cf1a;overflow:hidden;border-radius:50% 50% 8px 8px}.origin-art svg{position:absolute;inset:0;width:100%;height:100%;opacity:.25;color:#e0d3ad}.origin-location{position:absolute;top:60px;left:50px;font-family:var(--serif);font-size:36px;letter-spacing:7px}.origin-location small{display:block;font:9px/2 sans-serif;letter-spacing:3px;margin-top:10px;color:#c1c7b7}.coordinates{position:absolute;bottom:40px;left:50px;font-size:10px;letter-spacing:2px;color:#c1c7b7;line-height:2}.origin-copy .eyebrow{color:#bdc7b4}.origin-copy h2{font-size:46px;line-height:1.4;font-weight:400;margin:14px 0 24px}.origin-copy>p:not(.eyebrow){font-size:14px;line-height:2;color:#c3c9b9}.origin-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #ecebd02a;margin-top:30px;padding-top:25px}.origin-features strong{display:block;font-size:14px;font-weight:500}.origin-features small{display:block;font-size:11px;color:#b3bda9;line-height:1.8;margin-top:8px}
.purchase-section{padding:100px 0 70px}.purchase-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.packs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pack-card{text-align:left;position:relative;padding:28px 24px;background:transparent;border:1px solid #dadbd0;border-radius:12px;color:inherit;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.pack-card:hover{transform:translateY(-3px);border-color:#86947c}.pack-card.is-selected{border:2px solid var(--green);padding:27px 23px;background:#eef1e7;box-shadow:0 10px 25px #2e452c09}.pack-recommend{position:absolute;top:-12px;left:22px;background:var(--green);color:white;font-size:10px;padding:6px 12px;border-radius:4px;letter-spacing:1px}.pack-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px}.selection-dot{display:inline-block;width:16px;height:16px;border:1px solid #acb3a1;border-radius:50%;flex:none;position:relative}.is-selected .selection-dot{border-color:var(--green)}.is-selected .selection-dot:after{content:'';position:absolute;inset:3px;background:var(--green);border-radius:50%}.pack-card h3{font-family:var(--serif);font-weight:500;font-size:40px;margin:22px 0 8px}.pack-card h3 small{font-family:inherit;font-size:13px;margin-left:4px}.pack-price{color:var(--red);font-size:16px;white-space:nowrap}.pack-price strong{font-size:42px;font-family:var(--serif);font-weight:500}.unit-price{font-size:12px;margin:5px 0 20px;color:var(--muted)}.pack-description{font-size:11px;color:var(--muted);border-top:1px solid #d8dece;padding-top:15px;line-height:1.8;margin-bottom:0}.order-summary{padding:10px 0}.order-summary h3{font-family:var(--serif);font-size:28px;font-weight:500;margin-bottom:17px}.order-summary p{font-size:14px;line-height:1.8;color:var(--muted)}.selected-line{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);margin:22px 0;padding:15px 0;font-size:13px}.selected-line strong{color:var(--red)}.order-summary .button{width:100%}.order-summary>small{display:block;margin-top:12px;font-size:10px;text-align:center;color:var(--muted);line-height:1.8}.aside-note{margin-top:40px;background:#eeeee3;border-radius:10px;padding:24px;line-height:1.9}.aside-note strong{font-size:13px;font-weight:500}.aside-note p{font-size:12px;color:var(--muted);margin:8px 0 0}.share-section{padding:55px 60px;margin-bottom:80px;border:1px solid #dcded1;border-radius:14px;background:linear-gradient(120deg,#f8f6ef,#efefdf)}.share-section h2{font-size:36px;line-height:1.4;margin:12px 0 15px}.share-section>p{font-size:14px;line-height:1.9}.share-points{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:13px;line-height:1.8;margin:28px 0}.share-footer{margin-top:28px;border-top:1px solid #d9dccd;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:30px}.share-footer p{font-size:13px;line-height:1.9;margin-bottom:0;color:var(--muted)}.share-footer .button{background:var(--green);flex-shrink:0}.site-footer,footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:30px;border-top:1px solid var(--line);font-size:12px}.site-footer small,footer small{font-size:10px;color:var(--muted);line-height:1.8}.mobile-buy{display:none}
dialog{width:min(480px,calc(100% - 32px));border:0;border-radius:18px;padding:30px;background:var(--cream);color:var(--green);box-shadow:0 20px 80px #182a3340}dialog::backdrop{background:#12271ccc;backdrop-filter:blur(5px)}dialog h2{font-size:28px;padding-right:24px;margin-bottom:16px}dialog>p{font-size:13px;line-height:1.8;color:var(--muted)}dialog textarea{width:100%;min-height:150px;padding:14px;line-height:1.8;margin:15px 0;border:1px solid #d4d9c9;border-radius:8px;resize:vertical;background:#fffef9;color:var(--green);font-size:14px}dialog [data-close-dialog]{position:absolute;top:15px;right:17px;background:transparent;border:0;color:var(--green);font-size:24px;padding:5px 10px;cursor:pointer}#copy-message{background:var(--red);color:white;border:0;border-radius:8px;padding:14px 20px;width:100%}#dialog-status{font-size:12px;min-height:20px;margin:14px 0 0}.reveal{opacity:1;transform:none}body.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}body.motion-ready .reveal.is-visible{opacity:1;transform:none}.image-failed{background:radial-gradient(ellipse at 55% 25%,#d9b28a,#a96945 60%,#526349)!important}
@media(max-width:1000px){.wrap,.site-header{width:calc(100% - 56px)}.hero{gap:30px}h1{font-size:50px}.hero-visual{height:500px}.site-header nav{gap:20px}.origin-grid{gap:40px}.taste-grid{gap:38px}.purchase-layout{gap:30px}.share-section{padding:40px}.hero-actions{gap:12px}.round-seal{left:-22px}.hero-offer{gap:5px}.offer-tag{margin-left:2px}.origin-copy h2{font-size:40px}}
@media(max-width:700px){.wrap,.site-header{width:calc(100% - 40px)}.site-header{height:78px;gap:15px}.site-header nav{display:none}.brand{font-size:17px;gap:8px}.brand small{font-size:9px;letter-spacing:1px}.header-cta{font-size:11px;padding:9px 12px}.hero{display:flex;flex-direction:column;gap:32px;padding-top:22px;padding-bottom:35px;min-height:0;align-items:stretch}.hero-copy{padding:0}h1,.hero-copy h1{font-size:48px;line-height:1.25;margin:18px 0;letter-spacing:-1.5px}.eyebrow{font-size:9px;letter-spacing:2px}.origin-label{margin-top:20px}.hero-description{font-size:14px}.hero-offer{margin:20px 0}.hero-offer strong{font-size:38px}.hero-visual{height:390px;width:100%;border-radius:90px 12px 12px 12px}.round-seal{width:90px;height:90px;left:-10px;top:22px;font-size:11px;gap:3px}.round-seal strong{font-size:22px}.round-seal small{font-size:8px}.image-label{right:-6px;bottom:45px;padding:13px 16px;font-size:11px}.photo-caption{font-size:12px;left:22px;bottom:24px}.trust-strip{grid-template-columns:repeat(2,1fr);gap:22px 15px;padding:24px 0}.trust-strip>div{justify-content:flex-start;gap:10px}.trust-strip svg{width:22px;height:22px}.trust-strip strong{font-size:12px}.trust-strip small{font-size:9px}.taste-section{padding:64px 0}.section-heading{margin-bottom:28px}.section-heading h2{font-size:30px}.taste-grid{grid-template-columns:1fr;gap:15px}.taste-photo{height:300px}.taste-details article,.taste-details article:first-child{padding:20px 0}.taste-details h3{font-size:21px}.origin-section{padding:50px 0}.origin-grid{grid-template-columns:1fr;gap:30px}.origin-art{min-height:240px;order:2}.origin-location{top:40px;left:30px;font-size:30px}.coordinates{bottom:25px;left:30px}.origin-copy h2{font-size:36px}.origin-copy>p:not(.eyebrow){font-size:13px}.origin-features{gap:12px;margin-top:25px;padding-top:22px}.origin-features strong{font-size:13px}.origin-features small{font-size:10px}.purchase-section{padding:64px 0 45px}.purchase-layout{grid-template-columns:1fr;gap:30px}.packs{gap:12px}.pack-card{padding:22px 16px}.pack-card.is-selected{padding:21px 15px}.pack-card h3{font-size:36px}.pack-price strong{font-size:36px}.pack-top{font-size:10px}.pack-recommend{left:14px;font-size:9px}.unit-price{font-size:11px}.pack-description{font-size:10px}.order-summary h3{font-size:26px}.aside-note{padding:20px;margin-top:25px}.share-section{padding:28px 24px;margin-bottom:45px}.share-section h2{font-size:30px}.share-section>p{font-size:13px}.share-points{grid-template-columns:1fr;gap:12px;font-size:12px;margin:22px 0}.share-footer{flex-direction:column;gap:20px;align-items:flex-start}.share-footer .button{width:100%}.site-footer,footer{flex-direction:column;align-items:flex-start;padding-bottom:calc(110px + env(safe-area-inset-bottom));gap:12px}.mobile-buy{position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(248,246,239,.96);backdrop-filter:blur(14px);box-shadow:0 -4px 28px #263d2f10;border-top:1px solid #dfe0d5;padding:12px 20px calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:15px}.mobile-buy strong{font-size:24px;color:var(--red);font-family:var(--serif)}.mobile-buy small{font-size:10px;display:block;color:var(--muted);line-height:1.7}.mobile-buy .button{padding:14px 20px;gap:16px}.mobile-buy>div{font-size:12px}.hero-notes{font-size:10px}.button{padding:15px 22px}dialog{padding:26px}dialog h2{font-size:25px}}
@media(max-width:360px){h1,.hero-copy h1{font-size:44px}.hero-visual{height:350px}.hero-actions{gap:15px}.hero-actions .button{padding:15px 17px}.offer-tag{font-size:10px}.pack-card{padding:22px 12px}.pack-card.is-selected{padding:21px 11px}.pack-card h3{font-size:32px}.mobile-buy{padding-inline:16px}.mobile-buy .button{padding:14px 16px}}
body{overflow-x:hidden}.hero-visual{overflow:visible}.hero-visual:after{z-index:1}.photo-caption,.round-seal{z-index:2}.image-failed:before{content:'高山红富士';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:36px var(--serif);letter-spacing:5px;color:#fff8e5cc}.button{text-decoration:none;cursor:pointer}.site-header a{text-decoration:none}dialog[open]{display:block}dialog h2{font-size:26px}
dialog:not([open]){display:none}dialog{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto}.consult-backdrop{position:fixed;inset:0;z-index:100;background:#12271ccc;backdrop-filter:blur(5px)}.consult-backdrop[hidden]{display:none}dialog.consult-fallback[open]{position:fixed;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:101}body.consult-open{overflow:hidden}
@media(max-width:700px){.hero-actions{flex-wrap:wrap}h1,.hero-copy h1{font-size:clamp(38px,11vw,48px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}body.motion-ready .reveal{opacity:1;transform:none}}
