style: content list v4 — card-style rows with spacing, hover lift, rounded borders

Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
浅念
2026-10-28 14:12:33 +08:00
parent 5cfa62611c
commit adcb1cc157
+16
View File
@@ -123,3 +123,19 @@
.action-btn:hover{background#eef4fb;border-color#b3c8e4;color#1e4089}
.action-btn.design{background:linear-gradient(135deg,#245ac6,#1a4a9e);border-color:#245ac6;color#fff}
.action-btn.design:hover{background#1a4a9e;color#fff}
/* ── 内容列表 v4:卡片式精修 ── */
.content-table{border-collapse:separate;border-spacing:0 6px;width:100%}
.content-table thead tr{background:none!important}
.content-table thead th{background:none;border-bottom:1.5px solid #d5dce6;padding:10px 16px 8px;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#8e9bb0}
.content-table thead th:first-child{border-radius:0}
.content-table tbody tr{background:#fff;box-shadow:0 1px 4px rgba(20,40,80,.05);transition:transform .12s,box-shadow .12s}
.content-table tbody tr:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(20,40,80,.09)}
.content-table tbody td{border-top:none;border-bottom:none;padding:13px 16px}
.content-table tbody td:first-child{border-left:1px solid #e8ecf2;border-radius:10px 0 0 10px}
.content-table tbody td:last-child{border-right:1px solid #e8ecf2;border-radius:0 10px 10px 0}
.content-table td strong{font-size:14px;color#16283e;font-weight:650}
.route-code{font-size:11px!important;background#f2f5fa!important;color#7b8ba0!important}
.type-badge{font-size:10px;padding:4px 11px}
.action-btn{font-size:11px;padding:6px 13px;border-radius:7px}
.status-dot{font-size:11px}