:root{--ink:#182e2d;--jade:#254c49;--gold:#d9b979;--paper:#f3f0e8;--muted:#61706a;--line:#cbd0c3;font-family:'Noto Serif SC',serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% 1%,#e0e9e0,transparent 27%),var(--paper)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.skip{position:absolute;z-index:20;top:-5rem;left:1rem;padding:.7rem 1rem;background:white}.skip:focus{top:1rem}.site-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;padding:.75rem max(1.25rem,calc((100vw - 1200px)/2));border-bottom:1px solid #cad3c6;background:#f9f8f2}.brand{text-decoration:none;font-family:'ZCOOL XiaoWei',serif;font-size:1.25rem;letter-spacing:.08em;color:#254940}.brand span{margin-left:.55rem;font-family:'Noto Serif SC',serif;font-size:.7rem;color:#876d53}.back{text-decoration:none;font-size:.78rem;color:#476458}.back:hover,.back:focus-visible{text-decoration:underline;text-underline-offset:.25em}main{width:min(1200px,calc(100% - 2.5rem));margin:auto}.crumb{display:flex;gap:.45rem;margin:1.4rem 0 1rem;font-size:.74rem;color:#777d71}.crumb a{text-decoration:none;color:#426257}.crumb a:hover{text-decoration:underline}.eyebrow{margin:0;color:#986d4c;font-size:.7rem;letter-spacing:.2em}.catalog-hero,.detail-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 45%,#386261 0,#1a3a3b 43%,#142c2f 90%);color:#f7f1e5}.catalog-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:27rem}.catalog-hero>div:first-child{z-index:1;padding:3.7rem clamp(2rem,5vw,5rem)}.catalog-hero .eyebrow,.detail-hero .eyebrow{color:#e7c783}.catalog-hero h1{margin:.8rem 0 1.1rem;font-family:'ZCOOL XiaoWei',serif;font-size:clamp(3.1rem,5.8vw,5.7rem);font-weight:400;line-height:1.14;letter-spacing:.08em}.catalog-hero p:not(.eyebrow){max-width:32rem;color:#d9e6de;font-size:.94rem;line-height:2}.hero-jump{display:inline-flex;gap:1.5rem;margin-top:.7rem;padding:.65rem 0;border-bottom:1px solid #d4ae73;color:#f6dfba;text-decoration:none;font-size:.8rem}.hero-jump:hover{gap:2rem}.hero-visual{position:relative;display:grid;place-items:center;min-height:20rem;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 44px,#ffffff08 45px 46px),repeating-linear-gradient(90deg,transparent 0 44px,#ffffff08 45px 46px)}.hero-ring{width:19rem;aspect-ratio:1;border:1px solid #aab9a554;border-radius:50%;box-shadow:0 0 0 3rem #d8e5d00b,0 0 0 6rem #d8e5d008}.hero-ring:before,.hero-ring:after{content:'';position:absolute;top:50%;left:50%;width:11rem;aspect-ratio:1;border:1px dashed #dfc7967d;border-radius:50%;transform:translate(-50%,-50%)}.hero-ring:after{width:25rem;border-style:solid;border-color:#dfc79626}.hero-seal{position:absolute;display:grid;place-items:center;width:8rem;aspect-ratio:1;border:2px solid #e5c995;border-radius:50%;font-family:'ZCOOL XiaoWei',serif;font-size:5rem;color:#f6e8c8;transform:rotate(-10deg)}.hero-vertical{position:absolute;right:2rem;top:2rem;writing-mode:vertical-rl;color:#d6c5a0;font-size:.72rem;letter-spacing:.45em}.library{padding:3.2rem 0 4rem}.section-top,.result-head{display:flex;justify-content:space-between;align-items:end;gap:1rem}.section-top h2{margin:.4rem 0 0;font-family:'ZCOOL XiaoWei',serif;font-size:2.15rem;font-weight:400}.section-top>p,.result-head>p{margin:0 0 .2rem;color:var(--muted);font-size:.78rem}.platform-tabs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.7rem 0 1.25rem}.platform-tabs button{display:grid;grid-template-columns:1fr auto;min-height:7.3rem;padding:1.05rem 1.35rem;border:1px solid #acbcb0;background:linear-gradient(135deg,#f8f6ed,#e5e9dd);text-align:left;color:#3f5b53;transition:background .2s,transform .2s}.platform-tabs button:hover{transform:translateY(-2px)}.platform-tabs button[aria-selected=true]{border-color:#234941;background:linear-gradient(120deg,#28524d,#1a3435);color:#f9f1df;box-shadow:0 13px 28px -20px #1a3d38}.platform-tabs span{grid-column:1/-1;font-size:.7rem;letter-spacing:.16em}.platform-tabs strong{font-family:'ZCOOL XiaoWei',serif;font-size:2.05rem;font-weight:400;letter-spacing:.14em}.platform-tabs em{align-self:end;font-size:.78rem;font-style:normal}.tools{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:1.4rem 0;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.search-label{display:flex;align-items:center;gap:.65rem;color:#435b50;font-size:.8rem;white-space:nowrap}.search-label input{width:min(16rem,42vw);min-height:2.3rem;padding:.4rem .6rem;border:1px solid #b3c0b2;background:#fbfaf5;color:var(--ink);outline-offset:2px}.genre-filters{display:flex;flex-wrap:wrap;gap:.4rem}.genre-chip{padding:.35rem .72rem;border:1px solid #bfccbb;background:transparent;color:#52665c;font-size:.72rem}.genre-chip[aria-pressed=true]{border-color:#3b6255;background:#dfe9dc;color:#244a3d}.result-head{margin:1.1rem 0}.result-head h3{margin:0;font-family:'ZCOOL XiaoWei',serif;font-size:1.5rem;font-weight:400}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.game-card{position:relative;display:flex;min-width:0;min-height:13.2rem;overflow:hidden;border:1px solid #bcc9bd;background:#fbfaf4;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.game-card:hover,.game-card:focus-visible{z-index:1;transform:translateY(-3px);border-color:#4e7867;box-shadow:0 14px 22px -18px #173b31}.game-card:focus-visible{outline:2px solid #a74c36;outline-offset:2px}.game-card:before{content:'';position:absolute;inset:0 auto 0 0;width:.32rem;background:#789b84}.game-card[data-genre=射击]:before{background:#698da2}.game-card[data-genre=恐怖]:before{background:#765f70}.game-card[data-genre=合作]:before{background:#b57c67}.game-card[data-genre=模拟]:before,.game-card[data-genre=经营]:before{background:#ac9464}.game-card[data-genre=策略]:before,.game-card[data-genre=竞技]:before{background:#6d8090}.game-card-number{position:absolute;top:.75rem;right:.9rem;color:#9ca89a;font-size:.7rem}.game-card-glyph{display:grid;place-items:center;flex:0 0 5rem;margin:.8rem 0 .8rem .8rem;border:1px solid #d4dccc;background:radial-gradient(circle at 50% 45%,#e5ede3,#d6e2d6);font-family:'ZCOOL XiaoWei',serif;font-size:2.4rem;color:#376058}.game-card[data-genre=射击] .game-card-glyph{background:#e0e8e9;color:#486979}.game-card[data-genre=恐怖] .game-card-glyph{background:#e8e0e3;color:#76546a}.game-card-body{display:flex;flex-direction:column;min-width:0;padding:1.3rem 1.1rem .9rem}.game-card-meta{font-size:.65rem;letter-spacing:.1em;color:#8b6953}.game-card strong{margin:.5rem 0 .45rem;font-family:'ZCOOL XiaoWei',serif;font-size:1.35rem;font-weight:400;line-height:1.3;overflow-wrap:anywhere}.game-card-summary{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#67736a;font-size:.74rem;line-height:1.6}.game-card-open{margin-top:auto;padding-top:.8rem;color:#8f5d45;font-size:.68rem}.empty{padding:2rem;border:1px dashed #a8b9a9;color:#526257}.catalog-note{margin:1.5rem 0 0;color:#67746b;font-size:.73rem;line-height:1.8}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.4rem max(1.25rem,calc((100vw - 1200px)/2));border-top:1px solid #cdd2c4;background:#f9f8f2;font-size:.73rem;color:#6f796c}.site-footer a{text-decoration:none;color:#3e6553}.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 17rem;min-height:23rem}.detail-hero-copy{padding:clamp(2rem,5vw,4.5rem)}.detail-hero h1{max-width:52rem;margin:.65rem 0 1rem;font-family:'ZCOOL XiaoWei',serif;font-size:clamp(2.7rem,5vw,5rem);font-weight:400;line-height:1.22;overflow-wrap:anywhere}.detail-hero-copy>p:not(.eyebrow){max-width:41rem;color:#d9e5d9;font-size:1rem;line-height:1.9}.meta{display:flex;gap:.5rem;margin-top:1.6rem}.meta span{padding:.34rem .75rem;border:1px solid #cbd6c27a;font-size:.72rem;color:#e7e9d6}.detail-emblem{display:grid;place-items:center;border-left:1px solid #ffffff28;background:repeating-linear-gradient(0deg,transparent 0 44px,#ffffff08 45px 46px),repeating-linear-gradient(90deg,transparent 0 44px,#ffffff08 45px 46px)}.detail-emblem span{display:grid;place-items:center;width:11rem;aspect-ratio:1;border:1px solid #dfc48d;border-radius:50%;font-family:'ZCOOL XiaoWei',serif;font-size:6rem;color:#ead8ad;transform:rotate(-9deg)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:3rem;padding:2.5rem 0 4rem}.reading-intro h2,.reading-points h2,.memo h2{margin:.5rem 0 .8rem;font-family:'ZCOOL XiaoWei',serif;font-size:1.8rem;font-weight:400}.reading-intro>p:last-child,.memo>p:not(.eyebrow){max-width:44rem;color:#4c6155;font-size:.9rem;line-height:2}.reading-points{margin-top:2.1rem}.reading-points .section-top{padding-bottom:.8rem;border-bottom:1px solid var(--line)}.reading-points h2{margin-bottom:0}.point{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}.point-num{color:#a47d5b;font-size:.75rem}.point p{margin:0;color:#43594d;font-size:.88rem;line-height:1.9}.memo{margin-top:2.5rem;padding:1.7rem;background:#e3eae1;border:1px solid #c2d0c1}.memo label{display:block;margin:1.25rem 0 .5rem;font-size:.78rem;color:#425e50}.memo textarea{display:block;width:100%;min-height:10rem;padding:.85rem;border:1px solid #aec0af;background:#fbfaf5;color:#283c33;resize:vertical;font-size:.85rem;line-height:1.8}.memo-actions{display:flex;align-items:center;gap:1rem;margin-top:.8rem}.memo-actions button{padding:.6rem 1.2rem;border:0;background:#29564a;color:#fff7e7;font-size:.78rem}.memo-actions button:hover{background:#1b4138}.memo-actions span{color:#46634f;font-size:.72rem}.side-column{min-width:0}.side-index,.related{padding:1.35rem;border:1px solid #c9d1c3;background:#faf9f3}.side-index dl{display:grid;grid-template-columns:3.6rem 1fr;gap:.8rem .4rem;margin:1.3rem 0 0;font-size:.75rem}.side-index dt{color:#8a725c}.side-index dd{margin:0;color:#385246}.related{margin-top:1rem}.related-link{display:flex;justify-content:space-between;gap:.7rem;padding:.8rem 0;border-bottom:1px solid var(--line);text-decoration:none}.related-link:last-child{border-bottom:0}.related-link strong{font-weight:500;font-size:.78rem;overflow-wrap:anywhere}.related-link small{flex:none;color:#8f765e;font-size:.68rem}.related-link:hover strong{text-decoration:underline}@media(max-width:900px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{gap:1.5rem}}@media(max-width:700px){main{width:calc(100% - 1.2rem)}.catalog-hero{grid-template-columns:1fr}.catalog-hero>div:first-child{padding:2.6rem 1.6rem 1.4rem}.hero-visual{min-height:11rem}.hero-ring{width:12rem}.hero-ring:after{width:16rem}.hero-seal{width:5.5rem;font-size:3.4rem}.hero-vertical{right:1rem;top:.8rem}.detail-hero{grid-template-columns:minmax(0,1fr) 8rem}.detail-hero-copy{padding:2rem 1.4rem}.detail-emblem span{width:5.5rem;font-size:3rem}.detail-layout{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.related{margin-top:0}.tools{align-items:stretch;flex-direction:column}.search-label input{width:min(20rem,65vw)}}@media(max-width:500px){.site-bar{padding:.65rem 1rem}.game-grid{grid-template-columns:1fr}.game-card{min-height:10.8rem}.platform-tabs{gap:.5rem}.platform-tabs button{min-height:6.2rem;padding:.8rem}.platform-tabs strong{font-size:1.6rem}.detail-hero{grid-template-columns:1fr}.detail-emblem{display:none}.detail-hero h1{font-size:clamp(2.4rem,10vw,3.5rem)}.detail-layout{padding-top:1.7rem}.side-column{grid-template-columns:1fr}.library{padding-top:2.2rem}.section-top{align-items:start;flex-direction:column}.catalog-hero h1{font-size:3.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.platform-tabs button,.game-card{transition:none}}

@media(max-width:500px){.detail-hero{min-height:0}.detail-hero-copy{padding:2rem 1.35rem 2.4rem}}