.handle-box[data-v-7ea5ff59]{margin-bottom:20px}.handle-input[data-v-7ea5ff59]{width:160px;display:inline-block}.table[data-v-7ea5ff59]{width:100%;font-size:14px}.mrb10[data-v-7ea5ff59]{margin-right:10px;margin-bottom:10px}.table-td-thumb[data-v-7ea5ff59]{display:block;margin:auto;width:40px;height:40px}.pagination[data-v-7ea5ff59]{margin:20px 0;text-align:right}.el-switch[data-v-7ea5ff59]{margin:5px}.view-toggle[data-v-7ea5ff59]{float:right}.card-view[data-v-7ea5ff59]{min-height:400px}.card-grid[data-v-7ea5ff59]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:10px 0}.article-card[data-v-7ea5ff59]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .3s ease;border:1px solid #f0f0f0;display:flex;flex-direction:column}.article-card[data-v-7ea5ff59]:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.card-cover[data-v-7ea5ff59]{position:relative;width:100%;height:160px;overflow:hidden;background:#f5f7fa}.cover-image[data-v-7ea5ff59]{width:100%;height:100%}.image-slot[data-v-7ea5ff59]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:48px}.card-badges[data-v-7ea5ff59]{position:absolute;top:8px;right:8px;display:flex;gap:4px}.card-content[data-v-7ea5ff59]{padding:12px;flex:1;display:flex;flex-direction:column}.card-title[data-v-7ea5ff59]{font-size:15px;font-weight:600;color:#2c3e50;margin:0 0 10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-stats[data-v-7ea5ff59]{display:flex;justify-content:space-around;padding:8px 0;margin-top:auto}.stat-item[data-v-7ea5ff59]{font-size:12px;color:#666;display:flex;align-items:center;gap:4px}.stat-item i[data-v-7ea5ff59]{font-size:14px;color:#667eea}.card-actions[data-v-7ea5ff59]{padding:8px 12px;border-top:1px solid #f0f0f0;background:#fafbfc;display:flex;justify-content:center}.card-actions .el-button-group[data-v-7ea5ff59]{display:flex}.card-actions .el-button[data-v-7ea5ff59]{padding:5px 8px}@media (max-width:768px){.view-toggle[data-v-7ea5ff59]{float:none;margin-top:10px;width:100%}.view-toggle .el-button-group[data-v-7ea5ff59]{width:100%;display:flex}.view-toggle .el-button[data-v-7ea5ff59]{flex:1}.card-grid[data-v-7ea5ff59]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}}