.dz-wrap {
background-color: #0d1110;
color: #a39b87;
font-family: "STKaiti", "KaiTi", serif;
padding: 0;
line-height: 1.6;
font-size: 14px;
position: relative;
border: 1px solid #1a2220;
box-shadow: inset 0 0 50px rgba(0,0,0,0.9);
overflow: hidden;
}
.dz-wrap p {
padding: 0 15px;
margin: 12px 0;
text-indent: 2em;
color: #b5ac96;
text-align: justify;
}
.dz-wrap em, .dz-wrap i {
font-style: normal;
color: #728c89;
text-shadow: 1px 0 1px rgba(92,143,139,0.8), -1px 0 1px rgba(74,53,86,0.8);
letter-spacing: 1px;
filter: drop-shadow(0 0 2px rgba(92,143,139,0.3));
}
.dz-header {
background: linear-gradient(to bottom, #111614, #0d1110);
border-bottom: 1px dashed #28332f;
padding: 10px 15px;
font-size: 13px;
color: #63736b;
}
.dz-think {
color: #3b4a45;
font-style: italic;
font-family: sans-serif;
font-size: 12px;
}
.dz-sanity {
padding: 12px 15px;
background: #0f1412;
border-bottom: 1px solid #1e2624;
}
.dz-bar-wrap {
height: 4px;
background: #1a2220;
border-radius: 2px;
overflow: hidden;
margin-bottom: 6px;
}
.dz-bar {
height: 100%;
background: linear-gradient(90deg, #2e403a, #4a6b63);
box-shadow: 0 0 5px rgba(74, 107, 99, 0.5);
}
.dz-san-text {
font-size: 12px;
color: #756a55;
text-align: center;
letter-spacing: 1px;
}
.dz-status { margin: 6px 0; }
.dz-title {
cursor: pointer;
font-size: 14px;
color: #8c826d;
text-align: center;
padding: 8px;
background: linear-gradient(to right, transparent, #121816, transparent);
border-top: 1px solid #1e2624;
border-bottom: 1px solid #1e2624;
letter-spacing: 2px;
transition: all 0.3s;
user-select: none;
}
.dz-title:hover { color: #b5ac96; background: #161e1b; }
.dz-block {
margin: 8px 15px;
padding: 15px 12px 12px;
border: 1px solid #1e2624;
background: rgba(14, 19, 17, 0.6);
position: relative;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.dz-block::before {
content: attr(data-title);
position: absolute;
top: -5px;
right: 10px;
font-size: 45px;
font-family: "STXingkai", "KaiTi", serif;
color: rgba(30, 40, 36, 0.3);
pointer-events: none;
transform: rotate(-10deg);
filter: blur(0.8px);
z-index: 0;
}
.dz-item {
flex: 1 1 45%;
min-width: 130px;
border-bottom: 1px solid rgba(40, 51, 47, 0.4);
padding-bottom: 4px;
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
.dz-item b { color: #5d6e68; font-weight: normal; margin-right: 8px; }
.dz-item span { text-align: right; }
.dz-text {
flex: 1 1 100%;
margin-top: 4px;
background: rgba(0, 0, 0, 0.25);
padding: 8px;
border-left: 2px solid #36453f;
position: relative;
z-index: 1;
}
.dz-text b { color: #5d6e68; font-weight: normal; display: block; margin-bottom: 4px; }
.dz-item:hover, .dz-text:hover { background: rgba(40, 51, 47, 0.15); }
.dz-item:hover b, .dz-text:hover b, .dz-item:hover span {
color: #c4bca6;
text-shadow: 0.8px 0 0 rgba(92,143,139,0.7), -0.8px 0 0 rgba(74,53,86,0.7);
transition: text-shadow 0.1s steps(2);
}
.dz-actions {
margin: 15px;
padding: 15px;
background: #111614;
border: 1px solid #1a2220;
box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}
.dz-actions b {
display: block;
color: #8c826d;
text-align: center;
margin-bottom: 10px;
font-weight: normal;
letter-spacing: 2px;
}
.dz-actions ol {
margin: 0;
padding-left: 20px;
color: #938c7b;
}
.dz-actions li {
margin-bottom: 6px;
padding-left: 5px;
}
.dz-actions li::marker { color: #4a5c57; }
think { display: none !important; }