@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600&family=Noto+Serif+TC:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f4efdf;--ink:#102d40;--muted:#716d61;--gold:#dfb677;--line:#b8af98;--serif:'Noto Serif TC','Songti TC',serif;--sans:'Noto Sans TC',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:url('assets/paper.svg');font-family:var(--sans);font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #aa602b;outline-offset:6px}img{max-width:100%;display:block}::selection{background:#d8bd84;color:#102d40}.wrap{width:min(1240px,calc(100% - 88px));margin:auto}.site-head{display:flex;align-items:center;justify-content:space-between;padding:27px 0 24px;border-bottom:1px solid var(--ink);gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand img{height:44px;width:44px;object-fit:cover;border-radius:50%;border:1px solid var(--ink)}.brand strong{display:block;font:800 25px/1.25 var(--serif);letter-spacing:.1em}.brand small{display:block;font:10px/1.7 Georgia,serif;letter-spacing:.24em;margin-top:5px}.site-head nav{display:flex;align-items:center;gap:28px;font-size:13px;letter-spacing:.12em}.site-head nav a:hover{color:#a56531}.nav-rule{color:#a59d8b}.strap{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font:11px/1.6 Georgia,var(--serif);letter-spacing:.18em}.strap p{margin:0;font:13px var(--serif);letter-spacing:.16em}.home{padding-top:30px}.eyebrow{display:flex;align-items:center;gap:15px;font-size:11px;letter-spacing:.18em}.eyebrow:after{content:'';width:60px;height:1px;background:currentColor;opacity:.65}.featured{position:relative;margin:18px 0 0;background:#102e43;color:#f5efde;padding:30px;box-shadow:0 7px 22px #25343b0c}.featured:before{content:'';position:absolute;inset:9px;border:1px solid #cfb17a50;pointer-events:none}.feature-link{display:grid;grid-template-columns:.88fr 1.12fr;gap:30px;align-items:center;position:relative}.feature-copy{padding:16px 14px}.feature-copy .eyebrow{color:var(--gold)}.feature-copy h1{font:700 clamp(28px,3.2vw,46px)/1.6 var(--serif);margin:25px 0 18px;letter-spacing:.01em}.feature-copy h1 span{display:block}.feature-copy .lead{font-size:14px;font-weight:400;color:#d4d9d8;line-height:2.1;max-width:360px;margin:0 0 28px}.read-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid #dab777;padding:0 0 8px;color:var(--gold);font:500 15px var(--serif);letter-spacing:.12em}.read-link b{font:24px Georgia;transition:transform .2s}.feature-link:hover .read-link b{transform:translate(4px,-3px)}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.mosaic img{width:100%;height:100%;aspect-ratio:1.35;object-fit:cover;border:3px solid #eee6ce;transition:filter .2s}.mosaic img:first-child{object-position:50% 60%}.feature-link:hover .mosaic img{filter:brightness(1.06)}.feature-meta{margin:26px 14px 0;padding-top:15px;border-top:1px solid #b9c2c130;display:flex;justify-content:space-between;gap:20px;font:10px/1.8 var(--sans);letter-spacing:.1em;color:#bcc8c9}.feature-meta span:last-child{font-family:Georgia,serif;letter-spacing:.2em}.editor-note{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:42px 0;margin-top:22px;border-bottom:1px solid var(--line)}.editor-note h2{font:600 21px var(--serif);margin:0}.editor-note p{font:14px/2.2 var(--serif);color:#6e6a5f;margin:0;max-width:620px}.editor-note small{display:block;font:9px Georgia;letter-spacing:.2em;margin-top:12px}.site-foot{padding:27px 0 30px;display:flex;justify-content:space-between;gap:20px;font:11px/1.8 var(--serif);color:var(--muted)}.site-foot .domain{font:13px Georgia;letter-spacing:.16em}.post-list{margin:50px 0}.post-list h2{font:600 24px var(--serif)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.post-grid img{width:100%;aspect-ratio:1.6;object-fit:cover}.post-grid h3{font:600 23px/1.7 var(--serif)}.post-grid p{font-size:13px;color:var(--muted)}.breadcrumb{margin:28px 0;font-size:12px;color:var(--muted)}.breadcrumb a{border-bottom:1px solid var(--line)}.article-head{max-width:870px;margin:42px auto 36px;text-align:center}.article-head .eyebrow{justify-content:center}.article-head .eyebrow:after{display:none}.article-head h1{font:800 clamp(30px,4vw,51px)/1.6 var(--serif);margin:20px 0;letter-spacing:.02em}.article-head h1 span{display:block}.article-head p{max-width:670px;margin:0 auto;font-size:15px;color:#666a64;line-height:2}.article-meta{margin-top:22px;font:11px var(--sans);color:var(--muted);letter-spacing:.12em}.article-cover{max-width:980px;margin:0 auto;background:var(--ink);padding:12px}.article-cover .mosaic{grid-template-columns:repeat(4,1fr)}.article-cover .mosaic img{aspect-ratio:1.15;border-width:2px}.intro{max-width:780px;margin:32px auto 44px;font:16px/2.2 var(--serif)}.intro p{margin:0 0 15px}.source-note{padding:14px 20px;border-left:2px solid #b68d53;background:#e6dfcd70;font:12px/1.9 var(--sans);color:#6c675b}.collection-head{display:flex;justify-content:space-between;align-items:baseline;border-top:3px double var(--ink);padding-top:20px;margin-bottom:25px}.collection-head h2{font:700 27px var(--serif);margin:0}.collection-head span{font:11px Georgia;letter-spacing:.18em}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}.game-card{display:flex;flex-direction:column;min-width:0;border-bottom:1px solid var(--line);padding-bottom:25px}.game-picture{background:#d9d3c2;position:relative;overflow:hidden}.game-picture img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .35s}.game-picture:hover img{transform:scale(1.025)}.game-num{position:absolute;bottom:0;left:0;background:var(--ink);color:#f4e4bd;padding:2px 13px;font:italic 16px/1.8 Georgia}.game-card h3{font:700 21px/1.6 var(--serif);margin:16px 0 4px}.author{font-size:11px;color:var(--muted)}.game-card p{font-size:13px;line-height:1.9;margin:12px 0 20px;color:#5f635c}.game-actions{display:flex;align-items:center;gap:22px;margin-top:auto;font-size:12px}.play{background:var(--ink);color:#f7efd9;padding:8px 17px;transition:background .2s}.play:hover{background:#345369}.source{border-bottom:1px solid #938975}.source:hover{color:#a56531}.article-end{text-align:center;margin:55px auto 40px;padding:28px 0;border-top:3px double var(--line);font:14px/2 var(--serif)}.article-end a{display:inline-block;border-bottom:1px solid var(--ink);margin-top:15px}.article-end small{display:block;color:var(--muted);font:11px/2 var(--sans)}
@media(min-width:1500px){.feature-copy h1{font-size:46px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.featured{padding:24px}.feature-link{gap:18px;grid-template-columns:1fr 1fr}.feature-copy{padding:8px}.feature-copy h1{font-size:30px}.feature-copy .lead{font-size:13px}.games{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-meta{margin-left:8px;margin-right:8px}.feature-meta span:last-child{display:none}}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}.site-head{padding:20px 0;gap:10px}.brand{gap:9px}.brand img{width:34px;height:34px}.brand strong{font-size:20px;letter-spacing:.04em}.brand small{font-size:8px;letter-spacing:.12em}.site-head nav{gap:13px;font-size:11px}.nav-rule,.site-head nav .social{display:none}.strap{padding:12px 0}.strap span{font-size:9px;letter-spacing:.1em}.strap p{font-size:11px;letter-spacing:.06em}.home{padding-top:22px}.featured{padding:20px}.feature-link{display:flex;flex-direction:column-reverse;gap:22px}.feature-copy{width:100%;padding:0 4px}.feature-copy h1{font-size:29px;line-height:1.6;margin:17px 0 14px}.feature-copy .lead{max-width:none;margin-bottom:20px}.mosaic{gap:5px;width:100%}.mosaic img{border-width:2px;aspect-ratio:1.4}.feature-meta{margin:24px 4px 0;font-size:9px}.editor-note{grid-template-columns:1fr;gap:20px;padding:30px 0;margin-top:10px}.editor-note h2{font-size:20px}.site-foot{font-size:10px;align-items:center}.site-foot .domain{font-size:12px}.article-head{margin:30px auto}.article-head h1{font-size:29px}.article-head p{font-size:13px}.article-cover{padding:7px}.article-cover .mosaic{grid-template-columns:1fr 1fr}.article-cover .mosaic img{aspect-ratio:1.4}.intro{font-size:15px;margin:25px 0 34px}.games{grid-template-columns:1fr;gap:30px}.collection-head h2{font-size:23px}.collection-head span{font-size:9px}.game-card h3{font-size:23px}.game-actions{gap:24px}.post-grid{grid-template-columns:1fr}.breadcrumb{font-size:11px}.source-note{padding:12px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}