:root{--bg:#f6f8fb;--surface:#fff;--surface-2:#f0f3f8;--border:#e3e8ef;--border-strong:#cdd5df;--text:#1f2733;--text-muted:#5b6675;--text-subtle:#8a94a6;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#e8f0fe;--success:#16a34a;--success-soft:#e7f6ec;--warning:#d97706;--warning-soft:#fdf0dd;--danger:#dc2626;--danger-soft:#fdeaea;--info:#0891b2;--info-soft:#e2f5f9;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #1018280f;--shadow:0 4px 16px #10182814;--shadow-lg:0 12px 32px #10182829;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--font:-apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:28px;--sidebar-w:232px;--topbar-h:56px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;font-weight:500;transition:all .15s;display:inline-flex}.btn-md{font-size:var(--fs-md);padding:8px 14px}.btn-sm{font-size:var(--fs-sm);padding:5px 10px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{color:var(--text);border-color:var(--border-strong);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-5)}.table{border-collapse:collapse;width:100%;font-size:var(--fs-md)}.table th{text-align:left;color:var(--text-subtle);font-weight:600;font-size:var(--fs-sm);border-bottom:1px solid var(--border);padding:10px 12px}.table td{border-bottom:1px solid var(--border);padding:12px}.table tbody tr:hover{background:var(--surface-2)}.input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;font-size:var(--fs-md);color:var(--text);background:#fff;padding:8px 10px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.textarea{resize:vertical;min-height:88px;font-family:inherit}.field{margin-bottom:var(--space-4);flex-direction:column;gap:6px;display:flex}.field-label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:500}.field-error{font-size:var(--fs-xs);color:var(--danger)}.badge{font-size:var(--fs-xs);border-radius:999px;align-items:center;padding:2px 9px;font-weight:600;display:inline-flex}.badge-neutral{background:var(--surface-2);color:var(--text-muted)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.spinner{border:2px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.switch{background:var(--border-strong);cursor:pointer;border:none;border-radius:999px;width:40px;height:22px;transition:all .15s;position:relative}.switch.on{background:var(--primary)}.switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .15s;position:absolute;top:2px;left:2px}.switch.on .switch-knob{left:20px}.modal-overlay{z-index:50;background:#10182873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;width:min(560px,100%);max-height:90vh;overflow:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-close{cursor:pointer;color:var(--text-subtle);background:0 0;border:none;font-size:22px;line-height:1}.modal-body{padding:22px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.empty-state{text-align:center;color:var(--text-subtle);padding:48px}.toast-stack{z-index:80;flex-direction:column;gap:10px;display:flex;position:fixed;top:18px;right:18px}.toast{border-radius:var(--radius-sm);color:#fff;box-shadow:var(--shadow);font-size:var(--fs-md);padding:11px 16px}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.lang-switch{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-sm);color:var(--text-muted);background:#fff;padding:5px 10px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{height:var(--topbar-h);padding:0 var(--space-5);border-bottom:1px solid var(--border);z-index:20;background:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-brand{letter-spacing:.04em;color:var(--text);font-weight:700}.topbar-right{align-items:center;gap:14px;display:flex}.topbar-admin{font-size:var(--fs-sm);color:var(--text-muted)}.app-body{flex:1;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);padding:var(--space-4) var(--space-3);background:#fff;flex-direction:column;gap:4px;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-muted);padding:9px 14px;font-weight:500}.sidebar-link:hover{background:var(--surface-2)}.sidebar-link.active{background:var(--primary-soft);color:var(--primary)}.app-main{padding:var(--space-6);flex:1;max-width:1180px}.page-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--fs-xl)}.toolbar{margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=760px){.sidebar{width:64px}.sidebar-link{padding:10px;font-size:0}}.login-screen{background:linear-gradient(160deg,#eef2f9,#f6f8fb);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{width:min(380px,100%)}.login-title{font-size:var(--fs-2xl)}.login-sub{color:var(--text-subtle);margin:6px 0 22px}.login-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:14px;padding:9px 12px}.login-hint{font-size:var(--fs-xs);color:var(--text-subtle);text-align:center;margin-top:16px}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{flex-direction:column;gap:8px;display:flex}.stat-label{color:var(--text-subtle);font-size:var(--fs-sm)}.stat-value{font-size:var(--fs-2xl);color:var(--text);font-weight:700}.disk-card{max-width:520px}.disk-gauge{margin-top:10px}.disk-bar{background:var(--surface-2);border-radius:999px;height:14px;overflow:hidden}.disk-fill{height:100%;transition:width .4s}.disk-meta{font-size:var(--fs-sm);color:var(--text-muted);justify-content:space-between;margin-top:8px;display:flex}.row-actions{gap:6px;display:flex}.layout-preview{border-radius:var(--radius);width:160px;height:240px;box-shadow:var(--shadow);padding:14px;position:relative;overflow:hidden}.lp-title{margin-top:24px;font-size:20px;font-weight:700;line-height:1.2}.lp-sign{opacity:.8;margin-top:6px;font-size:11px}.lp-watermark{letter-spacing:.1em;color:#fff;opacity:.5;font-size:10px;position:absolute}.form-2col{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.template-editor{grid-template-columns:1fr auto;gap:20px;display:grid}.color-input{width:46px;height:34px;padding:2px}.tabs{margin-bottom:var(--space-4);border-bottom:1px solid var(--border);gap:4px;display:flex}.tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 16px;font-weight:500}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.wall-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.wall-card{overflow:hidden}.wall-img{aspect-ratio:2/3;object-fit:cover;background:var(--surface-2);width:100%;display:block}.wall-meta{flex-direction:column;gap:6px;padding:12px;display:flex}.wall-row{gap:6px;display:flex}.wall-sub{font-size:var(--fs-xs);color:var(--text-subtle)}.wall-actions{gap:6px;margin-top:6px;display:flex}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--fs-md);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{color:var(--text);margin:0;font-weight:600}