@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap";:root{--primary-pink:#f9a8d4;--primary-purple:#c084fc;--soft-green:#dcfce7;--phone-w:375px;--phone-h:812px}*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;background-color:#eeeae2;margin:0;font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif;overflow:hidden}.serif-font{font-family:Noto Serif SC,serif}.glass-card{-webkit-backdrop-filter:blur(12px);background:#fff6;border:1px solid #ffffff4d}.btn-gradient{background:linear-gradient(135deg, var(--primary-pink), var(--primary-purple));box-shadow:0 4px 15px #f9a8d466}.btn-gradient:disabled{box-shadow:none;color:#94a3b8;background:#e2e8f0}.page{opacity:0;width:100%;height:100%;transition:opacity .4s ease-in-out;display:none;position:absolute;top:0;left:0}.page.active{opacity:1;display:flex}.petal{opacity:.3;pointer-events:none;background:radial-gradient(circle,#fff,#f9a8d4);border-radius:100% 0;animation:linear infinite fall;position:absolute}@keyframes fall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}.glow{animation:3s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.flower-spin{animation:3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.5s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.camera-guide{border:2px dashed #ffffff80;border-radius:150px 150px 20px 20px}.camera-page{background:#000;justify-content:center;align-items:center;overflow:hidden}.camera-frame{aspect-ratio:9/16;background:#000;width:min(100vw,56.25dvh);height:min(100dvh,177.778vw);position:relative;overflow:hidden}.camera-video{object-fit:cover;object-position:center center;background:#000;width:100%;height:100%;position:absolute;inset:0}.camera-video.is-front-camera{transform:scaleX(-1)}.portrait-visual-image{object-fit:cover;object-position:center center;transform-origin:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portrait-visual-image.is-landscape-visual{object-fit:contain;transform:translate(-50%,-50%)rotate(90deg)}.auth-page{background:radial-gradient(circle at 8% 12%,#f9a8d429,#0000 24px),radial-gradient(circle at 86% 72%,#f9a8d421,#0000 20px),#fbfcff}.auth-content{z-index:2;flex-direction:column;align-items:center;width:100%;height:100%;padding:150px 26px 68px;display:flex;position:relative}.auth-title-img{aspect-ratio:2732/1534;object-fit:cover;object-position:center center;width:100%;max-width:324px;margin-bottom:42px;box-shadow:0 10px 28px #0f172a1f}.auth-wechat-btn{color:#fff;width:min(100%,280px);height:56px;font:inherit;background:#07c160;border:0;border-radius:18px;justify-content:center;align-items:center;gap:12px;font-size:20px;font-weight:800;display:inline-flex;box-shadow:0 14px 28px #07c1603d}.auth-agreement{color:#8b98a8;text-align:center;white-space:nowrap;margin:22px 0 68px;font-size:12px;line-height:1.5}.auth-agreement button{color:inherit}.auth-logo{object-fit:contain;width:250px;height:auto;margin-bottom:12px}.auth-event{color:#8b98a8;letter-spacing:.04em;font-size:13px;font-weight:500}.landing-page{touch-action:pan-y;background:linear-gradient(#eaf3ff 0%,#f8fbff 52%,#eef6ff 100%);overflow:hidden}.landing-bg{object-fit:cover;object-position:center top;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.landing-element{z-index:2;opacity:0;will-change:opacity, transform;pointer-events:none;-webkit-user-select:none;user-select:none;animation-fill-mode:both;position:absolute;transform:translateY(28px)scale(.96)}.landing-logo{width:90px;animation-delay:.18s;top:300px;left:10px}.landing-title{width:265px;animation-delay:.32s;top:104px;left:55px}.landing-subtitle{width:150px;animation-delay:.52s;top:32px;left:20px}.enter-up{animation-name:enterUp;animation-duration:.72s;animation-timing-function:cubic-bezier(.18,.88,.28,1)}.enter-fade{animation-name:enterFade;animation-duration:.66s;animation-timing-function:ease-out}.swipe-start{left:50%;bottom:calc(58px + env(safe-area-inset-bottom));z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fffffff5;min-width:128px;font:inherit;letter-spacing:.06em;text-shadow:0 2px 8px #223e706b;cursor:pointer;background:#0c1a3633;border:1.5px solid #ffffffd6;border-radius:999px;flex-direction:column;align-items:center;gap:8px;padding:12px 22px 13px;font-size:16px;font-weight:800;animation:1.8s ease-in-out infinite swipeHint;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 28px #0f172a33,inset 0 0 0 1px #ffffff2e}.swipe-chevron{border-top:2.5px solid;border-left:2.5px solid;width:22px;height:22px;display:block;transform:rotate(45deg)}.result-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.result-save-note{color:#64748b;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.result-save-note iconify-icon{color:#94a3b8;font-size:20px}.result-retake-btn{width:min(100%,260px)}@keyframes enterUp{0%{opacity:0;filter:blur(5px);transform:translateY(30px)scale(.96)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes enterFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes swipeHint{0%,to{opacity:.38;transform:translate(-50%,8px)}45%{opacity:1;transform:translate(-50%,-4px)}}@media (width<=560px){body{background:#f8fbff}#app-container{width:100vw;height:100dvh;box-shadow:none;border-radius:0}}