:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#20313f;background:#f0f3f6;font-size:14px}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;padding:38px 28px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}header small{color:#6d7d8a;letter-spacing:2px;font-size:11px}h1{font-size:29px;letter-spacing:-1px;margin:8px 0}h2{font-size:18px;margin:0 0 12px}h2 small{font-weight:400;color:#7a8790;font-size:12px;margin-left:10px}section{background:white;border:1px solid #e1e7ec;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 3px 14px #243a4d05}p{color:#73808b;line-height:1.65}button,input,textarea{font:inherit;border-radius:7px}button{border:1px solid transparent;background:#236459;color:white;cursor:pointer;padding:10px 17px;white-space:nowrap}button:hover{filter:brightness(.94)}button.quiet{color:#37544d;background:#eef4f2;border-color:#d9e6df;padding:8px 12px}input,textarea{border:1px solid #d8e0e6;padding:10px 12px;background:#fff;color:#20313f;width:100%;margin-top:7px}input:focus,textarea:focus{outline:2px solid #a2c9be;outline-offset:1px}label{display:block;color:#5e6b75;font-size:13px}form.create{display:flex;align-items:end;gap:18px}.create label{width:130px}.create label.note{flex:1}.create button{height:42px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats section{display:flex;justify-content:space-between;align-items:center;color:#7a8790}.stats strong{font-size:29px;color:#20313f}.notice{padding:15px 20px;border-radius:8px;border:1px solid #bddacc;background:#e6f3ec;margin-bottom:20px}.notice.error{background:#fff0eb;border-color:#edd0c5;color:#9a4330}.login{max-width:420px;margin:50px auto}.login label{margin:20px 0}.login button{width:100%;margin-top:6px}.generated{margin-top:23px}.generated textarea{font-family:Consolas,monospace;background:#f7faf8;resize:vertical}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:960px}th{text-align:left;font-size:12px;color:#88939d;font-weight:500;padding:14px 12px;border-bottom:1px solid #e9edf1}td{padding:17px 12px;border-bottom:1px solid #eff2f4;font-size:13px;vertical-align:middle}td small{display:block;color:#8c98a1;font-size:11px;margin-top:5px}.tag{display:inline-block;border-radius:20px;background:#eaf4ef;color:#39715b;padding:4px 9px;font-size:11px;font-weight:500}.tag.off{background:#f5ebe8;color:#a26150}.actions{display:flex;gap:7px;align-items:center}.actions input{margin:0;width:64px;padding:7px}.actions button{font-size:12px}.empty{text-align:center;padding:45px;color:#89949f}.foot{text-align:center;font-size:12px}code{font-family:Consolas,monospace}@media(max-width:700px){main{padding:20px 14px}.stats{gap:8px}.stats section{padding:14px;flex-direction:column;gap:8px}.create{flex-wrap:wrap}.create label.note{min-width:180px}.create label{flex:1}section{padding:18px}}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.section-heading h2{margin:0}.search-form{margin:15px 0}.search-controls{display:flex;align-items:center;gap:12px;margin-top:7px}.search-controls input{margin:0;flex:1}.clear-link,.pagination a{color:#236459;text-decoration:none;white-space:nowrap}.clear-link:hover,.pagination a:hover{text-decoration:underline}.help{font-size:12px}.copy-status{color:#236459;font-size:13px;min-height:23px;margin-bottom:8px}.card-code-cell{min-width:276px}.card-code{font-family:Consolas,monospace;width:255px;font-size:12px;padding:8px;margin:0;background:#f8faf9}.copy-actions{display:flex;gap:8px;margin-top:8px}.copy-actions button{font-size:12px;padding:5px 9px}button:disabled{opacity:.5;cursor:default}.pagination{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin-top:20px;color:#73808b;font-size:12px}.restore-code{margin-top:24px;padding-top:18px;border-top:1px solid #e9edf1}.restore-code summary{cursor:pointer;color:#37544d}.restore-code p{font-size:12px}.restore-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.restore-form input:not([type=hidden]){width:280px;margin:0}.clipboard-fallback{position:fixed;left:-10000px;top:0}.clipboard-manual{position:fixed;left:5%;bottom:20px;width:90%;height:150px;z-index:1000;box-shadow:0 4px 24px #20313f30}table{min-width:1120px}@media(max-width:700px){.section-heading{align-items:flex-start;flex-wrap:wrap}.search-controls{gap:8px;flex-wrap:wrap}.search-controls input{flex-basis:100%}.pagination{justify-content:flex-start;flex-wrap:wrap}.restore-form input:not([type=hidden]){width:100%}}