@charset "UTF-8";
:root{--ink:#25201c;--sub:#736b65;--primary:#fa7227;--orange:#ff952f;--surface:#fffaf5;--line:#f0e6da;--card:#fff;--shadow:0 16px 38px rgba(109,72,40,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{text-decoration:none;color:inherit}button,a{font:inherit}button{border:0}main{display:block}.shell{width:min(1080px,calc(100% - 40px));margin-inline:auto}
.site-header{height:64px;position:relative;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}.header-content{height:100%;display:flex;justify-content:space-between;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:17px;letter-spacing:.1px;font-weight:850}.brand-symbol{display:block;position:relative;width:30px;height:30px;border-radius:11px;background:linear-gradient(140deg,#ffac3d,#fa5c22);transform:rotate(-10deg)}.brand-symbol i:first-child{position:absolute;width:9px;height:9px;top:7px;left:10px;background:white;border-radius:50%}.brand-symbol i:last-child{position:absolute;width:15px;height:4px;top:-4px;right:-5px;border-radius:20px;background:#ffba50;transform:rotate(-35deg)}.header-tag{font-size:12px;color:#867d75}
.hero{padding-block:34px 30px;display:grid;grid-template-columns:.93fr 1.07fr;gap:34px;align-items:center}.hero-copy{min-width:0;padding-block:8px}.eyebrow{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:800;color:#cc6330}.eyebrow-mark{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px #ffeadc}.hero h1{margin-top:22px;font-size:clamp(42px,5.5vw,70px);line-height:1.11;font-weight:920;letter-spacing:-2.4px}.hero h1 em{font-style:normal;color:var(--primary)}.intro{max-width:460px;margin-top:19px;color:var(--sub);line-height:1.85;font-size:15px}.features{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.features span{padding:8px 13px;border-radius:30px;background:#fff0e3;border:1px solid #ffe4cf;color:#9f5e31;font-weight:750;font-size:12px}.cta{height:52px;min-width:200px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:999px;color:#fff;font-size:16px;font-weight:850;background:linear-gradient(110deg,#ff8c30,#f75c2a);box-shadow:0 12px 25px rgba(243,108,38,.2);cursor:pointer}.cta:disabled{opacity:1;cursor:default}.cta span{font-size:20px}
.hero-visual{position:relative;height:390px;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 76% 23%,#ffdfab 0%,transparent 40%),linear-gradient(138deg,#ffc480,#f8a96b 48%,#ef7d53 100%);box-shadow:var(--shadow);isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:auto -8% -31% -8%;height:62%;border-radius:50%;background:linear-gradient(0deg,#b86b45,#df9e61);box-shadow:0 -22px 32px #ee976880}.hero-visual:after{content:"";position:absolute;top:24px;right:24px;width:94px;height:94px;border:2px solid #ffffff62;border-radius:50%}.visual-sun{position:absolute;right:80px;top:48px;width:100px;height:100px;background:#fff1c2;border-radius:50%;filter:blur(15px);opacity:.65}.basket{position:absolute;left:19%;bottom:21%;width:60%;height:30%;border-radius:50%;background:linear-gradient(#edaf62,#b66e35);border:8px solid #ae632f;box-shadow:0 14px 0 #bf7c42,0 29px 0 #91532e,0 37px 24px #7d3b2873;transform:rotate(-6deg)}.basket:before{content:"";position:absolute;inset:-23px 4% 50%;border-radius:50%;background:#eeb87a;border:7px solid #bd8547}.bun{position:absolute;background:radial-gradient(circle at 34% 24%,#fffdfa,#f1e3d4 68%,#d9bb9d);width:29%;height:65%;border-radius:53% 53% 41% 41%;bottom:45%;box-shadow:2px 8px 7px #8c532a43}.bun:after{content:"";position:absolute;left:49%;top:6%;height:40%;width:3px;transform:rotate(12deg);background:#d4b29a;border-radius:50%}.bun-1{left:4%}.bun-2{left:28%;bottom:60%}.bun-3{left:53%;bottom:53%}.bun-4{left:71%;bottom:43%}.steam{position:absolute;height:66px;width:24px;top:21%;z-index:3;border-left:6px solid #fff8e2a1;border-radius:50%;filter:blur(2px)}.steam-1{left:36%;transform:rotate(8deg)}.steam-2{left:52%;top:17%;transform:rotate(-12deg)}.steam-3{left:65%;top:23%;transform:rotate(10deg)}.teacup{position:absolute;right:8%;bottom:12%;height:60px;width:84px;border-radius:15px 15px 42px 42px;background:linear-gradient(120deg,#fbf2df,#d8b28c);border:4px solid #f7ece0;box-shadow:0 9px 6px #7b452c40}.teacup:after{content:"";position:absolute;right:-22px;top:7px;width:26px;height:27px;border:8px solid #f4eadc;border-radius:50%}.visual-words{position:absolute;top:22px;left:24px;font-size:14px;color:#713f2a;font-weight:850;letter-spacing:.4px}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 0 42px;gap:12px}.benefit{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:#fff;padding:16px 18px;border-radius:17px}.benefit-index{font-size:23px;color:#ff8b44;font-weight:850;font-style:italic}.benefit strong{display:block;font-size:14px}.benefit p{font-size:12px;margin-top:5px;color:#988b80}
.highlights{padding-bottom:50px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px;gap:12px}.section-overline{font-size:11px;color:#db7334;font-weight:850;letter-spacing:1.5px}.section-head h2{font-size:clamp(23px,3vw,31px);margin-top:7px;font-weight:890;line-height:1.3;letter-spacing:-.8px}.section-aside{font-size:12px;color:#9a9189}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gallery-card{border-radius:19px;border:1px solid var(--line);background:#fff;overflow:hidden;box-shadow:var(--shadow)}.gallery-art{position:relative;height:182px;overflow:hidden}.art-basket{background:radial-gradient(circle at 70% 20%,#fff6d7,transparent 40%),linear-gradient(130deg,#fee3a7,#f7aa64)}.art-plate{position:absolute;left:24%;top:40%;height:41%;width:52%;border-radius:50%;border:13px solid #ac693f;background:#efc18d;box-shadow:0 18px 0 #bb7c45}.art-plate i{position:absolute;bottom:30%;width:31%;height:70%;border-radius:50%;background:radial-gradient(circle at 36% 24%,#fff,#f1e2d0);box-shadow:2px 4px 3px #b4784b77}.art-plate i:nth-child(1){left:0}.art-plate i:nth-child(2){left:34%;bottom:45%}.art-plate i:nth-child(3){left:65%}.art-steam{position:absolute;top:20%;left:44%;width:20px;height:34px;border-left:4px solid #ffffffa8;border-radius:50%;filter:blur(2px)}.art-roll{background:linear-gradient(140deg,#e2f1dd,#aad0b7)}.roll-plate{position:absolute;left:16%;top:21%;width:68%;height:64%;background:#eff9f1;border-radius:50%;transform:rotate(-10deg);box-shadow:0 9px 12px #537e653e}.roll-plate i{position:absolute;top:37%;height:28%;width:53%;border-radius:50px;background:linear-gradient(110deg,#faf2e5,#efe1c8 85%);box-shadow:0 7px 2px #ab9f8680}.roll-plate i:nth-child(1){left:9%;top:27%}.roll-plate i:nth-child(2){left:22%;top:41%}.roll-plate i:nth-child(3){left:38%;top:54%}.art-tea{background:radial-gradient(circle at 75% 13%,#ffe9bb,transparent 33%),linear-gradient(130deg,#c4a889,#efd6ad)}.tea-pot{position:absolute;left:20%;top:27%;width:42%;height:54%;background:linear-gradient(110deg,#fff7dd,#d7b384);border-radius:45% 45% 32% 32%;box-shadow:0 12px 10px #94764d49}.tea-pot:before{content:"";position:absolute;top:-16%;left:25%;width:45%;height:15%;border-radius:50%;background:#d2ae78}.tea-pot:after{content:"";position:absolute;right:-28%;top:15%;width:32%;height:39%;border-radius:50%;border:11px solid #e8cca4}.tea-cup{position:absolute;right:12%;bottom:15%;width:26%;height:27%;border-radius:12px 12px 50% 50%;background:#fff4df;border-top:9px solid #9b6d3a;box-shadow:0 8px 6px #8e795743}.tea-leaf{position:absolute;left:10%;top:15%;width:40px;height:23px;background:#789c66;border-radius:100% 0 100% 0;transform:rotate(-20deg)}.gallery-body{padding:17px 17px 19px}.gallery-kicker{display:inline-flex;padding:4px 9px;border-radius:50px;background:#fff0e5;color:#c46a38;font-size:11px;font-weight:800}.gallery-body h3{margin-top:9px;font-size:17px;line-height:1.35}.gallery-body p{margin-top:7px;color:var(--sub);font-size:12px;line-height:1.75}.lower-cta{border-radius:23px;border:1px solid #f4dbbc;background:linear-gradient(120deg,#fff0d9,#fff8ee);padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:45px}.lower-cta span{font-size:12px;color:#b56b3e;font-weight:850}.lower-cta h2{font-size:22px;margin-top:6px}.lower-cta .cta{min-width:166px;height:46px;font-size:14px;box-shadow:none}.site-footer{background:#fff;border-top:1px solid var(--line)}.footer-content{min-height:70px;display:flex;align-items:center;justify-content:space-between;color:#978c82;font-size:11px;gap:15px}.mobile-action{display:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:21px}.hero-visual{grid-row:1}.hero-copy{grid-row:2}.hero-visual{height:340px}.benefits{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.shell{width:calc(100% - 28px)}.site-header{height:57px}.header-tag{font-size:10px}.hero{padding:16px 0 23px;gap:17px}.hero-visual{height:215px;border-radius:19px}.visual-words{top:17px;left:17px;font-size:12px}.basket{left:23%;bottom:21%;width:53%;height:29%}.teacup{transform:scale(.65);transform-origin:bottom right}.steam{top:11%}.hero-copy{padding:0}.eyebrow{font-size:11px}.hero h1{font-size:34px;letter-spacing:-1.2px;margin-top:11px;line-height:1.13}.intro{font-size:13px;line-height:1.7;margin-top:9px}.features{margin:14px 0 15px;gap:6px}.features span{font-size:11px;padding:7px 11px}.hero-cta{display:none}.benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-bottom:27px}.benefit{display:block;padding:12px 8px;text-align:center;border-radius:13px}.benefit-index{font-size:16px}.benefit strong{font-size:12px;margin-top:3px}.benefit p{font-size:10px;line-height:1.45}.section-head{margin-bottom:14px}.section-head h2{font-size:23px}.section-aside{display:none}.highlights{padding-bottom:27px}.gallery{grid-template-columns:1fr;gap:11px}.gallery-card{display:grid;grid-template-columns:41% 59%;border-radius:14px;min-height:136px}.gallery-art{height:100%;min-height:136px}.gallery-body{padding:14px 12px}.gallery-body h3{font-size:15px;margin-top:7px}.gallery-body p{font-size:11px;margin-top:5px}.lower-cta{display:block;margin-bottom:25px;padding:18px;border-radius:17px}.lower-cta h2{font-size:19px}.lower-cta .cta{margin-top:14px}.site-footer{padding-bottom:72px}.footer-content{min-height:75px;flex-direction:column;justify-content:center;gap:5px}.mobile-action{position:fixed;z-index:60;display:block;left:0;right:0;bottom:0;padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:rgba(255,250,245,.96);border-top:1px solid #efdfce;backdrop-filter:blur(12px)}.mobile-action .cta{width:100%;height:45px}}
@media(max-width:350px){.hero-visual{height:195px}.hero h1{font-size:32px}.benefit{padding:10px 6px}.gallery-card{grid-template-columns:39% 61%}.header-tag{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}