*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5ed;color:#213d38;font:17px/1.7 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,summary,a{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #bd542e;outline-offset:4px}header{height:88px;background:#fffdf7;border-bottom:1px solid #d9dfd5;display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:20}.brand{font:bold 32px Georgia,serif;letter-spacing:-1px}.brand span{display:block;font:10px system-ui;letter-spacing:2px;margin-top:7px}summary{cursor:pointer;min-height:44px;padding:8px}.top details{position:relative}aside{width:230px;position:fixed;top:88px;bottom:0;left:0;padding:24px 16px;overflow:auto;background:#f4f5ed;border-right:1px solid #d9dfd5}nav a{display:block;min-height:48px;padding:10px;border-radius:8px}aside nav a:hover{background:#e7eadf;text-decoration:none}.eyebrow,.tag{font-size:11px;font-weight:750;letter-spacing:1.5px}.workspace{margin-left:230px}main{max-width:1180px;margin:auto;padding:42px clamp(22px,5vw,70px) 70px}h1{font:600 clamp(34px,4vw,58px)/1.12 Georgia,serif;letter-spacing:-1.6px;margin:14px 0 22px}h1 em{color:#bd542e;font-style:normal}h2{font:600 28px/1.3 Georgia,serif}p{color:#52635c}.lead{font-size:19px;max-width:700px}.game-card{display:grid;grid-template-columns:1.2fr 1fr;background:white;border:1px solid #dae1d5;border-radius:20px;overflow:hidden;margin:30px 0;box-shadow:0 10px 35px #263d3608}.game-card:hover{box-shadow:0 10px 30px #263d3620;text-decoration:none}.game-card img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}.game-card>div{padding:26px;display:flex;flex-direction:column}.game-card h2{display:flex;justify-content:space-between}.game-card b{margin-top:auto;color:#a74324}.coming{padding:24px 28px;border:1px dashed #b7c3af;border-radius:16px;margin:30px 0 60px}.coming p{margin:6px 0}article{max-width:790px}article section{margin:36px 0}figure{margin:28px 0;background:#e8eadf;border-radius:15px;overflow:hidden}figure img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain}figcaption{padding:14px 20px;font-size:14px}.game-frame{aspect-ratio:16/9;width:100%;background:#e6ecdf;border:1px solid #c2cfbd;border-radius:12px;overflow:hidden}.game-frame iframe{width:100%;height:100%;border:0}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 36px}.actions a{display:flex;align-items:center;justify-content:center;min-height:48px;background:#244b41;color:white;padding:12px;border-radius:8px}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:14px;border-bottom:1px solid #cbd4c7}footer{background:#193c34;color:#f7f5ed;padding:44px clamp(22px,4vw,60px)}footer p{color:#c6d2c9}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer-grid strong{font:30px Georgia}.footer-grid b{display:block;min-height:45px}.footer-grid a{display:block;min-height:44px;font-size:14px}.copyright{border-top:1px solid #ffffff30;padding-top:22px;margin-top:36px;font-size:13px}.mobile{display:none}.skip{position:absolute;left:16px;top:-100px;z-index:5;background:white;padding:10px}.skip:focus{top:8px}@media(max-width:1000px){aside{width:190px}.workspace{margin-left:190px}.game-card{grid-template-columns:1fr}.game-card img{max-height:340px}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:700px){header{height:78px;padding:0 20px}.brand{font-size:26px}.top,aside{display:none}.mobile{display:block}.mobile nav{position:absolute;top:78px;left:0;right:0;background:#fffdf7;padding:16px;border-bottom:1px solid #cbd4c7}.workspace{margin-left:0}main{padding:28px 20px 44px}.game-card>div{padding:20px}.actions{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}h1{letter-spacing:-.8px}.game-frame{border-radius:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* 网站导航：统一线性图标、紧凑字体和可折叠侧栏。 */
header nav,header summary,aside{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}
.nav-icon{display:block;width:20px;height:20px;flex:0 0 20px}
.top{display:grid;grid-template-columns:repeat(2,164px);gap:14px;align-items:center}
.top .header-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;padding:0 14px;border:1px solid #d9dfd3;border-radius:11px;background:#fffdf7;color:#294b41;font-size:14px;font-weight:600;box-shadow:0 3px 7px #243f3210,0 1px 2px #243f3210,inset 0 1px 0 #fff;cursor:pointer;text-decoration:none;white-space:nowrap}
.top .header-button:hover{background:#f1f5eb;border-color:#b4c6af;box-shadow:0 5px 12px #243f321a}
.top .header-button:active{box-shadow:inset 0 2px 4px #243f3214}
header summary{list-style:none}header summary::-webkit-details-marker{display:none}header summary::marker{content:''}
.play-menu[open] .header-button{background:#eaf0e4;border-color:#adbfaa}
.play-menu .header-button .nav-icon:last-child{width:14px;flex-basis:14px}
.play-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:210px;padding:7px;border:1px solid #d8e0d1;border-radius:12px;background:#fffdf7;box-shadow:0 12px 30px #1c3e3426}
.play-dropdown a{padding:12px;font-size:14px;font-weight:600}.play-dropdown a:hover{background:#eaf0e4;text-decoration:none}
.sidebar-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 14px;background:#ecf0e6;border:1px solid #d7dfd0;border-radius:9px;color:#536a5d;font:600 12px Arial,Helvetica,sans-serif;cursor:pointer;margin-bottom:25px}
.sidebar-toggle[hidden]{display:none}.sidebar-toggle:hover{background:#e2e9da}.sidebar-toggle:focus-visible{outline:3px solid #bd542e;outline-offset:3px}
.nav-label{font:700 10px Arial,Helvetica,sans-serif;letter-spacing:1.6px;color:#758475;margin:14px 14px 12px}
aside nav a,.mobile nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;min-height:48px;margin:4px 0;border-radius:10px;font-size:14px;font-weight:500;color:#526658}
aside nav a:hover,.mobile nav a:hover{background:#e9eee2;text-decoration:none}
aside nav a[aria-current=page],.mobile nav a[aria-current=page]{background:#dfead6;color:#224b35;font-weight:700;box-shadow:inset 3px 0 #6d8a55}
.sidebar-note{margin:36px 8px 15px;padding:18px;border:1px solid #d3dfc9;border-radius:14px;background:linear-gradient(135deg,#e6eedb,#f1f4e9);font:13px/1.65 Arial,Helvetica,sans-serif;color:#59705e}
.note-spark{display:block;font-size:25px;color:#799553;margin-bottom:10px}.sidebar-note b{font-size:15px;line-height:1.5;color:#34563c}.sidebar-note p{font:12px/1.7 Arial,Helvetica,sans-serif;margin:12px 0 0;color:#6a7c67}
.mobile summary{display:flex;align-items:center;gap:8px;border:1px solid #d9dfd3;border-radius:10px;box-shadow:0 2px 5px #243f3212}
@media(min-width:701px){body.sidebar-collapsed aside{width:76px;padding:24px 10px}body.sidebar-collapsed .workspace{margin-left:76px}body.sidebar-collapsed aside .sidebar-toggle{padding:10px;justify-content:center}body.sidebar-collapsed aside nav a{justify-content:center;padding:12px 10px}body.sidebar-collapsed aside .nav-label,body.sidebar-collapsed aside nav a span,body.sidebar-collapsed .sidebar-note,body.sidebar-collapsed .sidebar-toggle span{display:none}}
@media(max-width:700px){.top{display:none}header{padding-inline:20px}.mobile summary{font-size:13px}.mobile nav{box-shadow:0 10px 20px #243f321a}}
/* 首页集合与阅读布局：正文稳定，目录可独立扩展。 */
.brand{display:flex;align-items:center;gap:10px}.brand>img{object-fit:contain}.brand .brand-word{font:bold 29px/1 Georgia,serif;letter-spacing:-1px;margin:0}.brand small{display:block;font:9px/1.4 Arial,sans-serif;letter-spacing:1.7px;margin-top:7px}
aside{display:flex;flex-direction:column}.sidebar-note{margin-top:auto;flex-shrink:0}.sidebar-toggle,aside nav,.nav-label{flex-shrink:0}aside nav{margin-bottom:30px}
.home-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(200px,1fr);gap:24px;align-items:center;padding-bottom:26px}.home-hero h1{font-size:clamp(32px,3.6vw,52px)}.hero-scene{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:300px;border-radius:90px 90px 20px 20px;background:radial-gradient(ellipse,#e4edcf 10%,#f0efdf 65%);overflow:hidden}.hero-scene img{height:300px;width:auto;object-fit:contain;align-self:end}.hero-caption{position:absolute;bottom:12px;background:#fffdf5ed;padding:5px 13px;border:1px solid #d3ddc8;border-radius:20px;font-size:11px}.hero-actions{max-width:420px;margin:22px 0 12px}.hero-actions a{gap:8px;font-size:14px}.hero-actions a:last-child{background:#fffdf7;color:#2c4c3e;border:1px solid #ccd7c2}.text-link{display:inline-flex;align-items:center;gap:10px;color:#476a37;font-size:14px;font-weight:650;min-height:44px}.latest-strip{display:flex;align-items:center;gap:18px;background:#e5eddb;border:1px solid #ccdabc;padding:12px 18px;border-radius:12px;margin:16px 0 40px}.latest-strip p{margin:0;flex:1;font-size:13px}.latest-strip a{font-size:13px;font-weight:700;min-height:44px;display:flex;align-items:center}.latest-strip .tag{color:#365b2e}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 18px}.section-heading h2{margin:4px 0}.section-heading>span,.section-heading>a{font-size:12px;color:#62715e}.region-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.region-filters[hidden]{display:none}.region-filters button{min-height:44px;border:1px solid #d1dbc6;background:#fffdf7;border-radius:24px;padding:9px 15px;color:#52644b;font:600 12px Arial,sans-serif;cursor:pointer}.region-filters button[aria-pressed=true]{background:#254a3c;color:white;border-color:#254a3c}button:focus-visible{outline:3px solid #bd542e;outline-offset:3px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.collection-card{border:1px solid #d3ddca;background:#fffdf7;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.collection-card[hidden]{display:none}.collection-card>a{display:flex;flex-direction:column;flex:1;text-decoration:none}.collection-card>a:hover .card-cta{background:#294f3a;color:white}.collection-card img,.region-art{width:100%;height:145px;object-fit:cover}.region-art{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#e8eddc,#f5f1e4);color:#9aaa8e}.region-art svg{width:48px;height:48px;stroke-width:1}.collection-copy{padding:18px;display:flex;flex-direction:column;flex:1}.collection-copy .tag{font-size:9px;min-height:28px;letter-spacing:.8px}.collection-copy h3{font:700 21px/1.3 Georgia,serif;min-height:54px;margin:8px 0}.collection-copy p{font-size:13px;line-height:1.7;margin:0 0 18px;min-height:67px}.card-cta,.planned-status{margin-top:auto;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;border-radius:8px;padding:10px;background:#e3ecd7;color:#365239}.planned-status{background:#f0f1e9;color:#7a8272;font-weight:400}.filter-status{font-size:12px;min-height:20px}.guide-entry{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.guide-entry>a{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #d5ddce;border-radius:14px;background:#fffdf7}.guide-entry>a>span{flex:1}.guide-entry b,.guide-entry small{display:block}.guide-entry b{font-size:14px}.guide-entry small{font-size:12px;color:#72816a;margin-top:4px}.mode-lab{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px;background:#eaf0e0;border-radius:18px;margin:38px 0 50px}.mode-lab h2{font-size:25px}.mode-lab p{font-size:14px}.mode-lab a{font-size:13px;font-weight:600}.mode-lab fieldset{border:0;padding:0;display:flex;gap:10px}.mode-lab legend{font-size:12px;margin-bottom:10px}.mode-lab label{min-height:44px;padding:10px 16px;background:#fffdf7;border:1px solid #c6d5ba;border-radius:10px;flex:1;cursor:pointer;font-size:14px}.mode-lab label:has(input:checked){background:#d6e5c8;border-color:#6b8a55}.home-editorial{max-width:none}.home-editorial .editorial-section{margin:0;padding:30px 0;border-top:1px solid #dce2d4;scroll-margin-top:110px}.home-editorial .illustrated{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr);gap:35px;align-items:center}.home-editorial h2{font-size:26px;margin:8px 0 16px}.home-editorial p{text-align:justify;hyphens:auto;font-size:15px;line-height:1.85;margin:0}.section-number{font-size:11px;color:#8a9b77;letter-spacing:2px}.home-editorial figure{margin:0;background:#e9edde}.home-editorial figure img{height:230px;object-fit:contain}.home-editorial figcaption{font-size:11px;line-height:1.6;padding:12px 16px}.collection-section{scroll-margin-top:110px}footer{padding:26px clamp(22px,4vw,60px) 16px}.footer-grid{gap:20px}.footer-grid b{min-height:30px;font-size:12px}.footer-grid a{font-size:12px;line-height:1.3;min-height:44px;display:flex;align-items:center}.footer-grid p{font-size:12px;line-height:1.6;margin:10px 0}.footer-grid .footer-brand{display:flex;gap:10px;align-items:center}.footer-brand strong{font-size:24px}.copyright{margin-top:16px;padding-top:12px;margin-bottom:0;font-size:11px}
@media(max-width:1050px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{grid-template-columns:1.5fr 1fr}.home-editorial .illustrated{gap:20px}.hero-scene{min-height:240px}.hero-scene img{height:250px}.hero-actions{grid-template-columns:1fr}}
@media(max-width:700px){aside{display:none}.brand>img{width:42px;height:42px}.brand .brand-word{font-size:23px}.brand small{font-size:8px;letter-spacing:1px}.home-hero{grid-template-columns:1fr}.hero-scene{min-height:210px;max-height:240px;border-radius:18px}.hero-scene img{height:230px}.hero-actions{grid-template-columns:1fr 1fr;max-width:none}.latest-strip{flex-wrap:wrap;gap:8px 14px}.latest-strip p{flex-basis:70%}.latest-strip a{margin-left:auto}.section-heading{align-items:flex-start;flex-direction:column;gap:4px}.guide-entry,.mode-lab,.home-editorial .illustrated{grid-template-columns:1fr}.home-editorial p{text-align:left}.home-editorial figure img{height:220px}.mode-lab{padding:22px;gap:14px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.footer-grid>div:last-child>b{grid-column:1/-1}}
@media(max-width:440px){.collection-grid{grid-template-columns:1fr}.collection-copy h3,.collection-copy p{min-height:0}.hero-actions{grid-template-columns:1fr}.home-hero h1{font-size:33px}}
/* 显式折叠入口和浏览器本地收藏。 */
.header-brand-group{display:flex;align-items:center;gap:14px;min-width:0}.header-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #d0dbc6;border-radius:10px;background:#f2f5e9;color:#3c5b40;cursor:pointer;box-shadow:0 2px 5px #243f3212}.header-sidebar-toggle:hover{background:#e0e9d5}
.collection-card{position:relative}.collection-card>.favorite-button{position:absolute;top:12px;right:12px}.favorite-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:88px;min-height:44px;padding:10px 12px;background:#fffdf7;border:1px solid #d0d9c5;border-radius:10px;color:#51654b;box-shadow:0 3px 10px #203d3820;font:600 12px Arial,sans-serif;cursor:pointer}.favorite-button[aria-pressed=true]{color:#a33d49;background:#fff1f1;border-color:#d7a5aa}.favorite-button[aria-pressed=true] svg{fill:currentColor}.game-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.game-title-row h1{margin-right:auto}.favorites-empty{padding:35px;background:#eaf0e0;border:1px solid #d0ddc5;border-radius:18px}.favorites-empty[hidden]{display:none}.favorite-notice:not(:empty){position:fixed;bottom:20px;right:20px;z-index:40;max-width:min(360px,calc(100vw - 40px));padding:14px 18px;border:1px solid #c4d2b8;border-radius:12px;background:#fffdf7;box-shadow:0 6px 24px #203d3825;font-size:13px}
@media(max-width:700px){.header-sidebar-toggle{display:none}.header-brand-group{gap:0}.game-title-row{flex-wrap:wrap;gap:8px;margin-bottom:18px}.game-title-row h1{margin-bottom:4px}.favorites-empty{padding:24px}}