:root{--blue:#2866f6;--ink:#25324a;--muted:#7d8aa2;--line:#e8edf7;--paper:#f4f7fd;--good:#18bdb5;--bad:#ef6668}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:176px 1fr}.sidebar{background:#edf4ff;padding:18px 8px;position:relative}.brand{display:flex;align-items:center;gap:9px;font-size:17px;margin:0 12px 25px}.brand-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#3e6ef9 0 48%,#54e4ee 48%);color:#fff;font-size:12px}.sidebar nav{display:grid;gap:3px}.sidebar button{border:0;background:transparent;border-radius:7px;padding:10px 14px;text-align:left;color:#46536c}.sidebar button.active,.sidebar button:hover{background:#fff;color:var(--blue);font-weight:700}.nav-group{color:#64738b;font-size:13px;margin:11px 14px 2px}.side-note{position:absolute;bottom:20px;left:20px;color:#96a2b6;font-size:11px}.workspace{min-width:0;background:radial-gradient(circle at 74% 0,#e6f3ff 0,transparent 27%),var(--paper)}.topbar{min-height:72px;padding:12px 28px 0;border-bottom:1px solid #e7edf8;position:relative}.channel-tabs{display:flex;gap:4px;align-items:center}.channel-tabs span{padding:6px 11px;color:#4a5870;border-radius:5px}.channel-tabs .selected{background:#eaf0ff;color:var(--blue);font-weight:700}.top-actions{position:absolute;right:28px;top:18px;display:flex;align-items:center;gap:14px;color:#66758c;font-size:12px}.top-actions button{border:0;background:transparent;color:#66758c}.page-heading{display:none}.content{padding:15px 28px 42px}.date-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:15px;color:#7a879d}.date-tools select{border:1px solid #dce4f2;background:#fff;border-radius:4px;padding:7px 10px;color:#65738c}.quick-range{display:flex;border-left:1px solid #e0e7f1}.quick-range button{border:0;border-right:1px solid #e0e7f1;background:#fff;color:#617088;padding:7px 12px}.quick-range button.active{color:var(--blue);font-weight:700}.quick-range button:disabled{color:#b1bac8;background:#fafbfd;cursor:not-allowed}.metrics-row{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:1px;background:#eef2f8;border:1px solid #eef2f8;border-radius:7px;overflow:hidden}.metric-card{background:#fff;padding:15px 17px;min-height:106px}.metric-label{color:#7b8799;font-size:12px}.metric-card strong{display:block;font-size:23px;line-height:1.15;margin:9px 0 6px;letter-spacing:0}.compare{font-size:12px}.compare.good{color:var(--good)}.compare.bad{color:var(--bad)}.empty-compare{color:#a6b0c0}.trend-panel,.rank-panel,.table-panel{background:#fff;border:1px solid var(--line);border-radius:7px}.trend-panel{margin-top:16px;padding:18px 20px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.panel-title h2{font-size:16px;margin:0}.panel-title p,.panel-title span{margin:3px 0 0;color:#8390a4;font-size:12px}.hour-chart{display:block;width:100%;height:auto;min-height:190px}.hour-chart line{stroke:#e9eef7;stroke-dasharray:3 4}.hour-chart polyline{fill:none;stroke:var(--blue);stroke-width:3}.hour-chart circle{fill:var(--blue)}.hour-chart text{fill:#8a96aa;font-size:11px}.chart-empty{min-height:160px;display:grid;place-items:center;color:#99a6b7}.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.rank-panel{padding:18px 20px}.rank-panel ol{margin:0;padding:0;list-style:none}.rank-panel li{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1f7}.rank-panel li:last-child{border-bottom:0}.rank-num{color:#8794a9;font-weight:700}.rank-panel b{display:block;max-width:245px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-panel small,table small{display:block;color:#96a2b5;margin-top:2px}.rank-panel strong{font-variant-numeric:tabular-nums;font-size:13px}.notice{max-width:760px;margin:40px auto;background:#fff8e8;border:1px solid #f4dfad;border-radius:6px;padding:15px;color:#846624}.table-panel{padding:18px 20px;overflow:auto}.table-panel p{color:#738098}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:12px 10px;border-bottom:1px solid #edf1f7;text-align:left}th{font-size:12px;color:#8a96a8;background:#f9fbfe}.num{text-align:right;font-variant-numeric:tabular-nums}.primary{border:0;background:var(--blue);color:#fff;border-radius:5px;padding:8px 13px;font-weight:650}.secondary{border:1px solid #dbe3ee;background:#fff;border-radius:5px;padding:7px 10px;color:#546177}.wide{width:100%;margin-top:5px}.history-dates{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.history-dates button{background:#f8faff;border:1px solid #e0e8f5;border-radius:5px;padding:12px;text-align:left;color:#42516a}.history-dates small{display:block;color:#8491a5;margin-top:4px}.login{width:min(410px,calc(100% - 30px));margin:11vh auto;background:#fff;border:1px solid #e2e8f3;border-radius:8px;padding:32px}.login h1{margin:0;font-size:24px}.login p{color:#8490a4;margin:8px 0 22px}.field{display:grid;gap:6px;margin:12px 0}.field label{color:#708097;font-size:12px}.field input,.field select,.field textarea{border:1px solid #d6dfec;border-radius:5px;padding:10px}.field textarea{min-height:82px;resize:vertical}.form-grid,.test-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;max-width:900px}.form-wide,.test-wide{grid-column:1/-1}.review-controls{display:grid;grid-template-columns:120px 110px minmax(130px,1fr) auto;gap:6px;min-width:480px}.review-controls input,.review-controls select{border:1px solid #d6dfec;border-radius:5px;padding:7px}.error{color:var(--bad);font-size:12px;min-height:16px}.modal-bg{position:fixed;inset:0;background:#14223e77;display:grid;place-items:center;padding:20px}.modal{width:min(430px,100%);background:#fff;border-radius:8px;padding:24px}.modal h2{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.test-status-overview{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:16px}.test-status-overview>div{background:#fff;border:1px solid var(--line);border-radius:6px;padding:13px 16px}.test-status-overview small{display:block;color:#7b8799}.test-status-overview b{display:block;font-size:24px;margin-top:3px}.test-list{display:grid;gap:12px;margin-top:16px}.test-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:17px 19px}.test-card-head{display:flex;justify-content:space-between;gap:12px}.test-card-head b{display:block;font-size:15px}.test-card-head small,.test-meta{color:#8491a5;font-size:12px}.test-meta{display:flex;gap:18px;margin-top:7px}.test-status{align-self:start;padding:4px 8px;border-radius:4px;background:#eef3ff;color:#365fc5;font-size:12px;font-weight:700}.test-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.test-summary>div{padding:9px 10px;background:#f8faff;border-radius:5px}.test-summary b{font-size:12px;color:#52617b}.test-summary p{white-space:pre-wrap;margin:3px 0 0;color:#4f5d71;font-size:13px}.test-edit{margin-top:14px;border-top:1px solid #edf1f7;padding-top:12px}.test-edit summary{color:#2866f6;cursor:pointer}.test-edit form{margin-top:10px}@media(max-width:1200px){.metrics-row{grid-template-columns:repeat(4,minmax(135px,1fr))}}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{display:flex;align-items:center;padding:10px 12px}.brand{margin:0;font-size:14px}.sidebar nav{display:flex;margin-left:auto}.sidebar button{padding:8px;font-size:12px}.sidebar button:not(.active),.nav-group,.side-note{display:none}.content{padding:12px}.top-actions{right:12px}.channel-tabs{margin-right:115px}.date-tools{justify-content:flex-start;overflow:auto}.metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-grid,.test-summary{grid-template-columns:1fr}.test-status-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.test-form-grid{grid-template-columns:1fr}.metric-card strong{font-size:19px}}
.site-icp-footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  padding: 8px 16px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  background: rgba(255, 255, 255, 0.92);
  border-top: 1px solid #e5e7eb;
}

.site-icp-footer a {
  color: #64748b;
  text-decoration: none;
}

.site-icp-footer a:hover {
  color: #1677ff;
}