/* 主题：FN-Link（品牌红） */ /* 应用范围：当带有 .theme-fnlink 类时启用 */ .theme-fnlink .main-header { background-color: #E53935; } .theme-fnlink .lang-btn.active, .theme-fnlink .lang-btn:hover { background-color: #E53935; border-color: #E53935; color: #fff; } .theme-fnlink .advanced-search-btn:hover { color: #E53935; } .theme-fnlink .breadcrumb .current { color: #E53935; } .theme-fnlink .breadcrumb-left a:hover { color: #E53935; } .theme-fnlink .btn-primary { background-color: #E53935; color: #fff; } .theme-fnlink .btn-primary:hover { background-color: #D32F2F; } .theme-fnlink .form-control:focus { border-color: #E53935; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.2); } .theme-fnlink .page-btn:hover:not(.active):not(:disabled):not(.disabled):not(.ellipsis) { border-color: #E53935; color: #E53935; } .theme-fnlink .page-btn.active { background-color: #E53935; border-color: #E53935; color: #fff; } .theme-fnlink .tag:hover, .theme-fnlink .tag.active { background-color: #E53935; color: #fff; } .theme-fnlink .spinner { border-top-color: #E53935; } .theme-fnlink .footer-section h4 a:hover, .theme-fnlink .footer-section a:hover { color: #E53935; } /* 底部版权区的“隐私声明”链接适配主题：默认灰色、无下划线；悬停使用品牌红 */ .theme-fnlink .footer-bottom .footer-privacy-link { color: #ccc; text-decoration: none; } .theme-fnlink .footer-bottom .footer-privacy-link:hover { color: var(--brand-primary); text-decoration: none; } /* 顶部搜索按钮（布局内联样式使用默认色，主题需显式覆盖） */ .theme-fnlink .top-header .top-search .search-btn { background: #E53935 !important; color: #fff !important; } .theme-fnlink .top-header .top-search .search-btn:hover { background: #D32F2F !important; } /* 品牌色变量（仅在 fnlink 主题下生效） */ .theme-fnlink { --brand-primary: #E53935; --brand-primary-dark: #D32F2F; --brand-primary-light: #fde7e7; --brand-primary-soft-border: #FAD1D1; --notif-unread-bg: var(--brand-primary-light); --notif-unread-border: var(--brand-primary-soft-border); --notif-read-bg: #fff; --notif-read-border: #E5E7EB; --notif-hover-border: var(--brand-primary-soft-border); } /* 通用强调与链接色统一为品牌红 */ .theme-fnlink a:hover { color: var(--brand-primary); } .theme-fnlink .text-primary { color: var(--brand-primary); } /* 列表页覆盖（thread_list.css 中的蓝色） */ .theme-fnlink .sidebar-section h3 { border-bottom-color: var(--brand-primary); } .theme-fnlink .category-list a:hover, .theme-fnlink .category-list a.active { background-color: var(--brand-primary); color: #fff; } .theme-fnlink .tag-item:hover { background-color: var(--brand-primary); color: #fff; } .theme-fnlink .tag-item.popular { background-color: var(--brand-primary-light); color: var(--brand-primary-dark); } .theme-fnlink .tag-item.popular:hover { background-color: var(--brand-primary-dark); color: #fff; } .theme-fnlink .trending-topics a:hover { color: var(--brand-primary); } .theme-fnlink .stat-number { color: var(--brand-primary); } .theme-fnlink .tab.active, .theme-fnlink .tab:hover { background-color: var(--brand-primary); border-color: var(--brand-primary); color: #fff; } .theme-fnlink .view-btn.active { background-color: var(--brand-primary); color: #fff; } .theme-fnlink .thread-content h3 a:hover { color: var(--brand-primary); } .theme-fnlink .thread-meta .author, .theme-fnlink .last-reply .author { color: var(--brand-primary); } .theme-fnlink .load-more-btn:hover { border-color: var(--brand-primary); color: var(--brand-primary); } .theme-fnlink .floating-btn { background-color: var(--brand-primary); } .theme-fnlink .floating-btn:hover { background-color: var(--brand-primary-dark); } /* 详情页覆盖（thread_detail.css 中的蓝色） */ .theme-fnlink .author-name:hover { color: var(--brand-primary); } .theme-fnlink .author-badge { background: var(--brand-primary); color: #fff; } .theme-fnlink .vote-btn.voted { background: var(--brand-primary); border-color: var(--brand-primary); color: #fff; } .theme-fnlink .bookmark-btn:hover { color: var(--brand-primary); } .theme-fnlink .content-body blockquote { border-left-color: var(--brand-primary); } .theme-fnlink .content-body a { color: var(--brand-primary); } .theme-fnlink .action-btn.active { color: var(--brand-primary); } .theme-fnlink .reply-form textarea:focus { border-color: var(--brand-primary); box-shadow: 0 0 0 2px rgba(229,57,53,.2); } .theme-fnlink .related-item a:hover, .theme-fnlink .trending-item a:hover { color: var(--brand-primary); } .theme-fnlink .share-btn.email:hover { background: var(--brand-primary); border-color: var(--brand-primary); color: #fff; } /* 用户中心覆盖（user-center.css 中的蓝色） */ .theme-fnlink .uc-sidebar-item:hover { border-left-color: var(--brand-primary); } .theme-fnlink .uc-sidebar-item.active { background: var(--brand-primary-light); border-left-color: var(--brand-primary); color: var(--brand-primary); } .theme-fnlink .uc-content-tab.active { color: var(--brand-primary); border-bottom-color: var(--brand-primary); } .theme-fnlink .uc-content .form-group input:focus, .theme-fnlink .uc-content .form-group select:focus, .theme-fnlink .uc-content .form-group textarea:focus { border-color: var(--brand-primary); box-shadow: 0 0 0 3px rgba(229,57,53,.12); } /* 用户中心侧边导航适配 */ .theme-fnlink .uc-sidebar-item:hover { border-left-color: var(--brand-primary) !important; } .theme-fnlink .uc-sidebar-item.active { background: var(--brand-primary-light) !important; border-left-color: var(--brand-primary) !important; color: var(--brand-primary) !important; font-weight: 600; } .theme-fnlink .dropdown.lvl3 { background: #fff !important; border-color: #FAD1D1 !important; border-left-color: var(--brand-primary) !important; } .theme-fnlink .dropdown.lvl4 { background: #fff !important; border-color: #FAD1D1 !important; border-left-color: var(--brand-primary) !important; } .theme-fnlink .dropdown.lvl5 { background: #fff !important; border-color: #FAD1D1 !important; border-left-color: var(--brand-primary) !important; } .theme-fnlink .dropdown .dropdown-header { background: var(--brand-primary-light) !important; border-bottom-color: #FAD1D1 !important; } .theme-fnlink .sidebar .search-form input:focus, .theme-fnlink .sidebar .search-form select:focus, .theme-fnlink .sidebar .search-form textarea:focus { border-color: var(--brand-primary) !important; box-shadow: 0 0 0 3px rgba(229,57,53,.15) !important; } .theme-fnlink .sidebar .search-form .btn.btn-primary { background: var(--brand-primary) !important; color: #fff !important; } .theme-fnlink .sidebar .search-form .btn.btn-primary:hover { background: var(--brand-primary-dark) !important; } .theme-fnlink .sidebar .search-form .board-toggle:hover { background: var(--brand-primary-light) !important; } .theme-fnlink .board-cascader .cascader-item.active { border-color: var(--brand-primary) !important; background: var(--brand-primary-light) !important; } /* 资源附件（侧边栏）悬停色与边框适配品牌红 */ .theme-fnlink .sidebar .resource-attachments .resource-att-item:hover { background: var(--brand-primary-light) !important; color: #111 !important; border-color: #FAD1D1 !important; } .theme-fnlink .item-card:hover { border-color: var(--brand-primary) !important; } .theme-fnlink .item-title { color: var(--brand-primary) !important; } .theme-fnlink .item-action { color: var(--brand-primary) !important; } .theme-fnlink .item-action:hover { color: var(--brand-primary-dark) !important; } .theme-fnlink .reply-mention { color: var(--brand-primary); } .theme-fnlink .sort-btn.active, .theme-fnlink .sort-btn:hover { background: var(--brand-primary); border-color: var(--brand-primary); color: #fff; } .theme-fnlink .editor-wrapper .att-remove:focus-visible { outline-color: var(--brand-primary) !important; } .theme-fnlink .user-trigger:hover .user-avatar { box-shadow: 0 0 0 2px var(--brand-primary) !important; } .theme-fnlink .sidebar .search-form input[type="radio"] { accent-color: var(--brand-primary) !important; } .theme-fnlink .sidebar .search-form input[type="checkbox"] { accent-color: var(--brand-primary) !important; } /* 详情页与内容区的蓝色适配为品牌红 */ .theme-fnlink .author-name:hover { color: var(--brand-primary) !important; } .theme-fnlink .author-badge:not(.expert):not(.moderator):not(.best-badge) { background: var(--brand-primary) !important; color: #fff !important; } .theme-fnlink .bookmark-btn:hover { color: var(--brand-primary) !important; } .theme-fnlink .vote-btn.voted { background: var(--brand-primary) !important; border-color: var(--brand-primary) !important; } .theme-fnlink .content-body a { color: var(--brand-primary) !important; } .theme-fnlink .content-body a:hover { color: var(--brand-primary-dark) !important; } .theme-fnlink .content-body blockquote { border-left-color: var(--brand-primary) !important; background-color: var(--brand-primary-light) !important; } /* 匿名声明弹窗（主题适配） */ .theme-fnlink .disclaimer-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: rgba(17,17,17,0.35); backdrop-filter: blur(2px); padding: 20px; } .theme-fnlink .disclaimer-card { background: #fff; border: 1px solid #FAD1D1; border-top: 5px solid var(--brand-primary); border-radius: 12px; width: 100%; max-width: 560px; box-shadow: 0 12px 24px rgba(0,0,0,0.14); padding: 20px; } .theme-fnlink .disclaimer-title { color: var(--brand-primary); font-size: 18px; margin: 0 0 12px; } .theme-fnlink .disclaimer-text { color: #111; font-size: 14px; line-height: 1.7; margin-bottom: 16px; } .theme-fnlink .disclaimer-actions { display: flex; justify-content: flex-end; gap: 8px; } /* 隐私声明页面（卡片） */ .theme-fnlink .privacy-page { padding: 24px 0; --privacy-gap: 12px; } .theme-fnlink .privacy-title { font-size: 22px; margin: 0 0 var(--privacy-gap); color: var(--brand-primary); } .theme-fnlink .privacy-content { background: #fff; border: 1px solid #FAD1D1; border-radius: 12px; padding: 24px; } .theme-fnlink .privacy-content p { color: #111; font-size: 15px; line-height: 1.8; margin: 0 0 12px; } .theme-fnlink .privacy-actions { display: flex; gap: 12px; margin-top: var(--privacy-gap); } .theme-fnlink .privacy-actions .btn .icon { display: inline-flex; align-items: center; margin-right: 6px; }