/* AI自动投放系统 - 霓虹彩虹渐变主题 v5.0 */@keyframes neonGlow {  0%, 100% { box-shadow: 0 0 20px rgba(139,92,246,0.4), 0 0 40px rgba(6,182,212,0.2), inset 0 0 20px rgba(139,92,246,0.1); }  50% { box-shadow: 0 0 30px rgba(139,92,246,0.6), 0 0 60px rgba(6,182,212,0.3), inset 0 0 30px rgba(139,92,246,0.15); }}@keyframes neonBorderFlow {  0% { background-position: 0% 50%; }  50% { background-position: 100% 50%; }  100% { background-position: 200% 50%; }}@keyframes rainbowShift { 0%,100%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)} }:root {    --bg-body: #1e2d4a; --bg-main: #1e2d4a; --bg-sidebar: #162238;    --bg-topbar: rgba(22,34,56,0.95); --bg-card: #253552; --bg-card-hover: #2d3f60;    --bg-table-head: #162238; --bg-table-row: rgba(37,53,82,0.6); --bg-table-hover: rgba(45,63,96,0.8);    --bg-input: rgba(255,255,255,0.07); --bg-hover: rgba(99,102,241,0.15);    --color-purple: #8b5cf6; --color-pink: #ec4899; --color-cyan: #06b6d4;    --color-blue: #3b82f6; --color-green: #10b981; --color-amber: #f59e0b; --color-red: #ef4444;    --text-primary: #ffffff; --text-secondary: #cbd5e1; --text-muted: #7c8db5;    --border: rgba(255,255,255,0.12); --border-light: rgba(255,255,255,0.06);    --primary: #6366f1; --primary-light: #818cf8; --accent-cyan: #22d3ee;    --accent-purple: #a855f7; --accent-pink: #ec4899;    --success: #10b981; --warning: #f59e0b; --danger: #ef4444; --info: #3b82f6;    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3); --shadow-md: 0 4px 16px rgba(0,0,0,0.4); --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);    --shadow-glow: 0 0 20px rgba(139,92,246,0.3), 0 0 40px rgba(6,182,212,0.15);    --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px;    --glass: blur(20px);    --card-bg: var(--bg-card);    --border-color: var(--border);    --bg-dark: #0a0f1a;    --bg-light: rgba(255,255,255,0.05);}* { margin: 0; padding: 0; box-sizing: border-box; }svg { max-width: 100%; max-height: 100%; }html, body { height: 100%; overflow-x: hidden; }body { font-family: "PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif; font-size: 14px; line-height: 1.6; letter-spacing: 0.2px; color: var(--text-primary); background: var(--bg-body); min-height: 100vh; }::-webkit-scrollbar { width: 6px; height: 6px; }::-webkit-scrollbar-track { background: transparent; }::-webkit-scrollbar-thumb { background: rgba(139,92,246,0.3); border-radius: 3px; }::-webkit-scrollbar-thumb:hover { background: rgba(139,92,246,0.6); }a { text-decoration: none; color: inherit; }.topbar { height: 60px; background: var(--bg-topbar); backdrop-filter: var(--glass); -webkit-backdrop-filter: var(--glass); border-bottom: 1px solid rgba(139,92,246,0.3); display: flex; align-items: center; justify-content: space-between; padding: 0 24px; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 1px 0 rgba(139,92,246,0.2), 0 4px 20px rgba(0,0,0,0.4); }.topbar .logo { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; color: var(--text-primary); letter-spacing: 0.5px; min-width: 0; }.topbar .logo > span { white-space: nowrap; color: var(--text-primary); font-size: 18px; font-weight: 700; letter-spacing: 0.5px; }.topbar-logo-icon { width: 32px; height: 32px; background: linear-gradient(135deg, #6366f1, #a855f7, #22d3ee); border-radius: 8px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 12px rgba(99,102,241,0.6), 0 0 24px rgba(168,85,247,0.3); animation: rainbowShift 4s ease-in-out infinite; }.topbar-logo-icon img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 8px; }.topbar-right { display: flex; align-items: center; gap: 12px; }.topbar-search { background: var(--bg-input); border: 1px solid var(--border); border-radius: 24px; padding: 7px 16px; color: var(--text-primary); width: 220px; outline: none; transition: all 0.25s; font-size: 13px; }.topbar-search::placeholder { color: var(--text-muted); }.topbar-search:focus { border-color: var(--color-purple); background: rgba(139,92,246,0.15); box-shadow: 0 0 0 3px rgba(139,92,246,0.2), 0 0 12px rgba(139,92,246,0.3); width: 260px; }/* 霓虹搜索框 - 投放计划表头用 */.neon-search {    background: rgba(10,15,30,0.8);    border: 2px solid transparent;    border-radius: 24px;    padding: 8px 16px;    color: var(--text-primary);    width: 200px;    outline: none;    font-size: 13px;    background-clip: padding-box;    position: relative;    transition: all 0.3s;}.neon-search::before {    content: '';    position: absolute;    inset: -2px;    border-radius: 26px;    padding: 2px;    background: linear-gradient(90deg, #6366f1, #a855f7, #ec4899, #06b6d4, #6366f1);    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);    -webkit-mask-composite: xor;    mask-composite: exclude;    background-size: 300% 100%;    animation: neonShift 3s linear infinite;    pointer-events: none;}@keyframes neonShift {    0% { background-position: 0% 50%; }    100% { background-position: 300% 50%; }}.neon-search:focus {    box-shadow: 0 0 20px rgba(139,92,246,0.5), 0 0 40px rgba(6,182,212,0.3);    width: 240px;}.neon-search::placeholder { color: var(--text-muted); }.btn-help {    display: inline-flex;    align-items: center;    justify-content: center;    width: 18px;    height: 18px;    border-radius: 50%;    border: 1.5px solid rgba(255,255,255,0.5);    color: #ffffff;    font-size: 12px;    font-weight: 700;    cursor: pointer;    margin-left: 8px;    transition: all 0.2s;    vertical-align: middle;    line-height: 1;    flex-shrink: 0;    background: rgba(255,255,255,0.1);    box-shadow: 0 0 6px rgba(255,255,255,0.15);}.btn-help:hover {    border-color: #a855f7;    color: #e9d5ff;    background: rgba(168,85,247,0.25);    box-shadow: 0 0 12px rgba(168,85,247,0.5);    transform: scale(1.1);}/* 霓虹搜索框容器 */.neon-search-wrap {    display: flex;    align-items: center;    gap: 0;    position: relative;}.neon-search-btn {    position: absolute;    right: 4px;    top: 50%;    transform: translateY(-50%);    background: none;    border: none;    cursor: pointer;    color: var(--text-muted);    padding: 4px 6px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.2s;    z-index: 1;}.neon-search-btn:hover {    color: var(--color-purple);    background: rgba(139,92,246,0.15);}.neon-search-btn svg {    width: 16px;    height: 16px;}/* 匹配行高亮 */.plan-row.plan-match {    background: rgba(139,92,246,0.12) !important;    border-left: 3px solid var(--color-purple);}.plan-row.plan-match:hover {    background: rgba(139,92,246,0.18) !important;}.topbar-icon-btn { width: 36px; height: 36px; border-radius: 50%; background: var(--bg-input); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; color: var(--text-secondary); position: relative; }.topbar-icon-btn:hover { background: rgba(139,92,246,0.2); border-color: var(--color-purple); color: var(--primary-light); box-shadow: 0 0 12px rgba(139,92,246,0.3); }.topbar-icon-btn svg { width: 16px; height: 16px; }.notification-badge { position: absolute; top: -2px; right: -2px; width: 16px; height: 16px; border-radius: 50%; background: var(--danger); font-size: 9px; color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; box-shadow: 0 0 8px rgba(239,68,68,0.6); }.user-info { display: flex; align-items: center; gap: 8px; padding: 4px 12px 4px 4px; border-radius: 24px; background: var(--bg-input); border: 1px solid var(--border); cursor: pointer; transition: all 0.2s; }.user-info:hover { border-color: var(--color-purple); box-shadow: 0 0 12px rgba(139,92,246,0.25); }.user-avatar { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, var(--color-purple), var(--color-cyan)); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; color: white; }.user-name { font-size: 13px; color: var(--text-primary); }.content-layout { display: flex; gap: 20px; min-width: 0; align-items: stretch; }.content-main { min-width: 0; display: flex; flex-direction: column; gap: 20px; }.content-main > .card { min-height: 300px; }table th, table td { white-space: nowrap; }.card { background: var(--bg-card); border-radius: var(--radius-lg); overflow: visible; position: relative; position: relative; transition: all 0.3s; border: 1px solid rgba(139,92,246,0.25); }.card > .card-body { overflow-x: auto; overflow-y: visible; }
.card-body .material-top10-table { min-width: 720px; }
.ai-panel > .card-body { overflow-y: auto; max-height: calc(480px - 48px); padding: 8px; }.card:hover { box-shadow: 0 0 30px rgba(139,92,246,0.2), 0 0 60px rgba(6,182,212,0.1); }.card-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; min-width: 0; padding: 16px 20px; border-bottom: 1px solid rgba(139,92,246,0.15); background: rgba(22,34,56,0.6); position: relative; z-index: 2; }.card-title { font-size: 15px; font-weight: 600; color: var(--text-primary); letter-spacing: 0.3px; min-width: 0; }.card-body { padding: 0; position: relative; z-index: 2; }.stats-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-bottom: 24px; }/* ===== NEON GLowing STAT CARDS ===== */.stat-card {    border-radius: 24px;    padding: 24px 26px;    position: relative;    background: linear-gradient(155deg, rgba(35,52,88,0.95) 0%, rgba(16,24,50,0.98) 100%);    border: none;    transition: all 0.3s ease;    cursor: default;    overflow: visible;}.stat-card::before {    content: "";    position: absolute;    inset: 0;    border-radius: 24px;    padding: 1.5px;    background: linear-gradient(160deg, rgba(180,200,255,0.7) 0%, rgba(139,92,246,0.5) 40%, rgba(6,182,212,0.5) 100%);    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);    -webkit-mask-composite: xor;    mask-composite: exclude;    pointer-events: none;    z-index: 1;}.stat-card::after {    content: "";    position: absolute;    inset: -3px;    border-radius: 27px;    background: linear-gradient(160deg, rgba(147,197,253,0.2) 0%, rgba(139,92,246,0.12) 50%, rgba(6,182,212,0.12) 100%);    filter: blur(8px);    z-index: 0;    opacity: 0.7;    transition: all 0.3s ease;}.stat-card:hover {    transform: translateY(-2px);}.stat-card:hover::before {    background: linear-gradient(160deg, rgba(200,220,255,0.9) 0%, rgba(167,139,250,0.7) 40%, rgba(34,211,238,0.7) 100%);    padding: 2px;}.stat-card:hover::after {    opacity: 1;    filter: blur(12px);    background: linear-gradient(160deg, rgba(139,92,246,0.3) 0%, rgba(6,182,212,0.2) 100%);}.stat-card > * { position: relative; z-index: 2; }.stat-card .stat-label {    font-size: 12px;    color: rgba(160,180,210,0.7);    font-weight: 500;    letter-spacing: 0.2px;    margin-bottom: 12px;    display: flex;    align-items: center;    gap: 6px;}.stat-card .stat-label svg { width: 13px; height: 13px; opacity: 0.6; flex-shrink: 0; }.stat-card .stat-value {    font-size: 30px;    font-weight: 700;    letter-spacing: -0.6px;    line-height: 1.1;    margin-bottom: 6px;}.stat-card .stat-sub {    font-size: 11px;    color: rgba(140,160,195,0.55);}.stat-card.card-purple .stat-value { color: #c4b5fd; }.stat-card.card-cyan .stat-value { color: #67e8f9; }.stat-card.card-emerald .stat-value { color: #6ee7b7; }.stat-card.card-amber .stat-value { color: #fcd34d; }.stat-card.card-red .stat-value { color: #fca5a5; }.table-container {     max-height: 380px; /* 包含header的高度 */    overflow: auto;    position: relative;}table { width: 100%; min-width: 950px; border-collapse: collapse; font-size: 13px; }table th, table td { white-space: nowrap; padding: 10px 14px; text-align: left; vertical-align: middle; }thead th { background: var(--bg-table-head); color: var(--text-muted); font-weight: 600; font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.5px; padding: 12px 16px; text-align: left; border-bottom: 1px solid rgba(139,92,246,0.15); white-space: nowrap; }tbody tr { border-bottom: 1px solid var(--border-light); transition: background 0.15s; }tbody tr:last-child { border-bottom: none; }tbody tr:hover { background: var(--bg-table-hover); }tbody td { padding: 12px 16px; color: var(--text-primary); vertical-align: middle; }.plan-id { font-family: "SF Mono","Fira Code",monospace; font-size: 12px; color: var(--text-secondary); }.badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 20px; font-size: 11.5px; font-weight: 600; letter-spacing: 0.2px; }.badge-success { background: rgba(16,185,129,0.15); color: #34d399; border: 1px solid rgba(16,185,129,0.25); }.badge-warning { background: rgba(245,158,11,0.15); color: #fbbf24; border: 1px solid rgba(245,158,11,0.25); }.badge-danger { background: rgba(239,68,68,0.15); color: #f87171; border: 1px solid rgba(239,68,68,0.25); }.badge-info { background: rgba(59,130,246,0.15); color: #60a5fa; border: 1px solid rgba(59,130,246,0.25); }.badge-default { background: rgba(100,116,139,0.15); color: #94a3b8; border: 1px solid rgba(100,116,139,0.25); }
.badge-blue { background: rgba(59,130,246,0.15); color: #60a5fa; border: 1px solid rgba(59,130,246,0.25); box-shadow: 0 0 8px rgba(59,130,246,0.15); }
.badge-red { background: rgba(239,68,68,0.15); color: #f87171; border: 1px solid rgba(239,68,68,0.25); box-shadow: 0 0 8px rgba(239,68,68,0.15); }
.badge-orange { background: rgba(245,158,11,0.15); color: #fbbf24; border: 1px solid rgba(245,158,11,0.25); box-shadow: 0 0 8px rgba(245,158,11,0.15); }\n.badge-purple { background: rgba(139,92,246,0.15); color: #a78bfa; border: 1px solid rgba(139,92,246,0.25); box-shadow: 0 0 8px rgba(139,92,246,0.2); }.badge-purple { background: rgba(139,92,246,0.15); color: #a78bfa; border: 1px solid rgba(139,92,246,0.25); }.badge-cyan { background: rgba(6,182,212,0.15); color: #22d3ee; border: 1px solid rgba(6,182,212,0.25); }.badge-product { background: rgba(59,130,246,0.15); color: #60a5fa; border: 1px solid rgba(59,130,246,0.25); box-shadow: 0 0 8px rgba(59,130,246,0.2); }.badge-live { background: rgba(236,72,153,0.15); color: #f472b6; border: 1px solid rgba(236,72,153,0.25); box-shadow: 0 0 8px rgba(236,72,153,0.2); }.badge-pink { background: rgba(236,72,153,0.15); color: #f472b6; border: 1px solid rgba(236,72,153,0.25); box-shadow: 0 0 8px rgba(236,72,153,0.2); }.badge-purple { background: rgba(139,92,246,0.15); color: #a78bfa; border: 1px solid rgba(139,92,246,0.25); box-shadow: 0 0 8px rgba(139,92,246,0.2); }.badge-cyan { background: rgba(6,182,212,0.15); color: #22d3ee; border: 1px solid rgba(6,182,212,0.25); box-shadow: 0 0 8px rgba(6,182,212,0.2); }.badge-product { background: rgba(59,130,246,0.15); color: #60a5fa; border: 1px solid rgba(59,130,246,0.25); box-shadow: 0 0 8px rgba(59,130,246,0.2); }.btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: var(--radius-sm); font-size: 13px; font-weight: 500; cursor: pointer; border: 1px solid transparent; transition: all 0.2s; letter-spacing: 0.1px; }.btn-sm { padding: 5px 12px; font-size: 12px; border-radius: 6px; }.btn-primary { background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #22d3ee 100%); color: white; border: none; box-shadow: 0 2px 12px rgba(99,102,241,0.4), 0 0 20px rgba(168,85,247,0.2); }.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 4px 20px rgba(99,102,241,0.5), 0 0 30px rgba(168,85,247,0.3); }.btn-ghost { background: transparent; color: var(--text-secondary); border: 1px solid var(--border); }.btn-ghost:hover { background: rgba(139,92,246,0.1); color: var(--text-primary); border-color: rgba(139,92,246,0.4); }.refresh-btn { display: inline-flex; align-items: center; gap: 5px; padding: 6px 14px; border-radius: var(--radius-sm); font-size: 12px; font-weight: 500; cursor: pointer; background: var(--bg-input); color: var(--text-secondary); border: 1px solid var(--border); transition: all 0.2s; }.refresh-btn:hover { background: rgba(139,92,246,0.15); color: var(--primary-light); border-color: rgba(139,92,246,0.3); box-shadow: 0 0 10px rgba(139,92,246,0.2); }.execute-btn { width: 100%; padding: 14px 24px; border: none; border-radius: var(--radius-md); background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #22d3ee 100%); color: white; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.25s; letter-spacing: 0.3px; box-shadow: 0 4px 20px rgba(99,102,241,0.4), 0 0 30px rgba(168,85,247,0.2); display: flex; align-items: center; justify-content: center; gap: 8px; }.execute-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 28px rgba(99,102,241,0.5), 0 0 40px rgba(168,85,247,0.3); }table th:nth-child(1){width:140px} table th:nth-child(2){width:50px} table th:nth-child(3){width:70px} table th:nth-child(4){width:60px}table th:nth-child(5){width:70px} table th:nth-child(6){width:50px} table th:nth-child(7){width:60px} table th:nth-child(8){width:60px}table th:nth-child(9){width:100px} table th:nth-child(10){width:110px}.auth-gradient-section { background: linear-gradient(135deg, rgba(139,92,246,0.2), rgba(236,72,153,0.1), rgba(6,182,212,0.1)); border: 1px solid rgba(139,92,246,0.3); border-radius: var(--radius-lg); padding: 28px; margin-bottom: 24px; backdrop-filter: var(--glass); }.auth-gradient-section h2 { margin: 0 0 20px 0; font-size: 18px; color: var(--text-primary); display: flex; align-items: center; gap: 10px; }.status-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin-bottom: 24px; }.status-item { background: rgba(255,255,255,0.04); padding: 18px; border-radius: var(--radius-md); border: 1px solid var(--border); }.status-item .label { font-size: 11px; opacity: 0.7; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); font-weight: 600; }.status-item .value { font-size: 22px; font-weight: 700; }.status-item .value.valid { color: #34d399; } .status-item .value.expired { color: #f87171; }.btn-auth { background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #22d3ee 100%); color: white; border: none; padding: 14px 32px; border-radius: var(--radius-md); font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.25s; box-shadow: 0 4px 20px rgba(99,102,241,0.4), 0 0 30px rgba(168,85,247,0.2); display: inline-flex; align-items: center; gap: 8px; }.btn-auth:hover { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(99,102,241,0.5), 0 0 40px rgba(168,85,247,0.3); }.btn-auth:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }.success-msg { background: rgba(16,185,129,0.15); border: 1px solid rgba(16,185,129,0.3); color: #6ee7b7; padding: 14px 18px; border-radius: var(--radius-md); margin-top: 16px; }.error-msg { background: rgba(239,68,68,0.15); border: 1px solid rgba(239,68,68,0.3); color: #fca5a5; padding: 14px 18px; border-radius: var(--radius-md); margin-top: 16px; }.data-table th, .data-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--border); }.data-table th { background: var(--bg-table-head); font-weight: 600; color: var(--text-muted); font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.5px; }.data-table tr:hover td { background: var(--bg-table-hover); } .table-wrap { max-height: 500px; overflow-y: auto; }.theme-btn-dark { background: linear-gradient(135deg, #6366f1, #a855f7, #22d3ee); }
.theme-btn-pink { background: linear-gradient(135deg, #ff4081, #e91e90, #ff8fb3); }
.theme-btn-neon { background: linear-gradient(135deg, #ff66ff, #00e5ff, #cc44ff); }
.theme-btn-aurora { background: linear-gradient(135deg, #ff1493, #7c4dff, #e040fb); }
.theme-btn-abyss { background: linear-gradient(135deg, #00b8d4, #00e5ff, #40c4ff); }
.theme-switcher { display: flex; align-items: center; }.theme-btn { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,0.1); border: 2px solid rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; color: var(--text-secondary); position: relative; box-shadow: 0 2px 8px rgba(0,0,0,0.3); }.theme-btn:hover { background: rgba(139,92,246,0.25); border-color: var(--color-purple); color: var(--primary-light); box-shadow: 0 0 10px rgba(139,92,246,0.3); }.theme-btn.active-theme-btn { border-color: #ffffff; box-shadow: 0 0 0 3px rgba(255,255,255,0.25), 0 0 18px rgba(139,92,246,0.7); transform: scale(1.12); z-index: 2; }.theme-btn-dark.active-theme-btn { background: linear-gradient(135deg, #6366f1, #a855f7, #22d3ee); }.theme-btn-ocean.active-theme-btn { background: linear-gradient(135deg, #00b4d8, #0096c7); }.theme-btn-forest.active-theme-btn { background: linear-gradient(135deg, #00c853, #00a844); }/* ===== SIDEBAR ===== */.sidebar { width: 200px; height: 100vh; background: var(--bg-sidebar); border-right: 1px solid rgba(139,92,246,0.2); position: fixed; top: 60px; left: 0; bottom: 0; padding: 16px 12px; overflow-y: auto; z-index: 900; box-shadow: 2px 0 20px rgba(0,0,0,0.3); }.nav-section { font-size: 11px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; padding: 12px 12px 6px; margin-top: 8px; }.nav-section:first-child { margin-top: 0; }.nav-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--radius-md); color: var(--text-secondary); font-size: 14px; font-weight: 500; transition: all 0.2s; margin-bottom: 2px; border: 1px solid transparent; }.nav-item:hover { background: rgba(139,92,246,0.15); color: var(--text-primary); border-color: rgba(139,92,246,0.3); }.nav-item.active { background: linear-gradient(135deg, rgba(139,92,246,0.3), rgba(6,182,212,0.15)); color: var(--text-primary); border: 1px solid rgba(139,92,246,0.4); box-shadow: 0 0 15px rgba(139,92,246,0.3), inset 0 0 15px rgba(139,92,246,0.05); }.nav-item.active svg { opacity: 1; }.nav-item svg { width: 17px; height: 17px; opacity: 0.75; flex-shrink: 0; }.badge { font-size: 10px; padding: 2px 7px; border-radius: 10px; font-weight: 600; }.badge-warning { background: rgba(245,158,11,0.2); color: #fbbf24; border: 1px solid rgba(245,158,11,0.3); }.main-content { margin-left: 200px; padding: 76px 24px 24px; }.alert-banner { background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.3); border-radius: var(--radius-md); padding: 14px 18px; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; }.alert-item { display: flex; align-items: center; gap: 8px; font-size: 13px; }.alert-close { background: none; border: none; color: var(--text-muted); font-size: 18px; cursor: pointer; padding: 0 4px; }.alert-close:hover { color: var(--text-primary); }@media (max-width: 1400px) { .stats-grid { grid-template-columns: repeat(3, 1fr); } }/* Plan table: 6 rows visible, header sticky *//* 计划列表 - 固定显示6行，超过用滚动条 */.table-container {    max-height: 404px !important;    overflow-y: auto !important;    overflow-x: auto !important;    display: block;}.table-container table {    width: 100%;    min-width: 950px;    display: table;}.table-container thead th {    position: sticky;    top: 0;    z-index: 2;    height: 40px;}.table-container tbody tr {    height: 52px;}.table-container thead th { position: sticky; top: 0; z-index: 2; background: var(--bg-table-head); }/* 计划列表行高设置 */.table-container tbody tr { height: 52px; }.table-container thead th { height: 40px; }/* Trend chart: normal height, not forced to flex *//* ===== TREND CHART SECTION ===== */.trend-chart-section {    flex: none !important;    min-height: auto !important;}.trend-chart-section .card-header {    display: flex;    align-items: center;    justify-content: space-between;}.trend-tabs {    display: flex;    gap: 6px;}.trend-btn {    padding: 5px 14px;    border-radius: 10px;    font-size: 12px;    font-weight: 500;    cursor: pointer;    border: 1px solid rgba(139,92,246,0.25);    background: rgba(255,255,255,0.04);    color: rgba(160,180,210,0.6);    transition: all 0.25s ease;    letter-spacing: 0.2px;}.trend-btn:hover {    border-color: rgba(139,92,246,0.5);    color: var(--text-primary);    background: rgba(139,92,246,0.1);    box-shadow: 0 0 10px rgba(139,92,246,0.2);}.trend-btn.active {    border-color: rgba(139,92,246,0.6);    background: linear-gradient(135deg, rgba(139,92,246,0.25) 0%, rgba(6,182,212,0.15) 100%);    color: #c4b5fd;    box-shadow: 0 0 14px rgba(139,92,246,0.3), inset 0 0 10px rgba(139,92,246,0.08);}.trend-charts-container {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 16px;}.trend-chart-item {    border-radius: 20px;    padding: 22px 24px;    position: relative;    background: linear-gradient(155deg, rgba(35,52,88,0.9) 0%, rgba(16,24,50,0.96) 100%);    border: 1px solid rgba(139,92,246,0.2);    transition: all 0.3s ease;    overflow: visible;}.trend-chart-item::before {    content: "";    position: absolute;    inset: 0;    border-radius: 20px;    padding: 1.5px;    background: linear-gradient(160deg, rgba(180,200,255,0.5) 0%, rgba(139,92,246,0.35) 40%, rgba(6,182,212,0.35) 100%);    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);    -webkit-mask-composite: xor;    mask-composite: exclude;    pointer-events: none;    z-index: 1;}.trend-chart-item::after {    content: "";    position: absolute;    inset: -2px;    border-radius: 22px;    background: linear-gradient(160deg, rgba(139,92,246,0.1) 0%, rgba(6,182,212,0.06) 100%);    filter: blur(6px);    z-index: 0;    opacity: 0.5;    transition: all 0.3s ease;}.trend-chart-item:hover::before {    background: linear-gradient(160deg, rgba(200,220,255,0.7) 0%, rgba(167,139,250,0.5) 40%, rgba(34,211,238,0.5) 100%);}.trend-chart-item:hover::after {    opacity: 0.9;    filter: blur(10px);}.trend-chart-item > * { position: relative; z-index: 2; }.trend-chart-label { font-size: 12px; color: rgba(160,180,210,0.65); font-weight: 500; margin-bottom: 8px; letter-spacing: 0.2px; }.trend-chart-value { font-size: 26px; font-weight: 700; color: var(--text-primary); margin-bottom: 6px; letter-spacing: -0.5px; }.trend-chart-graph { height: 60px; }@media (max-width: 1024px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } .trend-charts-container { grid-template-columns: 1fr; } }/* ===== LOADING & UTILS ===== */.loading { color: var(--text-muted); text-align: center; padding: 20px; font-size: 13px; }.trend-row { display: flex; align-items: center; gap: 6px; }.trend-arrow { font-size: 12px; }.live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--success); display: inline-block; animation: pulse 1.5s infinite; }.realtime-indicator { display: flex; align-items: center; gap: 4px; }@keyframes pulse { 0%,100%{opacity:1}50%{opacity:0.3} }.input-field { background: var(--bg-input); border: 1px solid var(--border); border-radius: var(--radius-sm); color: var(--text-primary); padding: 6px 12px; font-size: 13px; outline: none; }.input-field:focus { border-color: var(--color-purple); }.btn-success { background: rgba(16,185,129,0.2); color: #34d399; border: 1px solid rgba(16,185,129,0.3); }.btn-success:hover { background: rgba(16,185,129,0.3); box-shadow: 0 0 10px rgba(16,185,129,0.3); }.btn-danger { background: rgba(239,68,68,0.2); color: #f87171; border: 1px solid rgba(239,68,68,0.3); }.btn-danger:hover { background: rgba(239,68,68,0.3); box-shadow: 0 0 10px rgba(239,68,68,0.3); }.btn-warning { background: rgba(245,158,11,0.2); color: #fbbf24; border: 1px solid rgba(245,158,11,0.3); }.btn-warning:hover { background: rgba(245,158,11,0.3); }/* ===== MOBILE NAV ===== */.mobile-nav { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: var(--bg-sidebar); border-top: 1px solid rgba(139,92,246,0.2); z-index: 900; }.mobile-nav-items { display: flex; justify-content: space-around; padding: 8px 0; }.mobile-nav-item { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 12px; color: var(--text-secondary); font-size: 10px; border-radius: 8px; transition: all 0.2s; }.mobile-nav-item.active { color: var(--primary-light); }.mobile-nav-item svg { width: 20px; height: 20px; }@media (max-width: 768px) { .sidebar { display: none; } .main-content { margin-left: 0; } .mobile-nav { display: block; } }/* ===== ANIMATIONS ===== */@keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }@keyframes slideInRight { from{opacity:0;transform:translateX(100%)} to{opacity:1;transform:translateX(0)} }/* ===== AI SUGGESTION PANEL ===== */.ai-panel {    width: 300px;    flex-shrink: 0;    display: flex;    flex-direction: column;    gap: 0;    min-height: 480px;    max-height: 480px; border-radius: 20px;    padding: 0;    overflow: hidden;    background: linear-gradient(155deg, rgba(35,52,88,0.95) 0%, rgba(16,24,50,0.98) 100%);    border: 2px solid rgba(139,92,246,0.5);    position: relative;    flex: 1;    height: 100%;    box-shadow: 0 0 20px rgba(139,92,246,0.5), 0 0 40px rgba(6,182,212,0.3), inset 0 0 20px rgba(139,92,246,0.1);    animation: neonGlow 3s ease-in-out infinite;}.ai-panel::before {    content: "";    position: absolute;    inset: -3px;    border-radius: 23px;    background: linear-gradient(90deg, #6366f1, #a855f7, #ec4899, #06b6d4, #6366f1);    background-size: 300% 100%;    z-index: -1;    animation: neonBorderFlow 3s linear infinite;    opacity: 0.8;}.ai-panel:hover::before {    background: linear-gradient(160deg, rgba(200,220,255,0.8) 0%, rgba(167,139,250,0.6) 40%, rgba(34,211,238,0.6) 100%);}.ai-panel > * { position: relative; z-index: 2; }.ai-panel-body {    flex: 1;    overflow-y: auto;    padding: 12px;    min-height: 0;    display: flex;    flex-direction: column;    gap: 8px;}.ai-panel-body::-webkit-scrollbar { width: 4px; }.ai-panel-body::-webkit-scrollbar-track { background: transparent; }.ai-panel-body::-webkit-scrollbar-thumb { background: rgba(139,92,246,0.3); border-radius: 2px; }.ai-suggestion {    display: flex;    align-items: center;    gap: 10px;    padding: 12px 14px;    border-radius: 14px;    background: rgba(255,255,255,0.04);    border: 1px solid rgba(139,92,246,0.15);    cursor: pointer;    transition: all 0.2s ease;}.ai-suggestion:hover {    background: rgba(139,92,246,0.12);    border-color: rgba(139,92,246,0.35);    box-shadow: 0 0 12px rgba(139,92,246,0.15);}.ai-sug-header {    display: flex;    align-items: center;    gap: 8px;    flex: 1;    min-width: 0;}.ai-icon {    width: 26px;    height: 26px;    border-radius: 8px;    display: flex;    align-items: center;    justify-content: center;    flex-shrink: 0;}.ai-sug-title {    font-size: 12.5px;    font-weight: 500;    color: var(--text-primary);    line-height: 1.4;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}.ai-sug-meta {    display: flex;    align-items: center;    gap: 6px;    margin-top: 4px;}.ai-urgency {    font-size: 10.5px;    font-weight: 600;    padding: 1px 6px;    border-radius: 4px;    background: rgba(255,255,255,0.06);}.ai-plan-id {    font-size: 10px;    color: var(--text-muted);    font-family: monospace;}.ai-suggestion-arrow {    color: var(--text-muted);    font-size: 16px;    flex-shrink: 0;    opacity: 0.5;    transition: opacity 0.2s;}.ai-suggestion:hover .ai-suggestion-arrow { opacity: 1; }/* ===== CUSTOM DROPDOWN ===== */.custom-select { position: relative; display: inline-block; }.custom-select-trigger {    display: flex; align-items: center; gap: 6px;    padding: 6px 12px; border-radius: 10px;    background: rgba(255,255,255,0.06); border: 1px solid rgba(139,92,246,0.25);    cursor: pointer; transition: all 0.2s; user-select: none;    font-size: 12px; color: var(--text-primary); min-width: 90px;}.custom-select-trigger:hover { border-color: rgba(139,92,246,0.5); background: rgba(139,92,246,0.1); }.custom-select-trigger svg { opacity: 0.5; transition: transform 0.2s; flex-shrink: 0; }.custom-select.open .custom-select-trigger svg { transform: rotate(180deg); }.custom-select-trigger #planTypeLabel { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.custom-select-dropdown {    display: none; position: absolute; top: calc(100% + 6px); left: 0; z-index: 9999;    min-width: 110px; border-radius: 12px; overflow: hidden;    background: linear-gradient(155deg, rgba(35,52,88,0.98) 0%, rgba(16,24,50,0.99) 100%);    border: 1px solid rgba(139,92,246,0.35);    box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 0 16px rgba(139,92,246,0.2);    padding: 4px;}.custom-select.open .custom-select-dropdown { display: block; animation: dropdownIn 0.15s ease; }@keyframes dropdownIn { from{opacity:0;transform:translateY(-4px)} to{opacity:1;transform:translateY(0)} }.custom-option {    padding: 8px 14px; border-radius: 8px; font-size: 12px; cursor: pointer;    color: rgba(200,210,230,0.85); transition: all 0.15s; white-space: nowrap;}.custom-option:hover { background: rgba(139,92,246,0.2); color: #fff; }.custom-option.active { background: rgba(139,92,246,0.25); color: #c4b5fd; font-weight: 600; }.modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.65); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 10000; }.modal-content { background: var(--bg-card); border-radius: var(--radius-lg); width: 90%; max-width: 520px; max-height: 80vh; display: flex; flex-direction: column; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 40px rgba(139,92,246,0.2); animation: slideUp 0.25s ease; border: 1px solid rgba(139,92,246,0.35); }.modal-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid rgba(139,92,246,0.15); position: relative; z-index: 2; }.modal-header h3 { margin: 0; font-size: 15px; font-weight: 600; color: var(--text-primary); }.modal-close { background: none; border: none; color: var(--text-muted); font-size: 20px; cursor: pointer; padding: 0 4px; line-height: 1; }.modal-close:hover { color: var(--text-primary); }.modal-body { padding: 20px; overflow-y: auto; flex: 1; position: relative; z-index: 2; }.modal-footer { display: flex; gap: 10px; padding: 14px 20px; border-top: 1px solid rgba(139,92,246,0.15); position: relative; z-index: 2; }.toast-container { position: fixed; bottom: 24px; right: 24px; z-index: 9999; display: flex; flex-direction: column; gap: 8px; }.toast { padding: 12px 20px; border-radius: var(--radius-md); font-size: 13px; font-weight: 500; box-shadow: var(--shadow-lg); display: flex; align-items: center; gap: 8px; animation: slideInRight 0.3s ease; min-width: 200px; backdrop-filter: var(--glass); }.toast-success { background: rgba(16,185,129,0.2); border: 1px solid rgba(16,185,129,0.4); color: #6ee7b7; box-shadow: 0 0 20px rgba(16,185,129,0.2); }.toast-error { background: rgba(239,68,68,0.2); border: 1px solid rgba(239,68,68,0.4); color: #fca5a5; box-shadow: 0 0 20px rgba(239,68,68,0.2); }.toast-warning { background: rgba(245,158,11,0.2); border: 1px solid rgba(245,158,11,0.4); color: #fcd34d; box-shadow: 0 0 20px rgba(245,158,11,0.2); }.toast-info { background: rgba(59,130,246,0.2); border: 1px solid rgba(59,130,246,0.4); color: #93c5fd; box-shadow: 0 0 20px rgba(59,130,246,0.2); }/* ===== THEME: PINK NEON (梦幻粉紫) ===== */[data-theme="pink"] :root {    --bg-body: #1a0a2e; --bg-main: #1a0a2e; --bg-sidebar: #140828;    --bg-topbar: rgba(20,8,40,0.95); --bg-card: #220e40; --bg-card-hover: #2d1250;    --bg-table-head: #140828; --bg-table-row: rgba(34,14,64,0.6); --bg-table-hover: rgba(45,18,80,0.8);    --bg-input: rgba(255,100,180,0.08); --bg-hover: rgba(255,0,170,0.15);    --color-purple: #ff44cc; --color-pink: #ff00aa; --color-cyan: #aa44ff;    --color-blue: #8844ff; --color-green: #00ffaa; --color-amber: #ffaa00; --color-red: #ff3366;    --text-primary: #ffffff; --text-secondary: #f0c0e8; --text-muted: #b070a0;    --border: rgba(255,100,200,0.2); --border-light: rgba(255,100,200,0.08);    --primary: #ff00aa; --primary-light: #ff66dd; --accent-cyan: #aa44ff;    --accent-purple: #ff44cc; --accent-pink: #ff00aa;    --success: #00ffaa; --warning: #ffaa00; --danger: #ff3366; --info: #aa44ff;    --shadow-glow: 0 0 25px rgba(255,0,170,0.4), 0 0 50px rgba(170,68,255,0.2);}[data-theme="pink"] ::-webkit-scrollbar-thumb { background: rgba(255,0,170,0.4); }[data-theme="pink"] ::-webkit-scrollbar-thumb:hover { background: rgba(255,0,170,0.7); }[data-theme="pink"] .topbar { border-bottom-color: rgba(255,0,170,0.4); box-shadow: 0 1px 0 rgba(255,0,170,0.3), 0 4px 20px rgba(0,0,0,0.5); }[data-theme="pink"] .topbar-logo-icon { background: linear-gradient(135deg, #ff00aa, #aa44ff, #ff44cc); box-shadow: 0 0 15px rgba(255,0,170,0.7), 0 0 30px rgba(170,68,255,0.4); }[data-theme="pink"] .sidebar { border-right-color: rgba(255,0,170,0.3); box-shadow: 2px 0 25px rgba(255,0,170,0.15); }[data-theme="pink"] .nav-item.active { background: linear-gradient(135deg, rgba(255,0,170,0.3), rgba(170,68,255,0.2)); border-color: rgba(255,0,170,0.5); box-shadow: 0 0 18px rgba(255,0,170,0.4), inset 0 0 15px rgba(255,0,170,0.08); }[data-theme="pink"] .stat-card { background: linear-gradient(155deg, rgba(40,14,70,0.95) 0%, rgba(25,8,50,0.98) 100%); border-color: rgba(255,0,170,0.3); }[data-theme="pink"] .stat-card::before { background: linear-gradient(160deg, rgba(255,100,220,0.8) 0%, rgba(255,0,170,0.6) 40%, rgba(170,68,255,0.6) 100%); }[data-theme="pink"] .stat-card:hover::before { background: linear-gradient(160deg, rgba(255,150,240,1) 0%, rgba(255,0,170,0.9) 40%, rgba(170,68,255,0.9) 100%); }[data-theme="pink"] .stat-card:hover::after { background: linear-gradient(160deg, rgba(255,0,170,0.4) 0%, rgba(170,68,255,0.3) 100%); }[data-theme="pink"] .stat-card.card-purple .stat-value, [data-theme="pink"] .stat-card.card-cyan .stat-value { color: #ffb3ee; }[data-theme="pink"] .stat-card.card-emerald .stat-value { color: #66ffcc; }[data-theme="pink"] .stat-card.card-amber .stat-value { color: #ffdd66; }[data-theme="pink"] .stat-card.card-red .stat-value { color: #ff8899; }[data-theme="pink"] .card { border-color: rgba(255,0,170,0.25); }[data-theme="pink"] .card:hover { box-shadow: 0 0 35px rgba(255,0,170,0.25), 0 0 70px rgba(170,68,255,0.12); }[data-theme="pink"] .card-header { border-bottom-color: rgba(255,0,170,0.2); background: rgba(20,8,40,0.7); }[data-theme="pink"] .table-container thead th { background: #140828; border-bottom-color: rgba(255,0,170,0.2); }.table-container thead th {    position: sticky;    top: 0;    z-index: 2;    background: var(--bg-table-head);    height: 40px;}.table-container tbody tr {    height: 52px;    transition: background 0.15s;}.table-container tbody tr:hover {    background: var(--bg-table-hover);}[data-theme="pink"] .badge-product { background: rgba(255,0,170,0.15); color: #ff66dd; border-color: rgba(255,0,170,0.3); box-shadow: 0 0 8px rgba(255,0,170,0.2); }[data-theme="pink"] .badge-live { background: rgba(170,68,255,0.15); color: #cc88ff; border-color: rgba(170,68,255,0.3); box-shadow: 0 0 8px rgba(170,68,255,0.2); }.badge-pink { background: rgba(236,72,153,0.15); color: #f472b6; border: 1px solid rgba(236,72,153,0.25); box-shadow: 0 0 8px rgba(236,72,153,0.2); }.badge-purple { background: rgba(139,92,246,0.15); color: #a78bfa; border: 1px solid rgba(139,92,246,0.25); box-shadow: 0 0 8px rgba(139,92,246,0.2); }.badge-cyan { background: rgba(6,182,212,0.15); color: #22d3ee; border: 1px solid rgba(6,182,212,0.25); box-shadow: 0 0 8px rgba(6,182,212,0.2); }.badge-product { background: rgba(59,130,246,0.15); color: #60a5fa; border: 1px solid rgba(59,130,246,0.25); box-shadow: 0 0 8px rgba(59,130,246,0.2); }[data-theme="pink"] .btn-primary { background: linear-gradient(135deg, #ff00aa 0%, #aa44ff 50%, #ff44cc 100%); box-shadow: 0 2px 15px rgba(255,0,170,0.5), 0 0 25px rgba(170,68,255,0.3); }[data-theme="pink"] .btn-primary:hover { box-shadow: 0 4px 25px rgba(255,0,170,0.6), 0 0 40px rgba(170,68,255,0.4); }[data-theme="pink"] .refresh-btn:hover { background: rgba(255,0,170,0.15); color: #ff66dd; border-color: rgba(255,0,170,0.4); box-shadow: 0 0 12px rgba(255,0,170,0.25); }[data-theme="pink"] .trend-btn { border-color: rgba(255,0,170,0.3); background: rgba(255,100,180,0.06); color: rgba(240,180,220,0.6); }[data-theme="pink"] .trend-btn:hover { border-color: rgba(255,0,170,0.6); background: rgba(255,0,170,0.12); box-shadow: 0 0 12px rgba(255,0,170,0.3); }[data-theme="pink"] .trend-btn.active { border-color: rgba(255,0,170,0.7); background: linear-gradient(135deg, rgba(255,0,170,0.3) 0%, rgba(170,68,255,0.2) 100%); color: #ffb3ee; box-shadow: 0 0 16px rgba(255,0,170,0.4), inset 0 0 10px rgba(255,0,170,0.1); }[data-theme="pink"] .trend-chart-item { background: linear-gradient(155deg, rgba(40,14,70,0.9) 0%, rgba(25,8,50,0.96) 100%); border-color: rgba(255,0,170,0.2); }[data-theme="pink"] .trend-chart-item::before { background: linear-gradient(160deg, rgba(255,150,230,0.6) 0%, rgba(255,0,170,0.4) 40%, rgba(170,68,255,0.4) 100%); }[data-theme="pink"] .trend-chart-item:hover::before { background: linear-gradient(160deg, rgba(255,180,255,0.8) 0%, rgba(255,0,170,0.6) 40%, rgba(170,68,255,0.6) 100%); }[data-theme="pink"] .trend-chart-item:hover::after { background: linear-gradient(160deg, rgba(255,0,170,0.35) 0%, rgba(170,68,255,0.2) 100%); }[data-theme="pink"] .ai-panel { background: linear-gradient(155deg, rgba(40,14,70,0.95) 0%, rgba(25,8,50,0.98) 100%); }[data-theme="pink"] .ai-panel::before { background: linear-gradient(160deg, rgba(255,150,230,0.7) 0%, rgba(255,0,170,0.5) 40%, rgba(170,68,255,0.5) 100%); }[data-theme="pink"] .ai-panel:hover::before { background: linear-gradient(160deg, rgba(255,180,255,0.9) 0%, rgba(255,0,170,0.7) 40%, rgba(170,68,255,0.7) 100%); }[data-theme="pink"] .ai-suggestion { background: rgba(255,0,170,0.06); border-color: rgba(255,0,170,0.2); }[data-theme="pink"] .ai-suggestion:hover { background: rgba(255,0,170,0.15); border-color: rgba(255,0,170,0.4); box-shadow: 0 0 14px rgba(255,0,170,0.2); }[data-theme="pink"] .custom-select-trigger { background: rgba(255,100,180,0.08); border-color: rgba(255,0,170,0.3); }[data-theme="pink"] .custom-select-trigger:hover { border-color: rgba(255,0,170,0.6); background: rgba(255,0,170,0.12); }[data-theme="pink"] .custom-select-dropdown { background: linear-gradient(155deg, rgba(40,14,70,0.98) 0%, rgba(25,8,50,0.99) 100%); border-color: rgba(255,0,170,0.4); box-shadow: 0 8px 32px rgba(0,0,0,0.6), 0 0 20px rgba(255,0,170,0.25); }[data-theme="pink"] .custom-option:hover { background: rgba(255,0,170,0.2); color: #ffb3ee; }[data-theme="pink"] .custom-option.active { background: rgba(255,0,170,0.25); color: #ffb3ee; }[data-theme="pink"] .modal-content { border-color: rgba(255,0,170,0.35); box-shadow: 0 20px 60px rgba(0,0,0,0.7), 0 0 50px rgba(255,0,170,0.2); }[data-theme="pink"] .modal-header { border-bottom-color: rgba(255,0,170,0.2); }[data-theme="pink"] .modal-footer { border-top-color: rgba(255,0,170,0.2); }[data-theme="pink"] .theme-btn-pink.active-theme-btn { background: linear-gradient(135deg, #ff00aa, #aa44ff); box-shadow: 0 0 15px rgba(255,0,170,0.6); }[data-theme="pink"] .toast-info { background: rgba(170,68,255,0.2); border-color: rgba(170,68,255,0.4); color: #cc88ff; }[data-theme="pink"] .alert-banner { background: rgba(255,51,102,0.12); border-color: rgba(255,51,102,0.35); }

/* ===== THEME: NEON PURPLE (霓虹粉紫) —— 参考图2: 深紫背景+亮粉色霓虹边框 ===== */[data-theme="neon"] :root {    --bg-body: #12061e; --bg-main: #12061e; --bg-sidebar: #0e0418;    --bg-topbar: rgba(14,4,24,0.96); --bg-card: #1c0a32; --bg-card-hover: #260e40;    --bg-table-head: #0e0418; --bg-table-row: rgba(28,10,50,0.6); --bg-table-hover: rgba(38,14,64,0.85);    --bg-input: rgba(255,60,180,0.07); --bg-hover: rgba(255,0,200,0.14);    --color-purple: #ff66ff; --color-pink: #00e5ff; --color-cyan: #cc44ff;    --color-blue: #9944ff; --color-green: #00ffcc; --color-amber: #ffcc00; --color-red: #ff3388;    --text-primary: #ffffff; --text-secondary: #f5c0e8; --text-muted: #a06090;    --border: rgba(255,60,200,0.2); --border-light: rgba(255,60,200,0.08);    --primary: #ff00aa; --primary-light: #ff66dd; --accent-cyan: #cc44ff;    --accent-purple: #ff2ecc; --accent-pink: #ff00aa;    --success: #00ffcc; --warning: #ffcc00; --danger: #ff3388; --info: #cc44ff;    --shadow-glow: 0 0 28px rgba(255,0,170,0.45), 0 0 60px rgba(204,68,255,0.22);    --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 16px;}[data-theme="neon"] ::-webkit-scrollbar-thumb { background: rgba(255,0,170,0.4); }[data-theme="neon"] ::-webkit-scrollbar-thumb:hover { background: rgba(255,0,170,0.7); }[data-theme="neon"] .topbar { border-bottom-color: rgba(255,0,170,0.4); box-shadow: 0 1px 0 rgba(255,0,170,0.3), 0 4px 25px rgba(0,0,0,0.6); }[data-theme="neon"] .topbar-logo-icon { background: linear-gradient(135deg, #ff00aa, #cc44ff, #ff2ecc); box-shadow: 0 0 20px rgba(255,0,170,0.8), 0 0 40px rgba(204,68,255,0.4); }[data-theme="neon"] .sidebar { border-right-color: rgba(255,0,170,0.28); box-shadow: 2px 0 30px rgba(255,0,170,0.12); }[data-theme="neon"] .nav-item.active { background: linear-gradient(135deg, rgba(255,0,170,0.32) 0%, rgba(204,68,255,0.2) 100%); border-color: rgba(255,0,170,0.58); box-shadow: 0 0 22px rgba(255,0,170,0.48), inset 0 0 12px rgba(255,0,170,0.1); }[data-theme="neon"] .stat-card { background: linear-gradient(155deg, rgba(30,10,55,0.96) 0%, rgba(18,6,30,0.99) 100%); border-color: rgba(255,0,170,0.35); }[data-theme="neon"] .stat-card::before { background: linear-gradient(160deg, rgba(255,80,210,0.88) 0%, rgba(255,0,170,0.7) 40%, rgba(204,68,255,0.7) 100%); }[data-theme="neon"] .stat-card:hover::before { background: linear-gradient(160deg, rgba(255,120,235,1) 0%, rgba(255,0,170,0.95) 40%, rgba(204,68,255,0.95) 100%); }[data-theme="neon"] .stat-card:hover::after { background: linear-gradient(160deg, rgba(255,0,170,0.5) 0%, rgba(204,68,255,0.35) 100%); }[data-theme="neon"] .stat-card.card-purple .stat-value, [data-theme="neon"] .stat-card.card-cyan .stat-value { color: #ff99ee; }[data-theme="neon"] .stat-card.card-emerald .stat-value { color: #66ffdd; }[data-theme="neon"] .stat-card.card-amber .stat-value { color: #ffe066; }[data-theme="neon"] .stat-card.card-red .stat-value { color: #ff88bb; }[data-theme="neon"] .card { border-color: rgba(255,0,170,0.28); }[data-theme="neon"] .card:hover { box-shadow: 0 0 40px rgba(255,0,170,0.28), 0 0 80px rgba(204,68,255,0.12); }[data-theme="neon"] .card-header { border-bottom-color: rgba(255,0,170,0.2); background: rgba(14,4,24,0.75); }[data-theme="neon"] .table-container thead th { background: #0e0418; border-bottom-color: rgba(255,0,170,0.2); }.table-container thead th {    position: sticky;    top: 0;    z-index: 2;    background: var(--bg-table-head);    height: 40px;}.table-container tbody tr {    height: 52px;    transition: background 0.15s;}.table-container tbody tr:hover {    background: var(--bg-table-hover);}[data-theme="neon"] .badge-product { background: rgba(255,0,170,0.15); color: #ff77dd; border-color: rgba(255,0,170,0.35); box-shadow: 0 0 10px rgba(255,0,170,0.25); }[data-theme="neon"] .badge-live { background: rgba(204,68,255,0.15); color: #dd88ff; border-color: rgba(204,68,255,0.35); box-shadow: 0 0 10px rgba(204,68,255,0.25); }.badge-pink { background: rgba(236,72,153,0.15); color: #f472b6; border: 1px solid rgba(236,72,153,0.25); box-shadow: 0 0 8px rgba(236,72,153,0.2); }.badge-purple { background: rgba(139,92,246,0.15); color: #a78bfa; border: 1px solid rgba(139,92,246,0.25); box-shadow: 0 0 8px rgba(139,92,246,0.2); }.badge-cyan { background: rgba(6,182,212,0.15); color: #22d3ee; border: 1px solid rgba(6,182,212,0.25); box-shadow: 0 0 8px rgba(6,182,212,0.2); }.badge-product { background: rgba(59,130,246,0.15); color: #60a5fa; border: 1px solid rgba(59,130,246,0.25); box-shadow: 0 0 8px rgba(59,130,246,0.2); }[data-theme="neon"] .btn-primary { background: linear-gradient(135deg, #cc44ff 0%, #ff00aa 50%, #ff2ecc 100%); box-shadow: 0 2px 18px rgba(255,0,170,0.55), 0 0 30px rgba(204,68,255,0.3); }[data-theme="neon"] .btn-primary:hover { box-shadow: 0 4px 28px rgba(255,0,170,0.7), 0 0 50px rgba(204,68,255,0.4); }[data-theme="neon"] .refresh-btn:hover { background: rgba(255,0,170,0.14); color: #ff99dd; border-color: rgba(255,0,170,0.48); box-shadow: 0 0 14px rgba(255,0,170,0.25); }[data-theme="neon"] .trend-btn { border-color: rgba(255,0,170,0.3); background: rgba(255,60,180,0.06); color: rgba(220,160,210,0.65); }[data-theme="neon"] .trend-btn:hover { border-color: rgba(255,0,170,0.62); background: rgba(255,0,170,0.12); box-shadow: 0 0 14px rgba(255,0,170,0.28); }[data-theme="neon"] .trend-btn.active { border-color: rgba(255,0,170,0.78); background: linear-gradient(135deg, rgba(255,0,170,0.3) 0%, rgba(204,68,255,0.2) 100%); color: #ff99dd; box-shadow: 0 0 18px rgba(255,0,170,0.42), inset 0 0 10px rgba(255,0,170,0.1); }[data-theme="neon"] .trend-chart-item { background: linear-gradient(155deg, rgba(30,10,55,0.92) 0%, rgba(18,6,30,0.97) 100%); border-color: rgba(255,0,170,0.18); }[data-theme="neon"] .trend-chart-item::before { background: linear-gradient(160deg, rgba(255,100,220,0.72) 0%, rgba(255,0,170,0.55) 40%, rgba(204,68,255,0.55) 100%); }[data-theme="neon"] .trend-chart-item:hover::before { background: linear-gradient(160deg, rgba(255,140,240,0.98) 0%, rgba(255,0,170,0.88) 40%, rgba(204,68,255,0.88) 100%); }[data-theme="neon"] .trend-chart-item:hover::after { background: linear-gradient(160deg, rgba(255,0,170,0.38) 0%, rgba(204,68,255,0.28) 100%); }[data-theme="neon"] .ai-panel { background: linear-gradient(155deg, rgba(30,10,55,0.96) 0%, rgba(18,6,30,0.99) 100%); }[data-theme="neon"] .ai-panel::before { background: linear-gradient(160deg, rgba(255,100,220,0.8) 0%, rgba(255,0,170,0.6) 40%, rgba(204,68,255,0.6) 100%); }[data-theme="neon"] .ai-panel:hover::before { background: linear-gradient(160deg, rgba(255,140,240,1) 0%, rgba(255,0,170,0.9) 40%, rgba(204,68,255,0.9) 100%); }[data-theme="neon"] .ai-suggestion { background: rgba(255,0,170,0.05); border-color: rgba(255,0,170,0.18); }[data-theme="neon"] .ai-suggestion:hover { background: rgba(255,0,170,0.12); border-color: rgba(255,0,170,0.38); box-shadow: 0 0 16px rgba(255,0,170,0.2); }[data-theme="neon"] .custom-select-trigger { background: rgba(255,60,180,0.07); border-color: rgba(255,0,170,0.3); }[data-theme="neon"] .custom-select-trigger:hover { border-color: rgba(255,0,170,0.62); background: rgba(255,0,170,0.12); }[data-theme="neon"] .custom-select-dropdown { background: linear-gradient(155deg, rgba(30,10,55,0.98) 0%, rgba(18,6,30,0.99) 100%); border-color: rgba(255,0,170,0.4); box-shadow: 0 8px 32px rgba(0,0,0,0.65), 0 0 22px rgba(255,0,170,0.22); }[data-theme="neon"] .custom-option:hover { background: rgba(255,0,170,0.15); color: #ff99dd; }[data-theme="neon"] .custom-option.active { background: rgba(255,0,170,0.22); color: #ff99dd; }[data-theme="neon"] .modal-content { border-color: rgba(255,0,170,0.32); box-shadow: 0 20px 60px rgba(0,0,0,0.7), 0 0 50px rgba(255,0,170,0.2); }[data-theme="neon"] .modal-header { border-bottom-color: rgba(255,0,170,0.18); }[data-theme="neon"] .modal-footer { border-top-color: rgba(255,0,170,0.18); }[data-theme="neon"] .theme-btn-neon.active-theme-btn { background: linear-gradient(135deg, #cc44ff, #ff00aa, #ff2ecc); box-shadow: 0 0 18px rgba(255,0,170,0.75); }[data-theme="neon"] .toast-info { background: rgba(255,0,170,0.15); border-color: rgba(255,0,170,0.35); color: #ff99dd; }[data-theme="neon"] .alert-banner { background: rgba(255,51,136,0.1); border-color: rgba(255,51,136,0.3); }/* ===== 账户来源标签 ===== */.acc-tag {    display: inline-block;    font-size: 9px;    font-family: monospace;    color: var(--text-muted);    background: rgba(139,92,246,0.12);    border: 1px solid rgba(139,92,246,0.25);    border-radius: 3px;    padding: 0 4px;    margin-left: 4px;    vertical-align: middle;    letter-spacing: 0.5px;}[data-theme="pink"] .acc-tag { background: rgba(255,0,170,0.12); border-color: rgba(255,0,170,0.3); color: #ff88cc; }[data-theme="blue"] .acc-tag { background: rgba(0,229,255,0.1); border-color: rgba(0,229,255,0.25); color: #66ddff; }[data-theme="neon"] .acc-tag { background: rgba(255,0,170,0.12); border-color: rgba(255,0,170,0.3); color: #ff88bb; }/* 多账户概览 */.account-overview {    margin-bottom: 20px;}.account-cards {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));    gap: 16px;    padding: 16px;}.account-card {    background: var(--card-bg);    border-radius: 12px;    padding: 16px;    border: 1px solid var(--border-color);    transition: all 0.3s ease;}.account-card:hover {    border: 1px solid rgba(168,85,247,0.6);    box-shadow: 0 0 20px rgba(168,85,247,0.4), 0 4px 12px rgba(0,0,0,0.2);    transform: translateY(-2px);}.account-card.active {    border: 2px solid var(--accent-cyan);    box-shadow: 0 0 25px rgba(0,212,255,0.6), inset 0 0 15px rgba(0,212,255,0.15);}/* 账户霓虹灯边框区分 */.account-card.account-main {    border: 2px solid rgba(0,212,255,0.5);    box-shadow: 0 0 15px rgba(0,212,255,0.3), inset 0 0 10px rgba(0,212,255,0.05);}.account-card.account-main:hover {    border-color: rgba(0,212,255,0.8);    box-shadow: 0 0 25px rgba(0,212,255,0.5), inset 0 0 15px rgba(0,212,255,0.1);}.account-card.account-main.active {    border: 2px solid rgba(0,212,255,0.9);    box-shadow: 0 0 30px rgba(0,212,255,0.7), inset 0 0 20px rgba(0,212,255,0.15);}.account-card.account-vp {    border: 2px solid rgba(168,85,247,0.5);    box-shadow: 0 0 15px rgba(168,85,247,0.3), inset 0 0 10px rgba(168,85,247,0.05);}.account-card.account-vp:hover {    border-color: rgba(168,85,247,0.8);    box-shadow: 0 0 25px rgba(168,85,247,0.5), inset 0 0 15px rgba(168,85,247,0.1);}.account-card.account-vp.active {    border: 2px solid rgba(168,85,247,0.9);    box-shadow: 0 0 30px rgba(168,85,247,0.7), inset 0 0 20px rgba(168,85,247,0.15);}.account-card-header {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 12px;    padding-bottom: 8px;    border-bottom: 1px solid var(--border-color);}.account-card-name {    font-weight: 600;    color: var(--text-primary);    font-size: 14px;}.account-card-id {    font-size: 11px;    color: var(--text-secondary);    font-family: monospace;}.account-card-badge {    font-size: 10px;    padding: 2px 8px;    border-radius: 10px;    background: var(--accent-cyan);    color: var(--bg-dark);    font-weight: 600;}.account-card-stats {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 8px;}.account-stat {    text-align: center;    padding: 8px;    background: var(--bg-light);    border-radius: 8px;}.account-stat-value {    font-size: 16px;    font-weight: 700;    color: var(--text-primary);}.account-stat-label {    font-size: 11px;    color: var(--text-secondary);    margin-top: 2px;}.account-stat.roi .account-stat-value {    color: var(--accent-cyan);}.account-stat.spend .account-stat-value {    color: var(--accent-amber);}/* ===== 计划列表滚动条 - 强制覆盖 ===== */.table-container {    max-height: 404px !important;    overflow-y: auto !important;    overflow-x: auto !important;}.table-container table {    width: 100% !important;    min-width: 950px !important;}.table-container thead th {    position: sticky !important;    top: 0 !important;    z-index: 2 !important;    height: 40px !important;    background: var(--bg-table-head) !important;}.table-container tbody tr {    height: 52px !important;}/* 时段分析样式 */.hourly-analysis-card { margin-top: 20px; }.hourly-stats-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));    gap: 12px;    margin-bottom: 20px;}.hourly-stat-item {    background: linear-gradient(135deg, #f5f7fa 0%, #e8eef5 100%);    padding: 16px;    border-radius: 8px;    text-align: center;}.hourly-stat-label { font-size: 12px; color: #666; margin-bottom: 8px; }.hourly-stat-value { font-size: 24px; font-weight: 700; color: #333; }.hourly-chart-container { height: 300px; margin: 20px 0; }.hourly-table-container { margin-top: 20px; overflow-x: auto; }.hourly-table-container table { width: 100%; border-collapse: collapse; }.hourly-table-container th,.hourly-table-container td { padding: 12px; text-align: left; border-bottom: 1px solid #f0f0f0; }.hourly-table-container th { background: #fafafa; font-weight: 600; color: #666; }.hourly-table-container tr:hover { background: #fafafa; }.roi-good { color: #52c41a; font-weight: 600; }.roi-warning { color: #faad14; font-weight: 600; }.roi-bad { color: #ff4d4f; font-weight: 600; }.hourly-recommendation {    background: linear-gradient(135deg, #fff7eb 0%, #ffe7ba 100%);    padding: 16px 20px;    border-radius: 8px;    margin-top: 20px;    border-left: 4px solid #fa8c16;}.hourly-recommendation h4 { color: #fa8c16; margin-bottom: 8px; font-size: 14px; }.hourly-recommendation p { color: #666; font-size: 13px; line-height: 1.6; }/* ===== 趋势图表板块 ===== */.trend-chart-section {    width: 100%;    margin-top: 20px;}.trend-chart-section .card-header {    border-bottom: 1px solid rgba(139,92,246,0.15);    background: rgba(22,34,56,0.6);}/* ===== 素材中心样式 ===== */.plan-selector {    display: flex;    align-items: center;    gap: 12px;    padding: 14px 20px;    border-bottom: 1px solid var(--border);    background: rgba(22,34,56,0.4);}.plan-selector label {    font-size: 12px;    color: var(--text-muted);    font-weight: 600;    white-space: nowrap;    text-transform: uppercase;    letter-spacing: 0.5px;}.plan-list {    display: flex;    flex-direction: column;    gap: 6px;    max-height: 160px;    overflow-y: auto;    flex: 1;}.plan-item {    display: flex;    align-items: center;    gap: 10px;    padding: 10px 14px;    border-radius: 10px;    background: rgba(255,255,255,0.03);    border: 1px solid var(--border);    cursor: pointer;    transition: all 0.2s;    font-size: 13px;}.plan-item:hover {    background: rgba(139,92,246,0.1);    border-color: rgba(139,92,246,0.3);}.plan-item.selected {    background: rgba(139,92,246,0.15);    border-color: rgba(139,92,246,0.5);    box-shadow: 0 0 10px rgba(139,92,246,0.15);}.plan-check-box {    width: 16px;    height: 16px;    border-radius: 4px;    border: 2px solid var(--border);    flex-shrink: 0;    transition: all 0.2s;    display: flex;    align-items: center;    justify-content: center;}.plan-check-box.checked {    background: var(--primary);    border-color: var(--primary);}.plan-check-box.checked::after {    content: "✓";    color: white;    font-size: 10px;    font-weight: bold;}.plan-name {    font-weight: 500;    color: var(--text-primary);    font-size: 13px;}.plan-stats {    font-size: 11px;    color: var(--text-muted);    margin-top: 2px;}.plan-status {    font-size: 11px;    padding: 2px 8px;    border-radius: 10px;    font-weight: 600;    flex-shrink: 0;}.plan-status.ok {    background: rgba(16,185,129,0.15);    color: #34d399;}.plan-status.paused {    background: rgba(245,158,11,0.15);    color: #fbbf24;}
.plan-status.pending {    background: rgba(59,130,246,0.15);    color: #60a5fa;}
.plan-status.unknown {    background: rgba(107,114,128,0.15);    color: #9ca3af;}.tab-bar {    display: flex;    gap: 8px;    padding: 12px 20px;    border-bottom: 1px solid var(--border);    background: rgba(22,34,56,0.3);}.tab-item {    padding: 7px 18px;    border-radius: 10px;    font-size: 13px;    font-weight: 500;    cursor: pointer;    border: 1px solid var(--border);    background: rgba(255,255,255,0.03);    color: var(--text-secondary);    transition: all 0.2s;}.tab-item:hover {    border-color: rgba(139,92,246,0.4);    color: var(--text-primary);    background: rgba(139,92,246,0.08);}.tab-item.active {    border-color: rgba(139,92,246,0.5);    background: linear-gradient(135deg, rgba(139,92,246,0.2), rgba(6,182,212,0.1));    color: #c4b5fd;    box-shadow: 0 0 10px rgba(139,92,246,0.2);}.material-thumb {    width: 48px;    height: 48px;    border-radius: 8px;    object-fit: cover;    flex-shrink: 0;    background: rgba(255,255,255,0.05);}.skeleton-row {    display: flex;    gap: 8px;    padding: 8px 0;}.skeleton {    background: linear-gradient(90deg, rgba(255,255,255,0.05) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.05) 75%);    background-size: 200% 100%;    animation: skeletonShimmer 1.5s infinite;    border-radius: 4px;}.skeleton-cell {    height: 14px;    border-radius: 4px;}@keyframes skeletonShimmer {    0% { background-position: 200% 0; }    100% { background-position: -200% 0; }}.skeleton-list {    display: flex;    flex-direction: column;    gap: 12px;    padding: 20px;}.skeleton-list .skeleton {    height: 120px;    border-radius: 12px;}.toast-container {    position: fixed;    bottom: 24px;    right: 24px;    z-index: 9999;    display: flex;    flex-direction: column;    gap: 8px;}.toast {    display: flex;    align-items: center;    gap: 10px;    padding: 12px 18px;    border-radius: 12px;    font-size: 13px;    font-weight: 500;    box-shadow: 0 4px 20px rgba(0,0,0,0.3);    animation: slideInRight 0.3s ease;    min-width: 200px;    max-width: 360px;}.toast-success { background: rgba(16,185,129,0.15); border: 1px solid rgba(16,185,129,0.4); color: #34d399; }.toast-error { background: rgba(239,68,68,0.15); border: 1px solid rgba(239,68,68,0.4); color: #f87171; }.toast-warning { background: rgba(245,158,11,0.15); border: 1px solid rgba(245,158,11,0.4); color: #fbbf24; }.toast-info { background: rgba(59,130,246,0.15); border: 1px solid rgba(59,130,246,0.4); color: #60a5fa; }@keyframes slideInRight {    from { opacity: 0; transform: translateX(100%); }    to { opacity: 1; transform: translateX(0); }}.refresh-btn {    display: flex;    align-items: center;    gap: 6px;    padding: 6px 14px;    border-radius: 8px;    border: 1px solid rgba(139,92,246,0.3);    background: rgba(139,92,246,0.1);    color: var(--text-secondary);    font-size: 12px;    cursor: pointer;    transition: all 0.2s;}.refresh-btn:hover {    background: rgba(139,92,246,0.2);    border-color: rgba(139,92,246,0.5);    color: var(--text-primary);}.plan-search-match {    background: rgba(139, 92, 246, 0.2) !important;    border: 2px solid var(--primary) !important;    box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);}/* ===== THEME: AURORA (极光紫粉) —— 参考图1: 深紫底+粉紫霓虹发光边框 ===== */[data-theme="aurora"] :root {    --bg-body: #150525; --bg-main: #150525; --bg-sidebar: #0e0318;    --bg-topbar: rgba(14,3,24,0.96); --bg-card: #1e0838; --bg-card-hover: #280c48;    --bg-table-head: #0e0318; --bg-table-row: rgba(30,8,56,0.6); --bg-table-hover: rgba(40,12,72,0.85);    --bg-input: rgba(255,60,200,0.07); --bg-hover: rgba(255,40,180,0.14);    --color-purple: #e040fb; --color-pink: #ff1493; --color-cyan: #7c4dff;    --color-blue: #9933ff; --color-green: #00ffcc; --color-amber: #ffcc00; --color-red: #ff3366;    --text-primary: #ffffff; --text-secondary: #f5c0e8; --text-muted: #a06090;    --border: rgba(255,60,200,0.22); --border-light: rgba(255,60,200,0.08);    --primary: #ff1493; --primary-light: #ff66cc; --accent-cyan: #c040ff;    --accent-purple: #ff3eb4; --accent-pink: #ff1493;    --success: #00ffcc; --warning: #ffcc00; --danger: #ff3366; --info: #c040ff;    --shadow-glow: 0 0 28px rgba(255,20,147,0.45), 0 0 60px rgba(192,64,255,0.22);    --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 16px;}[data-theme="aurora"] ::-webkit-scrollbar-thumb { background: rgba(255,20,147,0.35); }[data-theme="aurora"] ::-webkit-scrollbar-thumb:hover { background: rgba(255,20,147,0.7); }[data-theme="aurora"] .topbar { border-bottom-color: rgba(255,20,147,0.38); box-shadow: 0 1px 0 rgba(255,20,147,0.3), 0 4px 25px rgba(0,0,0,0.6); }[data-theme="aurora"] .topbar-logo-icon { background: linear-gradient(135deg, #ff1493, #c040ff, #ff66cc); box-shadow: 0 0 18px rgba(255,20,147,0.8), 0 0 36px rgba(192,64,255,0.4); }[data-theme="aurora"] .sidebar { border-right-color: rgba(255,20,147,0.28); box-shadow: 2px 0 30px rgba(255,20,147,0.12); }[data-theme="aurora"] .nav-item.active { background: linear-gradient(135deg, rgba(255,20,147,0.32) 0%, rgba(192,64,255,0.2) 100%); border-color: rgba(255,20,147,0.58); box-shadow: 0 0 22px rgba(255,20,147,0.48), inset 0 0 12px rgba(255,20,147,0.1); }[data-theme="aurora"] .stat-card { background: linear-gradient(155deg, rgba(30,8,56,0.96) 0%, rgba(21,5,37,0.99) 100%); border-color: rgba(255,20,147,0.34); }[data-theme="aurora"] .stat-card::before { background: linear-gradient(160deg, rgba(255,60,200,0.88) 0%, rgba(255,20,147,0.7) 40%, rgba(192,64,255,0.7) 100%); }[data-theme="aurora"] .stat-card:hover::before { background: linear-gradient(160deg, rgba(255,100,230,1) 0%, rgba(255,20,147,0.95) 40%, rgba(192,64,255,0.95) 100%); }[data-theme="aurora"] .stat-card:hover::after { background: linear-gradient(160deg, rgba(255,20,147,0.5) 0%, rgba(192,64,255,0.35) 100%); }[data-theme="aurora"] .stat-card.card-purple .stat-value, [data-theme="aurora"] .stat-card.card-cyan .stat-value { color: #ff99ee; }[data-theme="aurora"] .stat-card.card-emerald .stat-value { color: #66ffdd; }[data-theme="aurora"] .stat-card.card-amber .stat-value { color: #ffe066; }[data-theme="aurora"] .stat-card.card-red .stat-value { color: #ff88bb; }[data-theme="aurora"] .card { border-color: rgba(255,20,147,0.28); }[data-theme="aurora"] .card:hover { box-shadow: 0 0 40px rgba(255,20,147,0.28), 0 0 80px rgba(192,64,255,0.12); }[data-theme="aurora"] .card-header { border-bottom-color: rgba(255,20,147,0.2); background: rgba(14,3,24,0.78); }[data-theme="aurora"] .table-container thead th { background: #0e0318; border-bottom-color: rgba(255,20,147,0.2); }[data-theme="aurora"] .badge-product { background: rgba(255,20,147,0.15); color: #ff88dd; border-color: rgba(255,20,147,0.32); box-shadow: 0 0 8px rgba(255,20,147,0.22); }[data-theme="aurora"] .badge-live { background: rgba(192,64,255,0.15); color: #cc88ff; border-color: rgba(192,64,255,0.32); box-shadow: 0 0 8px rgba(192,64,255,0.22); }[data-theme="aurora"] .btn-primary { background: linear-gradient(135deg, #ff1493 0%, #c040ff 50%, #ff66cc 100%); box-shadow: 0 2px 18px rgba(255,20,147,0.55), 0 0 30px rgba(192,64,255,0.3); }[data-theme="aurora"] .btn-primary:hover { box-shadow: 0 4px 28px rgba(255,20,147,0.7), 0 0 50px rgba(192,64,255,0.4); }[data-theme="aurora"] .refresh-btn:hover { background: rgba(255,20,147,0.14); color: #ff88dd; border-color: rgba(255,20,147,0.42); box-shadow: 0 0 14px rgba(255,20,147,0.28); }[data-theme="aurora"] .trend-btn { border-color: rgba(255,20,147,0.28); background: rgba(255,40,180,0.06); color: rgba(240,170,220,0.6); }[data-theme="aurora"] .trend-btn:hover { border-color: rgba(255,20,147,0.6); background: rgba(255,20,147,0.12); box-shadow: 0 0 14px rgba(255,20,147,0.3); }[data-theme="aurora"] .trend-btn.active { border-color: rgba(255,20,147,0.75); background: linear-gradient(135deg, rgba(255,20,147,0.3) 0%, rgba(192,64,255,0.2) 100%); color: #ff99ee; box-shadow: 0 0 18px rgba(255,20,147,0.42), inset 0 0 10px rgba(255,20,147,0.1); }[data-theme="aurora"] .trend-chart-item { background: linear-gradient(155deg, rgba(30,8,56,0.94) 0%, rgba(21,5,37,0.98) 100%); border-color: rgba(255,20,147,0.18); }[data-theme="aurora"] .trend-chart-item::before { background: linear-gradient(160deg, rgba(255,60,200,0.72) 0%, rgba(255,20,147,0.55) 40%, rgba(192,64,255,0.55) 100%); }[data-theme="aurora"] .trend-chart-item:hover::before { background: linear-gradient(160deg, rgba(255,100,230,0.98) 0%, rgba(255,20,147,0.88) 40%, rgba(192,64,255,0.88) 100%); }[data-theme="aurora"] .trend-chart-item:hover::after { background: linear-gradient(160deg, rgba(255,20,147,0.38) 0%, rgba(192,64,255,0.28) 100%); }[data-theme="aurora"] .ai-panel { background: linear-gradient(155deg, rgba(30,8,56,0.96) 0%, rgba(21,5,37,0.99) 100%); }[data-theme="aurora"] .ai-panel::before { background: linear-gradient(160deg, rgba(255,60,200,0.8) 0%, rgba(255,20,147,0.6) 40%, rgba(192,64,255,0.6) 100%); }[data-theme="aurora"] .ai-panel:hover::before { background: linear-gradient(160deg, rgba(255,100,230,1) 0%, rgba(255,20,147,0.9) 40%, rgba(192,64,255,0.9) 100%); }[data-theme="aurora"] .ai-suggestion { background: rgba(255,20,147,0.06); border-color: rgba(255,20,147,0.2); }[data-theme="aurora"] .ai-suggestion:hover { background: rgba(255,20,147,0.13); border-color: rgba(255,20,147,0.4); box-shadow: 0 0 16px rgba(255,20,147,0.22); }[data-theme="aurora"] .custom-select-trigger { background: rgba(255,60,200,0.07); border-color: rgba(255,20,147,0.28); }[data-theme="aurora"] .custom-select-trigger:hover { border-color: rgba(255,20,147,0.62); background: rgba(255,20,147,0.12); }[data-theme="aurora"] .custom-select-dropdown { background: linear-gradient(155deg, rgba(30,8,56,0.98) 0%, rgba(21,5,37,0.99) 100%); border-color: rgba(255,20,147,0.38); box-shadow: 0 8px 32px rgba(0,0,0,0.68), 0 0 22px rgba(255,20,147,0.24); }[data-theme="aurora"] .custom-option:hover { background: rgba(255,20,147,0.15); color: #ff99ee; }[data-theme="aurora"] .custom-option.active { background: rgba(255,20,147,0.22); color: #ff99ee; }[data-theme="aurora"] .modal-content { border-color: rgba(255,20,147,0.32); box-shadow: 0 20px 60px rgba(0,0,0,0.72), 0 0 55px rgba(255,20,147,0.2); }[data-theme="aurora"] .modal-header { border-bottom-color: rgba(255,20,147,0.18); }[data-theme="aurora"] .modal-footer { border-top-color: rgba(255,20,147,0.18); }[data-theme="aurora"] .theme-btn-aurora.active-theme-btn { background: linear-gradient(135deg, #ff1493, #c040ff, #ff66cc); box-shadow: 0 0 18px rgba(255,20,147,0.75); }[data-theme="aurora"] .toast-info { background: rgba(255,20,147,0.16); border-color: rgba(255,20,147,0.35); color: #ff99ee; }[data-theme="aurora"] .alert-banner { background: rgba(255,51,136,0.1); border-color: rgba(255,51,136,0.3); }[data-theme="aurora"] .acc-tag { background: rgba(255,20,147,0.12); border-color: rgba(255,20,147,0.3); color: #ff88cc; }/* ===== THEME: ABYSS (深海蓝) —— 参考图2: 深蓝黑底+亮青蓝霓虹发光边框 ===== */[data-theme="abyss"] :root {    --bg-body: #030b18; --bg-main: #030b18; --bg-sidebar: #050e1a;    --bg-topbar: rgba(5,14,26,0.96); --bg-card: #0a1628; --bg-card-hover: #0e1e38;    --bg-table-head: #050e1a; --bg-table-row: rgba(10,22,40,0.6); --bg-table-hover: rgba(14,30,56,0.85);    --bg-input: rgba(0,220,255,0.06); --bg-hover: rgba(0,220,255,0.12);    --color-purple: #00e5ff; --color-pink: #00b8d4; --color-cyan: #00e5ff;    --color-blue: #40c4ff; --color-green: #69f0ae; --color-amber: #ffd740; --color-red: #ff5252;    --text-primary: #ffffff; --text-secondary: #b0e0f7; --text-muted: #2a6080;    --border: rgba(0,229,255,0.18); --border-light: rgba(0,229,255,0.08);    --primary: #00e5ff; --primary-light: #80f0ff; --accent-cyan: #00e5ff;    --accent-purple: #40c4ff; --accent-pink: #00b8d4;    --success: #69f0ae; --warning: #ffd740; --danger: #ff5252; --info: #40c4ff;    --shadow-glow: 0 0 25px rgba(0,229,255,0.4), 0 0 60px rgba(64,196,255,0.2);    --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 16px;}[data-theme="abyss"] ::-webkit-scrollbar-thumb { background: rgba(0,229,255,0.35); }[data-theme="abyss"] ::-webkit-scrollbar-thumb:hover { background: rgba(0,229,255,0.68); }[data-theme="abyss"] .topbar { border-bottom-color: rgba(0,229,255,0.35); box-shadow: 0 1px 0 rgba(0,229,255,0.25), 0 4px 25px rgba(0,0,0,0.65); }[data-theme="abyss"] .topbar-logo-icon { background: linear-gradient(135deg, #00b8d4, #00e5ff, #40c4ff); box-shadow: 0 0 20px rgba(0,229,255,0.85), 0 0 40px rgba(64,196,255,0.35); }[data-theme="abyss"] .sidebar { border-right-color: rgba(0,229,255,0.25); box-shadow: 2px 0 30px rgba(0,229,255,0.1); }[data-theme="abyss"] .nav-item.active { background: linear-gradient(135deg, rgba(0,229,255,0.25) 0%, rgba(64,196,255,0.15) 100%); border-color: rgba(0,229,255,0.55); box-shadow: 0 0 22px rgba(0,229,255,0.45), inset 0 0 12px rgba(0,229,255,0.08); }[data-theme="abyss"] .stat-card { background: linear-gradient(155deg, rgba(8,18,42,0.96) 0%, rgba(3,11,24,0.99) 100%); border-color: rgba(0,229,255,0.32); }[data-theme="abyss"] .stat-card::before { background: linear-gradient(160deg, rgba(0,229,255,0.85) 0%, rgba(64,196,255,0.65) 40%, rgba(0,184,212,0.65) 100%); }[data-theme="abyss"] .stat-card:hover::before { background: linear-gradient(160deg, rgba(64,235,255,1) 0%, rgba(0,229,255,0.95) 40%, rgba(64,196,255,0.95) 100%); }[data-theme="abyss"] .stat-card:hover::after { background: linear-gradient(160deg, rgba(0,229,255,0.45) 0%, rgba(64,196,255,0.3) 100%); }[data-theme="abyss"] .stat-card.card-purple .stat-value, [data-theme="abyss"] .stat-card.card-cyan .stat-value { color: #80f0ff; }[data-theme="abyss"] .stat-card.card-emerald .stat-value { color: #66ffdd; }[data-theme="abyss"] .stat-card.card-amber .stat-value { color: #ffe066; }[data-theme="abyss"] .stat-card.card-red .stat-value { color: #ff88bb; }[data-theme="abyss"] .card { border-color: rgba(0,229,255,0.26); }[data-theme="abyss"] .card:hover { box-shadow: 0 0 40px rgba(0,229,255,0.28), 0 0 80px rgba(64,196,255,0.1); }[data-theme="abyss"] .card-header { border-bottom-color: rgba(0,229,255,0.18); background: rgba(5,14,26,0.78); }[data-theme="abyss"] .table-container thead th { background: #050e1a; border-bottom-color: rgba(0,229,255,0.18); }[data-theme="abyss"] .badge-product { background: rgba(0,229,255,0.13); color: #66ddff; border-color: rgba(0,229,255,0.28); box-shadow: 0 0 8px rgba(0,229,255,0.2); }[data-theme="abyss"] .badge-live { background: rgba(64,196,255,0.13); color: #88eeff; border-color: rgba(64,196,255,0.28); box-shadow: 0 0 8px rgba(64,196,255,0.2); }[data-theme="abyss"] .btn-primary { background: linear-gradient(135deg, #00b8d4 0%, #00e5ff 50%, #40c4ff 100%); box-shadow: 0 2px 18px rgba(0,229,255,0.55), 0 0 30px rgba(64,196,255,0.28); }[data-theme="abyss"] .btn-primary:hover { box-shadow: 0 4px 28px rgba(0,229,255,0.7), 0 0 50px rgba(64,196,255,0.38); }[data-theme="abyss"] .refresh-btn:hover { background: rgba(0,229,255,0.13); color: #66ddff; border-color: rgba(0,229,255,0.42); box-shadow: 0 0 14px rgba(0,229,255,0.26); }[data-theme="abyss"] .trend-btn { border-color: rgba(0,229,255,0.26); background: rgba(0,220,255,0.05); color: rgba(160,220,250,0.6); }[data-theme="abyss"] .trend-btn:hover { border-color: rgba(0,229,255,0.58); background: rgba(0,229,255,0.1); box-shadow: 0 0 14px rgba(0,229,255,0.28); }[data-theme="abyss"] .trend-btn.active { border-color: rgba(0,229,255,0.72); background: linear-gradient(135deg, rgba(0,229,255,0.28) 0%, rgba(64,196,255,0.16) 100%); color: #80f0ff; box-shadow: 0 0 18px rgba(0,229,255,0.42), inset 0 0 10px rgba(0,229,255,0.08); }[data-theme="abyss"] .trend-chart-item { background: linear-gradient(155deg, rgba(8,18,42,0.94) 0%, rgba(3,11,24,0.98) 100%); border-color: rgba(0,229,255,0.17); }[data-theme="abyss"] .trend-chart-item::before { background: linear-gradient(160deg, rgba(0,229,255,0.7) 0%, rgba(64,196,255,0.52) 40%, rgba(0,184,212,0.52) 100%); }[data-theme="abyss"] .trend-chart-item:hover::before { background: linear-gradient(160deg, rgba(64,235,255,0.95) 0%, rgba(0,229,255,0.88) 40%, rgba(64,196,255,0.88) 100%); }[data-theme="abyss"] .trend-chart-item:hover::after { background: linear-gradient(160deg, rgba(0,229,255,0.36) 0%, rgba(64,196,255,0.26) 100%); }[data-theme="abyss"] .ai-panel { background: linear-gradient(155deg, rgba(8,18,42,0.96) 0%, rgba(3,11,24,0.99) 100%); }[data-theme="abyss"] .ai-panel::before { background: linear-gradient(160deg, rgba(0,229,255,0.78) 0%, rgba(64,196,255,0.58) 40%, rgba(0,184,212,0.58) 100%); }[data-theme="abyss"] .ai-panel:hover::before { background: linear-gradient(160deg, rgba(64,235,255,0.98) 0%, rgba(0,229,255,0.88) 40%, rgba(64,196,255,0.88) 100%); }[data-theme="abyss"] .ai-suggestion { background: rgba(0,229,255,0.05); border-color: rgba(0,229,255,0.18); }[data-theme="abyss"] .ai-suggestion:hover { background: rgba(0,229,255,0.12); border-color: rgba(0,229,255,0.36); box-shadow: 0 0 16px rgba(0,229,255,0.2); }[data-theme="abyss"] .custom-select-trigger { background: rgba(0,220,255,0.06); border-color: rgba(0,229,255,0.26); }[data-theme="abyss"] .custom-select-trigger:hover { border-color: rgba(0,229,255,0.58); background: rgba(0,229,255,0.1); }[data-theme="abyss"] .custom-select-dropdown { background: linear-gradient(155deg, rgba(8,18,42,0.98) 0%, rgba(3,11,24,0.99) 100%); border-color: rgba(0,229,255,0.36); box-shadow: 0 8px 32px rgba(0,0,0,0.7), 0 0 22px rgba(0,229,255,0.2); }[data-theme="abyss"] .custom-option:hover { background: rgba(0,229,255,0.14); color: #80f0ff; }[data-theme="abyss"] .custom-option.active { background: rgba(0,229,255,0.2); color: #80f0ff; }[data-theme="abyss"] .modal-content { border-color: rgba(0,229,255,0.3); box-shadow: 0 20px 60px rgba(0,0,0,0.75), 0 0 50px rgba(0,229,255,0.18); }[data-theme="abyss"] .modal-header { border-bottom-color: rgba(0,229,255,0.16); }[data-theme="abyss"] .modal-footer { border-top-color: rgba(0,229,255,0.16); }[data-theme="abyss"] .theme-btn-abyss.active-theme-btn { background: linear-gradient(135deg, #00b8d4, #00e5ff, #40c4ff); box-shadow: 0 0 18px rgba(0,229,255,0.75); }[data-theme="abyss"] .toast-info { background: rgba(0,229,255,0.15); border-color: rgba(0,229,255,0.35); color: #80f0ff; }[data-theme="abyss"] .alert-banner { background: rgba(255,82,82,0.08); border-color: rgba(255,82,82,0.3); }[data-theme="abyss"] .acc-tag { background: rgba(0,229,255,0.1); border-color: rgba(0,229,255,0.28); color: #66ddff; }/* ===== 任务日志样式 ===== */.log-row {    display: flex;    align-items: flex-start;    gap: 16px;    padding: 18px 16px;    border-bottom: 1px solid var(--border-light);    transition: background 0.15s;}.log-row:hover { background: var(--bg-hover); }.log-check { margin-top: 6px; accent-color: var(--primary); flex-shrink: 0; width: 16px; height: 16px; }.log-meta { display: flex; flex-direction: column; gap: 5px; min-width: 90px; flex-shrink: 0; }.log-meta span { font-size: 12px; color: var(--text-muted); line-height: 1.4; }.log-meta .badge { font-size: 12px; padding: 3px 10px; }.log-details { flex: 1; font-size: 14px; color: var(--text-primary); line-height: 1.7; font-weight: 500; }.log-params { flex: 1.2; font-size: 13px; color: var(--text-secondary); margin-top: 2px; line-height: 1.6; }.param-item {    display: inline-block;    background: var(--bg-input);    border: 1px solid var(--border);    border-radius: 6px;    padding: 3px 10px;    margin: 2px 4px 2px 0;    font-size: 12px;    color: var(--text-secondary);    white-space: nowrap;}.log-row.selected { background: rgba(99,102,241,0.1); border-left: 3px solid var(--primary); }/* ===== 日志筛选栏样式 ===== */.filter-select {    background: var(--bg-card);    border: 1px solid var(--border);    border-radius: var(--radius-sm);    color: var(--text-primary);    padding: 7px 28px 7px 12px;    font-size: 13px;    outline: none;    cursor: pointer;    appearance: none;    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%237c8db5'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");    background-repeat: no-repeat;    background-position: right 8px center;    min-width: 110px;    transition: all 0.2s;}.filter-select:hover { border-color: rgba(139,92,246,0.4); }.filter-select:focus { border-color: var(--color-purple); box-shadow: 0 0 0 3px rgba(139,92,246,0.15); }.filter-input {    background: var(--bg-card);    border: 1px solid var(--border);    border-radius: var(--radius-sm);    color: var(--text-primary);    padding: 7px 12px;    font-size: 13px;    outline: none;    width: 160px;    transition: all 0.2s;}.filter-input::placeholder { color: var(--text-muted); }.filter-input:focus { border-color: var(--color-purple); box-shadow: 0 0 0 3px rgba(139,92,246,0.15); width: 200px; }.btn-clear {    border-color: rgba(245,158,11,0.35) !important;    color: #ffffff !important;    background: rgba(245,158,11,0.12) !important;}.btn-clear:hover {    border-color: rgba(245,158,11,0.6) !important;    background: rgba(245,158,11,0.22) !important;    box-shadow: 0 0 12px rgba(245,158,11,0.25) !important;}/* ===== 多账户管理卡片 ===== */
.account-overview { margin-bottom: 24px; }
.account-cards { display: flex; gap: 16px; padding: 16px 20px; }
.account-card {
    flex: 1; border-radius: 12px; padding: 16px; cursor: pointer;
    background: var(--bg-card); border: 1px solid var(--border);
    transition: all 0.25s ease; position: relative; overflow: hidden;
}
.account-card::before {
    content: ''; position: absolute; inset: 0; border-radius: 12px; padding: 1.5px;
    background: linear-gradient(160deg, rgba(139,92,246,0.3), rgba(6,182,212,0.3));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;
}
.account-card:hover { border-color: rgba(139,92,246,0.5); transform: translateY(-1px); }
.account-card.active { border-color: rgba(139,92,246,0.7); box-shadow: 0 0 20px rgba(139,92,246,0.25); }
.account-card.account-main::before { background: linear-gradient(160deg, rgba(99,102,241,0.5), rgba(6,182,212,0.5)); }
.account-card.account-vp::before { background: linear-gradient(160deg, rgba(168,85,247,0.5), rgba(236,72,153,0.5)); }
.account-card.active.account-main::before { background: linear-gradient(160deg, rgba(99,102,241,0.9), rgba(6,182,212,0.9)); }
.account-card.active.account-vp::before { background: linear-gradient(160deg, rgba(168,85,247,0.9), rgba(236,72,153,0.9)); }
.account-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.account-card-name { font-size: 15px; font-weight: 600; color: var(--text-primary); }
.account-card-id { font-size: 11px; color: var(--text-muted); font-family: monospace; margin-top: 2px; }
.account-card-badge { font-size: 11px; padding: 2px 8px; border-radius: 10px; background: rgba(139,92,246,0.2); color: #a78bfa; border: 1px solid rgba(139,92,246,0.3); }
.account-card-stats { display: flex; gap: 16px; }
.account-stat { flex: 1; text-align: center; }
.account-stat-value { font-size: 20px; font-weight: 700; color: var(--text-primary); line-height: 1.2; }
.account-stat-label { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
.account-stat.spend .account-stat-value { color: #67e8f9; }
.account-stat.gmv .account-stat-value { color: #6ee7b7; }
.account-stat.orders .account-stat-value { color: #fcd34d; }

/* cache-bust:20260916012400 *//* 素材中心 - 计划搜索高亮 */.plan-item.plan-match {    background: rgba(99, 102, 241, 0.2) !important;    border-color: rgba(99, 102, 241, 0.6) !important;    box-shadow: 0 0 12px rgba(99, 102, 241, 0.3);}.plan-item.plan-match:hover {    background: rgba(99, 102, 241, 0.25) !important;}.plan-item.plan-match { background: rgba(99, 102, 241, 0.2) !important; border-color: rgba(99, 102, 241, 0.6) !important; box-shadow: 0 0 12px rgba(99, 102, 241, 0.3); }.plan-item.plan-match:hover { background: rgba(99, 102, 241, 0.25) !important; }/* 账户切换提示 */.account-card-switch {    text-align: center;    padding: 8px;    font-size: 12px;    color: var(--accent-cyan);    border-top: 1px solid var(--border);    cursor: pointer;    transition: background 0.2s;}.account-card-switch:hover {    background: rgba(6, 182, 212, 0.1);}/* ===== 计划搜索高亮 ===== */.plan-row-highlight {    animation: planHighlightPulse 1.5s ease-in-out 3;    background: rgba(250, 204, 21, 0.25) !important;    box-shadow: inset 0 0 0 2px rgba(250, 204, 21, 0.8), 0 0 12px rgba(250, 204, 21, 0.4) !important;}@keyframes planHighlightPulse {    0%, 100% { background: rgba(250, 204, 21, 0.15); }    50% { background: rgba(250, 204, 21, 0.35); }}

/* ===== 审批中心卡片样式 ===== */
.approval-card {
    background: var(--bg-card);
    border: 1px solid rgba(139,92,246,0.3);
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.25s ease;
}
.approval-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1.5px;
    background: linear-gradient(160deg, rgba(139,92,246,0.5), rgba(6,182,212,0.5), rgba(236,72,153,0.3));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.approval-card:hover {
    border-color: rgba(139,92,246,0.6);
    box-shadow: 0 0 20px rgba(139,92,246,0.25), 0 0 40px rgba(6,182,212,0.1);
}
.approval-card.high-risk {
    border-color: rgba(239,68,68,0.35);
}
.approval-card.high-risk::before {
    background: linear-gradient(160deg, rgba(239,68,68,0.5), rgba(245,158,11,0.5));
}
.approval-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.approval-actions-top {
    display: flex;
    gap: 8px;
}
.btn-approve {
    background: linear-gradient(135deg, #10b981, #34d399);
    border: none;
    border-radius: 8px;
    color: #fff;
    padding: 6px 16px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.2s;
    box-shadow: 0 0 12px rgba(16,185,129,0.4);
}
.btn-approve:hover {
    box-shadow: 0 0 20px rgba(16,185,129,0.7);
    transform: translateY(-1px);
}
.btn-reject {
    background: linear-gradient(135deg, #ef4444, #f87171);
    border: none;
    border-radius: 8px;
    color: #fff;
    padding: 6px 16px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.2s;
    box-shadow: 0 0 12px rgba(239,68,68,0.4);
}
.btn-reject:hover {
    box-shadow: 0 0 20px rgba(239,68,68,0.7);
    transform: translateY(-1px);
}

/* ===== 趋势图下拉框主题适配 ===== */
#trendDays, #trendDays option {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-color: rgba(139,92,246,0.3) !important;
}
#trendDays:focus {
    border-color: var(--color-purple) !important;
    box-shadow: 0 0 0 3px rgba(139,92,246,0.2) !important;
}
#trendDays option {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    padding: 8px 12px;
}
#trendDays option:hover, #trendDays option:checked {
    background: rgba(99,102,241,0.3) !important;
    color: #e0e7ff !important;
}
/* 原生select下拉箭头颜色 */
#trendDays {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%237c8db5'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    padding-right: 32px !important;
}

/* ???????: ?? .card ??, ???? */
details.manual-auth { background: var(--bg-card, #141a30); border: 1px solid rgba(139,92,246,0.2); border-radius: 14px; overflow: hidden; }
details.manual-auth summary { user-select: none; }
details.manual-auth summary::-webkit-details-marker { display: none; }
details.manual-auth summary::before { display: inline-block; transition: transform .15s; }
details.manual-auth[open] summary::before { transform: rotate(90deg); }
details.manual-auth summary:hover { color: var(--accent-cyan, #22d3ee); }

/* ===== ??TOP10 ===== */
.material-top10-table { width:100%; border-collapse:collapse; font-size:13px; }
.material-top10-table th, .material-top10-table td { padding:8px 10px; text-align:left; border-bottom:1px solid rgba(139,92,246,0.15); }
.material-top10-table thead th { color:var(--text-muted); font-weight:600; font-size:12px; }
.material-top10-table tr.top-row { background:rgba(139,92,246,0.10); }
.material-top10-table .mat-name { max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.material-top10-table .plan-link { color:var(--accent,#8b5cf6); text-decoration:none; font-family:monospace; font-size:12px; }
.material-top10-table .plan-link:hover { text-decoration:underline; }
.material-top10-table .dim-col { font-weight:700; color:var(--text); }
.boost-badge { display:inline-block; font-size:10px; padding:1px 6px; border-radius:10px; background:rgba(16,185,129,0.18); color:#10b981; margin-left:6px; font-weight:600; }
.top10-dim { min-width:56px; }
.top10-dim.active-dim { background:var(--accent,#8b5cf6); color:#fff; border-color:var(--accent,#8b5cf6); }

.boost-badge-btn { cursor:pointer; border:none; display:inline-block; font-size:10px; padding:2px 8px; border-radius:10px; background:rgba(16,185,129,0.22); color:#10b981; font-weight:600; margin-left:6px; }
.boost-badge-btn:hover { background:rgba(16,185,129,0.42); color:#fff; }

.premium-badge { display:inline-block; font-size:10px; padding:2px 8px; border-radius:10px; background:rgba(245,158,11,0.22); color:#fbbf24; font-weight:600; }



/* ===== 前端美化补丁 v1 (2026-09-25) ===== */
/* 1) 侧边栏选中态左侧渐变光条 */
.nav-item.active { position: relative; padding-left: 14px; }
.nav-item.active::before {
  content:''; position:absolute; left:0; top:6px; bottom:6px; width:3px;
  border-radius:3px; background: linear-gradient(180deg, var(--accent-purple), var(--accent-cyan));
  box-shadow: 0 0 10px rgba(168,85,247,0.7);
}
/* 2) KPI 数值配色(保留各卡专属色) */
.stat-card.card-purple .stat-value { -webkit-text-fill-color:#c4b5fd; color:#c4b5fd; background:none; }
.stat-card.card-cyan .stat-value { -webkit-text-fill-color:#67e8f9; color:#67e8f9; background:none; }
.stat-card.card-emerald .stat-value { -webkit-text-fill-color:#6ee7b7; color:#6ee7b7; background:none; }
.stat-card.card-amber .stat-value { -webkit-text-fill-color:#fcd34d; color:#fcd34d; background:none; }
.stat-card.card-red .stat-value { -webkit-text-fill-color:#fca5a5; color:#fca5a5; background:none; }
/* 3) 表头渐变 + 行悬浮平滑 + 斑马纹 */
thead th { background: linear-gradient(180deg, rgba(139,92,246,0.16), rgba(139,92,246,0.03)); color: var(--text-secondary); }
tbody tr { transition: background 0.18s ease; }
tbody tr:nth-child(even) { background: rgba(255,255,255,0.018); }
/* 4) 卡片入场淡入(一次性) */
@keyframes cardFadeIn { from { opacity:0; transform: translateY(6px); } to { opacity:1; transform:none; } }
.card { animation: cardFadeIn 0.35s ease both; }
/* 5) 账户概览卡片选中态柔和描边 */
.account-card.active { box-shadow: 0 0 0 1px rgba(139,92,246,0.5), 0 0 22px rgba(139,92,246,0.22); }
/* 6) 主题按钮 hover 微升 */
.theme-btn { transition: all .2s ease; }
.theme-btn:hover { transform: translateY(-1px) scale(1.05); }

/* ===== 超级工具页 tools-layout (2026-09-26 新增) ===== */
.tools-layout {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.tools-nav {
    width: 260px;
    flex-shrink: 0;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.tools-nav-title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--text-muted);
    padding: 4px 6px 8px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 4px;
}
.tool-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    background: transparent;
}
.tool-item:hover {
    background: var(--bg-hover);
    border-color: var(--border-light);
}
.tool-item-active {
    background: var(--bg-hover);
    border-color: rgba(139, 92, 246, 0.35);
    box-shadow: 0 0 12px rgba(139, 92, 246, 0.15);
}
.tool-item-active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--accent-purple, #a855f7), var(--accent-cyan, #22d3ee));
}
.tool-item-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(34, 211, 238, 0.15));
    border: 1px solid rgba(139, 92, 246, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}
.tool-item-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.tool-item-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tool-item-desc {
    font-size: 11px;
    color: var(--text-muted);
    line-height: 1.4;
}
.tool-panel {
    flex: 1;
    min-width: 0;
}
@media (max-width: 900px) {
    .tools-layout { flex-direction: column; }
    .tools-nav {
        width: 100%;
        flex-direction: row;
        overflow-x: auto;
        gap: 8px;
        padding: 10px;
    }
    .tools-nav-title { display: none; }
    .tool-item {
        flex-direction: column;
        text-align: center;
        min-width: 120px;
        padding: 10px 12px;
    }
    .tool-item-desc { display: none; }
}

/* ===== 初始化向导 setup.html 样式 (2026-09-26) ===== */
.wizard-steps {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0 0 24px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 18px 24px;
}
.wizard-step {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.wizard-step-num {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--text-muted);
    background: var(--bg-input);
    transition: all 0.25s;
    flex-shrink: 0;
}
.wizard-step-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
    transition: color 0.25s;
}
.wizard-step-line {
    flex: 1;
    height: 2px;
    background: var(--border);
    margin: 0 14px;
    min-width: 40px;
}
.wizard-step.active .wizard-step-num {
    border-color: var(--accent-purple, #a855f7);
    color: #fff;
    background: linear-gradient(135deg, #6366f1, #a855f7);
    box-shadow: 0 0 14px rgba(139, 92, 246, 0.5);
}
.wizard-step.active .wizard-step-label { color: var(--text-primary); }
.wizard-step.done .wizard-step-num {
    border-color: var(--success, #22c55e);
    color: var(--success, #22c55e);
    background: rgba(34, 197, 94, 0.12);
}
.wizard-step.done .wizard-step-label { color: var(--success, #22c55e); }
.wizard-field {
    margin-bottom: 16px;
}
.wizard-field label {
    display: block;
    font-size: 12px;
    color: var(--text-secondary);
    margin-bottom: 6px;
    font-weight: 600;
}
.wizard-field label .req { color: var(--danger, #ef4444); margin-left: 4px; }
.wizard-field input {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-input);
    color: var(--text-primary);
    font-size: 13px;
    box-sizing: border-box;
    transition: border-color 0.2s;
}
.wizard-field input:focus {
    outline: none;
    border-color: var(--accent-purple, #a855f7);
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
}
.wizard-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
}

/* 账号芯片 - 顶栏 */
.user-info { position: relative; }
.user-chip-text { display:flex; flex-direction:column; align-items:flex-start; gap:0; }
.user-chip-sub { font-size:10px; color:var(--text-muted); line-height:1.2; }
.user-menu { position:absolute; top:calc(100% + 8px); right:0; min-width:210px; background:var(--bg-card);
  border:1px solid rgba(139,92,246,.4); border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,.5);
  padding:6px; z-index:2000; text-align:left; }
.user-menu-head { font-size:12px; color:var(--text-secondary); padding:8px 10px 6px; border-bottom:1px solid var(--border-light);
  margin-bottom:4px; letter-spacing:.3px; }
.user-menu-item { display:block; padding:9px 10px; border-radius:8px; color:var(--text-primary); font-size:13px;
  cursor:pointer; transition:all .15s; }
.user-menu-item:hover { background:rgba(139,92,246,.15); }
.user-menu-item.danger { color:var(--danger); border-top:1px solid var(--border-light); margin-top:4px; padding-top:10px; }
.user-menu-item.danger:hover { background:rgba(239,68,68,.12); }

/* 新建规则卡弹窗下拉框选项弹层深色主题 */
#ruleModal select option {
    background: var(--bg-card, #1a1a2e);
    color: var(--text-primary, #fff);
}
#ruleModal select option:hover {
    background: rgba(139, 92, 246, 0.25);
}
#ruleModal select option:checked {
    background: rgba(139, 92, 246, 0.35);
}

/* ===== 全局原生 select 深色弹层 (修复白底白字撞色) ===== */
select {
    background-color: var(--bg-input, #1a1a2e);
    color: var(--text-primary, #fff);
}
select option {
    background-color: var(--bg-card, #141a30);
    color: var(--text-primary, #fff);
}
select option:hover {
    background-color: rgba(139, 92, 246, 0.25);
}
select option:checked {
    background-color: rgba(139, 92, 246, 0.35);
    color: #fff;
}



/* admin sub-nav panels */
#adminSubNav { user-select: none; }
.admin-subnav-btn.active { border-color: rgba(139,92,246,.35) !important; background: rgba(139,92,246,.16) !important; color: var(--text-primary) !important; }
.admin-panel { animation: adminPanelFade .15s ease-out; }
@keyframes adminPanelFade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }