/* ==========================================================
   狗急加速器 · 米白暖调主题（覆盖层，请最后加载）
   底色 #F6F1E5 米白 · 卡片 #FFFCF4 · 强调 #B85C2E 赭橙
   标题 #33291D · 正文 #57503F · 弱文字 #8A7F6B · 深棕 #4A3B26
   ========================================================== */

/* ---------- 1. Proton 变量重映射（原暗紫主题 → 米白暖调） ---------- */
:root {
  --proton-bg-dark: #EFE8D6;
  --proton-bg-darker: #F6F1E5;
  --proton-bg-card: #FFFCF4;
  --proton-bg-card-hover: #FBF2DE;
  --proton-bg-elevated: rgba(51, 41, 29, .06);
  --proton-purple: #B85C2E;
  --proton-purple-light: #9E4B22;
  --proton-purple-glow: rgba(184, 92, 46, .25);
  --proton-green: #4E8D5B;
  --proton-green-hover: #3F7A4B;
  --text-white: #33291D;
  --text-primary: #57503F;
  --text-secondary: #6E6450;
  --text-muted: #8A7F6B;
  --border-subtle: rgba(51, 41, 29, .10);
  --border-medium: rgba(51, 41, 29, .16);
  --border-strong: rgba(51, 41, 29, .28);
  --scrollbar-thumb: rgba(184, 92, 46, .35);
  --scrollbar-thumb-hover: rgba(184, 92, 46, .55);
}

