.sjtoc-wrap {
width: var(--sjtoc-width, 100%);
max-width: 100%;
background: var(--sjtoc-bg, #f8f9fb);
color: var(--sjtoc-text, #1b2530);
border: 1px solid var(--sjtoc-border, #dce3ec);
border-radius: var(--sjtoc-radius, 12px);
padding: var(--sjtoc-padding, 18px);
margin: 1.2rem 0;
font-size: var(--sjtoc-font-size, 16px);
box-sizing: border-box;
}
.sjtoc-title {
font-size: 1.08em;
font-weight: 700;
margin: 0 0 12px;
line-height: 1.35;
}
.sjtoc-list {
margin: 0;
padding-left: 1.25rem;
line-height: 1.55;
}
.sjtoc-list li {
margin: 0.2rem 0;
}
.sjtoc-list a {
color: var(--sjtoc-accent, #1463ff);
text-decoration: none;
word-break: break-word;
}
.sjtoc-list a:hover,
.sjtoc-list a:focus {
text-decoration: underline;
}
.sjtoc-level-3 {
margin-left: 0.75rem;
}
.sjtoc-level-4 {
margin-left: 1.5rem;
}
.sjtoc-level-5 {
margin-left: 2.25rem;
}
.sjtoc-level-6 {
margin-left: 3rem;
}
.sjtoc-clean {
box-shadow: 0 4px 14px rgba(12, 24, 48, 0.06);
}
.sjtoc-soft {
background: linear-gradient(135deg, color-mix(in srgb, var(--sjtoc-bg, #f8f9fb) 88%, #ffffff 12%), var(--sjtoc-bg, #f8f9fb));
box-shadow: 0 10px 30px rgba(12, 24, 48, 0.08);
}
.sjtoc-minimal {
border-width: 0 0 0 3px;
border-radius: 0;
padding-left: calc(var(--sjtoc-padding, 18px) - 4px);
box-shadow: none;
}
@media (max-width: 782px) {
.sjtoc-wrap {
font-size: max(14px, var(--sjtoc-font-size, 16px));
padding: min(14px, var(--sjtoc-padding, 18px));
}
}