:root{color-scheme:light;font:14px/1.6 "Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color:#223047;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}header{height:76px;padding:0 max(24px,calc((100vw - 1240px)/2));background:#172339;color:white;display:flex;align-items:center;justify-content:space-between}header>div{display:flex;align-items:center;gap:12px}.mark{width:32px;height:32px;border:1px solid #8491a6;border-radius:9px;text-align:center;line-height:30px;font-weight:700}main{max-width:1288px;margin:36px auto;padding:0 24px}.card{background:white;border:1px solid #e0e5ee;border-radius:12px;padding:24px;margin:22px 0;box-shadow:0 3px 12px #19263d05}.login{max-width:460px;margin:9vh auto}.eyebrow{font-size:12px;color:#65748e;letter-spacing:2px}h1{font-size:27px;line-height:1.35;letter-spacing:-.6px;margin:10px 0}h2{font-size:17px;margin:0 0 16px}h3{font-size:15px}p{color:#68778d;margin:10px 0 18px}.intro{display:flex;align-items:center;justify-content:space-between}label{display:block;font-size:13px;color:#425069}input,textarea{display:block;width:100%;padding:10px 12px;border:1px solid #ccd4e0;border-radius:6px;font:inherit;background:white;color:#223047;margin-top:6px}input:focus,textarea:focus{outline:2px solid #b2cef9;border-color:#397be6}textarea{font-family:Consolas,monospace}button{border:1px solid #cad3df;background:white;color:#33455f;border-radius:6px;padding:9px 15px;cursor:pointer;font:inherit;white-space:nowrap}button:hover{background:#f0f4fa}button:disabled{opacity:.5;cursor:default}.primary{background:#266bd3;color:white;border-color:#266bd3}.primary:hover{background:#195bbf}.login button{width:100%;margin-top:20px}.create{display:flex;align-items:end;gap:14px}.create label{width:140px}.create .wide{flex:1}#issued{margin-top:22px;border-top:1px solid #e5e9f0;padding-top:12px}#issued button{margin-top:10px}.table-card{padding:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#fafbfd;color:#68768a;font-weight:500;font-size:12px}td,th{padding:15px 18px;border-bottom:1px solid #e9edf3}td small{display:block;font-size:11px;color:#7a879a}td button{font-size:12px;padding:5px 9px;margin:2px}.badge{display:inline-block;border-radius:4px;background:#e9f5ee;color:#23774b;padding:2px 8px;font-size:12px}.off{background:#fff0ed;color:#ad5142}.unused{background:#eef1f7;color:#62718b}.note-cell{white-space:normal;min-width:130px;max-width:220px;overflow-wrap:anywhere}.pages{display:flex;justify-content:flex-end;gap:12px;align-items:center;padding:16px}.footnote{font-size:12px}#notice{color:#a54b39}header button{color:#dce6f6;border-color:#52627a;background:transparent}[hidden]{display:none!important}@media(max-width:720px){main{margin-top:24px;padding:0 16px}header{padding:0 16px}.card{padding:18px}.table-card{padding:0}.create{flex-wrap:wrap}.create label{width:calc(50% - 7px)}.create .wide{flex-basis:100%}.intro{align-items:start;gap:12px}h1{font-size:23px}}