:root{color:#17332e;background:#f3f3ed;font-family:"Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:28px}header{border-bottom:2px solid #245849}header span{letter-spacing:.14em;font-size:13px}h1{font-size:32px;margin-bottom:8px}p{line-height:1.7}form{max-width:380px}label{display:block;margin:18px 0}input{display:block;padding:10px;width:100%;border:1px solid #9cab9c;background:white;font:inherit}button{background:#245849;color:white;padding:11px 16px;border:0;border-radius:3px;cursor:pointer;font:inherit;margin:4px}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #d29a35;outline-offset:2px}nav{margin-bottom:20px}nav button{background:#e2e9df;color:#17332e}nav button[aria-current=true]{background:#245849;color:white}.toolbar{display:flex;flex-wrap:wrap;gap:8px}#gate{background:#f1e6c7;padding:10px 15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:14px;border-bottom:1px solid #dde3dc}th{font-size:13px}td input[type=number]{min-width:90px;max-width:120px}td input[type=checkbox]{width:20px;height:20px}#message{color:#9a341f}footer{font-size:13px;color:#5d7068}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:18px}h1{font-size:24px}button{font-size:14px}}

main details img { max-width: 100%; height: auto; }