:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--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:#fff;--shadow-strong:0 28px 72px #0f49cc38}*{box-sizing:border-box}html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;min-height:100%;margin:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;background:#fff}body{color:var(--ink);background:radial-gradient(circle at top left, #27d1ff6b, transparent 28%), radial-gradient(circle at 82% 14%, #0f49cc2e, transparent 20%), linear-gradient(180deg, var(--page-bg-start), var(--page-bg-end));font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit;touch-action:manipulation}img{max-width:100%;display:block}.shell{place-items:center;min-height:100svh;padding:0;display:grid;position:relative}.ambient{filter:blur(20px);pointer-events:none;opacity:.7;border-radius:999px;width:42vmax;height:42vmax;position:fixed;inset:auto}.ambient--left{background:radial-gradient(circle,#27d1ff5c,#0000 60%);top:-12vmax;left:-12vmax}.ambient--right{background:radial-gradient(circle,#0f49cc38,#0000 58%);bottom:-12vmax;right:-10vmax}.phone-stage{aspect-ratio:9/16;width:min(100vw,56.25svh);height:100svh;box-shadow:none;background:#fffffff2;border-radius:0;position:relative;overflow:hidden}.stage{position:absolute;inset:0}.stage.is-hidden{pointer-events:none;display:none}.back-button{aspect-ratio:1;width:9%;color:var(--blue-900);cursor:pointer;z-index:30;background:#ffffffeb;border:0;border-radius:999px;place-items:center;padding:0;transition:transform .16s;display:grid;position:absolute;top:2.5%;left:3.5%;box-shadow:0 4px 12px #0f49cc33}.back-button:hover{transform:scale(1.05)}.back-button svg{width:62%;height:62%}.back-button.is-hidden{display:none}.stage-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.asset{position:absolute;left:50%;transform:translate(-50%)}.image-button{cursor:pointer;background:0 0;border:0;padding:0}.image-button img{width:100%;height:auto}.landing-slogan{width:83%;top:14.7%}.landing-title{width:83%;top:32.2%}.landing-go{width:60.8%;transition:transform .16s;top:65.9%}.landing-go:hover{transform:translate(-50%)translateY(-1px)scale(1.012)}.footer-note{width:80.5%;bottom:-1.9%}.choose-title,.loading-title{width:34%;top:4.2%}.choose-panel{width:84.8%;height:81.6%;top:13.6%;transform:translate(-50%)}.reminder-panel{width:84.8%;height:67.8%;top:14.2%;transform:translate(-50%)}.frame-image{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.frame-content{position:absolute;inset:8.6% 6.6% 8.1%}.choose-content{flex-direction:column;min-height:0;display:flex;overflow:hidden}.choose-heading{margin:0;width:76%;color:var(--blue-800);text-align:center;letter-spacing:.02em;margin-inline:auto;padding-top:1.5%;font-size:clamp(23px,4.2vw,31px);font-weight:900;line-height:1.2}.train-list{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));gap:4px;min-height:0;padding-top:5%;display:grid}.train-card{width:100%;min-height:0;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;transition:transform .18s,opacity .18s;display:block;position:relative;overflow:hidden}.train-card:hover{transform:translateY(-1px)}.train-card.is-selected{outline:none}.train-card__body{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) 39%;align-items:center;gap:6px 12px;height:100%;padding:8px 2px;display:grid}.train-card__train{filter:drop-shadow(0 10px 12px #0000001f);grid-area:1/1;align-self:center;width:100%}.train-card__cta{grid-area:1/2;place-self:center;width:92%}.train-card.is-tone-1,.train-card.is-tone-2,.train-card.is-tone-3{background:0 0}.reminder-content{flex-direction:column;align-items:center;gap:2.8%;padding-top:2.4%;display:flex}.reminder-title{width:38%}.reminder-list{margin:0;padding-left:1.25em;font-size:clamp(13px,2.55vw,17px);font-weight:400;line-height:1.58;color:var(--ink)!important}.reminder-list li+li{margin-top:12px}.reminder-list strong{font-weight:900;color:var(--blue-900)!important}@media (prefers-color-scheme:dark){html,body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;background:#fff}.choose-heading,.reminder-list,.reminder-list li,.loading-copy,.camera-fallback,.camera-fallback p,.camera-fallback span{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}.reminder-list strong,.loading-copy{color:var(--blue-900)!important;-webkit-text-fill-color:var(--blue-900)!important}}.confirm-button{width:83%;margin-top:auto}.loading-slogan{width:60%;top:37.2%}.loading-wordmark{width:72%;top:43.6%}.loading-copy{text-align:center;width:70%;color:var(--blue-900);letter-spacing:.06em;margin:0;font-size:clamp(15px,2.95vw,20px);font-weight:700;top:56.8%}.camera-preview{width:83%;height:68%;top:4.4%;transform:translate(-50%)}.camera-surface{border:4px solid var(--cyan-400);isolation:isolate;--train-x:45%;--train-y:62%;--train-scale:1.08;--train-rotate:-72deg;background:linear-gradient(#ffffffe6,#d2edff5c),#ffffffe0;border-radius:5.5%/4.5%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 18px 38px #0f49cc1f}.result-frame{width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;position:relative;overflow:hidden}.result-brand-slogan,.result-brand-logo{display:none}.camera-video,.result-image,.result-video{width:100%;height:100%;position:absolute;inset:0}.camera-video{object-fit:cover}.preview-surface.is-front-camera .camera-video{transform:scaleX(-1)}.recording-indicator{top:calc(2.5% + var(--safe-top));z-index:8;color:#fff;letter-spacing:.04em;white-space:nowrap;pointer-events:none;background:#be0018e6;border:1px solid #ffffffa6;border-radius:999px;align-items:center;gap:.42em;padding:.48em .82em;font-size:clamp(13px,2.8vw,18px);font-weight:900;line-height:1;display:none;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #69000d61}.recording-indicator.is-visible{display:flex}.recording-indicator__dot{aspect-ratio:1;background:#ff334f;border-radius:50%;width:.62em;animation:1.2s ease-out infinite recording-pulse;box-shadow:0 0 #ff334fb8}@keyframes recording-pulse{70%{box-shadow:0 0 0 .42em #ff334f00}to{box-shadow:0 0 #ff334f00}}.result-image,.result-video{object-fit:contain}.result-frame.is-video{border:4px solid var(--cyan-400);background:linear-gradient(#f3fafff0,#c3dbffe6);border-radius:12px}.result-frame.is-video .result-brand-slogan,.result-frame.is-video .result-brand-logo{z-index:2;display:block;position:absolute;left:50%;transform:translate(-50%)}.result-frame.is-video .result-brand-slogan{width:62%;top:4.2%}.result-frame.is-video .result-brand-logo{width:47%;top:12%}.result-frame.is-video .result-video{object-fit:cover;height:82%;top:18%}.camera-fallback{text-align:center;color:var(--blue-900);z-index:1;background:radial-gradient(circle at 50% 30%,#27d1ff47,#0000 28%),linear-gradient(#fffffff5,#d1ebffeb);align-content:start;justify-items:center;gap:8px;padding-top:57%;display:none;position:absolute;inset:0}.camera-fallback.is-visible{display:grid}.model-loading{color:#fff;letter-spacing:.04em;text-shadow:0 2px 10px #054096d9;z-index:6;pointer-events:none;background:#05409642;align-content:center;justify-items:center;gap:12px;font-size:clamp(14px,3vw,18px);font-weight:900;display:none;position:absolute;inset:0}.model-loading.is-visible{display:grid}.model-loading__spinner{aspect-ratio:1;border:4px solid #ffffff6b;border-top-color:#27d1ff;border-radius:50%;width:42px;animation:.8s linear infinite model-spin}.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{z-index:4;pointer-events:none;width:38%;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.camera-train-wrap{z-index:2;touch-action:none;position:absolute;inset:0}.camera-train{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.camera-train:active{cursor:grabbing}.camera-branding{z-index:3;pointer-events:none;width:50%;display:block;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.camera-brand-logo{width:72%;margin:0 auto}.camera-brand-slogan-crop{aspect-ratio:878/130;width:100%;margin-top:2%;overflow:hidden}.camera-brand-slogan{width:112.08%;max-width:none;transform:translate(-5.28%,-16.78%)}.mode-switch{justify-content:center;gap:4%;width:68%;display:flex;top:73.5%}.mode-button{width:48%;transition:transform .16s}.mode-button:hover{transform:translateY(-1px)}.capture-action{aspect-ratio:1;background:linear-gradient(135deg,#27d1ff 0%,#1f7df6 52%,#0f49cc 100%);border-radius:50%;width:14%;transition:transform .18s;top:84.5%}.capture-action img{display:none}.capture-action:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:6%}.camera-switch,.camera-zoom{aspect-ratio:1;background:linear-gradient(135deg,#27d1ff 0%,#1f7df6 55%,#0f49cc 100%);border:0;border-radius:999px;place-items:center;width:9%;padding:0;transition:transform .16s;display:grid;position:absolute;top:87%;left:auto;transform:none;box-shadow:0 6px 16px #0f49cc52}.camera-switch:hover,.camera-zoom:hover{transform:scale(1.05)}.camera-switch img{object-fit:contain;width:62%;height:62%}.camera-switch{right:8%}.camera-zoom{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:clamp(18px,4.4vw,26px);font-weight:900;line-height:1}.camera-zoom-out{left:8%}.camera-zoom-in{left:19%}.capture-action:hover{transform:translate(-50%)scale(1.02)}.capture-action:after{content:"";background:linear-gradient(135deg,#27d1ff 0%,#1f7df6 52%,#0f49cc 100%);border-radius:50%;transition:inset .22s,border-radius .22s,background .22s;position:absolute;inset:13%}.capture-action.is-recording:after{background:#ff2c56;border-radius:18%;inset:28%}.camera-status{display:none}.result-preview{width:86%;height:55.4%;top:4%;transform:translate(-50%)}.result-download-prompt{width:60%;top:62%}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4% 3.6%;width:84%;display:grid;top:69.5%;transform:translate(-50%)}.result-actions .image-button{width:100%}.result-actions .image-button:disabled{cursor:not-allowed;filter:grayscale();opacity:.35}.result-video{background:0 0;width:auto;margin:auto}.result-image.is-hidden,.result-video.is-hidden{display:none}.toast{left:50%;bottom:max(22px, calc(var(--safe-bottom) + 16px));width:min(88vw,420px);color:var(--white);text-align:center;opacity:0;pointer-events:none;z-index:20;background:#054096eb;border-radius:18px;padding:14px 18px;font-size:14px;font-weight:700;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%,12px);box-shadow:0 18px 42px #05409633}.toast.is-visible{opacity:1;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.86;transform:scale(1.08)}}@keyframes model-spin{to{transform:rotate(360deg)}}@media (width<=560px){.phone-stage{border-radius:0;width:min(100vw,56.25svh)}.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)}}