:root{color-scheme:light;--color-text: #1a1a1a;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f4f4f6;--color-accent: #0b3d91;--color-accent-hover: #0a3277;--color-accent-contrast: #ffffff;--color-border: #d9d9d9;--color-muted: #595959;--color-error-bg: #fde8e8;--color-error-text: #8a1f1f;--header-bg: #ffffff;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);font-family:-apple-system,Segoe UI,PingFang TC,Noto Sans TC,sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-text: #f0f0f0;--color-bg: #121214;--color-surface: #1c1c1f;--color-surface-alt: #232327;--color-accent: #5b8def;--color-accent-hover: #7aa2f2;--color-accent-contrast: #0b1020;--color-border: #3a3a40;--color-muted: #a7a7ae;--color-error-bg: #3a1d1d;--color-error-text: #ff9b9b;--header-bg: #18181b;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4)}}:root[data-theme=dark]{color-scheme:dark;--color-text: #f0f0f0;--color-bg: #121214;--color-surface: #1c1c1f;--color-surface-alt: #232327;--color-accent: #5b8def;--color-accent-hover: #7aa2f2;--color-accent-contrast: #0b1020;--color-border: #3a3a40;--color-muted: #a7a7ae;--color-error-bg: #3a1d1d;--color-error-text: #ff9b9b;--header-bg: #18181b;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4)}:root[data-theme=light]{color-scheme:light;--color-text: #1a1a1a;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f4f4f6;--color-accent: #0b3d91;--color-accent-hover: #0a3277;--color-accent-contrast: #ffffff;--color-border: #d9d9d9;--color-muted: #595959;--color-error-bg: #fde8e8;--color-error-text: #8a1f1f;--header-bg: #ffffff;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{margin:0;color:var(--color-text);background:var(--color-bg);line-height:1.6;transition:background-color .15s ease,color .15s ease}a{color:var(--color-accent)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-accent);color:var(--color-accent-contrast);padding:.5rem 1rem;z-index:100}.skip-link:focus{left:0}header.site-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--header-bg)}.brand-link{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--color-text);min-height:44px}.brand-logo{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--color-accent);color:var(--color-accent-contrast);font-weight:700;font-size:.85rem;flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:1rem}.brand-tagline{font-size:.75rem;color:var(--color-muted)}nav.main-nav{justify-self:center}nav.main-nav ul{list-style:none;display:flex;gap:1.5rem;padding:0;margin:0;flex-wrap:wrap}nav.main-nav a{text-decoration:none;color:var(--color-text);padding:.25rem .1rem;font-weight:500}nav.main-nav a:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.site-header__controls{justify-self:end;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.theme-toggle,.lang-switcher{display:inline-flex;align-items:center;gap:.3rem;min-width:44px;min-height:44px;padding:0 .6rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);text-decoration:none;font-size:.9rem;cursor:pointer}.auth-controls .button{margin:0}main{max-width:960px;margin:0 auto;padding:1.5rem}@media (max-width: 760px){header.site-header{grid-template-columns:1fr auto;row-gap:.75rem}nav.main-nav{grid-column:1 / -1;justify-self:start}}.hero{padding:2.5rem 0}.hero h1{font-size:2rem;margin-bottom:.25rem}.hero .tagline{font-size:1.25rem;font-weight:600;margin:.5rem 0}.hero .description{color:var(--color-muted);max-width:60ch}.hero .cta-group{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.button{display:inline-block;padding:.65rem 1.25rem;border-radius:6px;border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast);text-decoration:none;font-weight:600;min-height:44px;min-width:44px;cursor:pointer}.button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.button.secondary{background:transparent;color:var(--color-accent)}.button.secondary:hover{background:var(--color-surface-alt)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;list-style:none;padding:0}.resource-card{border:1px solid var(--color-border);border-radius:8px;padding:1rem;background:var(--color-surface)}.status-badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;border:1px solid var(--color-border);font-size:.85rem}.state-message{padding:1rem;border-radius:6px;background:var(--color-surface-alt)}.state-message.error{background:var(--color-error-bg);color:var(--color-error-text)}.auth-card{max-width:420px;margin:2rem auto;padding:2rem 1.75rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow-card)}.auth-card h1{font-size:1.5rem;margin-top:0;text-align:center}.auth-card form>div{margin-bottom:1rem}.auth-card label{display:block;font-weight:600;margin-bottom:.25rem}.auth-card input[type=email],.auth-card input[type=password],.auth-card input[type=text]{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:6px;min-height:44px;background:var(--color-bg);color:var(--color-text)}.auth-card button[type=submit]{width:100%;padding:.7rem 1rem;border-radius:6px;border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:600;min-height:44px;cursor:pointer;margin-top:.5rem}.auth-card button[type=submit]:hover:not(:disabled){background:var(--color-accent-hover)}.auth-card button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.auth-card__footer{text-align:center;margin-top:1.25rem;color:var(--color-muted)}.field-hint{color:var(--color-muted);font-size:.85rem;margin-top:-.6rem}.auth-google-button{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.7rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-weight:600;text-decoration:none;min-height:44px}.auth-google-button:hover{background:var(--color-surface-alt)}.auth-google-button__icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;text-align:center;color:var(--color-muted);margin:1.25rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.auth-divider span{padding:0 .75rem}.password-field__row{display:flex;gap:.5rem;align-items:stretch}.password-field__row input{flex:1}.password-field__toggle{min-width:44px;min-height:44px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:1.1rem}.turnstile-widget{margin:1rem 0;display:flex;justify-content:center}