@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/noto-serif-sc-400-DPXTGwZ3.woff2)format("woff2")}@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/noto-serif-sc-600-CbKAMH3f.woff2)format("woff2")}@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/noto-serif-sc-700-CBTTaE2J.woff2)format("woff2")}:root{--purple-900:#1e0e5c;--purple-800:#2d1b6e;--purple-700:#3b1f82;--purple-600:#4c1d95;--purple-500:#5b21b6;--purple-400:#7c3aed;--purple-300:#9333ea;--purple-200:#a78bfa;--purple-100:#c4b5fd;--purple-50:#ede9fe;--pink-600:#be185d;--pink-500:#ec4899;--pink-100:#fbcfe8;--pink-50:#fce7f3;--gold:#d4af37;--gold-light:#fde68a;--bg-page:linear-gradient(180deg,#eae4ff 0%,#f5f2ff 40%,#fafaff 100%);--bg-phone:linear-gradient(180deg,#c8b8ff 0%,#e8e0ff 10%,#f5f2ff 28%,#fff 52%);--bg-hero:linear-gradient(145deg,#1e0e5c 0%,#2d1b6e 30%,#3b1f82 60%,#5b21b6 100%);--bg-card:#fff;--bg-surface:#f5f3ff;--shadow-card:0 4px 8px #643cdc0d,0 12px 28px #643cdc14;--shadow-hero:0 8px 28px #1e0e5c59;--shadow-btn:0 4px 14px #7c3aed59;--shadow-tab:0 -6px 24px #643cdc12;--radius-hero:22px;--radius-card:20px;--radius-inner:14px;--radius-chip:10px;--radius-tag:6px;--radius-tab:15px;--radius-tab-center:18px;--radius-full:999px;--grad-primary:linear-gradient(135deg,#7c3aed,#9333ea);--grad-duo:linear-gradient(135deg,#7c3aed,#ec4899);--grad-reverse:linear-gradient(135deg,#be185d,#7c3aed);--text-primary:#1e0e5c;--text-body:#374151;--text-muted:#6b7280;--text-faint:#687085;--text-disabled:#6b7280;--wx-fire:#ef4444;--wx-wood:#22c55e;--wx-earth:#d97706;--wx-metal:#d4af37;--wx-water:#3b82f6;--font-sans:-apple-system, "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--font-serif:"Noto Serif SC", serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--ease-smooth:cubic-bezier(.16,1,.3,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.6s;--page-pad:16px;--card-pad:16px;--gap-sm:8px;--gap-md:12px;--gap-lg:16px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{background-color:#eae4ff;background-image:var(--bg-page);width:100%;height:100%;font-family:var(--font-sans);color:var(--text-body);font-size:14px;line-height:1.6;overflow:hidden}#app{padding-top:env(safe-area-inset-top,0px);background-color:#eae4ff;background-image:var(--bg-page);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.scroll-body{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;overflow-y:auto}.scroll-body::-webkit-scrollbar{display:none}.hero-card{background:var(--bg-hero);border-radius:var(--radius-hero);box-shadow:var(--shadow-hero);margin:0 var(--page-pad) 14px;padding:20px;position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#a78bfa2e 0%,#0000 65%);border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-50px}.hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ec48991f 0%,#0000 65%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-40px;left:-30px}.content-card{background:var(--bg-card);border-radius:var(--radius-card);padding:var(--card-pad);box-shadow:var(--shadow-card);margin:0 var(--page-pad) 14px;border:1px solid #7c3aed0f}.section-title{color:var(--text-primary);letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.section-title:before{content:"";background:linear-gradient(#7c3aed,#be185d);border-radius:2px;flex-shrink:0;width:3px;height:13px;display:block}.btn-primary{background:var(--grad-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-btn);transition:transform var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:none;font-weight:700}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 8px #7c3aed40}.progress-bar{border-radius:3px;height:6px;overflow:hidden}.progress-fill{height:100%;transition:width .8s var(--ease-smooth);border-radius:3px}.tab-bar{padding:10px 14px max(env(safe-area-inset-bottom,0px), 16px);box-shadow:var(--shadow-tab);background:#fff;flex-shrink:0;justify-content:space-around;align-items:center;display:flex;position:relative}.tab-bar:after{content:"";height:env(safe-area-inset-bottom,0px);background:#fff;position:fixed;bottom:0;left:0;right:0}.tab-item{cursor:pointer;flex-direction:column;align-items:center;gap:3px;display:flex}.tab-icon{border-radius:var(--radius-tab);width:44px;height:44px;transition:transform var(--duration-fast) var(--ease-bounce);justify-content:center;align-items:center;display:flex}.tab-icon.active{background:var(--grad-primary);box-shadow:var(--shadow-btn)}.tab-icon.center{border-radius:var(--radius-tab-center);background:var(--grad-duo);width:54px;height:54px;position:relative;top:-8px;box-shadow:0 6px 20px #7c3aed66}.tab-label{letter-spacing:.04em;font-size:9px;font-weight:600}.tab-label.active{color:var(--purple-400)}.tab-label.inactive{color:var(--text-disabled)}.wx-bar-fire{background:linear-gradient(90deg,#fca5a5,#ef4444)}.wx-bar-wood{background:linear-gradient(90deg,#86efac,#22c55e)}.wx-bar-earth{background:linear-gradient(90deg,#fcd34d,#d97706)}.wx-bar-metal{background:linear-gradient(90deg,#fde68a,#d4af37)}.wx-bar-water{background:linear-gradient(90deg,#93c5fd,#3b82f6)}.page-enter{animation:.25s forwards pageEnter}.page-leave{animation:.25s forwards pageLeave}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pageLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes pulse-dot{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.vip-shine{pointer-events:none;background:linear-gradient(105deg,#0000,#ffffff8c,#0000);width:45%;height:100%;animation:3.8s ease-in-out infinite vip-shine;position:absolute;top:0;left:-60%;transform:skew(-18deg)}@keyframes vip-shine{0%{left:-60%}55%,to{left:135%}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}