:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--page-bg-start: #eef8ff;--page-bg-end: #cfe5ff;--blue-900: #054096;--blue-800: #0f49cc;--blue-700: #1f7df6;--cyan-400: #27d1ff;--ink: #050059;--white: #ffffff;--shadow-strong: 0 28px 72px rgba(15, 73, 204, .22)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{overflow:hidden;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(39,209,255,.42),transparent 28%),radial-gradient(circle at 82% 14%,rgba(15,73,204,.18),transparent 20%),linear-gradient(180deg,var(--page-bg-start),var(--page-bg-end))}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}.shell{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:0}.ambient{position:fixed;inset:auto;width:42vmax;height:42vmax;border-radius:999px;filter:blur(20px);pointer-events:none;opacity:.7}.ambient--left{top:-12vmax;left:-12vmax;background:radial-gradient(circle,rgba(39,209,255,.36),transparent 60%)}.ambient--right{right:-10vmax;bottom:-12vmax;background:radial-gradient(circle,rgba(15,73,204,.22),transparent 58%)}.phone-stage{position:relative;width:min(100vw,56.25svh);height:100svh;aspect-ratio:9 / 16;overflow:hidden;border-radius:0;background:#fffffff2;box-shadow:none}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage.is-hidden{display:none;pointer-events:none}.stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.asset{position:absolute;left:50%;transform:translate(-50%)}.image-button{border:0;padding:0;background:transparent;cursor:pointer}.image-button img{width:100%;height:auto}.landing-slogan{top:14.7%;width:83%}.landing-title{top:32.2%;width:83%}.landing-go{top:65.9%;width:60.8%;transition:transform .16s ease}.landing-go:hover{transform:translate(-50%) translateY(-1px) scale(1.012)}.footer-note{bottom:-1.9%;width:80.5%}.choose-title,.loading-title{top:4.2%;width:34%}.choose-panel{top:13.6%;width:84.8%;height:81.6%;transform:translate(-50%)}.reminder-panel{top:14.2%;width:84.8%;height:67.8%;transform:translate(-50%)}.frame-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.frame-content{position:absolute;top:8.6%;right:6.6%;bottom:8.1%;left:6.6%}.choose-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}.choose-heading{margin:0;width:76%;padding-top:1.5%;margin-inline:auto;color:var(--blue-800);text-align:center;font-size:clamp(23px,4.2vw,31px);font-weight:900;letter-spacing:.02em;line-height:1.2}.train-list{display:grid;flex:1;grid-template-rows:repeat(3,minmax(0,1fr));gap:4px;min-height:0;padding-top:5%}.train-card{position:relative;display:block;width:100%;min-height:0;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;cursor:pointer;overflow:hidden;transition:transform .18s ease,opacity .18s ease}.train-card:hover{transform:translateY(-1px)}.train-card.is-selected{outline:none}.train-card__body{display:grid;height:100%;grid-template-columns:minmax(0,1fr) 39%;grid-template-rows:auto 1fr;align-items:center;gap:6px 12px;padding:8px 2px}.train-card__copy{display:grid;gap:2px;align-content:center;text-align:left;grid-column:1;grid-row:1}.train-card__label{color:var(--blue-900);font-size:clamp(14px,2.5vw,16px);font-weight:700}.train-card__name{display:none}.train-card__train{grid-column:1;grid-row:2;align-self:center;width:73%;filter:drop-shadow(0 16px 18px rgba(0,0,0,.14))}.train-card__cta{grid-column:2;grid-row:2;align-self:center;width:92%;justify-self:center}.train-card.is-tone-1,.train-card.is-tone-2,.train-card.is-tone-3{background:transparent}.reminder-content{display:flex;flex-direction:column;align-items:center;gap:2.8%;padding-top:2.4%}.reminder-title{width:38%}.reminder-list{margin:0;padding-left:1.25em;color:var(--ink);font-size:clamp(13px,2.55vw,17px);font-weight:400;line-height:1.58}.reminder-list li+li{margin-top:12px}.reminder-list strong{color:var(--blue-900);font-weight:900}.confirm-button{width:83%;margin-top:auto}.loading-slogan{top:37.2%;width:60%}.loading-wordmark{top:43.6%;width:72%}.loading-copy{top:56.8%;width:70%;margin:0;text-align:center;color:var(--blue-900);font-size:clamp(15px,2.95vw,20px);font-weight:700;letter-spacing:.06em}.camera-preview{top:4.4%;width:83%;height:68%;transform:translate(-50%)}.camera-surface{position:relative;width:100%;height:100%;overflow:hidden;border:4px solid var(--cyan-400);border-radius:5.5%/4.5%;background:linear-gradient(180deg,#ffffffe6,#d2edff5c),#ffffffe0;box-shadow:0 18px 38px #0f49cc1f;isolation:isolate}.camera-surface{--train-x: 42%;--train-y: 73%;--train-scale: 1.08;--train-rotate: -4deg}.result-frame{position:relative;width:100%;height:100%;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.result-brand-slogan,.result-brand-logo{display:none}.camera-video,.result-image,.result-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.camera-video{object-fit:cover}.result-image,.result-video{object-fit:contain}.result-frame.is-video{border:4px solid var(--cyan-400);border-radius:12px;background:linear-gradient(180deg,#f3fafff0,#c3dbffe6)}.result-frame.is-video .result-brand-slogan,.result-frame.is-video .result-brand-logo{position:absolute;left:50%;display:block;transform:translate(-50%);z-index:2}.result-frame.is-video .result-brand-slogan{top:4.2%;width:62%}.result-frame.is-video .result-brand-logo{top:12%;width:47%}.result-frame.is-video .result-video{top:18%;height:82%;object-fit:cover}.camera-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-content:start;justify-items:center;gap:8px;padding-top:57%;text-align:center;color:var(--blue-900);background:radial-gradient(circle at 50% 30%,rgba(39,209,255,.28),transparent 28%),linear-gradient(180deg,#fffffff5,#d1ebffeb);z-index:1}.camera-fallback.is-visible{display:grid}.camera-fallback p{margin:0;font-size:clamp(24px,4.6vw,34px);font-weight:900}.camera-fallback span{font-size:clamp(13px,2.7vw,18px)}.camera-rotate{position:absolute;left:50%;top:47%;width:38%;transform:translate(-50%,-50%);z-index:4;pointer-events:none}.camera-train-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;touch-action:none}.camera-train{position:absolute;left:var(--train-x);top:var(--train-y);width:76%;transform:translate(-50%,-50%) scale(var(--train-scale)) perspective(1200px) rotateY(var(--train-rotate));transform-style:preserve-3d;filter:drop-shadow(0 24px 26px rgba(0,0,0,.2));touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.camera-train:active{cursor:grabbing}.camera-brand-slogan,.camera-brand-logo{position:absolute;left:50%;display:none;transform:translate(-50%);z-index:3;pointer-events:none}.camera-surface.is-video-mode .camera-brand-slogan,.camera-surface.is-video-mode .camera-brand-logo{display:block}.camera-surface.is-video-mode .camera-brand-slogan{top:1.5%;width:74%}.camera-surface.is-video-mode .camera-brand-logo{top:11%;width:52%}.mode-switch{top:75.5%;width:37%;display:flex;justify-content:center;gap:3%}.mode-button{width:48%;transition:transform .16s ease}.mode-button:hover{transform:translateY(-1px)}.capture-action{top:84.5%;width:14%;aspect-ratio:1 / 1;border-radius:50%;background:linear-gradient(135deg,#27d1ff,#1f7df6 52%,#0f49cc);transition:transform .18s ease}.capture-action img{display:none}.capture-action:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:#fff}.camera-switch,.camera-zoom{position:absolute;top:87%;width:9%;aspect-ratio:1 / 1;border-radius:999px;background:linear-gradient(135deg,#27d1ff,#1f7df6 55%,#0f49cc);box-shadow:0 6px 16px #0f49cc52;display:grid;place-items:center;transition:transform .16s ease;left:auto;transform:none;border:0;padding:0}.camera-switch:hover,.camera-zoom:hover{transform:scale(1.05)}.camera-switch img{width:62%;height:62%;object-fit:contain}.camera-switch{right:8%}.camera-zoom{color:#fff;font-weight:900;font-size:clamp(18px,4.4vw,26px);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.camera-zoom-out{left:8%}.camera-zoom-in{left:19%}.capture-action:hover{transform:translate(-50%) scale(1.02)}.capture-action:after{content:"";position:absolute;top:13%;right:13%;bottom:13%;left:13%;border-radius:50%;background:linear-gradient(135deg,#27d1ff,#1f7df6 52%,#0f49cc);transition:inset .22s ease,border-radius .22s ease,background .22s ease}.capture-action.is-recording:after{top:28%;right:28%;bottom:28%;left:28%;border-radius:18%;background:#ff2c56}.camera-status{display:none}.result-preview{top:4%;width:86%;height:55.4%;transform:translate(-50%)}.result-save{top:61.7%;width:79%}.result-share{top:71.4%;width:82%}.result-vote{top:81.4%;width:82%}.result-video{width:auto;margin:auto;background:transparent}.result-image.is-hidden,.result-video.is-hidden{display:none}.toast{position:fixed;left:50%;bottom:max(22px,calc(var(--safe-bottom) + 16px));transform:translate(-50%,12px);width:min(88vw,420px);padding:14px 18px;border-radius:18px;background:#054096eb;color:var(--white);text-align:center;font-size:14px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 18px 42px #05409633;z-index:20}.toast.is-visible{opacity:1;transform:translate(-50%)}@keyframes pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:.86}}@media (max-width: 560px){.phone-stage{width:min(100vw,56.25svh);border-radius:0}.shell{padding:0}.train-card__body{gap:6px 10px;padding:8px 0}.train-card__cta{width:92%}.reminder-list{font-size:clamp(12px,2.95vw,15px)}}