/* ============================================================ 中書院 | 四大类·六大通道 板块样式 使用方式：在 index.html 的 中引入 ============================================================ */ /* 板块标题 */ .section-title { font-size: 26px; color: #B00002; text-align: center; margin: 50px 0 10px; font-weight: 700; } .section-subtitle { text-align: left; color: #555; max-width: 900px; margin: 0 auto 30px; line-height: 1.9; } .section-subtitle .kw { color: #B00002; font-weight: 600; } /* 四大类分组标题 */ .class-title { font-size: 18px; color: #222; border-left: 4px solid #B00002; padding-left: 12px; margin: 35px 0 18px; font-weight: 700; } /* 卡片容器：响应式两列 */ .channels-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media (max-width: 768px) { .channels-wrapper { grid-template-columns: 1fr; } } /* 单个通道卡片 */ .channel-card { border: 1px solid #eee; border-radius: 8px; padding: 20px; background: #fff; transition: box-shadow .2s; } .channel-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); } .channel-card h4 { font-size: 16px; margin: 0 0 10px; } .channel-card h4 a { color: #B00002; text-decoration: none; } .channel-card .tags { margin: 0 0 10px; } .channel-card .tags span { display: inline-block; background: #fbeeee; color: #B00002; font-size: 12px; padding: 2px 8px; border-radius: 4px; margin-right: 6px; } .channel-card ul { padding-left: 18px; margin: 0 0 10px; line-height: 1.8; font-size: 14px; color: #444; } .channel-card .tip { font-size: 13px; color: #666; background: #f7f7f7; padding: 8px 10px; border-radius: 4px; margin: 0 0 10px; } .channel-card .more { font-size: 13px; color: #B00002; text-decoration: none; font-weight: 600; } /* 时间轴表格 */ .timeline-table { width: 100%; border-collapse: collapse; margin: 15px 0 10px; font-size: 14px; } .timeline-table th { background: #B00002; color: #fff; padding: 10px; text-align: left; } .timeline-table td { border: 1px solid #eee; padding: 10px; } .timeline-table tr:nth-child(even) td { background: #fafafa; } .timeline-warn { font-size: 15px; color: #B00002; margin: 25px 0 10px; } .warn-list { padding-left: 18px; line-height: 1.9; color: #444; } /* 原创解读段落 */ .editor-note { background: #fafafa; border: 1px solid #eee; border-radius: 8px; padding: 25px; margin: 35px 0; line-height: 1.9; } .editor-note h3 { font-size: 18px; margin: 0 0 12px; color: #222; } .editor-note .meta { font-size: 12px; color: #999; margin-top: 12px; } /* FAQ 模块 */ .faq-list details { border: 1px solid #eee; border-radius: 6px; padding: 12px 16px; margin-bottom: 10px; background: #fff; } .faq-list summary { cursor: pointer; font-weight: 600; color: #222; font-size: 15px; } .faq-list details[open] summary { color: #B00002; } .faq-list p { margin: 10px 0 0; color: #555; line-height: 1.8; }