.channel-lines{display:grid;gap:2px;margin-top:5px}.channel-lines span{display:block}.channel-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.channel-dot.shop{background:#244b70}.channel-dot.online{background:var(--gold)}.channel-report{margin-bottom:18px}.channel-report-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:14px}.channel-summary,.channel-share{background:#f7f9fb;border-radius:10px;padding:18px}.report-channel{display:inline-block;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:800}.shop-bg{background:#dfeaf4;color:#173a59}.online-bg{background:#fff0d5;color:#9a5b09}.channel-summary>strong,.channel-summary>small{display:block}.channel-summary>strong{font-size:28px;margin-top:12px}.channel-summary>small{color:var(--muted)}.channel-summary>div{display:grid;gap:7px;margin-top:15px}.channel-summary>div span{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.channel-summary b{color:var(--ink)}.share-bar{display:flex;height:12px;border-radius:10px;overflow:hidden;margin:10px 0 18px}.share-bar i{width:63.7%;background:#244b70}.share-bar b{width:36.3%;background:var(--gold)}.channel-share>div:nth-child(2){display:flex;justify-content:space-between;font-size:12px;margin-bottom:18px}.channel-share>strong,.channel-share>small{display:block}.channel-share>strong{font-size:22px}.channel-share>small{color:var(--muted)}
@media(max-width:1100px){.channel-report-grid{grid-template-columns:1fr 1fr}.channel-share{grid-column:1/-1}}
@media(max-width:780px){.channel-report-grid{grid-template-columns:1fr}.channel-share{grid-column:auto}}