@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";.navbar[data-v-2a26156b]{background:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color-light);z-index:100;justify-content:space-between;align-items:center;padding:10px 24px;display:flex;position:fixed;top:0;left:0;right:0}.logo[data-v-2a26156b]{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-img[data-v-2a26156b]{width:auto;height:48px}.logo-text[data-v-2a26156b]{color:var(--navbar-logo-color);font-size:28px;font-weight:800}.nav-link[data-v-2a26156b]{color:var(--navbar-text);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.nav-link[data-v-2a26156b]:hover{color:var(--navbar-text-active);background:var(--color-primary-alpha-8);text-decoration:none}.nav-link.active[data-v-2a26156b],.nav-link.router-link-active[data-v-2a26156b],.nav-link.router-link-exact-active[data-v-2a26156b]{color:var(--navbar-text-active);background:var(--color-primary-alpha-12);border:2px solid var(--color-primary);box-shadow:0 0 8px var(--color-primary-alpha-40), inset 0 0 6px var(--color-primary-alpha-10);animation:2s ease-in-out infinite rpg-pulse-2a26156b}.nav-link.active[data-v-2a26156b]:before,.nav-link.router-link-active[data-v-2a26156b]:before,.nav-link.router-link-exact-active[data-v-2a26156b]:before{content:"▶";color:var(--color-primary);font-size:10px;animation:.8s ease-in-out infinite rpg-bounce-2a26156b;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}@keyframes rpg-pulse-2a26156b{0%,to{box-shadow:0 0 8px var(--color-primary-alpha-40), inset 0 0 6px var(--color-primary-alpha-10)}50%{box-shadow:0 0 14px var(--color-primary-alpha-40), inset 0 0 8px var(--color-primary-alpha-12)}}@keyframes rpg-bounce-2a26156b{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(3px)}}.nav-divider[data-v-2a26156b]{background:var(--navbar-divider);width:1px;height:20px;margin:0 4px}.nav-right[data-v-2a26156b]{align-items:center;gap:20px;display:flex}.badge[data-v-2a26156b]{letter-spacing:.5px;border-radius:6px;padding:6px 16px;font-size:16px;font-weight:800;box-shadow:0 2px 8px #0000001a}.badge-free[data-v-2a26156b]{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b)}.badge-monthly[data-v-2a26156b]{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.badge-yearly_6plus[data-v-2a26156b],.badge-yearly_15plus[data-v-2a26156b]{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.badge-vip_15plus[data-v-2a26156b]{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.age-tag[data-v-2a26156b]{background:#fff;border:2.5px solid;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:inline-flex}.age-tag-6[data-v-2a26156b]{color:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb26}.age-tag-15[data-v-2a26156b]{color:#dc2626;border-color:#dc2626;box-shadow:0 2px 8px #dc262626}.user-menu-wrapper[data-v-2a26156b]{position:relative}.user-menu-trigger[data-v-2a26156b]{border:1px solid var(--color-primary-alpha-30,#22c55e4d);color:var(--navbar-text);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.user-menu-trigger[data-v-2a26156b]:hover{background:var(--color-primary-alpha-8,#22c55e14)}.user-menu-dropdown[data-v-2a26156b]{z-index:1001;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:160px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.user-menu-item[data-v-2a26156b]{color:#1e293b;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.user-menu-item[data-v-2a26156b]:hover{background:#f0fdf4}.user-menu-divider[data-v-2a26156b]{background:#e5e7eb;height:1px;margin:4px 0}.user-menu-section[data-v-2a26156b]{padding:8px 16px}.user-menu-label[data-v-2a26156b]{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600}.user-menu-toggle[data-v-2a26156b]{gap:4px;display:flex}.user-menu-toggle button[data-v-2a26156b]{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;flex:1;padding:5px 8px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.user-menu-toggle button.active[data-v-2a26156b]{background:var(--color-primary,#22c55e);color:#fff;border-color:var(--color-primary,#22c55e)}.user-menu-themes[data-v-2a26156b]{flex-direction:column;gap:2px;display:flex}.theme-btn[data-v-2a26156b]{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:5px 8px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.theme-btn[data-v-2a26156b]:hover{background:#f0fdf4}.theme-btn.active[data-v-2a26156b]{background:#f8fafc;border-color:#e5e7eb;font-weight:600}.theme-dot-sm[data-v-2a26156b]{border-radius:50%;flex-shrink:0;width:12px;height:12px}.btn-nav[data-v-2a26156b]{color:var(--navbar-text);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:6px 14px;font-family:inherit;font-size:18px;text-decoration:none;transition:all .2s}.btn-nav[data-v-2a26156b]:hover{color:var(--navbar-text-active)}.btn-nav.primary[data-v-2a26156b]{background:var(--gradient-primary);color:#fff;font-weight:600}.btn-nav.primary[data-v-2a26156b]:hover{background:var(--gradient-primary-hover)}.notif-wrapper[data-v-2a26156b]{position:relative}.notif-bell[data-v-2a26156b]{cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;position:relative}.notif-dot[data-v-2a26156b]{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-6px}.notif-panel[data-v-2a26156b]{background:var(--bg-surface);border:1px solid var(--border-color);z-index:200;border-radius:8px;flex-direction:column;width:320px;max-height:400px;display:flex;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 8px 32px #00000026}.notif-header[data-v-2a26156b]{border-bottom:1px solid var(--border-color);color:var(--color-text-heading);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.notif-read-all[data-v-2a26156b]{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px}.notif-list[data-v-2a26156b]{flex:1;overflow-y:auto}.notif-empty[data-v-2a26156b]{text-align:center;color:var(--color-text-muted);padding:32px;font-size:13px}.notif-item[data-v-2a26156b]{border-bottom:1px solid var(--border-color-light);gap:10px;padding:12px 16px;transition:background .15s;display:flex}.notif-item.unread[data-v-2a26156b]{background:var(--color-primary-alpha-8)}.notif-icon[data-v-2a26156b]{flex-shrink:0;margin-top:2px;font-size:20px}.notif-body[data-v-2a26156b]{flex:1;min-width:0}.notif-title[data-v-2a26156b]{color:var(--color-text-heading);font-size:13px;font-weight:600}.notif-msg[data-v-2a26156b]{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-time[data-v-2a26156b]{color:var(--color-text-placeholder);margin-top:4px;font-size:11px}@media (width<=600px){.logo-text[data-v-2a26156b]{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:14px;overflow:hidden}.logo[data-v-2a26156b]{flex-shrink:0;min-width:0}.nav-link[data-v-2a26156b]{display:none}.nav-right[data-v-2a26156b]{flex-shrink:1;gap:8px;min-width:0}.badge[data-v-2a26156b],.age-tag[data-v-2a26156b]{display:none}.notif-panel[data-v-2a26156b]{width:auto;max-height:70vh;position:fixed;top:56px;left:8px;right:8px}.user-menu-dropdown[data-v-2a26156b]{width:180px;position:fixed;top:56px;left:auto;right:8px}}html[data-theme=forest-green]{--bg-page:#f0faf4;--bg-surface:#fff;--bg-surface-alt:#e8f5ed;--color-primary:#22c55e;--color-primary-dark:#16a34a;--color-primary-darker:#15803d;--color-primary-darkest:#166534;--color-primary-light:#4ade80;--color-primary-alpha-8:#22c55e14;--color-primary-alpha-10:#22c55e1a;--color-primary-alpha-12:#22c55e1f;--color-primary-alpha-30:#22c55e4d;--color-primary-alpha-40:#22c55e66;--color-accent:#f59e0b;--color-accent-dark:#b45309;--color-accent-alpha-20:#f59e0b33;--color-text:#334155;--color-text-heading:#1e293b;--color-text-muted:#64748b;--color-text-placeholder:#94a3b8;--border-color:#c8e6d0;--border-color-light:#c8e6d099;--navbar-bg:#e8f5edd9;--navbar-text:#2d5a3d;--navbar-text-active:#15803d;--navbar-logo-color:#15803d;--navbar-divider:#c8e6d0;--footer-bg:#e8f5ed;--footer-border:#c8e6d0;--card-bg:#fff;--card-border:#c8e6d0;--card-shadow-hover:0 8px 24px #22c55e1f;--card-cover-bg:#e8f5ed;--input-bg:#fff;--input-border:#c8e6d0;--hero-bg:linear-gradient(135deg, #0f1a12, #0a2415);--hero-overlay:linear-gradient(to bottom, #0a1e1233 0%, #0a1e1280 50%, #0a1e12d9 100%);--hero-sub-tagline-color:#4ade80;--hero-trial-color:#fbbf24;--gradient-primary:linear-gradient(135deg, #22c55e, #16a34a);--gradient-primary-hover:linear-gradient(135deg, #15803d, #166534);--gradient-primary-alt:linear-gradient(135deg, #4ade80, #22c55e);--login-bg:linear-gradient(135deg, #e8f5ed, #d1e7d9);--login-card-shadow:0 20px 60px #00000014;--badge-free-bg:#e8f5ed;--badge-free-color:#64748b;--badge-premium-bg:#22c55e1a;--badge-premium-color:#22c55e;--badge-lang-bg:#22c55e1a;--badge-lang-color:#16a34a;--highlight-color:#16a34a;--dot-active-color:#4ade80}html[data-theme=steam-dark]{--bg-page:#1b2838;--bg-surface:#1e2d40;--bg-surface-alt:#2a475e;--color-primary:#66c0f4;--color-primary-dark:#4ea8db;--color-primary-darker:#3b8bbf;--color-primary-darkest:#2a6f9e;--color-primary-light:#88d0f7;--color-primary-alpha-8:#66c0f414;--color-primary-alpha-10:#66c0f41a;--color-primary-alpha-12:#66c0f41f;--color-primary-alpha-30:#66c0f44d;--color-primary-alpha-40:#66c0f466;--color-accent:#beee11;--color-accent-dark:#9fcc00;--color-accent-alpha-20:#beee1133;--color-text:#c7d5e0;--color-text-heading:#e5e5e5;--color-text-muted:#8f98a0;--color-text-placeholder:#5a6873;--border-color:#2a475e;--border-color-light:#2a475e99;--navbar-bg:#17202af2;--navbar-text:#b8b6b4;--navbar-text-active:#66c0f4;--navbar-logo-color:#66c0f4;--navbar-divider:#2a475e;--footer-bg:#171a21;--footer-border:#2a475e;--card-bg:#1e2d40;--card-border:#3a5a7a;--card-shadow-hover:0 8px 24px #66c0f426;--card-cover-bg:#2a475e;--input-bg:#1e2d40;--input-border:#2a475e;--hero-bg:linear-gradient(135deg, #0e1620, #1b2838);--hero-overlay:linear-gradient(to bottom, #0e16201a 0%, #0e162066 50%, #0e1620d9 100%);--hero-sub-tagline-color:#66c0f4;--hero-trial-color:#beee11;--gradient-primary:linear-gradient(135deg, #66c0f4, #4ea8db);--gradient-primary-hover:linear-gradient(135deg, #3b8bbf, #2a6f9e);--gradient-primary-alt:linear-gradient(135deg, #88d0f7, #66c0f4);--login-bg:linear-gradient(135deg, #1b2838, #2a475e);--login-card-shadow:0 20px 60px #00000080;--badge-free-bg:#2a475e;--badge-free-color:#8f98a0;--badge-premium-bg:#66c0f41f;--badge-premium-color:#66c0f4;--badge-lang-bg:#66c0f41a;--badge-lang-color:#66c0f4;--highlight-color:#66c0f4;--dot-active-color:#66c0f4}html[data-theme=sakura]{--bg-page:#fff5f7;--bg-surface:#fff;--bg-surface-alt:#ffe4e9;--color-primary:#f472b6;--color-primary-dark:#ec4899;--color-primary-darker:#db2777;--color-primary-darkest:#be185d;--color-primary-light:#f9a8d4;--color-primary-alpha-8:#f472b614;--color-primary-alpha-10:#f472b61a;--color-primary-alpha-12:#f472b61f;--color-primary-alpha-30:#f472b64d;--color-primary-alpha-40:#f472b666;--color-accent:#f59e0b;--color-accent-dark:#d97706;--color-accent-alpha-20:#f59e0b33;--color-text:#4a3540;--color-text-heading:#2d1f28;--color-text-muted:#8b7080;--color-text-placeholder:#c4a8b4;--border-color:#f5c6d0;--border-color-light:#f5c6d099;--navbar-bg:#ffe4e9d9;--navbar-text:#8b4065;--navbar-text-active:#db2777;--navbar-logo-color:#db2777;--navbar-divider:#f5c6d0;--footer-bg:#ffe4e9;--footer-border:#f5c6d0;--card-bg:#fff;--card-border:#f5c6d0;--card-shadow-hover:0 8px 24px #f472b626;--card-cover-bg:#ffe4e9;--input-bg:#fff;--input-border:#f5c6d0;--hero-bg:linear-gradient(135deg, #3d1025, #5a1a3a);--hero-overlay:linear-gradient(to bottom, #3d102533 0%, #3d102580 50%, #3d1025d9 100%);--hero-sub-tagline-color:#f9a8d4;--hero-trial-color:#fbbf24;--gradient-primary:linear-gradient(135deg, #f472b6, #ec4899);--gradient-primary-hover:linear-gradient(135deg, #db2777, #be185d);--gradient-primary-alt:linear-gradient(135deg, #f9a8d4, #f472b6);--login-bg:linear-gradient(135deg, #ffe4e9, #fecdd3);--login-card-shadow:0 20px 60px #00000014;--badge-free-bg:#ffe4e9;--badge-free-color:#8b7080;--badge-premium-bg:#f472b61f;--badge-premium-color:#f472b6;--badge-lang-bg:#f472b61a;--badge-lang-color:#ec4899;--highlight-color:#ec4899;--dot-active-color:#f472b6}.theme-switcher[data-v-d82973e1]{z-index:9999;position:fixed;bottom:80px;right:16px}@media (width<=768px){.theme-switcher[data-v-d82973e1]{bottom:20px;right:12px}}.theme-toggle-btn[data-v-d82973e1]{border:2px solid var(--border-color);background:var(--bg-surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;box-shadow:0 4px 16px #0000001f}.theme-toggle-btn[data-v-d82973e1]:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000002e}.theme-toggle-dot[data-v-d82973e1]{border-radius:50%;width:24px;height:24px;transition:background .3s}.theme-picker[data-v-d82973e1]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:4px;min-width:140px;padding:8px;display:flex;position:absolute;bottom:56px;right:0;box-shadow:0 8px 32px #00000026}.theme-option[data-v-d82973e1]{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-family:inherit;transition:background .15s;display:flex}.theme-option[data-v-d82973e1]:hover{background:var(--bg-surface-alt)}.theme-option.active[data-v-d82973e1]{background:var(--bg-surface-alt);font-weight:600}.theme-dot[data-v-d82973e1]{border-radius:50%;flex-shrink:0;width:16px;height:16px}.theme-name[data-v-d82973e1]{color:var(--color-text);white-space:nowrap;font-size:13px}.picker-section[data-v-d82973e1]{padding:4px 0}.picker-label[data-v-d82973e1]{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 12px 4px;font-size:10px;font-weight:600}.picker-divider[data-v-d82973e1]{background:var(--border-color);height:1px;margin:4px 0}.design-toggle[data-v-d82973e1]{gap:4px;padding:0 8px;display:flex}.design-toggle button[data-v-d82973e1]{border:1px solid var(--border-color);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:4px;flex:1;padding:6px 0;font-family:inherit;font-size:12px;transition:all .15s}.design-toggle button.active[data-v-d82973e1]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.theme-fade-enter-active[data-v-d82973e1],.theme-fade-leave-active[data-v-d82973e1]{transition:opacity .15s,transform .15s}.theme-fade-enter-from[data-v-d82973e1],.theme-fade-leave-to[data-v-d82973e1]{opacity:0;transform:translateY(8px)}:root{--bg-page:#f0faf4;--bg-surface:#fff;--bg-surface-alt:#e8f5ed;--color-primary:#22c55e;--color-primary-dark:#16a34a;--color-primary-darker:#15803d;--color-primary-darkest:#166534;--color-primary-light:#4ade80;--color-primary-alpha-8:#22c55e14;--color-primary-alpha-10:#22c55e1a;--color-primary-alpha-12:#22c55e1f;--color-primary-alpha-30:#22c55e4d;--color-primary-alpha-40:#22c55e66;--color-accent:#f59e0b;--color-accent-dark:#b45309;--color-accent-alpha-20:#f59e0b33;--color-text:#334155;--color-text-heading:#1e293b;--color-text-muted:#64748b;--color-text-placeholder:#94a3b8;--border-color:#c8e6d0;--border-color-light:#c8e6d099;--navbar-bg:#e8f5edd9;--navbar-text:#2d5a3d;--navbar-text-active:#15803d;--navbar-logo-color:#15803d;--navbar-divider:#c8e6d0;--footer-bg:#e8f5ed;--footer-border:#c8e6d0;--card-bg:#fff;--card-border:#c8e6d0;--card-shadow-hover:0 8px 24px #22c55e1f;--card-cover-bg:#e8f5ed;--input-bg:#fff;--input-border:#c8e6d0;--hero-bg:linear-gradient(135deg, #0f1a12, #0a2415);--hero-overlay:linear-gradient(to bottom, #0a1e1233 0%, #0a1e1280 50%, #0a1e12d9 100%);--hero-sub-tagline-color:#4ade80;--hero-trial-color:#fbbf24;--gradient-primary:linear-gradient(135deg, #22c55e, #16a34a);--gradient-primary-hover:linear-gradient(135deg, #15803d, #166534);--gradient-primary-alt:linear-gradient(135deg, #4ade80, #22c55e);--login-bg:linear-gradient(135deg, #e8f5ed, #d1e7d9);--login-card-shadow:0 20px 60px #00000014;--badge-free-bg:#e8f5ed;--badge-free-color:#64748b;--badge-premium-bg:#22c55e1a;--badge-premium-color:#22c55e;--badge-lang-bg:#22c55e1a;--badge-lang-color:#16a34a;--highlight-color:#16a34a;--dot-active-color:#4ade80}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-page);color:var(--color-text);min-height:100vh;font-family:Noto Sans TC,sans-serif}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}#app{flex-direction:column;min-height:100vh;display:flex}.btn-primary{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:3px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--gradient-primary-hover);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-color);color:var(--color-text);cursor:pointer;background:0 0;border-radius:3px;padding:10px 24px;font-family:inherit;font-size:14px;transition:all .2s}.btn-secondary:hover{background:var(--bg-surface-alt);border-color:var(--color-primary)}.btn-green{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:3px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn-green:hover{background:var(--gradient-primary-alt);transform:translateY(-1px)}input,select{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--color-text-heading);border-radius:3px;outline:none;margin-bottom:10px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border .2s}input:focus,select:focus{border-color:var(--color-primary)}input::placeholder{color:var(--color-text-placeholder)}.section-title{color:var(--color-text-heading);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:18px;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 24px}.badge{border-radius:3px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-free{background:var(--badge-free-bg);color:var(--badge-free-color)}.badge-premium{background:var(--badge-premium-bg);color:var(--badge-premium-color)}.badge-lang{background:var(--badge-lang-bg);color:var(--badge-lang-color)}.site-footer{background:var(--footer-bg);text-align:center;color:var(--color-text-muted);border-top:1px solid var(--footer-border);margin-top:auto;padding:32px 24px;font-size:12px}.site-footer a{color:var(--color-primary)}.error-msg{color:#e74c3c;margin-top:8px;font-size:13px}@media (width<=900px){.container{padding:0 16px}}