/* SVG 图标样式（使用 <svg><use href="#i-xxx">/></svg> 引入） */
.svg-icon {
    display: inline-block; vertical-align: middle; fill: currentColor;
    width: 1em; height: 1em;
}
.svg-icon-lg { width: 1.5em; height: 1.5em; }
.svg-icon-xl { width: 2em; height: 2em; }
.svg-icon-2x { width: 2.5em; height: 2.5em; }
.svg-icon-3x { width: 4em; height: 4em; }
.svg-icon-4x { width: 6em; height: 6em; }
.svg-icon-5x { width: 8em; height: 8em; }

.svg-text { vertical-align: -.125em; margin-right: .25em; flex-shrink: 0; }

/* 主题色调：默认使用文本色 */
.text-primary { color: #7b4a2d; }
.text-warm { color: #c4915c; }
.text-mute { color: #999; }

/* SVG logo 单独样式（可调大小） */
.logo-svg {
    width: 28px; height: 28px; vertical-align: middle;
    margin-right: .5rem; color: #7b4a2d;
}
.hero-logo {
    width: 96px; height: 96px; display: block; margin: 0 auto 1rem;
    color: #7b4a2d;
    filter: drop-shadow(0 4px 12px rgba(123, 74, 45, .25));
}

/* 空状态插画 */
.empty-illustration { width: 80px; height: 80px; color: #c4915c; opacity: .7; margin: 0 auto 1rem; }
.empty-illustration-lg { width: 120px; height: 120px; }

.empty {
    text-align: center; padding: 3rem 1rem;
}
.empty p { margin: .5rem 0; }
.empty .empty-icon { display: block; }

/* 章节无内容装饰 */
.deco-book {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 80px; height: 80px;
    opacity: .08; pointer-events: none;
}