:root{--ink:#282421;--muted:#625c57;--paper:#fafaf8;--brick:#8e3b35;--coral:#e89a6a;--cocoa:#4b3027;--mist:#e4eef2;--line:#dfd6ce;--max:1120px;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:4px}footer,header{max-width:var(--max);margin:auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{text-decoration:none;font-weight:800;font-size:1.1rem}footer span:last-child,nav{display:flex;gap:18px;flex-wrap:wrap}nav a{text-decoration:none}.hero{min-height:calc(100vh - 78px);max-width:var(--max);margin:auto;padding:clamp(40px,8vw,120px) 28px 64px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:clamp(32px,7vw,96px)}h1,h2{letter-spacing:-.025em;text-wrap:balance}.hero h1{font-size:clamp(3rem,7vw,5.8rem);line-height:1.04;margin:.1em 0 .25em}.hero p,.storyline p{max-width:34rem;color:var(--muted)}.kicker,.story>p{color:var(--brick)!important;font-weight:700;font-size:.9rem}.button{display:inline-flex;min-height:48px;align-items:center;padding:10px 18px;border-radius:12px;background:var(--brick);color:#fff;text-decoration:none;font-weight:700}.scene{height:clamp(300px,38vw,480px);position:relative;overflow:hidden;background:var(--mist);border-radius:24px}.window{width:45%;height:66%;left:0;top:0;background:#f8f5ed;border:14px solid #b87150;border-left:0;border-top:0;border-radius:0 0 140px 0}.table,.window{position:absolute}.table{width:72%;height:26%;right:-5%;bottom:16%;background:#9c6248;transform:skewY(-6deg)}.cup{position:absolute;width:48px;height:40px;border:7px solid #f7e8dc;background:var(--coral);bottom:31%;border-radius:6px 6px 14px 14px}.one{left:42%}.two{left:60%}.chair{position:absolute;width:22%;height:35%;bottom:0;background:var(--brick);border-radius:16px 16px 0 0}.left{left:13%}.right{right:13%;background:var(--cocoa)}.inner,.privacy-band,.release-state,.story,.tuantuan{max-width:var(--max);margin:auto;padding:clamp(56px,10vw,128px) 28px}.story{border-top:1px solid var(--line)}.story h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.18;max-width:18ch}.storyline{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px}.storyline article{border-top:2px solid var(--brick);padding-top:14px}.tuantuan{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;max-width:none;background:var(--cocoa);color:#fff}.tuantuan p{color:#f5ddd1}.tuantuan-mark{height:220px;position:relative}.tuantuan-mark i,.tuantuan-mark span{position:absolute;display:block;background:var(--coral)}.tuantuan-mark span{width:130px;height:100px;border-radius:50% 50% 40% 40%;left:30%;top:80px}.tuantuan-mark i{width:34px;height:80px;border-radius:100% 10% 100% 10%;top:15px}.tuantuan-mark i:first-child{left:34%;transform:rotate(-24deg)}.tuantuan-mark i:nth-child(2){left:54%;transform:rotate(24deg)}.privacy-band{max-width:none;background:#f2e2d9;display:flex;justify-content:space-between;gap:40px;align-items:end}.privacy-band p{font-size:clamp(1.3rem,2.4vw,2rem);max-width:34ch;margin:0}.release-state{max-width:none;background:#eef4f6}.release-state p:first-child{font-weight:800;color:#34576a}.release-state h2{font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.2;max-width:28ch}.inner{min-height:70vh;max-width:760px}.inner h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.08}.lead{font-size:1.2rem;color:var(--muted)}.inner section{margin-top:52px;padding-top:20px}.inner section,footer{border-top:1px solid var(--line)}footer{font-size:.86rem;color:var(--muted)}a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}@media(max-width:768px){header{padding:16px 20px}.hero{grid-template-columns:1fr;padding-left:20px;padding-right:20px;min-height:auto}.scene{order:-1;height:280px}.inner,.story{padding-left:20px;padding-right:20px}.storyline,.tuantuan{grid-template-columns:1fr}.tuantuan{padding-left:20px;padding-right:20px}.tuantuan-mark{height:150px}.privacy-band{padding:48px 20px;display:block}footer{padding:24px 20px;display:block}}@media(max-width:430px){nav a:not(:last-child){display:none}.hero h1{font-size:3.1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}