.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.reading-progress[data-astro-cid-mu6cnre2]{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;background:transparent}.reading-progress-bar[data-astro-cid-mu6cnre2]{height:100%;width:0%;background:linear-gradient(90deg,#f97316,#ea580c);border-radius:0 2px 2px 0;transition:width .1s linear}.search-result-item[data-astro-cid-otpdt6jm]{@apply flex items-center gap-3 rounded-xl px-4 py-3 cursor-pointer transition-colors;}.search-result-item[data-astro-cid-otpdt6jm]:hover,.search-result-item[data-astro-cid-otpdt6jm].active{@apply bg-stone-100 dark:bg-stone-700;}.search-result-item[data-astro-cid-otpdt6jm] .result-title[data-astro-cid-otpdt6jm]{@apply font-medium text-stone-800 dark:text-stone-100;}.search-result-item[data-astro-cid-otpdt6jm] .result-desc[data-astro-cid-otpdt6jm]{@apply text-sm text-stone-500 dark:text-stone-400 line-clamp-1;}.search-result-item[data-astro-cid-otpdt6jm] .result-game[data-astro-cid-otpdt6jm]{@apply inline-flex items-center rounded-full bg-orange-100 dark:bg-orange-900/30 px-2 py-0.5 text-xs font-medium text-orange-600 dark:text-orange-400;}:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f2430;--text: #e6e8ec;--muted: #9aa3b2;--brand: #ff5a3c;--brand-2: #ffb33c;--border: #2a3040;--max: 1100px;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--brand-2);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--border);background:#0f1115d9;backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.site-header .bar{display:flex;align-items:center;gap:18px;padding:14px 20px;max-width:var(--max);margin:0 auto;flex-wrap:wrap}.brand{font-weight:800;font-size:1.25rem;color:var(--text)}.brand span{color:var(--brand)}.nav{display:flex;gap:16px;flex-wrap:wrap}.nav a{color:var(--muted);font-weight:600}.nav a:hover{color:var(--text);text-decoration:none}.lang-switch{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:.85rem}.lang-switch a{color:var(--muted)}.lang-switch a[aria-current=true]{color:var(--brand-2);font-weight:700}.hero{padding:56px 0 28px}.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 10px}.hero p{color:var(--muted);font-size:1.1rem;max-width:60ch}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.related{margin-top:48px;padding-top:28px;border-top:1px solid var(--border)}.related h2{font-size:1.4rem;margin:0 0 18px}.related .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:var(--brand);transform:translateY(-2px)}.card h3{margin:0 0 8px;font-size:1.1rem}.card .desc{color:var(--muted);font-size:.95rem;margin:0 0 12px}.card .meta{color:var(--muted);font-size:.8rem}.tag{display:inline-block;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-2);border:1px solid var(--border);border-radius:999px;padding:2px 10px;margin-bottom:10px}.section{padding:28px 0}.section h2{font-size:1.5rem;margin:0 0 18px}.article{padding:36px 0 60px}.article .prose{max-width:760px}.prose h2{margin-top:2em}.prose img{max-width:100%;border-radius:8px}.prose code{background:var(--surface-2);padding:2px 6px;border-radius:6px}.prose pre{background:var(--surface-2);padding:14px;border-radius:8px;overflow:auto}.byline{color:var(--muted);font-size:.9rem;margin:4px 0 24px}.faq{margin-top:40px;border-top:1px solid var(--border);padding-top:24px}.faq details{border-bottom:1px solid var(--border);padding:12px 0}.faq summary{cursor:pointer;font-weight:700}.ad-slot{border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--muted);text-align:center;padding:18px;margin:24px 0;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.site-footer{border-top:1px solid var(--border);margin-top:40px;padding:28px 0;color:var(--muted);font-size:.9rem}.site-footer .links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:10px}.site-footer a{color:var(--muted)}.cover{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:var(--surface-2)}.cover svg{position:absolute;inset:0;width:100%;height:100%;display:block}.cover .cover-label{position:absolute;left:14px;bottom:12px;right:14px;font-weight:800;font-size:1.05rem;line-height:1.25;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.55);z-index:2}.cover .cover-game{position:absolute;left:14px;top:12px;z-index:2;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#fff;opacity:.92;background:#00000047;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:3px 9px;backdrop-filter:blur(2px)}.card{padding:0;overflow:hidden;display:flex;flex-direction:column}.card .card-cover{aspect-ratio:16 / 9}.card .card-body{padding:16px 18px 18px}.card .tag{margin-bottom:8px}.article-hero{padding:32px 0 8px}.article-hero .cover{aspect-ratio:21 / 9;max-height:360px;margin-bottom:22px}@media(max-width:600px){.article-hero .cover{aspect-ratio:16 / 9}}.icon{width:1.05em;height:1.05em;vertical-align:-.15em;flex:none}.section h2,.faq h2{display:flex;align-items:center;gap:10px}.section h2 .icon,.faq h2 .icon{color:var(--brand-2)}.prose blockquote{position:relative;margin:1.6em 0;padding:16px 18px 16px 52px;background:linear-gradient(180deg,#ff5a3c14,#ffb33c0d);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:10px;color:var(--text)}.prose blockquote p{margin:0}.prose blockquote:before{content:"";position:absolute;left:16px;top:16px;width:22px;height:22px;background:var(--brand-2);-webkit-mask:var(--callout-icon) center / contain no-repeat;mask:var(--callout-icon) center / contain no-repeat}:root{--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5C17.7 10.2 18 9 18 7.5a6 6 0 0 0-12 0c0 1.5.3 2.7 1.5 4 .8.8 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E")}.prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95rem;overflow:hidden;border-radius:10px;border:1px solid var(--border)}.prose thead{background:var(--surface-2)}.prose th,.prose td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}.prose th{color:var(--brand-2);font-weight:700}.prose tbody tr:last-child td{border-bottom:none}.prose tbody tr:hover{background:#ffffff05}.prose figure{margin:1.8em 0}.prose figure svg{width:100%;height:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px}.prose figcaption{margin-top:8px;color:var(--muted);font-size:.85rem;text-align:center}.media-note{color:var(--muted);font-size:.78rem;margin-top:6px;font-style:italic}.nav-link[data-astro-cid-37fxchfa]{@apply text-stone-600 dark:text-stone-300 hover:text-orange-500 dark:hover:text-orange-400 transition-colors;}.mobile-nav-link[data-astro-cid-37fxchfa]{@apply px-3 py-2.5 rounded-lg text-stone-700 dark:text-stone-200 hover:bg-stone-100 dark:hover:bg-stone-800 transition-colors font-medium;}