:root{--primary:#5c4b99;--secondary:#8a73c1;--gold:#d4af37;--ink:#1f2937;--muted:#667085;--line:#e5e7eb;--bg:#f5f3f9}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}button,input,select{font:inherit}a,button{touch-action:manipulation}.site-shell{min-height:100vh;padding:32px 16px 22px}.registration-card{max-width:896px;margin:0 auto;background:#fff;border:1px solid #f2f2f2;border-radius:24px;overflow:hidden;box-shadow:0 25px 55px rgba(45,32,77,.16)}.hero{position:relative;overflow:hidden;padding:48px 28px;color:#fff;text-align:center;background:linear-gradient(135deg,#4a3b7a,#6b58b0)}.hero-content{position:relative;z-index:2}.hero-circle{position:absolute;border:4px solid rgba(255,255,255,.1);border-radius:50%}.hero-circle-one{width:320px;height:320px;right:-80px;top:-110px}.hero-circle-two{width:256px;height:256px;left:-80px;bottom:-110px}.hero-pattern{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(rgba(255,255,255,.16) 1.5px,transparent 0);background-size:20px 20px}.organizers{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:30px;font-size:13px}.organizers span{padding:7px 16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-kicker{margin:0 0 10px;font-size:28px;font-weight:300;letter-spacing:.17em;color:#ddd6fe}.hero h1{margin:0 0 24px;font-size:52px;line-height:1.25;font-weight:900;letter-spacing:.06em;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.invitation{display:inline-block;margin-top:10px;padding:10px 40px;border-radius:999px;background:var(--gold);color:#202020;font-size:18px;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.18);transform:skewX(-12deg)}.invitation span{display:block;transform:skewX(12deg)}.event-facts{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:40px 48px;border-bottom:1px solid #f0f0f0;background:#fafafa}.fact-card{grid-column:span 1;min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 10px;text-align:center;background:#fff;border:1px solid #f0ebfc;border-radius:16px;box-shadow:0 2px 6px rgba(20,20,30,.04)}.fact-wide{grid-column:span 2}.fact-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:11px;color:#6d4aae;background:#f1eafe;border-radius:50%}.fact-icon svg{width:22px;height:22px}.fact-label{margin-bottom:4px;color:#7b8494;font-size:12px;font-weight:500}.fact-card strong{font-size:14px;line-height:1.55;color:#171923}.fact-card small{font-size:12px;color:#000}.form-section{padding:40px 48px 48px}.section-title{width:max-content;margin:0 auto 32px;padding:0 16px 8px;border-bottom:4px solid var(--primary);font-size:24px;font-weight:900}.consent-box{margin-bottom:34px;padding:24px;border:1px solid #dfe2e7;border-radius:16px;background:#f8f9fa}.consent-box h3{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:18px}.consent-box h3 svg{width:21px;color:var(--primary)}.privacy-copy{font-size:14px;line-height:1.75;color:#596170}.privacy-copy h4{margin:0 0 5px;color:#323846}.privacy-copy ol{margin:0 0 18px;padding-left:22px}.consent-choice{padding:16px;background:#fff;border:1px solid #dfe2e7;border-radius:12px}.consent-choice>p:first-child{margin:0 0 12px;font-weight:700;color:#252a34}.consent-choice em,.field em,.gender-field em{color:#dc2626;font-style:normal}.choice-row{display:flex;gap:16px}.choice{width:192px;display:flex;align-items:center;padding:12px;border:1px solid #d2d6dc;border-radius:9px;cursor:pointer}.choice input{position:absolute;opacity:0}.choice.selected{border-color:var(--primary);background:#f8f6ff}.radio-dot{width:20px;height:20px;margin-right:12px;border:2px solid #9aa1ad;border-radius:50%;box-shadow:inset 0 0 0 4px #fff}.choice.selected .radio-dot{border-color:var(--primary);background:var(--primary)}.field-error,.submit-error{color:#c91c1c;font-size:14px;font-weight:600}.field-error{margin:12px 0 0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}.field,.gender-field legend{font-size:14px;font-weight:700;color:#374151}.field-wide{grid-column:span 2}.field input:not([type=radio]){width:100%;display:block;margin-top:8px;padding:13px 15px;background:#f8f9fa;border:1px solid #dde1e6;border-radius:12px;outline:none;transition:.2s}.field input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px rgba(92,75,153,.16)}.gender-field{margin:0;padding:0;border:0}.gender-field div{height:50px;display:flex;align-items:center;gap:24px;padding:0 8px}.gender-field label{cursor:pointer}.gender-field input{width:19px;height:19px;accent-color:var(--primary);vertical-align:-4px}.submit-error{margin:24px auto 0;padding:12px 16px;border-radius:10px;text-align:center;background:#fff0f0}.submit-row{margin-top:34px}.primary-button,.submit-row{display:flex;justify-content:center}.primary-button{align-items:center;gap:12px;min-width:250px;padding:15px 32px;border:0;border-radius:999px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#4a3b7a,#6b58b0);box-shadow:0 8px 18px rgba(74,59,122,.26);transition:.2s}.primary-button:hover{transform:translateY(-2px)}.primary-button:disabled{opacity:.6;cursor:wait}.primary-button svg{width:20px}.closed-notice{padding:32px;border:1px solid #ded8ed;border-radius:16px;text-align:center;background:#f8f6ff}.closed-notice h3{margin-top:0;color:var(--primary)}.modal-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(17,24,39,.67);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.receipt-card{width:min(430px,100%);padding:30px;border-top:8px solid var(--primary);border-radius:24px;text-align:center;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.32)}.success-icon{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;color:#16a34a;background:#f0fdf4}.success-icon svg{width:42px}.receipt-card h3{margin:0 0 10px;font-size:25px}.receipt-card p{color:var(--muted);line-height:1.6}.receipt-code{display:block;margin:18px 0 8px;padding:12px;border-radius:10px;font-family:ui-monospace,monospace;font-size:20px;letter-spacing:.03em;color:var(--primary);background:#f5f3ff}.receipt-card small{display:block;color:#737b8a}.receipt-actions{display:flex;gap:12px;margin-top:24px}.receipt-actions button{flex:1 1;padding:11px;border:1px solid var(--primary);border-radius:10px;color:var(--primary);font-weight:700;background:#fff;cursor:pointer}.receipt-actions button:last-child{color:#fff;background:var(--primary)}.staff-link{display:block;width:max-content;margin:18px auto 0;color:#777;font-size:13px;text-decoration:none}.staff-link:hover{text-decoration:underline}.admin-body{min-height:100vh;background:#f4f2f8}.admin-login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);padding:32px;border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(42,32,72,.14)}.login-card h1{margin:0 0 6px}.login-card>p{margin:0 0 24px;color:var(--muted)}.login-card label{display:block;margin:14px 0;font-weight:700;font-size:14px}.login-card input{width:100%;display:block;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:9px}.login-card button{width:100%;margin-top:10px;padding:12px;border:0;border-radius:9px;color:#fff;font-weight:700;background:var(--primary);cursor:pointer}.admin-shell{min-height:100vh}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - 1280px)/2));color:#fff;background:#453774}.admin-header h1{margin:0;font-size:21px}.admin-user{gap:12px;font-size:14px}.admin-user,.icon-button{display:flex;align-items:center}.icon-button{gap:6px;padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;background:transparent;cursor:pointer}.icon-button svg{width:17px}.admin-main{max-width:1280px;margin:auto;padding:26px 24px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(30,25,45,.06)}.search-wrap{position:relative;flex:1 1;min-width:240px}.search-wrap svg{position:absolute;left:12px;top:12px;width:18px;color:#777}.edit-grid input,.edit-grid select,.toolbar input,.toolbar select{padding:10px 12px;border:1px solid #d6d8dd;border-radius:8px;background:#fff}.search-wrap input{width:100%;padding-left:38px}.admin-button,.toolbar button{padding:10px 15px;border:0;border-radius:8px;color:#fff;font-weight:700;background:var(--primary);cursor:pointer}.admin-button.secondary,.toolbar button.secondary{color:var(--primary);border:1px solid var(--primary);background:#fff}.admin-stats{margin:16px 2px;color:#596170;font-size:14px}.table-card{overflow:auto;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(30,25,45,.06)}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:13px 14px;border-bottom:1px solid #eceef1;text-align:left;white-space:nowrap}th{color:#5e6674;font-size:12px;background:#fafafa}td code{color:var(--primary)}.row-actions{display:flex;gap:7px}.row-actions button{padding:6px 9px;border:1px solid #d7d9de;border-radius:6px;background:#fff;cursor:pointer}.row-actions .danger{color:#b42318}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px}.pagination button{padding:7px 11px;border:1px solid #d7d9de;border-radius:7px;background:#fff;cursor:pointer}.pagination button:disabled{opacity:.4}.admin-dialog{width:min(650px,calc(100% - 32px));max-height:90vh;overflow:auto;border:0;border-radius:16px;padding:0;box-shadow:0 24px 70px rgba(0,0,0,.35)}.admin-dialog::backdrop{background:rgba(17,24,39,.62)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-size:20px}.dialog-head button{border:0;background:none;cursor:pointer}.dialog-head svg{width:22px}.dialog-body{padding:22px}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.edit-grid label{font-size:13px;font-weight:700}.edit-grid input,.edit-grid select{width:100%;display:block;margin-top:6px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.admin-message{margin:14px 0;padding:11px 14px;border-radius:8px;color:#166534;background:#f0fdf4}.admin-message.error{color:#b42318;background:#fff1f1}.staff-panel{margin-top:24px;padding:20px;border-radius:14px;background:#fff}.staff-panel h2{margin-top:0}.staff-create{display:grid;grid-template-columns:1.2fr 1fr 1fr .7fr auto;gap:9px}.staff-create input,.staff-create select{min-width:0;padding:9px;border:1px solid var(--line);border-radius:7px}.password-panel{margin-bottom:18px;padding:20px;border:1px solid #d9d0ef;border-radius:14px;background:#faf8ff}.password-panel h2{margin:0 0 5px;font-size:18px;color:var(--primary)}.password-panel p{margin:0 0 14px;color:var(--muted);font-size:14px}.password-panel form{display:flex;gap:10px}.password-panel input{flex:1 1;min-width:0;padding:10px 12px;border:1px solid #d6d8dd;border-radius:8px}@media(max-width:760px){.site-shell{padding:12px}.registration-card{border-radius:18px}.hero{padding:38px 18px}.hero-kicker{font-size:21px}.hero h1{font-size:36px}.organizers{font-size:11px}.event-facts{grid-template-columns:repeat(2,1fr);padding:24px 18px;gap:12px}.fact-card{grid-column:span 1;min-height:150px}.fact-wide{grid-column:span 2}.form-section{padding:32px 20px}.choice-row{flex-direction:column}.choice{width:100%}.edit-grid,.field-grid{grid-template-columns:1fr}.field-wide{grid-column:span 1}.primary-button{width:100%}.admin-header{padding:15px}.admin-user span{display:none}.admin-main{padding:16px 10px}.staff-create{grid-template-columns:1fr}.toolbar>*{width:100%}.password-panel form{flex-direction:column}}@media print{body>*{visibility:hidden}.modal-overlay,.modal-overlay *{visibility:visible}.modal-overlay{position:absolute;background:#fff}.receipt-actions{display:none}}.field-help{display:block;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.6;font-weight:400}