:root{--paper:#f6f3eb;--ink:#263d35;--muted:#72786c;--line:#deded0;--gold:#a88642;--card:#fffdf6;color-scheme:light;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b18a3d;outline-offset:6px}img{max-width:100%;display:block}.wrap{max-width:1160px;margin:0 auto;padding-left:36px;padding-right:36px}.skip{position:fixed;top:-90px;left:20px;z-index:10;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-family:"KaiTi","STKaiti",serif;font-size:26px;font-weight:bold;letter-spacing:2px}.brand-mark{display:grid;grid-template-columns:9px 9px;grid-template-rows:9px 9px;gap:3px;transform:rotate(-8deg)}.brand-mark i{background:var(--ink)}.brand-mark i:last-child{background:var(--gold)}nav{display:flex;gap:33px;font-size:13px}nav a{padding:12px 0}nav span{font-size:10px;margin-left:5px;color:var(--gold)}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;min-height:430px;align-items:center;padding:28px 0 46px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 22px}.status-dot{display:inline-block;width:6px;height:6px;background:#7a8c66;margin:0 7px 1px 0;box-shadow:0 0 0 4px #e8ebdc}h1,h2,h3{font-family:"Songti SC","STSong","SimSun",serif;font-weight:400}h1{font-size:60px;line-height:1.35;letter-spacing:3px;margin:0 0 21px}h1 span{color:#798665}.lead{font-size:14px;line-height:2;color:var(--muted);margin:0 0 25px}.intro-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #b1b7a4;padding:0 0 8px;font-size:12px}.intro-link span{font-size:19px}
.intro-art{height:350px;position:relative;margin-right:8px}.book{position:absolute;width:186px;overflow:hidden;box-shadow:6px 9px 0 #1d292617,14px 20px 30px #303b2b18;border:1px solid #193a3229;background:#243b3d;z-index:2}.book img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.book:after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#0002;border-right:1px solid #fff2}.book-front{left:40%;top:30px;transform:rotate(8deg)}.book-back{left:7%;top:62px;transform:rotate(-10deg);z-index:1}.art-caption{position:absolute;right:6px;top:0;font:11px/1.9 "KaiTi","STKaiti",serif;color:#8b8d7b;letter-spacing:2px}.art-caption i{display:block;font:7px/2 sans-serif;letter-spacing:1.3px}.book-shadow{height:35px;width:75%;border-radius:50%;background:#b5b89d26;filter:blur(14px);position:absolute;bottom:14px;left:9%}.pixel-spark{position:absolute;width:5px;height:5px;background:#af9259;box-shadow:0 -5px #af9259,0 5px #af9259,-5px 0 #af9259,5px 0 #af9259}.spark-one{left:4%;top:27px}.spark-two{right:8px;bottom:76px;transform:scale(.6)}
.collection{border-top:1px solid var(--line);padding:34px 0 48px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.9px;margin:0 0 10px}.section-heading h2{font-size:25px;letter-spacing:1px;margin:0}.count{margin:0;color:#626e60;font-size:11px;text-align:right;line-height:1.9}.count span{display:block;color:#959b8b;font-size:10px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.game-card{display:grid;grid-template-columns:42% 58%;background:var(--card);border:1px solid #dcded1;min-height:320px;transition:transform .22s,box-shadow .22s,border-color .22s}.game-card:hover{transform:translateY(-4px);border-color:#a6b198;box-shadow:0 13px 30px #2e443511}.card-art{position:relative;overflow:hidden;align-self:stretch;background:#184650;min-height:310px}.art-yunmen{background:#15292c}.card-art img{width:100%;height:100%;object-fit:cover;object-position:center}.number{position:absolute;top:11px;left:11px;font:10px/1 monospace;color:#eee4bc;padding:6px;background:#12392e99;border:1px solid #d9d6b540}.card-copy{padding:27px 23px 18px;display:flex;flex-direction:column}.category{font-size:9px;letter-spacing:1px;color:#859078;margin:0 0 12px}.category span{margin:0 4px}h3{font-size:27px;letter-spacing:1px;margin:0 0 7px}.subtitle{font-size:11px;color:#92927d;letter-spacing:2px;margin:0 0 19px}.description{font-size:12px;line-height:1.95;margin:0 0 18px;color:#64705f}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:5px;padding:0;margin:auto 0 20px}.tags li{font-size:9px;padding:4px 6px;background:#f0f1e8;color:#79806c}.card-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7e8dc;padding-top:14px;font-size:11px}.arrow{font-size:20px;color:#8b995e;line-height:1}.game-card:hover .arrow{color:var(--ink)}
.about{display:flex;gap:25px;max-width:760px;margin:0 auto 48px;padding:32px 0 0;border-top:1px solid var(--line)}.about-mark{flex-shrink:0;color:#a6ad93;background:#eaeddf;width:40px;height:40px;display:grid;place-items:center;font:23px "KaiTi","STKaiti",serif}.about h2{font-size:19px;margin:0 0 12px}.about p{font-size:12px;line-height:1.95;color:#7c8474;margin:0 0 8px}.about .save-note{font-size:10px;color:#999f91}.site-footer{display:flex;justify-content:space-between;padding-top:22px;padding-bottom:30px;border-top:1px solid var(--line);font-size:10px;color:#92998b}.site-footer i{font-style:normal;color:#b2b6a8;margin:0 7px}
@media(min-width:900px){.book-front{animation:float-book 7s ease-in-out infinite}.book-back{animation:float-back 8s ease-in-out infinite}@keyframes float-book{50%{transform:translateY(-6px) rotate(7deg)}}@keyframes float-back{50%{transform:translateY(5px) rotate(-9deg)}}}
@media(max-width:1000px){.game-card{grid-template-columns:40% 60%}.card-copy{padding:23px 17px 17px}h3{font-size:24px}.description{font-size:11px}.book{width:164px}.intro-art{height:320px}h1{font-size:52px}.intro{gap:18px}}
@media(max-width:740px){.wrap{padding-left:24px;padding-right:24px}.site-header{height:80px}.brand{font-size:23px;gap:10px}nav{gap:18px;font-size:11px}.intro{min-height:0;grid-template-columns:1fr .7fr;gap:0;padding:26px 0 37px}.intro-copy{z-index:3}.intro .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:18px}h1{font-size:40px;letter-spacing:1px}.lead{font-size:11px;line-height:1.9;margin-bottom:18px}.intro-link{font-size:11px;gap:20px}.intro-art{height:270px;margin:0 -5px 0 -35px}.book{width:123px}.book-front{left:27%;top:58px;transform:rotate(9deg)}.book-back{left:0;top:92px;transform:rotate(-12deg)}.art-caption{top:13px;right:0;font-size:9px;letter-spacing:1px}.art-caption i{display:none}.spark-one{left:15px;top:40px}.spark-two{bottom:0;right:30px}.book-shadow{bottom:5px}.game-grid{grid-template-columns:1fr;gap:22px}.game-card{grid-template-columns:40% 60%;min-height:300px}.card-art{min-height:300px}.card-copy{padding:25px 21px 20px}.description{font-size:12px}.section-heading h2{font-size:24px}.section-heading .count{font-size:10px}.collection{padding-top:28px;padding-bottom:36px}.about{margin-bottom:32px;gap:16px;padding-top:26px}.about h2{font-size:18px}.about p{font-size:11px}.site-footer{font-size:9px}}
@media(max-width:420px){.wrap{padding-left:19px;padding-right:19px}.brand{font-size:22px}nav{gap:13px}.intro{grid-template-columns:1fr .6fr;padding-top:19px}.intro-art{height:235px;margin-left:-22px}.book{width:100px}.book-front{top:49px;left:24%}.book-back{top:75px;left:1%}.art-caption{font-size:8px;right:-2px;top:10px}.spark-two{bottom:12px}.lead{font-size:10px}h1{font-size:35px;margin-bottom:16px}.intro .eyebrow{font-size:8px}.intro-link{font-size:10px}.card-copy{padding:20px 14px 15px}h3{font-size:23px}.description{font-size:11px;margin-bottom:15px}.category{font-size:8px;letter-spacing:0}.tags{gap:4px;margin-bottom:16px}.tags li{font-size:8px;padding:4px}.card-action{font-size:10px}.subtitle{font-size:10px;margin-bottom:15px}.card-art{min-height:290px}.section-heading h2{font-size:22px}.count{max-width:110px}.about{gap:13px}}
@media(max-width:350px){.intro-art{display:none}.intro{grid-template-columns:1fr}.intro h1 br{display:none}h1{font-size:30px}.game-card{grid-template-columns:36% 64%}.card-copy{padding:18px 12px}.section-heading .count{display:none}nav span{display:none}.brand{font-size:20px}nav{font-size:10px;gap:10px}.site-footer{display:block}.site-footer a{display:block;margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.card-art img{object-fit:contain}
@media(max-width:420px){.intro h1{font-size:32px}.intro-art{transform:scale(.9);transform-origin:right center}}