:root{--jd-bg: #f8fafc;--jd-surface: #ffffff;--jd-surface-soft: #f1f5f9;--jd-border: #e2e8f0;--jd-text: #020617;--jd-muted: #475569;--jd-primary: #0f172a;--jd-accent: #0369a1;--jd-accent-soft: #e0f2fe;--jd-danger: #b91c1c;--jd-success: #15803d;--jd-warning: #b45309;font-family:Inter,Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;height:100%;margin:0}body{background:var(--jd-bg);color:var(--jd-text)}button,a,[role=button]{cursor:pointer}a{color:inherit;text-decoration:none}.page-shell{display:flex;flex-direction:column;gap:14px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-title{margin:0;color:var(--jd-text);font-size:22px;font-weight:700;line-height:1.3}.page-subtitle{margin:6px 0 0;color:var(--jd-muted);font-size:13px;line-height:1.5}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:var(--jd-surface);border:1px solid var(--jd-border);border-radius:8px}.toolbar-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.table-panel,.form-panel,.stat-panel{background:var(--jd-surface);border:1px solid var(--jd-border);border-radius:8px}.table-panel{overflow:hidden}.form-panel{padding:18px}.muted{color:var(--jd-muted)}.danger-text{color:var(--jd-danger)}.inline-actions{display:inline-flex;align-items:center;gap:8px}.cover-thumb{display:block;width:72px;height:48px;object-fit:cover;cursor:zoom-in;border:1px solid var(--jd-border);border-radius:6px;background:var(--jd-surface-soft)}.cover-thumb .el-image__inner{width:100%;height:100%;object-fit:cover}.empty-thumb{display:flex;align-items:center;justify-content:center;width:72px;height:48px;color:var(--jd-muted);font-size:12px;border:1px solid var(--jd-border);border-radius:6px;background:var(--jd-surface-soft)}.drawer-footer{display:flex;justify-content:flex-end;gap:10px}.section-title{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--jd-primary)}.split-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px}@media(max-width:960px){.page-header,.toolbar{align-items:stretch;flex-direction:column}.split-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}