@import"https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=Quicksand:wght@400;500;600;700&display=swap";.language-selector{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.language-selector-container{max-width:500px;width:100%;text-align:center}.language-header{margin-bottom:var(--space-2xl)}.language-title{font-family:var(--font-chinese);font-size:clamp(2.5rem,6vw,3.5rem);color:var(--gold-bright);margin-bottom:var(--space-sm);text-shadow:0 0 20px rgba(255,215,0,.5)}.language-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--silk-white);opacity:.8}.language-options{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.language-option{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);background:var(--bg-card);border:3px solid var(--gold-antique);border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:600;color:#654321;min-height:80px}.language-option:hover{background:linear-gradient(135deg,#ffd70033,#cfb53b1a);transform:translateY(-5px)}.language-flag{font-size:clamp(2rem,5vw,3rem)}.language-name{font-family:var(--font-chinese);font-size:clamp(1.3rem,3vw,1.8rem)}.language-footer{margin-top:var(--space-xl)}.language-hint{font-size:clamp(.85rem,2vw,1rem);color:var(--silk-white);opacity:.7;margin-bottom:var(--space-xs)}.language-hint-en{font-size:clamp(.75rem,1.5vw,.9rem);color:var(--silk-white);opacity:.6}@media(max-width:480px){.language-selector{padding:var(--space-md)}.language-option{padding:var(--space-lg);min-height:70px}}.landing{position:relative;z-index:1}.landing-container{text-align:center;max-width:600px;padding:var(--space-xl);padding-top:calc(var(--space-xl) + 80px);display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.year-badge{background:var(--bg-accent);border:3px solid var(--gold-antique);border-radius:16px;padding:var(--space-sm) var(--space-xl);box-shadow:var(--shadow-glow)}.year-text{display:block;font-family:var(--font-chinese);font-size:1.8rem;color:var(--gold-bright);font-weight:700;letter-spacing:.1em}.year-number{display:block;font-size:1.2rem;color:var(--silk-white);font-weight:600;margin-top:4px}.mascot-wrapper{position:relative;margin:var(--space-sm) 0}.horse-mascot{position:relative;z-index:2;filter:drop-shadow(0 8px 25px rgba(0,0,0,.3));border-radius:20px;background:transparent;max-width:100%;height:auto}.mascot-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:radial-gradient(circle,rgba(255,215,0,.2),rgba(220,20,60,.1),transparent);border-radius:50%;z-index:1}.speech-bubble{background:linear-gradient(135deg,#fff5e1,bisque);border:3px solid var(--gold-antique);border-radius:20px;padding:var(--space-md) var(--space-xl);position:relative;box-shadow:var(--shadow-soft);margin:var(--space-md) 0}.speech-bubble:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid var(--gold-antique)}.bubble-main{font-family:var(--font-chinese);font-size:1.5rem;color:var(--crimson-deep);font-weight:700;margin:0}.bubble-sub{font-size:.9rem;color:var(--gold-antique);margin:var(--space-xs) 0 0 0;font-weight:500}.title-section{margin:var(--space-lg) 0}.main-title{font-family:var(--font-main);font-size:2.8rem;color:var(--gold-bright);margin:0 0 var(--space-xs) 0;font-weight:700;letter-spacing:.02em;text-shadow:0 0 10px rgba(255,215,0,.5),0 0 20px rgba(255,215,0,.3),0 4px 8px rgba(0,0,0,.3)}.year-badge-inline{display:inline-block;background:linear-gradient(135deg,var(--crimson-deep),var(--crimson-rich));color:var(--gold-bright);font-size:1.4rem;font-weight:700;padding:6px 20px;border-radius:30px;border:2px solid var(--gold-antique);margin-bottom:var(--space-md);box-shadow:0 4px 15px #8b000066,inset 0 1px #ffffff1a;letter-spacing:.1em}.title-glow{animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 10px rgba(255,215,0,.5),0 0 20px rgba(255,215,0,.3),0 4px 8px rgba(0,0,0,.3)}50%{text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.5),0 4px 8px rgba(0,0,0,.3)}}.sub-title{font-family:var(--font-main);font-size:1.5rem;color:var(--gold-pale);margin-bottom:var(--space-md);font-weight:500}.description{font-size:1.1rem;color:var(--silk-white);line-height:1.8;margin:var(--space-md) 0;opacity:.85;max-width:500px}.singaporean-tagline{margin-top:var(--space-md);color:var(--gold-pale);font-size:.95rem;font-style:italic;opacity:.85;line-height:1.6;max-width:500px}.tagline-brand{font-weight:700;color:var(--gold-bright);font-style:normal}.tagline-text{font-weight:500}.category-preview{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md);background:#fff5e1f2;border-radius:50px;border:2px solid var(--gold-antique);box-shadow:0 4px 20px #00000026}.category-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease}.category-item:hover{background:linear-gradient(135deg,var(--crimson-deep),var(--crimson-rich));box-shadow:0 3px 12px #8b00004d}.category-item:hover .category-label{color:var(--gold-bright)}.category-item:hover .category-icon svg{color:var(--gold-bright)!important}.category-icon{display:flex;align-items:center;justify-content:center}.category-icon svg{color:var(--crimson-deep);transition:color .3s ease}.category-label{font-size:.85rem;color:var(--crimson-deep);font-weight:600;font-family:var(--font-main);transition:color .3s ease}.cta-btn{margin-top:var(--space-lg);font-size:1.2rem;padding:var(--space-lg) var(--space-2xl)}.btn-text{font-size:1.2rem;font-weight:700;letter-spacing:.05em}.footer-decor{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-xl)}.decor-line{height:2px;width:80px;background:linear-gradient(90deg,transparent,var(--gold-antique),transparent)}.decor-text{font-family:var(--font-chinese);font-size:1.1rem;color:var(--gold-bright);font-weight:600;letter-spacing:.2em}@media(max-width:768px){.landing-container{padding:var(--space-md);padding-top:calc(var(--space-md) + 70px);gap:var(--space-md);max-width:100%}.year-badge{padding:var(--space-xs) var(--space-md);border-radius:12px}.year-text{font-size:1.3rem}.year-number{font-size:1rem}.mascot-wrapper{margin:var(--space-xs) 0}.horse-mascot{width:220px;height:220px}.mascot-glow{width:260px;height:260px}.main-title{font-size:2rem}.year-badge-inline{font-size:1.1rem;padding:5px 16px}.speech-bubble{padding:var(--space-sm) var(--space-md);margin:var(--space-sm) 0;border-radius:16px}.bubble-main{font-size:1.2rem}.bubble-sub{font-size:.8rem}.title-section{margin:var(--space-sm) 0}.sub-title{font-size:1.1rem}.description{font-size:.9rem;line-height:1.6}.category-preview{gap:4px;padding:var(--space-xs) var(--space-sm);border-radius:30px;flex-wrap:nowrap;overflow-x:auto;max-width:100%}.category-item{padding:6px 10px;gap:4px;flex-shrink:0}.category-icon svg{width:18px;height:18px}.category-label{font-size:.75rem}.cta-btn{font-size:1rem;padding:var(--space-md) var(--space-lg);width:100%;max-width:280px}.btn-chinese{font-size:1.1rem}.btn-english{font-size:.8rem}.footer-decor{margin-top:var(--space-md);gap:var(--space-sm)}.decor-line{width:40px}.decor-text{font-size:.9rem}}@media(max-width:480px){.landing-container{padding:var(--space-sm);padding-top:calc(var(--space-sm) + 70px);gap:var(--space-sm)}.year-badge{padding:var(--space-xs) var(--space-sm)}.year-text{font-size:1.1rem}.year-number{font-size:.9rem}.horse-mascot{width:180px;height:180px}.mascot-glow{width:220px;height:220px}.main-title{font-size:1.6rem}.year-badge-inline{font-size:1rem;padding:4px 14px}.description{font-size:.85rem}.category-preview{gap:3px;padding:6px 8px}.category-item{padding:5px 8px;gap:3px}.category-icon svg{width:16px;height:16px}.category-label{font-size:.7rem}.cta-btn{padding:var(--space-sm) var(--space-md)}.btn-chinese{font-size:1rem}.footer-decor{margin-top:var(--space-sm)}.decor-line{width:30px}.decor-text{font-size:.8rem;letter-spacing:.1em}}.step-card{max-width:500px;margin:0 auto}.step-header{text-align:center;margin-bottom:var(--space-lg)}.step-title{font-size:1.8rem;color:var(--crimson-deep);margin:0}.step-form{display:flex;flex-direction:column;gap:var(--space-md)}.date-selector-row{display:flex;gap:var(--space-sm);align-items:stretch}.date-field{flex:1;display:flex;flex-direction:column;gap:6px}.date-field.year{flex:1.3}.date-field-label{font-size:.75rem;font-weight:600;color:var(--crimson-deep);text-transform:uppercase;letter-spacing:.05em;text-align:center}.form-select{padding:14px 12px;border:2px solid var(--gold-antique);border-radius:12px;font-size:1.1rem;font-weight:600;color:var(--crimson-deep);background:#fff;text-align:center;cursor:pointer;transition:all .2s ease}.form-select:focus{outline:none;border-color:var(--crimson-deep);box-shadow:0 0 0 3px #8b00001a}.form-select:hover{border-color:var(--crimson-rich)}.lunar-result{margin-top:var(--space-lg);background:linear-gradient(135deg,#8b0000,brown);border-radius:16px;border:3px solid var(--gold-antique);overflow:hidden;box-shadow:0 8px 25px #8b00004d}.lunar-header{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#0003;border-bottom:2px solid rgba(255,215,0,.3)}.lunar-icon{font-size:1.2rem}.lunar-title{font-size:.85rem;color:var(--gold-bright);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.lunar-main{display:flex;align-items:center;padding:var(--space-lg);gap:var(--space-md)}.zodiac-big{flex-shrink:0}.zodiac-emoji-big{font-size:3.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));display:block}.lunar-info{flex:1;text-align:left}.lunar-year-text{font-family:var(--font-chinese);font-size:1.5rem;color:var(--gold-bright);font-weight:700;line-height:1.2}.lunar-date-text{font-family:var(--font-chinese);font-size:1.1rem;color:#fff;margin-top:4px}.zodiac-text{font-size:.9rem;color:var(--gold-pale);margin-top:8px;opacity:.9}.button-row{margin-top:var(--space-md);text-align:center}.button-row .btn{width:100%;padding:var(--space-md) var(--space-lg);font-size:1.1rem;transition:all .3s ease}.button-row .btn.ready{animation:pulseGlow 2s ease-in-out infinite;box-shadow:0 4px 20px #daa52080}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #daa52066}50%{box-shadow:0 4px 30px #daa520b3}}.continue-hint{margin-top:10px;font-size:.85rem;color:var(--crimson-deep);font-weight:500;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:480px){.step-title{font-size:1.4rem}.date-selector-row{flex-direction:column;gap:var(--space-sm)}.date-field.year{flex:1}.form-select{padding:12px 10px;font-size:1rem}.lunar-main{padding:var(--space-md)}.zodiac-emoji-big{font-size:2.8rem}.lunar-year-text{font-size:1.3rem}.lunar-date-text{font-size:1rem}.zodiac-text{font-size:.85rem}}.time-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:var(--space-lg);max-height:55vh;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:var(--gold-antique) transparent}.time-options::-webkit-scrollbar{width:5px}.time-options::-webkit-scrollbar-track{background:transparent}.time-options::-webkit-scrollbar-thumb{background:var(--gold-antique);border-radius:3px}.time-option{position:relative;display:flex;align-items:center;padding:12px 14px;background:#fff;border:2px solid rgba(207,181,59,.4);border-radius:12px;cursor:pointer;transition:all .2s ease}.time-option:hover{border-color:var(--gold-antique);background:#fff5e180;transform:translateY(-2px);box-shadow:0 4px 12px #8b00001a}.time-option.selected{background:linear-gradient(135deg,#8b0000,brown);border-color:var(--crimson-deep);box-shadow:0 4px 15px #8b00004d}.time-option.selected .time-chinese{color:var(--gold-bright)}.time-option.selected .time-hour{background:#ffd70033;color:var(--gold-bright)}.time-option.selected .time-element{color:#fffc}.time-radio{position:absolute;opacity:0;width:0;height:0}.time-option-content{flex:1;display:flex;flex-direction:column;gap:4px}.time-main{display:flex;align-items:center;gap:8px}.time-chinese{font-family:var(--font-chinese);font-size:1.2rem;color:var(--crimson-deep);font-weight:700}.time-hour{font-size:.75rem;color:#666;font-weight:600;font-family:var(--font-main);background:#0000000d;padding:2px 8px;border-radius:6px}.time-detail{display:flex;align-items:center}.time-element{font-size:.7rem;color:#888;display:flex;align-items:center;gap:4px}.time-checkmark{width:22px;height:22px;border-radius:50%;background:var(--gold-bright);color:var(--crimson-deep);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;opacity:0;transform:scale(0);transition:all .2s ease;flex-shrink:0;margin-left:auto}.time-option.selected .time-checkmark{opacity:1;transform:scale(1)}.button-row .btn{width:100%;padding:var(--space-md) var(--space-lg)}.button-row .btn:disabled{opacity:.5;cursor:not-allowed}.btn-content{display:flex;align-items:center;justify-content:center}.btn-chinese{font-family:var(--font-chinese);font-size:1.1rem;font-weight:700}.btn-english{font-size:1.1rem;font-weight:700}@media(max-width:768px){.time-options{grid-template-columns:repeat(2,1fr);gap:8px;max-height:50vh}.time-option{padding:10px 12px}.time-chinese{font-size:1.05rem}.time-hour{font-size:.7rem;padding:2px 6px}.time-element{font-size:.65rem}.time-checkmark{width:20px;height:20px;font-size:.75rem}}@media(max-width:480px){.time-options{grid-template-columns:1fr;gap:6px;max-height:45vh}.time-option{padding:10px 12px;border-radius:10px}.time-main{gap:10px}.time-chinese{font-size:1.1rem;min-width:50px}.time-hour{font-size:.75rem}.btn-chinese{font-size:1rem}.btn-english{font-size:.75rem}}.loading-page{display:flex;align-items:center;justify-content:center}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);position:relative;width:100%;max-width:400px;padding:var(--space-xl)}.yinyang-wrapper{filter:drop-shadow(0 0 30px rgba(255,215,0,.5))}.loading-text{text-align:center}.loading-title{font-family:var(--font-chinese);font-size:2.5rem;color:var(--gold-bright);margin-bottom:var(--space-sm);font-weight:700;text-shadow:0 0 20px rgba(255,215,0,.5)}.loading-subtitle{font-size:1.1rem;color:var(--gold-pale);opacity:.9}.floating-characters{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.floating-char{position:absolute;font-family:var(--font-chinese);font-size:2rem;color:var(--gold-bright);font-weight:900;left:50%;transform:translate(-50%);text-shadow:0 0 20px rgba(255,215,0,.8)}.progress-dots{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.progress-dot{width:12px;height:12px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 10px #ffd70099}.mystical-particle{position:absolute;font-size:1.5rem;color:var(--gold-pale);pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:768px){.loading-container{gap:var(--space-lg);padding:var(--space-md);max-width:100%}.loading-title{font-size:2rem}.loading-subtitle{font-size:1rem}.yinyang-wrapper svg{width:80px;height:80px}.floating-char{font-size:1.5rem}.progress-dot{width:10px;height:10px}}@media(max-width:480px){.loading-container{gap:var(--space-md);padding:var(--space-sm)}.loading-title{font-size:1.6rem}.loading-subtitle{font-size:.9rem}.yinyang-wrapper svg{width:60px;height:60px}.floating-char{font-size:1.2rem}.progress-dot{width:8px;height:8px}}.back-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#ffffff1a;border:2px solid var(--gold-antique);border-radius:25px;cursor:pointer;color:var(--gold-bright);font-family:var(--font-main);font-weight:600;font-size:.95rem;transition:all .3s ease;margin-bottom:var(--space-md)}.back-button:hover{background:#cfb53b26;border-color:var(--gold-bright);box-shadow:0 4px 15px #ffd7004d}.back-arrow{font-size:1.2rem;font-weight:700}.back-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.back-chinese{font-family:var(--font-chinese);font-size:.9rem;line-height:1}.back-english{font-size:.75rem;opacity:.9;line-height:1}@media(max-width:768px){.back-button{padding:8px 12px;font-size:.85rem}.back-arrow{font-size:1.1rem}.back-chinese{font-size:.85rem}.back-english{font-size:.7rem}}.step-wizard{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.wizard-content{width:100%;display:flex;flex-direction:column;align-items:center}.progress-indicator{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg) var(--space-md);width:100%;max-width:800px;position:relative}.progress-item-wrapper{display:flex;align-items:center;flex:1;position:relative}.progress-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#8b000026,#cfb53b1a);border:2px solid rgba(207,181,59,.4);border-radius:16px;min-width:120px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003}.progress-item:before{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(135deg,#ffd7001a,#cfb53b0d);opacity:0;transition:opacity .4s ease}.progress-item.active:before{opacity:1}.progress-item.active{background:linear-gradient(135deg,#8b000066,#cfb53b40);border-color:var(--gold-bright);box-shadow:0 0 25px #ffd70066,0 8px 25px #0000004d;transform:translateY(-4px) scale(1.05)}.progress-item.completed{background:linear-gradient(135deg,#cfb53b4d,#ffd70026);border-color:var(--gold-bright);box-shadow:0 4px 20px #ffd7004d}.progress-item.completed:after{content:"✓";position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:linear-gradient(135deg,var(--gold-bright),var(--gold-antique));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--crimson-deep);font-weight:700;font-size:.9rem;box-shadow:0 2px 8px #ffd70080;animation:checkmarkPop .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.progress-number{font-family:var(--font-chinese);font-size:1.4rem;color:var(--gold-bright);font-weight:700;line-height:1;text-shadow:0 2px 8px rgba(255,215,0,.4);position:relative;z-index:1}.progress-item.active .progress-number{color:var(--gold-bright);text-shadow:0 0 15px rgba(255,215,0,.8);animation:numberGlow 2s ease-in-out infinite}@keyframes numberGlow{0%,to{text-shadow:0 0 15px rgba(255,215,0,.8)}50%{text-shadow:0 0 25px rgba(255,215,0,1),0 0 35px rgba(255,215,0,.6)}}.progress-label{font-family:var(--font-chinese);font-size:.95rem;color:var(--gold-pale);font-weight:600;line-height:1.2;position:relative;z-index:1}.progress-item.active .progress-label{color:var(--gold-bright);font-weight:700}.progress-label-en{font-size:.7rem;color:var(--peach-pink);opacity:.9;text-transform:uppercase;letter-spacing:.1em;font-weight:600;position:relative;z-index:1}.progress-item.active .progress-label-en{color:var(--silk-white);opacity:1}.progress-line{height:3px;flex:1;max-width:80px;background:linear-gradient(90deg,rgba(207,181,59,.3) 0%,rgba(207,181,59,.1) 50%,transparent 100%);display:flex;align-items:center;justify-content:center;transform-origin:left;position:relative;margin:0 var(--space-xs);border-radius:2px;overflow:hidden}.progress-line:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--gold-bright) 0%,var(--gold-antique) 50%,var(--gold-bright) 100%);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ffd70080}.progress-line.completed:before{transform:scaleX(1)}.progress-line svg{position:absolute;z-index:1;opacity:.6;filter:drop-shadow(0 0 4px rgba(255,215,0,.4))}.step-card{width:100%;max-width:700px;background:var(--bg-card);border-radius:20px;padding:var(--space-lg);box-shadow:var(--shadow-deep);border:3px solid var(--gold-antique);position:relative}.step-header{text-align:center;margin-bottom:var(--space-xl)}.step-icon-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-md)}.step-title{font-family:var(--font-chinese);font-size:2rem;color:var(--crimson-deep);margin-bottom:var(--space-xs);font-weight:700}.step-subtitle{font-size:.9rem;color:#8b0000b3;font-weight:500}.step-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-weight:600;color:var(--crimson-deep);font-size:.95rem;text-transform:uppercase;letter-spacing:.1em}.form-row{display:flex;gap:var(--space-md)}.form-select{flex:1;padding:var(--space-md);border:2px solid var(--gold-antique);border-radius:12px;font-family:var(--font-main);font-size:1rem;background:var(--silk-white);color:var(--ink-black);cursor:pointer;transition:all .3s ease}.form-select:focus{outline:none;border-color:var(--crimson-rich);box-shadow:0 0 0 4px #8b000026}.button-row{margin-top:var(--space-md)}.btn-golden{width:100%;padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--gold-bright),var(--gold-antique));color:var(--crimson-deep);border:none;border-radius:50px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.btn-golden:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 10px 30px #ffd70066}.btn-golden:disabled{opacity:.5;cursor:not-allowed}.chinese-date-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.conversion-arrow{display:flex;flex-direction:column;align-items:center;color:var(--gold-antique)}.conversion-arrow span:first-child{font-size:1.5rem;animation:gentlePulse 2s ease-in-out infinite}@keyframes gentlePulse{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(2px);opacity:1}}.arrow-label{font-size:.75rem;opacity:.7;display:flex;flex-direction:column;align-items:center;gap:2px}.lunar-date-card{background:linear-gradient(135deg,#8b00001a,#cfb53b1a);border:2px solid var(--gold-antique);border-radius:15px;padding:var(--space-md) var(--space-xl);display:flex;gap:var(--space-xl);align-items:center}.lunar-year{display:flex;flex-direction:column;align-items:center;padding-right:var(--space-lg);border-right:1px solid rgba(207,181,59,.3)}.lunar-year-name{font-family:var(--font-chinese);font-size:1.3rem;color:var(--crimson-deep)}.lunar-year-animal{font-size:.75rem;color:var(--gold-antique)}.lunar-date{display:flex;gap:var(--space-sm);align-items:baseline}.lunar-month,.lunar-day{font-family:var(--font-chinese);font-size:1.5rem;color:var(--crimson-deep)}.zodiac-preview{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ffd7001a;border:2px solid var(--gold-antique);border-radius:16px}.zodiac-emoji{font-size:3rem}.zodiac-info{display:flex;flex-direction:column}.zodiac-animal{font-weight:700;color:var(--crimson-deep);font-size:1.2rem;margin:0}.zodiac-element{font-size:.9rem;color:var(--gold-antique);margin:0}@media(max-width:768px){.step-wizard{max-width:100%;width:100%}.progress-indicator{margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-sm);gap:var(--space-sm)}.progress-item{min-width:90px;padding:var(--space-sm) var(--space-md);gap:3px}.progress-number{font-size:1.1rem}.progress-label{font-size:.75rem}.progress-label-en{font-size:.55rem}.progress-line{max-width:30px;margin:0 2px}.step-card{padding:var(--space-md);border-radius:20px;border-width:2px}.step-header{margin-bottom:var(--space-md)}.step-title{font-size:1.5rem}.step-subtitle{font-size:.85rem}.step-form{gap:var(--space-md)}.form-row{flex-direction:column;gap:var(--space-sm)}.lunar-date-card{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.lunar-year{border-right:none;border-bottom:1px solid rgba(207,181,59,.3);padding-right:0;padding-bottom:var(--space-md)}.lunar-year-name{font-size:1.1rem}.lunar-month,.lunar-day{font-size:1.2rem}.zodiac-preview{padding:var(--space-sm);gap:var(--space-sm)}.zodiac-emoji{font-size:2.5rem}.zodiac-animal{font-size:1rem}.zodiac-element{font-size:.8rem}.btn-golden{padding:var(--space-md);font-size:1rem}}@media(max-width:480px){.progress-indicator{gap:2px;padding:var(--space-sm)}.progress-item{min-width:70px;padding:var(--space-xs) var(--space-sm);gap:2px}.progress-item.active{transform:translateY(-2px) scale(1.03)}.progress-item.completed:after{width:20px;height:20px;font-size:.75rem;top:-6px;right:-6px}.progress-number{font-size:.95rem}.progress-label{font-size:.65rem}.progress-label-en{font-size:.5rem}.progress-line{max-width:20px;margin:0 1px}.step-card{padding:var(--space-sm);border-radius:16px}.step-title{font-size:1.3rem}.step-subtitle{font-size:.8rem}.form-label{font-size:.85rem}.form-select{padding:var(--space-sm);font-size:16px;border-radius:10px}.lunar-date-card{padding:var(--space-sm);border-radius:12px}.zodiac-emoji{font-size:2rem}.btn-golden{padding:var(--space-sm) var(--space-md);font-size:.95rem;border-radius:30px}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px}.confetti-piece.square{border-radius:2px}.confetti-piece.circle{border-radius:50%}.confetti-piece.triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid;background:transparent!important}.fortune-card{background:var(--bg-card);border:3px solid var(--gold-antique);border-radius:20px;padding:var(--space-lg);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}.fortune-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #8b00004d;border-color:var(--crimson-rich)}.fortune-card.expanded{background:linear-gradient(135deg,#fff8e7,#fff5e1);border-width:4px}.fc-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.fc-icon-wrapper{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#cfb53b33;border-radius:12px;border:2px solid var(--gold-antique)}.fc-title-area{display:flex;flex-direction:column;gap:2px;flex:1}.fc-title-zh{font-family:var(--font-chinese);font-size:1.6rem;color:#6b2d0a;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.fc-title-en{font-size:.95rem;color:#4a2c17;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.fc-rating{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-sm);background:#ffffff80;border-radius:12px}.fc-stars{display:flex;gap:4px}.card-star{font-size:1.6rem;color:#b8860b40;transition:all .3s ease}.card-star.filled{color:#d4a017;filter:drop-shadow(0 0 6px rgba(212,160,23,.6))}.fc-title-badge{font-size:.95rem;color:#4a2c17;font-weight:700;padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,#ffebb4cc,#ffdf8c99);border-radius:20px;border:2px solid #B8860B}.fc-preview{margin-bottom:var(--space-md);min-height:60px}.fc-prediction-preview{font-size:1rem;color:#3d2914;line-height:1.8;font-weight:500;margin:0}.fc-content{max-height:0;overflow:hidden;transition:max-height .4s ease;margin-bottom:0}.fc-content.expanded{max-height:1000px;margin-bottom:var(--space-md)}.fc-tip{margin-top:var(--space-md);padding:var(--space-md);background:#ffebb480;border-left:4px solid #B8860B;border-radius:8px;display:flex;flex-direction:column;gap:var(--space-xs)}.tip-label{font-size:.95rem;color:#6b2d0a;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.tip-text{font-size:1.05rem;color:#3d2914;font-weight:500;line-height:1.7}.fc-months{margin-top:var(--space-md);padding:var(--space-md);background:#ffebb466;border-radius:12px;border:1px solid rgba(184,134,11,.3);display:flex;flex-direction:column;gap:var(--space-sm)}.months-label{font-size:.95rem;color:#6b2d0a;font-weight:700;margin-bottom:4px}.months-badges{display:flex;flex-wrap:wrap;gap:8px}.month-badge{padding:6px 14px;background:linear-gradient(135deg,#ffd7004d,#cfb53b33);border:1.5px solid var(--gold-antique);border-radius:15px;font-size:.9rem;color:#6b2d0a;font-weight:600}.fc-footer{display:flex;justify-content:center;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:2px solid rgba(207,181,59,.2)}.fc-view-more-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ffd70033,#cfb53b26);border:2px solid var(--gold-antique);border-radius:20px;color:#6b2d0a;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.fc-view-more-btn:hover{background:linear-gradient(135deg,#ffd7004d,#cfb53b40);border-color:var(--crimson-rich);transform:translateY(-2px);box-shadow:0 4px 12px #cfb53b4d}.fc-expand-icon{font-size:1rem;color:var(--gold-antique);transition:all .3s ease;display:inline-block}.fortune-card.expanded .fc-expand-icon{color:var(--crimson-rich)}.fc-seal{position:absolute;top:10px;right:10px;width:40px;height:40px;background:var(--crimson-deep);color:var(--gold-bright);font-family:var(--font-chinese);font-size:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transform:rotate(15deg);box-shadow:2px 2px 5px #0000004d;opacity:.7}.fortune-card:hover .fc-seal{opacity:1;transform:rotate(15deg) scale(1.1)}@media(max-width:768px){.fortune-card{padding:var(--space-md);border-radius:16px;border-width:2px}.fortune-card:hover{transform:translateY(-3px)}.fortune-card.expanded{border-width:3px}.fc-header{gap:var(--space-sm);margin-bottom:var(--space-sm)}.fc-icon-wrapper{width:40px;height:40px;border-radius:10px}.fc-title-zh{font-size:1.2rem}.fc-title-en{font-size:.8rem}.fc-rating{padding:var(--space-xs) var(--space-sm);border-radius:10px;margin-bottom:var(--space-sm)}.card-star{font-size:1.2rem}.fc-title-badge{font-size:.8rem;padding:4px 10px}.fc-prediction-preview{font-size:.9rem;line-height:1.7}.fc-view-more-btn{padding:8px 16px;font-size:.85rem}.fc-tip{padding:var(--space-sm)}.tip-label{font-size:.8rem}.tip-text{font-size:.85rem}.fc-months{padding:var(--space-sm)}.months-label{font-size:.8rem}.months-text{font-size:.9rem}.fc-seal{width:32px;height:32px;font-size:1rem;top:8px;right:8px}.fc-expand-icon{font-size:1.2rem}.fc-footer{margin-top:var(--space-sm);padding-top:var(--space-sm)}}@media(max-width:480px){.fortune-card{padding:var(--space-sm);border-radius:14px}.fc-icon-wrapper{width:36px;height:36px}.fc-icon-wrapper svg{width:20px;height:20px}.fc-title-zh{font-size:1.1rem}.fc-title-en{font-size:.75rem}.card-star{font-size:1rem}.fc-title-badge{font-size:.75rem;padding:3px 8px}.fc-prediction-preview{font-size:.85rem}.fc-view-more-btn{padding:6px 12px;font-size:.8rem}.month-badge{padding:4px 10px;font-size:.8rem}.fc-seal{width:28px;height:28px;font-size:.9rem;top:6px;right:6px}}.share-button-container{position:relative;display:inline-block}.share-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#cfb53b,gold);border:2px solid #DC143C;border-radius:25px;color:#1a1a2e;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 4px 15px #cfb53b66;transition:all .3s ease}.share-btn:hover{box-shadow:0 6px 20px #cfb53b99;transform:translateY(-2px)}.share-icon{font-size:20px}.share-menu{position:absolute;bottom:100%;right:0;margin-bottom:10px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #CFB53B;border-radius:12px;padding:8px;box-shadow:0 8px 25px #00000080;z-index:1000;min-width:150px}.share-option{display:block;width:100%;padding:10px 16px;background:transparent;border:none;color:gold;text-align:left;cursor:pointer;border-radius:8px;transition:all .2s ease;font-size:14px}.share-option:hover{background:#cfb53b33;transform:translate(5px)}.share-option-image{background:linear-gradient(135deg,#cfb53b33,#ffd7001a)!important;border:2px solid #CFB53B;font-weight:700;position:relative}.share-option-image:hover{background:linear-gradient(135deg,#cfb53b4d,#ffd70033)!important;border-color:gold}.share-option-subtitle{display:block;font-size:11px;opacity:.8;margin-top:4px;font-weight:400}.share-divider{height:1px;background:#cfb53b4d;margin:8px 0}.share-option:disabled{opacity:.6;cursor:not-allowed}.share-option-primary{background:linear-gradient(135deg,#cfb53b33,#ffd7001a)!important;border:2px solid #CFB53B;font-weight:700;margin-bottom:4px}.share-option-primary:hover{background:linear-gradient(135deg,#cfb53b4d,#ffd70033)!important;border-color:gold}.interactive-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.particle{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.zodiac-wheel-container{display:flex;justify-content:center;align-items:center;padding:40px}.zodiac-wheel{position:relative;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(207,181,59,.1) 0%,transparent 70%)}.zodiac-wheel-item{width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background:#cfb53b33;border:2px solid transparent;transition:all .3s ease}.zodiac-wheel-item:hover{background:#cfb53b66;border-color:#cfb53b;box-shadow:0 0 20px #cfb53b99}.zodiac-wheel-item.selected{background:#cfb53b99;border-color:gold;box-shadow:0 0 25px #ffd700cc}.zodiac-emoji-large{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.selected-ring{position:absolute;width:100%;height:100%;border:3px solid #FFD700;border-radius:50%;opacity:.6}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a2ef2;border-radius:50%;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #CFB53B;z-index:10}.center-text{font-size:12px;color:gold;font-weight:700;line-height:1.2;text-align:center}.center-text-en{font-size:8px;color:#cfb53b;line-height:1;text-align:center}@media(max-width:768px){.zodiac-wheel-container{padding:30px}.zodiac-wheel{width:180px;height:180px}.zodiac-wheel-item{width:42px;height:42px}.zodiac-emoji-large{font-size:26px}.wheel-center{width:50px;height:50px}.center-text{font-size:10px}.center-text-en{font-size:7px}}@media(max-width:480px){.zodiac-wheel-container{padding:20px}.zodiac-wheel{width:160px;height:160px}.zodiac-wheel-item{width:36px;height:36px}.zodiac-emoji-large{font-size:22px}.wheel-center{width:45px;height:45px}}.lucky-numbers-container{background:var(--bg-card);border-radius:20px;padding:var(--space-xl);margin:var(--space-lg) 0;border:3px solid var(--gold-antique);box-shadow:var(--shadow-deep)}.lucky-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.lucky-icon{font-size:2rem}.lucky-title{font-family:var(--font-chinese);font-size:1.6rem;color:var(--crimson-deep);font-weight:700;margin:0}.lucky-numbers-display{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.number-card{width:70px;height:90px;background:linear-gradient(145deg,#8b0000,#dc143c);border-radius:12px;display:flex;align-items:center;justify-content:center;border:3px solid var(--gold-antique);box-shadow:0 4px 15px #8b00004d,inset 0 2px 10px #ffffff1a}.number-card.rolling{border-color:var(--gold-bright);box-shadow:0 4px 20px #ffd70066,inset 0 2px 10px #fff3}.number-card.revealed{animation:revealPop .3s ease-out}@keyframes revealPop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.number-value{font-size:2.8rem;font-weight:900;color:var(--gold-bright);font-family:Georgia,serif;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,215,0,.5)}.generate-btn{width:100%;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--gold-bright),var(--gold-antique));border:none;border-radius:12px;color:var(--crimson-deep);font-size:1.1rem;font-weight:700;font-family:var(--font-main);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.generate-btn:hover:not(:disabled){box-shadow:0 6px 25px #ffd70080;transform:translateY(-2px)}.generate-btn:disabled{opacity:.7;cursor:not-allowed}.generate-btn.generating{background:linear-gradient(135deg,var(--gold-antique),#FFA500);animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 15px #ffd7004d}50%{box-shadow:0 4px 25px #ffd70099}}@media(max-width:768px){.lucky-numbers-container{padding:var(--space-lg)}.number-card{width:60px;height:75px}.number-value{font-size:2.2rem}.lucky-title{font-size:1.4rem}}@media(max-width:480px){.lucky-numbers-display{gap:var(--space-sm)}.number-card{width:55px;height:70px}.number-value{font-size:2rem}.action-row{flex-direction:column}}.gambling-advisory{margin-top:var(--space-md);padding:8px 16px;font-size:.8rem;color:#ffb347;background:#ffb3471a;border:1px solid rgba(255,179,71,.3);border-radius:20px;text-align:center}.age-restricted{text-align:center;padding:var(--space-xl) var(--space-lg);background:linear-gradient(135deg,#8b000033,#cfb53b26);border:2px solid rgba(207,181,59,.5);border-radius:16px;margin:var(--space-lg) 0;box-shadow:0 4px 15px #0000004d,inset 0 1px 3px #ffffff1a;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);max-width:100%;width:100%;position:relative;overflow:hidden}.age-restricted:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.restricted-icon{font-size:2.8rem;display:block;filter:drop-shadow(0 0 10px rgba(207,181,59,.8));animation:lockPulseAnimation 2s ease-in-out infinite;z-index:1}@keyframes lockPulseAnimation{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.95}}.restricted-message{font-size:1.05rem;color:var(--gold-bright);font-weight:700;margin:0;line-height:1.6;text-shadow:0 2px 6px rgba(0,0,0,.4);letter-spacing:.3px;z-index:1;max-width:90%}.restricted-submessage{font-size:.95rem;color:#654321;margin:0;font-weight:600;line-height:1.6;padding-top:var(--space-sm);border-top:1px solid rgba(207,181,59,.4);width:100%;max-width:260px;z-index:1;text-shadow:0 1px 2px rgba(255,255,255,.8)}.cny-quotes-container{background:var(--bg-card);border-radius:20px;padding:var(--space-xl);margin:var(--space-lg) 0;border:3px solid var(--gold-antique);box-shadow:var(--shadow-deep)}.cny-quotes-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.cny-quotes-header:before{content:"🧧";font-size:1.8rem}.cny-quotes-title{font-family:var(--font-chinese);font-size:1.6rem;color:var(--crimson-deep);font-weight:700;margin:0}.cny-quotes-subtitle{color:#654321;font-size:.95rem;text-align:center;margin-bottom:var(--space-lg);opacity:.85}.quote-categories{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:center;align-items:center;padding:var(--space-sm);background:#8b00000d;border-radius:16px;border:2px solid rgba(207,181,59,.3)}.quote-category-btn{position:relative;padding:var(--space-sm) var(--space-md);background:#fff;border:2px solid rgba(207,181,59,.3);border-radius:10px;color:#654321;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;gap:var(--space-xs);min-width:90px;justify-content:center;overflow:hidden}.quote-category-btn:hover:not(.active){background:#cfb53b26;border-color:#cfb53b66;transform:translateY(-2px)}.quote-category-btn.active{background:linear-gradient(135deg,var(--gold-bright),var(--gold-antique));color:var(--crimson-deep);border-color:var(--gold-bright);box-shadow:0 4px 20px #ffd70080;font-weight:700}.category-icon{font-size:1.2rem;display:inline-block;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.quote-category-btn.active .category-icon{filter:drop-shadow(0 2px 6px rgba(220,20,60,.3))}.category-text{font-family:var(--font-chinese);white-space:nowrap}.active-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--crimson-deep);border-radius:0 0 12px 12px;box-shadow:0 -2px 8px #dc143c66}.quotes-list{display:flex;flex-direction:column;gap:var(--space-md)}.quote-card{background:linear-gradient(135deg,#8b0000,brown);border:2px solid var(--gold-antique);border-radius:12px;padding:var(--space-lg);cursor:pointer;transition:all .3s ease;position:relative}.quote-card:hover{border-color:var(--gold-bright);box-shadow:0 4px 20px #ffd70066;transform:translateY(-3px)}.quote-chinese{font-family:var(--font-chinese);font-size:1.4rem;color:var(--gold-bright);margin-bottom:var(--space-xs);font-weight:600;line-height:1.6}.quote-pinyin{font-size:.9rem;color:var(--gold-pale);opacity:.85;line-height:1.5;margin-bottom:var(--space-sm);font-style:italic;letter-spacing:.05em}.quote-english{font-size:.95rem;color:var(--silk-white);opacity:.9;line-height:1.6;margin-bottom:var(--space-xs)}.quote-hint{font-size:.75rem;color:var(--gold-pale);opacity:.7;margin-top:var(--space-xs);text-align:right}@media(max-width:768px){.cny-quotes-container{padding:var(--space-md)}.cny-quotes-title{font-size:1.4rem}.quote-categories{gap:var(--space-xs);padding:var(--space-xs)}.quote-category-btn{padding:var(--space-sm) var(--space-md);font-size:.85rem;min-width:80px;flex:1 1 calc(50% - var(--space-xs));max-width:calc(50% - var(--space-xs))}.category-icon{font-size:1rem}.quote-chinese{font-size:1.2rem}.quote-english{font-size:.85rem}}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--crimson-deep),var(--crimson-rich));border:2px solid var(--gold-antique);color:var(--gold-bright);font-size:1.5rem;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #8b000066,0 0 20px #ffd70033;transition:all .3s ease}.scroll-to-top:hover{box-shadow:0 6px 25px #8b000080,0 0 30px #ffd70066;border-color:var(--gold-bright)}.scroll-arrow{font-weight:700;line-height:1}@media(max-width:768px){.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:1.3rem}}.section-nav{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:var(--space-xs)}.nav-toggle{display:none;width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:2px solid var(--gold-antique);color:var(--crimson-deep);font-size:1.2rem;cursor:pointer;margin-bottom:var(--space-sm)}.nav-items{display:flex;flex-direction:column;gap:var(--space-xs)}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:8px 12px;background:#fff5e1f2;border:2px solid transparent;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.85rem;color:#654321;font-weight:600;white-space:nowrap;box-shadow:0 2px 10px #0000001a}.nav-item:hover{border-color:var(--gold-antique);background:#fff5e1;box-shadow:0 4px 15px #cfb53b4d}.nav-item.active{background:linear-gradient(135deg,var(--gold-bright),var(--gold-antique));color:var(--crimson-deep);border-color:var(--gold-bright);box-shadow:0 4px 20px #ffd70066}.nav-emoji{font-size:1.1rem}.nav-label{font-family:var(--font-main)}@media(max-width:1024px){.section-nav{left:10px;top:auto;bottom:80px;transform:none}.nav-toggle{display:flex;align-items:center;justify-content:center}.nav-items{display:none;position:absolute;bottom:50px;left:0;background:#fff5e1fa;border-radius:12px;padding:var(--space-sm);box-shadow:0 4px 20px #0003;border:2px solid var(--gold-antique)}.section-nav.expanded .nav-items{display:flex}.nav-item{padding:6px 10px;font-size:.8rem}}@media(max-width:768px){.section-nav{bottom:75px}}.fortune-results{width:100%;max-width:900px;margin:0 auto;padding:var(--space-xl);padding-top:calc(var(--space-xl) + 80px)}.results-container{display:flex;flex-direction:column;gap:var(--space-lg)}.results-header{background:var(--bg-card);border:3px solid var(--gold-antique);border-radius:24px;padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-deep);margin-top:80px}.header-year h1{font-size:4rem;background:linear-gradient(135deg,var(--crimson-deep),var(--crimson-rich));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm);font-weight:900}.year-subtitle{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-md)}.year-chinese{font-family:var(--font-chinese);font-size:1.8rem;color:#8b4513;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.year-english{font-size:1rem;color:#654321;font-weight:600}.zodiac-header-info{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-md);padding:var(--space-md);background:#cfb53b1a;border-radius:16px;border:2px solid rgba(207,181,59,.3)}.zodiac-emoji-large{font-size:3rem}.zodiac-details{display:flex;flex-direction:column;align-items:flex-start}.zodiac-animal-name{font-size:1.5rem;color:#654321;font-weight:700}.zodiac-element-info{font-size:1rem;color:#8b4513;font-weight:500}.birth-date-display{margin-top:var(--space-md);padding-top:var(--space-md);border-top:2px solid rgba(207,181,59,.2)}.date-label{display:block;font-size:.9rem;color:#8b4513;margin-bottom:4px;font-weight:600}.date-value{font-size:1.2rem;color:#654321;font-weight:700}.section-title{font-family:var(--font-chinese);font-size:1.8rem;color:#8b4513;margin-bottom:var(--space-md);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1);display:flex;align-items:center;gap:var(--space-sm)}.section-title:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--gold-antique),transparent)}.characteristics-box{background:linear-gradient(135deg,#ffd70026,#cfb53b1a);border:2px solid var(--gold-antique)}.personality-description{font-size:1.1rem;line-height:1.8;color:#654321;padding:var(--space-md);margin-bottom:var(--space-md);background:linear-gradient(135deg,#cfb53b1a,#ffd7000d);border-left:4px solid #CFB53B;border-radius:8px;text-align:justify;font-style:italic}.personality-traits{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.trait-section{padding:var(--space-md);border-radius:12px;border:2px solid}.trait-strengths{background:linear-gradient(135deg,#228b221a,#90ee900d);border-color:#228b22}.trait-weaknesses{background:linear-gradient(135deg,#ff8c001a,#ffd7000d);border-color:#ff8c00}.trait-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:700;color:#654321}.trait-icon{font-size:1.3rem}.trait-list{display:flex;flex-direction:column;gap:var(--space-xs)}.trait-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-xs) 0}.trait-bullet{font-size:1.2rem;font-weight:700;flex-shrink:0;margin-top:2px}.trait-strength .trait-bullet{color:#228b22}.trait-weakness .trait-bullet{color:#ff8c00}.trait-text{font-size:.95rem;color:#654321;line-height:1.6;flex:1}.characteristics-content{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.char-item{display:flex;flex-direction:column;gap:var(--space-xs)}.char-item.full-width{grid-column:1 / -1}.char-label{font-size:.85rem;color:#8b4513;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.char-value{font-size:1.1rem;color:#654321;font-weight:700;text-shadow:.5px .5px 1px rgba(0,0,0,.1)}.overall-fortune{background:linear-gradient(135deg,#8b00001a,#cfb53b1a);border:3px solid var(--gold-antique)}.overall-rating{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md)}.overall-star{font-size:2.5rem;color:#cfb53b4d;transition:all .3s ease}.overall-star.filled{color:#b8860b;filter:drop-shadow(0 0 10px rgba(184,134,11,.6));animation:star-pulse 2s ease-in-out infinite}.rating-text{font-size:1.2rem;color:#654321;font-weight:700;margin-left:var(--space-sm)}.overall-summary{font-size:1.1rem;color:#654321;line-height:1.8;text-align:center;font-weight:500;padding:var(--space-md);background:#ffffff80;border-radius:12px}.fortune-chart{background:#fffffffa}.chart-container{display:flex;flex-direction:column;gap:12px}.chart-row{display:flex;align-items:center;gap:var(--space-md);padding:10px 14px;background:#8b000008;border-radius:12px;transition:all .2s ease}.chart-row:hover{background:#8b00000f}.chart-label{display:flex;align-items:center;gap:8px;min-width:100px}.chart-icon{font-size:1.3rem}.chart-name{font-size:.95rem;color:var(--crimson-deep);font-weight:600}.chart-bar-track{flex:1;height:8px;background:#cfb53b26;border-radius:4px;overflow:hidden}.chart-bar-fill{height:100%;border-radius:4px;transition:all .3s ease}.chart-bar-fill.high{background:linear-gradient(90deg,gold,orange);box-shadow:0 0 10px #ffd70066}.chart-bar-fill.medium{background:linear-gradient(90deg,#cfb53b,#daa520)}.chart-bar-fill.low{background:linear-gradient(90deg,peru,#d2691e)}.chart-stars{display:flex;gap:2px;min-width:80px;justify-content:flex-end}.chart-star{font-size:.9rem;color:#cfb53b40;transition:all .2s ease}.chart-star.filled{color:gold;text-shadow:0 0 5px rgba(255,215,0,.5)}.fortune-cards{display:flex;flex-direction:column;gap:var(--space-md)}.lucky-info{background:linear-gradient(135deg,#ffd7001a,#cfb53b0d)}.lucky-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.lucky-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:#fff9;border-radius:12px;border:2px solid rgba(207,181,59,.2)}.lucky-label{font-size:.85rem;color:#8b4513;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.lucky-value{font-size:1.1rem;color:#654321;font-weight:700;text-shadow:.5px .5px 1px rgba(0,0,0,.1)}.lucky-colors,.lucky-numbers{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.lucky-color-badge,.lucky-number-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#cfb53b,gold);border:2px solid #DC143C;border-radius:20px;color:#1a1a2e;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #cfb53b4d}.lucky-color-badge:hover,.lucky-number-badge:hover{box-shadow:0 4px 15px #cfb53b99;transform:translateY(-2px)}.lucky-direction{font-size:1.4rem;font-weight:700;color:#8b4513;display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#ffd70040,#cfb53b33);border:2px solid rgba(207,181,59,.5);border-radius:12px;text-shadow:0 1px 3px rgba(255,255,255,.8);box-shadow:0 2px 8px #00000026;min-width:80px;text-align:center;line-height:1.4}.compatibility-section{margin-top:var(--space-lg);padding:var(--space-md);background:linear-gradient(135deg,#ffb6c133,#ffc0cb1a);border:2px solid rgba(255,105,180,.3);border-radius:12px}.compatibility-title{font-size:1.1rem;color:#654321;font-weight:700;margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.compatibility-subtitle{font-size:.85rem;color:#654321b3;margin-bottom:var(--space-sm);font-style:italic}.compatibility-animals{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.compatibility-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#ffb6c166,#ffc0cb4d);border:2px solid rgba(255,105,180,.4);border-radius:20px;cursor:pointer;transition:all .3s ease}.compatibility-badge:hover{background:linear-gradient(135deg,#ffb6c199,#ffc0cb80);box-shadow:0 4px 12px #ff69b44d}.compatibility-emoji{font-size:1.3rem}.compatibility-name{font-size:.9rem;color:#654321;font-weight:600}.ideal-jobs-section{margin-top:var(--space-lg);padding:var(--space-md);background:linear-gradient(135deg,#87cefa33,#b0e0e61a);border:2px solid rgba(70,130,180,.3);border-radius:12px}.ideal-jobs-title{font-size:1.1rem;color:#654321;font-weight:700;margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.ideal-jobs-list{display:flex;flex-direction:column;gap:var(--space-xs)}.ideal-job-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.job-bullet{font-size:1.2rem;color:#4682b4;font-weight:700;flex-shrink:0}.job-text{font-size:.95rem;color:#654321;font-weight:500;line-height:1.6}.warning-box{margin-top:var(--space-md);padding:var(--space-md);background:#dc143c1a;border:2px solid rgba(220,20,60,.3);border-radius:12px;display:flex;gap:var(--space-sm)}.warning-label{font-weight:700;color:#dc143c;flex-shrink:0}.warning-text{color:#654321;font-weight:500;line-height:1.6}.blessing-box{margin-top:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#ffd70033,#cfb53b26);border:3px solid var(--gold-antique);border-radius:16px;text-align:center}.blessing-text{font-family:var(--font-chinese);font-size:1.8rem;color:#8b4513;font-weight:900;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.advice-section{background:#fffffff2}.advice-scroll-container{max-height:500px;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-sm);margin-top:var(--space-md)}.advice-scroll-container::-webkit-scrollbar{width:8px}.advice-scroll-container::-webkit-scrollbar-track{background:#cfb53b1a;border-radius:10px}.advice-scroll-container::-webkit-scrollbar-thumb{background:#cfb53b80;border-radius:10px}.advice-scroll-container::-webkit-scrollbar-thumb:hover{background:#cfb53bb3}.advice-item{margin-bottom:var(--space-lg);padding:var(--space-md);background:#cfb53b0d;border-radius:12px;border-left:4px solid var(--gold-antique)}.advice-item:last-child{margin-bottom:0}.advice-title{font-size:1.3rem;color:#8b4513;margin-bottom:var(--space-sm);font-weight:700;text-shadow:.5px .5px 1px rgba(0,0,0,.1)}.advice-text{font-size:1rem;color:#654321;line-height:1.8;font-weight:500}.restart-btn{margin-top:var(--space-xl);align-self:center;padding:var(--space-md) var(--space-xl);font-size:1.1rem}.results-back-button{position:fixed;top:calc(var(--space-md) + 60px);left:var(--space-md);z-index:100}.restart-btn .btn-content{display:flex;align-items:center;justify-content:center}.restart-btn .btn-chinese{font-family:var(--font-chinese);font-size:1rem;font-weight:700}.restart-btn .btn-english{font-size:1rem;font-weight:700}@media(max-width:768px){.fortune-results{padding:var(--space-md);padding-top:calc(var(--space-md) + 70px);max-width:100%}.results-container{gap:var(--space-md)}.results-header{padding:var(--space-md);border-radius:20px;border-width:2px;margin-top:70px}.header-year h1{font-size:2.5rem}.year-chinese{font-size:1.3rem}.year-english{font-size:.9rem}.zodiac-header-info{gap:var(--space-sm);padding:var(--space-sm);border-radius:12px;flex-wrap:wrap;justify-content:center}.zodiac-emoji-large{font-size:2.5rem}.zodiac-animal-name{font-size:1.2rem}.zodiac-element-info{font-size:.85rem}.section-title{font-size:1.4rem;gap:var(--space-xs)}.characteristics-content{grid-template-columns:1fr;gap:var(--space-sm)}.char-label{font-size:.8rem}.char-value{font-size:1rem}.overall-rating{flex-wrap:wrap;justify-content:center}.overall-star{font-size:2rem}.rating-text{font-size:1rem;width:100%;text-align:center;margin-left:0;margin-top:var(--space-sm)}.overall-summary{font-size:1rem;padding:var(--space-sm)}.chart-row{flex-wrap:wrap;gap:8px;padding:8px 10px}.chart-label{min-width:85px;gap:6px}.chart-icon{font-size:1.1rem}.chart-name{font-size:.85rem}.chart-bar-track{flex:1;min-width:80px;height:6px}.chart-stars{min-width:70px}.chart-star{font-size:.8rem}.lucky-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.lucky-item{padding:var(--space-sm);border-radius:10px}.lucky-label{font-size:.75rem}.lucky-value{font-size:.95rem}.warning-box{flex-direction:column;gap:var(--space-xs);padding:var(--space-sm)}.warning-label,.warning-text{font-size:.9rem}.blessing-box{padding:var(--space-md);border-radius:12px}.blessing-text{font-size:1.4rem}.advice-item{padding:var(--space-sm);margin-bottom:var(--space-md)}.advice-title{font-size:1.1rem}.advice-text{font-size:.9rem;line-height:1.7}.restart-btn{margin-top:var(--space-lg);padding:var(--space-md);font-size:1rem;width:100%;max-width:280px}}@media(max-width:768px){.compatibility-animals{justify-content:center}.compatibility-badge{padding:6px 12px;font-size:.85rem}.compatibility-emoji{font-size:1.1rem}.ideal-jobs-section,.compatibility-section{padding:var(--space-sm)}}@media(max-width:480px){.fortune-results{padding:var(--space-sm);padding-top:calc(var(--space-sm) + 70px)}.results-header{padding:var(--space-sm);border-radius:16px;margin-top:70px}.header-year h1{font-size:2rem}.year-chinese{font-size:1.1rem}.year-english{font-size:.8rem}.zodiac-header-info{flex-direction:column;text-align:center}.zodiac-details{align-items:center}.zodiac-emoji-large{font-size:2rem}.zodiac-animal-name{font-size:1rem}.section-title{font-size:1.2rem}.overall-star{font-size:1.5rem}.overall-summary{font-size:.9rem}.chart-row{padding:6px 8px;gap:6px}.chart-label{min-width:75px}.chart-icon{font-size:1rem}.chart-name{font-size:.8rem}.chart-bar-track{height:5px}.chart-stars{min-width:60px}.chart-star{font-size:.7rem}.lucky-grid{grid-template-columns:1fr 1fr}.lucky-label{font-size:.7rem}.lucky-value{font-size:.85rem}.blessing-text{font-size:1.2rem}.advice-title{font-size:1rem}.advice-text{font-size:.85rem}.restart-btn{font-size:.95rem}.action-buttons{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:20px}}.chinese-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.bg-char{position:absolute;font-family:var(--font-chinese);font-size:clamp(8rem,20vw,15rem);color:var(--gold-antique);opacity:.15;font-weight:900;pointer-events:none;-webkit-user-select:none;user-select:none}.bg-char-fu{top:5%;left:5%;transform:rotate(-15deg)}.bg-char-lu{top:5%;right:5%;transform:rotate(15deg)}.bg-char-shou{bottom:5%;left:5%;transform:rotate(15deg)}.bg-char-xi{bottom:5%;right:5%;transform:rotate(-15deg)}.lantern{position:absolute;pointer-events:none;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.lantern-1{left:10%}.lantern-2{left:30%}.lantern-3{left:50%}.lantern-4{left:70%}.lantern-5{left:85%}.lantern-6{left:20%}.blossom{position:absolute;pointer-events:none}.cloud{position:absolute;opacity:.05;pointer-events:none}.cloud-1{top:10%;left:-10%}.cloud-2{top:60%;right:-10%}.cloud-3{bottom:20%;left:5%}.cloud-4{top:30%;right:5%}.floating-star{position:absolute;font-size:1rem;color:var(--gold-pale);pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:768px){.bg-char{font-size:clamp(4rem,12vw,6rem);opacity:.08}.bg-char-fu{top:2%;left:-5%}.bg-char-lu{top:2%;right:-5%}.bg-char-shou{bottom:2%;left:-5%}.bg-char-xi{bottom:2%;right:-5%}.lantern{opacity:.4;transform:scale(.6)}.cloud{display:none}.floating-star{font-size:.7rem}}@media(max-width:480px){.bg-char{font-size:clamp(3rem,10vw,4rem);opacity:.05}.lantern{opacity:.3;transform:scale(.4)}.blossom{opacity:.5;transform:scale(.7)}}.app-footer{width:100%;margin-top:auto;padding:var(--space-xl) var(--space-lg);background:linear-gradient(180deg,transparent 0%,rgba(26,26,46,.3) 100%);border-top:2px solid rgba(207,181,59,.2)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.disclaimer-box{background:#8b00001a;border:2px solid rgba(207,181,59,.3);border-radius:12px;padding:var(--space-lg);text-align:center}.disclaimer-title{font-size:1.1rem;color:#cfb53b;font-weight:700;margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.disclaimer-text{font-size:.85rem;color:#fffc;line-height:1.7;margin-bottom:var(--space-md);text-align:left}.disclaimer-text-chinese{font-size:.8rem;color:#ffffffb3;line-height:1.8;font-family:var(--font-chinese, sans-serif);text-align:left}.footer-info{text-align:center;padding-top:var(--space-md);border-top:1px solid rgba(207,181,59,.2)}.footer-text{font-size:.9rem;color:#fff9;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xs)}.separator{color:#cfb53b80}.footer-credits{font-size:.9rem;color:#cfb53bcc;font-weight:600;margin:var(--space-xs) 0}.footer-connect{display:inline-block;font-size:.9rem;color:#0a66c2;font-weight:600;text-decoration:none;padding:8px 16px;margin:var(--space-sm) 0;border-radius:20px;background:#0a66c21a;border:1px solid rgba(10,102,194,.3);transition:all .3s ease}.footer-connect:hover{background:#0a66c233;border-color:#0a66c2;transform:translateY(-2px);box-shadow:0 4px 12px #0a66c24d}.footer-wish{font-size:1rem;color:var(--gold-bright);font-weight:700;margin:var(--space-sm) 0;text-shadow:0 0 10px rgba(255,215,0,.5)}.footer-year{font-size:.85rem;color:#cfb53bb3;font-weight:600}@media(max-width:768px){.app-footer{padding:var(--space-md) var(--space-sm)}.disclaimer-box{padding:var(--space-md)}.disclaimer-title{font-size:1rem}.disclaimer-text{font-size:.8rem}.disclaimer-text-chinese{font-size:.75rem}.footer-text{font-size:.8rem;flex-direction:column;gap:4px}.separator{display:none}.footer-year{font-size:.8rem}}.settings-button{position:fixed;top:var(--space-md);right:var(--space-md);width:50px;height:50px;border-radius:50%;background:var(--bg-card);border:2px solid var(--gold-antique);font-size:1.5rem;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);transition:all .3s ease}.settings-button:hover{box-shadow:var(--shadow-glow);background:#cfb53b33}.settings-overlay{position:fixed;inset:0;background:#00000080;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-panel{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background:var(--bg-card);z-index:1002;box-shadow:-5px 0 30px #0000004d;display:flex;flex-direction:column;overflow-y:auto}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:2px solid var(--gold-antique);background:linear-gradient(135deg,#cfb53b1a,#ffd7000d)}.settings-title{font-family:var(--font-chinese);font-size:clamp(1.5rem,4vw,2rem);color:#654321;margin:0}.settings-close{width:35px;height:35px;border-radius:50%;border:2px solid var(--gold-antique);background:transparent;font-size:1.2rem;color:#654321;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.settings-close:hover{background:#cfb53b33;transform:rotate(90deg)}.settings-content{flex:1;padding:var(--space-lg)}.settings-section{margin-bottom:var(--space-xl)}.settings-section-title{font-family:var(--font-chinese);font-size:clamp(1.1rem,2.5vw,1.3rem);color:#654321;margin-bottom:var(--space-md);font-weight:600}.settings-options{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#fff9;border:2px solid rgba(207,181,59,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:clamp(1rem,2.5vw,1.1rem);color:#654321;font-weight:500}.settings-option:hover{background:#cfb53b1a;border-color:var(--gold-antique);transform:translate(5px)}.settings-option.active{background:linear-gradient(135deg,#cfb53b4d,#ffd70033);border-color:var(--gold-antique);border-width:3px;font-weight:700}.option-flag{font-size:1.5rem}.option-label{font-family:var(--font-chinese)}@media(max-width:768px){.settings-panel{max-width:100%;width:100%}.settings-button{width:45px;height:45px;font-size:1.3rem;top:var(--space-sm);right:var(--space-sm)}.settings-header,.settings-content{padding:var(--space-md)}.settings-option{padding:var(--space-sm) var(--space-md);font-size:calc(.95rem * var(--text-size-multiplier))}}@media(max-width:480px){.settings-button{width:40px;height:40px;font-size:1.1rem}.settings-title{font-size:clamp(1.2rem,4vw,1.5rem)}.settings-section-title{font-size:clamp(.95rem,2.5vw,1.1rem)}}.language-toggle{position:fixed;top:var(--space-md);left:var(--space-md);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:2px solid var(--gold-antique);border-radius:25px;cursor:pointer;z-index:1000;box-shadow:var(--shadow-soft);transition:all .3s ease;font-family:var(--font-main);font-weight:600;color:#654321}.language-toggle:hover{box-shadow:var(--shadow-glow);background:#cfb53b26;border-color:var(--gold-bright);transform:translateY(-2px)}.language-toggle-flag{font-size:1.3rem;line-height:1}.language-toggle-text{font-size:.95rem;font-weight:700;color:#654321;min-width:35px;text-align:center}.language-toggle-arrow{font-size:.9rem;color:var(--gold-antique);opacity:.8;margin-left:2px}@media(max-width:768px){.language-toggle{top:var(--space-sm);left:var(--space-sm);padding:8px 12px;gap:6px}.language-toggle-flag{font-size:1.2rem}.language-toggle-text{font-size:.85rem;min-width:30px}.language-toggle-arrow{font-size:.8rem}}@media(max-width:480px){.language-toggle{padding:6px 10px;gap:4px}.language-toggle-flag{font-size:1.1rem}.language-toggle-text{font-size:.8rem;min-width:28px}.language-toggle-arrow{font-size:.75rem}}.history-overlay{position:fixed;inset:0;background:#00000080;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.history-panel{position:fixed;top:0;right:0;width:100%;max-width:500px;height:100vh;background:var(--bg-card);z-index:1002;box-shadow:-5px 0 30px #0000004d;display:flex;flex-direction:column;overflow-y:auto}.history-panel-full{position:fixed;inset:0;background:var(--bg-main);z-index:1003;overflow-y:auto}.history-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:2px solid var(--gold-antique);background:linear-gradient(135deg,#cfb53b1a,#ffd7000d);position:sticky;top:0;z-index:10}.history-title{font-family:var(--font-chinese);font-size:clamp(1.5rem,4vw,2rem);color:#654321;margin:0}.history-close-btn{width:35px;height:35px;border-radius:50%;border:2px solid var(--gold-antique);background:transparent;font-size:1.2rem;color:#654321;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.history-close-btn:hover{background:#cfb53b33;transform:rotate(90deg)}.history-content{flex:1;padding:var(--space-lg)}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;text-align:center;color:#654321}.history-empty p{font-size:1.2rem;margin-bottom:var(--space-sm)}.history-empty-sub{font-size:.9rem;opacity:.7}.history-actions{margin-bottom:var(--space-md);display:flex;justify-content:flex-end}.history-clear-btn{padding:var(--space-sm) var(--space-md);background:#8b00001a;border:2px solid var(--crimson-deep);border-radius:8px;color:var(--crimson-deep);cursor:pointer;font-size:.9rem;transition:all .3s ease}.history-clear-btn:hover{background:#8b000033}.history-list{display:flex;flex-direction:column;gap:var(--space-sm)}.history-item{background:#fff9;border:2px solid rgba(207,181,59,.3);border-radius:12px;padding:var(--space-md);cursor:pointer;transition:all .3s ease}.history-item:hover{background:#cfb53b1a;border-color:var(--gold-antique);transform:translate(-5px)}.history-item-content{display:flex;flex-direction:column;gap:var(--space-xs)}.history-item-header{display:flex;justify-content:space-between;align-items:center}.history-item-date{font-size:.85rem;color:#654321;opacity:.8;font-weight:500}.history-item-delete{width:24px;height:24px;border-radius:50%;border:none;background:#8b00001a;color:var(--crimson-deep);cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.history-item-delete:hover{background:#8b000033;transform:scale(1.1)}.history-item-info{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.history-item-zodiac{font-family:var(--font-chinese);font-size:1.1rem;color:#654321;font-weight:700}.history-item-date-info{font-size:.9rem;color:#654321;opacity:.7}.history-item-summary{font-size:.85rem;color:#654321;opacity:.8;margin-top:var(--space-xs);line-height:1.4}.history-reading-container{padding:var(--space-lg);max-width:1200px;margin:0 auto}@media(max-width:768px){.history-panel{max-width:100%;width:100%}.history-panel-header,.history-content{padding:var(--space-md)}.history-item{padding:var(--space-sm)}}.history-button{position:fixed;top:var(--space-md);right:calc(var(--space-md) + 60px);width:50px;height:50px;border-radius:50%;background:var(--bg-card);border:2px solid var(--gold-antique);font-size:1.5rem;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);transition:all .3s ease}.history-button:hover{box-shadow:var(--shadow-glow);background:#cfb53b33;transform:translateY(-2px)}@media(max-width:768px){.history-button{width:45px;height:45px;font-size:1.3rem;top:var(--space-sm);right:calc(var(--space-sm) + 55px)}}@media(max-width:480px){.history-button{width:40px;height:40px;font-size:1.1rem;right:calc(var(--space-sm) + 50px)}}.home-button{position:fixed;top:20px;right:calc(var(--space-md) + 120px);z-index:1000;display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#cfb53be6,#ffd700e6);border:2px solid var(--gold-bright);border-radius:25px;color:var(--crimson-deep);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 15px #ffd70066,inset 0 1px 5px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-button:hover{box-shadow:0 6px 25px #ffd70099,inset 0 1px 8px #fff6;transform:translateY(-2px);background:linear-gradient(135deg,#ffd700f2,#ffa500f2)}.home-button:active{transform:translateY(0) scale(.95)}.home-icon{font-size:1.3rem;display:flex;align-items:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.home-text{font-family:var(--font-main);letter-spacing:.05em}@media(max-width:768px){.home-button{top:15px;right:calc(var(--space-sm) + 110px);padding:10px 16px;font-size:.85rem}.home-icon{font-size:1.1rem}}:root{--crimson-deep: #8B0000;--crimson-rich: #A52A2A;--crimson-glow: #DC143C;--gold-antique: #CFB53B;--gold-bright: #FFD700;--gold-pale: #F0E68C;--jade-green: #00A86B;--peach-pink: #FFCBA4;--ink-black: #1A1A2E;--paper-cream: #FFF5E1;--silk-white: #FEFEFA;--bg-main: linear-gradient(180deg, #1A1A2E 0%, #16213E 50%, #0F3460 100%);--bg-card: linear-gradient(135deg, #FFF5E1 0%, #FFE4C4 100%);--bg-accent: linear-gradient(135deg, var(--crimson-deep) 0%, var(--crimson-rich) 100%);--shadow-soft: 0 4px 20px rgba(139, 0, 0, .2);--shadow-glow: 0 0 30px rgba(255, 215, 0, .3);--shadow-deep: 0 10px 40px rgba(0, 0, 0, .4);--font-chinese: "ZCOOL XiaoWei", serif;--font-main: "Quicksand", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--text-size-multiplier: 1}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg-main);color:var(--silk-white);min-height:100vh;line-height:1.7;overflow-x:hidden;font-size:calc(1rem * var(--text-size-multiplier))}#root{min-height:100vh;width:100%}.app{min-height:100vh;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}h1,h2,h3{font-family:var(--font-chinese);font-weight:400;letter-spacing:.05em}h1{font-size:calc(clamp(2.5rem,8vw,4.5rem) * var(--text-size-multiplier))}h2{font-size:calc(clamp(1.8rem,5vw,2.8rem) * var(--text-size-multiplier))}h3{font-size:calc(clamp(1.2rem,3vw,1.6rem) * var(--text-size-multiplier))}.title-glow{background:linear-gradient(135deg,var(--gold-bright),var(--gold-antique),var(--gold-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(255,215,0,.5))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:50px;font-family:var(--font-main);font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:var(--bg-accent);color:var(--gold-bright);border:2px solid var(--gold-antique);box-shadow:var(--shadow-soft),inset 0 1px #ffffff1a}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-glow),var(--shadow-soft)}.btn-secondary{background:transparent;color:var(--gold-bright);border:2px solid var(--gold-antique)}.btn-secondary:hover{background:#cfb53b1a;transform:translateY(-2px)}.btn-golden{background:linear-gradient(135deg,var(--gold-bright),var(--gold-antique));color:var(--crimson-deep);border:none;font-weight:700}.btn-golden:hover{transform:translateY(-4px);box-shadow:0 10px 30px #ffd70066}.card{background:var(--bg-card);border-radius:20px;padding:var(--space-xl);position:relative;box-shadow:var(--shadow-deep)}.card:before{content:"";position:absolute;inset:0;border-radius:20px;border:3px solid var(--gold-antique);pointer-events:none}.card:after{content:"";position:absolute;inset:10px;border:1px solid rgba(139,0,0,.2);border-radius:15px;pointer-events:none}select,input{width:100%;padding:var(--space-md);border:2px solid var(--gold-antique);border-radius:12px;font-family:var(--font-main);font-size:1rem;background:var(--silk-white);color:var(--ink-black);transition:all .3s ease;appearance:none}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238B0000' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}select:focus,input:focus{outline:none;border-color:var(--crimson-rich);box-shadow:0 0 0 4px #8b000026}label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--crimson-deep);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);padding-top:calc(var(--space-xl) + 80px);position:relative;z-index:1}.pattern-border{position:relative}.pattern-border:before{content:"◇ ◆ ◇ ◆ ◇ ◆ ◇";position:absolute;top:-20px;left:50%;transform:translate(-50%);color:var(--gold-antique);font-size:.8rem;letter-spacing:.5em;opacity:.6}.seal-stamp{position:relative;display:inline-block}.seal-stamp:after{content:"吉";position:absolute;bottom:-10px;right:-10px;width:40px;height:40px;background:var(--crimson-deep);color:var(--silk-white);font-family:var(--font-chinese);font-size:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transform:rotate(15deg);box-shadow:2px 2px 5px #0000004d}.star-rating{display:flex;gap:4px}.star{font-size:1.5rem;color:#cfb53b4d;transition:all .3s ease}.star.filled{color:var(--gold-bright);filter:drop-shadow(0 0 5px rgba(255,215,0,.6));animation:star-pulse 2s ease-in-out infinite}@keyframes star-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.spinner{width:50px;height:50px;border:4px solid rgba(207,181,59,.2);border-top-color:var(--gold-bright);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){:root{--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem}.page{padding:var(--space-md);padding-top:calc(var(--space-md) + 70px);min-height:100dvh}.card{padding:var(--space-md);border-radius:16px}.card:after{inset:6px;border-radius:12px}.btn{padding:var(--space-sm) var(--space-lg);font-size:calc(.9rem * var(--text-size-multiplier))}select,input{padding:var(--space-sm) var(--space-md);font-size:calc(16px * var(--text-size-multiplier))}p,span,div,label{font-size:calc(1rem * var(--text-size-multiplier))}}@media(max-width:480px){:root{--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem}h1{font-size:clamp(1.8rem,7vw,2.5rem)}h2{font-size:clamp(1.4rem,5vw,1.8rem)}h3{font-size:clamp(1rem,3vw,1.3rem)}.page{padding:var(--space-sm)}.card{padding:var(--space-md);border-width:2px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ink-black)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--crimson-deep),var(--gold-antique));border-radius:10px}.text-center{text-align:center}.text-gold{color:var(--gold-bright)}.text-crimson{color:var(--crimson-glow)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}