:root{--brand-900: #14205c;--brand-800: #1e2a78;--brand-700: #2b3a9e;--brand-600: #3b4dc4;--brand-500: #4f46e5;--brand-100: #e8eafc;--brand-050: #f4f5fe;--ink: #1c2333;--ink-soft: #4a5568;--ink-faint: #7a8699;--line: #e2e6ef;--bg: #f6f7fb;--card: #ffffff;--ok-bg: #e7f6ec;--ok-ink: #1a7a3c;--ok-line: #b7e2c4;--warn-bg: #fff2e2;--warn-ink: #b25e00;--warn-line: #f2d3ac;--err-bg: #fdeaea;--err-ink: #b3261e;--err-line: #f2c1bd;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(20, 32, 92, .06), 0 8px 24px rgba(20, 32, 92, .06);--maxw: 760px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}img{max-width:100%}a{color:var(--brand-600)}.page{max-width:var(--maxw);margin:0 auto;padding:20px 16px 140px}.topbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;overflow:hidden}.topbar .logo{height:24px;width:auto;max-width:58vw;object-fit:contain;object-position:left center;flex:0 0 auto}.topbar .title{font-size:13px;font-weight:600;color:var(--ink-soft);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .title:before{content:"｜";color:var(--line);margin-right:6px}@media (max-width: 420px){.topbar .title{display:none}.topbar .logo{max-width:72vw}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.card h2{margin:0 0 4px;font-size:18px}.card h3{margin:18px 0 6px;font-size:15px;color:var(--brand-800)}.hero{background:linear-gradient(140deg,var(--brand-800),var(--brand-500));color:#fff;border-radius:var(--radius);padding:24px 20px;margin-bottom:16px;overflow:hidden}.hero h1{font-size:22px;font-weight:800;margin:0 0 4px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.hero .hero-sub{font-size:15px;font-weight:700;color:#eef0ff;margin-bottom:12px}@media (min-width: 560px){.hero{padding:28px 26px}.hero h1{font-size:26px}.hero .hero-sub{font-size:16.5px}}.hero p{margin:6px 0;color:#e7e9ff;font-size:14.5px}.intro-block{font-size:14.5px}.intro-block h3{color:var(--brand-800);margin-top:16px}.intro-block ul{padding-left:20px;margin:8px 0}.intro-block .contact{background:var(--brand-050);border:1px solid var(--brand-100);border-radius:var(--radius-sm);padding:10px 14px;margin-top:12px;font-size:14px}.stepper{display:flex;gap:8px;margin-bottom:16px}.stepper .step{flex:1;font-size:12px;text-align:center;color:var(--ink-faint);padding-top:10px;border-top:3px solid var(--line)}.stepper .step.active{color:var(--brand-700);border-top-color:var(--brand-500);font-weight:700}.stepper .step.done{color:var(--ok-ink);border-top-color:var(--ok-line)}.field{margin-bottom:16px}.field>label,.field-label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}.field .req{color:var(--err-ink);margin-left:3px}.field .hint{font-size:12.5px;color:var(--ink-faint);margin:4px 0 0}.field .err{font-size:12.5px;color:var(--err-ink);margin:5px 0 0}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],input[type=password],select,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 12px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:var(--err-line);background:var(--err-bg)}textarea{min-height:84px;resize:vertical}.checks{display:flex;flex-wrap:wrap;gap:8px}.check{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff}.check input{width:16px;height:16px;accent-color:var(--brand-500)}.check.on{border-color:var(--brand-500);background:var(--brand-050);color:var(--brand-800);font-weight:600}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;-webkit-overflow-scrolling:touch}.filters button{flex:0 0 auto;font:inherit;font-size:13px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap}.filters button.on{background:var(--brand-800);border-color:var(--brand-800);color:#fff}.month-group{margin-bottom:18px}.month-group>.m-head{font-size:14px;font-weight:700;color:var(--brand-800);padding:6px 2px;border-bottom:2px solid var(--brand-100);margin-bottom:10px;position:sticky;top:56px;background:var(--bg);z-index:5}.event{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:8px;background:#fff;cursor:pointer}.event.on{border-color:var(--brand-500);background:var(--brand-050)}.event.disabled{opacity:.55;cursor:not-allowed}.event input{margin-top:3px;width:18px;height:18px;accent-color:var(--brand-500);flex:0 0 auto}.event .e-body{flex:1;min-width:0}.event .e-title{font-weight:600;font-size:14.5px}.event .e-meta{font-size:12.5px;color:var(--ink-soft);margin-top:3px;display:flex;flex-wrap:wrap;gap:4px 10px}.event .e-note{font-size:12px;color:var(--warn-ink);margin-top:4px}.pill{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--brand-100);color:var(--brand-800)}.pill.hours{background:var(--brand-800);color:#fff}.pill.charity{background:#efe7fb;color:#6b3fb0}.summary-bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px #14205c14;z-index:30}.summary-bar .inner{max-width:var(--maxw);margin:0 auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}@media (min-width: 560px){.summary-grid{grid-template-columns:repeat(4,1fr)}}.summary-grid .cell{text-align:center;background:var(--brand-050);border-radius:var(--radius-sm);padding:6px 4px}.summary-grid .cell .n{font-size:17px;font-weight:800;color:var(--brand-800)}.summary-grid .cell .l{font-size:11px;color:var(--ink-faint)}.status-line{font-size:13px;font-weight:600;border-radius:var(--radius-sm);padding:8px 12px;margin-bottom:8px}.status-line.warn{background:var(--warn-bg);color:var(--warn-ink);border:1px solid var(--warn-line)}.status-line.ok{background:var(--ok-bg);color:var(--ok-ink);border:1px solid var(--ok-line)}.actions{display:flex;gap:8px}button.btn{font:inherit;font-weight:700;border-radius:var(--radius-sm);padding:12px 16px;cursor:pointer;border:1px solid transparent;transition:filter .15s,background .15s}button.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand-600);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}.btn.ghost{background:#fff;border-color:var(--line);color:var(--brand-800)}.btn.full{width:100%}.btn.sm{padding:7px 12px;font-size:13px}.btn.danger{background:var(--err-bg);color:var(--err-ink);border-color:var(--err-line)}.alert{border-radius:var(--radius-sm);padding:12px 14px;font-size:13.5px;margin-bottom:14px;border:1px solid}.alert.warn{background:var(--warn-bg);color:var(--warn-ink);border-color:var(--warn-line)}.alert.err{background:var(--err-bg);color:var(--err-ink);border-color:var(--err-line)}.alert.ok{background:var(--ok-bg);color:var(--ok-ink);border-color:var(--ok-line)}.alert.info{background:var(--brand-050);color:var(--brand-800);border-color:var(--brand-100)}.success-check{width:56px;height:56px;border-radius:50%;background:var(--ok-bg);color:var(--ok-ink);display:grid;place-items:center;font-size:28px;margin:0 auto 12px}.success h2{text-align:center}.recap{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;margin-top:12px}.recap li{font-size:13.5px;margin:4px 0}.admin-shell{max-width:1100px;margin:0 auto;padding:16px}.admin-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.admin-nav a{text-decoration:none;font-size:14px;font-weight:600;color:var(--ink-soft);padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff}.admin-nav a.active{background:var(--brand-800);color:#fff;border-color:var(--brand-800)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;align-items:center}.toolbar input,.toolbar select{width:auto;min-width:140px}table.grid{width:100%;border-collapse:collapse;font-size:13px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}table.grid th,table.grid td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}table.grid th{background:var(--brand-050);font-size:12px;color:var(--ink-soft);white-space:nowrap}table.grid tr:last-child td{border-bottom:none}.table-wrap{overflow-x:auto}.tag{display:inline-block;font-size:11px;padding:2px 7px;border-radius:999px;background:var(--brand-100);color:var(--brand-800);margin:1px 2px 1px 0}.tag.ok{background:var(--ok-bg);color:var(--ok-ink)}.tag.warn{background:var(--warn-bg);color:var(--warn-ink)}.tag.muted{background:#eef1f6;color:var(--ink-faint)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f142d73;display:grid;place-items:center;padding:16px;z-index:50}.modal{background:#fff;border-radius:var(--radius);padding:20px;width:100%;max-width:620px;max-height:88vh;overflow-y:auto}.modal h3{margin-top:0}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.muted{color:var(--ink-faint);font-size:12.5px}.center{text-align:center}.spacer{height:8px}.login-wrap{max-width:360px;margin:8vh auto 0;padding:16px}@media (max-width: 560px){.row2{grid-template-columns:1fr}}