.dougulog-article {
line-height: 1.9;
color: #333;
}
.dougulog-article h1 {
padding: 18px 20px;
border-left: 8px solid #2f6f4e;
background: #f1f8f4;
color: #1f3f30;
font-size: 1.6em;
line-height: 1.5;
}
.dougulog-article h2 {
margin-top: 42px;
padding: 12px 16px;
border-left: 6px solid #2f6f4e;
border-bottom: 2px solid #d8eadf;
background: #f7fbf8;
color: #234233;
}
.dougulog-article h3 {
margin-top: 28px;
padding-left: 10px;
border-left: 4px solid #7fb08d;
color: #2f5d43;
}
.dougulog-article table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 0.95em;
}
.dougulog-article th {
background: #2f6f4e;
color: #fff;
padding: 10px;
border: 1px solid #d6e3da;
}
.dougulog-article td {
padding: 10px;
border: 1px solid #d6e3da;
background: #fff;
}
.dougulog-article tr:nth-child(even) td {
background: #f7fbf8;
}
.pr-box {
padding: 10px 14px;
background: #f7f7f7;
border: 1px solid #ddd;
color: #666;
font-size: 0.9em;
}
.lead-box {
padding: 18px 20px;
background: #f1f8f4;
border: 1px solid #cfe5d7;
border-radius: 10px;
margin: 20px 0;
}
.toc {
padding: 18px 20px;
background: #f6fbff;
border: 1px solid #cfe3f5;
border-radius: 10px;
margin: 24px 0;
}
.toc p {
margin-top: 0;
color: #28506f;
}
.point-box {
padding: 16px 18px;
background: #f1f8f4;
border-left: 6px solid #2f6f4e;
border-radius: 8px;
margin: 22px 0;
}
.warning-box {
padding: 16px 18px;
background: #fff8e8;
border-left: 6px solid #e0a52b;
border-radius: 8px;
margin: 22px 0;
}
.mini-note {
padding: 14px 16px;
background: #f7f7f7;
border-left: 5px solid #999;
border-radius: 8px;
margin: 18px 0;
color: #555;
}
.product-box {
padding: 18px 20px;
background: #fffdf5;
border: 1px solid #eadba8;
border-radius: 10px;
margin: 24px 0;
}
.product-box p:first-child {
margin-top: 0;
color: #6b4c00;
font-size: 1.05em;
}
.related-box {
padding: 18px 20px;
background: #f6fbff;
border: 1px solid #cfe3f5;
border-radius: 10px;
margin: 24px 0;
}
.summary-box {
padding: 18px 20px;
background: #f1f8f4;
border: 1px solid #cfe5d7;
border-radius: 10px;
margin: 24px 0;
}
.marker {
background: linear-gradient(transparent 60%, #fff0a8 60%);
font-weight: bold;
}
figure {
margin: 26px 0;
}
figcaption {
font-size: 0.9em;
color: #666;
text-align: center;
margin-top: 8px;
}