:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--accent:#2f5d8a;--accent-on-accent:#fff;--accent-gold:#9c8856;--accent-red:#b84b35;--accent-dark:#1a2129;--accent-soft:#e6eef6;--filled-action-bg:#1a2129;--filled-action-fg:#fff;--color-accent:var(--accent);--color-gold:var(--accent-gold);--color-background:#faf7f0;--color-background-soft:#f4efe3;--color-background-mute:#ece3d0;--color-surface:#fff;--color-border:#e8e1d3;--color-border-hover:#a9c1d9;--color-heading:#1a2129;--color-text:#3d4a5a;--color-text-muted:#75869b;--shadow-sm:0 2px 8px #3c28140f;--shadow-soft:var(--shadow-sm);--shadow-card:0 10px 30px -18px #3c281459;--shadow-card-hover:0 18px 36px -20px #3c281466;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--font-body:"Noto Sans TC", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Noto Serif TC", "Noto Sans TC", serif;--section-gap:120px;--bp-sm:480px;--bp-md:768px;--bp-lg:992px}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100dvh;color:var(--color-text);background:var(--color-background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow-wrap:break-word;line-height:1.6;font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;overflow-x:clip}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{box-sizing:border-box;width:100%;min-width:0;min-height:100dvh;overflow-x:clip}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-width:0;max-width:100%}a{color:var(--accent);text-decoration:none;transition:opacity .2s}@media (hover:hover){a:hover{opacity:.85}}.app-shell[data-v-e70f1d0a]{background:0 0;flex-direction:column;min-height:100vh;display:flex}.app-shell.admin-shell[data-v-e70f1d0a]{background:#f1f5f9}.top-bar[data-v-e70f1d0a]{z-index:30;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);background:#faf7f0e6;position:sticky;top:0}.top-bar-inner[data-v-e70f1d0a]{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:64px;margin:0 auto;display:flex}.brand[data-v-e70f1d0a],.footer-brand[data-v-e70f1d0a]{color:var(--color-heading);font-family:var(--font-display);letter-spacing:.08em;flex-shrink:0;align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-logo[data-v-e70f1d0a],.brand-mark[data-v-e70f1d0a]{background:var(--accent);color:#fff;width:32px;height:32px;font-family:var(--font-display);border-radius:6px;place-items:center;font-size:.9rem;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #ffffff40}.brand-logo[data-v-e70f1d0a]{object-fit:cover}.brand-mark.small[data-v-e70f1d0a]{width:28px;height:28px;font-size:.85rem}.brand-text[data-v-e70f1d0a]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav[data-v-e70f1d0a]{justify-content:flex-end;align-items:center;gap:26px;display:flex}.nav a[data-v-e70f1d0a]{min-height:42px;color:var(--color-text);align-items:center;font-size:.9rem;font-weight:500;transition:color .2s;display:inline-flex}.nav a[data-v-e70f1d0a]:hover,.nav a.router-link-active[data-v-e70f1d0a]{color:var(--accent)}.nav a.nav-cta[data-v-e70f1d0a]{background:var(--accent-dark);color:#fff;border-radius:999px;min-height:34px;padding:0 16px;font-size:.8rem;font-weight:600}.nav a.nav-cta[data-v-e70f1d0a]:hover{color:#fff;background:#2a3441}.nav-greeting[data-v-e70f1d0a]{min-height:42px;color:var(--color-text-muted);align-items:center;font-size:.85rem;font-weight:500;display:inline-flex}.nav-logout[data-v-e70f1d0a]{border:1px solid var(--color-border);min-height:34px;color:var(--color-text);font:inherit;cursor:pointer;background:#fff;border-radius:999px;align-items:center;padding:0 14px;font-size:.8rem;font-weight:600;transition:color .2s,border-color .2s;display:inline-flex}.nav-logout[data-v-e70f1d0a]:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--color-border))}.menu-toggle[data-v-e70f1d0a]{border:1px solid var(--color-border);border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-heading);box-shadow:var(--shadow-sm);cursor:pointer;background:#fffdf7c2;flex:none;place-items:center;gap:4px;display:none}.menu-toggle span[data-v-e70f1d0a]{background:currentColor;border-radius:999px;width:18px;height:2px;transition:transform .18s,opacity .18s;display:block}.menu-toggle.open span[data-v-e70f1d0a]:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle.open span[data-v-e70f1d0a]:nth-child(2){opacity:0}.menu-toggle.open span[data-v-e70f1d0a]:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.main[data-v-e70f1d0a]{flex:1;width:min(1080px,100% - 32px);min-width:0;margin:0 auto;padding:clamp(20px,3vw,34px) 0 52px}.main.admin-main[data-v-e70f1d0a]{width:100%;max-width:none;padding:0}.site-footer[data-v-e70f1d0a]{border-top:1px solid var(--color-border);color:var(--color-text);background:#f3ede0}.footer-inner[data-v-e70f1d0a]{width:min(1180px,100% - 40px);padding:28px 0 calc(28px + env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px 28px;margin:0 auto;display:grid}.footer-brand[data-v-e70f1d0a]{color:var(--color-heading);flex-wrap:wrap;font-size:.95rem}.footer-info[data-v-e70f1d0a]{color:var(--color-text);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.8rem;display:flex}.footer-link[data-v-e70f1d0a]{color:var(--color-text);font-weight:500}.footer-ig[data-v-e70f1d0a]{align-items:center;gap:5px;display:inline-flex}.footer-copy[data-v-e70f1d0a]{color:var(--color-text-muted);white-space:nowrap;font-size:.75rem}.bottom-nav[data-v-e70f1d0a]{display:none}@media (width<=767px){.app-shell[data-v-e70f1d0a]:not(.admin-shell){padding-bottom:calc(64px + env(safe-area-inset-bottom))}.bottom-nav[data-v-e70f1d0a]{z-index:40;padding:6px 0 calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);background:#fffffff2;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav-item[data-v-e70f1d0a]{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:11px;display:flex}.bottom-nav-item.active[data-v-e70f1d0a]{color:var(--accent);font-weight:600}}@media (width<=980px){.top-bar-inner[data-v-e70f1d0a],.footer-inner[data-v-e70f1d0a]{width:min(100% - 28px,1180px)}.menu-toggle[data-v-e70f1d0a]{display:grid}.nav[data-v-e70f1d0a]{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);opacity:0;pointer-events:none;background:#fffdf7f5;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:calc(100% + 10px);left:14px;right:14px;transform:translateY(-6px)}.nav.open[data-v-e70f1d0a]{opacity:1;pointer-events:auto;transform:translateY(0)}.nav a[data-v-e70f1d0a],.nav a.nav-cta[data-v-e70f1d0a],.nav-logout[data-v-e70f1d0a]{justify-content:center;padding:0 12px}.nav-logout[data-v-e70f1d0a]{width:100%}.footer-inner[data-v-e70f1d0a]{grid-template-columns:1fr}}@media (width<=520px){.brand-text[data-v-e70f1d0a]{max-width:8em}.nav[data-v-e70f1d0a]{grid-template-columns:1fr}}