[data-v-8a2a9fbb] .fade-enter-active,.fade-leave-active{transition:opacity .3s ease}[data-v-8a2a9fbb] .fade-enter-from,.fade-leave-to{opacity:0}[data-v-8a2a9fbb] .slide-up-enter-active{transition:all .4s cubic-bezier(.16,1,.3,1)}[data-v-8a2a9fbb] .slide-up-leave-active{transition:all .3s ease}[data-v-8a2a9fbb] .slide-up-enter-from{opacity:0;transform:translateY(30px)}[data-v-8a2a9fbb] .slide-up-leave-to{opacity:0;transform:translateY(-10px)}:root{--bg-primary: #f7f3eb;--bg-secondary: #f0ebe0;--bg-card: rgba(255, 255, 255, .85);--bg-glass: rgba(255, 255, 255, .6);--bg-nebula: radial-gradient(ellipse at 20% 50%, rgba(201, 162, 39, .08) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(39, 174, 96, .06) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, rgba(52, 152, 219, .05) 0%, transparent 50%);--text-primary: #2d3436;--text-secondary: rgba(45, 52, 54, .75);--text-tertiary: rgba(45, 52, 54, .55);--text-dim: rgba(45, 52, 54, .35);--text-gradient: linear-gradient(135deg, #c9a227 0%, #d4af37 30%, #e8c547 60%, #c9a227 100%);--text-gradient-animated: linear-gradient(90deg, #c9a227, #27ae60, #3498db, #c9a227);--wood-primary: #27ae60;--wood-secondary: #2ecc71;--wood-tertiary: #58d68d;--wood-glow: rgba(39, 174, 96, .3);--wood-gradient: linear-gradient(135deg, #27ae60 0%, #2ecc71 50%, #58d68d 100%);--fire-primary: #e74c3c;--fire-secondary: #ec7063;--fire-tertiary: #f1948a;--fire-glow: rgba(231, 76, 60, .3);--fire-gradient: linear-gradient(135deg, #e74c3c 0%, #ec7063 50%, #f1948a 100%);--earth-primary: #d4a574;--earth-secondary: #e0b890;--earth-tertiary: #ecd9b0;--earth-glow: rgba(212, 165, 116, .3);--earth-gradient: linear-gradient(135deg, #d4a574 0%, #e0b890 50%, #ecd9b0 100%);--metal-primary: #c9a227;--metal-secondary: #d4af37;--metal-tertiary: #e8c547;--metal-glow: rgba(201, 162, 39, .4);--metal-gradient: linear-gradient(135deg, #c9a227 0%, #d4af37 50%, #e8c547 100%);--water-primary: #3498db;--water-secondary: #5dade2;--water-tertiary: #85c1e9;--water-glow: rgba(52, 152, 219, .3);--water-gradient: linear-gradient(135deg, #3498db 0%, #5dade2 50%, #85c1e9 100%);--glow-gold: rgba(201, 162, 39, .4);--glow-blue: rgba(52, 152, 219, .3);--glow-purple: rgba(155, 89, 182, .3);--glow-cyan: rgba(39, 174, 96, .3);--glow-red: rgba(231, 76, 60, .3);--energy-primary: #c9a227;--energy-secondary: #e74c3c;--energy-tertiary: #3498db;--border-subtle: rgba(45, 52, 54, .08);--border-medium: rgba(45, 52, 54, .15);--border-glow: rgba(201, 162, 39, .4);--border-glass: rgba(255, 255, 255, .5);--shadow-glow: 0 0 30px rgba(201, 162, 39, .15), 0 0 60px rgba(201, 162, 39, .08);--shadow-glow-blue: 0 0 30px rgba(52, 152, 219, .15), 0 0 60px rgba(52, 152, 219, .08);--shadow-card: 0 4px 20px rgba(0, 0, 0, .08), 0 0 0 1px rgba(45, 52, 54, .05);--shadow-elevated: 0 12px 40px rgba(0, 0, 0, .12), 0 0 0 1px rgba(45, 52, 54, .08);--shadow-inner-glow: inset 0 1px 1px rgba(255, 255, 255, .5);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--font-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--font-display: "Playfair Display", "Georgia", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.45, .05, .55, .95);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleInElastic{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ffd70033,0 0 40px #ffd7001a}50%{box-shadow:0 0 40px #ffd70066,0 0 80px #ffd70033}}@keyframes glow-pulse{0%,to{opacity:.4;filter:blur(40px)}50%{opacity:.8;filter:blur(60px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes text-shimmer{0%{background-position:-100% center}to{background-position:200% center}}@keyframes scan-line{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) scale(.3);opacity:0}}@keyframes star-burst{0%{opacity:0;transform:scale(0) rotate(0)}30%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(2) rotate(360deg)}}@keyframes energy-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}@keyframes energy-flow{0%,to{opacity:.5;transform:translate(-5px)}50%{opacity:1;transform:translate(5px)}}@keyframes ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes particle-drift{0%,to{transform:translate(0)}25%{transform:translate(10px,-15px)}50%{transform:translate(-5px,-25px)}75%{transform:translate(-15px,-10px)}}@keyframes nebula-shift{0%,to{opacity:.3;transform:scale(1) translate(0)}33%{opacity:.5;transform:scale(1.1) translate(20px,-10px)}66%{opacity:.4;transform:scale(.95) translate(-10px,15px)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes bagua-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bagua-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.3))}50%{filter:drop-shadow(0 0 30px rgba(255,215,0,.6))}}@keyframes destiny-reveal{0%{opacity:0;transform:translateY(60px) scale(.9);filter:blur(10px)}50%{filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes light-curtain{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes btn-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ffd70066}50%{transform:scale(1.02);box-shadow:0 0 0 15px #ffd70000}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes page-enter{0%{opacity:0;transform:scale(1.05);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes page-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95);filter:blur(4px)}}@keyframes count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glass-shimmer{0%{background-position:-100% -100%}to{background-position:200% 200%}}.animate-fade-in{animation:fadeIn .6s var(--ease-out-expo) forwards}.animate-fade-in-up{animation:fadeInUp .8s var(--ease-out-expo) forwards}.animate-scale-in{animation:scaleInElastic .6s var(--ease-out-back) forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-shimmer{background-size:200% 100%;animation:shimmer 2s linear infinite}.animate-text-shimmer{background-size:200% auto;animation:text-shimmer 3s linear infinite}.animate-rotate-slow{animation:rotate-slow 60s linear infinite}.animate-twinkle{animation:twinkle 2s ease-in-out infinite}.animate-star-burst{animation:star-burst 1s ease-out forwards}.animate-destiny-reveal{animation:destiny-reveal 1s var(--ease-out-expo) forwards}.animate-btn-pulse{animation:btn-pulse 2s ease-in-out infinite}.animate-nebula{animation:nebula-shift 20s ease-in-out infinite}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-serif);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#app{min-height:100vh;position:relative}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2d343633;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2d34364d}::selection{background:#c9a22740;color:var(--text-primary)}.page-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden}.card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.card-glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.gradient-text{background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-gradient-border{position:relative;padding:var(--space-md) var(--space-xl);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);overflow:hidden;transition:all .3s var(--ease-out-expo)}.btn-gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:var(--metal-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border-radius:inherit}.btn-gradient-border:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-gradient-border .btn-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-gradient{padding:var(--space-md) var(--space-xl);background:var(--metal-gradient);border-radius:var(--radius-full);color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:all .3s var(--ease-out-expo)}.btn-gradient:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-gradient:active{transform:translateY(0)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.container-sm{max-width:480px}.container-md{max-width:640px}.container-lg{max-width:960px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}@media (min-width: 640px){html{font-size:16px}}@media (min-width: 1024px){html{font-size:16px}}