:root{
  --ink:#0b1739;--muted:#64708b;--paper:#f3f6fb;--card:#fff;--line:#dfe5ef;
  --accent:#ff5a5f;--cyan:#1ca6a8;--good:#d43e45;--good-soft:#fff0f0;
  --bad:#16815f;--bad-soft:#eaf8f1;--shadow:0 18px 50px rgba(17,35,74,.08)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px}
button,input,select{font:inherit}
.topbar{min-height:184px;padding:30px clamp(20px,5vw,72px);display:flex;align-items:flex-end;justify-content:space-between;background:var(--ink);color:#fff;position:relative;overflow:hidden}
.topbar:after{content:"";position:absolute;right:-80px;top:-150px;width:430px;height:430px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 52px rgba(255,255,255,.035),0 0 0 104px rgba(255,255,255,.02);pointer-events:none}
h1{margin:4px 0 0;font-size:clamp(1.8rem,4vw,3.1rem);letter-spacing:-.04em}
.eyebrow,.section-kicker{margin:0;color:#93a4cb;font-size:.76rem;font-weight:800;letter-spacing:.16em}
.period{z-index:1;border:1px solid rgba(255,255,255,.22);padding:10px 14px;border-radius:999px;font-size:.88rem}
.page-nav{display:flex;gap:6px;margin-top:20px;position:relative;z-index:2}
.page-nav button{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#c6d0e6;padding:9px 18px;border-radius:999px;cursor:pointer;font-weight:800}
.page-nav button.active{background:#fff;color:var(--ink)}
main{padding:0 clamp(20px,5vw,72px) 44px}
.filters{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr)) auto;gap:12px;background:#fff;padding:18px;border-radius:18px;box-shadow:var(--shadow);transform:translateY(-24px);position:relative;z-index:2}
.filters.is-hidden{display:none}.summary-mode{padding-top:26px}
.summary-period{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;background:rgba(255,255,255,.04);font-size:.78rem;font-weight:750;position:relative;z-index:2}.summary-period[hidden]{display:none}.summary-period span{white-space:nowrap}.summary-period i{font-style:normal;color:rgba(255,255,255,.62)}.summary-period input{width:128px;height:32px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#fff;color:var(--ink);padding:0 8px;font:inherit;color-scheme:light}.summary-period input:focus{outline:3px solid rgba(255,90,95,.25);border-color:#ff8a8e}
.filters label{display:grid;gap:7px;color:var(--muted);font-size:.76rem;font-weight:700}
.filters input,.filters select{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;background:#fbfcff;color:var(--ink);padding:0 11px;font-size:.9rem}
.filters input:focus,.filters select:focus{outline:3px solid rgba(28,166,168,.16);border-color:var(--cyan)}
.reset{align-self:end;height:42px;padding:0 18px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}
.page{display:none}.page.active{display:block}
.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 2px 18px}
.page-intro h2{font-size:1.55rem;margin:4px 0 0}.page-intro>p{margin:0;max-width:540px;text-align:right;color:var(--muted);font-size:.88rem}
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(17,35,74,.045)}
.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 22px 0}
.panel-heading h2{font-size:1.06rem;margin:4px 0 0}.section-kicker{color:var(--accent)}
.table-note{margin:2px 0 0;color:var(--muted);font-size:.78rem}
.summary-panel{margin-bottom:18px}.summary-panel .table-wrap{margin-top:16px}
.summary-filters{display:flex;align-items:flex-end;gap:12px;padding:16px 22px 0;flex-wrap:wrap}.summary-filters label{display:grid;gap:6px;min-width:230px;color:var(--muted);font-size:.76rem;font-weight:750}.summary-filters select{height:40px;border:1px solid var(--line);border-radius:10px;background:#fbfcff;color:var(--ink);padding:0 10px}.summary-filters span{margin-left:auto;align-self:center;color:var(--muted);font-size:.74rem}.summary-reset{height:40px;padding:0 17px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}
.daily-table-scroll{max-height:62vh;overflow:auto;overscroll-behavior:contain}.daily-table-scroll thead th{top:0;z-index:5;box-shadow:0 1px 0 var(--line)}
.daily-matrix{width:max-content;min-width:100%;font-size:.78rem}.daily-matrix th,.daily-matrix td{padding:9px 10px;white-space:nowrap;min-width:82px}
.daily-matrix th:nth-child(-n+4),.daily-matrix td:nth-child(-n+4){text-align:left}.operating-matrix th:nth-child(4),.operating-matrix td:nth-child(4){text-align:right}
.daily-matrix .date-column{text-align:right}.daily-matrix .metric-name{font-weight:800;color:#42506c;background:#fbfcff}
.daily-matrix .matrix-total{background:#f1f4fa;font-weight:850;border-left:2px solid #dce3ef}
.daily-matrix .subtotal-row td{background:#eef2fa}.daily-matrix .subtotal-row.metric-gmv td{border-top:2px solid #cfd8e8}
.daily-matrix .subtotal-row.metric-profitRate td{border-bottom:7px solid var(--paper)}
.daily-matrix .fee-row.metric-gmv td,.daily-matrix .board-daily-row.metric-gmv td{border-top:1px solid #dfe5ef}
.daily-matrix .fee-row.metric-profitRate td,.daily-matrix .board-daily-row.metric-roi td{border-bottom:4px solid #f3f6fb}
.daily-matrix tbody tr:hover td{background:#f8faff}.daily-matrix tbody tr:hover .matrix-total{background:#e9eef8}
.agency-section{overflow:hidden}.agency-heading{align-items:center;padding:26px 26px 0}.agency-heading h2{font-size:1.17rem}.agency-heading .table-note{text-align:right;line-height:1.5}.agency-chart{padding:20px 26px 8px}.agency-empty{padding:52px 18px;text-align:center;color:var(--muted)}
.agency-overview{display:grid;grid-template-columns:minmax(250px,1.2fr) repeat(3,minmax(180px,1fr));align-items:stretch;gap:0;min-height:126px;padding:22px 8px;border-radius:17px;color:#fff;background:linear-gradient(115deg,#0d1b3d 0%,#172d5a 56%,#273f73 100%);box-shadow:0 14px 32px rgba(13,29,66,.16)}.agency-overview-intro{padding:0 20px;display:flex;flex-direction:column;justify-content:center}.agency-overview-eyebrow{color:#a9bddf;font-size:.69rem;font-weight:800;letter-spacing:.1em}.agency-overview-intro>strong{margin-top:5px;font-size:1.16rem;letter-spacing:-.025em}.agency-period-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.agency-period-tag{padding:4px 8px;border-radius:99px;background:rgba(255,255,255,.1);color:#dce7fb;font-size:.65rem;font-weight:700;white-space:nowrap}.agency-period-tag.settled{background:rgba(255,255,255,.14)}.agency-period-tag.daily{background:rgba(103,201,215,.15);color:#b8ecf3}.agency-overview-kpi{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:0 20px;border-left:1px solid rgba(255,255,255,.16)}.agency-overview-kpi>span{color:#b7c7e5;font-size:.72rem;font-weight:700}.agency-overview-kpi>strong{margin-top:9px;font-size:clamp(1.04rem,1.5vw,1.48rem);line-height:1.12;font-weight:850;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.agency-overview-kpi.roi>strong{font-size:clamp(1.45rem,2.2vw,2rem)}.agency-overview-kpi em,.agency-card-roi em{font-style:normal;font-size:.52em;margin-left:2px;vertical-align:12%}.agency-overview-kpi small{margin-top:4px;color:#b7c7e5;font-size:.63rem}
.agency-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.agency-center-card{--center-accent:#426cda;position:relative;min-width:0;padding:19px 20px 18px;border:1px solid #e0e7f2;border-radius:15px;background:linear-gradient(135deg,#fff 0%,#f9fbff 100%);box-shadow:0 5px 16px rgba(28,47,92,.045)}.agency-center-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--center-accent)}.center-tone-0{--center-accent:#416fdd}.center-tone-1{--center-accent:#6c57cb}.center-tone-2{--center-accent:#1497a5}.center-tone-3{--center-accent:#d57b48}.agency-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.agency-card-title{min-width:0}.agency-card-rank{display:inline-block;color:var(--center-accent);font-size:.68rem;font-weight:900;letter-spacing:.12em}.agency-card-title h3{margin:5px 0 0;font-size:clamp(.95rem,1.25vw,1.1rem);line-height:1.4;letter-spacing:-.02em}.agency-card-roi{flex:none;min-width:125px;text-align:right}.agency-card-roi>span{display:block;color:#77849c;font-size:.68rem;font-weight:800}.agency-card-roi strong{display:block;margin-top:3px;color:var(--center-accent);font-size:1.8rem;line-height:1;font-weight:850;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.agency-card-roi small{display:block;margin-top:5px;color:#71809b;font-size:.65rem;white-space:nowrap}.agency-card-agencies{display:flex;gap:6px;flex-wrap:wrap;min-height:26px;margin-top:10px}.agency-card-agencies span{padding:4px 8px;border-radius:99px;background:#eef2f9;color:#53627e;font-size:.65rem;font-weight:750;white-space:nowrap}.agency-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:13px;padding-top:14px;border-top:1px solid #e9edf5}.agency-card-metric{min-width:0}.agency-metric-label{display:flex;align-items:center;gap:7px;color:#67758f;font-size:.69rem;font-weight:800}.agency-metric-label i{width:7px;height:7px;border-radius:50%;background:#2f6fed}.agency-metric-label i.gmv{background:#ff7a59}.agency-card-metric strong{display:block;margin-top:7px;color:#102247;font-size:clamp(.95rem,1.28vw,1.14rem);font-weight:850;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}.agency-metric-share{display:block;margin-top:5px;color:#8290a8;font-size:.63rem}.agency-share-track{display:block;width:100%;height:5px;margin-top:8px}.agency-share-base{fill:#e9edf5}.agency-share-fill.spend{fill:#2f6fed}.agency-share-fill.gmv{fill:#ff7a59}.agency-method{margin:6px 26px 22px;padding-top:12px;border-top:1px solid #edf0f5;color:#66748d;font-size:.73rem;line-height:1.7}.agency-method summary{width:max-content;max-width:100%;cursor:pointer;color:#516483;font-weight:750}.agency-method summary:hover{color:#294f93}.agency-method p{max-width:1120px;margin:10px 0 0}
.trend-fee-filter{padding:18px 22px 0}.trend-filter-heading{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.75rem}.trend-filter-heading strong{color:var(--ink);font-size:.86rem}.trend-filter-heading button{margin-left:auto;border:1px solid var(--line);background:#fff;color:#3c4c6c;border-radius:999px;padding:6px 12px;font-weight:800;cursor:pointer}.trend-fee-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.trend-fee-chips button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#f6f8fc;color:#7a879f;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:750;cursor:pointer;opacity:.62}.trend-fee-chips button i{width:8px;height:8px;border-radius:50%;background:var(--fee-color);filter:grayscale(1)}.trend-fee-chips button.active{background:#fff;color:var(--ink);border-color:color-mix(in srgb,var(--fee-color) 60%,#dfe5ef);box-shadow:0 2px 8px rgba(17,35,74,.06);opacity:1}.trend-fee-chips button.active i{filter:none}
.metric-slicer{display:flex;gap:7px;padding:18px 22px 8px;flex-wrap:wrap}.metric-slicer button{border:1px solid var(--line);background:#f6f8fc;color:#52617e;border-radius:999px;padding:9px 15px;font-weight:800;cursor:pointer}.metric-slicer button.active{border-color:var(--ink);background:var(--ink);color:#fff}
.fee-trend-legend{display:flex;gap:9px 15px;flex-wrap:wrap;padding:8px 22px 0;color:#52617e;font-size:.72rem}.fee-trend-legend span{display:inline-flex;align-items:center;gap:6px}.fee-trend-legend i{width:19px;height:3px;border-radius:99px;display:inline-block;flex:none;background:var(--fee-color)}.fee-trend-chart{height:430px;padding:6px 18px 20px;position:relative}.fee-trend-chart svg{width:100%;height:100%;overflow:visible}.fee-series-hit{cursor:crosshair;pointer-events:stroke}.fee-series-hit:focus{outline:none;stroke:rgba(11,23,57,.08)}.fee-line-tooltip{max-width:310px}
.detail-metric-slicer{padding:0;justify-content:flex-end;flex:none}
.table-wrap{overflow:auto;border-top:1px solid var(--line)}
table{width:100%;border-collapse:collapse;min-width:780px}
th,td{text-align:right;padding:13px 18px;border-bottom:1px solid #edf0f5;font-variant-numeric:tabular-nums}
th{font-size:.73rem;color:var(--muted);text-transform:uppercase;letter-spacing:.035em;background:#fafbfe;position:sticky;top:0;z-index:1}
th:first-child,td:first-child{text-align:left}.summary-table th:nth-child(2),.summary-table td:nth-child(2),.board-summary-table th:nth-child(3),.board-summary-table td:nth-child(3){text-align:left}
.fee-row:hover,.board-summary-table tbody tr:hover{background:#f8faff}
.subtotal-row{background:#eef2fa;font-weight:850}.subtotal-row td{border-bottom:6px solid var(--paper)}
.board-pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef2fa;font-size:.78rem;font-weight:800}
.good{color:var(--good);font-weight:800}.bad{color:var(--bad);font-weight:800}.empty-cell{text-align:center!important;color:var(--muted);padding:28px}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:2px 0 18px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0}
.kpi.accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.kpi .label{font-size:.82rem;color:var(--muted);font-weight:700}.kpi.accent .label{color:rgba(255,255,255,.82)}
.kpi .value{display:block;margin-top:8px;font-size:clamp(1.35rem,2.5vw,2.15rem);line-height:1;font-weight:850;letter-spacing:-.04em}
.kpi .sub{display:block;margin-top:9px;font-size:.75rem;color:var(--muted)}.kpi.accent .sub{color:rgba(255,255,255,.8)}
.analysis-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);gap:18px;margin-bottom:18px}
.legend,.signal-legend{display:flex;gap:13px;color:var(--muted);font-size:.76rem;white-space:nowrap}
.legend i,.signal-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}
.profit-dot{background:var(--accent)}.roi-dot{background:var(--cyan)}.gmv-dot{background:#6b5cff}.shipment-dot{background:#2f6fed}.good-swatch{background:var(--good)}.bad-swatch{background:var(--bad)}
.chart{height:300px;padding:12px 16px 18px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.chart-note{margin:4px 0 0;color:#71809a;font-size:12px}.axis-left,.axis-right{fill:#71809a;font-size:10px}
.axis-label{font-size:11px;fill:#7a879f}.grid-line{stroke:#e7ebf2;stroke-width:1}
.profit-bar.good{fill:rgba(212,62,69,.66)}.profit-bar.bad{fill:rgba(22,129,95,.68)}
.roi-line{fill:none;stroke:var(--cyan);stroke-width:3}.roi-point{fill:#fff;stroke:var(--cyan);stroke-width:2}
.trend-hit-area{fill:transparent;pointer-events:all;cursor:crosshair;outline:none}.trend-hit-area:focus{fill:rgba(28,166,168,.05)}.chart-tooltip{position:absolute;z-index:8;display:grid;gap:7px;min-width:190px;padding:11px 13px;border:1px solid rgba(11,23,57,.12);border-radius:11px;background:rgba(11,23,57,.94);color:#fff;box-shadow:0 10px 28px rgba(11,23,57,.22);font-size:.75rem;line-height:1.25;pointer-events:none}.chart-tooltip[hidden]{display:none}.chart-tooltip strong{font-size:.8rem}.chart-tooltip span{display:flex;align-items:center;gap:6px;color:#dce5f7}.chart-tooltip b{margin-left:auto;color:#fff;font-variant-numeric:tabular-nums}.chart-tooltip i{width:8px;height:8px;border-radius:50%;flex:none}.tooltip-profit{background:var(--accent)}.tooltip-roi{background:var(--cyan)}
.shipment-compare{margin:0 22px 22px;padding-top:14px;border-top:1px solid var(--line)}.shipment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.shipment-heading strong{display:block;font-size:.86rem}.shipment-heading>div>span{display:block;margin-top:3px;color:var(--muted);font-size:.72rem}.shipment-chart{height:160px;padding:8px 8px 0}.shipment-chart svg{width:100%;height:100%;overflow:visible}.gmv-line,.shipment-line{fill:none;stroke-width:2.5}.gmv-line{stroke:#6b5cff}.shipment-line{stroke:#2f6fed}.gmv-point{fill:#fff;stroke:#6b5cff;stroke-width:2}.shipment-point{fill:#fff;stroke:#2f6fed;stroke-width:2}
.board-breakdown{padding:18px 22px 24px;display:grid;gap:16px}.board-item{display:grid;gap:7px}
.board-row{display:flex;justify-content:space-between;gap:12px}.board-name{font-weight:800}.board-profit{font-weight:850}
.board-item.good .board-profit{color:var(--good)}.board-item.bad .board-profit{color:var(--bad)}
.board-meta{font-size:.78rem;color:var(--muted)}.track{display:block;width:100%;height:8px}.track-base{fill:#edf0f6}.board-item.good .track-fill{fill:var(--good)}.board-item.bad .track-fill{fill:var(--bad)}
.diagnostic-panel{margin-bottom:18px}.diagnostic-heading{padding-bottom:18px}.hint{margin:7px 0 0;font-size:.78rem;color:var(--muted);line-height:1.6}
.diagnostics{border-top:1px solid var(--line)}.fee-diagnostic+.fee-diagnostic{border-top:10px solid var(--paper)}
.fee-diagnostic-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:18px 22px;background:#fbfcff}
.fee-diagnostic-head h3{margin:4px 0 0;font-size:1rem}.cost-label{color:var(--muted);font-size:.73rem}
.benchmark{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.76rem}.benchmark strong{color:var(--ink)}
.account-table{min-width:980px}.account-table th:nth-child(1),.account-table td:nth-child(1){text-align:left}
.account-row td{padding-top:16px;padding-bottom:10px}.account-id,.cell-sub{display:block;margin-top:4px;color:var(--muted);font-size:.7rem;font-weight:500}
.issue-tag{display:inline-block;background:var(--bad-soft);color:var(--bad);padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:850}
.material-row td{padding:0 18px 14px;background:#fbfcff}.materials{border-left:3px solid #dce3ef;padding-left:12px}
.materials summary{cursor:pointer;color:#3c4c6c;font-size:.76rem;font-weight:800;padding:10px 0;list-style-position:inside}
.material-note{font-size:.7rem;color:var(--muted);padding:0 0 9px}.material-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}
.material-table{min-width:760px;background:#fff}.material-table th,.material-table td{padding:9px 12px;font-size:.74rem}
.material-table th:first-child,.material-table td:first-child,.material-table th:nth-child(2),.material-table td:nth-child(2){text-align:left}
.id-cell{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#52617e}.material-empty{padding:8px 0 12px;color:var(--muted);font-size:.74rem}
.diagnostics-empty{min-height:140px}.methodology{background:#e9edf5;border-radius:14px;padding:0 18px}
.methodology summary{cursor:pointer;padding:16px 0;font-weight:800}.formula-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 0 18px}
.formula-grid>div{background:rgba(255,255,255,.7);border-radius:10px;padding:13px}.formula-grid .wide{grid-column:1/-1}
.formula-grid strong{display:block;margin-bottom:7px}.formula-grid code{font-family:inherit;color:#3a4866;line-height:1.7}
footer{display:flex;justify-content:space-between;gap:20px;padding:20px clamp(20px,5vw,72px) 32px;color:var(--muted);font-size:.76rem}
.empty{height:100%;display:grid;place-items:center;color:var(--muted)}.fatal{min-height:100vh;display:grid;place-items:center;font:700 18px system-ui;color:#9c2430}
@media(max-width:1100px){
  .filters{grid-template-columns:repeat(3,1fr)}.kpis{grid-template-columns:repeat(3,1fr)}
  .analysis-grid{grid-template-columns:1fr}.board-breakdown{grid-template-columns:repeat(3,1fr)}
  .fee-diagnostic-head{align-items:flex-start;flex-direction:column}
  .agency-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.agency-overview-intro{grid-column:1/-1;min-height:75px}.agency-overview-kpi{border-top:1px solid rgba(255,255,255,.16);padding:15px 20px}.agency-overview-kpi:nth-child(2){border-left:0}
}
@media(max-width:720px){
  .topbar{align-items:flex-start;flex-direction:column;gap:18px;min-height:220px}.period{align-self:flex-start}
  .filters{grid-template-columns:1fr 1fr}.reset{grid-column:1/-1}.page-intro{align-items:flex-start;flex-direction:column}.page-intro>p{text-align:left}
  .kpis{grid-template-columns:1fr 1fr}.kpi:last-child{grid-column:1/-1}.board-breakdown{grid-template-columns:1fr}
  .panel-heading{flex-direction:column}.formula-grid{grid-template-columns:1fr}.formula-grid .wide{grid-column:auto}
  footer{flex-direction:column}.chart{height:260px}.benchmark{display:grid;gap:6px}.summary-filters{align-items:stretch}.summary-filters label{min-width:100%;width:100%}.summary-filters span{margin-left:0}.fee-trend-chart{height:330px;overflow-x:auto}.fee-trend-chart svg{min-width:900px}.summary-period{width:100%;border-radius:14px;flex-wrap:wrap}.summary-period input{flex:1;min-width:128px}
  .agency-heading{align-items:flex-start}.agency-heading .table-note{text-align:left}.agency-chart{padding:16px 16px 6px}.agency-card-grid{grid-template-columns:1fr}.agency-overview{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 8px}.agency-overview-intro{min-height:78px}.agency-overview-kpi{padding:13px 12px}.agency-overview-kpi:nth-child(4){grid-column:1/-1;border-left:0}.agency-method{margin:8px 16px 18px}
}
@media(max-width:480px){.agency-card-head{gap:8px}.agency-card-roi{min-width:105px}.agency-card-metrics{grid-template-columns:1fr;gap:15px}.agency-card-metric strong{font-size:1.08rem}.agency-overview-kpi>strong{font-size:1rem}}
/* Cloudflare 登录版账户工具 */
.header-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px;position:relative;z-index:2}.account-tools{display:flex;align-items:center;gap:8px;font-size:12px}.account-tools a,.account-tools button{border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;padding:7px 11px;text-decoration:none;cursor:pointer}.account-tools .archive-link{border-color:rgba(255,90,95,.72);background:rgba(255,90,95,.16);font-weight:700}.account-tools .archive-link:hover,.account-tools .archive-link:focus-visible{background:rgba(255,90,95,.3);outline:none}.account-tools span{color:rgba(255,255,255,.78)}@media(max-width:760px){.header-side{align-items:flex-start}.account-tools{flex-wrap:wrap}}
.agency-overview{grid-template-columns:minmax(225px,1.05fr) repeat(4,minmax(170px,1fr))}.agency-overview-kpi.commission>strong{color:#d7e7ff}.agency-card-commission{display:flex;align-items:center;justify-content:space-between;gap:8px 18px;flex-wrap:wrap;margin-top:14px;padding:11px 13px;border:1px solid #e0e8f6;border-radius:10px;background:#f3f6fc}.agency-card-commission>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.agency-card-commission>div span{color:#50617e;font-size:.7rem;font-weight:800}.agency-card-commission strong{color:#253e76;font-size:1.12rem;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}.agency-card-commission small{color:#71809b;font-size:.64rem;line-height:1.4}
@media(max-width:1100px){.agency-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-overview-kpi:nth-child(4){border-left:0}}
@media(max-width:720px){.agency-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-overview-kpi:nth-child(4){grid-column:auto;border-left:0}.agency-card-commission{align-items:flex-start}.agency-card-commission>div{width:100%;justify-content:space-between}}