.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-wrap {
overflow-x: auto;
margin: 20px 0;
}
.dougulog-article table {
width: 100%;
min-width: 680px;
border-collapse: collapse;
margin: 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;
vertical-align: top;
}
.dougulog-article tr:nth-child(even) td {
background: #f7fbf8;
}
.dougulog-article .lead-box {
padding: 18px 20px;
background: #f1f8f4;
border: 1px solid #cfe5d7;
border-radius: 10px;
margin: 20px 0;
}
.dougulog-article .toc {
padding: 18px 20px;
background: #f6fbff;
border: 1px solid #cfe3f5;
border-radius: 10px;
margin: 24px 0;
}
.dougulog-article .toc p {
margin-top: 0;
color: #28506f;
}
.dougulog-article .point-box {
padding: 16px 18px;
background: #f1f8f4;
border-left: 6px solid #2f6f4e;
border-radius: 8px;
margin: 22px 0;
}
.dougulog-article .warning-box {
padding: 16px 18px;
background: #fff8e8;
border-left: 6px solid #e0a52b;
border-radius: 8px;
margin: 22px 0;
}
.dougulog-article .danger-box {
padding: 16px 18px;
background: #fff0ee;
border-left: 6px solid #c75b4d;
border-radius: 8px;
margin: 22px 0;
}
.dougulog-article .mini-note {
padding: 14px 16px;
background: #f7f7f7;
border-left: 5px solid #999;
border-radius: 8px;
margin: 18px 0;
color: #555;
}
.dougulog-article .related-box {
padding: 18px 20px;
background: #f6fbff;
border: 1px solid #cfe3f5;
border-radius: 10px;
margin: 24px 0;
}
.dougulog-article .summary-box {
padding: 18px 20px;
background: #f1f8f4;
border: 1px solid #cfe5d7;
border-radius: 10px;
margin: 24px 0;
}
.dougulog-article .source-box {
padding: 18px 20px;
background: #f7f7f7;
border: 1px solid #ddd;
border-radius: 10px;
margin: 24px 0;
font-size: 0.92em;
}
.dougulog-article .marker {
background: linear-gradient(transparent 60%, #fff0a8 60%);
font-weight: bold;
}
.dougulog-article a {
color: #176b87;
font-weight: bold;
}
.dougulog-article figure {
margin: 26px 0;
}
.dougulog-article figure img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
border-radius: 10px;
}
.dougulog-article figcaption {
font-size: 0.9em;
color: #666;
text-align: center;
margin-top: 8px;
}