log.css

:root{color-scheme:dark;--line:#ffffff20;--muted:#9fadc2;--orange:#fca76d;--panel:#182338;--bg:#0d1422}
*{box-sizing:border-box}body{margin:0;font:14px/1.6 system-ui,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 10% 0,#9d473b2c,transparent 45%),radial-gradient(ellipse at 100% 100%,#182d5840,transparent 60%),var(--bg);color:#f5f7ff;min-height:100vh}
.page{max-width:1100px;margin:auto;padding:32px 26px 50px}.top,.brand,.actions,.head,.listRow{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{justify-content:flex-start}.brand img{border-radius:14px}.over{font-weight:800;font-size:11px;letter-spacing:2px;color:var(--orange)}h1{margin:0;font-size:32px;letter-spacing:-1.4px}h1 span{color:var(--orange)}p{margin:3px 0;color:var(--muted)}.actions{flex-wrap:wrap;justify-content:flex-end}.actions a,.actions button{font:inherit;font-weight:750;border:1px solid #ffb27950;border-radius:12px;text-decoration:none;padding:11px 16px;background:#ef965027;color:#ffcc9f;cursor:pointer}.actions button{background:linear-gradient(135deg,#ffc07e,#f17464);color:#151a24}.lead{padding:23px;margin:28px 0 20px;border-radius:18px;border:1px solid #ffad8058;background:linear-gradient(120deg,#542f39ab,#20273bc9)}.lead .over{font-size:10px}.lead h2{font-size:23px;margin:4px 0}.lead p{margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{border:1px solid var(--line);border-radius:15px;background:linear-gradient(140deg,#25344b,#172032);padding:17px}.metric b{display:block;font-size:28px;line-height:1.2;color:white;margin:7px 0}.metric span{font-size:12px;color:#adbcd1}.metric small{font-size:11px;color:#7e91ad}.metric.accent{border-color:#ffa57277;background:linear-gradient(140deg,#643b43,#262c3f)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:17px}.card{min-width:0;padding:19px;background:#172238d4;border:1px solid var(--line);border-radius:16px}.card h3{font-size:17px;margin:0 0 13px}.listRow{align-items:flex-start;padding:10px 0;border-bottom:1px solid #ffffff11;font-size:12px}.listRow:last-child{border:0}.listRow strong{font-size:12px;overflow-wrap:anywhere}.listRow small{display:block;color:#96a8c1}.listRow time{color:#9fadc2;white-space:nowrap;font-size:11px}.tag{font-size:10px;font-weight:800;color:#ffe2b2;border:1px solid #f9bd7855;padding:3px 8px;border-radius:99px}.empty{padding:20px;color:var(--muted);font-size:13px}.notice{font-size:12px;color:#eac18f;margin-top:10px}footer{margin-top:35px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;letter-spacing:1px;color:#788aa6;display:flex;justify-content:space-between;gap:10px}
@media(max-width:720px){.top{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}.page{padding:20px 15px}.metric b{font-size:22px}}
.listRow>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}