:root{--paper: #efe2c4;--paper-hi: #fbf3e1;--paper-lo: #e4d0a4;--ink: #3b2410;--ink-soft: #5a3a1a;--muted: #7a5a36;--line: #d8c08c;--gold: #c9962e;--gold-hi: #f3d27a;--gold-lo: #8a5f12;--gold-grad: linear-gradient(180deg, #fff1b8 0%, #f2c94c 45%, #c9962e 55%, #8a5f12 100%);--brown: #8a4b12;--red: #b3261e;--plum: #3a0f5c;--plum-deep: #1c0830;--accent: var(--brown);--radius: 12px;--wrap: 1120px;--serif: "Noto Serif TC", "Source Han Serif TC", "Songti TC", "PMingLiU", serif;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;color:var(--ink);line-height:1.85;font-size:17px;background-color:var(--paper);background-image:radial-gradient(ellipse at 50% 0%,rgba(255,250,235,.75),transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(150,100,40,.18),transparent 60%),repeating-linear-gradient(0deg,rgba(120,80,30,.035) 0 2px,transparent 2px 5px),repeating-linear-gradient(90deg,rgba(120,80,30,.03) 0 1px,transparent 1px 7px);background-attachment:fixed}a{color:var(--brown);text-underline-offset:3px}a:hover{color:var(--red)}img{max-width:100%;height:auto}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:var(--paper-hi);padding:8px 12px;z-index:10}.lights{height:10px;background:radial-gradient(circle at 5px 5px,var(--gold-hi) 0 2.5px,transparent 3px) 0 0 / 22px 10px repeat-x;opacity:.85;animation:lights 1.6s steps(2) infinite}@keyframes lights{to{background-position:11px 0}}@media(prefers-reduced-motion:reduce){.lights{animation:none}}.site-header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#fbf3e1,#efe0bd);border-bottom:3px double var(--gold);box-shadow:0 4px 14px #5a321026}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;flex-wrap:wrap}.brand{display:flex;align-items:center;padding:6px 0}.brand img{display:block;height:52px;width:auto}.site-header nav ul{display:flex;gap:8px;list-style:none;margin:0;padding:6px 0;flex-wrap:wrap}.site-header nav a{display:block;padding:7px 16px;border-radius:8px;text-decoration:none;font-family:var(--serif);font-weight:700;font-size:16px;color:var(--ink-soft);background:linear-gradient(180deg,#fffaf0,#f1e2bf);border:1px solid var(--line);box-shadow:0 2px 0 var(--paper-lo)}.site-header nav a:hover{color:var(--brown);border-color:var(--gold)}.site-header nav a[aria-current=page]{background:var(--gold-grad);color:#3b2410;border-color:var(--gold-lo)}@media(max-width:640px){.site-header{position:static}.header-inner{min-height:0;gap:4px;padding-top:8px}.brand img{height:40px}.site-header nav{width:100%}.site-header nav ul{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:4px 0 10px;scrollbar-width:none}.site-header nav a{padding:5px 12px;font-size:14px;white-space:nowrap}}.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--muted);padding-top:16px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--brown)}.crumbs>*:not(:last-child):after{content:"›";margin-left:8px;color:var(--muted)}main{padding-top:24px;padding-bottom:72px}h1,h2,h3{font-family:var(--serif);line-height:1.35;color:var(--ink)}h1{font-size:clamp(30px,4.4vw,44px);margin:8px 0 14px;font-weight:900;text-shadow:0 1px 0 #fff8e6,0 2px 0 rgba(201,150,46,.45)}h2{font-size:26px;margin:48px 0 14px;font-weight:900}h3{font-size:19px;margin:24px 0 8px;font-weight:700}.lead{font-size:18px;color:var(--ink-soft);max-width:46em}.byline{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:14px;line-height:1.6}.byline a{font-weight:700}.byline-avatar,.author-avatar{flex:none;display:grid;place-items:center;border-radius:50%;font-family:var(--serif);font-weight:900;color:#fff3c4;background:radial-gradient(circle at 35% 30%,#5b1d8a,var(--plum-deep));border:2px solid var(--gold)}.byline-avatar{width:34px;height:34px;font-size:16px;object-fit:cover}.card.author-card{display:flex;gap:24px;align-items:center;max-width:48em;padding:24px 28px}.author-card h1{margin:6px 0 2px}.author-card .lead{margin:0}.author-avatar{object-fit:cover;width:96px;height:96px;font-size:44px;border-width:3px;box-shadow:0 6px 16px #5a32104d}.author-links{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:14px 0 0}.author-links a{display:inline-block;padding:4px 14px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;color:var(--ink-soft);background:linear-gradient(180deg,#fffaf0,#ead6a8);border:1px solid var(--line)}.author-links a:hover{border-color:var(--gold);color:var(--brown)}@media(max-width:640px){.card.author-card{flex-direction:column;text-align:center}.author-links{justify-content:center}}.section-title{display:flex;justify-content:center;margin:60px 0 10px;text-align:center}.section-title span{position:relative;display:inline-block;padding:12px 52px;font-size:clamp(22px,3vw,28px);color:#5a3210;background:linear-gradient(180deg,#fdf6e3,#ead6a8);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);box-shadow:0 8px 16px #5a321038;text-shadow:0 1px 0 #fff8e6}.section-title span:before,.section-title span:after{content:"";position:absolute;top:-12px;bottom:-12px;width:20px;border-radius:10px;background:linear-gradient(90deg,#5a3210,#c98b3a 45%,#f0c27a 55%,#5a3210);box-shadow:0 4px 8px #3c1e0566}.section-title span:before{left:-14px}.section-title span:after{right:-14px}.section-sub{text-align:center;color:var(--muted);margin:14px 0 22px;font-size:15px}.prose{max-width:48em}.prose h2{padding-bottom:6px;border-bottom:2px solid var(--line)}.prose h2:before{content:"❖ ";color:var(--gold)}.prose li::marker{color:var(--gold)}.table-wrap{margin:16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.prose table{border-collapse:collapse;width:100%;margin:0;font-size:15px;background:var(--paper-hi)}.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.prose th{background:#ead6a8;color:#5a3210;font-family:var(--serif)}.prose tr:nth-child(2n) td{background:#f6ead0}.prose blockquote{margin:16px 0;padding:8px 16px;border-left:4px solid var(--gold);background:var(--paper-hi)}.parchment{background:linear-gradient(180deg,var(--paper-hi),#f4e6c6);border:1px solid var(--gold);box-shadow:inset 0 0 0 4px var(--paper-hi),inset 0 0 0 5px #c9962e8c,0 6px 16px #5a321029}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{position:relative;display:block;border-radius:var(--radius);padding:18px 20px;color:var(--ink);text-decoration:none;background:linear-gradient(180deg,var(--paper-hi),#f4e6c6);border:1px solid var(--gold);box-shadow:inset 0 0 0 4px var(--paper-hi),inset 0 0 0 5px #c9962e8c,0 6px 16px #5a321029;transition:transform .18s ease,box-shadow .18s ease}a.card:hover{transform:translateY(-4px);color:var(--ink);box-shadow:inset 0 0 0 4px var(--paper-hi),inset 0 0 0 5px var(--gold),0 14px 28px #5a321047}.card h3{margin:6px 0;font-size:19px}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.card .more{display:inline-block;margin-top:12px;padding:4px 16px;border-radius:999px;font-size:14px;font-weight:700;color:var(--ink-soft);background:linear-gradient(180deg,#fffaf0,#ead6a8);border:1px solid var(--line)}.videos{margin-top:32px}.video-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:12px 0}.card.video-card{padding:10px}.video-thumb{position:relative;display:block;border-radius:8px;overflow:hidden;border:1px solid var(--gold-lo);background:var(--plum-deep)}.video-thumb img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:grid;place-items:center;padding-left:4px;border-radius:50%;background:#280a3cc7;border:2px solid var(--gold);color:#ffe7a3;font-size:20px}.video-age{position:absolute;top:8px;left:8px;padding:0 8px;border-radius:999px;background:#8a1c1c;color:#fff;font-size:12px;font-weight:800;line-height:1.8}.video-card h3{font-size:16px;line-height:1.5;margin:10px 4px 4px}.video-card p{margin:0 4px 2px;font-size:13px}.tag{display:inline-block;font-size:12px;padding:1px 10px;border-radius:999px;background:#f6e7c2;color:var(--brown);font-weight:700;border:1px solid var(--line)}.tag.quiet{background:transparent;color:var(--muted)}.game-card{padding:10px;display:flex;flex-direction:column}.game-cover{display:block;width:100%;aspect-ratio:480 / 540;object-fit:cover;border-radius:8px;background:var(--plum-deep);border:1px solid var(--gold-lo)}.game-cover.placeholder{display:grid;place-items:center;padding:16px;text-align:center;background:radial-gradient(circle at 50% 40%,#4a1572,var(--plum-deep) 72%);font-family:var(--serif);font-size:26px;font-weight:900;letter-spacing:2px;color:transparent}.game-cover.placeholder span{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text}.game-card-body{padding:12px 6px 4px;flex:1}.game-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.stat{display:flex;flex-direction:column;align-items:center;padding:4px 6px;border-radius:8px;background:#fffaf0;border:1px solid var(--line);font-weight:800;color:var(--ink);font-size:15px;line-height:1.4}.stat b{font-size:11px;color:var(--muted);font-weight:400}.rank{position:absolute;top:-10px;right:-10px;z-index:2;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:900;font-size:15px;color:#4a2a08;background:radial-gradient(circle at 35% 30%,#fff6cf,#e3b543 55%,#9b6b10);border:3px solid #fff3c4;box-shadow:0 3px 8px #3c1e0573,inset 0 0 0 2px #9b6b1099}.rank.silver{background:radial-gradient(circle at 35% 30%,#fff,#c9ccd3 55%,#7d828c);color:#34383f;border-color:#f2f3f5}.rank.bronze{background:radial-gradient(circle at 35% 30%,#ffe1c2,#c9814a 55%,#7a4316);color:#3d1f06;border-color:#ffe7cf}.rank.plain{background:radial-gradient(circle at 35% 30%,#fffaf0,#e8d6ae 60%,#b99b62);color:#5a3a1a;border-color:#fffaf0}.game-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:start;max-width:48em}.game-hero img{width:100%;height:auto;border-radius:var(--radius);border:3px solid var(--gold);box-shadow:0 8px 20px #5a32104d}.game-hero figcaption{font-size:12px;color:var(--muted);margin-top:6px}.game-hero figure{margin:0}@media(max-width:640px){.game-hero{grid-template-columns:1fr}.game-hero figure{max-width:260px}}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:center;padding:40px 36px;margin-top:8px;border-radius:20px;overflow:hidden;color:#f3ecff;background:radial-gradient(circle at 78% 45%,rgba(224,40,61,.28),transparent 55%),linear-gradient(135deg,#3a0f5c,var(--plum-deep) 72%);border:3px solid var(--gold);box-shadow:inset 0 0 0 3px #1c0830,inset 0 0 0 5px #f3d27a99,0 16px 36px #3c1e0559}.hero .lights{position:absolute;left:18px;right:18px}.hero .lights.top{top:12px}.hero .lights.bottom{bottom:12px}.kicker{display:inline-block;font-size:14px;font-weight:700;letter-spacing:2px;color:#fff;background:linear-gradient(180deg,#e0283d,#8f0f1c);padding:4px 14px;border-radius:999px}.hero h1{font-size:clamp(32px,4.6vw,52px);color:transparent;text-shadow:none;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #1c0830)}.hero .lead{color:#e6dcf5}.hero-art{position:relative;height:360px}.hero-art img{position:absolute;width:46%;border-radius:14px;border:3px solid var(--gold-hi);box-shadow:0 16px 40px #0009,0 0 30px #f3d27a59}.hero-art img:nth-child(1){left:2%;top:40px;transform:rotate(-9deg)}.hero-art img:nth-child(2){left:27%;top:0;z-index:2;transform:scale(1.08)}.hero-art img:nth-child(3){right:2%;top:40px;transform:rotate(9deg)}@media(max-width:820px){.hero{grid-template-columns:1fr;padding:36px 20px}.hero-art{height:260px;max-width:420px;margin:0 auto;width:100%}}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:20px auto 0;max-width:960px;border-radius:var(--radius);background:linear-gradient(180deg,var(--paper-hi),#f4e6c6);border:1px solid var(--gold);box-shadow:inset 0 0 0 4px var(--paper-hi),inset 0 0 0 5px #c9962e8c,0 6px 16px #5a321029}.stat-strip div{padding:16px 20px;text-align:center}.stat-strip div+div{border-left:1px solid var(--line)}.stat-strip strong{display:block;font-family:var(--serif);font-size:24px;font-weight:900;color:var(--ink)}.stat-strip span{font-size:14px;color:var(--muted)}@media(max-width:640px){.stat-strip div{padding:12px 6px}.stat-strip strong{font-size:17px}.stat-strip span{font-size:12px;line-height:1.5;display:block}.grid:has(>.game-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.game-card{padding:7px}.game-card h3{font-size:15px}.game-card .tag{font-size:11px;padding:0 8px}.game-stats{grid-template-columns:1fr;gap:4px}.stat{flex-direction:row;justify-content:center;gap:4px;font-size:12px}.rank{width:34px;height:34px;font-size:12px;top:-8px;right:-6px;border-width:2px}}.cta{display:inline-block;background:var(--gold-grad);color:#3b2410;padding:12px 24px;border-radius:999px;text-decoration:none;font-weight:900;letter-spacing:1px;font-family:var(--serif);box-shadow:0 4px 0 var(--gold-lo),0 8px 18px #5a32104d;transition:transform .12s ease,box-shadow .12s ease}.cta:hover{color:#3b2410;transform:translateY(-2px);box-shadow:0 6px 0 var(--gold-lo),0 12px 24px #5a321059}.cta:active{transform:translateY(2px);box-shadow:0 2px 0 var(--gold-lo)}.cta.ghost{background:transparent;color:var(--brown);border:2px solid var(--gold);box-shadow:none}.cta.ghost:hover{background:#f6e7c2}.hero .cta.ghost{color:var(--gold-hi);border-color:var(--gold-hi)}.hero .cta.ghost:hover{background:#f3d27a1f}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.facts{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;padding:18px 22px;max-width:48em;border-radius:var(--radius);background:linear-gradient(180deg,var(--paper-hi),#f4e6c6);border:1px solid var(--gold);box-shadow:inset 0 0 0 4px var(--paper-hi),inset 0 0 0 5px #c9962e8c}.facts dt{color:var(--muted)}.facts dd{margin:0;color:var(--ink);font-weight:800}.notice{background:#f8e3d6;border:1px solid #d9a58c;border-radius:var(--radius);padding:12px 16px;max-width:48em;font-size:15px}.sponsor{border:1px dashed var(--gold);border-radius:var(--radius);padding:12px 16px;margin:24px 0;max-width:48em;background:var(--paper-hi)}.sponsor-label{font-size:12px;color:var(--muted)}.faq details{border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;max-width:48em;margin-bottom:10px;background:var(--paper-hi)}.faq details[open]{border-color:var(--gold)}.faq summary{cursor:pointer;font-weight:700;font-family:var(--serif)}.faq summary::marker{color:var(--gold)}.site-footer{border-top:3px double var(--gold);background:#3b2410;color:#e9d9b6;padding:28px 0;font-size:14px}.site-footer .muted{color:#b89f77}.footer-warn{font-weight:700;color:#f3d27a}.footer-links{display:flex;gap:18px;list-style:none;padding:0;flex-wrap:wrap}.footer-links a{color:#e9d9b6}.footer-links a:hover{color:#f3d27a}.partner-read{margin:20px 0;padding:12px 16px 14px;border-left:4px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;background:var(--paper-hi);box-shadow:0 2px 8px #5a321014}.partner-read .partner-label{display:block;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:1px}.partner-read a{display:inline-block;margin:4px 0 2px;font-weight:800}.partner-read a:after{content:" ↗";font-weight:400}.partner-read p{margin:0;font-size:14px;color:var(--muted);line-height:1.7}.ad-slot{margin:28px auto;text-align:center;max-width:100%}.ad-label{display:block;margin-bottom:4px;font-size:11px;color:var(--muted);letter-spacing:2px}.ad-box{margin:0 auto;width:var(--ad-w);max-width:100%;aspect-ratio:var(--ad-w) / var(--ad-h);min-height:50px;display:grid;place-items:center;overflow:hidden}.ad-leaderboard .ad-box{aspect-ratio:728 / 90}.ad-rectangle .ad-box{aspect-ratio:300 / 250}.ad-box img{display:block;width:100%;height:100%;object-fit:cover}.ad-preview{width:100%;height:100%;display:grid;place-items:center;padding:6px;border:2px dashed var(--gold);border-radius:8px;background:repeating-linear-gradient(45deg,#fff8e6,#fff8e6 10px,#f6e9c8 10px 20px);font-size:12px;line-height:1.5;color:var(--brown)}@media(max-width:640px){.ad-box{width:var(--ad-mw)}.ad-leaderboard .ad-box{aspect-ratio:320 / 100}}.floating-ad{position:fixed;left:16px;bottom:16px;z-index:50;width:80px;filter:drop-shadow(0 4px 10px rgba(40,20,6,.35))}.floating-ad[hidden]{display:none}.floating-ad a{display:block;transition:transform .18s ease}.floating-ad a:hover{transform:translateY(-3px) scale(1.03)}.floating-ad img{display:block;width:100%;height:auto}.floating-ad-label{display:block;margin-top:2px;padding:0 4px;border-radius:999px;background:#281406b3;color:#fff;font-size:9px;line-height:1.6;text-align:center;white-space:nowrap}.floating-ad-close{position:absolute;right:-6px;top:-6px;z-index:1;width:20px;height:20px;display:grid;place-items:center;padding:0;border:1px solid var(--gold);border-radius:50%;background:#2a1406;color:#ffe7a3;font-size:14px;line-height:1;cursor:pointer}.floating-ad-close:hover{background:#4a2410}@media(max-width:640px){.floating-ad{width:64px;left:8px;bottom:max(8px,env(safe-area-inset-bottom))}.floating-ad-label{font-size:8px;padding:0 2px}}@media print{.floating-ad{display:none}}body:has(.floating-ad:not([hidden])) .site-footer{padding-bottom:120px}@media(max-width:640px){body:has(.floating-ad:not([hidden])) .site-footer{padding-bottom:96px}}