@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@500;600;700&display=swap";.tea-card{z-index:3;text-align:center;color:#356a58;pointer-events:none;width:clamp(145px,17vw,245px);height:clamp(260px,48vh,430px);position:absolute;top:17vh;right:5.2vw}.tea-card canvas{width:100%;height:calc(100% - 44px);display:block}.tea-card p{letter-spacing:.05em;color:#174d3b;margin:-1px 0 4px;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(14px,1.3vw,19px)}.tea-card span{letter-spacing:.1em;color:#6a957f;font-size:9px}@media (width<=720px){.tea-card{opacity:.94;width:125px;height:255px;top:41vh;right:3vw}.tea-card p{font-size:13px}.tea-card span{font-size:8px}.detail-b{display:none}}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow:hidden}body{color:#0a402f;background:#eaf7ee;font-family:DM Mono,Microsoft YaHei,monospace}main{background:radial-gradient(circle at 72% 24%,#fbfff5 0,#fbfff59e 15%,#0000 37%),linear-gradient(115deg,#f8fff5 0%,#e6f5eb 52%,#e1f2e7 100%);min-height:100svh;position:relative;overflow:hidden}main:after{content:"";opacity:.55;z-index:0;background:#bde5ca;border-radius:50%;width:70vw;height:23vw;position:absolute;bottom:-12vw;right:-9vw}nav,footer{letter-spacing:.11em;color:#517367;z-index:3;justify-content:space-between;font-size:11px;display:flex;position:absolute;left:5.5vw;right:5.5vw}nav{top:4.2vh}.brand{color:#173f32;letter-spacing:.12em;font-weight:500}.brand i{vertical-align:-2px;background:#f04e64;border-radius:55% 55% 55% 10%;width:14px;height:14px;margin-right:9px;display:inline-block;transform:rotate(-42deg)}.copy{z-index:3;width:295px;position:absolute;top:24.5vh;left:9.2vw}.eyebrow{letter-spacing:.1em;color:#547b6b;margin:0 0 27px;font-size:11px}h1{letter-spacing:-.1em;color:#073c2c;margin:0 0 25px;font-family:Noto Serif SC,Songti SC,serif;font-size:70px;font-weight:700;line-height:.98}.desc{color:#547267;margin:0;font-size:13px;line-height:2}.hint{color:#53796a;border:1px solid #3b6f573d;border-radius:30px;width:max-content;margin-top:30px;padding:10px 13px;font-size:10px}.hint b{color:#f15467;vertical-align:-2px;margin-right:7px;font-size:16px;line-height:0}.hint em{opacity:.55;margin-left:15px;font-style:normal}.stage{z-index:1;touch-action:none;cursor:grab;position:absolute;inset:18% 2% 5% 31%}.stage:active{cursor:grabbing}.detail{z-index:3;color:#658479;font-size:10px;position:absolute}.detail b{color:#e86c79;font-weight:500}.detail-a{bottom:16%;left:45%}.detail-b{top:34%;right:8.8%}footer{color:#68887a;z-index:3;font-size:10px;bottom:3.4vh}@media (width<=720px){html,body{overflow:auto}main{min-height:100svh}nav{font-size:9px;top:3vh;left:6vw;right:6vw}.copy{text-align:center;width:86vw;top:12vh;left:7vw}.eyebrow{margin-bottom:14px;font-size:9px}h1{letter-spacing:-.13em;margin-bottom:14px;font-size:49px;line-height:1.03}.desc{font-size:11px;line-height:1.8}.hint{margin:18px auto 0;font-size:9px}.stage{inset:42% 0 5%}.detail{display:none}footer{font-size:8px;bottom:2.4vh;left:7vw;right:7vw}main:after{width:120vw;height:45vw;bottom:-20vw;right:-34vw}}@media (width>=1500px){h1{font-size:78px}.copy{left:9.3vw}}