:root{--ink:#203a33;--green:#2f806d;--mint:#dce9dc;--cream:#f4f3ec;--gold:#d0a56b;--muted:#77847b;--line:#d9ded5;--serif:"Noto Serif SC","Songti SC",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topbar{height:88px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(32,58,51,.1)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-weight:600;letter-spacing:.1em;font-size:17px}.brand img{width:43px;height:43px;border-radius:50%;object-fit:cover}.brand small{display:block;font:8px/1.7 sans-serif;letter-spacing:.2em;color:var(--muted)}nav{display:flex;align-items:center;gap:40px;font-size:12px;color:#4f655c}nav a{transition:color .2s}nav a:hover{color:var(--green)}.nav-cta{padding:12px 17px;border:1px solid #bdc9be;border-radius:30px;color:var(--ink)}.nav-cta span{margin-left:16px;color:var(--green)}.hero{min-height:665px;padding:62px 11% 74px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1;padding-bottom:12px}.eyebrow,.section-mark{font-size:10px;letter-spacing:.2em;color:#6b8276}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:.07em}h1{font-size:clamp(48px,6vw,78px);line-height:1.42;margin:28px 0 20px}h1 em,h2 em{font-style:normal;color:var(--green)}.intro{font-size:14px;line-height:2.2;color:#66756b;max-width:370px}.primary{display:inline-flex;align-items:center;gap:46px;margin-top:23px;padding:15px 22px;background:var(--ink);color:#f4f3ec;border-radius:3px;font-size:12px;letter-spacing:.08em;transition:transform .2s,background .2s}.primary:hover{transform:translateY(-2px);background:var(--green)}.primary span{font-size:18px}.note{margin-top:65px;color:#889288;font-size:10px;letter-spacing:.14em}.note-dot{display:inline-block;width:5px;height:5px;margin-right:10px;background:var(--gold);border-radius:50%;vertical-align:middle}.hero-art{height:490px;max-width:500px;width:100%;justify-self:end;position:relative;background:#e7eee3;border-radius:48% 48% 5px 5px;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:20px;border:1px solid rgba(47,128,109,.17);border-radius:48% 48% 2px 2px}.sun{position:absolute;width:264px;height:264px;right:65px;top:68px;border-radius:50%;background:#f1dba7;opacity:.68}.cup{position:absolute;left:28%;top:31%;width:190px;height:218px;border-radius:14px 14px 50px 50px;background:linear-gradient(100deg,#fbf9ef,#fffdf5 48%,#e1e4d4);box-shadow:26px 32px 50px #55766c36;transform:rotate(-6deg);overflow:hidden}.cup:after{content:"";position:absolute;inset:12px;border:1px solid #a8c1a8;border-radius:8px 8px 43px 43px}.cup span{position:absolute;z-index:2;top:62px;left:78px;font-family:var(--serif);font-size:25px;line-height:1.45;color:var(--green);text-align:center}.tea{position:absolute;height:34px;left:2px;right:2px;top:-9px;background:#9bb793;border-radius:50%;box-shadow:inset 0 -4px 5px #547a5e55}.cup-shadow{position:absolute;bottom:-6px;left:-5px;width:190px;height:52px;background:#b6c8a8;border-radius:50%}.leaf{position:absolute;z-index:2;background:#588c72;border-radius:100% 0 100% 0;opacity:.83}.leaf-a{width:70px;height:27px;right:62px;top:126px;transform:rotate(-42deg)}.leaf-b{width:58px;height:23px;left:63px;bottom:103px;transform:rotate(145deg);background:#91aa78}.orbit{position:absolute;width:345px;height:120px;left:78px;top:180px;border:1px solid #648c743e;border-radius:50%;transform:rotate(-34deg)}.orbit-b{width:400px;height:165px;left:50px;top:168px;transform:rotate(35deg);border-color:#ba9d6b48}.vertical{position:absolute;right:24px;top:32%;writing-mode:vertical-rl;letter-spacing:.26em;font-size:8px;color:#71897b}.art-caption{position:absolute;bottom:40px;right:36px;text-align:right;font-size:8px;line-height:1.9;letter-spacing:.18em;color:#718174}.art-caption b{font-family:var(--serif);font-size:13px;font-weight:400;letter-spacing:.2em}.hero-index{position:absolute;bottom:30px;left:11%;font-size:9px;color:#839187;letter-spacing:.2em}.hero-index span{display:inline-block;width:36px;height:1px;background:#9baa9d;vertical-align:middle;margin:0 8px}.story{padding:105px 15%;background:#e8ede4;display:grid;grid-template-columns:.45fr 1.5fr .4fr;gap:44px;align-items:start}.story .section-mark{padding-top:13px}.story-body h2,.menu h2,.closing h2{font-size:42px;line-height:1.5;margin:0 0 20px}.story-body>p{max-width:560px;color:#66756b;font-size:13px;line-height:2.2}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;padding-top:25px;border-top:1px solid #cbd6ca}.values b,.values span{display:block}.values b{font-family:var(--serif);font-size:14px;font-weight:500;margin-bottom:8px}.values span{font-size:10px;color:#7f8c80}.story-stamp{justify-self:end;margin-top:110px;width:96px;height:96px;border:1px solid #9caf9b;border-radius:50%;display:grid;place-content:center;text-align:center;font-family:var(--serif);font-size:18px;color:var(--green);transform:rotate(10deg)}.story-stamp span{font:8px sans-serif;letter-spacing:.15em;margin-top:5px}.menu{padding:100px 11% 85px}.menu-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.menu h2{font-size:36px;margin:17px 0 4px}.menu-head p{margin:0;color:#839087;font-size:11px}.menu-count{font:11px var(--serif);letter-spacing:.1em;color:#6f7d72}.menu-count span{color:#bd9564;font-size:18px;margin-left:9px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#eeeee5;transition:transform .25s;min-width:0}.product:hover{transform:translateY(-5px)}.product-art{height:230px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e3eade,#d8e4d8);position:relative}.product-art:before{content:"";position:absolute;width:160px;height:160px;background:#f0deb8;border-radius:50%;opacity:.7;right:-20px;top:-35px}.product-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.glass{position:relative;width:92px;height:133px;border-radius:9px 9px 27px 27px;background:linear-gradient(90deg,#fffdf1de,#faf9ed 48%,#d8dfca);box-shadow:12px 18px 24px #526c4d35;overflow:hidden;border:1px solid #fff}.glass:before{content:"";position:absolute;top:0;left:-4px;right:-4px;height:18px;border-radius:50%;background:#7d9d72}.glass:after{content:"青绿浮沉";position:absolute;top:54px;left:0;right:0;text-align:center;font:10px var(--serif);color:#3f7257;letter-spacing:.1em}.glass i{position:absolute;top:14px;bottom:0;left:0;right:0;background:linear-gradient(#c7dbb8,#8fae82)}.product-info{padding:17px 17px 19px}.product-info h3{margin:0 0 7px;font:500 14px var(--serif);letter-spacing:.06em}.product-info p{margin:0;min-height:34px;color:#829086;font-size:10px;line-height:1.7}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.price{font-size:13px;color:var(--green)}.price small{font-size:9px}.tag{font-size:9px;color:#a58154;letter-spacing:.08em}.loading{grid-column:1/-1;padding:60px;text-align:center;color:#839087;font:14px var(--serif)}.menu-foot{text-align:center;margin-top:36px;color:#9aa398;letter-spacing:.16em;font-size:9px}.closing{min-height:410px;padding:70px 20px;text-align:center;background:#dce8dc;position:relative;overflow:hidden}.closing-orb{width:80px;height:80px;margin:0 auto 20px;border:1px solid #9bb49d;border-radius:50%;display:grid;place-items:center;font:29px var(--serif);color:var(--green);position:relative}.closing-orb:before,.closing-orb:after{content:"";position:absolute;width:120px;height:1px;background:#b7c9b8;left:-20px;top:40px;transform:rotate(40deg)}.closing-orb:after{transform:rotate(-40deg)}.closing .eyebrow{display:block}.closing h2{margin:12px 0;font-size:34px}.closing>p:last-child{font:12px var(--serif);color:#78887a}footer{min-height:92px;padding:20px 7%;display:flex;align-items:center;justify-content:space-between;color:#8a948b;font-size:10px}.footer-brand{font-size:14px;color:var(--ink)}.footer-brand img{width:35px;height:35px}footer>a:last-child{color:#5d7869}@media(max-width:760px){.topbar{height:70px;padding:0 5%}.brand{font-size:14px}.brand img{width:37px;height:37px}nav{gap:16px}nav>a:not(.nav-cta){display:none}.nav-cta{padding:10px 12px;font-size:10px}.nav-cta span{margin-left:5px}.hero{padding:46px 7% 56px;min-height:auto;grid-template-columns:1fr}.hero-copy{padding:4px 2px 26px}h1{font-size:51px;margin:22px 0 14px}.intro{font-size:12px;max-width:340px}.note{margin-top:30px}.hero-art{justify-self:center;height:min(105vw,420px);max-width:420px}.hero-index{left:7%;bottom:20px}.story{padding:65px 8%;grid-template-columns:1fr;gap:22px}.story-body h2{font-size:36px}.story-stamp{display:none}.values{gap:12px}.values b{font-size:12px}.values span{font-size:9px}.menu{padding:68px 6% 55px}.menu-head{align-items:start}.menu h2{font-size:29px}.menu-head p{font-size:10px}.menu-count{font-size:9px;margin-top:26px;white-space:nowrap}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-art{height:42vw;max-height:230px}.product-info{padding:13px}.product-info h3{font-size:12px}.product-info p{font-size:9px}.closing{min-height:355px;padding-top:57px}footer{padding:18px 5%;gap:10px;flex-wrap:wrap}footer>div{order:3;width:100%;text-align:center}.footer-brand small{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}