@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";
:root{--color-primary:#4a90e2;--color-primary-hover:#3a7bd5;--color-primary-light:#e8f0fe;--color-accent:#9b6ef3;--color-accent-hover:#8a5ce0;--color-accent-light:#f0e8ff;--color-bg:#fff;--color-bg-secondary:#f7f8fa;--color-bg-tertiary:#eeeef1;--color-surface:#fff;--color-surface-hover:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#dbeafe;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-card:0 2px 8px #0000000f;--shadow-card-hover:0 8px 24px #0000001f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:"Inter","Noto Sans TC",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-display:32px;--text-heading:24px;--text-subheading:18px;--text-body:16px;--text-caption:14px;--text-small:12px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--navbar-height:64px;--max-width:1200px;--content-padding:var(--space-6);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500}[data-theme=dark]{--color-bg:#0f1724;--color-bg-secondary:#1a2233;--color-bg-tertiary:#243044;--color-surface:#1a2233;--color-surface-hover:#243044;--color-border:#ffffff1f;--color-border-light:#fff3;--color-text:#f3f4f6;--color-text-secondary:#9ca3af;--color-text-tertiary:#6b7280;--color-text-inverse:#1f2937;--color-primary-light:#4a90e226;--color-accent-light:#9b6ef326;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-card:0 2px 8px #0000004d;--shadow-card-hover:0 8px 24px #00000080}[data-color-scheme=neon]{--color-primary:#06b6d4;--color-primary-hover:#0891b2;--color-primary-light:#ecfeff;--color-accent:#ec4899;--color-accent-hover:#db2777;--color-accent-light:#fdf2f8}[data-color-scheme=neon][data-theme=dark]{--color-bg:#0a0a1a;--color-bg-secondary:#12122b;--color-bg-tertiary:#1e1e3f;--color-surface:#12122b;--color-surface-hover:#1e1e3f;--color-border:#06b6d433;--color-border-light:#ec489933;--color-text:#e0e7ff;--color-text-secondary:#a5b4fc;--color-text-tertiary:#6366f1;--color-primary-light:#06b6d426;--color-accent-light:#ec489926;--shadow-card:0 2px 12px #06b6d414;--shadow-card-hover:0 8px 32px #06b6d426}[data-color-scheme=neon][data-theme=light]{--color-bg:#fafbff;--color-bg-secondary:#eef2ff;--color-bg-tertiary:#e0e7ff;--color-surface:#fff;--color-surface-hover:#eef2ff;--color-border:#6366f126;--color-border-light:#06b6d433;--color-text:#1e1b4b;--color-text-secondary:#4338ca;--color-text-tertiary:#6366f1;--color-primary-light:#06b6d41a;--color-accent-light:#ec48991a}[data-color-scheme=sunset]{--color-primary:#f97316;--color-primary-hover:#ea6c0a;--color-primary-light:#fff7ed;--color-accent:#8b5cf6;--color-accent-hover:#7c3aed;--color-accent-light:#f5f3ff}[data-color-scheme=sunset][data-theme=dark]{--color-bg:#0d0a1e;--color-bg-secondary:#160f2e;--color-bg-tertiary:#231744;--color-surface:#160f2e;--color-surface-hover:#231744;--color-border:#f9731633;--color-border-light:#8b5cf640;--color-text:#fef3c7;--color-text-secondary:#fbd38d;--color-text-tertiary:#f59e0b;--color-primary-light:#f9731626;--color-accent-light:#8b5cf626;--shadow-card:0 2px 12px #f9731614;--shadow-card-hover:0 8px 32px #f973162e}[data-color-scheme=sunset][data-theme=light]{--color-bg:#fffbf5;--color-bg-secondary:#fef3e2;--color-bg-tertiary:#fde8c8;--color-surface:#fff;--color-surface-hover:#fef3e2;--color-border:#f973162e;--color-border-light:#8b5cf626;--color-text:#1c0f00;--color-text-secondary:#92400e;--color-text-tertiary:#b45309;--color-primary-light:#f973161a;--color-accent-light:#8b5cf61a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.container{max-width:var(--max-width);padding:0 var(--content-padding);margin:0 auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--color-border);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-weight:var(--weight-medium);font-size:var(--text-caption);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;height:40px;line-height:1;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:var(--color-accent);color:var(--color-text-inverse)}.btn-accent:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn-outline:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-sm{height:32px;padding:var(--space-1)var(--space-3);font-size:var(--text-small)}.btn-lg{height:48px;padding:var(--space-3)var(--space-6);font-size:var(--text-body)}.badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-small);font-weight:var(--weight-medium);align-items:center;line-height:1.4;display:inline-flex}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-accent{background:var(--color-accent-light);color:var(--color-accent)}.badge-success{color:var(--color-success);background:#10b9811a}.badge-warning{color:var(--color-warning);background:#f59e0b1a}.badge-danger{color:var(--color-danger);background:#ef44441a}.input{width:100%;height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.input::placeholder{color:var(--color-text-tertiary)}.textarea{min-height:120px;padding:var(--space-3);resize:vertical}.section{padding:var(--space-16)0}.section-title{font-size:var(--text-heading);font-weight:var(--weight-bold);margin-bottom:var(--space-2);color:var(--color-text)}.section-subtitle{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){:root{--content-padding:var(--space-4);--text-display:26px;--text-heading:20px;--text-subheading:16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn var(--transition-fast);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:600px;max-height:85vh;z-index:var(--z-modal);box-shadow:var(--shadow-lg);animation:slideUp var(--transition-base);overflow-y:auto}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-subheading);font-weight:var(--weight-bold)}.toast{bottom:var(--space-6);right:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4)var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);z-index:var(--z-toast);animation:slideUp var(--transition-base);position:fixed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary)25%,var(--color-bg-secondary)50%,var(--color-bg-tertiary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite pulse}.markdown-content h1{font-size:var(--text-heading);font-weight:var(--weight-bold);margin:var(--space-6)0 var(--space-3)}.markdown-content h2{font-size:var(--text-subheading);font-weight:var(--weight-bold);margin:var(--space-5)0 var(--space-2)}.markdown-content h3{font-size:var(--text-body);font-weight:var(--weight-semibold);margin:var(--space-4)0 var(--space-2)}.markdown-content p{margin-bottom:var(--space-3);line-height:var(--leading-relaxed)}.markdown-content ul,.markdown-content ol{padding-left:var(--space-6);margin-bottom:var(--space-3)}.markdown-content ul{list-style:outside}.markdown-content ol{list-style:decimal}.markdown-content li{margin-bottom:var(--space-1)}.markdown-content code{background:var(--color-bg-tertiary);padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}.markdown-content pre{background:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow-x:auto}.markdown-content pre code{background:0 0;padding:0}.markdown-content blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-4)0;color:var(--color-text-secondary)}.markdown-content a{color:var(--color-primary);text-decoration:underline}.markdown-content img{border-radius:var(--radius-md);margin:var(--space-4)0}.markdown-content table{border-collapse:collapse;width:100%;margin:var(--space-4)0}.markdown-content th,.markdown-content td{padding:var(--space-2)var(--space-3);border:1px solid var(--color-border);text-align:left}.markdown-content th{background:var(--color-bg-secondary);font-weight:var(--weight-semibold)}.page-enter{animation:fadeIn var(--transition-base)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}
.Navbar-module__cRh5nW__navbar{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:background var(--transition-base);background:#ffffffd9;position:sticky;top:0}[data-theme=dark] .Navbar-module__cRh5nW__navbar{background:#0f1724d9}.Navbar-module__cRh5nW__inner{max-width:var(--max-width);padding:0 var(--content-padding);height:var(--navbar-height);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.Navbar-module__cRh5nW__brand{align-items:center;gap:var(--space-2);color:var(--color-text);flex-shrink:0;text-decoration:none;display:flex}.Navbar-module__cRh5nW__brandIcon{font-size:24px}.Navbar-module__cRh5nW__brandText{font-size:var(--text-subheading);font-weight:var(--weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.Navbar-module__cRh5nW__desktopNav{align-items:center;gap:var(--space-1);flex:1;justify-content:center;display:flex}.Navbar-module__cRh5nW__navLink{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-caption);font-weight:var(--weight-medium);transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.Navbar-module__cRh5nW__navLink:hover{color:var(--color-primary);background:var(--color-primary-light)}.Navbar-module__cRh5nW__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.Navbar-module__cRh5nW__themeToggle{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text);font-size:var(--text-small);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);padding:6px 12px;display:flex}.Navbar-module__cRh5nW__themeToggle:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.Navbar-module__cRh5nW__themeIcon{color:#f59e0b}.Navbar-module__cRh5nW__themeIconSun{color:#fbbf24}.Navbar-module__cRh5nW__themeLabel{font-weight:var(--weight-bold)}.Navbar-module__cRh5nW__langWrapper{position:relative}.Navbar-module__cRh5nW__langBtn{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);padding:6px 10px;display:flex}.Navbar-module__cRh5nW__langBtn:hover{border-color:var(--color-primary);color:var(--color-primary)}.Navbar-module__cRh5nW__langCurrent{font-size:var(--text-small);font-weight:var(--weight-medium)}.Navbar-module__cRh5nW__langDropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-1);min-width:140px;z-index:var(--z-dropdown);animation:Navbar-module__cRh5nW__slideDown var(--transition-fast);position:absolute;top:calc(100% + 8px);right:0}.Navbar-module__cRh5nW__langOption{width:100%;padding:var(--space-2)var(--space-3);text-align:left;border-radius:var(--radius-md);font-size:var(--text-caption);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:block}.Navbar-module__cRh5nW__langOption:hover{background:var(--color-surface-hover)}.Navbar-module__cRh5nW__langActive{color:var(--color-primary);font-weight:var(--weight-semibold);background:var(--color-primary-light)}.Navbar-module__cRh5nW__schemeSwitcher{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:5px;padding:5px 8px;display:flex}.Navbar-module__cRh5nW__schemeDot{cursor:pointer;width:14px;height:14px;transition:transform var(--transition-fast),border-color var(--transition-fast);border:2px solid #0000;border-radius:50%;flex-shrink:0}.Navbar-module__cRh5nW__schemeDot:hover{transform:scale(1.25)}.Navbar-module__cRh5nW__schemeDotActive{border-color:var(--color-text);transform:scale(1.15)}.Navbar-module__cRh5nW__tutorialBtn,.Navbar-module__cRh5nW__feedbackBtn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-info);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.Navbar-module__cRh5nW__tutorialBtn:hover,.Navbar-module__cRh5nW__feedbackBtn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.Navbar-module__cRh5nW__mobileToggle{padding:var(--space-1);color:var(--color-text);display:none}.Navbar-module__cRh5nW__mobileMenu{padding:var(--space-2)var(--content-padding)var(--space-4);border-top:1px solid var(--color-border);animation:Navbar-module__cRh5nW__slideDown var(--transition-fast);display:none}.Navbar-module__cRh5nW__mobileLink{padding:var(--space-3)var(--space-4);color:var(--color-text);font-size:var(--text-body);border-radius:var(--radius-md);transition:background var(--transition-fast);text-decoration:none;display:block}.Navbar-module__cRh5nW__mobileLink:hover{background:var(--color-surface-hover)}@media (max-width:1024px){.Navbar-module__cRh5nW__desktopNav{display:none}.Navbar-module__cRh5nW__mobileToggle{display:flex}.Navbar-module__cRh5nW__mobileMenu{flex-direction:column;display:flex}.Navbar-module__cRh5nW__tutorialBtn,.Navbar-module__cRh5nW__feedbackBtn{display:none}}@media (max-width:640px){.Navbar-module__cRh5nW__brandText{font-size:var(--text-caption)}.Navbar-module__cRh5nW__themeLabel{display:none}}
.Footer-module__3hUVsW__footer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);padding:var(--space-6)0;margin-top:auto}.Footer-module__3hUVsW__inner{max-width:var(--max-width);padding:0 var(--content-padding);font-size:var(--text-caption);color:var(--color-text-secondary);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.Footer-module__3hUVsW__left{align-items:center;gap:var(--space-2);display:flex}.Footer-module__3hUVsW__right{align-items:center;gap:var(--space-4);display:flex}.Footer-module__3hUVsW__version{font-weight:var(--weight-medium);color:var(--color-text-tertiary)}.Footer-module__3hUVsW__divider{color:var(--color-border)}.Footer-module__3hUVsW__brandLink{color:var(--color-primary);font-weight:var(--weight-medium);text-decoration:none}.Footer-module__3hUVsW__brandLink:hover{text-decoration:underline}.Footer-module__3hUVsW__link{color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.Footer-module__3hUVsW__link:hover{color:var(--color-primary)}.Footer-module__3hUVsW__madeWith{align-items:center;gap:4px;display:flex}.Footer-module__3hUVsW__heart{color:#ef4444;fill:#ef4444}@media (max-width:640px){.Footer-module__3hUVsW__inner{gap:var(--space-2);text-align:center;flex-direction:column}}
.FeedbackModal-module__wOhEfW__closeBtn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.FeedbackModal-module__wOhEfW__closeBtn:hover{background:var(--color-surface-hover);color:var(--color-text)}.FeedbackModal-module__wOhEfW__form{gap:var(--space-4);flex-direction:column;display:flex}.FeedbackModal-module__wOhEfW__field{gap:var(--space-1);flex-direction:column;display:flex}.FeedbackModal-module__wOhEfW__label{font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.FeedbackModal-module__wOhEfW__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);display:flex}.FeedbackModal-module__wOhEfW__success{align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.FeedbackModal-module__wOhEfW__successIcon{font-size:48px}