决策者的信息早餐

🔥

今日热搜

{{CONTENT_HOT}}
🏛️

时政要闻

{{CONTENT_POLITICS}}
💬 评论 (0)
💬 评论 (0)
💰

财经早参

{{CONTENT_FINANCE}}
💬 评论 (0)
💬 评论 (0)
🤖

AI前沿

{{CONTENT_AI}}
💬 评论 (0)
💬 评论 (0)
📦

产品雷达

{{CONTENT_PRODUCTS}}
💡

今日思维模型

{{CONTENT_MODEL}}
💬 评论 (0)
💬 评论 (0)
📌

今日行动建议

{{CONTENT_ACTION}}
🎯

今日金句

{{CONTENT_QUOTE}}
📋

今日信息来源

{{SOURCES_LIST}}
💬

今日话题

{{POLL_QUESTION}}

← 前一天 今日晨报 后一天 →
/* 互动区样式 */ .interaction-section { background: linear-gradient(135deg, rgba(230, 126, 80, 0.1) 0%, rgba(80, 144, 230, 0.1) 100%); border-radius: var(--radius-lg); margin: 20px; padding: 24px; } .poll-container { margin-bottom: 24px; } .poll-question { font-size: 1.1rem; font-weight: 600; margin-bottom: 16px; } .poll-options { display: flex; flex-direction: column; gap: 10px; } .poll-btn { padding: 14px 20px; background: var(--bg-card); border: 2px solid var(--border); border-radius: var(--radius-md); color: var(--text-primary); font-size: 1rem; cursor: pointer; } .poll-btn:hover { border-color: var(--accent); background: rgba(230, 126, 80, 0.15); } .poll-result { margin-top: 16px; padding: 16px; background: rgba(80, 200, 120, 0.15); border-radius: var(--radius-md); } .feedback-container { border-top: 1px solid var(--border-light); padding-top: 20px; text-align: center; } .feedback-container p { margin-bottom: 12px; color: var(--text-secondary); } .feedback-btns { display: flex; justify-content: center; gap: 12px; } .feedback-btns button { padding: 10px 20px; background: var(--bg-card); border: 1px solid var(--border-light); border-radius: var(--radius-md); color: var(--text-primary); cursor: pointer; } /* 评论区样式 */ .comment-section { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border-light); } .comment-header { cursor: pointer; color: var(--accent); font-size: 0.9rem; } .comment-header:hover { color: var(--accent-light); } .comment-list { margin-top: 12px; } .comment-item { background: var(--bg-tertiary); border-radius: var(--radius-md); padding: 12px; margin-bottom: 10px; } .comment-meta { display: flex; justify-content: space-between; font-size: 0.8rem; color: var(--text-tertiary); margin-bottom: 6px; } .comment-text { color: var(--text-primary); font-size: 0.95rem; line-height: 1.5; } .comment-actions { display: flex; gap: 16px; margin-top: 8px; } .comment-action { cursor: pointer; font-size: 0.85rem; color: var(--text-secondary); transition: color 0.2s; } .comment-action:hover { color: var(--accent); } .comment-action.active { color: var(--accent); font-weight: 600; } .comment-form { margin-top: 12px; display: flex; gap: 10px; } .comment-form textarea { flex: 1; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 10px; color: var(--text-primary); font-size: 0.9rem; resize: none; } .comment-form textarea:focus { outline: none; border-color: var(--accent); } .comment-form button { padding: 10px 20px; background: var(--accent); border: none; border-radius: var(--radius-md); color: white; cursor: pointer; font-weight: 600; } .comment-form button:hover { background: var(--accent-light); } // 评论功能 const commentsData = {}; // 存储评论数据 function toggleComments(el) { const section = el.closest('.comment-section'); const list = section.querySelector('.comment-list'); const form = section.querySelector('.comment-form'); const isVisible = list.style.display !== 'none'; list.style.display = isVisible ? 'none' : 'block'; form.style.display = isVisible ? 'none' : 'flex'; } function submitComment(btn, sectionId) { const section = btn.closest('.comment-section'); const textarea = section.querySelector('textarea'); const text = textarea.value.trim(); if (!text) return; // 初始化该模块的评论数组 if (!commentsData[sectionId]) commentsData[sectionId] = []; // 添加评论 const comment = { id: Date.now(), text: text, time: new Date().toLocaleTimeString('zh-CN', {hour: '2-digit', minute: '2-digit'}), likes: 0, insights: 0, disagrees: 0 }; commentsData[sectionId].push(comment); // 渲染评论 renderComments(section, sectionId); textarea.value = ''; // 更新计数 section.querySelector('.comment-count').textContent = commentsData[sectionId].length; // 保存到本地存储 localStorage.setItem('goudan_comments', JSON.stringify(commentsData)); } function renderComments(section, sectionId) { const list = section.querySelector('.comment-list'); const comments = commentsData[sectionId] || []; list.innerHTML = comments.map(c => `
匿名用户 ${c.time}
${c.text}
👍 ${c.likes} 💡 ${c.insights} 🤔 ${c.disagrees}
`).join(''); } function reactComment(sectionId, commentId, type, el) { const comment = commentsData[sectionId]?.find(c => c.id === commentId); if (comment) { comment[type]++; el.classList.add('active'); el.textContent = {likes: '👍 ', insights: '💡 ', disagrees: '🤔 '}[type] + comment[type]; localStorage.setItem('goudan_comments', JSON.stringify(commentsData)); } } // 加载本地存储的评论 function loadComments() { const saved = localStorage.getItem('goudan_comments'); if (saved) { Object.assign(commentsData, JSON.parse(saved)); // 更新所有评论计数 document.querySelectorAll('.comment-section').forEach(section => { const sectionId = section.dataset.section; const count = commentsData[sectionId]?.length || 0; section.querySelector('.comment-count').textContent = count; }); } } // 页面加载时恢复评论 loadComments();