:root{--bg:#dfecea;--cream:#fffcf7;--paper:#f6f8f3;--ink:#453632;--muted:#80756c;--peach:#ebc5b2;--peach-light:#f6e8dd;--mint:#aacbc1;--line:#d5ded5;--radius:22px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}[hidden]{display:none!important}img{display:block;max-width:100%}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8f6b59;outline-offset:4px}.wrap{max-width:1240px;width:calc(100% - 72px);margin-inline:auto}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.site-header{background:rgba(255,252,247,.8);border-bottom:1px solid rgba(69,54,50,.07)}.header-inner{display:flex;align-items:center;gap:35px;min-height:102px}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0}.brand>span{font:bold 29px/1.1 "Trebuchet MS",sans-serif;letter-spacing:-1px}.brand-soft{color:#8d7565}.brand small{display:block;font:10px/1.4 "Microsoft YaHei",sans-serif;letter-spacing:2px;color:var(--muted);margin-top:7px}.header-search{display:flex;align-items:center;flex:1;max-width:430px;margin:auto;background:#eef2eb;border:1px solid #dbe2d8;padding:7px 7px 7px 16px;border-radius:30px;gap:10px}.header-search input{min-width:0;width:100%;border:0;background:transparent;padding:6px 0;outline-offset:0;color:var(--ink);font-size:13px}.header-search button{background:var(--cream);border:0;border-radius:20px;font-size:12px;padding:8px 19px;flex-shrink:0}.header-links{display:flex;gap:26px;font-size:12px;flex-shrink:0}.header-links a{display:flex;align-items:center;gap:7px}.header-links .icon{width:17px;height:17px}.header-links b{font-size:10px;background:var(--peach);border-radius:30px;padding:0 5px}.category-nav{display:flex;gap:8px;align-items:center;min-height:76px}.category-nav>a{font-size:13px;padding:9px 22px;border-radius:25px;transition:background .2s}.category-nav>a:hover,.category-nav>a.active{background:var(--cream)}.category-nav>a.active{font-weight:600;box-shadow:0 2px 5px #455e4f08}.nav-note{font-size:11px;color:var(--muted);margin-left:auto;letter-spacing:1px}.nav-note>span{margin-left:12px;color:#998770}
.hero{background:var(--cream);border:1px solid #ffffff;border-radius:30px;padding:44px 44px 44px 54px;display:grid;grid-template-columns:1fr 1.08fr;gap:45px;align-items:center;min-height:392px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:2px;line-height:1.4;color:#948878;font-weight:600}.hero .eyebrow{display:flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;background:#9ebaac;border-radius:50%}h1,h2,h3,p{margin-top:0}.hero h1{font:normal 41px/1.45 "Georgia","Songti SC","SimSun",serif;letter-spacing:1px;margin:19px 0 15px;position:relative}.hero h1>span{color:#98775e}.heading-flower{display:inline-block;width:37px;height:37px;vertical-align:middle;transform:rotate(13deg);margin-left:11px}.hero-copy>p{font-size:13px;color:var(--muted);line-height:2;margin-bottom:25px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid transparent;padding:12px 23px;border-radius:14px;font-size:13px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--peach);color:var(--ink)}.primary:hover{background:#e4b49d}.secondary{background:var(--cream);border-color:#ddddd0}.secondary:hover{background:#f8f1e7}.hero-note{font-size:10px;color:#988c7e;margin-top:20px;letter-spacing:.4px}.note-dots{letter-spacing:-3px;color:#b5c4b4;font-size:14px;margin-right:12px}.hero-feature{position:relative;display:block;background:#fff;border:1px solid #e3e4d8;padding:9px;border-radius:21px;transform:rotate(1.6deg);box-shadow:0 14px 30px #635e3f12;transition:transform .25s}.hero-feature:hover{transform:rotate(0deg) translateY(-3px)}.feature-image{height:247px;overflow:hidden;border-radius:14px;background:#476c53;position:relative}.feature-image>img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#09251c88)}.feature-badge{position:absolute;left:16px;top:16px;padding:5px 11px;background:var(--cream);border-radius:8px;font-size:10px;z-index:1}.feature-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;background:#fff9ebd9;border-radius:50%;z-index:1;color:#736453}.feature-play .icon{width:24px;fill:currentColor;stroke:0;margin-left:3px}.feature-caption{position:absolute;bottom:15px;left:18px;font:700 25px "Trebuchet MS",sans-serif;letter-spacing:2px;color:#fff9e7;z-index:1}.feature-bottom{display:flex;justify-content:space-between;align-items:center;padding:14px 8px 8px}.feature-bottom strong{font:700 17px "Trebuchet MS",sans-serif}.feature-bottom div>span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.round-arrow{display:grid;place-items:center;border:1px solid #e0e3d6;width:32px;height:32px;border-radius:50%}.feature-sticker{position:absolute;right:-22px;bottom:-11px;width:77px;height:77px;background:#eddbc3;display:grid;place-content:center;line-height:1.35;text-align:center;font:700 10px/1.5 "Trebuchet MS",sans-serif;letter-spacing:1.2px;border-radius:50%;transform:rotate(-14deg);box-shadow:0 1px 0 #fff inset;border:5px solid #f4e9da}.hero-empty{display:grid;place-items:center;gap:15px;color:var(--muted)}.hero-empty img{width:95px}
.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:32px;margin-top:44px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.section-heading h2{font-size:22px;line-height:1.4;letter-spacing:.5px;margin:8px 0 0}.section-heading h2 span{font-size:22px;color:#b8a086;padding-left:8px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#7c7665}.text-link .icon{width:16px;height:16px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{background:var(--cream);border:1px solid #ffffff;border-radius:18px;overflow:hidden;box-shadow:0 3px 8px #455b4504;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #455b4510}.card-cover{position:relative;display:block;aspect-ratio:1.55;background:#b7ccba;overflow:hidden}.card-cover>img{height:100%;width:100%;object-fit:cover}.cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:39px;height:39px;background:#fffaf0d9;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .2s}.card-cover:hover .cover-play{opacity:1}.cover-play .icon{width:18px;fill:currentColor;stroke:0}.card-body{padding:15px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:5px}.card-title-row h3{font-size:13px;margin:0;line-height:1.4}.favorite-button{padding:5px;border:0;background:none;color:#a39588}.favorite-button .icon{width:17px;height:17px}.favorite-button[aria-pressed=true]{color:#a7786a}.favorite-button[aria-pressed=true] .icon,.favorite-detail[aria-pressed=true] .icon{fill:#eac2b3}.card-body>p{font-size:10px;color:var(--muted);margin:8px 0 13px;line-height:1.6}.card-tags{display:flex;flex-wrap:wrap;gap:5px}.card-tags>a,.card-tags>span{font-size:9px;line-height:1.4;border-radius:5px;background:#edeedc;color:#7e8067;padding:4px 7px}.card-tags>span{background:#f2e5db;color:#977b6a}.little-note{display:flex;align-items:center;gap:17px;margin-top:29px;border:1px dashed #b8c9bc;border-radius:16px;padding:17px 20px;min-height:81px}.little-note>span:first-child{color:#bda084;font-size:31px}.little-note strong{font-size:12px;font-weight:500}.little-note p{font-size:10px;color:var(--muted);margin:4px 0 0}.game-counter{font-size:10px;margin-left:auto;white-space:nowrap;color:#8d8775}.side-panel{background:#f7f9f3;border:1px solid #f9fff6;border-radius:20px;padding:21px}.side-title{display:flex;align-items:center;justify-content:space-between}.side-title h2{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:500;margin:0}.side-title .icon{width:16px;height:16px}.side-title>a{font-size:17px;color:#938b7c}.widget-empty{display:flex;align-items:center;gap:12px;padding:22px 0 2px}.widget-empty>span{font-size:28px;color:#b8c9b9}.widget-empty p{margin:0;font-size:10px;color:#8a9081;line-height:1.9}.recent-item{display:flex;align-items:center;gap:10px;margin-top:16px}.recent-item img{width:54px;height:39px;object-fit:cover;border-radius:7px}.recent-item strong{font-size:10px;display:block}.recent-item small{font-size:9px;color:var(--muted)}.peach-panel{margin-top:17px;background:#f4e4d7;border-color:#f8eadd;position:relative;overflow:hidden}.tiny-label{font-size:8px;letter-spacing:1.4px;color:#a38b75}.peach-panel h3{font:400 21px/1.5 "Songti SC","SimSun",serif;margin:13px 0 10px}.peach-panel p{font-size:10px;color:#a08774;margin-bottom:18px}.peach-panel img{position:absolute;width:69px;right:-6px;bottom:11px;opacity:.7;transform:rotate(18deg)}.sidebar-footnote{font-size:9px;text-align:center;color:#9d9e8c;margin-top:16px}.more-section{margin-top:43px}.more-section .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer{display:flex;align-items:center;gap:18px;margin-top:65px;border-top:1px solid #cddad3;padding-block:28px 32px;font-size:10px;color:#8a8d7e}.footer-brand{font:700 18px "Trebuchet MS",sans-serif;color:#7e7764}.footer-brand span{margin-left:5px;color:#b4917a}.site-footer p{margin:0}.site-footer small{margin-left:auto;font-size:9px}
.page-heading{padding:28px 0 24px}.page-heading h1{font:normal 31px/1.6 "Songti SC","SimSun",serif;margin:12px 0 7px}.page-heading p{font-size:12px;color:var(--muted);margin-bottom:0}.filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:var(--cream);padding:20px;border-radius:20px;border:1px solid #fff}.filter-bar>input{min-width:180px;flex:1;padding:11px 13px;border-radius:10px;border:1px solid #deded2;background:#f6f7ef;font-size:12px;height:42px;color:var(--ink)}.filter-bar label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.filter-bar select{border:1px solid #deded2;border-radius:10px;background:#fffdf7;padding:10px 26px 10px 10px;font-size:11px;height:42px;color:var(--ink)}.filter-bar .button{padding-block:10px;height:42px}.results-note{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:22px 3px}.results-note a{text-decoration:underline;text-underline-offset:4px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));min-height:210px}.empty-state{grid-column:1/-1;min-height:260px;text-align:center;background:#f5f8f1;border:1px dashed #c3cec1;border-radius:20px;padding:45px 20px}.empty-state>span{font-size:38px;color:#b89d84}.empty-state h2,.empty-state h3{font-size:18px;font-weight:500;margin:12px 0}.empty-state p{font-size:12px;color:var(--muted)}.pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:28px;font-size:12px}.pagination a{background:var(--cream);border-radius:8px;padding:6px 12px}.library-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--muted);margin:5px 0 22px}.library-tools p{margin:0}.text-button{background:none;border:0;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:4px}.breadcrumb{display:flex;gap:11px;font-size:10px;color:var(--muted);padding:10px 0 26px}.detail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.detail-heading h1{font:700 33px "Trebuchet MS",sans-serif;margin:13px 0 8px}.detail-heading p{font-size:12px;color:var(--muted);margin:0}.player{overflow:hidden;border-radius:20px;background:var(--cream);border:1px solid #fafef3}.player-stage{aspect-ratio:16/9;background:#172b25;position:relative;isolation:isolate}.player-stage iframe{width:100%;height:100%;display:block;border:0;position:absolute;inset:0}.player-poster{position:absolute;inset:0}.player-poster>img{height:100%;width:100%;object-fit:cover}.poster-shade{position:absolute;inset:0;background:#0e2818af;backdrop-filter:blur(2px)}.poster-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff8e3;padding:20px;text-align:center}.poster-content .eyebrow{color:#ced6b8}.poster-content h2{font:700 45px "Trebuchet MS",sans-serif;letter-spacing:4px;margin:20px 0 11px}.poster-content>p{font-size:13px;color:#c5d1b7}.poster-content .button{margin-top:14px}.poster-content .mobile-advice{font-size:11px;color:#cbd4bd;margin-top:15px;display:none}.player-loading{position:absolute;inset:0;background:#f9f3e7ed;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center}.player-loading strong{font-size:17px}.player-loading progress{width:250px;max-width:90%;margin-top:19px;accent-color:#8e7562}.player-loading p{font-size:12px;color:var(--muted);margin-top:15px;max-width:460px}.player-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:10px;gap:16px;color:var(--muted)}.player-toolbar>div{display:flex;align-items:center;gap:20px}.player-toolbar button{display:flex;align-items:center;gap:6px;border:0;background:none;padding:0;font-size:11px}.player-toolbar .icon{width:15px;height:15px}.player-stage:fullscreen{aspect-ratio:auto;height:100vh;width:100vw}.game-information{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;margin-top:27px}.info-panel{background:var(--cream);border:1px solid #fff;border-radius:18px;padding:25px 28px}.info-panel h2{font-size:16px;font-weight:600;margin-bottom:15px}.info-panel p{font-size:12px;color:var(--muted);line-height:1.9}.info-muted{font-size:10px!important;color:#9b9485!important}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#514237;color:#fffaf1;border-radius:14px;box-shadow:0 5px 15px #0002;padding:11px 23px;font-size:12px;z-index:20;max-width:calc(100vw - 40px)}
@media(min-width:1500px){.wrap{max-width:1290px}.hero{gap:65px;padding-block:50px}.hero h1{font-size:46px}.feature-image{height:267px}}
@media(max-width:1050px){.wrap{width:calc(100% - 44px)}.header-inner{gap:22px}.header-links{gap:15px}.header-links a>span{display:none}.header-search{max-width:360px}.hero{gap:28px;padding:35px}.hero h1{font-size:33px}.feature-image{height:217px}.home-layout{gap:22px;grid-template-columns:1fr 240px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-counter{display:none}.nav-note{font-size:9px}.little-note{padding:15px}.little-note p{font-size:9px}}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:86px;flex-wrap:wrap;padding-block:17px;gap:15px}.brand>span{font-size:25px}.brand img{width:30px;height:30px}.brand small{font-size:9px;letter-spacing:1px}.header-links{margin-left:auto;gap:18px}.header-search{order:3;flex-basis:100%;max-width:none;width:100%}.category-nav{min-height:64px;overflow-x:auto;gap:4px;white-space:nowrap}.category-nav>a{padding:7px 16px;font-size:12px}.nav-note{display:none}.hero{grid-template-columns:1fr;gap:30px;border-radius:24px;padding:30px 25px 35px}.hero h1{font-size:36px}.hero-copy>p{font-size:12px}.hero-feature{margin-inline:3px 9px}.feature-image{height:230px}.hero-note{font-size:9px}.home-layout{grid-template-columns:1fr;margin-top:30px;gap:26px}.section-heading h2{font-size:21px}.home-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-panel{padding:17px}.peach-panel{margin-top:0}.peach-panel h3{font-size:16px}.peach-panel p{font-size:9px}.sidebar-footnote{grid-column:1/-1;margin-top:0}.side-title h2{font-size:11px}.widget-empty{flex-direction:column;align-items:start;gap:5px;padding-top:15px}.game-grid,.catalog-grid,.more-section .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:12px}.card-title-row h3{font-size:12px}.card-body>p{font-size:9px}.little-note p{font-size:10px}.site-footer{margin-top:35px;flex-wrap:wrap;gap:8px 13px;padding-block:22px}.site-footer small{width:100%;margin:2px 0 0}.page-heading{padding-top:18px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.filter-bar{padding:16px;gap:12px;border-radius:16px}.filter-bar>input{flex-basis:100%;min-width:0}.filter-bar label{flex:1;min-width:120px}.filter-bar .button{flex:1}.filter-bar select{width:100%;padding-right:18px}.detail-heading{gap:10px;align-items:start}.detail-heading h1{font-size:25px}.detail-heading p{font-size:11px}.favorite-detail{font-size:10px;padding:9px 11px;white-space:nowrap}.favorite-detail .icon{width:15px}.player{border-radius:14px}.poster-content h2{font-size:25px;margin:12px 0 5px}.poster-content>p{display:none}.poster-content .eyebrow{font-size:7px}.poster-content .button{padding:9px 16px;font-size:12px;margin-top:10px}.poster-content .mobile-advice{display:block;font-size:9px;margin-top:8px;margin-bottom:0}.player-toolbar{padding:14px;align-items:start;flex-direction:column;gap:10px}.player-toolbar>div{gap:19px;justify-content:space-between;width:100%}.game-information{grid-template-columns:1fr;gap:16px}.info-panel{padding:22px}.library-tools{font-size:10px}.little-note{align-items:start}.player-loading strong{font-size:13px}.player-loading p{font-size:10px;margin-block:9px}.player-loading progress{margin-top:10px}.player-loading .button{padding:7px 14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.hero-feature{transform:none}}

.fullscreen-exit{display:none}.player-stage:fullscreen .fullscreen-exit{display:block;position:absolute;right:16px;top:16px;z-index:5;background:#fffcf7e6;border:1px solid #d5ded5;border-radius:10px;padding:8px 14px;font-size:12px}