[hidden]{display:none!important}
:root{--primary:#2563eb;--bg:#f4f7fb;--text:#172033;--muted:#6b7280;--border:#e5eaf1}*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei",system-ui,sans-serif;color:var(--text);background:var(--bg);display:flex;min-height:100vh}aside{width:230px;background:#13213c;color:white;padding:26px 16px;position:fixed;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin:0 8px 36px}.brand>span{background:var(--primary);padding:11px 9px;border-radius:10px;font-weight:800}.brand b{display:block;font-size:20px}.brand small{color:#9cabc4}.nav{width:100%;border:0;background:transparent;color:#aebbd0;padding:14px 16px;text-align:left;border-radius:8px;font-size:15px;margin-bottom:5px;cursor:pointer}.nav.active,.nav:hover{background:#243653;color:white}.local{margin-top:auto;color:#8fa0ba;font-size:12px;padding:12px}main{margin-left:230px;width:calc(100% - 230px);padding:0 34px 40px}header{height:105px;display:flex;justify-content:space-between;align-items:center}h1{font-size:24px;margin:0 0 6px}header p,.hint,.setting-row p{margin:0;color:var(--muted);font-size:13px}.date{color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:22px}.cards article{background:white;border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;gap:17px;align-items:center;box-shadow:0 2px 8px #1e293b08}.cards i{width:48px;height:48px;display:grid;place-items:center;border-radius:10px;font-style:normal;font-size:21px;font-weight:bold}.cards .blue{color:#2563eb;background:#eaf2ff}.cards .orange{color:#e8790a;background:#fff3e5}.cards .red{color:#dc2626;background:#feebeb}.cards span{display:block;color:var(--muted);font-size:13px}.cards strong{font-size:27px}.panel{background:white;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #1e293b08}.toolbar{padding:18px;display:flex;justify-content:space-between}.search{border:1px solid var(--border);border-radius:7px;padding:8px 10px 8px 12px;color:#9ca3af;width:330px;display:flex;align-items:center;gap:5px}.search input{border:0;outline:0;min-width:0;flex:1;font-size:14px}.search button{border:0;background:transparent;color:#94a3b8;font-size:20px;line-height:1;padding:0 2px;cursor:pointer}.search button:hover{color:#475569}.primary,.secondary{border:0;border-radius:7px;padding:10px 16px;cursor:pointer;font-weight:600}.primary{background:var(--primary);color:white}.secondary{background:#eef1f5;color:#374151}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#697386;background:#f8fafc;font-weight:600}th,td{padding:14px 16px;border-top:1px solid var(--border);white-space:nowrap}td b{display:block;margin-bottom:4px}td small{color:var(--muted)}.badge{display:inline-block;border-radius:20px;padding:4px 9px;font-size:12px}.normal{color:#16834a;background:#e8f8ef}.warning{color:#c56809;background:#fff3df}.danger{color:#cf2e2e;background:#feecec}.renewed{color:#2563eb;background:#e9f1ff}.op{border:0;background:none;color:var(--primary);cursor:pointer;padding:4px}.op.delete{color:#dc2626}.empty{text-align:center;padding:45px;color:var(--muted)}.settings{padding:26px;margin-bottom:22px}.settings h2,.logs h2{font-size:18px;margin:0 0 8px}.setting-row{border-top:1px solid var(--border);padding:20px 0;display:flex;align-items:center;justify-content:space-between}.setting-row:first-of-type{margin-top:20px}.logs h2{padding:22px}dialog{border:0;border-radius:12px;padding:0;width:min(680px,calc(100% - 24px));box-shadow:0 20px 60px #0004}dialog::backdrop{background:#0f172a88}dialog form{padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-head h2{margin:0}.icon{font-size:25px;background:none;border:0;cursor:pointer;color:#64748b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,label{font-size:13px;font-weight:600}.form-grid input,.form-grid textarea,#renew-form input{width:100%;border:1px solid #dce2ea;border-radius:6px;padding:10px;margin-top:7px;font:inherit}.wide{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#toast{position:fixed;right:25px;bottom:25px;background:#172033;color:white;padding:12px 18px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}
@media(max-width:760px){body{display:block}aside{position:sticky;top:0;width:100%;height:auto;padding:10px 14px;z-index:2;flex-direction:row;align-items:center}.brand{margin:0 auto 0 0}.brand small,.local{display:none}.brand>span{padding:7px}.brand b{font-size:16px}nav{display:flex}.nav{padding:9px 10px;margin:0;font-size:13px}main{margin:0;width:100%;padding:0 14px 30px}header{height:85px}.date{display:none}.cards{grid-template-columns:1fr;gap:10px}.cards article{padding:14px}.toolbar{gap:10px}.search{width:auto;flex:1}.primary{white-space:nowrap}th,td{padding:12px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}
.login-screen{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:10}.login-card{width:min(380px,calc(100% - 30px));background:#fff;padding:32px;border-radius:14px;box-shadow:0 12px 40px #17203322}.login-card label,.login-card input,.login-card button{display:block;width:100%;margin-top:14px}.login-card input,.inline-form input,.inline-form select{padding:10px;border:1px solid var(--border);border-radius:7px}.toolbar-actions,.inline-form{display:flex;gap:8px;flex-wrap:wrap}.secondary{text-decoration:none;font-size:13px}.link{border:0;background:none;color:#9cabc4;cursor:pointer}.inline-form{margin:18px 0}.settings hr{border:0;border-top:1px solid var(--border);margin:22px 0}.list-item{padding:10px;border-top:1px solid var(--border);display:flex;justify-content:space-between}.invalid{color:#cf2e2e}.valid{color:#16834a}
.subscription-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:18px 18px 0}.subscription-tab{border:1px solid var(--border);background:#fff;color:#374151;padding:9px 13px;border-radius:7px;cursor:pointer;font:inherit;font-size:13px}.subscription-tab.active{background:#eaf2ff;border-color:#93b4fa;color:#1d4ed8;font-weight:700}.subscription-tab span{margin-left:4px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.pagination>div{display:flex;gap:8px}.pagination button:disabled{opacity:.5;cursor:not-allowed}
.search-wrap{position:relative}.search-history{position:absolute;z-index:4;top:calc(100% + 6px);left:0;width:330px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 30px #17203320;overflow:hidden}.search-history-head,.search-history-item{display:flex;align-items:center;justify-content:space-between}.search-history-head{padding:10px 12px;color:var(--muted);font-size:12px;background:#f8fafc}.search-history button{border:0;background:none;cursor:pointer;font:inherit}.search-history-head button{color:var(--primary);font-size:12px}.search-history-item{border-top:1px solid var(--border)}.search-history-item>button:first-child{flex:1;text-align:left;padding:10px 12px;color:var(--text)}.search-history-item>button:last-child{padding:10px 13px;color:#94a3b8;font-size:18px}.search-history-item:hover{background:#f8fafc}.search-history-empty{padding:14px;color:var(--muted);font-size:13px}