#app{height:100vh;overflow:hidden}.page-container{padding:16px 20px}.filter-card{margin-bottom:16px;border-radius:8px}.filter-card :deep(.el-card__body){padding:16px 20px 4px}.filter-form{display:flex;flex-wrap:wrap;gap:0}.filter-form :deep(.el-form-item){margin-bottom:12px;margin-right:16px}.table-card{border-radius:8px}.data-table :deep(.el-table__header th){background:#fafafa;color:#606266;font-weight:600;font-size:13px}.id-text{font-family:SF Mono,Monaco,monospace;font-size:12px;color:#909399;cursor:default}.time-text{font-size:12px;color:#909399}.stats-cell{display:flex;justify-content:center;gap:10px}.stat-item{display:inline-flex;align-items:center;gap:2px;font-size:13px;color:#606266}.stat-icon{font-size:14px}.stat-icon.view{color:#909399}.stat-icon.like{color:#e6a23c}.stat-icon.comment{color:#409eff}.pagination-wrap{display:flex;justify-content:flex-end;padding:16px 0 4px}:deep(.el-dropdown-menu__item){display:flex;align-items:center;gap:6px;font-size:13px}.status-tag{font-size:12px}.action-buttons{display:flex;align-items:center;gap:4px}.text-muted{color:#c0c4cc}.danger-icon,.danger-text{color:#f56c6c}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-4{margin-bottom:4px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.empty-cell{color:#c0c4cc;font-size:13px}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}html,body{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}#app{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.text-center{text-align:center}.text-right{text-align:right}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.flex-between{display:flex;justify-content:space-between;align-items:center}