/* ========================================
   自救者X - V4 组件样式
   ======================================== */

/* 投票/举报按钮的暗黑模式适配 */
body.dark button[class*="gc-s"] {
    box-shadow: 0 8px 24px -6px rgba(75,175,95,.3);
}

/* 搜索表单中的radio按钮选中状态 */
.search-mode-active {
    background: white !important;
    color: #4BAF5F !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

/* 故事卡片hover效果优化 */
.story-card-gc:hover .cover-g {
    transform: scale(1.05);
    transition: transform .4s cubic-bezier(.16,1,.3,1);
}

/* 举报弹窗覆盖层 */
.report-overlay {
    background: rgba(0,0,0,.2);
    backdrop-filter: blur(4px);
}

/* 树洞输入框字数统计 */
.hole-char-count {
    min-width: 60px;
    text-align: right;
}

/* 消息通知圆点动画 */
@keyframes notif-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}
.notif-dot {
    animation: notif-pulse 2s ease-in-out infinite;
}

/* 暗黑模式下的表单元素 */
body.dark input[type="radio"],
body.dark input[type="checkbox"] {
    accent-color: #4BAF5F;
}

/* 页面过渡效果 */
.x-transition-page {
    animation: pageFadeIn 0.4s ease-out;
}
@keyframes pageFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 毛玻璃导航暗黑适配 */
body.dark .gc {
    border-color: rgba(255,255,255,.08);
}

/* 侧边栏树洞卡片 */
body.dark .dg-card {
    background: #151c17 !important;
    border-color: rgba(255,255,255,.06) !important;
}