/*
Theme Name: portal19
Author: DouBao
Version: 1.0
Description: 黑红色 暗黑酷炫SEO主题
*/
* { margin:0; padding:0; box-sizing:border-box }
body {
    font-family: "Microsoft YaHei", sans-serif;
    font-size:15px;
    color:#e0e0e0;
    background:#121212;
    line-height:1.7;
}
a { color:#e0e0e0; text-decoration:none }
a:hover { color:#ff3333 }
img { max-width:100%; height:auto; border-radius:6px; display:block }
ul { list-style:none }

.dr_container { max-width:1200px; margin:0 auto; padding:0 15px }

.dr_header {
    background:#1a1a1a;
    border-bottom:2px solid #ff3333;
    padding:20px 0;
    margin-bottom:20px;
}
.dr_logo {
    font-size:24px;
    font-weight:bold;
    color:#ff3333;
}
.dr_logo a { color:#ff3333; }

.dr_bread {
    background:#1e1e1e;
    padding:12px 18px;
    border-radius:8px;
    font-size:13px;
    color:#999;
    margin-bottom:20px;
    border-left:3px solid #ff3333;
}

.dr_row { display:flex; gap:22px }
.dr_main { flex:1; padding-bottom:30px }
.dr_side { width:310px; padding-bottom:30px }

.dr_card {
    background:#1e1e1e;
    border-radius:12px;
    padding:20px;
    margin-bottom:18px;
    border:1px solid #2a2a2a;
    display:flex;
    gap:20px;
    align-items:center;
}
.dr_thumb {
    width:240px;
    flex-shrink:0;
}
.dr_thumb img {
    width:100%;
    height:150px;
    object-fit:cover;
    border-radius:8px;
}
.dr_info { flex:1 }
.dr_title {
    font-size:18px;
    font-weight:500;
    margin-bottom:8px;
}
.dr_meta {
    font-size:12px;
    color:#888;
    margin-bottom:10px;
}
.dr_desc {
    font-size:14px;
    color:#b0b0b0;
    line-height:1.6;
}

.dr_pager {
    text-align:center;
    margin:30px 0;
}
.dr_pager a,.dr_pager span {
    display:inline-block;
    padding:8px 15px;
    background:#1e1e1e;
    border:1px solid #333;
    border-radius:6px;
    margin:0 3px;
}
.dr_pager .current {
    background:#ff3333;
    color:#fff;
    border-color:#ff3333;
}

.dr_widget {
    background:#1e1e1e;
    padding:20px;
    border-radius:12px;
    margin-bottom:20px;
    border:1px solid #2a2a2a;
}
.dr_widget h3 {
    font-size:16px;
    padding-bottom:10px;
    border-bottom:2px solid #ff3333;
    margin-bottom:15px;
    color:#fff;
}
.dr_side_item {
    display:flex;
    align-items:center;
    gap:10px;
    padding:9px 0;
    border-bottom:1px dashed #333;
}
.dr_side_img {
    width:50px;
    height:50px;
    flex-shrink:0;
}
.dr_side_img img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:4px;
}
.dr_side_text {
    flex:1;
    font-size:14px;
    line-height:1.4;
}

.dr_single {
    background:#1e1e1e;
    padding:40px;
    border-radius:12px;
    margin-bottom:20px;
    border:1px solid #2a2a2a;
}
.dr_single h1 {
    font-size:24px;
    text-align:center;
    margin-bottom:20px;
    color:#fff;
}
.dr_content {
    font-size:16px;
    line-height:1.9;
}

.dr_postnav {
    display:flex;
    justify-content:space-between;
    margin:25px 0;
}
.dr_postnav a {
    background:#1e1e1e;
    padding:12px 18px;
    border-radius:8px;
    border:1px solid #333;
}

.dr_text_list a {
    display:block;
    padding:8px 0;
    font-size:14px;
    border-bottom:1px dashed #333;
}
.dr_related {
    background:#1e1e1e;
    padding:25px;
    border-radius:12px;
    margin-top:20px;
    border:1px solid #2a2a2a;
}

.dr_footer {
    background:#1a1a1a;
    border-top:2px solid #ff3333;
    color:#ccc;
    text-align:center;
    padding:25px 0;
    margin-top:20px;
    font-size:13px;
}

@media(max-width:900px) {
    .dr_row{flex-direction:column; gap:15px}
    .dr_side{width:100%}
    .dr_card{flex-direction:column; align-items:flex-start}
    .dr_thumb{width:100%}
}