/* 扁平化覆盖层：保留品牌配色（金色 #c9a96e / 黑底 / 白底），只压平视觉重量 */

/* ===== 1. 阴影弱化 ===== */
.method-card,
.prompt-item,
.tool-card,
.value-item,
.feature-item,
.company-item,
.report-card,
.site-item,
.access-card,
.ai-guide-card,
.demo-showcase,
.action-section,
.zero-access-card,
.zero-access-button,
.workshop-card,
.share-card,
.feedback-card,
.qr-card,
.flow-card,
.usage-guide-highlight {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

/* ===== 1b. 侧栏子项 / 章节内容：用 display 切换代替 max-height ===== */
.nav-sub-items:not(.expanded),
.section-content.collapsed {
    display: none !important;
}
.nav-sub-items,
.section-content {
    max-height: none !important;
}

/* ===== 2. 圆角统一：4px ===== */
.method-card,
.prompt-item,
.tool-card,
.value-item,
.feature-item,
.company-item,
.report-card,
.site-item,
.access-card,
.ai-guide-card,
.demo-showcase,
.action-section,
.zero-access-card,
.workshop-card,
.share-card,
.feedback-card,
.qr-card,
.flow-card,
.usage-guide-highlight,
.intro-section,
.author-info-compact,
.login-card,
.login-input,
.login-button,
.copy-btn,
.demo-link,
.zero-access-button,
.report-download,
.action-button,
.feedback-button,
.access-button,
.tool-link,
.platform-tag-mini,
.password-copy {
    border-radius: 4px !important;
}

/* ===== 3. 过渡时长统一 0.2s ===== */
.method-card,
.prompt-item,
.tool-card,
.value-item,
.feature-item,
.report-card,
.site-item,
.copy-btn,
.company-item,
.auth-button,
.action-button,
.demo-link,
.report-download,
.access-button,
.zero-access-button,
.feedback-card,
.password-copy {
    transition-duration: 0.2s !important;
}

/* ===== 4. hover 抑制：消除位移，背景色仅轻变化 ===== */
.method-card:hover,
.prompt-item:hover,
.tool-card:hover,
.value-item:hover,
.feature-item:hover,
.feedback-card:hover,
.auth-button:hover,
.report-download:hover,
.site-item:hover,
.copy-btn:hover,
.company-item:hover,
.demo-link:hover,
.report-card:hover,
.access-card:hover,
.action-button:hover,
.zero-access-button:hover,
.qr-card:hover {
    transform: none !important;
}

/* ===== 5. 搜索过滤：不匹配的提示词变淡 ===== */
.prompt-item.search-dim {
    opacity: 0.25 !important;
    transition: opacity 0.2s ease !important;
}
.prompt-item {
    transition: opacity 0.2s ease !important;
}

/* ===== 6. 侧栏当前章节高亮（滚动联动） ===== */
.nav-item.nav-active {
    background: rgba(201, 169, 110, 0.15) !important;
    color: var(--accent-color) !important;
    font-weight: 500 !important;
}

/* ===== 7. 去除渐变背景：用纯色替代 ===== */
.sidebar-header {
    background: #1a1a1a !important;
}
#sidebarSearchForm {
    background: #1a1a1a !important;
}

/* ===== 8. 激活按钮配色：保留金色 #b8956a ===== */
.login-button {
    background: #b8956a !important;
}
.login-button:hover {
    background: #a07f5a !important;
}

/* ===== 9. 减少装饰性边框颜色 ===== */
.prompt-item,
.tool-card,
.method-card,
.company-item,
.site-item,
.report-card,
.feature-item,
.value-item,
.access-card,
.ai-guide-card,
.qr-card,
.feedback-card {
    border: 1px solid #e8e8e8 !important;
}

/* ===== 10. 提示词文本区：去掉花哨背景 ===== */
.prompt-code {
    background: #fafafa !important;
    border: 1px solid #eee !important;
    border-radius: 4px !important;
}

/* ===== 11. 灰色文字统一：颜色规范 ===== */
.section-summary,
.section-intro,
.usage-text,
.guide-text,
.prompt-heading,
.tip-item,
.optimization-tips {
    color: #555 !important;
}

/* ===== 12. 主区 h2：黑色 + 无装饰线 ===== */
.content-section > h2,
h2[id] {
    color: #1a1a1a !important;
    text-align: left !important;
    border-left: none !important;
    padding: 0 0 1rem 0 !important;
    margin: 4rem 0 2rem !important;
    background: none !important;
    letter-spacing: -0.01em !important;
    font-size: 1.875rem !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #1a1a1a !important;
}

/* ===== 12b. 所有 h2（除 prompt-category 内）：统一黑色 ===== */
h2 {
    color: #1a1a1a !important;
    text-align: left !important;
}

/* ===== 12c. 所有 h3（除 prompt-category 内）：统一黑色 ===== */
h3 {
    color: #1a1a1a !important;
}
.subsection h3,
.access-header h3,
.tool-header h3,
.report-header h3,
.ai-guide-card h3 {
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-left: none !important;
    padding-left: 0 !important;
    margin: 1.5rem 0 1rem !important;
}

