:root{color-scheme:light;--bg:#f6f6f5;--paper:#fff;--text:#292929;--muted:#838383;--line:#e8e8e6;--dark:#373737;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei UI","PingFang SC",Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:1px solid #dededc;background:#fff;color:#424242;padding:11px 19px;border-radius:12px;cursor:pointer;transition:background .16s,transform .16s;white-space:nowrap}button:hover{background:#f0f0ef}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--dark);border-color:var(--dark);color:white}button.primary:hover{background:#202020}button.text-button{border-color:transparent;background:transparent;color:#747474;padding:9px 10px}button.text-button:hover{background:#eee}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #747474;outline-offset:3px}input,select,textarea{border:1px solid #e0e0de;border-radius:11px;background:#fbfbfa;color:var(--text);padding:12px 14px;min-width:0}input::placeholder{color:#aaa}input:focus,select:focus,textarea:focus{border-color:#aaa;background:#fff}header{height:88px;margin:0 auto;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.65)}.wordmark{font-size:19px;font-weight:650;letter-spacing:3px;color:#333;text-decoration:none;display:flex;align-items:center;gap:24px}.wordmark span{font-size:13px;letter-spacing:1px;font-weight:400;border-left:1px solid #d9d9d6;padding-left:24px;color:#747474}.header-right{display:flex;align-items:center;gap:22px;font-size:12px;color:#999}main{max-width:1240px;padding:52px 40px 36px;margin:auto;min-height:calc(100vh - 160px)}.eyebrow{color:#8c8c8c;font-size:11px;font-weight:500;letter-spacing:2px;margin-bottom:16px}h1{font-size:32px;font-weight:550;letter-spacing:-.5px;margin:0 0 14px;line-height:1.35}h2{font-size:16px;font-weight:550;margin:0 0 8px}h3{font-size:15px;font-weight:500}.intro{color:var(--muted);line-height:1.9;margin:0;font-size:13px}.heading-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.quiet-label{font-size:12px;color:#a4a4a4;letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:23px 26px}.stat span{display:block;font-size:12px;color:#999}.stat strong{display:block;font-size:32px;font-weight:500;margin-top:12px;letter-spacing:-1px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;margin-bottom:24px}.section-heading p{color:#999;font-size:12px;margin:0;line-height:1.8}.generator form{display:flex;align-items:flex-end;gap:16px;margin-top:22px}.field{display:flex;flex-direction:column;gap:9px;min-width:120px}.note-field{flex:1}.field label,label{font-size:12px;color:#646464}.field label span{color:#aaa;font-size:11px;margin-left:5px}.field input[type=number]{width:120px}.generate-button{padding:12px 26px;height:44px}.table-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.table-heading h2{margin:0}.filters{display:flex;gap:10px}.filters input{width:205px}.filters input,.filters select{padding:10px 12px;font-size:12px}.filters button{font-size:12px;padding:9px 18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{color:#999;font-size:11px;font-weight:400;padding:14px 12px;border-bottom:1px solid var(--line);background:#fafafa}th:first-child{border-radius:8px 0 0 0}td{padding:18px 12px;border-bottom:1px solid #f0f0ee;font-size:12px;color:#656565}td.note{max-width:220px;overflow:hidden;text-overflow:ellipsis}td.code{font-family:Consolas,monospace;letter-spacing:1px;color:#3c3c3c}.date-secondary{display:block;color:#aaa;font-size:11px;margin-top:5px}.badge{display:inline-block;padding:5px 10px;border-radius:7px;background:#f2f2f1;color:#747474;font-size:11px}.badge.used{background:#e5e5e3;color:#333}.badge.uncertain{background:#dededb;color:#222}.row-action{border:0;background:transparent;padding:4px 6px;font-size:11px;color:#686868}.table-note{font-size:11px;color:#aaa;margin:19px 0 0}.empty{text-align:center;padding:50px 20px;color:#888}.empty p{font-size:12px;color:#aaa}.footnote{color:#aaa;font-size:11px;line-height:1.9;text-align:center;margin:26px 0}.notice{font-size:13px;min-height:20px;color:#555;line-height:1.8}.actions{display:flex;gap:10px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}#generated-codes{display:block;width:100%;min-height:125px;margin-top:20px;font-family:Consolas,monospace;font-size:14px;line-height:2;resize:vertical}.login-panel{max-width:410px;margin:30px auto 50px}.login-panel>.eyebrow,.login-panel>h1,.login-panel>.intro{text-align:center}.login-panel h1{font-size:31px}.login-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;margin-top:32px}.login-card h2{margin-bottom:24px}.login-card label{display:block;margin-bottom:10px}.login-card input{width:100%}.full{width:100%;margin-top:18px}.message{font-size:12px;line-height:1.7;min-height:18px;margin:13px 0 0;color:#666}footer{max-width:1160px;padding:20px 0 28px;margin:auto;display:flex;justify-content:space-between;color:#b1b1ae;font-size:10px;letter-spacing:1.5px;border-top:1px solid var(--line)}dialog{border:1px solid #e3e3e1;border-radius:20px;padding:30px;max-width:430px;box-shadow:0 16px 80px #0001}dialog::backdrop{background:#0003}dialog p{font-size:13px;color:#888;line-height:1.9;margin:12px 0 24px}dialog .actions{justify-content:flex-end}.hidden{display:none!important}@media(max-width:900px){main{padding:35px 22px}.quiet-label{display:none}.stats{gap:10px}.stat{padding:20px}.generator form{flex-wrap:wrap}.note-field{flex-basis:100%}.table-heading{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters input{flex:1;width:0}.result-heading{align-items:flex-start;flex-direction:column}footer{margin:0 22px}}@media(max-width:520px){header{padding:0 22px;height:74px}.wordmark{gap:15px;font-size:17px}.wordmark span{padding-left:15px;font-size:11px}.header-right>span{display:none}.stats{grid-template-columns:repeat(2,1fr)}.card{padding:22px 18px}h1{font-size:28px}.stat strong{font-size:28px}.field{flex:1;min-width:100px}.field input[type=number]{width:100%}.generate-button{width:100%}.login-panel{margin-top:20px}.login-card{padding:25px}.filters{flex-wrap:wrap}.filters input{min-width:100px}.actions button{padding:10px 12px}.footnote{font-size:10px}}