@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&family=Oswald:wght@500&display=swap');
.rp {
--bg: #100000;
--fg: #e0e0e0;
--red: #e53935;
--red-glow: #ff5252;
--gold: #c5a065;
--border: #4a1a1a;
--panel: rgba(0,0,0,0.3);
background: var(--bg);
border: 1px solid var(--border);
border-radius: 8px;
color: var(--fg);
font-family: 'Noto Sans SC', sans-serif;
line-height: 1.7;
overflow: hidden;
box-shadow: 0 0 15px rgba(229, 57, 53, 0.2);
margin: -10px;
}
.rp hd {
display: block;
padding: 10px 15px;
font-family: 'Oswald', sans-serif;
font-size: 1.1em;
text-align: center;
letter-spacing: 2px;
color: var(--gold);
background: linear-gradient(180deg, rgba(20,0,0,0.8), transparent);
border-bottom: 1px solid var(--border);
text-shadow: 0 0 5px var(--gold);
}
.rp article {
padding: 15px;
font-size: 15px;
}
.rp article p {
margin: 0 0 1em;
text-indent: 2em;
}
.rp details {
margin: 0 15px 15px;
border: 1px solid var(--border);
border-radius: 6px;
background: var(--panel);
}
.rp details summary {
padding: 8px 12px;
font-family: 'Oswald', sans-serif;
font-size: 1em;
letter-spacing: 1px;
color: var(--red);
cursor: pointer;
list-style: none;
transition: background .3s;
}
.rp details summary::-webkit-details-marker { display: none; }
.rp details summary:hover { background: rgba(229, 57, 53, 0.1); }
.rp details .g {
padding: 5px 15px 15px;
border-top: 1px solid var(--border);
}
.rp details.mem .g ol {
list-style-type: decimal-leading-zero;
padding-left: 25px;
color: #aaa;
}
.rp details.mem .g li {
margin-bottom: 5px;
}
.rp .st p {
padding: 10px 0;
border-bottom: 1px dashed var(--border);
}
.rp .st p:last-child { border-bottom: none; }
.rp .st p::before {
content: attr(t);
display: block;
font-weight: bold;
color: var(--gold);
margin-bottom: 8px;
font-size: 0.95em;
border-left: 3px solid var(--gold);
padding-left: 8px;
}
.rp .st d {
display: block;
font-size: 14px;
padding-left: 11px;
position: relative;
margin-bottom: 4px;
color: #ccc;
}
.rp .st d::before {
content: attr(l)'：';
position: absolute;
left: 11px;
color: #888;
}
.rp .st d {
padding-left: 85px;
}
.rp .st p[t="苦主"] d { padding-left: 65px; }