:root { --ink:#1d2a35; --blue:#1f5f8b; --line:#d6dee5; --bg:#f3f5f7; --muted:#657786; }
* { box-sizing: border-box; }
body { min-width:1000px; min-height:100vh; margin:0; background:linear-gradient(rgba(31,95,139,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(31,95,139,.025) 1px,transparent 1px),var(--bg); background-size:32px 32px; color:var(--ink); font:14px/1.5 "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif; }
.page { max-width:1120px; margin:auto; padding:38px 24px; }
.page > * { min-width: 0; }
header { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; border-bottom:1px solid var(--line); padding:0 2px 18px; }
h1, h2, p { margin: 0; }
header h1 { font-size:28px; letter-spacing:-.02em; color:#152b3a; }
header span { font-size: 12px; color: #36576d; background: #fff; border: 1px solid var(--line); padding: 5px 9px; }
.account { display: flex; align-items: center; gap: 8px; }
.account button { border: 1px solid #aebbc4; background: #fff; color: #435866; padding: 5px 9px; font: inherit; font-size: 12px; cursor: pointer; }
.account button:hover { border-color: var(--blue); color: var(--blue); }
.account a { border: 1px solid #aebbc4; background: #fff; color: #435866; padding: 5px 9px; font-size: 12px; text-decoration: none; }
[hidden] { display: none !important; }

.task { background:#fff; border:1px solid var(--line); padding:16px; box-shadow:0 10px 30px rgba(24,43,58,.07); border-radius:6px; }
.actions { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.actions a { display:flex; align-items:center; min-height:58px; background:#fff; border:1px solid var(--line); border-left:3px solid #b9c9d3; padding:14px 16px; text-decoration:none; color:var(--ink); transition:border-color .16s, background .16s, transform .16s; }
.actions a:hover { border-color:var(--blue); background:#f7fbfe; transform:translateY(-1px); }
.actions b { display:block; font-size:14px; color:#294454; }