select{font:inherit;padding:11px;border:1px solid #cbd5e1;border-radius:6px;background:white;color:#19334c}label:has(textarea){grid-column:1/-1}input:focus,textarea:focus,select:focus{outline:2px solid #b8d2ff;border-color:#0758f7}button:hover,.button:hover{background:#0648ca}textarea{resize:vertical}h2{font-size:19px}nav a:hover{text-decoration:underline}@media(max-width:600px){main{padding:0 14px}header{padding:18px}nav{gap:12px}form{grid-template-columns:1fr}section,article,form{padding:18px}}
*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#19334c;font-family:"Microsoft YaHei",sans-serif;font-size:14px}header{background:#0758f7;padding:20px 4%;color:white;display:flex;gap:32px;align-items:center;flex-wrap:wrap}header a{color:white;text-decoration:none}header>a{font-size:24px;font-weight:bold}nav{display:flex;gap:18px;flex-wrap:wrap}main{max-width:1200px;margin:30px auto;padding:0 24px}h1{font-size:26px}section,form,article{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin:16px 0}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}label{display:flex;flex-direction:column;gap:8px}input,textarea{font:inherit;padding:11px;border:1px solid #cbd5e1;border-radius:6px;min-width:0}button,.button{background:#0758f7;color:white;border:0;border-radius:6px;padding:12px 20px;cursor:pointer;align-self:end;text-decoration:none}a{color:#0758f7}time{color:#8796a7;margin:12px}.message{padding:16px;background:#eaf2ff;border-radius:8px}.table{overflow:auto;background:white;border-radius:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:14px;border-bottom:1px solid #edf1f6}td{max-width:300px;overflow-wrap:anywhere}th{background:#eff4fb}article{line-height:1.9}