:root { --glass-bg: rgba(255, 255, 255, 0.7); --glass-border: rgba(255, 255, 255, 0.2); --accent-color: #6366f1; --accent-light: #a5b4fc; --text-main: #1e293b; --text-muted: #64748b; --card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 10px 4px 6px -2px rgba(0, 0, 0, 0.05); --grad-primary: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); }
body { background: #f1f5f9; background-image: radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.15) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(168, 85, 247, 0.15) 0px, transparent 50%); background-attachment: fixed; font-family: 'Outfit', 'PingFang TC', sans-serif; color: var(--text-main); min-height: 100vh; }
.glass-card { background: var(--glass-bg); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--glass-border); border-radius: 20px; box-shadow: var(--card-shadow); margin-bottom: 2rem; overflow: hidden; }
.nav-pills .nav-link { color: var(--text-muted); border-radius: 12px; font-weight: 600; padding: 0.75rem 1.5rem; transition: 0.3s; }
.nav-pills .nav-link.active { background: var(--grad-primary); box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3); color: #fff; }
.analytics-table { font-size: 0.875rem; border-collapse: separate; border-spacing: 0; }
.analytics-table thead th { background: rgba(248, 250, 252, 0.8); border-bottom: 2px solid #e2e8f0; color: var(--text-muted); padding: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
.analytics-table tbody td { padding: 1rem; border-bottom: 1px solid #f1f5f9; vertical-align: middle; }
.analytics-table tr:hover td { background: rgba(241, 245, 249, 0.5); }
.trend-cell { font-weight: 700; text-align: center; }
.val-zero { color: #cbd5e1; font-weight: 400; }
.val-high { color: var(--accent-color); }
.total-cell { background: rgba(99, 102, 241, 0.05); font-weight: 800; color: var(--accent-color); }
.item-label { max-width: 300px; word-break: break-all; font-weight: 500; }
.header-section { padding: 2.5rem 0; }
.title-badge { background: var(--grad-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; }
.chart-wrap { height: 350px; padding: 1rem; }
.fw-black { font-weight: 900; }