/* 规则与内容管理 */
.content-page { max-width: 1080px; margin: 0 auto; }
.content-page-header { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin-bottom:1.75rem; padding-bottom:1.5rem; border-bottom:1px solid var(--line); }
.content-page-header span { color:var(--brand); font-size:.72rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.content-page-header h1 { margin:.2rem 0 .35rem; font-size:clamp(1.8rem,3vw,2.5rem); font-weight:800; }
.content-page-header p { margin:0 !important; }
.content-manage-card, .content-form-card { padding:clamp(1.25rem,3vw,2.25rem); }
.content-manage-card .content-page-header { align-items:flex-start; }
.content-page-actions { flex:0 0 auto; }
.content-table { box-shadow:var(--shadow-sm); }
.content-rule-card { position:relative; overflow:hidden; }
.content-rule-card::before { position:absolute; inset:0 auto 0 0; width:4px; background:var(--brand); content:""; }
.content-rule-card h4 { margin-bottom:.35rem !important; font-weight:800; }
.content-rule-card .timestamp { margin:0 !important; font-size:.8rem; }
.rules-container { padding:clamp(1.25rem,3vw,2.25rem); }
.rules-title { margin-bottom:1.75rem; font-size:clamp(1.6rem,3vw,2.2rem); }
.content-form-card { max-width:760px; }
.content-form-card .form-actions { display:flex; gap:.75rem; margin-top:1.5rem; }
@media(max-width:575.98px) { .content-page-header { align-items:flex-start; flex-direction:column; gap:.9rem; } .content-page-header .btn { width:100%; } .content-page-actions { width:100%; } .content-page-actions .btn { flex:1; } }