margin: 20px 0; border-radius: 4px; color: #1a1a1a; } :is(.t4s-article-content, .rm-content) .callout-warn { background: #fff7ed; border-left-color: #f97316; } :is(.t4s-article-content, .rm-content) .callout-tips { background: #ecfdf5; border-left-color: #10b981; } :is(.t4s-article-content, .rm-content) .callout p:last-child { margin-bottom: 0; } :is(.t4s-article-content, .rm-content) .keypoints { background: #f8fafc; border: 1px solid #e0e0e0; border-radius: 6px; padding: 16px 20px 4px; margin: 22px 0; } :is(.t4s-article-content, .rm-content) .keypoints ul { margin: 0; } /* ================= 图片 ================= */ :is(.t4s-article-content, .rm-content) img { max-width: 100%; height: auto; border-radius: 4px; } /* ================= 移动端 ================= */ @media (max-width: 768px) { :is(.t4s-article-content, .rm-content) { font-size: 15.5px; line-height: 1.7; } :is(.t4s-article-content, .rm-content) h2 { font-size: 1.45em; margin: 30px 0 14px; } :is(.t4s-article-content, .rm-content) h3 { font-size: 1.15em; margin: 22px 0 10px; } :is(.t4s-article-content, .rm-content) table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 0.8em; } :is(.t4s-article-content, .rm-content) th, :is(.t4s-article-content, .rm-content) td { padding: 7px 9px; white-space: nowrap; } :is(.t4s-article-content, .rm-content) > p:first-of-type { padding: 14px 16px; font-size: 1em; } }
Skip to content