:root{--bg: #0a0a0b;--bg-soft: #0f0f11;--surface: #141416;--surface-2: #1b1b1f;--border: rgb(255 255 255 / .08);--border-strong: rgb(255 255 255 / .16);--text: #f4f4f5;--muted: #a1a1aa;--faint: #6b6b74;--accent: #9a93c8;--accent-rgb: 154 147 200;--accent-2-rgb: 86 112 184;--accent-ink: #0a0a0b;--topbar-bg: rgb(10 10 11 / .72);--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 10px 34px rgb(0 0 0 / .28);--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--font-sans: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--line: var(--border);--surface-soft: var(--surface-2);--island-bg: var(--surface);--island-border: var(--border);--island-shadow: var(--shadow);--island-link: var(--muted);--island-link-hover: var(--text);--island-link-hover-bg: var(--surface-2);--island-active-bg: var(--accent);--island-active-text: var(--accent-ink)}:root[data-theme=light]{--bg: #f7f6f2;--bg-soft: #f1efe8;--surface: #ffffff;--surface-2: #f4f2ec;--border: rgb(0 0 0 / .1);--border-strong: rgb(0 0 0 / .2);--text: #1b1b1d;--muted: #57575e;--faint: #8a8a90;--accent: #4f4888;--accent-rgb: 79 72 136;--accent-2-rgb: 62 88 152;--accent-ink: #ffffff;--topbar-bg: rgb(255 255 255 / .75);--shadow: 0 1px 2px rgb(0 0 0 / .06), 0 10px 30px rgb(0 0 0 / .08)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}h1,h2,h3{margin:0;font-weight:600;line-height:1.15;letter-spacing:-.01em}img{max-width:100%}::selection{background:rgb(var(--accent-rgb) / .3);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.page{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.main{flex:1 0 auto;width:100%}.wrap{width:100%;max-width:1100px;margin-inline:auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,40px) 72px}.wrap.narrow{max-width:780px}.page-head{margin-bottom:28px}.page-head h1{font-size:clamp(1.7rem,3.6vw,2.3rem)}.page-desc{margin:12px 0 0;color:var(--muted);font-size:.95rem;max-width:60ch}.site-footer{margin-top:auto;border-top:1px solid var(--border);padding:22px 16px 30px;text-align:center;color:var(--faint);font-size:.82rem}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px clamp(16px,4vw,40px);background:var(--topbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.icon-btn{width:40px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn svg{width:18px;height:18px;fill:currentColor}.topbar .nav-pills{grid-column:2}.topbar-right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px}@media(max-width:520px){.topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px}.topbar .nav-pills{grid-column:1;justify-self:start}.topbar-right{grid-column:2;gap:6px}}.lang-menu{position:relative}.lang-menu summary{list-style:none;font-family:var(--font-mono);font-size:.8rem;font-weight:500;user-select:none}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu[open] summary{border-color:var(--accent);color:var(--accent)}.lang-menu ul{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:128px;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.lang-menu a{display:block;padding:8px 12px;border-radius:7px;color:var(--muted);font-size:.86rem;text-decoration:none}.lang-menu a:hover{background:var(--surface-2);color:var(--text)}.lang-menu a[aria-current=true]{color:var(--accent);font-weight:600}.icon-moon{display:none}:root[data-theme=light] .icon-sun{display:none}:root[data-theme=light] .icon-moon{display:block}.nav-pills{justify-self:center;display:flex;align-items:center;gap:3px;max-width:100%;padding:5px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);overflow-x:auto;scrollbar-width:none}.nav-pills::-webkit-scrollbar{display:none}.nav-pill{flex:0 0 auto;padding:8px 15px;border-radius:999px;font-size:.85rem;line-height:1;color:var(--muted);text-decoration:none;transition:color .2s ease,background .2s ease}.nav-pill:hover{color:var(--text);background:var(--surface-2)}.nav-pill.is-active{color:var(--accent-ink);background:var(--accent);font-weight:600}.card{position:relative;display:block;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;overflow:hidden;isolation:isolate;transition:transform .25s ease,border-color .25s ease}a.card{text-decoration:none}.card>*{position:relative;z-index:1}.card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(var(--glow-size, 420px) circle at var(--mx, 50%) var(--my, 50%),rgb(var(--accent-rgb) / .14),transparent 60%);opacity:0;transition:opacity .35s ease;pointer-events:none}.card:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%),rgb(var(--accent-rgb) / .55),transparent 65%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .35s ease;pointer-events:none}.card:hover:before,.card:hover:after{opacity:1}.card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.card h2{font-size:1.12rem;margin-bottom:14px}.card p{margin:0 0 12px;color:var(--muted);font-size:.92rem;line-height:1.7}.card p:last-child{margin-bottom:0}.cursor-ambient{position:fixed;top:0;left:0;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgb(var(--accent-rgb) / .2),rgb(var(--accent-2-rgb) / .08) 38%,transparent 65%);filter:blur(24px);pointer-events:none;z-index:0;opacity:0;transform:translate3d(calc(var(--gx, 50vw) - 380px),calc(var(--gy, 50vh) - 380px),0);transition:opacity .6s ease}.cursor-ambient.is-on{opacity:1}.section-label{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.kicker{margin:0 0 12px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.lead{margin:0;color:var(--muted);font-size:1rem;line-height:1.7}.accent{color:var(--accent)}.tag{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.02em;white-space:nowrap}.card-cta{display:inline-block;margin-top:14px;color:var(--accent);font-size:.85rem;font-weight:500;text-decoration:none}.card-cta:hover{text-decoration:underline}.meta-date{color:var(--faint);font-family:var(--font-mono);font-size:.74rem;white-space:nowrap}.icon-grid{display:flex;flex-wrap:wrap;gap:8px}.icon-link{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text);transition:border-color .2s ease,color .2s ease,transform .2s ease}.icon-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.icon-link.is-text-link{width:auto;min-width:0;padding:0 16px;font-size:.85rem;font-weight:600;white-space:nowrap}.icon-link svg{width:18px;height:18px;fill:currentColor}.icon-link img{width:18px;height:18px;object-fit:contain}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.is-in{opacity:1;transform:none}}.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}.mp-back[data-astro-cid-nuxxkkcb]{position:fixed;inset:0;background:#0a0a0a38;backdrop-filter:blur(5px);z-index:40;opacity:0;pointer-events:none;transition:opacity .22s ease}.mp-modal[data-astro-cid-nuxxkkcb]{position:fixed;left:50%;top:50%;transform:translate(-50%,calc(-50% + 12px));width:min(560px,calc(100vw - 32px));opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:50}#mp-shell[data-astro-cid-nuxxkkcb][data-open=true] .mp-back[data-astro-cid-nuxxkkcb]{opacity:1;pointer-events:auto}#mp-shell[data-astro-cid-nuxxkkcb][data-open=true] .mp-modal[data-astro-cid-nuxxkkcb]{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.mp-card[data-astro-cid-nuxxkkcb]{background:var(--surface, #fff);border:1px solid var(--line, rgba(0,0,0,.12));border-radius:14px;overflow:hidden;box-shadow:0 16px 40px #0003}.mp-head[data-astro-cid-nuxxkkcb]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line, rgba(0,0,0,.12))}.mp-head[data-astro-cid-nuxxkkcb] h3[data-astro-cid-nuxxkkcb]{margin:0;font-size:1rem;font-weight:600;color:var(--text, #232323)}.mp-close[data-astro-cid-nuxxkkcb]{cursor:pointer;width:30px;height:30px;border:1px solid var(--line, rgba(0,0,0,.12));border-radius:8px;background:transparent;display:grid;place-items:center;font-size:.95rem;color:var(--text, #232323)}.mp-close[data-astro-cid-nuxxkkcb]:hover{background:var(--surface-soft, #ece7dc)}iframe[data-astro-cid-nuxxkkcb]{display:block;border:none;width:100%;height:352px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}