:root{--color-brand: #8b6355;--color-brand-hover: #6d4c41;--color-dark: #0f172a;--color-light: #f5f0e8;--color-bg-light: #f5f0e8;--color-bg-dark: #0f172a;--color-header-bg: rgba(245, 240, 232, .92);--color-brand-10: rgba(139, 99, 85, .1);--color-brand-30: rgba(139, 99, 85, .3);--color-brand-40: rgba(139, 99, 85, .4);--color-text-primary: #111827;--color-text-body: #374151;--color-text-muted: #6b7280;--color-text-subtle: #9ca3af;--color-border: #d4c4a8;--color-border-subtle: #ece3d4;--color-surface: #fdf8f0;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-orange-700: #c2410c;--color-amber-300: #fcd34d;--color-brand-20: rgba(234, 88, 12, .2);--color-brand-60: rgba(234, 88, 12, .6);--color-orange-500-20: rgba(249, 115, 22, .2);--color-amber-400-15: rgba(251, 191, 36, .15);--color-amber-400-20: rgba(251, 191, 36, .2);--color-amber-400-40: rgba(251, 191, 36, .4);--color-gray-50-50: rgba(249, 250, 251, .5);--color-gray-100-10: rgba(243, 244, 246, .1);--color-gray-400-50: rgba(156, 163, 175, .5);--color-gray-500-40: rgba(107, 114, 128, .4);--color-gray-600-90: rgba(75, 85, 99, .9);--color-gray-700-80: rgba(55, 65, 81, .8);--color-gray-800-20: rgba(31, 41, 55, .2);--color-gray-800-50: rgba(31, 41, 55, .5);--color-black-04: rgba(0, 0, 0, .04);--color-black-05: rgba(0, 0, 0, .05);--color-black-06: rgba(0, 0, 0, .06);--color-black-10: rgba(0, 0, 0, .1);--color-black-20: rgba(0, 0, 0, .2);--color-black-25: rgba(0, 0, 0, .25);--color-black-30: rgba(0, 0, 0, .3);--color-black-60: rgba(0, 0, 0, .6);--color-black-75: rgba(0, 0, 0, .75);--color-white-05: rgba(255, 255, 255, .05);--color-white-10: rgba(255, 255, 255, .1);--color-white-15: rgba(255, 255, 255, .15);--color-white-20: rgba(255, 255, 255, .2);--color-white-30: rgba(255, 255, 255, .3);--color-white-50: rgba(255, 255, 255, .5);--color-slate-100: #f1f5f9;--color-slate-950: #020617;--color-slate-800-50: rgba(30, 41, 59, .5);--color-slate-900-60: rgba(15, 23, 42, .6);--color-slate-900-95: rgba(15, 23, 42, .95);--color-yellow-100: #fef9c3;--color-yellow-400: #facc15;--color-yellow-500: #eab308;--color-yellow-700: #a16207;--color-yellow-400-30: rgba(234, 179, 8, .3);--color-green-50: #f0fdf4;--color-green-600: #16a34a;--color-red-50: #fef2f2;--color-red-600: #dc2626;--color-orange-50: #fff7ed;--color-blue-700: #1d4ed8;--color-red-700: #b91c1c;--color-emerald-700: #047857;--color-error-20: rgba(239, 68, 68, .2);--color-error-10: rgba(239, 68, 68, .1);--color-error-05: rgba(239, 68, 68, .05);--color-error-40: rgba(239, 68, 68, .4);--color-success-glow: rgba(52, 211, 153, .6);--color-error-glow: rgba(239, 68, 68, .6);--color-white-60: rgba(255, 255, 255, .6);--color-white-70: rgba(255, 255, 255, .7);--color-white-80: rgba(255, 255, 255, .8);--color-white-25: rgba(255, 255, 255, .25);--color-white-95: rgba(255, 255, 255, .95);--color-black-15: rgba(0, 0, 0, .15);--color-black-70: rgba(0, 0, 0, .7);--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-500-10: rgba(100, 116, 139, .1);--color-slate-800-modern: rgb(30 41 59 / .5);--color-green-500: #10b981;--color-emerald-600: #059669;--color-green-600-10: rgba(21, 128, 61, .1);--color-green-500-20: rgba(34, 197, 94, .2);--color-green-500-30: rgba(34, 197, 94, .3);--color-blue-500-10: rgba(59, 130, 246, .1);--color-blue-500-20: rgba(59, 130, 246, .2);--color-pink-300: #f9a8d4;--color-pink-700: #db2777;--color-pink-900-30: rgba(131, 24, 67, .3);--color-red-900-10: rgba(127, 29, 29, .1);--color-red-500: #ef4444;--color-orange-100: #ffedd5;--color-orange-brand-15: rgba(234, 88, 12, .15);--color-amber-100-10: rgba(255, 251, 235, .1);--color-amber-500-10: rgba(245, 158, 11, .1);--color-amber-500-20: rgba(245, 158, 11, .2);--color-amber-400-30: rgba(251, 191, 36, .3);--color-amber-400-50: rgba(251, 191, 36, .5);--color-amber-900-20: rgba(120, 53, 15, .2);--color-amber-900-30: rgba(120, 53, 15, .3);--color-amber-600: #d97706;--color-yellow-50: #fefce8;--color-yellow-400-10: rgba(234, 179, 8, .1);--color-gray-200-50: rgba(229, 231, 235, .5);--color-gray-500-60: rgba(107, 114, 128, .6);--color-gray-800-40: rgba(31, 41, 55, .4);--color-gray-800-80: rgba(31, 41, 55, .8);--color-neutral-200: rgba(200, 200, 200, .2);--color-white-40: rgba(255, 255, 255, .4);--color-orange-500-10: rgba(249, 115, 22, .1);--color-techo-tape: rgba(255, 220, 130, .6);--color-techo-tape-2: rgba(180, 210, 180, .5);--color-techo-sage: #8fa68c;--color-techo-rose: #c4927a;--color-techo-dot: rgba(180, 160, 130, .18);--color-parchment-yellow-light: #f5ebe8;--color-parchment-yellow-dark: #ede3df;--color-parchment-dark-brown: rgba(62, 48, 38, .3);--color-parchment-dark-brown-2: rgba(78, 60, 48, .3);--color-parchment-dark-brown-3: rgba(62, 48, 38, .4);--color-parchment-dark-brown-4: rgba(78, 60, 48, .4);--color-parchment-dark-rose: rgba(78, 48, 48, .3);--color-parchment-dark-rose-2: rgba(92, 58, 58, .3);--color-card-border-light: rgba(255, 255, 200, .7);--color-scrollbar-thumb: rgba(156, 163, 175, .5)}.dark{--color-header-bg: rgba(15, 23, 42, .85);--color-text-primary: #f3f4f6;--color-text-body: #d1d5db;--color-text-muted: #9ca3af;--color-text-subtle: #6b7280;--color-border: #1f2937;--color-border-subtle: #1f2937;--color-surface: #1f2937;--color-brand: #c4927a;--color-brand-hover: #a8705c;--color-brand-10: rgba(196, 146, 122, .1);--color-brand-30: rgba(196, 146, 122, .3);--color-brand-40: rgba(196, 146, 122, .4)}:root{--shadow-neu-light: -8px -8px 20px rgba(255, 255, 255, .8), 8px 8px 20px rgba(170, 160, 140, .15);--shadow-neu-dark: -8px -8px 20px rgba(30, 41, 59, .3), 8px 8px 20px rgba(0, 0, 0, .4);--shadow-neu-pressed-light: inset 6px 6px 12px rgba(170, 160, 140, .25), inset -6px -6px 12px rgba(255, 255, 255, .9);--shadow-neu-pressed-dark: inset 6px 6px 12px rgba(0, 0, 0, .5), inset -6px -6px 12px rgba(30, 41, 59, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}:root{--font-sans: "Noto Serif TC", "Inter", -apple-system, system-ui, sans-serif;--font-serif: "Noto Serif TC", serif;--font-mono: ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace;--font-handwriting: "Klee One", "Noto Serif TC", cursive}:root:lang(en){--font-sans: "Lora", "Georgia", serif;--font-serif: "Lora", "Georgia", serif;--font-handwriting: "Klee One", cursive}:root:lang(zh-tw){--font-sans: "Noto Serif TC", "Inter", -apple-system, system-ui, sans-serif;--font-serif: "Noto Serif TC", serif;--font-handwriting: "Klee One", "Noto Serif TC", cursive}:root{--radius-full: 9999px;--radius-card: 1rem;--radius-panel: .75rem;--radius-badge: .5rem;--radius-modal: 2rem}:root{--duration-fast: .15s;--duration-default: .2s;--duration-slow: .3s;--ease-default: ease;--ease-out: ease-out;--ease-in: ease-in}:root{--glass-bg-light: rgba(255, 255, 255, .7);--glass-bg-dark: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .2);--glass-border-dark: rgba(255, 255, 255, .1);--glass-blur: 12px}:root{--color-success: #10b981;--color-success-alt: #34d399;--color-error: #ef4444;--color-error-light: #f87171;--color-info: #3b82f6;--color-warning: #fbbf24;--color-warning-bg: #fef9ec}:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--prose-h1: 2.25em;--prose-h2: 1.75em;--prose-h3: 1.375em;--prose-h4: 1.125em}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}img,video,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;border:none;background:none;outline:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color var(--duration-slow),background-color var(--duration-slow);background-color:var(--color-bg-light);background-image:radial-gradient(circle,var(--color-techo-dot) 1px,transparent 1px),linear-gradient(to bottom right,var(--color-bg-light),var(--color-surface),var(--color-bg-light));background-size:20px 20px,100% 100%;background-attachment:fixed;line-height:1.85}@media(min-width:768px){body{font-size:var(--text-lg)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-handwriting, var(--font-serif));font-weight:600;letter-spacing:.02em;color:var(--color-dark);scroll-margin-top:var(--space-24)}a{color:var(--color-brand);text-decoration:none;transition:color var(--duration-fast)}a:hover{color:var(--color-brand-hover)}.dark body{color:var(--color-text-primary);background-color:var(--color-bg-dark);background-image:linear-gradient(to bottom right,var(--color-slate-900),var(--color-slate-800),var(--color-slate-900));background-size:100% 100%}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:var(--color-white)}.dark a{color:var(--color-brand)}.dark a:hover{color:var(--color-white)}:root:lang(en) body{letter-spacing:-.01em}.hidden{display:none!important}.prose{font-size:var(--text-md);line-height:1.85;color:var(--color-text-body);max-width:65ch}@media(min-width:768px){.prose{font-size:var(--text-lg)}}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--font-handwriting, var(--font-serif));font-weight:600;letter-spacing:.02em;color:var(--color-dark);scroll-margin-top:6rem;line-height:1.25;margin-top:2em;margin-bottom:.75em}.prose h1{font-size:var(--prose-h1)}.prose h2{font-size:var(--prose-h2)}.prose h3{font-size:var(--prose-h3)}.prose h4{font-size:var(--prose-h4)}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose a{color:var(--color-brand);text-decoration:underline;text-decoration-color:var(--color-brand-40);text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-default),text-decoration-color var(--duration-fast) var(--ease-default)}.prose a:hover{color:var(--color-brand-hover);text-decoration-color:var(--color-brand-hover)}.prose strong{font-weight:700;color:var(--color-dark)}.prose em{font-style:italic}.prose ul,.prose ol{padding-left:1.5em;margin-top:1em;margin-bottom:1em}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-top:.35em;margin-bottom:.35em}.prose hr{border:none;border-top:1px solid var(--color-black-10);margin:2em 0}.prose blockquote{border-left:3px solid var(--color-brand);border-radius:0;background:color-mix(in srgb,var(--color-brand) 4%,transparent);padding:.75rem 1.25rem;font-style:italic;font-family:var(--font-handwriting, var(--font-serif));font-size:.95em;color:var(--color-text-muted);box-shadow:none;margin:1.5em 0 1.5em .5rem}.prose blockquote p:first-of-type:before{content:none}.prose blockquote p:last-of-type:after{content:none}.prose :where(code):not(:where(pre code)){font-family:var(--font-mono, ui-monospace, monospace);font-size:.85em;font-weight:500;color:var(--color-brand-hover);background:var(--color-amber-400-15);border:1px solid var(--color-amber-200);border-radius:.25rem;padding:.125rem .375rem;margin:0 .125rem;vertical-align:middle}.prose :where(code):not(:where(pre code)):before,.prose :where(code):not(:where(pre code)):after{content:none!important}.prose pre{font-family:var(--font-mono, ui-monospace, monospace);font-size:.875em;border-radius:.75rem;overflow-x:auto;padding:1.25rem 1.5rem;line-height:1.7;margin:1.5em 0}.prose img{display:block;margin-left:auto;margin-right:auto;margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.75rem;box-shadow:var(--shadow-neu-light);max-width:100%;height:auto;cursor:zoom-in}.prose table{width:100%;border-collapse:collapse;font-size:.875em;margin:1.5em 0}.prose thead th{font-weight:700;border-bottom:2px solid var(--color-gray-200);padding:.5rem .75rem;text-align:left}.prose tbody td{border-bottom:1px solid var(--color-gray-100);padding:.5rem .75rem;vertical-align:top}.dark .prose{color:var(--color-gray-100)}.dark .prose h1,.dark .prose h2,.dark .prose h3,.dark .prose h4,.dark .prose h5,.dark .prose h6,.dark .prose strong{color:var(--color-white)}.dark .prose a{color:var(--color-brand)}.dark .prose a:hover{color:var(--color-white)}.dark .prose hr{border-top-color:var(--color-white-10)}.dark .prose blockquote{box-shadow:var(--shadow-neu-pressed-dark)}.dark .prose :where(code):not(:where(pre code)){background:var(--color-gray-800);border-color:var(--color-white-10);color:var(--color-amber-300)}.dark .prose img{box-shadow:var(--shadow-neu-dark)}.dark .prose thead th{border-bottom-color:var(--color-white-10)}.dark .prose tbody td{border-bottom-color:var(--color-white-05)}kbd{display:inline-block;font-family:var(--font-mono, ui-monospace, monospace);font-size:.75rem;font-weight:600;line-height:1;vertical-align:text-bottom;margin:0 .125rem;padding:.125rem .5rem;border-radius:.5rem;border:1px solid var(--color-gray-200);border-bottom-width:3px;background:var(--color-gray-100);color:var(--color-gray-700);box-shadow:0 1px 2px var(--color-black-05)}.dark kbd{border-color:var(--color-gray-600);background:var(--color-gray-800);color:var(--color-gray-200)}pre.line-numbers{counter-reset:line}pre.line-numbers .line{position:relative;padding-left:2.5rem}pre.line-numbers .line:before{counter-increment:line;content:counter(line);position:absolute;left:0;display:inline-block;width:2rem;margin-right:1rem;padding-right:.75rem;border-right:1px solid var(--color-gray-100-10);text-align:right;font-family:var(--font-mono, ui-monospace, monospace);font-size:.75rem;line-height:1.5rem;color:var(--color-scrollbar-thumb);user-select:none}.dark pre.line-numbers .line:before{color:var(--color-gray-500-40)}#image-lightbox{display:none;position:fixed;inset:0;z-index:9999;background:var(--color-black-75);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:1.5rem}#image-lightbox.is-open{display:flex;animation:lightbox-fade-in .2s ease}#image-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:.75rem;box-shadow:0 25px 60px var(--color-black-60);cursor:zoom-out}#lightbox-close{position:absolute;top:1rem;right:1rem;background:var(--color-white-15);border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .15s}#lightbox-close:hover{background:var(--color-white-30)}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.premium-card{position:relative;border-radius:var(--radius-card);transition:all var(--duration-slow) var(--ease-out);box-shadow:var(--shadow-neu-light);border:2px solid var(--color-card-border-light)}.premium-card:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:var(--radius-card);transition:opacity var(--duration-slow) var(--ease-out);box-shadow:var(--shadow-neu-pressed-light);opacity:0;z-index:10}.premium-card:hover{transform:scale(.99);box-shadow:none}.premium-card:hover:after{opacity:1}.dark .premium-card{box-shadow:var(--shadow-neu-dark);border:1.5px solid var(--color-white-05)}.dark .premium-card:after{box-shadow:var(--shadow-neu-pressed-dark)}.dark .premium-card:hover{box-shadow:none}.neu-pressed{box-shadow:var(--shadow-neu-pressed-light)}.dark .neu-pressed{box-shadow:var(--shadow-neu-pressed-dark)}.premium-border{border-radius:var(--radius-panel);border:1px solid var(--color-brand-40)}.dark .premium-border{border-color:var(--color-white-05)}.glass-panel{background-color:var(--glass-bg-light);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.dark .glass-panel{background-color:var(--glass-bg-dark);border-color:var(--glass-border-dark)}.glass-effect{backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.dark .glass-effect{border-color:var(--glass-border-dark)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.prose,.magazine-list,.card-list,.technical-list{animation:fadeInUp .6s ease-out forwards}}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:9999px}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}.photo-polaroid{background:#fff;padding:5px 5px 1.75rem;box-shadow:1px 2px 8px #00000021,0 0 0 1px #0000000a;border-radius:1px;transform:rotate(-.6deg);transition:transform .35s ease}.photo-polaroid__img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.photo-polaroid--hover-reset:hover .photo-polaroid,.photo-polaroid--hover-reset:focus-within .photo-polaroid{transform:rotate(0) scale(1.01)}.dark .photo-polaroid{background:#e5e7eb}