:root{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:#183d6a;background:#173d6d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home{position:relative;min-height:100svh;overflow:hidden;background:#173d6d;isolation:isolate}.desktop-scene,.desktop-navigation{position:absolute;top:50%;left:50%;width:max(100vw,177.778svh);height:max(100svh,56.25vw);transform:translate(-50%,-50%)}.desktop-scene{z-index:-1;background:url(/assets/home-desktop.jpg) center / 100% 100% no-repeat}.nav-art{position:absolute;display:block;outline:none;transform-origin:50% 75%;transition:transform .18s cubic-bezier(.2,.9,.25,1.25),filter .18s ease;-webkit-tap-highlight-color:transparent}.nav-art:after{position:absolute;inset:0;border-radius:45%;content:"";opacity:0;background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.7),transparent 48%);transition:opacity .18s ease;pointer-events:none}.nav-art img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 .55rem .25rem rgba(15,48,86,.18))}.nav-art:hover,.nav-art:focus-visible{z-index:5;transform:translateY(-1.2%) scale(1.035) rotate(-.4deg);filter:saturate(1.08) brightness(1.04)}.nav-art:hover:after,.nav-art:focus-visible:after{opacity:.35}.nav-art:active{transform:translateY(.9%) scale(.965);filter:brightness(.92) saturate(1.12);transition-duration:70ms}.nav-art--event{top:20.2%;left:1.1%;width:22%}.nav-art--map{left:-2.1%;bottom:-2.4%;width:48.5%}.nav-art.nav-art--protect{z-index:13}.nav-art.nav-art--protect:hover,.nav-art.nav-art--protect:focus-visible,.nav-art.nav-art--protect:active{z-index:14}.nav-art.nav-art--map:hover,.nav-art.nav-art--map:focus-visible,.nav-art.nav-art--map:active{z-index:12}.nav-art.nav-art--gift{z-index:10}.nav-art.nav-art--gift:hover,.nav-art.nav-art--gift:focus-visible,.nav-art.nav-art--gift:active{z-index:11}.nav-art--protect{left:22.2%;bottom:-.3%;width:18.8%}.nav-art--gift{left:42.8%;bottom:4.5%;width:18.3%}.nav-art--food{right:-1.5%;bottom:-2.2%;width:39%}.mobile-scene,.mobile-navigation{display:none}.placeholder-page{display:grid;min-height:100svh;padding:32px;place-items:center;background:radial-gradient(circle at 15% 15%,rgba(216,239,131,.9),transparent 25%),linear-gradient(145deg,#d8f4f1,#6bb5cd 54%,#295687)}.placeholder-card{width:min(560px,100%);padding:clamp(34px,7vw,64px);text-align:center;border:3px solid rgba(255,255,255,.84);border-radius:34px;background:#ffffffe6;box-shadow:0 24px 60px #14396040}.placeholder-kicker{margin:0 0 6px;color:#5ca962;font-weight:800;letter-spacing:.12em}.placeholder-card h1{margin:0;font-size:clamp(2.3rem,8vw,4.5rem)}.placeholder-card p:not(.placeholder-kicker){margin:18px 0 28px;color:#49657e;line-height:1.8}.back-home{display:inline-block;padding:13px 24px;color:#fff;font-weight:800;text-decoration:none;border-radius:999px;background:#2f9e92;box-shadow:0 5px #1d6171;transition:transform .12s ease,box-shadow .12s ease}.back-home:active{transform:translateY(4px);box-shadow:0 1px #1d6171}@media(max-width:700px),(orientation:portrait)and (max-aspect-ratio:3/4){.home{background:#264e7c}.desktop-scene,.desktop-navigation{display:none}.mobile-scene,.mobile-navigation{position:absolute;top:50%;left:50%;display:block;width:max(100vw,56.25svh);height:max(100svh,177.778vw);transform:translate(-50%,-50%)}.mobile-scene{z-index:-1;background:url(/assets/home-mobile.jpg) center / 100% 100% no-repeat}.mobile-hotspot{position:absolute;display:block;border-radius:999px;outline:none;transition:transform .12s ease,filter .12s ease,background .12s ease;-webkit-tap-highlight-color:transparent}.mobile-hotspot:focus-visible{outline:4px solid rgba(255,255,255,.95);outline-offset:4px;background:#ffffff29}.mobile-hotspot:active{transform:translateY(4px) scale(.96);background:#11386233;box-shadow:inset 0 5px 10px #0e294e40}.mobile-hotspot--event{top:18.1%;left:6.2%;width:34.5%;height:6.3%}.mobile-hotspot--protect{top:65.5%;right:8.7%;width:35.5%;height:6.2%}.mobile-hotspot--map{top:78.6%;left:10.6%;width:35.8%;height:6.3%}.mobile-hotspot--gift{top:85.6%;left:8.8%;width:35.7%;height:6.2%}.mobile-hotspot--food{top:85.2%;right:4.4%;width:38.8%;height:6.5%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.campaign-page{display:grid;min-height:100svh;padding:clamp(20px,5vw,64px);place-items:center;background:radial-gradient(circle at 12% 18%,rgba(255,232,112,.75),transparent 22rem),radial-gradient(circle at 90% 85%,rgba(80,202,195,.7),transparent 28rem),linear-gradient(145deg,#ecfbf7,#83d4dc 48%,#286395)}.campaign-card{width:min(680px,100%);padding:clamp(30px,6vw,58px);text-align:center;border:3px solid rgba(255,255,255,.9);border-radius:32px;background:#fffffff0;box-shadow:0 28px 70px #103a5b3d}.campaign-card--gift{padding-block:clamp(54px,10vw,90px)}.campaign-kicker{margin:0 0 8px;color:#16918a;font-size:.9rem;font-weight:900;letter-spacing:.12em}.campaign-card h1{margin:0;color:#174c76;font-size:clamp(2rem,6vw,3.3rem);line-height:1.18}.campaign-lead{max-width:490px;margin:24px auto 32px;color:#4f6c7f;font-size:1.08rem;line-height:1.85}.primary-action{display:block;width:min(280px,100%);margin:28px auto 20px;padding:15px 28px;color:#fff;font:inherit;font-weight:900;text-align:center;text-decoration:none;border:0;border-radius:999px;background:linear-gradient(135deg,#ed8054,#e24e59);box-shadow:0 7px #ad3745,0 12px 24px #a430402e;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.primary-action:hover{transform:translateY(-2px)}.primary-action:active{transform:translateY(5px);box-shadow:0 2px #ad3745}.primary-action:disabled{opacity:.65;cursor:wait}.primary-action--button{margin-bottom:8px}.text-link{display:inline-block;margin-top:8px;color:#52758b;font-weight:700;text-underline-offset:4px}.form-card{text-align:left}.form-card>.campaign-kicker,.form-card>h1,.form-card>.form-hint,.form-card>.text-link,.form-card>.confirmation-code{text-align:center}.form-hint{margin:16px 0 30px;color:#667d8c;line-height:1.6}.form-hint span{color:#d84352}.registration-form,.login-card form{display:grid;gap:19px}.registration-form label,.login-card label,.filter-panel label{display:grid;gap:7px;color:#31546d;font-size:.92rem;font-weight:800}.registration-form input,.login-card input,.filter-panel input,.filter-panel select,.pagination select{width:100%;padding:12px 14px;color:#183d58;font:inherit;border:1px solid #bfd2db;border-radius:10px;outline:none;background:#fff;transition:border-color .12s ease,box-shadow .12s ease}.registration-form input{padding:14px 16px}.registration-form input:focus,.login-card input:focus,.filter-panel input:focus,.filter-panel select:focus,.pagination select:focus{border-color:#1e9d99;box-shadow:0 0 0 3px #1e9d9929}.code-input{letter-spacing:.08em;text-transform:uppercase}.form-error{margin:0;padding:11px 14px;color:#a72d3a;border-radius:9px;background:#fff0f1;line-height:1.5}.success-mark{display:grid;width:76px;height:76px;margin:0 auto 20px;color:#fff;font-size:2.8rem;font-weight:900;border-radius:50%;place-items:center;background:#24a679;box-shadow:0 8px 20px #1e846240}.confirmation-code{margin:24px 0;color:#587384}.confirmation-code strong{color:#173e63;letter-spacing:.06em}.admin-page{min-height:100svh;color:#24394a;background:#eef3f6}.admin-loading{display:grid;min-height:100svh;place-items:center;color:#fff;background:#163f5d;font-weight:800}.login-card{width:min(430px,calc(100% - 36px));margin:0 auto;padding:42px;position:absolute;top:50%;left:50%;border-radius:18px;background:#fff;box-shadow:0 24px 70px #0d2a4147;transform:translate(-50%,-50%)}.login-card:before{position:fixed;z-index:-1;inset:-100vh -100vw;content:"";background:linear-gradient(145deg,#143c5a,#166c79)}.admin-brand{margin:0 0 5px;color:#1c9690;font-size:.78rem;font-weight:900;letter-spacing:.18em}.login-card h1{margin:0 0 28px;color:#173c57;font-size:1.7rem}.admin-home-link{display:block;margin-top:24px;color:#667d8c;text-align:center;text-underline-offset:3px}.admin-button{padding:10px 16px;color:#31536a;font:inherit;font-weight:800;border:1px solid #c7d5dc;border-radius:9px;background:#fff;cursor:pointer}.admin-button:hover{border-color:#6f959f;background:#f8fbfc}.admin-button:disabled{opacity:.45;cursor:not-allowed}.admin-button--primary{color:#fff;border-color:#187f7b;background:#187f7b}.admin-button--primary:hover{border-color:#116963;background:#116963}.admin-button--export{color:#176457;border-color:#8dc8ba;background:#eaf8f3}.admin-header{display:flex;min-height:86px;padding:17px max(24px,calc((100vw - 1380px)/2));align-items:center;justify-content:space-between;color:#fff;background:#163f5d;box-shadow:0 4px 16px #112f4526}.admin-header h1{margin:0;font-size:1.35rem}.admin-header .admin-brand{color:#74ddd4}.admin-content{width:min(1380px,calc(100% - 36px));margin:28px auto 50px}.stat-grid{display:grid;margin-bottom:22px;grid-template-columns:repeat(3,1fr);gap:16px}.stat-grid article{padding:20px 24px;border:1px solid #dce7ec;border-radius:13px;background:#fff;box-shadow:0 5px 16px #15364b0d}.stat-grid span{display:block;margin-bottom:8px;color:#718592;font-size:.9rem;font-weight:700}.stat-grid strong{color:#153f5c;font-size:1.9rem}.stat-grid article:nth-child(2) strong{color:#148273}.stat-grid article:nth-child(3) strong{color:#c17133}.filter-panel,.table-panel{margin-bottom:22px;padding:22px;border:1px solid #dae5ea;border-radius:13px;background:#fff;box-shadow:0 5px 16px #15364b0d}.filter-panel form{display:grid;align-items:end;grid-template-columns:repeat(4,1fr);gap:16px}.filter-panel .filter-wide{grid-column:span 2}.filter-actions{display:flex;gap:8px}.table-toolbar{display:flex;margin-bottom:16px;align-items:center;justify-content:space-between;gap:16px}.table-toolbar p{margin:0;color:#647c89;font-size:.92rem}.table-scroll{overflow-x:auto;opacity:1;transition:opacity .12s ease}.table-scroll.is-loading{opacity:.5}table{width:100%;min-width:940px;border-collapse:collapse}th{padding:11px 13px;color:#536d7a;font-size:.83rem;text-align:left;white-space:nowrap;border-bottom:2px solid #dbe5e9;background:#f6f9fa}td{padding:13px;font-size:.9rem;border-bottom:1px solid #e6edef}tbody tr:hover{background:#f8fbfc}.code-cell{color:#183f5c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;letter-spacing:.025em}.status-pill{display:inline-block;padding:4px 9px;font-size:.78rem;font-weight:800;border-radius:999px;white-space:nowrap}.status-pill.is-registered{color:#167365;background:#ddf5ee}.status-pill.is-available{color:#8b6432;background:#fff1d9}.empty-cell{padding:38px;color:#7c909b;text-align:center}.pagination{display:flex;margin-top:20px;align-items:center;justify-content:flex-end;gap:12px;color:#536f7e;font-size:.9rem}.pagination button{padding:8px 12px;color:#284e64;font:inherit;font-weight:700;border:1px solid #cbd9df;border-radius:8px;background:#fff;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination select{width:auto;padding:8px 10px}@media(max-width:950px){.filter-panel form{grid-template-columns:repeat(2,1fr)}.filter-panel .filter-wide{grid-column:span 2}}@media(max-width:600px){.campaign-card{padding:28px 21px;border-radius:24px}.campaign-card--gift{padding-block:52px}.login-card{padding:32px 24px}.admin-header{padding-inline:18px}.admin-header h1{font-size:1.05rem}.admin-content{width:min(100% - 24px,1380px);margin-top:18px}.stat-grid{grid-template-columns:1fr;gap:10px}.stat-grid article{display:flex;padding:14px 18px;align-items:center;justify-content:space-between}.stat-grid span{margin:0}.stat-grid strong{font-size:1.45rem}.filter-panel,.table-panel{padding:16px}.filter-panel form{grid-template-columns:1fr}.filter-panel .filter-wide{grid-column:auto}.table-toolbar{align-items:flex-start;flex-direction:column}.pagination{justify-content:center;flex-wrap:wrap}}