/* ---------- 2. 全局底色 ---------- */
html, body { background: #F6F1E5 !important; background-color: #F6F1E5 !important; }
body { color: #57503F !important; }
::-webkit-scrollbar-track { background: #F6F1E5 !important; }

/* ---------- 3. 顶栏 ---------- */
.site-header { background: rgba(246, 241, 229, .92) !important; border-bottom: 1px solid rgba(51, 41, 29, .12) !important; }
.site-header.scrolled { background: rgba(246, 241, 229, .97) !important; box-shadow: 0 4px 18px rgba(51, 41, 29, .08) !important; }
.main-navigation .nav-menu li a { color: #6E6450 !important; }
.main-navigation .nav-menu li a:hover,
.main-navigation .nav-menu .current-menu-item > a,
.main-navigation .nav-menu .current-menu-ancestor > a { color: #33291D !important; }
.main-navigation .nav-menu .sub-menu { background: #FFFCF4 !important; border-color: rgba(51, 41, 29, .14) !important; box-shadow: 0 12px 32px rgba(51, 41, 29, .14) !important; }
.nav-toggle span { background: #33291D !important; }
.nav-overlay { background: rgba(51, 41, 29, .35) !important; }
@media (max-width: 48em) {
  .main-navigation { background: #FFFCF4 !important; border-left-color: rgba(51, 41, 29, .14) !important; }
  .main-navigation .nav-menu li a:hover { background: rgba(51, 41, 29, .05) !important; }
}

/* ---------- 4. 按钮与文字 ---------- */
.section-title { color: #33291D !important; }
.btn-primary, .btn-secondary { color: #FFF9EC !important; }
.btn-primary:hover, .btn-secondary:hover { box-shadow: 0 0 24px rgba(184, 92, 46, .25) !important; }
.section-badge { background: rgba(184, 92, 46, .12) !important; color: #9E4B22 !important; }

/* ---------- 5. 页脚（深棕压底） ---------- */
.site-footer { background: #33291D !important; }
.footer-col-title { color: #F3E9D5 !important; }
.footer-link { color: #B5A88E !important; }
.footer-link:hover { color: #F3E9D5 !important; }
.copyright, .footer-region { color: #9C8F76 !important; }

/* ---------- 6. 首页 Hero ---------- */
.hero-section, .hero-showcase { background: linear-gradient(180deg, #F6F1E5 0%, #EFE6CF 100%) !important; }
.hero-glow-1, .hero-glow-2 { opacity: .18 !important; }
.testimonial-avatar { background: linear-gradient(135deg, #B85C2E, #D9A05B) !important; }
.security-card-icon, .intro-feature-icon, .adv-card-icon { background: rgba(184, 92, 46, .12) !important; }
.adv-card-body ul li { background: rgba(184, 92, 46, .10) !important; }

/* ---------- 7. 内联样式适配（卡片先染色，区块后铺平） ---------- */
[style*="background:#ffffff"], [style*="background: #ffffff"],
[style*="background:#fff;"], [style*="background: #fff;"],
[style*="background:#fff"], [style*="background: #fff"] { background-color: #FFFCF4 !important; }
[style*="background:#f8f9fa"], [style*="background: #f8f9fa"] { background-color: #FFFCF4 !important; }
[style*="background:#f1f5f9"] { background-color: #FFFCF4 !important; }
[style*="background:#f0f0f0"] { background-color: #F0E9D8 !important; }
section[style] { background: transparent !important; }
[style*="background:#0f1728"], [style*="background: #0f1728"] { background-color: #4A3B26 !important; }
[style*="background:#1a73e8"], [style*="background: #1a73e8"] { background-color: #B85C2E !important; }
[style*="background:#1e8e3e"], [style*="background: #1e8e3e"] { background-color: #4E8D5B !important; }
[style*="color:#1a73e8"], [style*="color: #1a73e8"] { color: #B85C2E !important; }
[style*="color:#1e8e3e"] { color: #4E8D5B !important; }
[style*="color:#0f1728"], [style*="color: #0f1728"] { color: #33291D !important; }
[style*="color:#1a1a1a"], [style*="color:#202124"], [style*="color:#2d3436"] { color: #33291D !important; }
[style*="#e4e4e7"], [style*="#e5e5e5"], [style*="#dadce0"], [style*="#e8eaed"] { border-color: #E3D9C3 !important; }

/* ---------- 8. 价格页 ---------- */
.pricing-hardcore-wrapper { background: transparent !important; }
.seo-articles { background: transparent !important; }
.faq-matrix { background: #FBF5E8 !important; }
.highlight-price { background: #F5E9D0 !important; }
.highlight .btn-buy { background: #B85C2E !important; color: #FFF9EC !important; }
.seo-article li::before { background-color: #B85C2E !important; }
.support-tags span { background: #FFFCF4 !important; border-color: #E3D9C3 !important; }

/* ---------- 9. 下载页 ---------- */
.download-page-section { background: transparent !important; }
.download-card { background: #FFFCF4 !important; border-color: #E3D9C3 !important; }
.download-card-icon { background: rgba(184, 92, 46, .10) !important; }
.download-main-btn, .cta-btn-primary { background: #B85C2E !important; color: #FFF9EC !important; }
.cta-btn-secondary { background: #FFFCF4 !important; color: #33291D !important; border-color: rgba(51, 41, 29, .25) !important; }
.install-brief, .supported-platforms, .download-faq { border-color: #E3D9C3 !important; }
.steps-list li span { background: #B85C2E !important; }
.detail-tutorial-link { color: #B85C2E !important; }
.unified-benefits { color: #4E8D5B !important; }

/* ---------- 10. 文章页 ---------- */
.single-post-article { background: #FFFCF4 !important; box-shadow: 0 6px 24px rgba(51, 41, 29, .06) !important; }
.single-post-content a { color: #B85C2E !important; }
.single-post-content a:hover { color: #9E4B22 !important; border-bottom-color: #9E4B22 !important; }
.category-tag-inline { color: #B85C2E !important; }
.single-post-content blockquote { border-left-color: #B85C2E !important; background: #FBF5E8 !important; }
.post-toc-wrapper { background: #FBF5E8 !important; border-color: #E3D9C3 !important; }
.toc-item a:hover { color: #B85C2E !important; }
.author-eeat-box { background: #FBF5E8 !important; border-left-color: #B85C2E !important; }
.tag-link { background: #F0E9D8 !important; color: #6E6450 !important; }
.tag-link:hover { background: #B85C2E !important; color: #FFF9EC !important; }
.post-navigation-links a:hover, .related-post-card h4 a:hover { color: #B85C2E !important; }
.page-links { background: #FBF5E8 !important; }
.related-post-card img, .placeholder-thumb { background: #F0E9D8 !important; }

/* ---------- 11. 文章侧栏小工具（原深色 → 米白） ---------- */
.random-posts-widget { background: #FFFCF4 !important; color: #57503F !important; border-color: #E3D9C3 !important; }
.random-posts-widget .widget-title { color: #33291D !important; border-bottom-color: #E3D9C3 !important; }
.random-posts-widget .widget-title .material-icons { color: #B85C2E !important; }
.random-posts-widget li { border-bottom-color: #E9E0CB !important; }
.random-posts-widget li a { color: #57503F !important; }
.random-posts-widget li a:hover { color: #B85C2E !important; }
.cta-download-widget { background: #F3E7CD !important; color: #57503F !important; }
.cta-badge { background: #EFE0C0 !important; color: #9E4B22 !important; border-color: #D9C49A !important; }
.cta-title { color: #33291D !important; }
.cta-text { color: #6E6450 !important; }
.cta-highlight { color: #9E4B22 !important; }
.cta-button { background: #B85C2E !important; color: #FFF9EC !important; box-shadow: 0 4px 15px rgba(184, 92, 46, .3) !important; }
/* ---------- 12. 顶部 Logo ---------- */
.site-logo .logo-link { gap: 10px; }
.logo-text { font-size: 1.3rem; font-weight: 800; color: #33291D; letter-spacing: .02em; white-space: nowrap; }
@media (max-width: 48em) {
  .logo-text { font-size: 1.1rem; }
}

/* ---------- 13. 场景卡片统计数字（原白色文字 → 暖棕色系） ---------- */
.scene-stats { border-top: 1px solid rgba(51, 41, 29, .10) !important; }
.scene-stat-value { color: #33291D !important; }
.scene-stat-unit { opacity: .7; }
.scene-stat-label { color: #8A7F6B !important; }

/* ---------- 14. FAQ 页面（分类卡片 + 手风琴） ---------- */
.faq-page-section { background: transparent !important; font-family: inherit !important; }
.faq-header { max-width: 760px; margin: 0 auto 40px; text-align: center; }
.faq-header .bw-kicker { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; color: #B85C2E; }
.faq-title { font-size: 38px; color: #33291D; font-weight: 800; margin: 14px 0 0; line-height: 1.2; }
.faq-description { margin: 14px 0 0; font-size: 16px; line-height: 1.6; color: #6E6450; }
.faq-content-body { max-width: 920px; margin: 0 auto; }
.faq-quicknav { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 0 0 36px; }
.faq-quicknav a { display: inline-flex; align-items: center; height: 40px; padding: 0 20px; border-radius: 999px; background: #FFFCF4; border: 1px solid rgba(51, 41, 29, .16); color: #57503F; font-size: 14px; font-weight: 600; text-decoration: none; transition: background .2s, color .2s, border-color .2s; }
.faq-quicknav a:hover { background: #B85C2E; border-color: #B85C2E; color: #FFF9EC; }
.faq-cat { background: #FFFCF4; border: 1px solid rgba(51, 41, 29, .10); border-radius: 16px; padding: 8px 32px 20px; margin-bottom: 24px; scroll-margin-top: 96px; box-shadow: 0 2px 10px rgba(51, 41, 29, .04); }
.faq-cat-head { display: flex; align-items: center; gap: 14px; padding: 20px 0 16px; border-bottom: 1px solid rgba(51, 41, 29, .10); margin-bottom: 8px; }
.faq-cat-icon { width: 44px; height: 44px; border-radius: 12px; background: rgba(184, 92, 46, .12); color: #B85C2E; display: flex; align-items: center; justify-content: center; flex: none; }
.faq-cat-head h2 { font-size: 21px; font-weight: 800; color: #33291D; margin: 0; line-height: 1.3; }
.faq-cat-count { font-size: 13px; color: #8A7F6B; margin: 2px 0 0; }

/* 手风琴：展开/收起统一米白配色，消除色块突兀 */
.faq-item { background: transparent; border: none; border-bottom: 1px dashed rgba(51, 41, 29, .14); border-radius: 0; padding: 16px 0; }
.faq-item:last-of-type { border-bottom: none; }
.faq-item[open] { background: transparent; border-color: rgba(51, 41, 29, .14); }
.faq-item summary { font-size: 15.5px; font-weight: 700; color: #33291D; padding-right: 30px; }
.faq-item summary:hover { color: #B85C2E; }
.faq-item[open] summary { color: #9E4B22; }
.faq-item summary:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23B85C2E' stroke-width='2'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.faq-item[open] summary:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23B85C2E' stroke-width='2'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); }
.faq-item p { margin-top: 12px; font-size: 14px; color: #57503F; line-height: 1.8; }
.faq-item p a { color: #B85C2E; }

.faq-cta { text-align: center; margin-top: 44px; padding-top: 32px; border-top: 1px solid rgba(51, 41, 29, .12); }
.faq-cta-title { font-size: 18px; font-weight: 700; color: #33291D; margin: 0 0 20px; }
.faq-cta-buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.faq-cta-btn { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 32px; border-radius: 10px; font-weight: 600; font-size: 15px; text-decoration: none; transition: background .2s, color .2s, border-color .2s; }
.faq-cta-primary { background: #B85C2E; color: #FFF9EC; }
.faq-cta-primary:hover { background: #9E4B22; }
.faq-cta-ghost { background: transparent; color: #6E6450; border: 1px solid rgba(51, 41, 29, .28); }
.faq-cta-ghost:hover { border-color: #B85C2E; color: #B85C2E; }

@media (max-width: 48em) {
  .faq-cat { padding: 4px 20px 14px; }
  .faq-title { font-size: 30px; }
}



.cta-button:hover { background: #9E4B22 !important; }
.cta-button .material-icons { color: #FFF9EC !important; }