:root{--ivory: #FAF7F0;--card: #FFFFFF;--ink: #2E3D33;--ink-soft: #5C6B60;--pine: #3E5C4B;--pine-deep: #2C4438;--gold: #A8842C;--gold-soft: #E8DCC0;--blush: #C77B7B;--line: #DDD5C4;--ok-bg: #EDF3EA;--bad-bg: #FAEEEE;--radius: 14px;--shadow: 0 2px 10px rgba(46, 61, 51, .08)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:-apple-system,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;background:var(--ivory);color:var(--ink);line-height:1.65}#root{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;padding:16px 18px 40px}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}a{color:var(--pine)}.invite-frame{border:1px solid var(--gold);outline:1px solid var(--gold);outline-offset:3px;border-radius:4px;padding:26px 18px;text-align:center;background:var(--card);margin:6px 3px 20px}.invite-frame .names{font-family:Georgia,"Noto Serif TC",PingFang TC,serif;font-size:1.7rem;letter-spacing:.12em;color:var(--pine-deep);margin:6px 0}.invite-frame .event{font-size:.8rem;letter-spacing:.35em;color:var(--gold);text-transform:uppercase}.invite-frame .slogan{color:var(--ink-soft);font-size:.95rem;margin-top:8px}.invite-frame .date{font-size:.85rem;color:var(--ink-soft);letter-spacing:.2em;margin-top:12px}.banner{border-radius:var(--radius);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow)}.banner img{width:100%;height:160px;object-fit:cover;object-position:center 30%}.card{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:14px}.section-title{font-size:.8rem;letter-spacing:.3em;color:var(--gold);text-align:center;margin:4px 0 10px}.divider{display:flex;align-items:center;gap:10px;color:var(--gold);margin:18px 0 12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.divider span{font-size:.8rem;letter-spacing:.25em}.btn{display:block;width:100%;padding:15px;border-radius:var(--radius);border:none;font-size:1.05rem;font-weight:600;letter-spacing:.1em;min-height:52px}.btn-primary{background:var(--pine);color:#fff}.btn-primary:active{background:var(--pine-deep)}.btn-primary:disabled{background:#a9b5ad;cursor:default}.btn-ghost{background:transparent;color:var(--pine);border:1.5px solid var(--pine)}.btn-gold{background:var(--gold);color:#fff}label.field{display:block;margin-bottom:14px}label.field .lbl{font-size:.9rem;font-weight:600;margin-bottom:6px;display:block}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;padding:13px 14px;font-size:1.05rem;color:var(--ink);border:1.5px solid var(--line);border-radius:10px;background:#fff}input::placeholder,textarea::placeholder{color:#9aa39c}input:focus,textarea:focus,select:focus{outline:2px solid var(--pine);border-color:var(--pine)}.err-msg{background:var(--bad-bg);color:#8c3b3b;border:1px solid #E3C4C4;border-radius:10px;padding:10px 14px;margin:10px 0;font-size:.95rem}.info-msg{background:var(--ok-bg);color:var(--pine-deep);border:1px solid #C9D8C6;border-radius:10px;padding:10px 14px;margin:10px 0;font-size:.95rem}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.chip{padding:8px 14px;border-radius:99px;border:1.5px solid var(--line);background:#fff;color:var(--ink-soft);font-size:.9rem;min-height:38px}.chip.on{background:var(--pine);border-color:var(--pine);color:#fff;font-weight:600}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}.toolbar select{flex:1;padding:10px 12px;font-size:.95rem}.count-note{font-size:.85rem;color:var(--ink-soft);margin-bottom:10px}.progress-wrap{margin-bottom:14px}.progress-txt{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:6px}.progress-bar{height:8px;background:var(--gold-soft);border-radius:99px;overflow:hidden}.progress-bar>div{height:100%;background:var(--gold);border-radius:99px;transition:width .3s}.q-card{width:100%;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.q-card:active{border-color:var(--pine)}.q-card .q-title{font-weight:600;font-size:1rem}.q-card .q-sub{color:var(--gold);font-size:.9rem;letter-spacing:.15em;margin-top:2px}.tag{font-size:.78rem;padding:4px 10px;border-radius:99px;white-space:nowrap}.tag-done{background:var(--ok-bg);color:var(--pine-deep);border:1px solid #C9D8C6}.tag-todo{background:#fff6e3;color:#8a6a1c;border:1px solid #EAD9A8}.q-meta{display:flex;gap:10px;align-items:center;color:var(--ink-soft);font-size:.9rem;margin-bottom:10px;flex-wrap:wrap}.q-content{font-size:1.15rem;font-weight:600;line-height:1.7;margin-bottom:18px}.opt{width:100%;text-align:left;display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;font-size:1.02rem;min-height:54px;color:var(--ink)}.opt .letter{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:.9rem;color:var(--ink-soft)}.opt.selected{border-color:var(--pine);background:#f2f6f1}.opt.selected .letter{background:var(--pine);border-color:var(--pine);color:#fff}.opt.correct{border-color:var(--pine);background:var(--ok-bg)}.opt.correct .letter{background:var(--pine);border-color:var(--pine);color:#fff}.opt.wrong{border-color:var(--blush);background:var(--bad-bg);border-style:dashed}.opt.wrong .letter{background:var(--blush);border-color:var(--blush);color:#fff}.opt:disabled{cursor:default}.opt-badge{margin-left:auto;font-size:.8rem;font-weight:700;white-space:nowrap}.opt.correct .opt-badge{color:var(--pine-deep)}.opt.wrong .opt-badge{color:#8c3b3b}.stars{color:var(--gold);letter-spacing:2px}.story-box{background:#fdfbf5;border:1px solid var(--gold-soft);border-left:4px solid var(--gold);border-radius:10px;padding:14px 16px;margin-top:16px;white-space:pre-wrap}.story-box .story-title{font-size:.8rem;letter-spacing:.25em;color:var(--gold);margin-bottom:6px}.rank-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line)}.rank-row:last-child{border-bottom:none}.rank-no{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--ivory);color:var(--ink-soft);flex-shrink:0}.rank-no.top{background:var(--gold);color:#fff}.rank-name{flex:1}.rank-name .tbl{font-size:.8rem;color:var(--ink-soft)}.rank-score{font-weight:700;color:var(--pine-deep)}.topbar{display:flex;align-items:center;gap:10px;padding:12px 18px 0}.topbar .back{background:none;border:none;color:var(--pine);font-size:1rem;padding:6px 8px 6px 0}.footer-text{text-align:center;color:var(--ink-soft);font-size:.85rem;padding:20px 0 30px;letter-spacing:.1em}.center-note{text-align:center;color:var(--ink-soft);padding:40px 20px}.spinner{width:28px;height:28px;border:3px solid var(--gold-soft);border-top-color:var(--gold);border-radius:50%;margin:30px auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}*{transition:none!important}}.admin #root,.admin-wide{max-width:960px}.admin-tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 0;margin-bottom:14px;border-bottom:1px solid var(--line)}.admin-tabs button{white-space:nowrap;padding:9px 16px;border-radius:8px;border:none;background:transparent;color:var(--ink-soft);font-size:.95rem}.admin-tabs button.on{background:var(--pine);color:#fff;font-weight:600}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.switch-row:last-child{border-bottom:none}.switch-row .sw-label{font-weight:600}.switch-row .sw-desc{font-size:.82rem;color:var(--ink-soft)}.toggle{position:relative;width:52px;height:30px;flex-shrink:0}.toggle input{opacity:0;width:100%;height:100%;position:absolute;z-index:2;cursor:pointer}.toggle .knob{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd2cc;border-radius:99px;transition:background .2s}.toggle .knob:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle input:checked+.knob{background:var(--pine)}.toggle input:checked+.knob:after{transform:translate(22px)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px}.stat-box{background:var(--card);border-radius:10px;padding:14px;text-align:center;box-shadow:var(--shadow)}.stat-box .num{font-size:1.5rem;font-weight:700;color:var(--pine-deep)}.stat-box .lbl{font-size:.8rem;color:var(--ink-soft)}table.data{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff;border-radius:10px;overflow:hidden}table.data th{background:var(--pine);color:#fff;padding:9px 10px;text-align:left;font-weight:600;white-space:nowrap}table.data td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}.table-scroll{overflow-x:auto;margin-bottom:14px;border-radius:10px;box-shadow:var(--shadow)}.pill-ok{color:var(--pine-deep);font-weight:600}.pill-bad{color:#8c3b3b;font-weight:600}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.admin-actions .btn{width:auto;padding:10px 18px;min-height:42px;font-size:.95rem}.danger-zone{border:1.5px solid #E3C4C4;background:var(--bad-bg)}