/* ===== SEO-09 文章页面排版美化 v2 ===== */
.single .post_text {
font-size: 16px !important;
line-height: 1.8 !important;
color: #333 !important;
max-width: 720px !important;
margin: 0 auto !important;
}
.single .post_text p {
font-size: 16px !important;
line-height: 1.8 !important;
margin: 0 0 1.2em !important;
color: #333 !important;
text-align: justify !important;
}
.single .post_text h2 {
font-size: 22px !important;
font-weight: 700 !important;
color: #1b5e20 !important;
margin: 2em 0 1em !important;
padding: 10px 15px !important;
background: linear-gradient(90deg, #e8f5e9 0%, transparent 100%) !important;
border-left: 4px solid #43a047 !important;
border-radius: 0 4px 4px 0 !important;
line-height: 1.4 !important;
}
.single .post_text h3 {
font-size: 18px !important;
font-weight: 700 !important;
color: #2e7d32 !important;
margin: 1.8em 0 0.8em !important;
padding-left: 12px !important;
border-left: 3px solid #66bb6a !important;
line-height: 1.5 !important;
}
.single .post_text h4 {
font-size: 16px !important;
font-weight: 700 !important;
color: #388e3c !important;
margin: 1.5em 0 0.6em !important;
}
.single .post_text table {
width: 100% !important;
border-collapse: collapse !important;
margin: 1.5em 0 !important;
font-size: 14px !important;
border-radius: 8px !important;
overflow: hidden !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}
.single .post_text table th {
background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%) !important;
color: #fff !important;
padding: 12px 15px !important;
text-align: left !important;
font-weight: 600 !important;
border: none !important;
}
.single .post_text table td {
padding: 10px 15px !important;
border-bottom: 1px solid #e0e0e0 !important;
border-left: none !important;
border-right: none !important;
color: #444 !important;
}
.single .post_text table tr:nth-child(even) td {
background: #f9fbe7 !important;
}
.single .post_text table tr:hover td {
background: #e8f5e9 !important;
}
.single .post_text blockquote,
.single .post_text .note,
.single .post_text div[style*="background"] {
border-radius: 8px !important;
padding: 15px 20px !important;
margin: 1.5em 0 !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
.single .post_text ul,
.single .post_text ol {
margin: 1em 0 !important;
padding-left: 2em !important;
}
.single .post_text ul li,
.single .post_text ol li {
font-size: 16px !important;
line-height: 1.8 !important;
margin-bottom: 0.5em !important;
color: #333 !important;
}
.single .post_text ul li::marker {
color: #43a047 !important;
}
.single .post_text img {
max-width: 100% !important;
height: auto !important;
border-radius: 8px !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.1) !important;
margin: 1.5em auto !important;
display: block !important;
}
.single .post_text a {
color: #2e7d32 !important;
text-decoration: none !important;
border-bottom: 1px solid #a5d6a7 !important;
transition: all 0.2s !important;
}
.single .post_text a:hover {
color: #1b5e20 !important;
border-bottom-color: #43a047 !important;
}
.single .post_text strong,
.single .post_text b {
color: #1b5e20 !important;
font-weight: 700 !important;
}
.single .post_text hr {
border: none !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, #a5d6a7, transparent) !important;
margin: 2em 0 !important;
}
@media (max-width: 768px) {
.single .post_text {
font-size: 15px !important;
padding: 0 15px !important;
}
.single .post_text h2 { font-size: 19px !important; }
.single .post_text h3 { font-size: 17px !important; }
.single .post_text table { font-size: 13px !important; }
.single .post_text table th,
.single .post_text table td { padding: 8px 10px !important; }
}
/* ===== SEO-10 常见问题问答美化 ===== */
.single .post_text p > strong:only-child {
display: block !important;
background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
border-left: 4px solid #1976d2 !important;
padding: 14px 18px 14px 45px !important;
border-radius: 0 8px 8px 0 !important;
margin: 2em 0 0 !important;
font-weight: 600 !important;
color: #0d47a1 !important;
font-size: 16px !important;
line-height: 1.6 !important;
position: relative !important;
box-shadow: 0 2px 8px rgba(25, 118, 210, 0.12) !important;
}
.single .post_text p > strong:only-child::before {
content: "Q" !important;
position: absolute !important;
left: 14px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 24px !important;
height: 24px !important;
background: #1976d2 !important;
color: #fff !important;
border-radius: 50% !important;
text-align: center !important;
line-height: 24px !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.single .post_text p:has(> strong:only-child) + p {
background: linear-gradient(135deg, #f1f8e9 0%, #dcedc8 100%) !important;
border-left: 4px solid #689f38 !important;
padding: 14px 18px 14px 45px !important;
border-radius: 0 8px 8px 0 !important;
margin: 0 0 1.5em !important;
color: #33691e !important;
font-size: 15px !important;
line-height: 1.8 !important;
position: relative !important;
box-shadow: 0 2px 8px rgba(104, 159, 56, 0.12) !important;
}
.single .post_text p:has(> strong:only-child) + p::before {
content: "A" !important;
position: absolute !important;
left: 14px !important;
top: 18px !important;
width: 24px !important;
height: 24px !important;
background: #689f38 !important;
color: #fff !important;
border-radius: 50% !important;
text-align: center !important;
line-height: 24px !important;
font-size: 13px !important;
font-weight: 700 !important;
}
@media (max-width: 768px) {
.single .post_text p > strong:only-child {
padding: 12px 15px 12px 40px !important;
font-size: 15px !important;
}
.single .post_text p:has(> strong:only-child) + p {
padding: 12px 15px 12px 40px !important;
font-size: 14px !important;
}
}
/* ===== SEO-10 常见问题问答美化(修正版 h3选择器) ===== */
.single .post_text h2:last-of-type ~ h3 {
display: block !important;
background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
border-left: 4px solid #1976d2 !important;
padding: 14px 18px 14px 50px !important;
border-radius: 0 8px 8px 0 !important;
margin: 2em 0 0 !important;
font-weight: 600 !important;
color: #0d47a1 !important;
font-size: 16px !important;
line-height: 1.6 !important;
position: relative !important;
box-shadow: 0 2px 8px rgba(25, 118, 210, 0.12) !important;
border-bottom: none !important;
}
.single .post_text h2:last-of-type ~ h3::before {
content: "Q" !important;
position: absolute !important;
left: 14px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 26px !important;
height: 26px !important;
background: #1976d2 !important;
color: #fff !important;
border-radius: 50% !important;
text-align: center !important;
line-height: 26px !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.single .post_text h2:last-of-type ~ h3 + p {
background: linear-gradient(135deg, #f1f8e9 0%, #dcedc8 100%) !important;
border-left: 4px solid #689f38 !important;
padding: 14px 18px 14px 50px !important;
border-radius: 0 8px 8px 0 !important;
margin: 0 0 1.5em !important;
color: #33691e !important;
font-size: 15px !important;
line-height: 1.8 !important;
position: relative !important;
box-shadow: 0 2px 8px rgba(104, 159, 56, 0.12) !important;
}
.single .post_text h2:last-of-type ~ h3 + p::before {
content: "A" !important;
position: absolute !important;
left: 14px !important;
top: 18px !important;
width: 26px !important;
height: 26px !important;
background: #689f38 !important;
color: #fff !important;
border-radius: 50% !important;
text-align: center !important;
line-height: 26px !important;
font-size: 13px !important;
font-weight: 700 !important;
}
@media (max-width: 768px) {
.single .post_text h2:last-of-type ~ h3 {
padding: 12px 15px 12px 45px !important;
font-size: 15px !important;
}
.single .post_text h2:last-of-type ~ h3 + p {
padding: 12px 15px 12px 45px !important;
font-size: 14px !important;
}
}
/* ===== SEO-10 常见问题问答美化(最终修正版) ===== */
.single section h2:last-of-type ~ h3 {
display: block !important;
background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
border-left: 4px solid #1976d2 !important;
padding: 14px 18px 14px 50px !important;
border-radius: 0 8px 8px 0 !important;
margin: 2em 0 0 !important;
font-weight: 600 !important;
color: #0d47a1 !important;
font-size: 16px !important;
line-height: 1.6 !important;
position: relative !important;
box-shadow: 0 2px 8px rgba(25, 118, 210, 0.12) !important;
border-bottom: none !important;
}
.single section h2:last-of-type ~ h3::before {
content: "Q" !important;
position: absolute !important;
left: 14px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 26px !important;
height: 26px !important;
background: #1976d2 !important;
color: #fff !important;
border-radius: 50% !important;
text-align: center !important;
line-height: 26px !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.single section h2:last-of-type ~ h3 + p {
background: linear-gradient(135deg, #f1f8e9 0%, #dcedc8 100%) !important;
border-left: 4px solid #689f38 !important;
padding: 14px 18px 14px 50px !important;
border-radius: 0 8px 8px 0 !important;
margin: 0 0 1.5em !important;
color: #33691e !important;
font-size: 15px !important;
line-height: 1.8 !important;
position: relative !important;
box-shadow: 0 2px 8px rgba(104, 159, 56, 0.12) !important;
}
.single section h2:last-of-type ~ h3 + p::before {
content: "A" !important;
position: absolute !important;
left: 14px !important;
top: 18px !important;
width: 26px !important;
height: 26px !important;
background: #689f38 !important;
color: #fff !important;
border-radius: 50% !important;
text-align: center !important;
line-height: 26px !important;
font-size: 13px !important;
font-weight: 700 !important;
}
@media (max-width: 768px) {
.single section h2:last-of-type ~ h3 {
padding: 12px 15px 12px 45px !important;
font-size: 15px !important;
}
.single section h2:last-of-type ~ h3 + p {
padding: 12px 15px 12px 45px !important;
font-size: 14px !important;
}
}
咨询热线:18780204928
:
shewillgood@126.com