/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-neutral-500:oklch(55.6% 0 none);--color-black:#000;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.inset-0{inset:0}.z-\[200\]{z-index:200}.mt-4{margin-top:calc(var(--spacing) * 4)}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-full{height:100%}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[var\(--color-bg\)\]{background-color:var(--color-bg)}.bg-black{background-color:var(--color-black)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-\[var\(--color-text\)\]{color:var(--color-text)}.text-neutral-500{color:var(--color-neutral-500)}.opacity-0{opacity:0}.opacity-100{opacity:1}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-500{--tw-duration:.5s;transition-duration:.5s}}:root{--color-bg:#0f1419;--color-bg-elevated:#1a2332;--color-surface:#243044;--color-text:#e8eef6;--color-text-muted:#9aadc2;--color-accent:#3d9cf0;--color-accent-hover:#6bb4f5;--color-border:#2e3f56;--color-status-dev:#f0b429;--color-status-live:#3ecf8e;--color-status-archived:#8b9cb3;--font-sans:var(--font-atkinson), "Noto Sans TC", "Microsoft JhengHei", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--radius:8px;--max-width:960px;--header-height:4rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);word-wrap:break-word;overflow-wrap:break-word;background-image:radial-gradient(80% 50% at 50% -20%,#3d9cf00f,#0000),radial-gradient(60% 40% at 100% 100%,#3d9cf008,#0000);flex-direction:column;margin:0;padding:0;font-size:1.0625rem;line-height:1.7;display:flex}main{width:100%;max-width:var(--max-width);padding:var(--space-xl) var(--space-md);flex:1;margin:0 auto}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-sm);color:var(--color-text);font-weight:700;line-height:1.25}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.35rem,3vw,1.75rem)}h3{font-size:1.25rem}p{margin:0 0 var(--space-md)}a{color:var(--color-accent);text-decoration:none;transition:color .15s}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}ul,ol{margin:0 0 var(--space-md);padding-left:1.25rem}code{background:var(--color-surface);border-radius:4px;padding:.15em .4em;font-size:.9em}pre{padding:var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto}pre>code{background:0 0;padding:0}blockquote{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border-left:3px solid var(--color-accent);color:var(--color-text-muted)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}.section-header{justify-content:space-between;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.section-header a{white-space:nowrap;font-size:.95rem}.card-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.page-intro{margin-bottom:var(--space-xl)}.page-intro p{color:var(--color-text-muted);max-width:40rem}.prose{max-width:60rem}.prose p{margin-bottom:1.25em}.prose h2,.prose h3{margin-top:1.75em}.prose .image-row{gap:var(--space-sm);margin-top:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.prose .image-row img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--color-border);width:100%}@media (width<=640px){.prose .image-row{grid-template-columns:1fr}}.tag-list{gap:var(--space-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tag{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:.15em .6em;font-size:.8rem;display:inline-block}.status-badge{letter-spacing:.02em;border-radius:999px;padding:.2em .65em;font-size:.75rem;font-weight:700;display:inline-block}.status-badge[data-status=開發中]{color:#1a1400;background:var(--color-status-dev)}.status-badge[data-status=已發布]{color:#002214;background:var(--color-status-live)}.status-badge[data-status=封存]{color:var(--color-bg);background:var(--color-status-archived)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-bg);background:var(--color-accent);border-radius:var(--radius);cursor:pointer;border:none;padding:.55em 1.1em;font-size:.95rem;font-weight:700;transition:background .15s;display:inline-flex}.btn:hover{color:var(--color-bg);background:var(--color-accent-hover)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-secondary:hover{color:var(--color-accent-hover);border-color:var(--color-accent);background:0 0}.btn-row{gap:var(--space-sm);margin:var(--space-lg) 0;flex-wrap:wrap;display:flex}.hero{margin-bottom:var(--space-2xl)}.hero p{color:var(--color-text-muted);max-width:36rem;font-size:1.15rem}.muted{color:var(--color-text-muted)}.sr-only{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}@media (width<=640px){body{font-size:1rem}main{padding:var(--space-lg) var(--space-md)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.site-footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--color-border);background:var(--color-bg-elevated);margin-top:auto}.footer-inner[data-astro-cid-jo6i4kqk]{justify-content:space-between;align-items:center;gap:var(--space-md);max-width:var(--max-width);padding:var(--space-lg) var(--space-md);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk]{color:var(--color-text-muted);margin:0;font-size:.9rem}.footer-links[data-astro-cid-jo6i4kqk]{gap:var(--space-md);display:flex}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--color-text-muted);font-size:.9rem}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--color-accent-hover)}.site-header[data-astro-cid-nen7h5rs]{z-index:100;height:var(--header-height);border-bottom:1px solid var(--color-border);backdrop-filter:blur(10px);background:#0f1419eb;position:sticky;top:0}.header-inner[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;gap:var(--space-md);height:100%;max-width:var(--max-width);padding:0 var(--space-md);margin:0 auto;display:flex}.brand[data-astro-cid-nen7h5rs]{color:var(--color-text);font-size:1.05rem;font-weight:700;text-decoration:none}.brand[data-astro-cid-nen7h5rs]:hover{color:var(--color-accent-hover)}.site-nav[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-sm);display:flex}.site-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{color:var(--color-text-muted);border-radius:var(--radius);padding:.4em .75em;font-size:.95rem;text-decoration:none}.site-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover,.site-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs].active{color:var(--color-text);background:var(--color-surface)}.menu-toggle[data-astro-cid-nen7h5rs]{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;padding:0;display:none}.menu-bar[data-astro-cid-nen7h5rs]{background:var(--color-text);border-radius:1px;width:1.1rem;height:2px;margin:0 auto;transition:transform .2s,opacity .2s;display:block}.menu-toggle[data-astro-cid-nen7h5rs][aria-expanded=true] .menu-bar[data-astro-cid-nen7h5rs]:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle[data-astro-cid-nen7h5rs][aria-expanded=true] .menu-bar[data-astro-cid-nen7h5rs]:nth-child(2){opacity:0}.menu-toggle[data-astro-cid-nen7h5rs][aria-expanded=true] .menu-bar[data-astro-cid-nen7h5rs]:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=720px){.menu-toggle[data-astro-cid-nen7h5rs]{display:flex}.site-nav[data-astro-cid-nen7h5rs]{top:var(--header-height);padding:var(--space-sm);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;left:0;right:0}.site-nav[data-astro-cid-nen7h5rs].is-open{display:flex}.site-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{padding:.85em 1em}}