:root{--color-primary: #C41E3A;--color-text: #2C2C2C;--color-bg: #F5F0EB;--color-accent: #D4A853;--color-secondary-bg: #F8F4EF;--color-success: #4A7C59;--color-error: #B5452A;--font-family: "Songti SC", "Noto Serif SC", "STSong", serif;--font-sans: system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--transition: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:480px;margin:0 auto;min-height:100vh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.text-center{text-align:center}.text-vertical{writing-mode:vertical-rl;text-orientation:mixed}.btn{display:inline-block;padding:12px 24px;border-radius:var(--radius-md);font-size:16px;font-family:inherit;cursor:pointer;transition:all var(--transition);text-align:center;line-height:1.5;border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:active{background:#a3182f}.btn-outline{border:1px solid var(--color-primary);color:var(--color-primary);background:transparent}.btn-outline:active{background:#c41e3a0f}.input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:var(--radius-md);font-size:16px;font-family:inherit;background:#fff;color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c41e3a1a}.card{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition)}.fade-enter-from,.fade-leave-to{opacity:0}.festive-decorations{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hanging-lantern{position:fixed;top:0;z-index:2;pointer-events:none;transform-origin:top center;display:flex;flex-direction:column;align-items:center}.hanging-lantern-left{left:6px;animation:lanternSway 3s ease-in-out infinite alternate}.hanging-lantern-right{right:6px;animation:lanternSway 3.4s .5s ease-in-out infinite alternate}.hanging-lantern:before{content:"";display:block;width:2px;height:18px;background:var(--color-accent)}.lantern-top{width:30px;height:8px;background:linear-gradient(180deg,#f0c860,#c9982e);border-radius:4px 4px 2px 2px;flex-shrink:0}.lantern-body{width:54px;height:68px;background:radial-gradient(ellipse at 50% 38%,#ff5252,#e53030 35%,#c41e3a 60%,#8b1225);border-radius:50%;box-shadow:0 0 25px #ff3c3c99,0 0 50px #ff28284d,inset 0 -12px 20px #640a1466;position:relative;flex-shrink:0}.lantern-body:before{content:"";position:absolute;top:50%;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent) 15%,#f0c860 50%,var(--color-accent) 85%,transparent);transform:translateY(-50%)}.lantern-body:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:26px;height:7px;background:linear-gradient(180deg,#c9982e,#f0c860);border-radius:0 0 4px 4px}.lantern-tassel{display:flex;flex-direction:column;align-items:center}.lantern-tassel:before{content:"";display:block;width:2px;height:8px;background:var(--color-accent)}.lantern-tassel:after{content:"";display:block;width:14px;height:20px;background:repeating-linear-gradient(90deg,var(--color-accent) 0px,var(--color-accent) 1.5px,transparent 1.5px,transparent 3.5px);border-radius:0 0 6px 6px}@keyframes lanternSway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.sky-lantern{position:absolute;border-radius:50%/55% 55% 45% 45%;pointer-events:none;z-index:0;opacity:0}.sky-lantern:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 35%,#ffdc8cf2,#ffa03cd9 40%,#dc641eb3 70%,#b4461480);box-shadow:0 0 20px #ffb450b3,0 0 40px #ff963266,0 0 60px #ff781e33}.sky-lantern:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:40%;height:6px;background:#64320a66;border-radius:50%}.sky-lantern-1{width:50px;height:62px;left:6%;bottom:-70px;animation:skyLanternFloat1 22s 1s infinite}.sky-lantern-2{width:60px;height:75px;left:75%;bottom:-80px;animation:skyLanternFloat2 28s 6s infinite}.sky-lantern-3{width:42px;height:52px;left:38%;bottom:-60px;animation:skyLanternFloat3 20s 12s infinite}.sky-lantern-4{width:55px;height:68px;left:58%;bottom:-75px;animation:skyLanternFloat4 25s 4s infinite}.sky-lantern-5{width:36px;height:45px;left:20%;bottom:-50px;animation:skyLanternFloat5 18s 16s infinite}@keyframes skyLanternFloat1{0%{transform:translateY(0) translate(0);opacity:0}4%{opacity:.85}80%{opacity:.85}to{transform:translateY(-115vh) translate(40px);opacity:0}}@keyframes skyLanternFloat2{0%{transform:translateY(0) translate(0);opacity:0}4%{opacity:.8}80%{opacity:.8}to{transform:translateY(-120vh) translate(-35px);opacity:0}}@keyframes skyLanternFloat3{0%{transform:translateY(0) translate(0);opacity:0}5%{opacity:.75}80%{opacity:.75}to{transform:translateY(-110vh) translate(25px);opacity:0}}@keyframes skyLanternFloat4{0%{transform:translateY(0) translate(0);opacity:0}4%{opacity:.82}80%{opacity:.82}to{transform:translateY(-118vh) translate(-20px);opacity:0}}@keyframes skyLanternFloat5{0%{transform:translateY(0) translate(0);opacity:0}5%{opacity:.7}80%{opacity:.7}to{transform:translateY(-108vh) translate(30px);opacity:0}}.firework{position:absolute;pointer-events:none;z-index:0}.firework-1{top:10%;left:15%}.firework-2{top:6%;right:12%}.firework-3{top:16%;left:50%}.firework-4{top:12%;right:35%}.firework .particle{position:absolute;width:5px;height:5px;border-radius:50%;opacity:0}.firework-1 .particle{background:#f44;box-shadow:0 0 8px 3px #f449}.firework-1 .particle:nth-child(1){animation:fwBurst 2.6s 0s infinite;--fw-x: 0px;--fw-y: -55px}.firework-1 .particle:nth-child(2){animation:fwBurst 2.6s 0s infinite;--fw-x: 28px;--fw-y: -48px}.firework-1 .particle:nth-child(3){animation:fwBurst 2.6s 0s infinite;--fw-x: 48px;--fw-y: -28px}.firework-1 .particle:nth-child(4){animation:fwBurst 2.6s 0s infinite;--fw-x: 55px;--fw-y: 0px}.firework-1 .particle:nth-child(5){animation:fwBurst 2.6s 0s infinite;--fw-x: 48px;--fw-y: 28px}.firework-1 .particle:nth-child(6){animation:fwBurst 2.6s 0s infinite;--fw-x: 28px;--fw-y: 48px}.firework-1 .particle:nth-child(7){animation:fwBurst 2.6s 0s infinite;--fw-x: 0px;--fw-y: 55px}.firework-1 .particle:nth-child(8){animation:fwBurst 2.6s 0s infinite;--fw-x: -28px;--fw-y: 48px}.firework-1 .particle:nth-child(9){animation:fwBurst 2.6s 0s infinite;--fw-x: -48px;--fw-y: 28px}.firework-1 .particle:nth-child(10){animation:fwBurst 2.6s 0s infinite;--fw-x: -55px;--fw-y: 0px}.firework-1 .particle:nth-child(11){animation:fwBurst 2.6s 0s infinite;--fw-x: -48px;--fw-y: -28px}.firework-1 .particle:nth-child(12){animation:fwBurst 2.6s 0s infinite;--fw-x: -28px;--fw-y: -48px}.firework-2 .particle{background:gold;box-shadow:0 0 8px 3px #ffd70099}.firework-2 .particle:nth-child(1){animation:fwBurst 3s 1.5s infinite;--fw-x: 0px;--fw-y: -50px}.firework-2 .particle:nth-child(2){animation:fwBurst 3s 1.5s infinite;--fw-x: 35px;--fw-y: -35px}.firework-2 .particle:nth-child(3){animation:fwBurst 3s 1.5s infinite;--fw-x: 50px;--fw-y: 0px}.firework-2 .particle:nth-child(4){animation:fwBurst 3s 1.5s infinite;--fw-x: 35px;--fw-y: 35px}.firework-2 .particle:nth-child(5){animation:fwBurst 3s 1.5s infinite;--fw-x: 0px;--fw-y: 50px}.firework-2 .particle:nth-child(6){animation:fwBurst 3s 1.5s infinite;--fw-x: -35px;--fw-y: 35px}.firework-2 .particle:nth-child(7){animation:fwBurst 3s 1.5s infinite;--fw-x: -50px;--fw-y: 0px}.firework-2 .particle:nth-child(8){animation:fwBurst 3s 1.5s infinite;--fw-x: -35px;--fw-y: -35px}.firework-2 .particle:nth-child(9){animation:fwBurst 3s 1.5s infinite;--fw-x: 25px;--fw-y: -43px}.firework-2 .particle:nth-child(10){animation:fwBurst 3s 1.5s infinite;--fw-x: -25px;--fw-y: 43px}.firework-3 .particle{background:#ff69b4;box-shadow:0 0 8px 3px #ff69b499}.firework-3 .particle:nth-child(1){animation:fwBurst 3.4s 3s infinite;--fw-x: 0px;--fw-y: -48px}.firework-3 .particle:nth-child(2){animation:fwBurst 3.4s 3s infinite;--fw-x: 33px;--fw-y: -33px}.firework-3 .particle:nth-child(3){animation:fwBurst 3.4s 3s infinite;--fw-x: 48px;--fw-y: 0px}.firework-3 .particle:nth-child(4){animation:fwBurst 3.4s 3s infinite;--fw-x: 33px;--fw-y: 33px}.firework-3 .particle:nth-child(5){animation:fwBurst 3.4s 3s infinite;--fw-x: 0px;--fw-y: 48px}.firework-3 .particle:nth-child(6){animation:fwBurst 3.4s 3s infinite;--fw-x: -33px;--fw-y: 33px}.firework-3 .particle:nth-child(7){animation:fwBurst 3.4s 3s infinite;--fw-x: -48px;--fw-y: 0px}.firework-3 .particle:nth-child(8){animation:fwBurst 3.4s 3s infinite;--fw-x: -33px;--fw-y: -33px}.firework-3 .particle:nth-child(9){animation:fwBurst 3.4s 3s infinite;--fw-x: 20px;--fw-y: -44px}.firework-3 .particle:nth-child(10){animation:fwBurst 3.4s 3s infinite;--fw-x: -20px;--fw-y: 44px}.firework-3 .particle:nth-child(11){animation:fwBurst 3.4s 3s infinite;--fw-x: 44px;--fw-y: -20px}.firework-3 .particle:nth-child(12){animation:fwBurst 3.4s 3s infinite;--fw-x: -44px;--fw-y: 20px}.firework-4 .particle{background:#00e676;box-shadow:0 0 8px 3px #00e67699}.firework-4 .particle:nth-child(1){animation:fwBurst 2.8s 2s infinite;--fw-x: 0px;--fw-y: -45px}.firework-4 .particle:nth-child(2){animation:fwBurst 2.8s 2s infinite;--fw-x: 32px;--fw-y: -32px}.firework-4 .particle:nth-child(3){animation:fwBurst 2.8s 2s infinite;--fw-x: 45px;--fw-y: 0px}.firework-4 .particle:nth-child(4){animation:fwBurst 2.8s 2s infinite;--fw-x: 32px;--fw-y: 32px}.firework-4 .particle:nth-child(5){animation:fwBurst 2.8s 2s infinite;--fw-x: 0px;--fw-y: 45px}.firework-4 .particle:nth-child(6){animation:fwBurst 2.8s 2s infinite;--fw-x: -32px;--fw-y: 32px}.firework-4 .particle:nth-child(7){animation:fwBurst 2.8s 2s infinite;--fw-x: -45px;--fw-y: 0px}.firework-4 .particle:nth-child(8){animation:fwBurst 2.8s 2s infinite;--fw-x: -32px;--fw-y: -32px}@keyframes fwBurst{0%{transform:translate(0) scale(0);opacity:0}8%{opacity:1;transform:translate(0) scale(1)}25%{transform:translate(var(--fw-x),var(--fw-y)) scale(1);opacity:1}50%{transform:translate(calc(var(--fw-x) * 1.4),calc(var(--fw-y) * 1.4 + 12px)) scale(.2);opacity:0}to{opacity:0}}@media(prefers-reduced-motion:reduce){.sky-lantern,.firework .particle,.hanging-lantern{animation:none!important}.sky-lantern{opacity:.5!important;bottom:50%!important}}