@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";#app{min-height:100vh}:root{--bg-base: #f2f4f7;--bg-soft: #fafafa;--bg-card: rgba(255, 255, 255, .82);--bg-card-solid: #ffffff;--bg-hover: rgba(255, 255, 255, .96);--bg-sidebar: rgba(255, 255, 255, .75);--color-rose: #f9a8c9;--color-rose-light: #fde8f3;--color-rose-deep: #f472b6;--color-peach: #fdba8c;--color-peach-light: #feecd8;--color-peach-deep: #fb923c;--color-sky: #93d5e8;--color-sky-light: #d4f1f9;--color-sky-deep: #38bdf8;--color-lavender: #c4b5f7;--color-lavender-light: #ede9fe;--gradient-brand: linear-gradient(135deg, #f9a8c9 0%, #fdba8c 50%, #93d5e8 100%);--gradient-rose-peach: linear-gradient(135deg, #f9a8c9 0%, #fdba8c 100%);--gradient-peach-sky: linear-gradient(135deg, #fdba8c 0%, #93d5e8 100%);--gradient-rose-sky: linear-gradient(135deg, #f9a8c9 0%, #c4b5f7 50%, #93d5e8 100%);--gradient-card-pink: linear-gradient(135deg, #fde8f3 0%, #feecd8 100%);--gradient-card-blue: linear-gradient(135deg, #d4f1f9 0%, #ede9fe 100%);--gradient-card-purple: linear-gradient(135deg, #ede9fe 0%, #fde8f3 100%);--gradient-card-mint: linear-gradient(135deg, #d4f1f9 0%, #dcfce7 100%);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-muted: #aeaeb2;--text-on-gradient: #ffffff;--text-accent-rose: #db2777;--text-accent-sky: #0ea5e9;--border-color: rgba(0, 0, 0, .07);--border-card: rgba(255, 255, 255, .85);--border-focus: #f9a8c9;--shadow-xs: 0 1px 4px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 12px rgba(0, 0, 0, .06);--shadow-md: 0 4px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .1);--shadow-glow-rose: 0 8px 32px rgba(249, 168, 201, .4);--shadow-glow-peach: 0 8px 32px rgba(253, 186, 140, .4);--shadow-glow-sky: 0 8px 32px rgba(147, 213, 232, .4);--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--transition-fast: .15s ease-out;--transition-base: .25s ease-out;--transition-slow: .35s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg-base);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}select{color-scheme:dark}option{background-color:#1e293b;color:#e2e8f0}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-card-pink{background:linear-gradient(135deg,#f9a8c938,#fdba8c2e);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.65)}.glass-card-blue{background:linear-gradient(135deg,#93d5e838,#c4b5f72e);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.65)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#00000040}::selection{background:#f9a8c94d;color:var(--text-primary)}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #f9a8c94d}50%{box-shadow:0 0 40px #f9a8c999}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes orbFloat{0%,to{transform:translate(0) scale(1);opacity:.6}33%{transform:translate(30px,-20px) scale(1.05);opacity:.8}66%{transform:translate(-20px,15px) scale(.95);opacity:.5}}.animate-fade-in-up{animation:fadeInUp .4s ease-out both}.animate-scale-in{animation:scaleIn .3s ease-out both}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.shimmer-bg{background:linear-gradient(90deg,#f0f2f7 25%,#fde8f3,#f0f2f7 75%);background-size:1000px 100%;animation:shimmer 1.8s infinite linear}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:scale(.98) translateY(8px)}.page-leave-to{opacity:0;transform:scale(.98)}.modal-enter-active,.modal-leave-active{transition:opacity .25s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .modal-content,.modal-leave-active .modal-content{transition:transform .25s ease}.modal-enter-from .modal-content{transform:scale(.92) translateY(10px)}.modal-leave-to .modal-content{transform:scale(.95)}