@charset "UTF-8";
:root{--paper:#f7f7ed;--ink:#294c3e;--muted:#747d70;--line:#dfe3d4;--green:#355a43;--lime:#e6edc9;--white:#fffef8;--shadow:0 8px 25px rgba(54,72,38,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #cf9d29;outline-offset:5px}button{border:0}svg{display:block}::selection{background:#e5cb65;color:#264831}.skip-link{position:fixed;top:8px;left:8px;padding:12px 18px;background:var(--green);color:white;z-index:100;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{height:91px;border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{max-width:1160px;height:100%;margin:auto;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px}.brand>img{width:42px;height:42px}.brand>span{font-size:19px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:2.05px;margin-top:4px;color:#849077}.header-inner nav{display:flex;gap:34px;margin-left:auto;font-size:14px;font-weight:600}.header-inner nav a{position:relative;padding:15px 0}.header-inner nav a:hover{color:#618f39}.nav-mine::after{content:"";position:absolute;bottom:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#80a149}.share-button{display:flex;gap:8px;align-items:center;padding:10px 15px;background:transparent;border:1px solid #cfd6c3;border-radius:9px;font-size:13px}.share-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.share-button:hover{background:#edf0e0}.page-shell{max-width:1160px;margin:0 auto}.hero{position:relative;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;min-height:348px;padding:40px 0 38px;gap:10px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:1.7px;margin:0 0 17px;color:#6b8055;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:#819f48;border-radius:50%;box-shadow:0 0 0 4px #eaf0d9}.hero h1{font-size:43px;line-height:1.45;letter-spacing:-1px;font-weight:850;margin:0 0 16px;white-space:nowrap}.hero-emphasis{position:relative;color:#54753d}.hero-emphasis svg{position:absolute;bottom:-11px;left:0;width:100%;height:14px;stroke:#d6b955;fill:none;stroke-width:3;stroke-linecap:round}.hero-description{font-size:14px;line-height:1.95;color:#75816e;margin:15px 0 23px}.hero-actions{display:flex;align-items:center;gap:22px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 19px;font-size:13px;font-weight:600;border-radius:8px;transition:transform .18s,background .18s}.button-primary{background:var(--green);color:#fffff1;box-shadow:0 4px 0 #dae0ca}.button-primary:hover{background:#284932;transform:translateY(-2px)}.button-primary span{font-size:18px;font-weight:400}.random-button{display:flex;align-items:center;gap:8px;font-size:13px;background:transparent;padding:10px 0;color:#70805e}.random-button:hover{color:var(--ink)}.random-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.4}.random-button circle{fill:currentColor;stroke:none}.hero-art{position:relative;margin:0 -7px 0 -23px;align-self:center}.hero-art>img{display:block;width:100%;height:auto}.art-note{position:absolute;right:6px;bottom:8px;font-size:12px;letter-spacing:2px;transform:rotate(-5deg);color:#839163}.art-note svg{width:60px;position:absolute;right:50px;bottom:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-kicker{font-size:9px;letter-spacing:2.4px;font-weight:600;color:#8b967b;margin:0 0 8px}.section-heading h2{font-size:24px;letter-spacing:.4px;line-height:1.3;margin:0;display:flex;align-items:center;gap:13px}.count{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:18px;color:#9ca486}.section-note{display:flex;align-items:center;gap:8px;color:#8b936c;font-size:12px;letter-spacing:.8px;margin:16px 0 0}.little-star{font-size:22px;color:#89a75c}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{border:1px solid #e0e4d6;background:var(--white);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}.game-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(54,72,38,.09)}.game-cover{position:relative;display:block;aspect-ratio:400/225;overflow:hidden}.game-cover>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}.game-cover:hover>img{transform:scale(1.025)}.original-badge{position:absolute;top:16px;left:16px;z-index:2;background:#ffffefd9;backdrop-filter:blur(4px);display:flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #ffffff9e;border-radius:5px;font-size:10px;letter-spacing:.5px;color:#577144}.original-badge>span{font-size:12px}.cover-number{position:absolute;z-index:2;right:18px;top:15px;font:italic 17px Georgia,serif;color:#6b805873}.tea-card .cover-number{color:#9c783e73}.sky-card .cover-number{color:#5c91a573}.cover-caption{position:absolute;bottom:12px;left:0;width:100%;text-align:center;font-size:11px;letter-spacing:1.8px;color:#526949}.tea-card .cover-caption{color:#90723e}.sky-card .cover-caption{color:#668590}.game-content{padding:23px 23px 0}.game-category{font-size:10px;letter-spacing:1.5px;color:#939a83}.game-category span{margin:0 6px}.game-content h3{font-size:22px;letter-spacing:.7px;line-height:1.3;margin:9px 0 10px;font-weight:750}.game-content p{font-size:12px;line-height:1.9;margin:0 0 21px;color:#878e7b;letter-spacing:.2px}.play-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9ebdf;padding:15px 0 17px;font-size:12px;font-weight:600;letter-spacing:.5px}.play-link>span{font-size:20px;font-weight:400;transition:transform .2s}.play-link:hover>span{transform:translate(2px,-2px)}.tea-card .play-link{color:#987638}.sky-card .play-link{color:#568596}.opening-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#99a08e;margin:18px 0 0;letter-spacing:.4px}.opening-note svg{width:13px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}.friends-section{margin-top:49px;border-top:1px dashed #d7ddca;padding-top:32px}.friends-section .section-heading{margin-bottom:10px}.friend-label{background:#e9eddc;border:1px solid #dfe5ce;border-radius:5px;padding:5px 10px;font-size:11px;letter-spacing:1px;color:#788a62}.friends-intro{font-size:12px;color:#879078;margin:0 0 22px;line-height:1.8}.friend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 22px}.friend-card{display:flex;align-items:center;gap:13px;border:1px solid #e1e5d8;border-radius:11px;padding:18px;background:#fcfcf4;transition:background .2s,border-color .2s,transform .2s}.friend-card:hover{background:#fffef8;border-color:#b8c99c;transform:translateY(-2px)}.friend-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:44px;border-radius:11px}.friend-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.icon-factory{background:#eaf0da;color:#879b57}.icon-run{background:#f4ebd4;color:#b29350}.icon-match{background:#eee7f0;color:#aa8bae}.icon-dance{background:#f5e3d9;color:#b98c72}.icon-merge{background:#e8eccf;color:#96a259}.icon-bump{background:#e0eced;color:#7fa5a7}.friend-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.friend-copy strong{font-size:14px;font-weight:650;letter-spacing:.3px}.friend-copy small{font-size:9px;letter-spacing:.1px;color:#9bA18e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-arrow{margin-left:auto;align-self:center;font-size:21px;font-weight:300;color:#9aa48a}.closing-note{margin:43px 0 0;display:flex;align-items:center;justify-content:center;gap:17px;padding:26px;background:#edf0df;border-radius:12px}.closing-note p{font-size:14px;letter-spacing:1px;color:#899774;margin:0}.closing-note strong{font-weight:500;color:#5e7750}.closing-face{position:relative;width:29px;height:28px;display:flex;gap:6px;align-items:center;justify-content:center;border-radius:40% 40% 45% 45%;background:#e8cf76}.closing-face i{border:2px solid #9ba25f;background:#304b39;width:7px;height:9px;border-radius:50%}.closing-face b{position:absolute;bottom:5px;left:10px;width:9px;height:4px;border-bottom:1.5px solid #967e41;border-radius:50%}.closing-doodle{font-size:23px;color:#bac796;margin-left:8px}.site-footer{max-width:1160px;margin:29px auto 0;padding:23px 0 28px;display:flex;justify-content:space-between;align-items:center;color:#99a28b}.site-footer>div{display:flex;align-items:center;gap:20px}.site-footer span{font-size:11px;color:#7e8b6e}.site-footer p{font-size:10px;margin:0}.site-footer>a{font-size:11px}.site-footer>a>span{margin-left:7px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);padding:13px 22px;max-width:calc(100% - 32px);border-radius:10px;color:#fffff2;background:#355a43;box-shadow:0 6px 25px #19382325;font-size:13px;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{padding:36px 30px 28px;border:1px solid #d8dec9;border-radius:20px;background:var(--white);color:var(--ink);width:min(400px,calc(100% - 36px));box-shadow:0 30px 100px #243b3038}dialog::backdrop{background:#294c3e50;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;font-size:24px;font-weight:300;background:#edf0e4;line-height:1}.dialog-close:hover{background:#e0e7cf}.pick-dialog{text-align:center}.pick-dialog>img{border-radius:20px;margin:14px 0 3px;width:88px;height:88px;object-fit:cover}.pick-dialog h2{font-size:25px;margin:12px 0}.pick-dialog>p:not(.section-kicker){font-size:13px;color:#7e8b6e;margin-bottom:24px;line-height:1.8}.pick-dialog .button{display:flex;width:100%}.pick-again{background:transparent;display:block;margin:15px auto 0;padding:10px 20px;font-size:12px;color:#74885f;text-decoration:underline;text-underline-offset:4px}.pick-dialog small{display:block;color:#9aa38d;font-size:10px;margin-top:13px}.share-dialog h2{font-size:24px}.share-dialog>p{font-size:13px;line-height:1.8}.share-dialog label{font-size:11px;color:#758768}.share-dialog input{display:block;width:100%;border:1px solid #ccd8bd;border-radius:7px;padding:12px;margin:7px 0 18px;color:#547340;background:#f6f8ee;font-size:12px}.share-dialog .button{width:100%}.share-dialog #share-feedback{margin-bottom:0;font-size:11px;min-height:20px;color:#7c885d}
@media(min-width:1450px){.hero{min-height:365px}.hero h1{font-size:45px}.hero-art{margin-right:0}}
@media(max-width:1250px){.header-inner,.page-shell,.site-footer{margin-left:40px;margin-right:40px}.hero h1{font-size:36px}.hero{min-height:325px}.game-grid{gap:18px}.friend-grid{gap:13px 18px}.game-content{padding:21px 20px 0}.friend-card{padding:15px;gap:10px}.friend-icon{flex-basis:39px;height:39px}.friend-copy small{font-size:8px}.hero-description{font-size:13px}}
@media(max-width:1000px){.header-inner,.page-shell,.site-footer{margin-left:27px;margin-right:27px}.hero h1{font-size:31px;letter-spacing:-1px}.hero-art{margin-left:-10px}.hero-description{font-size:12px}.hero-actions{gap:16px}.button{gap:14px;padding:11px 15px}.random-button{font-size:12px}.game-grid{gap:14px}.game-cover{aspect-ratio:400/255}.game-content{padding:19px 16px 0}.game-content h3{font-size:20px}.game-content p{font-size:11px}.game-category{font-size:9px;letter-spacing:1px}.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-copy small{font-size:9px}.section-heading h2{font-size:22px}.hero{min-height:310px}.header-inner nav{gap:24px}.site-footer>div{display:block}.site-footer p{margin-top:7px}}
@media(max-width:740px){html{scroll-padding-top:24px}.site-header{height:78px}.header-inner,.page-shell,.site-footer{margin-left:22px;margin-right:22px}.header-inner{gap:16px}.brand{gap:9px}.brand>img{width:36px;height:36px}.brand>span{font-size:16px;letter-spacing:.5px}.brand small{font-size:7px;letter-spacing:1.9px;margin-top:4px}.header-inner nav{display:none}.share-button{padding:9px;margin-left:auto;border-radius:8px}.share-button span{display:none}.share-button svg{width:17px}.hero{grid-template-columns:1fr;padding:34px 0 26px;gap:6px}.hero h1{font-size:35px;letter-spacing:-1px;margin-bottom:14px}.eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:13px}.hero-description{font-size:12px;line-height:1.9;margin:18px 0 20px}.hero-actions{gap:24px}.button{font-size:12px;padding:11px 16px}.hero-art{max-width:520px;width:100%;margin:0 auto -4px}.hero-art>img{width:100%;max-height:239px;object-fit:contain}.art-note{right:14px;bottom:1px;font-size:10px}.art-note svg{width:48px;right:30px;bottom:17px}.section-heading{align-items:flex-end;margin-bottom:16px}.section-kicker{font-size:8px;letter-spacing:2px;margin-bottom:7px}.section-heading h2{font-size:21px;gap:8px}.count{font-size:15px}.section-note{font-size:9px;letter-spacing:0;gap:4px;margin-bottom:3px;white-space:nowrap}.little-star{font-size:16px}.game-grid{grid-template-columns:1fr;gap:21px}.game-cover{aspect-ratio:400/226}.game-content{padding:22px 24px 0}.game-category{font-size:10px;letter-spacing:1.3px}.game-content h3{font-size:23px;margin-top:10px}.game-content p{font-size:13px;line-height:1.85;margin-bottom:19px}.desktop-break{display:none}.play-link{font-size:13px;padding:15px 0 18px}.cover-caption{font-size:12px;bottom:15px}.original-badge{top:17px;left:18px;font-size:10px}.opening-note{font-size:9px;margin-top:20px}.friends-section{margin-top:34px;padding-top:27px}.friend-label{font-size:9px;padding:5px 7px;letter-spacing:.5px}.friends-intro{font-size:11px;margin:13px 0 18px;line-height:1.9}.friend-grid{grid-template-columns:1fr;gap:10px}.friend-card{padding:16px 17px;gap:14px}.friend-icon{flex-basis:42px;height:42px}.friend-copy strong{font-size:14px}.friend-copy small{font-size:9px}.friend-arrow{font-size:23px}.closing-note{margin-top:28px;padding:22px 12px;gap:10px}.closing-note p{font-size:12px;letter-spacing:.5px}.closing-doodle{font-size:19px;margin-left:0}.closing-face{width:25px;height:26px;flex-shrink:0}.closing-face b{left:8px}.site-footer{margin-top:16px;padding:15px 0 25px;gap:10px;align-items:flex-start}.site-footer span{font-size:10px}.site-footer p{font-size:8px;line-height:1.8;max-width:220px}.site-footer>a{font-size:10px;white-space:nowrap}.site-footer>a>span{font-size:12px}}
@media(max-width:365px){.header-inner,.page-shell,.site-footer{margin-left:17px;margin-right:17px}.hero h1{font-size:30px}.section-heading h2{font-size:18px}.section-note{font-size:8px}.little-star{display:none}.closing-note p{font-size:10px}.brand>span{font-size:14px}.brand small{font-size:6px}}
.hero-copy{min-width:0}.hero-description,.game-content p,.friends-intro{color:#68765f}.game-category,.section-kicker,.section-note,.friend-label,.opening-note,.friend-copy small{color:#70795f}.friend-copy small{font-size:10px}.site-footer p,.site-footer>a{color:#70795f}.original-badge{color:#4c693b}
@media(max-width:365px){.hero h1{font-size:28px}.hero-actions{gap:16px}}
.hero-preview{height:267px;position:relative;margin-left:12px;isolation:isolate}.snapshot{position:absolute;margin:0;background:#fffef6;padding:7px 7px 26px;border-radius:3px;box-shadow:0 5px 20px #374a2921;border:1px solid #e5e4d5;overflow:hidden}.snapshot img{display:block;width:100%;height:100%;object-fit:cover}.snapshot figcaption{position:absolute;bottom:8px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:1px;color:#74845c}.snapshot-home{width:230px;height:190px;top:19px;left:0;transform:rotate(-7deg);z-index:1}.snapshot-home img{object-position:58% 54%}.snapshot-tea{width:170px;height:221px;left:175px;top:1px;transform:rotate(4deg);z-index:3}.snapshot-tea img{object-fit:none;object-position:50% 39%;width:156px;height:187px;transform:none}.snapshot-sky{width:169px;height:218px;right:0;top:26px;transform:rotate(11deg);z-index:2}.snapshot-sky img{object-fit:cover;object-position:center}.snapshot-label{position:absolute;bottom:0;left:90px;color:#71865e;font-size:11px;letter-spacing:2px;transform:rotate(-3deg)}.snapshot-label span{margin-left:8px;font-size:20px}.game-cover.screenshot-cover{aspect-ratio:4/5}.screenshot-cover>img{object-fit:cover}.screenshot-cover .original-badge{top:auto;left:auto;right:12px;bottom:12px;font-size:9px;background:#fffef5e6}.game-content{position:relative}.game-content .play-link{padding-right:96px}.screenshot-link{position:absolute;bottom:19px;right:23px;font-size:10px;font-weight:400;color:#7f896b}.screenshot-link:hover{color:#375a3d;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1120px) and (min-width:741px){.hero-preview{transform:scale(.84);transform-origin:center right;margin-left:-75px}.snapshot-tea{left:150px}.snapshot-home{left:-18px}.snapshot-sky{right:-12px}}
@media(max-width:740px){.hero{padding-top:30px}.hero-preview{height:231px;width:min(100%,420px);margin:19px auto 7px}.snapshot-home{width:47%;height:155px;top:29px;left:0}.snapshot-tea{width:40%;height:184px;left:29%;top:4px}.snapshot-tea img{object-fit:cover;object-position:center;width:100%;height:100%}.snapshot-sky{width:39%;height:183px;right:0;top:29px}.snapshot-label{left:44px;bottom:1px;font-size:9px;letter-spacing:1.4px}.snapshot figcaption{font-size:8px;letter-spacing:.5px}.section-heading h2{font-size:19px;gap:6px}.section-note{font-size:8px}.screenshot-cover .original-badge{font-size:10px}.screenshot-link{right:24px;font-size:11px}.game-content .play-link{padding-right:104px}}
@media(max-width:365px){.section-heading h2{font-size:16px}.section-note{font-size:7px}.snapshot-label{left:25px}.snapshot figcaption{font-size:7px}.hero-preview{height:211px}.snapshot-tea{height:170px}.snapshot-home{height:142px}.snapshot-sky{height:167px}}
.snapshot-tea img{object-fit:cover;object-position:center;width:100%;height:100%}.screenshot-cover .original-badge{top:12px;bottom:auto;left:12px;right:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.home-card .screenshot-cover>img{object-position:56% center}.screenshot-cover{background:#f4f3e7}.screenshot-link{color:#637454}.brand{flex-shrink:0}@media(max-width:740px){.header-inner nav{display:flex;margin-left:auto;gap:18px;font-size:12px}.share-button{margin-left:0}.site-footer p{margin-top:0}}@media(max-width:365px){.header-inner nav{gap:14px;font-size:11px}.header-inner{gap:14px}}