:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:#182432;background:#dceaf4}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:56px 28px}a{color:#245b87;text-decoration:none}.header-actions{display:flex;align-items:center;gap:12px}.refresh-button{width:32px;height:32px;border:1px solid #c9d6e0;background:#fff;color:#245b87;font-size:20px;line-height:1;cursor:pointer}.refresh-button:hover{background:#e8eef3}.refresh-button:focus-visible{outline:2px solid #245b87;outline-offset:2px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c9d6e0;padding-bottom:20px}h1{font-size:32px;margin:0}.sub{color:#607080;margin:9px 0 0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0}.card{background:#fff;border:1px solid #c9d6e0;padding:18px}.label{color:#607080;font-size:13px}.value{font-size:32px;font-weight:700;margin-top:8px;color:#245b87}.panel{background:#fff;border:1px solid #c9d6e0;padding:22px}.row{display:grid;grid-template-columns:110px 1fr 70px;align-items:center;gap:12px;margin:14px 0}.track{height:10px;background:#e8eef3}.fill{height:100%;background:#245b87}.muted{color:#607080;font-size:13px}.traffic-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.traffic-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}.traffic-item{border-left:3px solid #245b87;padding-left:9px}.traffic-item b{display:block;color:#182432;margin-top:4px}@media(max-width:650px){.traffic-cards,.traffic-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}(max-width:650px){main{padding:32px 18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.row{grid-template-columns:82px 1fr 60px}}
@media(max-width:650px){main{padding:32px 18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.row{grid-template-columns:82px 1fr 60px}}