@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');:root{--blue:#2768e8;--ink:#1d2d48;--muted:#8290a6;--line:#e4eaf3;--bg:#f4f7fc}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:var(--ink);font-size:13px;line-height:1.6}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.admin-body{background:var(--bg);min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--line);padding:25px 16px;display:flex;flex-direction:column;z-index:10}.admin-brand{display:flex;align-items:center;gap:9px;padding:0 10px 25px;font-size:16px;font-weight:800}.admin-brand>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#3e83ff,#2257d5);color:#fff;font-size:21px}.admin-brand small{display:block;margin-left:-5px;margin-top:18px;color:#a1adc0;font-size:10px;font-weight:500}.admin-sidebar nav{display:flex;flex-direction:column;gap:5px}.admin-sidebar nav a,.sidebar-home{padding:12px 13px;border-radius:10px;color:#6d7d96;font-size:12px}.admin-sidebar nav a:hover,.sidebar-home:hover{background:#edf4ff;color:#2868e8}.sidebar-home{margin-top:auto;background:#f6f9fe}.admin-main{margin-left:230px;padding:30px clamp(20px,4vw,52px) 25px;max-width:1600px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-eyebrow{display:block;color:#7898d4;font-size:9px;font-weight:800;letter-spacing:2px}.admin-topbar h1{font-size:27px;letter-spacing:-.7px;margin:4px 0 0}.admin-user{display:flex;align-items:center;gap:16px;color:#7f8da4}.admin-user a{color:#4777cb;font-size:12px}.welcome-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(110deg,#eaf2ff,#f8fbff);border:1px solid #e1ebfc;border-radius:17px;padding:25px;margin-bottom:19px}.welcome-panel h2{font-size:21px;margin:5px 0}.welcome-panel p{margin:0;color:#7e8da5;font-size:12px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:11px 17px;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 5px 12px #2768e820}.primary-button:hover{background:#1f58cb}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.stat-card>span,.stat-card small{display:block;color:#8795aa;font-size:11px}.stat-card strong{display:block;font-size:31px;line-height:1.4;margin:6px 0;color:#263b5e}.stat-card small{font-size:10px}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;margin-bottom:18px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-heading h2,.security-note h2{font-size:16px;margin:0}.panel-heading>a{font-size:12px;color:#3770d2}.panel-heading .muted{margin:0}.shortcut-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shortcut-admin-grid>a{display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid #e9eef6;border-radius:12px}.shortcut-admin-grid>a>span{font-size:21px;color:#4a7ee0}.shortcut-admin-grid b{font-size:12px}.shortcut-admin-grid small{font-size:10px;color:#91a0b6}.muted{color:#8b99ad;font-size:11px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:590px}th{font-size:10px;color:#8795aa;font-weight:600;background:#f8faff}th,td{padding:13px 12px;border-bottom:1px solid #edf1f7;vertical-align:middle}td{font-size:12px;color:#53647f}tr:last-child td{border-bottom:0}td strong{color:#2a3b58;font-weight:700}.table-sub{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9ba8ba;font-size:10px;margin-top:3px}.status{display:inline-block;padding:4px 8px;border-radius:6px;font-size:10px}.status.on{background:#e9f8f0;color:#269967}.status.off{background:#f0f2f6;color:#8995a7}.table-action,.danger-link{border:0;background:none;color:#3e74ce;cursor:pointer;font-size:11px;padding:3px 5px}.danger-link{color:#d75e68}.inline-form{display:inline}.admin-form label,.login-card label,.installer-card label{display:flex;flex-direction:column;gap:7px;color:#64738b;font-size:11px;font-weight:600}.admin-form input:not([type=checkbox]),.admin-form textarea,.admin-form select,.login-card input,.installer-card input{width:100%;min-width:0;padding:11px 12px;border:1px solid #dfe6f0;border-radius:9px;outline:none;color:#273b5d;background:#fff;font-size:12px;font-weight:400}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.login-card input:focus,.installer-card input:focus{border-color:#7da7f6;box-shadow:0 0 0 3px #3777ec14}.admin-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:17px}.form-grid .wide{grid-column:1/-1}.check-label{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;padding-top:26px}.check-label input{width:16px;height:16px;accent-color:var(--blue)}.flash{padding:11px 14px;border-radius:9px;margin-bottom:16px;font-size:12px}.flash.success{background:#eaf8f0;color:#21885a;border:1px solid #d4f0e1}.flash.error{background:#fff0f0;color:#bf4d57;border:1px solid #f8dddd}.security-note{background:#fbfcff}.security-note ul{padding-left:20px;margin-bottom:0;color:#77869e;font-size:11px}.security-note li{margin:6px 0}.admin-footer{text-align:center;color:#a4afc0;font-size:10px;padding:16px}.login-page,.installer{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top right,#e6f0ff,transparent 55%),#f4f7fc}.login-card,.installer-card{width:min(100%,410px);padding:34px;background:#fff;border:1px solid #e5ebf4;border-radius:20px;box-shadow:0 18px 55px #234a860d}.login-logo,.installer-logo{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#3e83ff,#2257d5);color:#fff;font-size:28px;margin-bottom:18px}.login-card h1,.installer-card h1{font-size:25px;margin:5px 0}.login-card>p,.installer-card>p{font-size:12px;color:#8795aa;margin:0 0 22px}.login-card label,.installer-card label{margin:14px 0}.login-card .primary-button,.installer-card .primary-button{width:100%;margin-top:7px}.back-home{display:block;text-align:center;margin-top:19px;color:#7c8ba2;font-size:11px}.installer-tip{margin-top:18px!important;font-size:10px!important;line-height:1.7}.installer-card .flash{margin:16px 0}.installer-card .primary-button{margin-top:0}@media(max-width:1000px){.admin-sidebar{width:190px}.admin-main{margin-left:190px;padding:25px 20px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.admin-sidebar{position:static;width:auto;height:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.admin-brand{padding:0 4px 10px}.admin-brand small{margin-left:0;margin-top:0}.admin-sidebar nav{display:flex;flex-direction:row;overflow-x:auto;gap:4px}.admin-sidebar nav a{white-space:nowrap;padding:8px 10px;font-size:11px}.sidebar-home{display:none}.admin-main{margin:0;padding:20px 13px}.admin-topbar{align-items:flex-start}.admin-topbar h1{font-size:23px}.admin-user{gap:8px;font-size:11px}.welcome-panel{padding:18px;align-items:flex-start;flex-direction:column}.stat-grid{gap:9px}.stat-card{padding:15px}.stat-card strong{font-size:26px}.admin-panel{padding:15px;margin-bottom:13px}.form-grid{grid-template-columns:1fr;gap:12px}.form-grid .wide{grid-column:auto}.check-label{padding-top:0}.shortcut-admin-grid{gap:8px}.shortcut-admin-grid>a{padding:12px}.panel-heading{align-items:flex-start}.panel-heading .muted{max-width:180px}.login-card,.installer-card{padding:26px}}

/* v6 首页模板选择 */
.tpl-picker{display:block}
.tpl-picker-title{display:block;font-weight:700;margin-bottom:4px}
.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:12px}
.tpl-card{position:relative;display:block;cursor:pointer}
.tpl-card input{position:absolute;opacity:0;pointer-events:none}
.tpl-box{display:flex;flex-direction:column;gap:6px;height:100%;padding:10px;border:2px solid #e3ebf8;border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s}
.tpl-box img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:9px;background:#eef3fb}
.tpl-box strong{font-size:13px}
.tpl-box em{font-style:normal;font-size:12px;color:#7d8ba6;line-height:1.5}
.tpl-card input:checked+.tpl-box{border-color:#2f6df0;box-shadow:0 6px 18px rgba(47,109,240,.2)}
.tpl-card input:focus-visible+.tpl-box{outline:2px solid #2f6df0;outline-offset:2px}
.tpl-preview-link{position:absolute;top:18px;right:18px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.92);font-size:12px;color:#2f6df0;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.tpl-picker .table-sub{white-space:normal;overflow:visible;text-overflow:clip}