:root{--page-bg:#f5f7fa;--panel-bg:#fff;--border-soft:#ebeef5;--text-muted:#909399}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--page-bg);color:#303133;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.page{padding:16px 20px 24px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-header h2{margin:0;font-size:18px;font-weight:600}.page-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:12px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar-spacer{flex:1}.card{background:var(--panel-bg);border:1px solid var(--border-soft);border-radius:8px;padding:16px}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.cell-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-hint{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.6}.thumb{object-fit:cover;border:1px solid var(--border-soft);background:#f0f2f5;border-radius:4px;width:40px;height:40px}.thumb-placeholder{color:#c0c4cc;justify-content:center;align-items:center;font-size:11px;display:flex}