*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f5f5ec;color:#294b3d}body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background-image:radial-gradient(#9ba88d18 .7px,transparent .7px);background-size:7px 7px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b58c44;outline-offset:5px}a{color:inherit;text-decoration:none}.site-header{height:105px;max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe4d4}.brand{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:600;letter-spacing:2px}.brand-flower{display:grid;place-items:center;width:48px;height:48px;background:#e6ebda;border-radius:50%;font-size:39px;line-height:1;color:#658357}.brand small{display:block;font-family:Georgia,serif;font-size:10px;letter-spacing:2.4px;color:#8a957c;margin-top:5px;font-weight:400}.site-header nav{display:flex;gap:34px;align-items:center}.site-header nav button{border:0;background:none;color:#65785f;font-size:15px;padding:14px 6px}.site-header nav .nav-help{border:1px solid #cad4bf;border-radius:30px;padding:13px 24px}.nav-help span{margin-left:14px}.layout{max-width:1120px;margin:38px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:80px;align-items:center}.intro{padding-bottom:26px}.eyebrow{display:flex;gap:10px;align-items:center;color:#7d8d72;font-size:14px;letter-spacing:3px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#97aa7c}h1{font-family:"STSong","SimSun",serif;font-weight:500;font-size:65px;line-height:1.43;letter-spacing:7px;margin:24px 0 24px}h1 span{color:#72916a}.description{font-size:19px;line-height:1.9;letter-spacing:2px;color:#819078;margin:0}.garden-art{display:block;width:100%;height:auto;margin:20px 0 6px}.little-notes{display:flex;align-items:center;justify-content:space-between;max-width:425px;color:#6b7e60;font-size:14px;letter-spacing:1px}.little-notes span{display:flex;gap:8px;align-items:center}.little-notes i{font-style:normal;font-size:22px;color:#879b73}.intro-footer{margin-top:35px;color:#959f88;font-size:12px;letter-spacing:1px;display:flex;align-items:center;gap:10px}.intro-footer b{font-weight:400}.footer-line{width:26px;height:1px;background:#bac6aa;margin-right:5px}.game-wrap{width:440px}.game-surface{position:relative;width:440px;height:790px;border:1px solid #e0e4d3;border-radius:29px;overflow:hidden;box-shadow:0 16px 50px #5063440c,0 2px 6px #6a785908;background:#f8f8ef}canvas{display:block;width:100%;height:100%}#controls{position:absolute;inset:0;pointer-events:none}#controls button{position:absolute;padding:0;border:0;background:transparent;pointer-events:auto;touch-action:manipulation;border-radius:14px}#controls button:hover{background:#5a7c4710}#controls button:active{background:#5a7c4719}#controls button:focus-visible{outline:3px solid #bd9551;outline-offset:-4px;background:#c6ad5f0c}.device-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#8d9b80;font-size:12px;letter-spacing:1px;margin:18px 0 0}.device-note span{width:5px;height:5px;border-radius:50%;background:#95aa7f}.site-footer{max-width:1250px;margin:35px auto 0;padding:22px 0 24px;border-top:1px solid #e0e4d7;display:flex;justify-content:space-between;color:#9aa58d;font-size:11px;letter-spacing:1px}.site-footer b{margin:0 10px;font-weight:400;color:#bcc5b2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:801px) and (max-height:950px){.site-header{height:85px}.layout{margin-top:26px}.game-surface{height:720px}.site-footer{margin-top:24px}.intro h1{font-size:60px}.garden-art{max-width:470px}}
@media(max-width:1300px){.site-header,.site-footer{margin-left:5%;margin-right:5%}.layout{margin-left:7%;margin-right:7%;gap:50px}.intro h1{font-size:57px;letter-spacing:4px}.eyebrow{font-size:12px}.description{font-size:17px}}
@media(max-width:1050px) and (min-width:801px){.layout{gap:28px;margin-left:4%;margin-right:4%;grid-template-columns:1fr 410px}.game-wrap,.game-surface{width:410px}.intro h1{font-size:46px}.intro-footer{letter-spacing:0;font-size:11px;gap:5px}.little-notes{font-size:12px;gap:10px}.description{font-size:16px}.eyebrow{letter-spacing:1px}}
@media(max-width:800px){body{background:#f8f8ef}.site-header,.intro,.device-note,.site-footer{display:none}.layout{display:block;margin:0}.game-wrap{width:100%;max-width:480px;margin:0 auto}.game-surface{width:100%;height:100svh;height:100dvh;min-height:560px;border:0;border-radius:0;box-shadow:none;padding:0}.game-wrap{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.game-surface{height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}