/* TRIKICKS 会员后台 · 深海军蓝侧栏 + 青蓝强调，与官网同一套 LOGO 色板 */
#consoleShell{display:grid;grid-template-columns:236px 1fr;min-height:100vh;background:#f5f8fd;color:#1b2340}
#consoleSide{background:#091638;color:#c8cee4;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}
.cs-brand{display:flex;align-items:center;gap:9px;padding:18px 14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.cs-brand .logo-plate img{height:30px}
.cs-brand b{color:#fff;font-size:13.5px;letter-spacing:.06em;white-space:nowrap}
.cs-brand small{display:block;color:#8790ae;font-size:10px;letter-spacing:.04em}
.cs-group{padding:18px 12px 6px;font-size:10.5px;color:#727d9e;letter-spacing:.16em;font-weight:700}
.cs-nav{padding:0 10px;display:grid;gap:3px}
.cs-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;font-size:13.5px;color:#b9c1da;transition:.16s}
.cs-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.cs-nav a.on{background:linear-gradient(100deg,rgba(28,159,227,.30),rgba(13,31,92,.30));color:#fff;font-weight:600}
.cs-nav a .ci{width:19px;text-align:center;font-size:14px;opacity:.9}
.cs-nav a .cnt{margin-left:auto;background:rgba(255,255,255,.14);border-radius:100px;font-size:10px;padding:1px 7px}
.cs-foot{margin-top:auto;padding:16px 18px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#78829f;line-height:1.7}

#consoleBody{min-width:0;display:flex;flex-direction:column}
#consoleHeader{height:64px;background:#fff;border-bottom:1px solid #e7eaf3;display:flex;align-items:center;gap:16px;padding:0 26px;position:sticky;top:0;z-index:40}
.ch-title{font-size:16px;font-weight:700}
.ch-title small{display:block;font-size:11.5px;color:#8b93ac;font-weight:400;margin-top:1px}
.ch-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.ch-pill{font-size:11.5px;color:#5a6488;background:#f2f4fb;border-radius:100px;padding:6px 12px}
.ch-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#0d1f5c,#1c9fe3);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
#consoleMain{padding:26px;max-width:1420px;width:100%;margin:0 auto}

.cs-card{background:#fff;border:1px solid #e7eaf3;border-radius:14px;padding:22px;margin-bottom:20px}
.cs-card h2{font-size:16px;margin:0 0 4px;font-weight:700}
.cs-card .cs-sub{font-size:12.5px;color:#8b93ac;margin:0 0 18px}
.cs-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cs-row.end{justify-content:flex-end}
.cs-grid{display:grid;gap:16px}
.g2c{grid-template-columns:repeat(2,1fr)}
.g3c{grid-template-columns:repeat(3,1fr)}
.g4c{grid-template-columns:repeat(4,1fr)}
.kpi{background:#fff;border:1px solid #e7eaf3;border-radius:14px;padding:20px 22px;position:relative;overflow:hidden}
.kpi:before{content:"";position:absolute;right:-26px;top:-26px;width:90px;height:90px;border-radius:50%;background:rgba(28,159,227,.10)}
.kpi .lb{font-size:12.5px;color:#8b93ac}
.kpi b{display:block;font-size:29px;font-weight:800;line-height:1.35;color:#1b2340}
.kpi .dt{font-size:11.5px;color:#127a52}
.kpi .dt.dn{color:#c0483a}

.btn-c{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:600;border:1px solid #e0e4f0;background:#fff;color:#39426a;transition:.16s;white-space:nowrap}
.btn-c:hover{border-color:#1c9fe3;color:#0d3a86;background:#f5faff}
.btn-c.pri{background:linear-gradient(100deg,#0d1f5c,#1c8fd8);color:#fff;border-color:transparent}
.btn-c.pri:hover{filter:brightness(1.06)}
.btn-c.sm{padding:6px 11px;font-size:12px;border-radius:7px}
.btn-c.danger{color:#b4462f;border-color:#f0d5cf}
.btn-c:disabled{opacity:.5;cursor:not-allowed}
.inp,.sel,.txa{width:100%;padding:9px 12px;border:1px solid #e0e4f0;border-radius:9px;background:#fff;color:#1b2340;outline:none;font-size:13.5px}
.inp:focus,.sel:focus,.txa:focus{border-color:#1c9fe3;box-shadow:0 0 0 3px rgba(28,159,227,.13)}
.txa{min-height:96px;resize:vertical;line-height:1.7}
.lab{display:block;font-size:12.5px;font-weight:600;color:#4a5375;margin-bottom:6px}
.fld-c{margin-bottom:14px}
.fld-c .hint{font-size:11.5px;color:#929ab3;margin-top:5px}

table.tb{width:100%;border-collapse:collapse;font-size:13px}
table.tb th{text-align:left;padding:11px 12px;background:#f8f9fd;color:#7a83a2;font-weight:600;font-size:12px;border-bottom:1px solid #e7eaf3;white-space:nowrap}
table.tb td{padding:11px 12px;border-bottom:1px solid #f0f2f8;color:#39426a;vertical-align:middle}
table.tb tr:hover td{background:#fafbff}
table.tb td strong{color:#1b2340}
.tb-wrap{overflow-x:auto;border:1px solid #e7eaf3;border-radius:12px}
.tag{display:inline-block;font-size:11px;padding:3px 9px;border-radius:100px;font-weight:600;white-space:nowrap}
.t-blue{background:#e8f3fc;color:#0d3a86}
.t-green{background:#e7f6ee;color:#127a52}
.t-orange{background:#fff3e2;color:#b57613}
.t-gray{background:#f0f2f7;color:#78829c}
.t-red{background:#fdeeea;color:#b4462f}
.t-purple{background:#f2ecfb;color:#6b3fb5}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle}
.dot.on{background:#127a52}.dot.off{background:#c6ccdc}.dot.err{background:#c0483a}.dot.wait{background:#d79b26}

.empty{text-align:center;padding:52px 20px;color:#929ab3;font-size:13.5px}
.empty .ei{font-size:32px;display:block;margin-bottom:12px;opacity:.5}
.tabs{display:flex;gap:4px;border-bottom:1px solid #e7eaf3;margin-bottom:18px;flex-wrap:wrap}
.tabs a{padding:9px 15px;font-size:13px;color:#7a83a2;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs a.on{color:#0d3a86;border-bottom-color:#1c9fe3;font-weight:700}
.tabs a:hover{color:#0d3a86}

.bar{height:7px;background:#eef0f7;border-radius:100px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,#0d1f5c,#1c9fe3)}
.score{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;font-weight:800;font-size:12.5px;color:#fff}
.s-hi{background:linear-gradient(135deg,#0d1f5c,#1c9fe3)}
.s-md{background:linear-gradient(135deg,#3f7fd8,#7bb8e8)}
.s-lo{background:linear-gradient(135deg,#a9b0c6,#c6ccdc)}

/* 渠道卡 */
.ch-card{background:#fff;border:1px solid #e7eaf3;border-radius:13px;padding:18px;display:flex;flex-direction:column;gap:12px}
.ch-card .top{display:flex;align-items:center;gap:12px}
.ch-card .lg{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;flex-shrink:0}
.ch-card .nm b{display:block;font-size:14px}
.ch-card .nm span{font-size:11.5px;color:#929ab3}
.ch-card .meta{font-size:11.5px;color:#8b93ac;line-height:1.8}
.ch-card .acts{display:flex;gap:7px;margin-top:auto;flex-wrap:wrap}
.ch-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f8f9fd;border-radius:10px;padding:10px}
.ch-stat div{text-align:center}
.ch-stat b{display:block;font-size:15px;color:#1b2340}
.ch-stat span{font-size:10.5px;color:#929ab3}

/* 时间线 / 日志 */
.tl{display:grid;gap:0;margin:0;padding:0;list-style:none}
.tl li{position:relative;padding:0 0 18px 26px;border-left:2px solid #e7eaf3;margin-left:7px}
.tl li:last-child{border-left-color:transparent;padding-bottom:0}
.tl li:before{content:"";position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:#1c9fe3;border:2px solid #fff}
.tl li b{font-size:13px;display:block}
.tl li span{font-size:11.5px;color:#929ab3}
.log{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.9;color:#4a5375;
  background:#f8f9fd;border-radius:10px;padding:14px 16px;max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-all}

/* 图表 */
.chart{width:100%;height:190px;display:flex;align-items:flex-end;gap:10px;padding:10px 4px 0;border-bottom:1px solid #e7eaf3}
.chart .col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%}
.chart .col i{width:100%;max-width:42px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#1c9fe3,rgba(13,31,92,.45));display:block}
.chart .col span{font-size:10.5px;color:#929ab3}
.chart-labels{display:flex;gap:10px;padding:8px 4px 0}
.chart-labels span{flex:1;text-align:center;font-size:10.5px;color:#929ab3}
.funnel{display:grid;gap:9px}
.funnel .fr{display:flex;align-items:center;gap:12px;font-size:12.5px}
.funnel .fr .fn{width:88px;color:#7a83a2;flex-shrink:0}
.funnel .fr .fb{flex:1;height:22px;background:#f0f2f8;border-radius:6px;overflow:hidden}
.funnel .fr .fb i{display:block;height:100%;background:linear-gradient(90deg,#0d1f5c,#1c9fe3);border-radius:6px}
.funnel .fr b{width:56px;text-align:right;color:#1b2340}

/* 商机阶段条 */
.path{display:flex;gap:4px;flex-wrap:wrap}
.path span{flex:1;min-width:76px;text-align:center;font-size:11px;padding:7px 4px;border-radius:7px;background:#f0f2f8;color:#929ab3}
.path span.done{background:#e7f6ee;color:#127a52;font-weight:600}
.path span.cur{background:linear-gradient(100deg,#0d1f5c,#1c9fe3);color:#fff;font-weight:700}

.callout{background:#f4f9fe;border:1px solid #e2ecf8;border-left:3px solid #1c9fe3;border-radius:0 12px 12px 0;padding:14px 18px;font-size:12.5px;color:#4a5375;line-height:1.8;margin-bottom:18px}
.callout.warn{background:#fff9ef;border-color:#f6e6c8;border-left-color:#d79b26;color:#7a5a1c}
.callout b{color:#1b2340}
.split-c{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.mini{font-size:11.5px;color:#929ab3}
.hr{height:1px;background:#e7eaf3;margin:18px 0}
.pill-list{display:flex;gap:7px;flex-wrap:wrap}
.pill-list span{font-size:11.5px;background:#f2f4fb;color:#5a6488;border-radius:100px;padding:4px 11px}

@media(max-width:1100px){
  .g4c{grid-template-columns:repeat(2,1fr)}
  .g3c{grid-template-columns:repeat(2,1fr)}
  .split-c{grid-template-columns:1fr}
}
@media(max-width:820px){
  #consoleShell{grid-template-columns:1fr}
  #consoleSide{display:none}
  #consoleMain{padding:16px}
  .g2c,.g3c,.g4c{grid-template-columns:1fr}
  #consoleHeader{padding:0 16px}
}