*{box-sizing:border-box}body{background-color:#f3f4f6;margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,sans-serif}.header-container{color:#fff;background-color:#122338;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;box-shadow:0 2px 4px #0000001a}.header-nav{gap:12px;display:flex}.dashboard-container{align-items:flex-start;gap:24px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}@media (width<=768px){.header-container{text-align:center;flex-direction:column;gap:16px;padding:16px}.header-nav{justify-content:center;width:100%}.dashboard-container{flex-direction:column}.grid-2,.grid-3{grid-template-columns:1fr;gap:16px}main{padding:12px!important}}