.app-header[data-v-b77fb3e4]{background:var(--gradient-header);padding:16px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #ff8fab26}.header-inner[data-v-b77fb3e4]{display:flex;align-items:center;justify-content:space-between}.logo[data-v-b77fb3e4]{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:1px}.nav[data-v-b77fb3e4]{display:flex;gap:20px}.nav a[data-v-b77fb3e4]{color:#ffffffd9;font-size:.95rem;padding:6px 14px;border-radius:var(--radius-full);transition:all .2s}.nav a[data-v-b77fb3e4]:hover,.nav a.router-link-active[data-v-b77fb3e4]{background:#ffffff40;color:#fff}.badge[data-v-b77fb3e4]{display:inline-block;min-width:16px;height:16px;line-height:16px;background:#ff4757;color:#fff;font-size:.65rem;border-radius:8px;text-align:center;margin-left:3px;padding:0 4px}.user-info[data-v-b77fb3e4]{display:flex;align-items:center;gap:10px}.credits[data-v-b77fb3e4]{background:#fff3;padding:4px 12px;border-radius:var(--radius-full);color:#fff;font-size:.8rem;font-weight:600}.recharge-btn[data-v-b77fb3e4]{background:#ffffffe6;padding:4px 10px;border-radius:var(--radius-full);color:var(--color-primary);font-size:.75rem;font-weight:600}.logout-btn[data-v-b77fb3e4]{background:#ffffff26;color:#fffc;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem}.app-main[data-v-b77fb3e4]{padding:32px 0;min-height:calc(100vh - 72px)}@media (max-width: 768px){.nav[data-v-b77fb3e4]{gap:6px}.nav a[data-v-b77fb3e4]{font-size:.8rem;padding:5px 10px}.logo[data-v-b77fb3e4]{font-size:1.2rem}.app-main[data-v-b77fb3e4]{padding:20px 0}}:root{--color-primary: #FF8FAB;--color-primary-light: #FFB3C6;--color-secondary: #A8D8EA;--color-accent: #FFD6A5;--color-success: #B5EAD7;--color-bg: #FFF5F7;--color-card: #FFFFFF;--color-text: #4A4A4A;--color-text-light: #8E8E8E;--color-border: #FFE4EC;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-full: 9999px;--shadow-card: 0 4px 20px rgba(255, 143, 171, .12);--shadow-hover: 0 8px 30px rgba(255, 143, 171, .2);--gradient-primary: linear-gradient(135deg, #FF8FAB, #FFB3C6);--gradient-header: linear-gradient(135deg, #FF8FAB, #A8D8EA)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font:inherit}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 12px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:3px}::selection{background:var(--color-primary-light);color:#fff}