@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700;800&display=swap";.app-shell[data-v-59d776c1]{position:relative;min-height:100vh}.bottom-nav[data-v-59d776c1]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;align-items:center;padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:#ffffffbf;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid rgba(255,122,185,.15);z-index:100}.nav-item[data-v-59d776c1]{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;padding:4px 14px;border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-smooth);position:relative}.nav-glyph[data-v-59d776c1]{font-size:22px;color:var(--text-muted);transition:all var(--dur-fast) var(--ease-smooth)}.nav-label[data-v-59d776c1]{font-size:10px;font-weight:500;color:var(--text-muted);transition:all var(--dur-fast) var(--ease-smooth)}.nav-item--active[data-v-59d776c1]{background:#ff7ab924}.nav-item--active .nav-glyph[data-v-59d776c1]{transform:scale(1.15);filter:drop-shadow(0 2px 6px rgba(255,122,185,.4))}.nav-item--active .nav-label[data-v-59d776c1]{color:var(--neon-purple)}.nav-item--active[data-v-59d776c1]:before{content:"";position:absolute;top:-6px;width:20px;height:3px;background:var(--neon-purple);border-radius:var(--radius-full);box-shadow:0 0 8px #ff7ab980}.slide-enter-active[data-v-59d776c1],.slide-leave-active[data-v-59d776c1]{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.slide-enter-from[data-v-59d776c1]{opacity:0;transform:translateY(12px) scale(.97)}.slide-leave-to[data-v-59d776c1]{opacity:0;transform:translateY(-8px) scale(.98)}:root{--bg-deep: #09090f;--bg-primary: #12121f;--bg-elevated: #1a1a2e;--bg-glass: rgba(255, 255, 255, .03);--bg-glass-hover:rgba(255, 255, 255, .05);--neon-purple: #a78bfa;--neon-mint: #34d399;--neon-pink: #f472b6;--neon-blue: #60a5fa;--neon-amber: #fbbf24;--neon-coral: #fb7185;--neon-indigo: #818cf8;--neon-lilac: #c084fc;--glow-purple: 0 0 20px rgba(167, 139, 250, .25);--glow-mint: 0 0 20px rgba(52, 211, 153, .25);--glow-pink: 0 0 16px rgba(244, 114, 182, .2);--glow-blue: 0 0 20px rgba(96, 165, 250, .25);--glow-amber: 0 0 20px rgba(251, 191, 36, .25);--text-primary: #f1f1f6;--text-secondary:#a1a1aa;--text-muted: #52525b;--text-inverse: #09090f;--border-subtle: rgba(255, 255, 255, .06);--border-default:rgba(255, 255, 255, .08);--border-active: rgba(167, 139, 250, .3);--border-glow: rgba(167, 139, 250, .15);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-display: "Lexend", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 20px;--fs-xl: 26px;--fs-2xl: 36px;--fs-3xl: 48px;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-normal: .3s;--dur-slow: .5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-deep);color:var(--text-primary)}body{font-family:var(--font-body);background:var(--bg-deep);min-height:100vh;overflow-x:hidden;line-height:1.6}#app{max-width:480px;margin:0 auto;min-height:100vh;position:relative;background:var(--bg-primary)}.glass-card{background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff08;transition:all var(--dur-normal) var(--ease-smooth)}.glass-card:hover{border-color:var(--border-active);box-shadow:0 8px 32px #a78bfa1a,0 4px 24px #0006}.glass-card.glow-purple{border-color:#a78bfa33}.glass-card.glow-mint{border-color:#34d39933}.glass-card.glow-pink{border-color:#f472b633}.glass-card.glow-blue{border-color:#60a5fa33}.glass-card.glow-amber{border-color:#fbbf2433}.glass-card.glow-coral{border-color:#fb718533}.geo-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border-subtle);font-size:18px;font-family:var(--font-body);transition:all var(--dur-normal) var(--ease-smooth);flex-shrink:0}.geo-icon.sm{width:28px;height:28px;font-size:14px;border-radius:8px}.geo-icon.lg{width:56px;height:56px;font-size:28px;border-radius:14px}.geo-icon.glow-purple{color:var(--neon-purple);text-shadow:var(--glow-purple);border-color:#a78bfa26}.geo-icon.glow-mint{color:var(--neon-mint);text-shadow:var(--glow-mint);border-color:#34d39926}.geo-icon.glow-pink{color:var(--neon-pink);text-shadow:var(--glow-pink);border-color:#f472b626}.geo-icon.glow-blue{color:var(--neon-blue);text-shadow:var(--glow-blue);border-color:#60a5fa26}.geo-icon.glow-amber{color:var(--neon-amber);text-shadow:var(--glow-amber);border-color:#fbbf2426}.geo-icon.glow-coral{color:var(--neon-coral);text-shadow:0 0 16px rgba(251,113,133,.25);border-color:#fb718526}.geo-icon.glow-indigo{color:var(--neon-indigo);text-shadow:0 0 20px rgba(129,140,248,.3);border-color:#818cf826}.btn-glass{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 28px;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:all var(--dur-normal) var(--ease-spring);letter-spacing:.02em}.btn-glass:hover{background:#ffffff14;border-color:var(--border-active);box-shadow:var(--glow-purple);transform:translateY(-2px)}.btn-glass:active{transform:scale(.96)}.btn-glass.primary{background:#a78bfa26;border-color:#a78bfa59;color:var(--neon-purple)}.btn-glass.primary:hover{background:#a78bfa38;box-shadow:0 0 32px #a78bfa59}.btn-glass.danger{border-color:#fb718540;color:var(--neon-coral)}.glass-input{width:100%;padding:12px 16px;background:#ffffff0a;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-md);outline:none;transition:all var(--dur-fast) var(--ease-smooth)}.glass-input:focus{border-color:var(--border-active);box-shadow:0 0 0 3px #a78bfa1a}.glass-input::placeholder{color:var(--text-muted)}.page{padding:var(--space-lg) var(--space-md);padding-bottom:100px;min-height:100vh;animation:pageIn .4s var(--ease-spring) both}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.page-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}@keyframes pageIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardStagger{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 16px #a78bfa26}50%{box-shadow:0 0 32px #a78bfa4d}}@keyframes countIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-stagger{animation:cardStagger .5s var(--ease-spring) both}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:.06s}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.18s}.stagger-5{animation-delay:.24s}.stagger-6{animation-delay:.3s}.text-purple{color:var(--neon-purple)}.text-mint{color:var(--neon-mint)}.text-pink{color:var(--neon-pink)}.text-blue{color:var(--neon-blue)}.text-amber{color:var(--neon-amber)}.text-coral{color:var(--neon-coral)}.text-muted{color:var(--text-muted)}.text-second{color:var(--text-secondary)}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.fade-enter-active,.fade-leave-active{transition:opacity .25s var(--ease-smooth)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .35s var(--ease-spring)}.slide-enter-from{opacity:0;transform:translateY(12px) scale(.97)}.slide-leave-to{opacity:0;transform:translateY(-8px) scale(.98)}:root{--bg-deep: #FFF3F7;--bg-primary: #FFFFFF;--bg-elevated: #FFF0F5;--bg-glass: rgba(255, 255, 255, .55);--bg-glass-hover: rgba(255, 255, 255, .78);--neon-purple: #FF7AB9;--neon-mint: #7ED6B8;--neon-pink: #FF6BAF;--neon-blue: #6FB4E8;--neon-amber: #F2B94B;--neon-coral: #FF8A80;--neon-indigo: #9A8CD8;--neon-lilac: #C9A0DC;--glow-purple: 0 8px 24px rgba(255, 122, 185, .22);--glow-mint: 0 8px 24px rgba(126, 214, 184, .26);--glow-pink: 0 6px 20px rgba(255, 107, 175, .22);--glow-blue: 0 8px 24px rgba(111, 180, 232, .26);--glow-amber: 0 8px 24px rgba(242, 185, 75, .26);--text-primary: #5A4A52;--text-secondary: #8A7A82;--text-muted: #B9A9B0;--text-inverse: #FFFFFF;--border-subtle: rgba(255, 122, 185, .1);--border-default: rgba(255, 122, 185, .18);--border-active: rgba(255, 122, 185, .45);--border-glow: rgba(255, 122, 185, .22);--sanrio-pink: #FF7AB9;--sanrio-pink-soft: #FFA2CE;--sanrio-pink-mist: #FFCEE5;--sanrio-cream: #FFF2CC;--sanrio-sky: #A1C6E7;--sanrio-mint: #A8E3D3;--sanrio-lavender: #D4B9E2;--sanrio-butter: #FDDC88;--sanrio-bg: #FFFDFB;--sanrio-text: #5E5E5E;--sanrio-text-strong: #6B4F4F}body{background:radial-gradient(110% 70% at 8% 0%,#FFE3EE 0%,transparent 55%),radial-gradient(110% 70% at 100% 8%,#E3F0FB 0%,transparent 55%),radial-gradient(100% 70% at 50% 100%,#FDF3D8 0%,transparent 55%),var(--bg-deep);color:var(--text-primary)}#app{background:var(--bg-primary)}.glass-card{position:relative;background:var(--bg-glass);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 32px #ff7ab924,inset 0 1px #fffc}.glass-card:hover{border-color:var(--border-active);box-shadow:0 12px 40px #ff7ab92e,0 4px 16px #ff7ab91a}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffffb3,#fff0 42%)}.iridescent-border{position:relative;background:linear-gradient(135deg,#ffcee5,#a1c6e7,#d4b9e2,#fddc88,#ffcee5);background-size:300% 300%;padding:2px;border-radius:24px;animation:iridescent-shift 8s ease infinite}.iridescent-border>*{border-radius:22px;background:#ffffffb8}@keyframes iridescent-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.holo-border{position:relative;border-radius:24px}.holo-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:conic-gradient(from 0deg,#ffcee5,#a1c6e7,#d4b9e2,#fddc88,#ffcee5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cute-sticker{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#fff0f5,#fff);border:1px solid rgba(255,122,185,.2);box-shadow:0 4px 12px #ff7ab92e;font-size:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bounce-in{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.pop-in{animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1) both}.chart-cute-frame{border:2px dashed rgba(255,122,185,.28);border-radius:var(--radius-lg);padding:var(--space-sm)}@supports not (backdrop-filter: blur(1px)){.glass-card{background:#ffffffeb}}