:root{color-scheme:light;font-family:system-ui,"Microsoft YaHei",sans-serif;color:#1e293b;background:#f3f7f8}
*{box-sizing:border-box}body{margin:0}header{background:#0f2734;color:white;display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - 1280px)/2));gap:12px}header strong{font-size:20px}header span{color:#b9d4d6;font-size:13px}
nav{display:flex;flex-wrap:wrap;gap:5px;background:white;border-bottom:1px solid #dbe5e7;padding:10px max(20px,calc((100vw - 1280px)/2))}nav a{color:#176d65;padding:8px 10px;text-decoration:none;border-radius:6px;font-size:14px}nav a:hover{background:#e5f4ef}
main{max-width:1280px;margin:auto;padding:30px 22px 60px}h1{font-size:26px;margin:0 0 22px}p{color:#64748b}a{color:#08776c}.hero{max-width:780px;margin:9vh auto}.hero p{font-size:17px}.card{display:flex;justify-content:space-between;align-items:center;gap:22px;background:white;border:1px solid #b4d9d1;border-radius:14px;padding:25px;text-decoration:none;color:#143d3d;box-shadow:0 12px 40px #0f273415}.card b{font-size:20px}.card small{color:#08776c}
.panel{max-width:440px;margin:9vh auto;background:white;padding:34px;border:1px solid #dce7e8;border-radius:14px;box-shadow:0 12px 40px #0f273411}.panel form{display:grid;gap:18px}
button,.button{background:#08796f;border:0;color:white;border-radius:6px;padding:10px 17px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#056258;color:white}.danger{background:#b43335;margin-top:22px}.danger:hover{background:#942b2d}
input,textarea,select{font:inherit;border:1px solid #bed1d2;border-radius:6px;padding:9px 10px;background:white;color:#172b33;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #87c6bb}.panel label,.edit label{display:grid;gap:6px;font-size:14px;color:#455e63}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0}.toolbar form{display:flex;gap:8px;max-width:680px;flex:1}.notice{background:#e7f7ef;color:#176b4e;padding:12px;border-radius:7px}
.table-wrap{overflow:auto;background:white;border:1px solid #dae5e7;border-radius:8px}table{border-collapse:collapse;min-width:100%;font-size:14px}th,td{text-align:left;padding:11px 13px;border-bottom:1px solid #e8eff0;white-space:nowrap}th{background:#eaf4f3;color:#244d4c}tr:nth-child(even){background:#f9fbfb}td a{font-weight:600;text-decoration:none}
.edit{background:white;border:1px solid #dbe5e7;border-radius:9px;padding:22px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:20px}.edit>a{margin-left:16px}
details{font-size:13px;color:#47716e;margin:4px 0}details code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:8px;background:#f2f8f6;color:#173b38}.edit small{font-size:12px;color:#687c80}.edit small input,.checks input{width:auto}fieldset{border:1px solid #dbe5e7;border-radius:7px;margin:0 0 20px;padding:12px 16px}legend{color:#365d59;font-size:14px}.checks{display:flex;flex-wrap:wrap;gap:10px 20px}.checks label{display:inline!important}
@media(max-width:680px){header{padding:16px}main{padding:20px 12px}.toolbar{align-items:stretch;flex-direction:column}.toolbar form{width:100%}.card{align-items:flex-start;flex-direction:column}}