:root{color-scheme:light;--primary: #3e63c7;--accent: #1f9d8a;--bg: #f6f7fb;--surface: #ffffff;--text: #22304a;--muted: #5d6b85;--weak: #8a94a8;--border: #e4e8f0;--border-strong: #cfd6e4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-box{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);padding:2.4rem 2.2rem}.login-box h1{font-size:1.25rem;font-weight:500;margin:0 0 .3rem}.login-box .sub{color:var(--weak);font-size:.85rem;margin-bottom:1.8rem}.login-box .err{color:#b3362c;font-size:.85rem;margin-bottom:1rem}.field{margin-bottom:1.1rem}.field label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.4rem}.field input{width:100%;background:var(--bg);border:1px solid var(--border-strong);color:var(--text);padding:.7rem .9rem;font:inherit}.field input:focus{border-color:var(--primary);outline:none}.btn{width:100%;background:var(--primary);color:#fff;border:none;padding:.75rem;font:inherit;cursor:pointer;margin-top:.4rem}.btn:hover{background:#5279d6}.btn:disabled{opacity:.6;cursor:not-allowed}.layout{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.6rem}.topbar .brand{font-weight:600;display:flex;align-items:center;gap:.6rem}.topbar .brand .dot{width:8px;height:8px;background:var(--primary)}.topbar .user{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.9rem}.topbar .logout{background:none;border:1px solid var(--border-strong);color:var(--muted);padding:.35rem .9rem;font:inherit;font-size:.85rem;cursor:pointer}.topbar .logout:hover{border-color:var(--primary);color:var(--primary)}.container{max-width:1080px;margin:0 auto;padding:2rem 1.6rem}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem}.page-head h2{font-size:1.4rem;font-weight:500;margin:0}.page-head .count{color:var(--weak);font-size:.9rem}.refresh-btn{background:none;border:1px solid var(--border-strong);color:var(--muted);padding:.45rem 1rem;font:inherit;font-size:.88rem;cursor:pointer}.refresh-btn:hover{border-color:var(--primary);color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);padding:1.4rem 1.5rem;margin-bottom:1rem}.card .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.card .name{font-weight:500}.card .time{color:var(--weak);font-size:.82rem}.card .meta{color:var(--muted);font-size:.85rem;margin-bottom:.7rem}.card .meta span{margin-right:1.2rem}.card .msg{color:var(--text);font-size:.95rem;margin:0}.del-btn{background:none;border:1px solid var(--border-strong);color:var(--weak);font:inherit;font-size:.82rem;padding:.3rem .8rem;cursor:pointer}.del-btn:hover{border-color:#b3362c;color:#b3362c}.empty{text-align:center;color:var(--weak);padding:3.5rem 0}.tip{font-size:.88rem;padding:.6rem .9rem;margin-bottom:1rem}.tip.err{color:#b3362c;background:#b3362c0f;border:1px solid rgba(179,54,44,.25)}.loading{text-align:center;color:var(--weak);padding:3rem}.tabs{background:var(--surface);border-bottom:1px solid var(--border);padding:0 1.6rem;display:flex;gap:.25rem}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:.85rem 1.2rem .7rem;font:inherit;font-size:.95rem;color:var(--muted);cursor:pointer}.tab:hover{color:var(--primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500}.head-actions{display:flex;gap:.6rem}.add-btn{background:var(--primary);color:#fff;border:none;padding:.45rem 1rem;font:inherit;font-size:.88rem;cursor:pointer}.add-btn:hover{background:#5279d6}.case-item .case-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.case-title{display:flex;align-items:center;gap:.9rem}.thumb{width:88px;height:56px;flex:0 0 88px;background:#eef2fb;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:cover}.case-title .name{font-weight:500;display:flex;align-items:center;gap:.5rem}.status{font-size:.72rem;padding:.08rem .5rem;border-radius:20px;font-weight:400}.status.on{color:#1f9d8a;background:#1f9d8a1a;border:1px solid rgba(31,157,138,.3)}.status.off{color:#8a94a8;background:#8a94a81a;border:1px solid rgba(138,148,168,.3)}.ops{display:flex;gap:.5rem;flex:0 0 auto}.edit-btn{background:none;border:1px solid var(--border-strong);color:var(--primary);font:inherit;font-size:.82rem;padding:.3rem .8rem;cursor:pointer}.edit-btn:hover{border-color:var(--primary)}.case-item .intro{color:var(--muted);font-size:.9rem;margin:.8rem 0 0}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e3773;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--surface);width:100%;max-width:640px;max-height:92vh;overflow:auto;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:1.1rem;font-weight:500}.modal-close{background:none;border:none;font-size:1.4rem;color:var(--weak);cursor:pointer;line-height:1}.modal-body{padding:1.4rem}.modal-body .field label{font-size:.85rem;color:var(--muted);margin-bottom:.35rem;display:block}.modal-body .field label i{color:#b3362c;font-style:normal}.modal-body .field input,.modal-body .field textarea{width:100%;background:var(--bg);border:1px solid var(--border-strong);color:var(--text);padding:.6rem .8rem;font:inherit}.modal-body .field input:focus,.modal-body .field textarea:focus{border-color:var(--primary);outline:none}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.cover-row{display:flex;gap:.9rem;align-items:flex-start}.cover-preview{width:120px;height:68px;background:#eef2fb;overflow:hidden;flex:0 0 auto}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-actions{flex:1;display:flex;flex-direction:column;gap:.5rem}.file-btn{display:inline-block;border:1px solid var(--border-strong);color:var(--primary);font-size:.85rem;padding:.4rem .9rem;cursor:pointer;text-align:center}.file-btn:hover{border-color:var(--primary)}.hint{font-size:.78rem;color:var(--weak);margin:.4rem 0 0}.switch-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem!important;color:var(--text)!important}.switch-label input{width:auto!important}.modal-foot{padding:1rem 1.4rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.7rem}.ghost-btn{background:none;border:1px solid var(--border-strong);color:var(--muted);padding:.55rem 1.2rem;font:inherit;font-size:.9rem;cursor:pointer}.primary-btn{background:var(--primary);color:#fff;border:none;padding:.55rem 1.2rem;font:inherit;font-size:.9rem;cursor:pointer}.primary-btn:hover{background:#5279d6}.primary-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.field-row{grid-template-columns:1fr}.case-item .case-head{flex-direction:column}.ops{width:100%}}