.container{max-width:1100px;margin:0 auto;padding:20px}
 
/* 标题区 */
.header{margin-bottom:32px}
.header h1{font-size:32px;color:#1e293b;margin-bottom:12px;line-height:1.3}
.header .meta{font-size:14px;color:#64748b;display:flex;gap:20px;flex-wrap:wrap}
.header .meta .tag{background:#eff6ff;color:#2563eb;padding:2px 10px;border-radius:12px;font-size:12px}
/* KPI卡片 */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:36px}
.kpi-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.06);text-align:center}
.kpi-card .value{font-size:28px;font-weight:700;color:#2563eb;margin-bottom:4px}
.kpi-card .label{font-size:14px;color:#64748b}
.kpi-card .sub{font-size:12px;color:#94a3b8;margin-top:4px}
/* 章节 */
.section{background:#fff;border-radius:12px;padding:28px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.section h2{font-size:22px;color:#1e293b;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #eff6ff}
.section h3{font-size:18px;color:#1e293b;margin:20px 0 12px}
.section p{margin-bottom:12px;color:#475569;font-size:16px}
/* 对比卡片 */
.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:20px 0}
.compare-card{border:1px solid #e2e8f0;border-radius:10px;padding:20px}
.compare-card.type-online{border-left:4px solid #10b981}
.compare-card.type-offline{border-left:4px solid #2563eb}
.compare-card.type-college{border-left:4px solid #f59e0b}
.compare-card.type-full{border-left:4px solid #8b5cf6}
.compare-card.type-onjob{border-left:4px solid #ef4444}
.compare-card h4{font-size:18px;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.compare-card .price{font-size:24px;font-weight:700;color:#1e293b;margin:8px 0}
.compare-card ul{list-style:none;padding:0}
.compare-card li{padding:6px 0;font-size:14px;color:#475569;padding-left:20px;position:relative}
.compare-card li::before{content:"•";position:absolute;left:0;color:#94a3b8}
/* 路径卡片 */
.path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:20px 0}
.path-card{background:linear-gradient(135deg,#f0f9ff 0%,#eff6ff 100%);border-radius:10px;padding:20px}
.path-card .grade{display:inline-block;background:#2563eb;color:#fff;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500;margin-bottom:12px}
.path-card .course{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:8px}
.path-card .desc{font-size:14px;color:#475569;line-height:1.6}
/* 表格 */
.table-wrap{overflow-x:auto;margin:20px 0;border-radius:8px;border:1px solid #e2e8f0}
table{width:100%;border-collapse:collapse;font-size:14px}
th{background:#f8fafc;padding:12px;text-align:left;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0}
td{padding:12px;border-bottom:1px solid #f1f5f9;color:#475569}
tr:hover{background:#f8fafc}
.note{font-size:13px;color:#64748b;background:#f8fafc;padding:12px;border-radius:8px;margin-top:12px}
 
.suggestion li{ margin: 20px 0; }
/* FAQ */
.faq-item{border-bottom:1px solid #f1f5f9;padding:16px 0}
.faq-item:last-child{border-bottom:none}
.faq-q{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:8px;padding-left:28px;position:relative}
.faq-q::before{content:"Q";position:absolute;left:0;top:0;width:20px;height:20px;background:#2563eb;color:#fff;border-radius:50%;text-align:center;font-size:12px;line-height:20px}
.faq-a{font-size:15px;color:#475569;padding-left:28px;position:relative}
.faq-a::before{content:"A";position:absolute;left:0;top:0;width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;text-align:center;font-size:12px;line-height:20px}
/* 相关链接 */
.related{margin-top:24px}
.related h3{font-size:18px;margin-bottom:12px}
.related-links{display:flex;flex-wrap:wrap;gap:12px}
.related-links a{display:inline-block;padding:8px 16px;background:#f1f5f9;color:#2563eb;border-radius:20px;text-decoration:none;font-size:14px}
.related-links a:hover{background:#eff6ff}
/* 来源说明 */
.source{font-size:13px;color:#94a3b8;margin-top:24px;padding-top:16px;border-top:1px solid #f1f5f9}
/* 响应式 */
@media(max-width:768px){
.container{padding:12px}
.header h1{font-size:24px}
.kpi-grid{grid-template-columns:repeat(2,1fr)}
.kpi-card .value{font-size:22px}
.section{padding:20px}
.section h2{font-size:20px}
}