/* ===== 13. prompt-category h3：黑色 + 数字金色背景 ===== */
.prompt-category h3 {
    color: #1a1a1a !important;
    background: none !important;
    padding: 0 0 0.8rem !important;
    margin-bottom: 1.5rem !important;
    border-bottom: 1px solid #e8e8e8 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}
.prompt-category h3::before {
    background: #c9a96e !important;
    background-image: none !important;
    color: #ffffff !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-size: 1rem !important;
}
.prompt-category h3::after {
    background: #c9a96e !important;
    background-image: none !important;
    width: 60px !important;
    height: 2px !important;
}

/* ===== 14. workflow-guide：浅色净背景 ===== */
.workflow-guide {
    background: #fafafa !important;
    background-image: none !important;
    border: 1px solid #eee !important;
    border-radius: 4px !important;
    padding: 1rem !important;
}
.guide-icon {
    color: #c9a96e !important;
}
.guide-label {
    color: #1a1a1a !important;
    font-weight: 600 !important;
}
.guide-text {
    color: #555 !important;
}

/* ===== 15. 第三部分 / 第四部分 / 第五部分：清理杂色 ===== */
.tool-card,
.site-item,
.company-item,
.report-card,
.value-item,
.access-card,
.ai-guide-card {
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 4px !important;
}
.tool-card *,
.site-item *,
.company-item *,
.report-card *,
.value-item *,
.access-card *,
.ai-guide-card * {
    background-image: none !important;
}

/* 顶部各种蓝/紫渐变背景：去除 */
.action-section,
.zero-access-card,
.demo-showcase,
.share-card,
.workshop-card {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 4px !important;
}

/* ===== 16. 联系反馈区 ===== */
.contact-card-primary,
.contact-card-qr {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 4px !important;
}

/* ===== 17. 内容卡片小标题统一 ===== */
.method-header h3,
.method-content h4,
.tool-title,
.company-name,
.site-name,
.report-title,
.access-title {
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

/* ===== 18. section-intro ===== */
.section-intro,
.section-intro p {
    color: #555 !important;
    line-height: 1.7 !important;
    background: none !important;
}

/* ===== 20. 左侧目录全面重做：更友好、更现代 ===== */

/* 侧栏背景：纯黑 + 细微渐变 */
.sidebar {
    background: linear-gradient(180deg, #1a1a1a 0%, #232323 100%) !important;
    background-color: #1a1a1a !important;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.08) !important;
}

/* 侧栏顶部（搜索框 + logo） */
.sidebar-header {
    background: rgba(0, 0, 0, 0.2) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 1rem 1.2rem !important;
}

.sidebar-header h1,
.sidebar-title {
    color: #ffffff !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
}

.sidebar-search-input,
#sidebarSearchInput {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    padding: 0.55rem 0.9rem !important;
    font-size: 0.85rem !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.sidebar-search-input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}
.sidebar-search-input:focus {
    border-color: #c9a96e !important;
    background: rgba(255, 255, 255, 0.12) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(201, 169, 110, 0.15) !important;
}

/* 章节大标题 */
.nav-section-title {
    color: #c9a96e !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0.02em !important;
    padding: 1rem 1.2rem 0.5rem !important;
    cursor: pointer !important;
    user-select: none !important;
    background: none !important;
}
.nav-section-link {
    color: inherit !important;
    text-decoration: none !important;
    display: block !important;
}
.nav-section-title:hover {
    color: #e0c08a !important;
}
.nav-section-title[data-section] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.nav-section-title::after {
    border-top: 5px solid #c9a96e !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
}
.nav-section-title.section-collapsed::after {
    border-top-color: rgba(201, 169, 110, 0.5) !important;
}

/* 章节副标题（如"提示词工作流程库"） */
.nav-item {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    padding: 0.5rem 1.2rem !important;
    border-left: none !important;
    border-radius: 0 !important;
    background: none !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    display: block !important;
}
.nav-item:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.04) !important;
}
.nav-item.nav-active,
.nav-item.active {
    color: #c9a96e !important;
    background: rgba(201, 169, 110, 0.08) !important;
    font-weight: 500 !important;
}
.nav-item.active::before {
    display: none !important;
}
.nav-number {
    color: #c9a96e !important;
    font-weight: 600 !important;
    margin-right: 0.3rem !important;
}

/* 子项（提示词列表） */
.nav-prompt-item,
.nav-sub-item {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    padding: 0.4rem 1.2rem 0.4rem 2rem !important;
    border-left: none !important;
    background: none !important;
    line-height: 1.4 !important;
    display: block !important;
    text-decoration: none !important;
}
.nav-prompt-item:hover,
.nav-sub-item:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.04) !important;
}
.nav-sub-items {
    background: rgba(0, 0, 0, 0.15) !important;
    margin-left: 1.2rem !important;
}

/* 侧栏分隔 */
.nav-section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    padding-bottom: 0.4rem !important;
    margin-bottom: 0.4rem !important;
}

/* 末尾：联系反馈 */
.nav-section:last-child {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 滚动条（Webkit） */
.sidebar::-webkit-scrollbar {
    width: 4px !important;
}
.sidebar::-webkit-scrollbar-track {
    background: transparent !important;
}
.sidebar::-webkit-scrollbar-thumb {
    background: rgba(201, 169, 110, 0.3) !important;
    border-radius: 2px !important;
}
.sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(201, 169, 110, 0.5) !important;
}