.navigation-bar[data-v-d657a547]{position:fixed;top:0;left:0;right:0;height:80px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(14,165,233,.1);z-index:1000;transition:all var(--transition-normal);box-shadow:0 4px 20px #0000001a}.nav-container[data-v-d657a547]{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1400px;margin:0 auto;padding:0 32px}.nav-brand[data-v-d657a547]{display:flex;align-items:center;gap:16px;flex-shrink:0}.brand-logo[data-v-d657a547]{width:50px;height:50px;background:linear-gradient(135deg,#0ea5e9,#a855f7,#22c55e);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #0ea5e94d;transition:all var(--transition-normal)}.brand-logo[data-v-d657a547]:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px #0ea5e966}.logo-icon[data-v-d657a547]{font-size:24px;animation:float-d657a547 3s ease-in-out infinite}.brand-text[data-v-d657a547]{display:flex;flex-direction:column}.brand-title[data-v-d657a547]{font-size:20px;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.2}.brand-subtitle[data-v-d657a547]{font-size:12px;color:#64748b;font-weight:500;margin-top:-2px}.nav-menu[data-v-d657a547]{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.menu-item[data-v-d657a547]{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;cursor:pointer;transition:all var(--transition-normal);font-weight:600;color:#64748b;position:relative}.menu-item[data-v-d657a547]:hover{background:#0ea5e91a;color:#0ea5e9;transform:translateY(-2px)}.menu-item.active[data-v-d657a547]{background:linear-gradient(135deg,#0ea5e926,#a855f71a);color:#0ea5e9;box-shadow:0 4px 12px #0ea5e933}.menu-item.active[data-v-d657a547]:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:30px;height:3px;background:linear-gradient(90deg,#0ea5e9,#a855f7);border-radius:2px}.menu-icon[data-v-d657a547]{font-size:16px}.menu-text[data-v-d657a547]{font-size:14px}.nav-actions[data-v-d657a547]{display:flex;align-items:center;gap:16px;flex-shrink:0}.theme-toggle[data-v-d657a547]{cursor:pointer;padding:8px;border-radius:8px;transition:all var(--transition-normal)}.theme-toggle[data-v-d657a547]:hover{background:#0ea5e91a}.toggle-switch[data-v-d657a547]{width:50px;height:26px;background:#e2e8f0;border-radius:13px;position:relative;transition:all var(--transition-normal)}.toggle-switch.dark[data-v-d657a547]{background:#1e293b}.toggle-slider[data-v-d657a547]{width:22px;height:22px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.toggle-switch.dark .toggle-slider[data-v-d657a547]{transform:translate(24px);background:#334155}.toggle-icon[data-v-d657a547]{font-size:12px}.notification-btn[data-v-d657a547]{position:relative;cursor:pointer;padding:12px;border-radius:12px;transition:all var(--transition-normal);color:#64748b}.notification-btn[data-v-d657a547]:hover{background:#0ea5e91a;color:#0ea5e9}.notification-icon[data-v-d657a547]{font-size:18px}.notification-badge[data-v-d657a547]{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse-d657a547 2s ease-in-out infinite}.user-profile[data-v-d657a547]{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 16px;border-radius:16px;transition:all var(--transition-normal);position:relative}.user-profile[data-v-d657a547]:hover{background:#0ea5e91a}.user-avatar[data-v-d657a547]{width:40px;height:40px;background:linear-gradient(135deg,#0ea5e9,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;box-shadow:0 4px 12px #0ea5e94d}.user-info[data-v-d657a547]{display:flex;flex-direction:column}.user-name[data-v-d657a547]{font-size:14px;font-weight:600;color:#1e293b}.user-role[data-v-d657a547]{font-size:12px;color:#64748b}.dropdown-arrow[data-v-d657a547]{font-size:12px;color:#64748b;transition:transform var(--transition-normal)}.user-profile:hover .dropdown-arrow[data-v-d657a547]{transform:rotate(180deg)}.user-menu[data-v-d657a547]{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(14,165,233,.1);min-width:200px;padding:8px;z-index:1001;animation:slideDown-d657a547 .3s ease-out}.user-menu .menu-item[data-v-d657a547]{padding:12px 16px;margin:4px 0;border-radius:12px;color:#374151}.user-menu .menu-item[data-v-d657a547]:hover{background:#0ea5e91a;color:#0ea5e9}.user-menu .menu-item.logout[data-v-d657a547]{color:#ef4444}.user-menu .menu-item.logout[data-v-d657a547]:hover{background:#ef44441a}.menu-divider[data-v-d657a547]{height:1px;background:#e2e8f0;margin:8px 0}.mobile-menu-btn[data-v-d657a547]{display:none;cursor:pointer;padding:12px;border-radius:8px;transition:all var(--transition-normal)}.mobile-menu-btn[data-v-d657a547]:hover{background:#0ea5e91a}.hamburger[data-v-d657a547]{width:24px;height:18px;position:relative}.hamburger span[data-v-d657a547]{display:block;height:2px;width:100%;background:#64748b;border-radius:1px;position:absolute;transition:all var(--transition-normal)}.hamburger span[data-v-d657a547]:nth-child(1){top:0}.hamburger span[data-v-d657a547]:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span[data-v-d657a547]:nth-child(3){bottom:0}.hamburger.active span[data-v-d657a547]:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.active span[data-v-d657a547]:nth-child(2){opacity:0}.hamburger.active span[data-v-d657a547]:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.mobile-menu[data-v-d657a547]{position:fixed;top:80px;left:0;right:0;background:#fff;border-bottom:1px solid rgba(14,165,233,.1);box-shadow:0 4px 20px #0000001a;z-index:999;animation:slideDown-d657a547 .3s ease-out}.mobile-menu-content[data-v-d657a547]{padding:20px;display:flex;flex-direction:column;gap:8px}.mobile-menu-item[data-v-d657a547]{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;cursor:pointer;transition:all var(--transition-normal);font-weight:600;color:#64748b}.mobile-menu-item[data-v-d657a547]:hover{background:#0ea5e91a;color:#0ea5e9}.mobile-menu-item.active[data-v-d657a547]{background:linear-gradient(135deg,#0ea5e926,#a855f71a);color:#0ea5e9}.mobile-menu-item.logout[data-v-d657a547]{color:#ef4444}.mobile-menu-item.logout[data-v-d657a547]:hover{background:#ef44441a}.mobile-menu-divider[data-v-d657a547]{height:1px;background:#e2e8f0;margin:8px 0}@media (max-width: 1024px){.nav-container[data-v-d657a547]{padding:0 24px}.nav-menu[data-v-d657a547]{display:none}.mobile-menu-btn[data-v-d657a547]{display:block}}@media (max-width: 768px){.navigation-bar[data-v-d657a547]{height:70px}.nav-container[data-v-d657a547]{padding:0 20px}.brand-title[data-v-d657a547]{font-size:18px}.brand-subtitle[data-v-d657a547]{font-size:11px}.user-info[data-v-d657a547],.dropdown-arrow[data-v-d657a547]{display:none}}@media (max-width: 480px){.nav-container[data-v-d657a547]{padding:0 16px}.brand-text[data-v-d657a547],.theme-toggle[data-v-d657a547],.notification-btn[data-v-d657a547]{display:none}}@keyframes slideDown-d657a547{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-d657a547{0%,to{opacity:1}50%{opacity:.5}}@keyframes float-d657a547{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.dark{background:#0f172af2;border-bottom-color:#0ea5e933}.dark{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark{background:#1e293b;border-color:#0ea5e933}.dark{background:#1e293b;border-bottom-color:#0ea5e933}.sidebar[data-v-eeacd813]{position:fixed;left:0;top:80px;bottom:0;width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(14,165,233,.1);transition:all var(--transition-normal);z-index:100;display:flex;flex-direction:column;box-shadow:4px 0 20px #0000001a}.sidebar.collapsed[data-v-eeacd813]{width:80px}.sidebar-header[data-v-eeacd813]{padding:24px 20px;border-bottom:1px solid rgba(14,165,233,.1);display:flex;align-items:center;justify-content:space-between}.sidebar-brand[data-v-eeacd813]{display:flex;align-items:center;gap:12px}.brand-icon[data-v-eeacd813]{width:40px;height:40px;background:linear-gradient(135deg,#0ea5e9,#a855f7);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 4px 12px #0ea5e94d;transition:all var(--transition-normal)}.brand-icon[data-v-eeacd813]:hover{transform:scale(1.1);box-shadow:0 6px 20px #0ea5e966}.brand-text[data-v-eeacd813]{display:flex;flex-direction:column}.brand-title[data-v-eeacd813]{font-size:16px;font-weight:700;color:#1e293b;margin:0;line-height:1.2}.brand-subtitle[data-v-eeacd813]{font-size:12px;color:#64748b;font-weight:500}.collapse-btn[data-v-eeacd813]{width:32px;height:32px;border:none;background:#0ea5e91a;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);color:#0ea5e9}.collapse-btn[data-v-eeacd813]:hover{background:#0ea5e933;transform:scale(1.1)}.collapse-icon[data-v-eeacd813]{font-size:12px;font-weight:700}.sidebar-nav[data-v-eeacd813]{flex:1;padding:20px 0;overflow-y:auto}.nav-section[data-v-eeacd813]{margin-bottom:32px}.section-title[data-v-eeacd813]{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding:0 20px}.nav-item[data-v-eeacd813]{display:flex;align-items:center;gap:12px;padding:12px 20px;margin:4px 0;cursor:pointer;transition:all var(--transition-normal);position:relative;color:#64748b;font-weight:500;text-decoration:none}.nav-item[data-v-eeacd813]:hover{background:#0ea5e91a;color:#0ea5e9;transform:translate(4px)}.nav-item.active[data-v-eeacd813]{background:linear-gradient(135deg,#0ea5e926,#a855f71a);color:#0ea5e9;font-weight:600}.nav-item.active[data-v-eeacd813]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0ea5e9,#a855f7);border-radius:0 2px 2px 0}.nav-icon[data-v-eeacd813]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.nav-text[data-v-eeacd813]{font-size:14px;flex:1}.nav-badge[data-v-eeacd813]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.sidebar-footer[data-v-eeacd813]{padding:20px;border-top:1px solid rgba(14,165,233,.1)}.footer-stats[data-v-eeacd813]{margin-bottom:20px}.stat-item[data-v-eeacd813]{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(14,165,233,.05)}.stat-item[data-v-eeacd813]:last-child{border-bottom:none}.stat-icon[data-v-eeacd813]{width:32px;height:32px;background:#0ea5e91a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#0ea5e9}.stat-info[data-v-eeacd813]{flex:1}.stat-value[data-v-eeacd813]{font-size:14px;font-weight:700;color:#1e293b;line-height:1.2}.stat-label[data-v-eeacd813]{font-size:11px;color:#64748b;font-weight:500}.footer-actions[data-v-eeacd813]{display:flex;gap:8px}.action-btn[data-v-eeacd813]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid rgba(14,165,233,.2);background:#fffc;border-radius:10px;cursor:pointer;transition:all var(--transition-normal);font-size:13px;font-weight:600;color:#0ea5e9}.action-btn[data-v-eeacd813]:hover{background:#0ea5e91a;border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e933}.btn-icon[data-v-eeacd813]{font-size:14px}.btn-text[data-v-eeacd813]{font-size:12px}.tooltip[data-v-eeacd813]{position:fixed;background:#0f172af2;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;animation:tooltipFadeIn-eeacd813 .2s ease-out}@keyframes tooltipFadeIn-eeacd813{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-nav[data-v-eeacd813]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-eeacd813]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-eeacd813]::-webkit-scrollbar-thumb{background:#0ea5e94d;border-radius:2px}.sidebar-nav[data-v-eeacd813]::-webkit-scrollbar-thumb:hover{background:#0ea5e980}@media (max-width: 1024px){.sidebar[data-v-eeacd813]{position:fixed;left:0;top:80px;height:calc(100vh - 80px);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:998;box-shadow:4px 0 20px #00000026}.sidebar.open[data-v-eeacd813]{transform:translate(0)}.sidebar[data-v-eeacd813]:before{content:"";position:fixed;top:80px;left:0;right:0;bottom:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:-1}.sidebar.open[data-v-eeacd813]:before{opacity:1;pointer-events:auto}}@media (max-width: 768px){.sidebar[data-v-eeacd813]{top:70px;height:calc(100vh - 70px);width:85%;max-width:320px;z-index:998}.sidebar.collapsed[data-v-eeacd813]{width:85%;max-width:320px}.sidebar-header[data-v-eeacd813]{padding:16px}.brand-icon[data-v-eeacd813]{width:36px;height:36px}.brand-title[data-v-eeacd813]{font-size:16px}.nav-item[data-v-eeacd813]{padding:12px 16px;font-size:14px}.nav-icon[data-v-eeacd813]{width:20px;height:20px;font-size:16px}}@media (max-width: 480px){.sidebar[data-v-eeacd813]{top:56px;height:calc(100vh - 56px);width:90%;max-width:280px}.sidebar-header[data-v-eeacd813]{padding:12px}.nav-item[data-v-eeacd813]{padding:10px 12px;font-size:13px}}.dark{background:#0f172af2;border-right-color:#0ea5e933}.dark{color:#60a5fa}.dark{color:#f1f5f9}.dark{color:#94a3b8}.dark{background:#1e293bcc;border-color:#0ea5e94d;color:#60a5fa}.dark{background:#0ea5e933;border-color:#60a5fa}.app-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);transition:all var(--transition-normal)}.main-content{display:flex;min-height:calc(100vh - 80px);margin-top:80px}.page-content{flex:1;min-height:calc(100vh - 80px);background:transparent}.global-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{text-align:center;color:#64748b}.spinner{width:40px;height:40px;border:4px solid rgba(14,165,233,.1);border-top:4px solid #0ea5e9;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@media (max-width: 1024px){.page-content.sidebar-open,.page-content.sidebar-open.sidebar-collapsed{margin-left:0}.main-content{margin-top:70px}.page-content{min-height:calc(100vh - 70px);width:100%;overflow-x:hidden}.main-content:after{content:"";position:fixed;top:70px;left:0;right:0;bottom:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:997}.main-content.sidebar-open:after{opacity:1;pointer-events:auto}}@media (max-width: 768px){button,a,input[type=button],input[type=submit],input[type=reset],select{min-height:44px;min-width:44px;-webkit-tap-highlight-color:rgba(14,165,233,.2);tap-highlight-color:rgba(14,165,233,.2)}button,a,input,select,textarea{touch-action:manipulation}*{-webkit-overflow-scrolling:touch}button,.action-btn,.query-btn,.pagination-btn,.chart-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}button:active,.action-btn:active,.query-btn:active,.pagination-btn:active{transform:scale(.97);transition:transform .1s ease}.main-content{margin-top:60px}.page-content{min-height:calc(100vh - 60px);padding:0}}@media (max-width: 480px){.main-content{margin-top:56px}.page-content{min-height:calc(100vh - 56px)}}.app-container.dark{background:linear-gradient(135deg,#0f172a,#1e293b)}.app-container.dark .global-loading{background:#0f172ae6}.app-container.dark .loading-spinner{color:#94a3b8}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--secondary-50: #faf5ff;--secondary-100: #f3e8ff;--secondary-200: #e9d5ff;--secondary-300: #d8b4fe;--secondary-400: #c084fc;--secondary-500: #a855f7;--secondary-600: #9333ea;--secondary-700: #7c3aed;--secondary-800: #6b21a8;--secondary-900: #581c87;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-primary: linear-gradient(135deg, #0f172a 0%, #1e293b 25%, #334155 50%, #475569 75%, #64748b 100%);--bg-secondary: rgba(255, 255, 255, .98);--bg-glass: rgba(255, 255, 255, .15);--bg-card: rgba(255, 255, 255, .98);--bg-overlay: rgba(0, 0, 0, .1);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-lg: 0 0 40px rgba(59, 130, 246, .4);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--transition-elastic: .6s cubic-bezier(.175, .885, .32, 1.275);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Courier New", monospace;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--gray-800);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(14,165,233,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(34,197,94,.05) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{transform:translate(0) translateY(0) scale(1)}25%{transform:translate(-10px) translateY(-5px) scale(1.02)}50%{transform:translate(5px) translateY(-10px) scale(.98)}75%{transform:translate(-5px) translateY(5px) scale(1.01)}}#app{min-height:100vh;position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-400),var(--secondary-400));border-radius:var(--radius-md);transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500))}::selection{background:var(--primary-200);color:var(--primary-800)}::-moz-selection{background:var(--primary-200);color:var(--primary-800)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:transparent;border:none;cursor:pointer;padding:0;margin:0}input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:transparent;border:none;outline:none;padding:0;margin:0}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}img{max-width:100%;height:auto;display:block}table{border-collapse:collapse;border-spacing:0;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-gradient{background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-success{background:linear-gradient(135deg,var(--success-500),var(--success-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg)}.glass-effect-strong{background:#fffffff2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:var(--shadow-xl),0 0 0 1px #ffffff1a,var(--shadow-glow)}.shadow-glow-lg{box-shadow:var(--shadow-2xl),0 0 0 1px #ffffff1a,var(--shadow-glow-lg)}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-up{animation:slideUp .6s ease-out}.animate-slide-down{animation:slideDown .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-bounce-in{animation:bounceIn .6s var(--transition-bounce)}.animate-pulse-slow{animation:pulseSlow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}@media (max-width: 640px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseSlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%{box-shadow:0 0 20px #3b82f64d}to{box-shadow:0 0 30px #3b82f699}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{font-size:12pt;line-height:1.4}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.no-print{display:none!important}}.login-container[data-v-027c11c2]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#334155,#475569,#64748b);padding:20px;position:relative;overflow:hidden}.login-container[data-v-027c11c2]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(14,165,233,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(34,197,94,.05) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite;z-index:0}.background-decoration[data-v-027c11c2]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.decoration-circle[data-v-027c11c2]{position:absolute;border-radius:50%;background:linear-gradient(45deg,#0ea5e91a,#a855f71a);animation:float-027c11c2 6s ease-in-out infinite;filter:blur(1px)}.circle-1[data-v-027c11c2]{width:300px;height:300px;top:-150px;right:-150px;animation-delay:0s;background:linear-gradient(45deg,#0ea5e926,#a855f71a)}.circle-2[data-v-027c11c2]{width:200px;height:200px;bottom:-100px;left:-100px;animation-delay:2s;background:linear-gradient(45deg,#22c55e1a,#0ea5e91a)}.circle-3[data-v-027c11c2]{width:150px;height:150px;top:50%;left:-75px;animation-delay:4s;background:linear-gradient(45deg,#a855f71a,#22c55e1a)}.circle-4[data-v-027c11c2]{width:100px;height:100px;top:20%;right:20%;animation-delay:1s;background:linear-gradient(45deg,#f59e0b1a,#0ea5e91a);animation:float-027c11c2 8s ease-in-out infinite reverse}.circle-5[data-v-027c11c2]{width:80px;height:80px;bottom:30%;right:10%;animation-delay:3s;background:linear-gradient(45deg,#ef44441a,#a855f71a);animation:float-027c11c2 10s ease-in-out infinite}.particles[data-v-027c11c2]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle[data-v-027c11c2]{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#fffc,#0ea5e999);border-radius:50%;animation:particleFloat-027c11c2 5s ease-in-out infinite;box-shadow:0 0 10px #0ea5e980}@keyframes particleFloat-027c11c2{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.7}25%{transform:translateY(-20px) translate(10px) scale(1.2);opacity:1}50%{transform:translateY(-10px) translate(-10px) scale(.8);opacity:.5}75%{transform:translateY(-30px) translate(5px) scale(1.1);opacity:.9}}@keyframes float-027c11c2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.login-card[data-v-027c11c2]{background:#fffffffa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:32px;padding:48px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a,0 0 40px #0ea5e91a;border:1px solid rgba(255,255,255,.3);position:relative;z-index:2;transition:all var(--transition-normal)}.login-card[data-v-027c11c2]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#0ea5e90d);border-radius:32px;z-index:-1}.login-card[data-v-027c11c2]:hover{transform:translateY(-8px);box-shadow:0 32px 64px -12px #0000004d,0 0 0 1px #fff3,0 0 60px #0ea5e933}.logo-section[data-v-027c11c2]{text-align:center;margin-bottom:40px;animation:slideUp .8s ease-out}.logo[data-v-027c11c2]{margin-bottom:24px;display:flex;justify-content:center;animation:bounceIn 1s ease-out .2s both}.logo-icon[data-v-027c11c2]{width:80px;height:80px;background:linear-gradient(135deg,#0ea5e9,#a855f7,#22c55e);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 20px 40px #0ea5e94d,0 0 0 1px #ffffff1a;position:relative;overflow:hidden;transition:all var(--transition-normal)}.logo-icon[data-v-027c11c2]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.logo-icon[data-v-027c11c2]:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 25px 50px #0ea5e966,0 0 0 1px #fff3}.logo-icon[data-v-027c11c2]:hover:before{left:100%}.logo-icon svg[data-v-027c11c2]{width:40px;height:40px;z-index:1;position:relative}.app-title[data-v-027c11c2]{font-size:36px;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#a855f7,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:-.5px;animation:slideUp .8s ease-out .4s both;position:relative}.app-title[data-v-027c11c2]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#0ea5e9,#a855f7);border-radius:2px;animation:slideUp .8s ease-out .6s both}.app-subtitle[data-v-027c11c2]{font-size:18px;color:#64748b;margin:0;font-weight:500;animation:slideUp .8s ease-out .8s both;opacity:.9}.login-form[data-v-027c11c2]{margin-bottom:24px}.form-group[data-v-027c11c2]{margin-bottom:28px}.input-wrapper[data-v-027c11c2]{position:relative;display:flex;align-items:center}.input-icon[data-v-027c11c2]{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#64748b;z-index:2;transition:color .2s ease}.input-icon svg[data-v-027c11c2]{width:100%;height:100%}.form-input[data-v-027c11c2]{width:100%;padding:18px 18px 18px 52px;border:2px solid #e2e8f0;border-radius:20px;font-size:16px;background:#ffffffe6;transition:all var(--transition-normal);box-sizing:border-box;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a,inset 0 1px 2px #ffffff80}.form-input[data-v-027c11c2]:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a,0 8px 25px #0ea5e926,inset 0 1px 2px #ffffff80;transform:translateY(-3px);background:#fffffff2}.form-input[data-v-027c11c2]:hover:not(:focus){border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 6px 20px #00000014,inset 0 1px 2px #ffffff80}.form-input:focus~.form-label[data-v-027c11c2]{color:#3b82f6;transform:translateY(-32px) scale(.85)}.form-input:not(:placeholder-shown)~.form-label[data-v-027c11c2]{transform:translateY(-32px) scale(.85);color:#64748b}.form-input:focus~.input-icon[data-v-027c11c2]{color:#3b82f6}.form-label[data-v-027c11c2]{position:absolute;left:48px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:500;color:#64748b;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;padding:0 8px;z-index:1}.form-input[data-v-027c11c2]::placeholder{color:transparent}.captcha-group[data-v-027c11c2]{display:flex;gap:16px;align-items:flex-end}.captcha-input-wrapper[data-v-027c11c2]{flex:1}.captcha-image[data-v-027c11c2]{position:relative;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;background:#f8fafc}.captcha-image[data-v-027c11c2]:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.captcha-image canvas[data-v-027c11c2]{display:block;background:#f8fafc}.refresh-overlay[data-v-027c11c2]{position:absolute;top:0;left:0;right:0;bottom:0;background:#3b82f6e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff}.refresh-overlay svg[data-v-027c11c2]{width:20px;height:20px;animation:spin-027c11c2 2s linear infinite}.captcha-image:hover .refresh-overlay[data-v-027c11c2]{opacity:1}.form-options[data-v-027c11c2]{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.checkbox-container[data-v-027c11c2]{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#64748b;-webkit-user-select:none;user-select:none;transition:color .2s ease}.checkbox-container[data-v-027c11c2]:hover{color:#3b82f6}.checkbox[data-v-027c11c2]{display:none}.checkmark[data-v-027c11c2]{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;margin-right:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;display:flex;align-items:center;justify-content:center}.checkmark svg[data-v-027c11c2]{width:12px;height:12px;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.checkbox:checked+.checkmark[data-v-027c11c2]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#3b82f6;transform:scale(1.1)}.checkbox:checked+.checkmark svg[data-v-027c11c2]{opacity:1;transform:scale(1)}.checkbox-label[data-v-027c11c2]{font-weight:500}.login-button[data-v-027c11c2]{width:100%;padding:20px 24px;background:linear-gradient(135deg,#0ea5e9,#a855f7,#22c55e);color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:0 8px 25px #0ea5e94d,0 0 0 1px #ffffff1a;text-transform:uppercase;letter-spacing:.5px}.login-button[data-v-027c11c2]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-button[data-v-027c11c2]:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #0ea5e966,0 0 0 1px #fff3,0 0 30px #0ea5e94d;background:linear-gradient(135deg,#0284c7,#9333ea,#16a34a)}.login-button[data-v-027c11c2]:hover:not(:disabled):before{left:100%}.login-button[data-v-027c11c2]:active:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 6px 20px #0ea5e94d,0 0 0 1px #ffffff1a}.login-button[data-v-027c11c2]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #3b82f633}.button-content[data-v-027c11c2]{display:flex;align-items:center;justify-content:center;gap:8px}.button-content svg[data-v-027c11c2]{width:18px;height:18px}.loading-spinner[data-v-027c11c2]{display:flex;align-items:center;justify-content:center}.loading-spinner svg[data-v-027c11c2]{width:20px;height:20px;animation:spin-027c11c2 1s linear infinite}@keyframes spin-027c11c2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.login-container[data-v-027c11c2]{padding:16px}.login-card[data-v-027c11c2]{padding:40px 32px;border-radius:28px}.app-title[data-v-027c11c2]{font-size:28px}.app-subtitle[data-v-027c11c2]{font-size:16px}.form-input[data-v-027c11c2]{padding:16px 16px 16px 50px;font-size:16px}.login-button[data-v-027c11c2]{padding:18px 24px;font-size:15px}.captcha-group[data-v-027c11c2]{flex-direction:column;gap:16px;align-items:stretch}.captcha-image[data-v-027c11c2]{align-self:center;width:140px}}@media (max-width: 480px){.login-container[data-v-027c11c2]{padding:12px}.login-card[data-v-027c11c2]{padding:32px 24px;border-radius:24px}.logo-icon[data-v-027c11c2]{width:70px;height:70px}.logo-icon svg[data-v-027c11c2]{width:36px;height:36px}.app-title[data-v-027c11c2]{font-size:24px}.app-subtitle[data-v-027c11c2]{font-size:14px}.form-input[data-v-027c11c2]{padding:14px 14px 14px 48px;font-size:16px}.form-label[data-v-027c11c2]{left:48px;font-size:14px}.form-input:focus~.form-label[data-v-027c11c2],.form-input:not(:placeholder-shown)~.form-label[data-v-027c11c2]{transform:translateY(-36px) scale(.85);left:12px}.input-icon[data-v-027c11c2]{left:14px}.login-button[data-v-027c11c2]{padding:16px;font-size:15px}.captcha-group[data-v-027c11c2]{flex-direction:column;gap:12px;align-items:stretch}.captcha-image[data-v-027c11c2]{align-self:center;width:120px}.decoration-circle[data-v-027c11c2],.particles[data-v-027c11c2]{display:none}}.marquee-banner[data-v-b19c701c]{width:100%;max-width:1600px;margin:12px auto 24px;padding:0;height:72px;overflow:hidden;border-radius:20px;background:linear-gradient(90deg,#e0e7ff,#c7d2fe,#e0e7ff 90%);box-shadow:0 6px 20px -4px #3848d526;position:relative}.marquee-track[data-v-b19c701c]{display:inline-block;white-space:nowrap;font-size:26px;line-height:72px;font-weight:700;padding-left:24px;background:linear-gradient(90deg,#dc2626,#f59e0b,#16a34a,#3b82f6,#9333ea);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:none;animation:marquee-scroll-b19c701c linear infinite,gradient-shift-b19c701c 4s ease-in-out infinite}.gap[data-v-b19c701c]{display:inline-block;width:48px}.config-link[data-v-b19c701c]{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:700;color:#1d4ed8;background:#ffffffb3;padding:4px 10px;border-radius:12px;border:1px solid rgba(29,78,216,.2);text-decoration:none}.config-link[data-v-b19c701c]:hover{background:#1d4ed814}@keyframes marquee-scroll-b19c701c{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes gradient-shift-b19c701c{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.marquee-banner[data-v-b19c701c]{margin:8px 12px 16px;height:60px;border-radius:14px}.marquee-track[data-v-b19c701c]{font-size:20px;line-height:60px;padding-left:16px}.gap[data-v-b19c701c]{width:32px}.config-link[data-v-b19c701c]{right:8px;font-size:11px;padding:3px 8px}}@media (max-width: 480px){.marquee-banner[data-v-b19c701c]{margin:6px 8px 12px;height:56px;border-radius:12px}.marquee-track[data-v-b19c701c]{font-size:18px;line-height:56px;padding-left:12px}.gap[data-v-b19c701c]{width:24px}.config-link[data-v-b19c701c]{display:none}}.ecpm-page[data-v-532320d0]{padding:32px;min-height:100vh;position:relative;width:100%;box-sizing:border-box;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform-origin:top left;will-change:transform;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}@media (min-width: 1920px){.ecpm-page[data-v-532320d0]{padding:40px;font-size:18px}.page-title[data-v-532320d0]{font-size:42px}.page-subtitle[data-v-532320d0]{font-size:20px}.stats-cards[data-v-532320d0]{grid-template-columns:repeat(4,1fr);gap:32px}.stat-value[data-v-532320d0]{font-size:42px}}@media (min-width: 1440px) and (max-width: 1919px){.ecpm-page[data-v-532320d0]{padding:36px}.stats-cards[data-v-532320d0]{grid-template-columns:repeat(4,1fr);gap:28px}}@media (min-width: 1024px) and (max-width: 1439px){.ecpm-page[data-v-532320d0]{padding:28px;font-size:15px}.page-title[data-v-532320d0]{font-size:32px}.page-subtitle[data-v-532320d0]{font-size:16px}.stats-cards[data-v-532320d0]{grid-template-columns:repeat(2,1fr);gap:20px}.stat-value[data-v-532320d0]{font-size:32px}.query-section[data-v-532320d0]{padding:32px}}@media (min-width: 768px) and (max-width: 1023px){.ecpm-page[data-v-532320d0]{padding:20px 16px;font-size:14px}.page-header[data-v-532320d0]{padding:32px 24px;border-radius:24px;margin-bottom:24px}.page-title[data-v-532320d0]{font-size:28px}.page-subtitle[data-v-532320d0]{font-size:15px}.query-section[data-v-532320d0]{padding:24px 20px;border-radius:20px;margin-bottom:24px}.stats-cards[data-v-532320d0]{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.stat-card[data-v-532320d0]{padding:20px 16px}.stat-value[data-v-532320d0]{font-size:28px}.data-table[data-v-532320d0]{font-size:13px}.data-table th[data-v-532320d0],.data-table td[data-v-532320d0]{padding:14px 10px}}.page-header[data-v-532320d0]{background:#fffffffa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);color:#1e293b;padding:48px;border-radius:32px;margin-bottom:32px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff1a,0 0 40px #0ea5e91a;position:relative;z-index:1;overflow:hidden}.header-content[data-v-532320d0]{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.title-section[data-v-532320d0]{flex:1}.title-icon[data-v-532320d0]{font-size:32px;margin-right:16px;display:inline-block;animation:float 3s ease-in-out infinite}.header-decoration[data-v-532320d0]{display:flex;align-items:center;gap:16px}.decoration-dot[data-v-532320d0]{width:12px;height:12px;background:linear-gradient(135deg,#0ea5e9,#a855f7);border-radius:50%;animation:pulse 2s ease-in-out infinite}.decoration-line[data-v-532320d0]{width:60px;height:4px;background:linear-gradient(90deg,#0ea5e9,#a855f7,#22c55e);border-radius:2px;animation:shimmer 3s ease-in-out infinite}.page-header[data-v-532320d0]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);border-radius:24px 24px 0 0}.page-title[data-v-532320d0]{font-size:36px;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-532320d0]{font-size:18px;color:#64748b;margin:0;font-weight:500}.query-section[data-v-532320d0]{background:#fffffffa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);padding:40px;border-radius:24px;margin-bottom:32px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff1a,0 0 40px #0ea5e914;position:relative;z-index:1;overflow:hidden}.form-header[data-v-532320d0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid rgba(14,165,233,.1)}.form-title[data-v-532320d0]{font-size:24px;font-weight:700;background:linear-gradient(135deg,#0ea5e9,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.form-icon[data-v-532320d0]{font-size:28px;animation:float 3s ease-in-out infinite}.form-row[data-v-532320d0]{display:flex;gap:24px;align-items:end;flex-wrap:wrap}.form-item[data-v-532320d0]{display:flex;flex-direction:column;min-width:220px;flex:1}.form-label[data-v-532320d0]{font-size:15px;font-weight:600;color:#374151;margin-bottom:12px;display:flex;align-items:center;gap:8px}.form-select[data-v-532320d0],.form-input[data-v-532320d0]{padding:16px 20px;border:2px solid #e5e7eb;border-radius:16px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 1px 3px #0000001a}.form-select[data-v-532320d0]:focus,.form-input[data-v-532320d0]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 4px 6px -1px #0000001a;transform:translateY(-2px)}.form-select[data-v-532320d0]:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#d1d5db}.query-btn[data-v-532320d0]{padding:18px 36px;background:linear-gradient(135deg,#0ea5e9,#a855f7,#22c55e);color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:12px;min-width:160px;justify-content:center;box-shadow:0 8px 25px #0ea5e94d,0 0 0 1px #ffffff1a;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.query-btn[data-v-532320d0]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.query-btn[data-v-532320d0]:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #0ea5e966,0 0 0 1px #fff3,0 0 30px #0ea5e94d;background:linear-gradient(135deg,#0284c7,#9333ea,#16a34a)}.query-btn[data-v-532320d0]:hover:not(:disabled):before{left:100%}.query-btn[data-v-532320d0]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #3b82f633}.loading-icon[data-v-532320d0],.search-icon[data-v-532320d0]{font-size:16px}.loading-icon[data-v-532320d0]{animation:spin-532320d0 1s linear infinite}@keyframes spin-532320d0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-cards[data-v-532320d0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px}.stat-card[data-v-532320d0]{background:#fffffffa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:32px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff1a,0 0 40px #0ea5e914;transition:all var(--transition-normal);position:relative;overflow:hidden;z-index:1;display:flex;align-items:center;gap:20px}.stat-icon[data-v-532320d0]{font-size:48px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e91a,#a855f71a);border-radius:20px;animation:float 3s ease-in-out infinite;flex-shrink:0}.stat-trend[data-v-532320d0]{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;color:#64748b}.trend-icon[data-v-532320d0]{font-size:16px}.trend-text[data-v-532320d0]{font-weight:500}.stat-change[data-v-532320d0]{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:600;padding:4px 8px;border-radius:12px;width:fit-content}.stat-change.positive[data-v-532320d0]{color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.stat-change.negative[data-v-532320d0]{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.change-icon[data-v-532320d0]{font-size:14px;font-weight:700}.change-text[data-v-532320d0]{font-size:12px}.stat-chart[data-v-532320d0]{flex:1;height:60px;display:flex;align-items:end;justify-content:center}.mini-chart[data-v-532320d0]{display:flex;align-items:end;gap:3px;height:100%;width:100%}.chart-bar[data-v-532320d0]{flex:1;background:linear-gradient(180deg,#0ea5e94d,#0ea5e999);border-radius:2px 2px 0 0;min-height:4px;transition:all .3s ease;animation:barGrow-532320d0 .8s ease-out}.chart-bar[data-v-532320d0]:hover{background:linear-gradient(180deg,#0ea5e980,#0ea5e9cc);transform:scaleY(1.1)}@keyframes barGrow-532320d0{0%{height:0}to{height:var(--bar-height)}}.stat-card[data-v-532320d0]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981,#f59e0b);border-radius:20px 20px 0 0}.stat-card[data-v-532320d0]:after{content:"";position:absolute;top:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:50%;opacity:0;transition:all .3s ease}.stat-card[data-v-532320d0]:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000026,0 20px 25px -5px #0000001a}.stat-card[data-v-532320d0]:hover:after{opacity:1;transform:scale(1.2)}.stat-content[data-v-532320d0]{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}.stat-value[data-v-532320d0]{font-size:36px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label[data-v-532320d0]{font-size:15px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px}.charts-section[data-v-532320d0]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;margin-bottom:32px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;z-index:1}.charts-header[data-v-532320d0]{padding:32px;border-bottom:2px solid rgba(14,165,233,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;background:linear-gradient(135deg,#0ea5e90d,#a855f70d)}.charts-title[data-v-532320d0]{font-size:28px;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#a855f7,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;display:flex;align-items:center;gap:12px}.charts-title .title-icon[data-v-532320d0]{font-size:24px;animation:float 3s ease-in-out infinite}.charts-controls[data-v-532320d0]{display:flex;gap:8px;background:#fffc;padding:6px;border-radius:16px;border:1px solid rgba(14,165,233,.2)}.chart-btn[data-v-532320d0]{padding:10px 20px;border:none;background:transparent;color:#64748b;font-weight:600;font-size:14px;border-radius:12px;cursor:pointer;transition:all .3s ease}.chart-btn.active[data-v-532320d0]{background:linear-gradient(135deg,#0ea5e9,#a855f7);color:#fff;box-shadow:0 4px 12px #0ea5e94d}.chart-btn[data-v-532320d0]:hover:not(.active){background:#0ea5e91a;color:#0ea5e9}.charts-container[data-v-532320d0]{padding:32px}.chart-card[data-v-532320d0]{background:#fffc;border-radius:16px;padding:24px;border:1px solid rgba(14,165,233,.1);box-shadow:0 4px 6px -1px #0000001a}.chart-header[data-v-532320d0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(14,165,233,.1)}.chart-header h3[data-v-532320d0]{font-size:20px;font-weight:700;color:#374151;margin:0}.chart-info[data-v-532320d0]{display:flex;gap:16px}.info-item[data-v-532320d0]{font-size:13px;color:#64748b;font-weight:600;padding:4px 8px;background:#0ea5e91a;border-radius:8px}.chart-content[data-v-532320d0]{min-height:200px}.hourly-chart[data-v-532320d0]{display:flex;align-items:end;gap:8px;height:200px;padding:20px 0}.hour-bar[data-v-532320d0]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-container[data-v-532320d0]{position:relative;height:160px;width:100%;display:flex;flex-direction:column;justify-content:end}.bar[data-v-532320d0]{background:linear-gradient(180deg,#0ea5e94d,#0ea5e9cc);border-radius:4px 4px 0 0;transition:all .3s ease;animation:barGrow-532320d0 .8s ease-out;position:relative}.bar[data-v-532320d0]:hover{background:linear-gradient(180deg,#0ea5e980,#0ea5e9);transform:scaleY(1.05)}.bar-value[data-v-532320d0]{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#374151;background:#ffffffe6;padding:2px 6px;border-radius:4px;border:1px solid rgba(14,165,233,.2);opacity:0;transition:opacity .3s ease}.bar:hover .bar-value[data-v-532320d0]{opacity:1}.hour-label[data-v-532320d0]{font-size:12px;color:#64748b;font-weight:600}.events-chart[data-v-532320d0]{display:flex;flex-direction:column;gap:16px}.event-item[data-v-532320d0]{display:flex;align-items:center;gap:16px;padding:12px;background:#ffffff80;border-radius:12px;border:1px solid rgba(14,165,233,.1)}.event-info[data-v-532320d0]{display:flex;align-items:center;gap:12px;min-width:120px}.event-name[data-v-532320d0]{font-weight:600;color:#374151;font-size:14px}.event-count[data-v-532320d0]{background:linear-gradient(135deg,#0ea5e91a,#a855f71a);color:#0ea5e9;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:700}.event-bar[data-v-532320d0]{flex:1;height:8px;background:#0ea5e91a;border-radius:4px;overflow:hidden}.event-progress[data-v-532320d0]{height:100%;background:linear-gradient(90deg,#0ea5e9,#a855f7);border-radius:4px;transition:width .8s ease-out}.event-percentage[data-v-532320d0]{font-size:13px;font-weight:600;color:#64748b;min-width:40px;text-align:right}.revenue-chart[data-v-532320d0]{display:flex;flex-direction:column;gap:24px}.revenue-stats[data-v-532320d0]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.revenue-stat[data-v-532320d0]{text-align:center;padding:16px;background:#ffffff80;border-radius:12px;border:1px solid rgba(14,165,233,.1)}.stat-number[data-v-532320d0]{font-size:24px;font-weight:800;color:#374151;margin-bottom:8px}.stat-label[data-v-532320d0]{font-size:13px;color:#64748b;font-weight:600}.revenue-distribution[data-v-532320d0]{display:flex;flex-direction:column;gap:12px}.distribution-bar[data-v-532320d0]{height:20px;background:#0ea5e91a;border-radius:10px;overflow:hidden;display:flex}.distribution-segment[data-v-532320d0]{transition:width .8s ease-out}.distribution-segment.high[data-v-532320d0]{background:linear-gradient(90deg,#10b981,#059669)}.distribution-segment.medium[data-v-532320d0]{background:linear-gradient(90deg,#f59e0b,#d97706)}.distribution-segment.low[data-v-532320d0]{background:linear-gradient(90deg,#ef4444,#dc2626)}.distribution-labels[data-v-532320d0]{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.distribution-labels .label[data-v-532320d0]{padding:4px 8px;border-radius:6px}.distribution-labels .label.high[data-v-532320d0]{color:#059669;background:#10b9811a}.distribution-labels .label.medium[data-v-532320d0]{color:#d97706;background:#f59e0b1a}.distribution-labels .label.low[data-v-532320d0]{color:#dc2626;background:#ef44441a}.data-section[data-v-532320d0]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;z-index:1}.data-header[data-v-532320d0]{padding:40px;border-bottom:2px solid rgba(14,165,233,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;background:linear-gradient(135deg,#0ea5e90d,#a855f70d);position:relative}.header-left[data-v-532320d0]{display:flex;flex-direction:column;gap:16px}.header-actions[data-v-532320d0]{display:flex;gap:12px;align-items:center}.action-btn[data-v-532320d0]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffffe6;border:1px solid rgba(14,165,233,.2);border-radius:12px;color:#0ea5e9;font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn[data-v-532320d0]:hover{background:#0ea5e91a;border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e926}.btn-icon[data-v-532320d0]{font-size:16px;animation:spin-532320d0 2s linear infinite}.action-btn:hover .btn-icon[data-v-532320d0]{animation:none}.section-title[data-v-532320d0]{font-size:28px;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#a855f7,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;display:flex;align-items:center;gap:12px}.section-title .title-icon[data-v-532320d0]{font-size:24px;animation:float 3s ease-in-out infinite}.data-info[data-v-532320d0]{display:flex;gap:16px;flex-wrap:wrap}.info-badge[data-v-532320d0]{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);color:#3b82f6;padding:8px 16px;border-radius:24px;font-size:13px;font-weight:600;border:1px solid rgba(59,130,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.table-container[data-v-532320d0]{overflow-x:auto;overflow-y:visible;border-radius:0 0 20px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(14,165,233,.3) transparent;position:relative;will-change:scroll-position;transform:scale(1);transform-origin:top left}.table-container[data-v-532320d0]:after{content:"";position:absolute;right:0;top:0;bottom:0;width:30px;background:linear-gradient(to right,transparent,rgba(14,165,233,.1));pointer-events:none;opacity:0;transition:opacity .3s ease}@media (max-width: 768px){.table-container[data-v-532320d0]:after{opacity:1}.table-container[data-v-532320d0]::-webkit-scrollbar{height:6px}.table-container[data-v-532320d0]::-webkit-scrollbar-thumb{background:#0ea5e980;border-radius:3px}}.table-container[data-v-532320d0]::-webkit-scrollbar{height:8px}.table-container[data-v-532320d0]::-webkit-scrollbar-track{background:#f1f5f980;border-radius:4px}.table-container[data-v-532320d0]::-webkit-scrollbar-thumb{background:#0ea5e966;border-radius:4px}.table-container[data-v-532320d0]::-webkit-scrollbar-thumb:hover{background:#0ea5e999}.loading-state[data-v-532320d0],.empty-state[data-v-532320d0]{padding:80px 32px;text-align:center;color:#64748b}.loading-spinner[data-v-532320d0]{width:48px;height:48px;border:4px solid rgba(59,130,246,.1);border-top:4px solid #3b82f6;border-radius:50%;animation:spin-532320d0 1s linear infinite;margin:0 auto 20px}.empty-icon[data-v-532320d0]{font-size:64px;margin-bottom:20px;color:#cbd5e1}.empty-tip[data-v-532320d0]{font-size:14px;color:#94a3b8;font-weight:500}.data-table[data-v-532320d0]{width:100%;min-width:800px;border-collapse:collapse;font-size:15px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;table-layout:auto;word-wrap:break-word;transform:scale(1);transform-origin:top left}.data-table th[data-v-532320d0]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px 16px;font-weight:700;color:#374151;border-bottom:2px solid #e2e8f0;position:relative}.data-table th.text-left[data-v-532320d0]{text-align:left}.data-table th.text-right[data-v-532320d0]{text-align:right}.data-table th.text-center[data-v-532320d0]{text-align:center}.data-table td[data-v-532320d0]{padding:18px 16px;border-bottom:1px solid #f1f5f9;transition:all .2s ease}.table-row[data-v-532320d0]{transition:all var(--transition-normal);position:relative}.table-row[data-v-532320d0]:hover{background:linear-gradient(135deg,#0ea5e90d,#a855f70d);transform:translate(4px);box-shadow:0 4px 12px #0ea5e91a}.table-row[data-v-532320d0]:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0ea5e9,#a855f7);border-radius:0 2px 2px 0}.date-cell[data-v-532320d0]{font-weight:600;color:#475569;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.game-cell[data-v-532320d0]{font-weight:600}.game-name[data-v-532320d0]{color:#3b82f6;font-weight:700}.number-cell[data-v-532320d0],.revenue-cell[data-v-532320d0],.ecpm-cell[data-v-532320d0],.percent-cell[data-v-532320d0]{text-align:center;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:600}.revenue-cell[data-v-532320d0],.ecpm-cell[data-v-532320d0]{color:#10b981;font-weight:700;background:linear-gradient(135deg,#10b9810d,#10b9811a);border-radius:8px;padding:8px 12px!important}.percent-cell[data-v-532320d0]{color:#3b82f6;font-weight:700}.date-cell[data-v-532320d0],.user-cell[data-v-532320d0],.ad-cell[data-v-532320d0],.event-cell[data-v-532320d0]{text-align:center}.event-badge[data-v-532320d0]{display:inline-block;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.event-badge.show[data-v-532320d0]{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:#3b82f6;border-color:#3b82f633}.event-badge.click[data-v-532320d0]{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);color:#8b5cf6;border-color:#8b5cf633}.event-badge.unknown[data-v-532320d0]{background:linear-gradient(135deg,#6b72801a,#6b72800d);color:#6b7280;border-color:#6b728033}.user-cell[data-v-532320d0],.ad-cell[data-v-532320d0]{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;color:#64748b;font-weight:500}.device-cell[data-v-532320d0]{width:150px;text-align:center;padding:8px 12px}.device-info[data-v-532320d0]{display:flex;flex-direction:column;align-items:center;gap:4px}.device-model[data-v-532320d0]{font-size:13px;font-weight:500;color:#2c3e50;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:4px 8px;border-radius:8px;border:1px solid #dee2e6;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-details[data-v-532320d0]{font-size:14px;opacity:.7;cursor:help;transition:opacity .2s ease}.device-details[data-v-532320d0]:hover{opacity:1}.ip-cell[data-v-532320d0]{width:140px;text-align:center;padding:8px 12px}.ip-info[data-v-532320d0]{display:flex;flex-direction:column;align-items:center;gap:4px}.ip-address[data-v-532320d0]{font-size:12px;font-weight:500;color:#495057;font-family:Courier New,monospace;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);padding:3px 6px;border-radius:6px;border:1px solid #e1bee7;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-location[data-v-532320d0]{font-size:12px;opacity:.8;cursor:help;transition:opacity .2s ease;background:linear-gradient(135deg,#fff3e0,#fce4ec);padding:2px 6px;border-radius:4px;border:1px solid #ffccbc}.ip-location[data-v-532320d0]:hover{opacity:1;background:linear-gradient(135deg,#ffcc02,#ff8a80);color:#fff}.pagination-container[data-v-532320d0]{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding:24px 32px;background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(226,232,240,.5)}.pagination-info[data-v-532320d0]{display:flex;align-items:center;gap:24px;color:#64748b;font-size:15px}.pagination-info>span[data-v-532320d0]{font-weight:600;color:#374151;padding:6px 12px;background:#ffffffb3;border-radius:8px;border:1px solid rgba(226,232,240,.5)}.pagination-controls[data-v-532320d0]{display:flex;align-items:center;gap:16px}.pagination-btn[data-v-532320d0]{padding:14px 24px;border:2px solid #e2e8f0;background:#ffffffe6;color:#374151;border-radius:16px;cursor:pointer;font-size:14px;font-weight:700;transition:all var(--transition-normal);min-width:120px;box-shadow:0 4px 6px -1px #0000001a,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.pagination-btn[data-v-532320d0]:hover:not(:disabled){border-color:#0ea5e9;color:#0ea5e9;background:linear-gradient(135deg,#0ea5e91a,#0ea5e926);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0ea5e933,0 0 0 1px #0ea5e91a}.pagination-btn[data-v-532320d0]:disabled{background:#f8fafc;color:#cbd5e1;cursor:not-allowed;border-color:#f1f5f9;transform:none;box-shadow:none}@media (min-width: 481px) and (max-width: 767px){.ecpm-page[data-v-532320d0]{padding:16px 12px;font-size:14px}.stats-cards[data-v-532320d0]{grid-template-columns:repeat(2,1fr);gap:14px}.stat-card[data-v-532320d0]{padding:18px 14px}.data-table[data-v-532320d0]{font-size:12px;min-width:750px}}@media (max-width: 768px){.ecpm-page[data-v-532320d0]{padding:16px 12px;font-size:14px}.page-header[data-v-532320d0]{padding:24px 16px;border-radius:20px;margin-bottom:20px}.header-content[data-v-532320d0]{flex-direction:column;gap:16px;text-align:center}.title-icon[data-v-532320d0]{font-size:24px;margin-right:8px}.page-title[data-v-532320d0]{font-size:24px;line-height:1.3}.page-subtitle[data-v-532320d0]{font-size:14px}.decoration-dot[data-v-532320d0],.decoration-line[data-v-532320d0]{display:none}.query-section[data-v-532320d0]{padding:20px 16px;border-radius:16px;margin-bottom:20px}.form-header[data-v-532320d0]{flex-direction:column;gap:12px;text-align:center;margin-bottom:20px}.form-title[data-v-532320d0]{font-size:18px}.form-row[data-v-532320d0]{flex-direction:column;align-items:stretch;gap:16px}.form-item[data-v-532320d0]{min-width:auto;width:100%}.form-label[data-v-532320d0]{font-size:14px;margin-bottom:8px}.form-select[data-v-532320d0],.form-input[data-v-532320d0]{padding:14px 16px;font-size:14px;width:100%;box-sizing:border-box}.query-btn[data-v-532320d0]{width:100%;padding:16px;font-size:15px;min-height:48px}.stats-cards[data-v-532320d0]{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card[data-v-532320d0]{padding:16px 12px;flex-direction:column;text-align:center;gap:10px;border-radius:14px;min-height:140px}.stat-card .stat-chart[data-v-532320d0]{display:none}.stat-icon[data-v-532320d0]{width:56px;height:56px;font-size:32px}.stat-value[data-v-532320d0]{font-size:22px;margin-bottom:6px}.stat-label[data-v-532320d0],.stat-trend[data-v-532320d0],.stat-change[data-v-532320d0]{font-size:12px}.charts-section[data-v-532320d0]{margin-bottom:20px;border-radius:16px}.charts-header[data-v-532320d0]{padding:20px 16px;flex-direction:column;gap:16px}.charts-title[data-v-532320d0]{font-size:20px;text-align:center}.charts-controls[data-v-532320d0]{width:100%;justify-content:center}.chart-btn[data-v-532320d0]{padding:8px 16px;font-size:13px;min-height:40px}.chart-card[data-v-532320d0]{padding:16px}.chart-header[data-v-532320d0]{flex-direction:column;gap:12px;text-align:center}.chart-header h3[data-v-532320d0]{font-size:16px}.hourly-chart[data-v-532320d0]{height:160px;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.hour-bar[data-v-532320d0]{min-width:40px}.events-chart[data-v-532320d0]{gap:12px}.event-item[data-v-532320d0]{padding:10px}.data-section[data-v-532320d0]{border-radius:16px}.data-header[data-v-532320d0]{flex-direction:column;align-items:stretch;gap:16px;padding:20px 16px}.header-left[data-v-532320d0]{text-align:center}.header-actions[data-v-532320d0]{justify-content:center;flex-wrap:wrap;gap:8px}.action-btn[data-v-532320d0]{flex:1;min-width:100px;min-height:40px;padding:10px 16px}.section-title[data-v-532320d0]{font-size:20px;justify-content:center;flex-wrap:wrap}.data-info[data-v-532320d0]{justify-content:center;flex-wrap:wrap;gap:8px}.info-badge[data-v-532320d0]{font-size:12px;padding:6px 12px}.table-container[data-v-532320d0]{margin:0 -12px;padding:0 12px;position:relative}.table-container[data-v-532320d0]:before{content:"← 左右滑动查看更多 →";position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:11px;color:#64748b;background:#f1f5f9e6;padding:4px 12px;border-radius:12px;white-space:nowrap;z-index:1;pointer-events:none}.data-table[data-v-532320d0]{font-size:12px;min-width:700px;border-radius:12px}.data-table th[data-v-532320d0]{padding:12px 6px;font-size:11px;white-space:nowrap}.data-table td[data-v-532320d0]{padding:10px 6px;font-size:11px;white-space:nowrap}.device-cell[data-v-532320d0],.ip-cell[data-v-532320d0]{width:100px;padding:8px 4px}.device-model[data-v-532320d0],.ip-address[data-v-532320d0]{font-size:10px;padding:3px 4px}.device-details[data-v-532320d0],.ip-location[data-v-532320d0]{font-size:11px}.event-badge[data-v-532320d0]{padding:4px 8px;font-size:10px}.pagination-container[data-v-532320d0]{flex-direction:column;gap:16px;align-items:stretch;padding:16px;border-radius:12px}.pagination-info[data-v-532320d0]{justify-content:center;flex-wrap:wrap;gap:12px;font-size:13px}.pagination-controls[data-v-532320d0]{justify-content:center;flex-wrap:wrap;gap:12px;width:100%}.pagination-btn[data-v-532320d0]{flex:1;min-width:120px;min-height:44px;padding:12px 16px;font-size:14px}}@media (max-width: 480px){.ecpm-page[data-v-532320d0]{padding:12px 8px}.page-header[data-v-532320d0]{padding:20px 12px;border-radius:16px;margin-bottom:16px}.title-icon[data-v-532320d0]{font-size:20px;margin-right:6px}.page-title[data-v-532320d0]{font-size:20px;line-height:1.2}.page-subtitle[data-v-532320d0]{font-size:12px}.query-section[data-v-532320d0]{padding:16px 12px;border-radius:12px;margin-bottom:16px}.form-header[data-v-532320d0]{margin-bottom:16px;gap:8px}.form-title[data-v-532320d0]{font-size:16px}.form-label[data-v-532320d0]{font-size:13px}.form-select[data-v-532320d0],.form-input[data-v-532320d0]{padding:12px 14px;font-size:13px}.query-btn[data-v-532320d0]{padding:14px;font-size:14px;min-height:48px}.stats-cards[data-v-532320d0]{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.stat-card[data-v-532320d0]{padding:14px 10px;flex-direction:column;text-align:center;gap:8px;border-radius:12px;min-height:120px}.stat-card .stat-chart[data-v-532320d0]{display:none}.stat-icon[data-v-532320d0]{width:48px;height:48px;font-size:28px}.stat-value[data-v-532320d0]{font-size:20px;margin-bottom:4px}.stat-label[data-v-532320d0],.stat-trend[data-v-532320d0],.stat-change[data-v-532320d0]{font-size:11px}.charts-section[data-v-532320d0]{margin-bottom:16px;border-radius:12px}.charts-header[data-v-532320d0]{padding:16px 12px;gap:12px}.charts-title[data-v-532320d0]{font-size:18px}.chart-btn[data-v-532320d0]{padding:8px 12px;font-size:12px;min-height:36px}.chart-card[data-v-532320d0]{padding:12px}.chart-header h3[data-v-532320d0]{font-size:14px}.hourly-chart[data-v-532320d0]{height:140px;gap:3px}.hour-bar[data-v-532320d0]{min-width:32px}.event-item[data-v-532320d0]{padding:8px;font-size:12px}.data-section[data-v-532320d0]{border-radius:12px}.data-header[data-v-532320d0]{padding:16px 12px;gap:12px}.section-title[data-v-532320d0]{font-size:18px}.action-btn[data-v-532320d0]{padding:10px 12px;font-size:12px;min-width:90px;min-height:40px;flex:1 1 calc(50% - 4px)}.info-badge[data-v-532320d0]{font-size:11px;padding:5px 10px}.table-container[data-v-532320d0]{margin:0 -8px;padding:0 8px;position:relative}.table-container[data-v-532320d0]:before{content:"← 滑动查看更多 →";font-size:10px;padding:3px 10px;top:-24px}.data-table[data-v-532320d0]{font-size:11px;min-width:650px;border-radius:10px}.data-table th[data-v-532320d0]{padding:10px 4px;font-size:10px}.data-table td[data-v-532320d0]{padding:8px 4px;font-size:10px}.device-cell[data-v-532320d0],.ip-cell[data-v-532320d0]{width:90px;padding:6px 3px}.device-model[data-v-532320d0],.ip-address[data-v-532320d0]{font-size:9px;padding:2px 3px}.device-details[data-v-532320d0],.ip-location[data-v-532320d0]{font-size:10px}.event-badge[data-v-532320d0]{padding:3px 6px;font-size:9px}.pagination-container[data-v-532320d0]{padding:12px;gap:12px;border-radius:10px}.pagination-info[data-v-532320d0]{font-size:12px;gap:8px}.pagination-controls[data-v-532320d0]{gap:8px}.pagination-btn[data-v-532320d0]{padding:10px 12px;font-size:12px;min-width:100px;min-height:40px;flex:1 1 calc(50% - 4px)}}@media (max-width: 360px){.ecpm-page[data-v-532320d0]{padding:10px 6px;font-size:13px}.page-header[data-v-532320d0]{padding:16px 10px;border-radius:12px;margin-bottom:12px}.page-title[data-v-532320d0]{font-size:18px}.page-subtitle[data-v-532320d0]{font-size:11px}.query-section[data-v-532320d0]{padding:12px 10px;border-radius:10px;margin-bottom:12px}.stats-cards[data-v-532320d0]{gap:8px;margin-bottom:12px}.stat-card[data-v-532320d0]{padding:12px 8px;min-height:100px}.stat-value[data-v-532320d0]{font-size:18px}.stat-label[data-v-532320d0]{font-size:10px}.data-table[data-v-532320d0]{font-size:10px;min-width:600px}.data-table th[data-v-532320d0],.data-table td[data-v-532320d0]{padding:6px 3px;font-size:9px}}@media (min-resolution: 1.5dppx){.ecpm-page[data-v-532320d0]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.ecpm-page[data-v-532320d0]{-webkit-font-smoothing:antialiased}}@media print{.ecpm-page[data-v-532320d0]{padding:20px;font-size:12pt}.page-header[data-v-532320d0],.query-section[data-v-532320d0],.charts-section[data-v-532320d0]{page-break-inside:avoid}.data-table[data-v-532320d0]{font-size:9pt}}.sortable[data-v-532320d0]{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;padding:16px 20px!important}.sortable[data-v-532320d0]:hover{background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.sort-icon[data-v-532320d0]{margin-left:8px;font-size:16px;color:#cbd5e1;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:700;display:inline-block;min-width:16px;text-align:center}.sort-asc .sort-icon[data-v-532320d0]{color:#3b82f6;transform:scale(1.2) rotate(0)}.sort-desc .sort-icon[data-v-532320d0]{color:#8b5cf6;transform:scale(1.2) rotate(180deg)}.sortable:hover .sort-icon[data-v-532320d0]{color:#3b82f6;transform:scale(1.3)}.game-cards-section[data-v-532320d0]{margin-bottom:40px}.cards-header[data-v-532320d0]{margin-bottom:24px}.cards-title[data-v-532320d0]{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:8px;display:flex;align-items:center;gap:12px}.cards-title .title-icon[data-v-532320d0]{font-size:28px}.cards-subtitle[data-v-532320d0]{font-size:14px;color:#64748b}.game-cards-grid[data-v-532320d0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:32px}.game-card[data-v-532320d0]{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;cursor:pointer;position:relative;overflow:hidden}.game-card[data-v-532320d0]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#a855f7);opacity:0;transition:opacity .3s ease}.game-card[data-v-532320d0]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#cbd5e1}.game-card[data-v-532320d0]:hover:before{opacity:1}.card-header[data-v-532320d0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.game-name[data-v-532320d0]{font-size:16px;font-weight:600;color:#1e293b;flex:1}.card-badge[data-v-532320d0]{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.card-content[data-v-532320d0]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.card-stat[data-v-532320d0]{display:flex;flex-direction:column;gap:6px}.stat-label[data-v-532320d0]{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value[data-v-532320d0]{font-size:18px;font-weight:700;color:#1e293b}.stat-value.revenue[data-v-532320d0]{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.ecpm[data-v-532320d0]{background:linear-gradient(135deg,#0ea5e9,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.impressions[data-v-532320d0]{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.users[data-v-532320d0]{background:linear-gradient(135deg,#a855f7,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-footer[data-v-532320d0]{display:flex;justify-content:center;padding-top:12px;border-top:1px solid #e2e8f0}.trend-indicator[data-v-532320d0]{font-size:13px;font-weight:600;padding:6px 12px;border-radius:12px;background:#f1f5f9;color:#475569;transition:all .3s ease}.trend-indicator.high[data-v-532320d0]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.view-toggle[data-v-532320d0]{display:flex;gap:8px;background:#f1f5f9;padding:4px;border-radius:8px;margin-right:12px}.toggle-btn[data-v-532320d0]{padding:8px 16px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease}.toggle-btn.active[data-v-532320d0]{background:#fff;color:#0ea5e9;box-shadow:0 2px 4px #0000000d}.toggle-btn[data-v-532320d0]:hover{color:#1e293b}@media (max-width: 1024px){.game-cards-grid[data-v-532320d0]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.game-card[data-v-532320d0]{padding:16px}.card-content[data-v-532320d0]{gap:12px}.stat-value[data-v-532320d0]{font-size:16px}}@media (max-width: 768px){.game-cards-grid[data-v-532320d0]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.game-card[data-v-532320d0]{padding:12px}.cards-title[data-v-532320d0]{font-size:20px}.card-header[data-v-532320d0]{margin-bottom:12px;padding-bottom:8px}.game-name[data-v-532320d0]{font-size:14px}.card-badge[data-v-532320d0]{font-size:11px;padding:3px 10px}.card-content[data-v-532320d0]{grid-template-columns:repeat(2,1fr);gap:10px}.stat-label[data-v-532320d0]{font-size:11px}.stat-value[data-v-532320d0]{font-size:14px}.view-toggle[data-v-532320d0]{margin-right:8px}.toggle-btn[data-v-532320d0]{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.game-cards-grid[data-v-532320d0]{grid-template-columns:1fr;gap:12px}.game-card[data-v-532320d0]{padding:12px}.cards-title[data-v-532320d0]{font-size:18px}.card-content[data-v-532320d0]{grid-template-columns:repeat(2,1fr)}.stat-value[data-v-532320d0]{font-size:13px}}.buried-point-page[data-v-0ab28e85]{padding:32px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.page-header[data-v-0ab28e85]{background:#fffffffa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);padding:48px;border-radius:32px;margin-bottom:32px;box-shadow:0 25px 50px -12px #00000026}.page-title[data-v-0ab28e85]{font-size:36px;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-0ab28e85]{font-size:18px;color:#64748b;margin:0}.query-section[data-v-0ab28e85]{background:#fffffffa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);padding:40px;border-radius:24px;margin-bottom:32px;box-shadow:0 25px 50px -12px #00000026}.form-row[data-v-0ab28e85]{display:flex;gap:24px;align-items:end;flex-wrap:wrap}.form-item[data-v-0ab28e85]{display:flex;flex-direction:column;min-width:180px;flex:1}.form-label[data-v-0ab28e85]{font-size:15px;font-weight:600;color:#374151;margin-bottom:12px}.form-select[data-v-0ab28e85],.form-input[data-v-0ab28e85]{padding:16px 20px;border:2px solid #e5e7eb;border-radius:16px;font-size:15px;transition:all .3s;background:#fff}.form-select[data-v-0ab28e85]:focus,.form-input[data-v-0ab28e85]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.query-btn[data-v-0ab28e85]{padding:18px 36px;background:linear-gradient(135deg,#0ea5e9,#a855f7);color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.query-btn[data-v-0ab28e85]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #0ea5e966}.stats-cards[data-v-0ab28e85]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card[data-v-0ab28e85]{background:#fffffffa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:32px;box-shadow:0 25px 50px -12px #00000026;display:flex;align-items:center;gap:20px}.stat-icon[data-v-0ab28e85]{font-size:48px}.stat-value[data-v-0ab28e85]{font-size:36px;font-weight:800;color:#1e293b}.stat-label[data-v-0ab28e85]{font-size:15px;color:#64748b;font-weight:600}.data-section[data-v-0ab28e85]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.data-header[data-v-0ab28e85]{padding:40px;border-bottom:2px solid rgba(14,165,233,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.section-title[data-v-0ab28e85]{font-size:28px;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.data-table[data-v-0ab28e85]{width:100%;border-collapse:collapse;font-size:14px}.data-table th[data-v-0ab28e85]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px;font-weight:700;color:#374151;border-bottom:2px solid #e2e8f0;text-align:center}.data-table td[data-v-0ab28e85]{padding:14px 16px;border-bottom:1px solid #f1f5f9;text-align:center}.table-row[data-v-0ab28e85]:hover{background:#0ea5e90d}.event-badge[data-v-0ab28e85]{display:inline-block;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;background:#3b82f61a;color:#3b82f6}.game-name-cell[data-v-0ab28e85]{font-weight:600;color:#1e293b;white-space:nowrap}.app-id-cell[data-v-0ab28e85]{font-family:Monaco,Consolas,monospace;font-size:12px;color:#6b7280;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.app-id-cell[data-v-0ab28e85]:hover{color:#3b82f6;text-decoration:underline}.pagination-container[data-v-0ab28e85]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#f8fafccc}.pagination-btn[data-v-0ab28e85]{padding:12px 24px;border:2px solid #e2e8f0;background:#fff;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s}.pagination-btn[data-v-0ab28e85]:hover:not(:disabled){border-color:#0ea5e9;color:#0ea5e9}.pagination-btn[data-v-0ab28e85]:disabled{opacity:.5;cursor:not-allowed}.loading-state[data-v-0ab28e85],.empty-state[data-v-0ab28e85]{padding:80px 32px;text-align:center;color:#64748b}.loading-spinner[data-v-0ab28e85]{width:48px;height:48px;border:4px solid rgba(59,130,246,.1);border-top:4px solid #3b82f6;border-radius:50%;animation:spin-0ab28e85 1s linear infinite;margin:0 auto 20px}@keyframes spin-0ab28e85{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dy-game-page[data-v-a20c8d1d]{padding:32px;min-height:100vh;width:100%;box-sizing:border-box}.page-header[data-v-a20c8d1d]{margin-bottom:32px}.header-content[data-v-a20c8d1d]{display:flex;justify-content:space-between;align-items:center;gap:24px}.title-section[data-v-a20c8d1d]{flex:1}.page-title[data-v-a20c8d1d]{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:8px;display:flex;align-items:center;gap:12px}.page-title .title-icon[data-v-a20c8d1d]{font-size:36px}.page-subtitle[data-v-a20c8d1d]{font-size:14px;color:#64748b;line-height:1.5}.query-section[data-v-a20c8d1d]{margin-bottom:32px}.query-form[data-v-a20c8d1d]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.form-header[data-v-a20c8d1d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-title[data-v-a20c8d1d]{font-size:18px;font-weight:600;color:#1e293b;margin:0}.form-icon[data-v-a20c8d1d]{font-size:20px}.form-row[data-v-a20c8d1d]{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.form-item[data-v-a20c8d1d]{flex:1;min-width:200px;display:flex;flex-direction:column;gap:8px}.form-label[data-v-a20c8d1d]{font-size:14px;font-weight:500;color:#475569}.form-input[data-v-a20c8d1d]{padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;transition:all .3s ease}.form-input[data-v-a20c8d1d]:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.query-btn[data-v-a20c8d1d]{padding:10px 24px;background:linear-gradient(135deg,#0ea5e9,#a855f7);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:40px}.query-btn[data-v-a20c8d1d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0ea5e94d}.query-btn[data-v-a20c8d1d]:disabled{opacity:.6;cursor:not-allowed}.game-data-section[data-v-a20c8d1d]{margin-bottom:40px}.section-header[data-v-a20c8d1d]{margin-bottom:24px}.section-title[data-v-a20c8d1d]{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:8px;display:flex;align-items:center;gap:12px}.section-title .title-icon[data-v-a20c8d1d]{font-size:28px}.section-subtitle[data-v-a20c8d1d]{font-size:14px;color:#64748b}.game-cards-grid[data-v-a20c8d1d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.game-card[data-v-a20c8d1d]{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;cursor:pointer;position:relative;overflow:hidden}.game-card[data-v-a20c8d1d]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#a855f7);opacity:0;transition:opacity .3s ease}.game-card[data-v-a20c8d1d]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#cbd5e1}.game-card[data-v-a20c8d1d]:hover:before{opacity:1}.card-header[data-v-a20c8d1d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.game-name[data-v-a20c8d1d]{font-size:16px;font-weight:600;color:#1e293b;flex:1}.card-badge[data-v-a20c8d1d]{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.card-content[data-v-a20c8d1d]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.card-stat[data-v-a20c8d1d]{display:flex;flex-direction:column;gap:6px}.stat-label[data-v-a20c8d1d]{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value[data-v-a20c8d1d]{font-size:18px;font-weight:700;color:#1e293b}.stat-value.revenue[data-v-a20c8d1d]{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.ecpm[data-v-a20c8d1d]{background:linear-gradient(135deg,#0ea5e9,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.impressions[data-v-a20c8d1d]{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.users[data-v-a20c8d1d]{background:linear-gradient(135deg,#a855f7,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-footer[data-v-a20c8d1d]{display:flex;justify-content:center;padding-top:12px;border-top:1px solid #e2e8f0}.trend-indicator[data-v-a20c8d1d]{font-size:13px;font-weight:600;padding:6px 12px;border-radius:12px;background:#f1f5f9;color:#475569;transition:all .3s ease}.trend-indicator.high[data-v-a20c8d1d]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.empty-state-section[data-v-a20c8d1d]{display:flex;justify-content:center;align-items:center;min-height:400px}.empty-state[data-v-a20c8d1d]{text-align:center}.empty-icon[data-v-a20c8d1d]{font-size:64px;margin-bottom:16px}.empty-text[data-v-a20c8d1d]{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:8px}.empty-tip[data-v-a20c8d1d]{font-size:14px;color:#64748b}.loading-section[data-v-a20c8d1d]{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-state[data-v-a20c8d1d]{text-align:center}.loading-spinner[data-v-a20c8d1d]{width:40px;height:40px;border:4px solid rgba(14,165,233,.1);border-top:4px solid #0ea5e9;border-radius:50%;animation:spin-a20c8d1d 1s linear infinite;margin:0 auto 16px}@keyframes spin-a20c8d1d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p[data-v-a20c8d1d]{color:#64748b;font-size:14px}@keyframes fadeIn-a20c8d1d{0%{opacity:0}to{opacity:1}}@keyframes slideUp-a20c8d1d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-a20c8d1d{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in[data-v-a20c8d1d]{animation:fadeIn-a20c8d1d .6s ease-out}.animate-slide-up[data-v-a20c8d1d]{animation:slideUp-a20c8d1d .6s ease-out}.animate-scale-in[data-v-a20c8d1d]{animation:scaleIn-a20c8d1d .6s ease-out}@media (max-width: 1024px){.dy-game-page[data-v-a20c8d1d]{padding:24px}.page-title[data-v-a20c8d1d]{font-size:28px}.game-cards-grid[data-v-a20c8d1d]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.game-card[data-v-a20c8d1d]{padding:16px}.card-content[data-v-a20c8d1d]{gap:12px}.stat-value[data-v-a20c8d1d]{font-size:16px}}@media (max-width: 768px){.dy-game-page[data-v-a20c8d1d]{padding:16px}.page-title[data-v-a20c8d1d]{font-size:24px}.page-subtitle[data-v-a20c8d1d]{font-size:13px}.game-cards-grid[data-v-a20c8d1d]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.game-card[data-v-a20c8d1d]{padding:12px}.card-header[data-v-a20c8d1d]{margin-bottom:12px;padding-bottom:8px}.game-name[data-v-a20c8d1d]{font-size:14px}.card-badge[data-v-a20c8d1d]{font-size:11px;padding:3px 10px}.card-content[data-v-a20c8d1d]{grid-template-columns:repeat(2,1fr);gap:10px}.stat-label[data-v-a20c8d1d]{font-size:11px}.stat-value[data-v-a20c8d1d]{font-size:14px}.form-row[data-v-a20c8d1d]{flex-direction:column}.form-item[data-v-a20c8d1d]{min-width:100%}.query-btn[data-v-a20c8d1d]{width:100%}}@media (max-width: 480px){.dy-game-page[data-v-a20c8d1d]{padding:12px}.page-title[data-v-a20c8d1d]{font-size:20px}.game-cards-grid[data-v-a20c8d1d]{grid-template-columns:1fr;gap:12px}.game-card[data-v-a20c8d1d]{padding:12px}.card-content[data-v-a20c8d1d]{grid-template-columns:repeat(2,1fr)}.stat-value[data-v-a20c8d1d]{font-size:13px}}