1218 lines
80 KiB
HTML
1218 lines
80 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Global Daily News - World, Sports, Tech & Classifieds</title>
|
||
<style>
|
||
/* === CSS Reset & Modernizer === */
|
||
:root {
|
||
--primary: #003366; /* Deep Ocean Blue - Classic Portal */
|
||
--primary-light: #2c3e50;
|
||
--accent: #b71c1c; /* Portal Red */
|
||
--accent-hover: #d32f2f;
|
||
--bg-body: #f4f6f8;
|
||
--bg-card: #ffffff;
|
||
--text-main: #333;
|
||
--text-secondary: #555;
|
||
--text-light: #7f8c8d;
|
||
--border: #e0e0e0;
|
||
--link-color: #004499;
|
||
}
|
||
|
||
body {
|
||
font-family: 'Segoe UI', Roboto, "Microsoft YaHei", Helvetica, Arial, sans-serif;
|
||
background-color: var(--bg-body);
|
||
color: var(--text-main);
|
||
margin: 0;
|
||
line-height: 1.6;
|
||
padding-bottom: 40px;
|
||
}
|
||
|
||
a { text-decoration: none; color: var(--text-main); transition: 0.2s; }
|
||
a:hover { color: var(--accent); text-decoration: underline; }
|
||
ul { list-style: none; padding: 0; margin: 0; }
|
||
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 600; }
|
||
|
||
/* === 布局重构：将 Table 强制转为 Flex/Grid 结构 === */
|
||
table, tbody, tr, td { display: block; width: 100% !important; border: none !important; background: transparent !important; box-sizing: border-box; }
|
||
center { text-align: left; max-width: 1200px; margin: 0 auto; display: block; padding: 0 10px; }
|
||
|
||
/* 辅助类 */
|
||
.flex-row { display: flex; align-items: center; justify-content: space-between; }
|
||
.text-red { color: var(--accent) !important; }
|
||
.text-green { color: #2ecc71 !important; }
|
||
.text-gray { color: #999 !important; font-size: 12px; }
|
||
.mt-10 { margin-top: 10px; }
|
||
.mb-10 { margin-bottom: 10px; }
|
||
.p-10 { padding: 10px; }
|
||
|
||
/* 隐藏原生的 hr, font 标签的影响 */
|
||
hr { border: 0; border-top: 1px solid var(--border); margin: 15px 0; }
|
||
font { color: inherit !important; size: inherit !important; }
|
||
|
||
/* 顶部广告 - 隐藏 */
|
||
body > center:first-of-type { display: none; }
|
||
|
||
/* Header Area */
|
||
.header-container tr {
|
||
display: flex; justify-content: space-between; align-items: center; padding: 25px 0; border-bottom: 1px solid var(--border);
|
||
}
|
||
.header-container td { width: auto !important; }
|
||
|
||
h1.logo { font-size: 36px; font-weight: 800; color: var(--primary); letter-spacing: -1px; font-family: Georgia, serif; }
|
||
h1.logo span { color: var(--accent); }
|
||
.logo-sub { display: block; color: var(--text-light); font-size: 11px; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; }
|
||
|
||
/* Search Bar */
|
||
.search-box { display: flex; gap: 0; align-items: center; border: 2px solid var(--primary); border-radius: 4px; overflow: hidden; }
|
||
.search-box input[type="text"] { padding: 8px 12px; border: none; outline: none; width: 250px; font-size: 14px; }
|
||
.search-box input[type="submit"] { background: var(--primary); color: white; border: none; padding: 8px 20px; cursor: pointer; font-weight: bold; transition: 0.2s; }
|
||
.search-box input[type="submit"]:hover { background: #002244; }
|
||
|
||
/* Meta Info */
|
||
.meta-info { text-align: right; font-size: 12px; color: #666; line-height: 1.8; }
|
||
.meta-info a { color: var(--primary); margin: 0 5px; font-weight: bold; }
|
||
|
||
/* Navigation Bar */
|
||
.nav-container { margin: 10px auto; background: var(--primary); border-radius: 4px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
|
||
.nav-container tr td {
|
||
padding: 0 !important;
|
||
display: flex; gap: 0; overflow-x: auto;
|
||
}
|
||
.nav-item {
|
||
color: rgba(255,255,255,0.9); font-weight: bold; font-size: 15px;
|
||
padding: 12px 25px; text-decoration: none; border-right: 1px solid rgba(255,255,255,0.1);
|
||
white-space: nowrap; transition: 0.2s; display: block;
|
||
}
|
||
.nav-item:last-child { border-right: none; }
|
||
.nav-item:hover, .nav-item.active { background: var(--accent); color: white; text-decoration: none; }
|
||
|
||
/* Scrolling Marquee */
|
||
.ticker-wrap {
|
||
width: 100%; overflow: hidden; height: 32px; background-color: #fdfdfd; padding-left: 100%; box-sizing: border-box;
|
||
border-bottom: 1px solid #eee; display: flex; align-items: center; margin-bottom: 15px; position: relative;
|
||
}
|
||
.ticker-label { position: absolute; left: 0; top: 0; bottom: 0; background: var(--accent); color: white; padding: 0 10px; font-size: 12px; display: flex; align-items: center; font-weight: bold; z-index: 10; }
|
||
.ticker { white-space: nowrap; padding-right: 100%; box-sizing: content-box; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: ticker; animation-duration: 30s; display: inline-block; }
|
||
.ticker__item { display: inline-block; padding: 0 2rem; font-size: 13px; color: #333; }
|
||
@keyframes ticker { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } }
|
||
|
||
/* === 主体布局 === */
|
||
.main-grid-container > tbody > tr {
|
||
display: grid; grid-template-columns: 220px 1fr 280px; gap: 15px; margin-top: 0;
|
||
}
|
||
|
||
/* 卡片通用 */
|
||
.card-panel { background: var(--bg-card) !important; padding: 15px !important; border: 1px solid #eaeaea; border-top: 2px solid var(--primary); margin-bottom: 15px; }
|
||
.card-panel.highlight { border-top-color: var(--accent); }
|
||
|
||
.card-header {
|
||
font-size: 16px; font-weight: bold; border-bottom: 1px solid var(--border);
|
||
padding-bottom: 8px; margin-bottom: 12px; color: var(--primary);
|
||
display: flex; justify-content: space-between; align-items: center;
|
||
}
|
||
.card-header span { font-size: 12px; font-weight: normal; }
|
||
.card-header a { color: #999; }
|
||
|
||
/* 列表样式增强 */
|
||
.compact-list li { padding: 6px 0; border-bottom: 1px dotted #eee; font-size: 13px; display: flex; justify-content: space-between; }
|
||
.compact-list li:last-child { border: none; }
|
||
|
||
.rank-list li { margin-bottom: 8px; font-size: 13px; display: flex; align-items: baseline; }
|
||
.rank-num { background: #eee; color: #666; width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; margin-right: 8px; border-radius: 2px; }
|
||
.rank-list li:nth-child(1) .rank-num { background: #e74c3c; color: white; }
|
||
.rank-list li:nth-child(2) .rank-num { background: #e67e22; color: white; }
|
||
.rank-list li:nth-child(3) .rank-num { background: #f1c40f; color: white; }
|
||
|
||
/* 左侧栏特定 */
|
||
.left-nav-table { width: 100%; border-collapse: collapse; }
|
||
.left-nav-table td { padding: 8px 12px !important; border-bottom: 1px solid #f0f0f0 !important; font-size: 14px; position: relative; }
|
||
.left-nav-table td:hover { background: #f9f9f9; padding-left: 15px !important; transition: 0.1s; }
|
||
.left-nav-header { background: #f4f6f8 !important; font-weight: bold; color: var(--primary); border-left: 3px solid var(--primary) !important; }
|
||
|
||
/* 中间栏特定 */
|
||
.headline-box { text-align: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
|
||
.headline-box h2 { font-size: 26px; line-height: 1.4; color: var(--primary); margin-bottom: 10px; }
|
||
.headline-box h2:hover { color: var(--accent); cursor: pointer; }
|
||
.headline-meta { font-size: 12px; color: #999; margin-bottom: 15px; }
|
||
.headline-summary { text-align: left; background: #f9f9f9; padding: 15px; color: #555; font-size: 14px; border-radius: 4px; line-height: 1.8; }
|
||
|
||
/* 新闻分栏 (Tabs) */
|
||
.tab-header { display: flex; border-bottom: 2px solid var(--primary); margin-bottom: 15px; }
|
||
.tab-btn { padding: 8px 15px; background: #eee; cursor: pointer; border-radius: 4px 4px 0 0; margin-right: 2px; font-size: 14px; }
|
||
.tab-btn.active { background: var(--primary); color: white; font-weight: bold; }
|
||
|
||
.news-grid-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 15px; }
|
||
.section-title { font-size: 15px; font-weight: bold; border-left: 4px solid var(--accent); padding-left: 10px; margin-bottom: 10px; color: var(--text-main); display: flex; justify-content: space-between; }
|
||
|
||
/* 缩略图列表 */
|
||
.thumb-list li { display: flex; gap: 10px; margin-bottom: 15px; align-items: flex-start; }
|
||
.thumb-img { width: 100px; height: 70px; background: #ddd; object-fit: cover; border-radius: 2px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #999; }
|
||
.thumb-content h4 { font-size: 14px; margin-bottom: 5px; }
|
||
.thumb-content p { font-size: 12px; color: #666; margin: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
|
||
|
||
/* 右侧栏特定 */
|
||
.login-box { background: linear-gradient(to bottom, #f8f9fa, #e9ecef) !important; border: 1px solid #dcdcdc; }
|
||
.login-box input { width: 100%; border: 1px solid #ccc; padding: 6px; margin-bottom: 8px; border-radius: 3px; }
|
||
.btn-login { width: 100%; background: var(--accent); color: white; border: none; padding: 8px; border-radius: 3px; cursor: pointer; font-weight: bold; }
|
||
.btn-login:hover { background: var(--accent-hover); }
|
||
|
||
.widget-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
|
||
.widget-item { background: #f0f3f5; padding: 8px; text-align: center; border-radius: 4px; font-size: 12px; }
|
||
.widget-item:hover { background: #e2e6ea; cursor: pointer; color: var(--accent); }
|
||
|
||
/* 通用弹窗组件优化 */
|
||
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 9999; display: none; justify-content: center; align-items: flex-start; padding-top: 80px; backdrop-filter: blur(4px); }
|
||
.modal-box { background: white; width: 500px; max-width: 90%; padding: 0; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); animation: slideIn 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); display: flex; flex-direction: column; max-height: 80vh; }
|
||
.modal-header { padding: 15px 20px; background: var(--bg-body); border-bottom: 1px solid #eee; border-radius: 6px 6px 0 0; display: flex; justify-content: space-between; align-items: center; }
|
||
.modal-title { font-weight: bold; font-size: 16px; color: var(--primary); }
|
||
.modal-body { padding: 20px; overflow-y: auto; line-height: 1.6; }
|
||
.modal-footer { padding: 15px 20px; border-top: 1px solid #eee; text-align: right; background: #fff; border-radius: 0 0 6px 6px; }
|
||
.close-btn { font-size: 24px; cursor: pointer; color: #999; line-height: 1; }
|
||
.close-btn:hover { color: #333; }
|
||
|
||
@keyframes slideIn { from { transform: translateY(-30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
|
||
|
||
/* Footer Expansion */
|
||
.footer-mega { background: #fff; border-top: 3px solid var(--primary); padding: 40px 0 20px 0; margin-top: 40px; }
|
||
.footer-grid { display: grid; grid-template-columns: repeat(5, 1fr) 1.5fr; gap: 30px; border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom: 20px; }
|
||
.footer-col h4 { font-size: 14px; color: #333; margin-bottom: 15px; font-weight: bold; text-transform: uppercase; }
|
||
.footer-col ul li { margin-bottom: 8px; }
|
||
.footer-col a { color: #666; font-size: 12px; }
|
||
.footer-col a:hover { color: var(--accent); }
|
||
.footer-legal { text-align: center; color: #999; font-size: 12px; line-height: 1.8; }
|
||
|
||
/* 功能按钮 */
|
||
.theme-toggle { position: fixed; bottom: 30px; right: 30px; width: 40px; height: 40px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.2); z-index: 100; transition: 0.3s; font-size: 20px; }
|
||
.theme-toggle:hover { transform: scale(1.1); background: var(--accent); }
|
||
|
||
/* Dark Mode Overrides */
|
||
body[data-theme='dark'] { --bg-body: #1a1a1a; --bg-card: #2c2c2c; --text-main: #e0e0e0; --primary: #3498db; --border: #444; }
|
||
body[data-theme='dark'] .header-container tr { border-bottom-color: #444; }
|
||
body[data-theme='dark'] .card-panel { border-color: #444; }
|
||
body[data-theme='dark'] .left-nav-table td { border-bottom-color: #444 !important; }
|
||
body[data-theme='dark'] .left-nav-table td:hover { background: #333; }
|
||
body[data-theme='dark'] .headline-summary { background: #333; color: #ccc; }
|
||
body[data-theme='dark'] .footer-mega { background: #222; }
|
||
|
||
</style>
|
||
</head>
|
||
<body bgcolor="#ffffff" text="#000000" link="#0000EE" vlink="#551A8B" alink="#FF0000">
|
||
|
||
<div class="theme-toggle" onclick="toggleTheme()" title="切换夜间模式">🌓</div>
|
||
|
||
<!-- Modals -->
|
||
<div id="modal-container" class="modal-overlay">
|
||
<div class="modal-box" id="modal-box">
|
||
<div class="modal-header">
|
||
<span class="modal-title" id="modal-title">提示</span>
|
||
<span class="close-btn" onclick="closeModal()">×</span>
|
||
</div>
|
||
<div class="modal-body" id="modal-content">
|
||
<!-- Content -->
|
||
</div>
|
||
<div class="modal-footer" id="modal-footer">
|
||
<button class="modal-btn btn-secondary" onclick="closeModal()" style="padding: 6px 15px; border: 1px solid #ccc; background: white; border-radius: 4px; cursor: pointer;">关闭</button>
|
||
<button class="modal-btn btn-primary" id="modal-confirm-btn" style="padding: 6px 15px; border: none; background: var(--accent); color: white; border-radius: 4px; cursor: pointer; margin-left: 10px; display:none;">确定</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// Modal Logic
|
||
let modalCallback = null;
|
||
|
||
function createModal(title, content, isConfirm = false, onConfirm = null) {
|
||
document.getElementById('modal-title').innerText = title;
|
||
document.getElementById('modal-content').innerHTML = content;
|
||
document.getElementById('modal-container').style.display = 'flex';
|
||
|
||
const confirmBtn = document.getElementById('modal-confirm-btn');
|
||
if (isConfirm) {
|
||
confirmBtn.style.display = 'inline-block';
|
||
modalCallback = onConfirm;
|
||
confirmBtn.onclick = () => { if (modalCallback) modalCallback(); closeModal(); };
|
||
} else {
|
||
confirmBtn.style.display = 'none';
|
||
}
|
||
}
|
||
|
||
const NEWS_DB = {
|
||
"全球可持续发展峰会今日在日内瓦闭幕": `
|
||
<p><strong>日内瓦讯</strong> —— 经过三天的激烈讨论，备受瞩目的全球可持续发展特别峰会于今日下午正式在日内瓦闭幕。来自全球 190 多个国家的代表、国际组织领导人以及商界精英齐聚一堂，最终通过了具有历程碑意义的《2030 气候行动宣言》。</p>
|
||
<p>宣言核心内容承诺，主要经济体将在未来五年内将碳排放量减少 15%，并共同建立一项总额高达 5000 亿美元的绿色转型基金，专门用于资助发展中国家的清洁能源基础设施建设。</p>
|
||
<p>峰会主席在闭幕致辞中表示：“这是人类应对气候变化挑战的关键一步。我们没有退路，必须从现在开始采取行动。”</p>
|
||
<p>分析人士指出，该宣言的签署将极大推动光伏、风能以及储能技术的市场需求，对全球能源结构产生深远影响。受此消息影响，今日全球主要市场的清洁能源板块普遍上涨。</p>
|
||
<p>此外，会议还就海洋保护、生物多样性恢复等议题达成了多项共识。</p>
|
||
`,
|
||
"居里夫人获奖": `<p><strong>1903年回顾</strong> —— 这一年，物理学界迎来了辉煌的一刻。瑞典皇家科学院宣布，将诺贝尔物理学奖授予亨利·贝克勒尔、皮埃尔·居里和玛丽·居里，以表彰他们在放射性研究方面的非凡贡献。</p><p>这是女性科学家首次登上诺贝尔奖的领奖台，标志着女性在现代科学领域的重要地位得到认可。</p>`,
|
||
"肯尼迪遇刺": `<p><strong>历史档案</strong> —— 1963年11月22日，美国第35任总统约翰·肯尼迪在得克萨斯州达拉斯市进行竞选访问时被枪杀。这一事件震惊了全世界。</p><p>随后成立的沃伦委员会对此事进行了长达数月的调查，并于1964年发布了最终报告，但在民间关于此事的各种阴谋论从未停止。</p>`,
|
||
"欧元启动": `<p><strong>1999年1月1日</strong> —— 欧洲经济一体化迈出了决定性的一步。欧元（Euro）在欧盟11个国家正式启动，成为电子货币和记账货币。</p><p>这标志着欧洲单一货币时代的到来，极大地降低了欧元区内的交易成本，促进了贸易和投资。</p>`,
|
||
"奥运会倒计时": `<p><strong>北京讯</strong> —— 随着2008年8月8日的临近，整个北京城都沉浸在奥运即将到来的喜悦与忙碌之中。</p><p>鸟巢和水立方等标志性场馆的建设已进入收尾阶段，志愿者招募工作火热进行，全世界的目光都在聚焦这一东方古都。</p>`
|
||
};
|
||
|
||
function showArticle(title, summary) {
|
||
// 1. Try to find hardcoded content
|
||
let content = NEWS_DB[title];
|
||
|
||
// 2. If not found, GENERATE realistic content based on title/summary
|
||
if (!content) {
|
||
content = generateFakeNews(title, summary);
|
||
}
|
||
|
||
let fullContent = `
|
||
<h2 style="margin-bottom:10px; color:var(--primary); font-family:Georgia, serif;">${title}</h2>
|
||
<div style="font-size:12px; color:#666; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:10px;">
|
||
发布于：${new Date().toLocaleDateString()} | 来源：Global Daily | 记者：张宏伟 | 阅读：${Math.floor(Math.random()*50000 + 1000)}
|
||
</div>
|
||
<div style="font-size:16px; line-height:1.8; color:#333;">
|
||
${summary ? `<p><strong>核心摘要：</strong> ${summary}</p>` : ''}
|
||
${content}
|
||
</div>
|
||
<div style="background:#f9f9f9; padding:15px; margin-top:30px; border-left:4px solid var(--accent); font-size:13px;">
|
||
<strong>责任编辑：</strong> Editorial Team<br>
|
||
<strong>版权声明：</strong> 本文为 Global Daily 独家稿件，未经授权，不得转载。
|
||
</div>
|
||
`;
|
||
createModal(title, fullContent);
|
||
}
|
||
|
||
function generateFakeNews(title, summary) {
|
||
// Simple logic to generate "Lorem Ipsum" style text but meaningful
|
||
|
||
let body = "";
|
||
|
||
// Contextual Paragraph
|
||
if(title.includes("经济") || title.includes("股市") || title.includes("GDP") || title.includes("央行") || title.includes("美元") || title.includes("财")) {
|
||
body += `<p>根据最新公布的数据显示，这一变化引发了市场的广泛关注。多家投资机构分析师认为，短期内市场将保持震荡，但在政策利好的支撑下，长期向好的基本面并未改变。</p>`;
|
||
body += `<p>著名经济学家李教授接受本报采访时表示：“${title} 是当前宏观经济环境下必然的结果，我们应该理性看待这一波动。”</p>`;
|
||
} else if (title.includes("科技") || title.includes("AI") || title.includes("5G") || title.includes("芯片") || title.includes("卫星") || title.includes("苹果")) {
|
||
body += `<p>这项技术的突破主要得益于研发团队长达五年的技术攻关。据了解，该项目采用了最新的神经网络算法，将运算效率提升了至少 40%。</p>`;
|
||
body += `<p>业内专家预测，随着 ${title.substr(0, 4)} 技术的普及，未来三年内相关产业规模将突破千亿大关。</p>`;
|
||
} else if (title.includes("体育") || title.includes("奥运") || title.includes("冠军") || title.includes("获胜")) {
|
||
body += `<p>比赛现场气氛热烈，观众席上座无虚席。双方队员都展现出了极高的竞技水平。最终，凭借关键时刻的一次精彩配合，确立了胜局。</p>`;
|
||
body += `<p>赛后发布会上，教练对队员的表现给予了高度评价，并表示将全力备战下一阶段的赛事。</p>`;
|
||
} else if (title.includes("灾") || title.includes("雨") || title.includes("震") || title.includes("火")) {
|
||
body += `<p>灾情发生后，当地政府立即启动了应急响应机制，消防、医疗和救援队伍第一时间赶赴现场。</p>`;
|
||
body += `<p>由于地形复杂，救援工作面临一定困难。目前，受灾群众的安置工作正在有序进行，物资供应充足。</p>`;
|
||
} else {
|
||
// General Fallback
|
||
body += `<p>事件发生后，引起了社会各界的广泛热议。记者随即走访了现场周边的群众，大家纷纷表示对此事高度关注。</p>`;
|
||
body += `<p>据知情人士透露，相关部门已经介入调查，并将于近期公布进一步的处理结果。专家呼吁，应当建立长效机制来解决此类问题，避免类似情况再次发生。</p>`;
|
||
}
|
||
|
||
// Conclusion
|
||
body += `<p>从目前的发展态势来看，${title} 带来的影响还将持续一段时间。Global Daily 将继续关注事态进展，为您带来后续报道。</p>`;
|
||
|
||
return body;
|
||
}
|
||
|
||
function closeModal() { document.getElementById('modal-container').style.display = 'none'; }
|
||
function showCustomAlert(msg) { createModal("系统提示", msg, false); }
|
||
function showCustomConfirm(msg, callback) { createModal("确认操作", msg, true, callback); }
|
||
</script>
|
||
|
||
<center class="ad-banner">
|
||
<!-- Top Ad Hidden -->
|
||
</center>
|
||
|
||
<!-- Header -->
|
||
<center>
|
||
<table class="header-container" width="100%">
|
||
<tr>
|
||
<td width="25%">
|
||
<h1 class="logo">Global<span>Daily</span></h1>
|
||
<small class="logo-sub">Connecting the World Since 1998</small>
|
||
</td>
|
||
<td width="45%" align="center">
|
||
<form class="search-box" onsubmit="event.preventDefault(); showCustomAlert('正在搜索全站数据库，请稍候...');">
|
||
<input type="text" placeholder="请输入关键词 (如: 经济, AI, 世界杯)">
|
||
<input type="submit" value="搜索">
|
||
</form>
|
||
</td>
|
||
<td width="30%" class="meta-info">
|
||
<div id="live-date">2026年1月19日 星期一</div>
|
||
<div id="live-time" style="font-size:20px; font-weight:bold; color:var(--primary); margin:5px 0;">12:00:00</div>
|
||
<div>
|
||
<span style="display:inline-block; width:10px; height:10px; background:#2ecc71; border-radius:50%;"></span> 北京 | 15°C 晴 | PM2.5: 45
|
||
</div>
|
||
<div class="mt-10">
|
||
<a href="javascript:void(0)" onclick="showCustomAlert('请在右侧侧边栏登录')">登录</a>
|
||
<a href="javascript:void(0)" onclick="showCustomAlert('注册暂未开放')">注册</a>
|
||
<a href="javascript:void(0)" onclick="showCustomAlert('已收藏本站')">收藏本站</a>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</center>
|
||
|
||
<!-- Navigation -->
|
||
<center>
|
||
<table class="nav-container" width="100%">
|
||
<tr>
|
||
<td align="center">
|
||
<a href="#" class="nav-item active">首页</a>
|
||
<a href="javascript:void(0)" class="nav-item">国际局势</a>
|
||
<a href="javascript:void(0)" class="nav-item">中国新闻</a>
|
||
<a href="javascript:void(0)" class="nav-item">全球财经</a>
|
||
<a href="javascript:void(0)" class="nav-item">科技前沿</a>
|
||
<a href="javascript:void(0)" class="nav-item">军事防务</a>
|
||
<a href="javascript:void(0)" class="nav-item">体育竞技</a>
|
||
<a href="javascript:void(0)" class="nav-item">娱乐星闻</a>
|
||
<a href="javascript:void(0)" class="nav-item">房产汽车</a>
|
||
<a href="javascript:void(0)" class="nav-item">教育职场</a>
|
||
<a href="javascript:void(0)" class="nav-item">文化旅游</a>
|
||
<a href="javascript:void(0)" class="nav-item">论坛博客</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</center>
|
||
|
||
<!-- Ticker -->
|
||
<center>
|
||
<div class="ticker-wrap">
|
||
<div class="ticker-label">快讯</div>
|
||
<div class="ticker">
|
||
<div class="ticker__item">【重磅】全球经济复苏步伐加快，IMF 上调增长预期至 3.5%</div>
|
||
<div class="ticker__item">【科技】SpaceX 星舰第十次试飞成功，回收画面震撼全球</div>
|
||
<div class="ticker__item">【体育】欧洲杯决赛场地确定，预计将吸引 10 万名观众</div>
|
||
<div class="ticker__item">【社会】新一轮降温即将来袭，北方多地将迎来降雪</div>
|
||
<div class="ticker__item">【财经】纳斯达克指数创历史新高，科技股领涨</div>
|
||
</div>
|
||
</div>
|
||
</center>
|
||
|
||
<!-- Main Body -->
|
||
<center>
|
||
<table width="100%" class="main-grid-container" border="0" cellspacing="5" cellpadding="0">
|
||
|
||
<tr>
|
||
|
||
<td width="220" valign="top" class="left-col">
|
||
<!-- Navigation Menu -->
|
||
<div class="card-panel" style="padding:0 !important;">
|
||
<table class="left-nav-table">
|
||
<tr><td class="left-nav-header">全站导航</td></tr>
|
||
<tr><td><a href="javascript:void(0)">🌍 国际观察</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">🇨🇳 国内要闻</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">💰 财经股市</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">🚀 科技前沿</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">⚔️ 军事防务</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">⚽ 体育竞技</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">🎬 娱乐影视</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">🏠 房产家居</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">🚗 汽车评测</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">🎮 游戏电竞</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">📖 教育培训</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">💊 健康医疗</a></td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- Tools -->
|
||
<div class="card-panel">
|
||
<div class="card-header">便民工具</div>
|
||
<div class="widget-grid">
|
||
<div class="widget-item" onclick="showCustomAlert('彩票数据加载中...')">🎰 彩票</div>
|
||
<div class="widget-item" onclick="showCustomAlert('正在连接 12306...')">🚆 火车</div>
|
||
<div class="widget-item" onclick="showCustomAlert('请输入航班号')">✈️ 航班</div>
|
||
<div class="widget-item" onclick="showCustomAlert('请输入运单号')">📦 快递</div>
|
||
<div class="widget-item" onclick="showCustomAlert('汇率计算器加载中')">💱 汇率</div>
|
||
<div class="widget-item" onclick="showCustomAlert('个税计算器加载中')">🧮 个税</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- History Today -->
|
||
<div class="card-panel">
|
||
<div class="card-header">历史今天</div>
|
||
<ul class="compact-list">
|
||
<li><span>1903</span> <a href="javascript:void(0)" onclick="showArticle('居里夫人获奖','1903年，居里夫妇获得诺贝尔物理学奖。')">居里夫人获奖</a></li>
|
||
<li><span>1964</span> <a href="javascript:void(0)" onclick="showArticle('肯尼迪遇刺','...')">肯尼迪遇刺案调查</a></li>
|
||
<li><span>1998</span> <a href="javascript:void(0)" onclick="showArticle('欧元启动','欧元正式启动。')">欧元正式启动</a></li>
|
||
<li><span>2008</span> <a href="javascript:void(0)" onclick="showArticle('奥运会倒计时','北京奥运会倒计时。')">北京奥运会筹备</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Horoscope -->
|
||
<div class="card-panel">
|
||
<div class="card-header">今日运势 <span>(12星座)</span></div>
|
||
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
|
||
<span style="font-size:32px;">♈</span>
|
||
<div style="text-align:right;">
|
||
<strong>白羊座</strong><br>
|
||
<small class="text-red">★★★★☆</small>
|
||
</div>
|
||
</div>
|
||
<p style="font-size:12px; color:#666; line-height:1.4;">今日事业运势极佳，适合开展新的项目。财运平平，注意理性消费。</p>
|
||
<div style="margin-top:10px; padding-top:10px; border-top:1px dashed #eee; font-size:12px;">
|
||
<span style="cursor:pointer; color:#004499;">查看其他星座 >></span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Vertical Ad -->
|
||
<div style="background:#e0e0e0; height:300px; display:flex; margin-bottom:15px; align-items:center; justify-content:center; color:#999; border:1px solid #ccc;">
|
||
广告位招租<br>联系电话: 888-8888
|
||
</div>
|
||
|
||
<!-- Specialized Columns -->
|
||
<div class="card-panel">
|
||
<table class="left-nav-table">
|
||
<tr><td class="left-nav-header" style="border-left-color:var(--accent) !important;">地方频道</td></tr>
|
||
<tr><td><a href="javascript:void(0)">📍 北京站</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">📍 上海站</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">📍 广州站</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">📍 深圳站</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">📍 杭州站</a></td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- Daily Poll -->
|
||
<div class="card-panel">
|
||
<div class="card-header">每日调查</div>
|
||
<p style="font-size:13px; margin-bottom:10px;"><strong>您主要通过什么渠道获取新闻？</strong></p>
|
||
<form>
|
||
<label style="display:block; margin-bottom:5px; font-size:13px;"><input type="radio" name="poll"> 社交媒体 APP</label>
|
||
<label style="display:block; margin-bottom:5px; font-size:13px;"><input type="radio" name="poll"> 传统门户网站</label>
|
||
<label style="display:block; margin-bottom:5px; font-size:13px;"><input type="radio" name="poll"> 电视/广播</label>
|
||
<label style="display:block; margin-bottom:10px; font-size:13px;"><input type="radio" name="poll"> 报纸杂志</label>
|
||
<button type="button" class="btn-login" style="width:100%; border-radius:15px;" onclick="showCustomAlert('感谢您的参与！结果显示 68% 的用户选择了社交媒体。')">提交投票</button>
|
||
</form>
|
||
</div>
|
||
</td>
|
||
|
||
<td valign="top" class="main-col">
|
||
|
||
<!-- Headline Focus (Enhanced) -->
|
||
<div class="card-panel highlight">
|
||
<div class="headline-box">
|
||
<h2 onclick="showArticle('全球可持续发展峰会今日在日内瓦闭幕', '经过三天的激烈讨论，全球峰会圆满落幕...')">全球峰会闭幕：通过《2030 气候行动宣言》</h2>
|
||
<div class="headline-meta">
|
||
<span>2026-01-19 08:30</span> |
|
||
<span>来源：Global Daily</span> |
|
||
<span>评论：<a href="javascript:void(0)" class="text-red">3,421</a></span>
|
||
</div>
|
||
<div class="headline-summary">
|
||
<strong>核心提示：</strong> 峰会达成多项历史性共识，包括在未来五年内将碳排放量减少 15%，建立 5000 亿美元的绿色转型基金。主要经济体承诺加快能源结构调整。分析人士认为，这将对全球能源市场产生深远影响。<a href="javascript:void(0)" style="color:var(--primary)">[全文]</a>
|
||
</div>
|
||
<div class="flex-row p-10" style="background:#f0f3f5; margin-top:15px; border-radius:4px;">
|
||
<a href="javascript:void(0)" class="text-red"><strong>[深度] 谁在为碳中和买单？</strong></a>
|
||
<span>|</span>
|
||
<a href="javascript:void(0)">新能源汽车产业链迎来重大利好</a>
|
||
<span>|</span>
|
||
<a href="javascript:void(0)">传统能源巨头的转型之路</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Secondary Headlines -->
|
||
<ul class="compact-list" style="font-size:14px; font-weight:bold;">
|
||
<li><a href="javascript:void(0)">• 国家统计局：上半年 GDP 同比增长 5.5%，经济运行稳中向好</a> <span>[09:00]</span></li>
|
||
<li><a href="javascript:void(0)">• 央行宣布下调存款准备金率 0.25 个百分点，释放长期资金</a> <span>[08:45]</span></li>
|
||
<li><a href="javascript:void(0)">• 科技部：我国量子计算领域取得重大突破，算力提升百倍</a> <span>[08:20]</span></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Tabbed News List -->
|
||
<div class="card-panel">
|
||
<div class="tab-header">
|
||
<div class="tab-btn active" onclick="switchTab(this, 'news-domestic')">国内新闻</div>
|
||
<div class="tab-btn" onclick="switchTab(this, 'news-intl')">国际视野</div>
|
||
<div class="tab-btn" onclick="switchTab(this, 'news-society')">社会百态</div>
|
||
<div style="flex:1; border-bottom:1px solid #ddd; position:relative; top:1px;"></div>
|
||
</div>
|
||
|
||
<div id="news-domestic" class="news-tab-content">
|
||
<ul class="news-list">
|
||
<li><a href="javascript:void(0)">各省市发布最新人才引进政策，最高补贴 200 万</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">教育部：在大中小学全面加强劳动教育</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">全国铁路实行新列车运行图，出行不仅更快而且更便宜</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">南方大范围降雨持续，防汛抗旱指挥部发布三级预警</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">文化和旅游部：春节期间旅游市场预测报告发布</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">我国成功发射两颗新型遥感卫星，用于国土资源普查</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">某大型跨海大桥全线贯通，连接两大经济特区</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">农业农村部：今年粮食生产目标稳定在 1.3 万亿斤以上</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">5G 网络覆盖全国所有地级市，用户突破 8 亿</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">【特写】大山里的守望者：乡村教师坚守三十年</a> <small>(01-17)</small></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div id="news-intl" class="news-tab-content" style="display:none;">
|
||
<ul class="news-list">
|
||
<li><a href="javascript:void(0)">美联储暗示可能暂停加息，全球股市应声大涨</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">欧盟就人工智能监管法案达成初步协议</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">日本央行维持超宽松货币政策不变，日元继续贬值</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">巴西热带雨林保护项目获得国际资金支持</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">英国王室举行盛大庆典，数万民众街头庆祝</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">马斯克宣布火星殖民计划新时间表，遭专家质疑</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">中东局势再度紧张，多国呼吁保持克制</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">澳洲山火肆虐，考拉栖息地受严重威胁</a> <small>(01-17)</small></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div id="news-society" class="news-tab-content" style="display:none;">
|
||
<ul class="news-list">
|
||
<li><a href="javascript:void(0)"><span class="text-red">[热点]</span> 男子中彩票头奖后隐瞒妻子，法院判决平分奖金</a></li>
|
||
<li><a href="javascript:void(0)">90后小伙辞职回乡创业，把竹编卖到全世界</a></li>
|
||
<li><a href="javascript:void(0)">老人摔倒扶不扶？小学生用行动给出了答案</a></li>
|
||
<li><a href="javascript:void(0)">城市流浪猫治理难题：爱心与环境的博弈</a></li>
|
||
<li><a href="javascript:void(0)">神秘买家 3 亿拍下古董花瓶，身份引发猜测</a></li>
|
||
<li><a href="javascript:void(0)">高校食堂推出"黑暗料理"：辣椒炒月饼，学生排队尝鲜</a></li>
|
||
<li><a href="javascript:void(0)">为了救孩子，外卖小哥冲进火场，被授荣誉市民</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Text Ad Banner -->
|
||
<div style="background:#fff9c4; border:1px solid #fbc02d; padding:10px; text-align:center; margin-bottom:20px; font-size:14px;">
|
||
<span style="background:red; color:white; padding:0 4px; font-size:12px; margin-right:5px;">广告</span>
|
||
<strong>全新商务英语课程上线，0基础也能学！ <a href="javascript:void(0)" onclick="showCustomAlert('广告屏蔽已启用')">[点击免费试听]</a> | <a href="javascript:void(0)">[Python 数据分析特训营]</a></strong>
|
||
</div>
|
||
|
||
<!-- Photo Center -->
|
||
<div class="card-panel">
|
||
<div class="card-header">
|
||
图片视界 <a href="javascript:void(0)">更多>></a>
|
||
</div>
|
||
<div class="img-grid" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">极地风光</div>
|
||
<p style="font-size:12px; margin-top:5px;">南极冰川消融</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">深海探险</div>
|
||
<p style="font-size:12px; margin-top:5px;">发现新物种</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">古迹修复</div>
|
||
<p style="font-size:12px; margin-top:5px;">千年壁画重现</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">火箭升空</div>
|
||
<p style="font-size:12px; margin-top:5px;">探索星辰大海</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">丰收季节</div>
|
||
<p style="font-size:12px; margin-top:5px;">金色麦浪</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">时尚T台</div>
|
||
<p style="font-size:12px; margin-top:5px;">巴黎时装周</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">灾难现场</div>
|
||
<p style="font-size:12px; margin-top:5px;">洪水无情人有情</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">可爱动物</div>
|
||
<p style="font-size:12px; margin-top:5px;">熊猫宝宝</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 2-Column Section: Finance & Tech -->
|
||
<div class="news-grid-2col">
|
||
<!-- Finance -->
|
||
<div class="card-panel">
|
||
<div class="section-title">
|
||
财经观察 <a href="javascript:void(0)" style="font-weight:normal; font-size:12px; color:#999;">更多 ></a>
|
||
</div>
|
||
<ul class="compact-list">
|
||
<li><a href="javascript:void(0)">A股三大指数集体收涨，创业板指涨超 2%</a></li>
|
||
<li><a href="javascript:void(0)">黄金价格再创新高，避险情绪升温</a></li>
|
||
<li><a href="javascript:void(0)" class="text-red">某知名房企宣布债务重组成功</a></li>
|
||
<li><a href="javascript:void(0)">油价迎年内第八次上调，加满一箱多花 8 元</a></li>
|
||
<li><a href="javascript:void(0)">数字人民币试点范围再次扩大</a></li>
|
||
<li><a href="javascript:void(0)">全球通胀压力缓解，加息周期或终结</a></li>
|
||
<li><a href="javascript:void(0)">巴菲特减持银行股，增持能源股</a></li>
|
||
<li><a href="javascript:void(0)">90后理财报告：更偏爱低风险稳健产品</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Tech -->
|
||
<div class="card-panel">
|
||
<div class="section-title">
|
||
科技前沿 <a href="javascript:void(0)" style="font-weight:normal; font-size:12px; color:#999;">更多 ></a>
|
||
</div>
|
||
<ul class="thumb-list">
|
||
<li>
|
||
<div class="thumb-img">AI芯片</div>
|
||
<div class="thumb-content">
|
||
<h4><a href="javascript:void(0)">国产 AI 芯片性能翻倍</a></h4>
|
||
<p>最新一代神经网络处理器发布，这标志着...</p>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="thumb-img">火星基地</div>
|
||
<div class="thumb-content">
|
||
<h4><a href="javascript:void(0)">NASA 公布火星基地概念图</a></h4>
|
||
<p>预计 2035 年实现首批人类登陆及定居...</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="compact-list">
|
||
<li><a href="javascript:void(0)">苹果发布 Vision Pro 2，重量减轻一半</a></li>
|
||
<li><a href="javascript:void(0)">安卓 16 系统预览版发布，主打隐私保护</a></li>
|
||
<li><a href="javascript:void(0)">量子计算机首次实现商业化应用</a></li>
|
||
<li><a href="javascript:void(0)">固态电池技术突破，续航可达 1000 公里</a></li>
|
||
<li><a href="javascript:void(0)">黑客组织声称攻破某大型社交平台数据库</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 2-Column Section: Sports & Entertainment -->
|
||
<div class="news-grid-2col" style="margin-top:0;">
|
||
<!-- Sports -->
|
||
<div class="card-panel">
|
||
<div class="section-title">
|
||
体育竞技 <a href="javascript:void(0)" style="font-weight:normal; font-size:12px; color:#999;">更多 ></a>
|
||
</div>
|
||
<ul class="compact-list">
|
||
<li><a href="javascript:void(0)" class="text-red">世界杯扩军至 48 支球队，亚洲区名额增加</a></li>
|
||
<li><a href="javascript:void(0)">NBA 总决赛 G6：湖人主场迎战凯尔特人</a></li>
|
||
<li><a href="javascript:void(0)">F1 摩纳哥大奖赛：法拉利车队包揽头排</a></li>
|
||
<li><a href="javascript:void(0)">温网：中国小将爆冷击败卫冕冠军晋级八强</a></li>
|
||
<li><a href="javascript:void(0)">国家队主教练下课，谁将接手帅印？</a></li>
|
||
<li><a href="javascript:void(0)">电竞入奥成定局？奥委会主席最新表态</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Entertainment -->
|
||
<div class="card-panel">
|
||
<div class="section-title">
|
||
娱乐星闻 <a href="javascript:void(0)" style="font-weight:normal; font-size:12px; color:#999;">更多 ></a>
|
||
</div>
|
||
<div style="display:grid; grid-template-columns: 1fr 1fr; gap:10px; margin-bottom:10px;">
|
||
<div class="img-placeholder" style="height:60px;">电影海报</div>
|
||
<div class="img-placeholder" style="height:60px;">演唱会</div>
|
||
</div>
|
||
<ul class="compact-list">
|
||
<li><a href="javascript:void(0)">春节档电影票房预测：科幻片或成最大赢家</a></li>
|
||
<li><a href="javascript:void(0)">某顶流明星偷税漏税被罚，工作室致歉</a></li>
|
||
<li><a href="javascript:void(0)">老牌摇滚乐队宣布解散，结束 30 年生涯</a></li>
|
||
<li><a href="javascript:void(0)">知名导演炮轰流量明星：由于演技太差...</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
|
||
<td valign="top" class="right-col">
|
||
|
||
<!-- Login Box -->
|
||
<div class="card-panel login-box" style="padding:15px !important;">
|
||
<h4 style="margin-bottom:10px; color:var(--primary);">会员登录</h4>
|
||
<form onsubmit="event.preventDefault(); showCustomAlert('正在连接认证服务器...<br>请稍后重试。')">
|
||
<input type="text" placeholder="用户名/邮箱">
|
||
<input type="password" placeholder="密码">
|
||
<div class="flex-row" style="font-size:12px; margin-bottom:10px;">
|
||
<label><input type="checkbox"> 自动登录</label>
|
||
<a href="javascript:void(0)" onclick="showCustomAlert('请联系管理员重置')">找回密码?</a>
|
||
</div>
|
||
<button class="btn-login">立即登录</button>
|
||
</form>
|
||
<div style="margin-top:10px; font-size:12px; text-align:center;">
|
||
<a href="javascript:void(0)" onclick="showCustomAlert('注册通道拥挤')">免费注册</a> | <a href="javascript:void(0)">使用微信登录</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Market Data -->
|
||
<div class="card-panel">
|
||
<div class="card-header">
|
||
市场行情 <span class="text-green" style="font-size:10px;">● 交易中</span>
|
||
</div>
|
||
<ul class="compact-list" style="font-family:monospace;">
|
||
<li><span>上证指数</span> <span class="text-red">3,452.12 ▲ 1.2%</span></li>
|
||
<li><span>深证成指</span> <span class="text-red">11,235.45 ▲ 0.8%</span></li>
|
||
<li><span>恒生指数</span> <span class="text-green">18,500.20 ▼ 0.5%</span></li>
|
||
<li><span>纳斯达克</span> <span class="text-red">14,890.00 ▲ 0.2%</span></li>
|
||
<li><span>黄金现货</span> <span class="text-red">2,035.50 ▲ 0.1%</span></li>
|
||
<li><span>布油连续</span> <span class="text-green">78.50 ▼ 1.2%</span></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- 24h Hot List -->
|
||
<div class="card-panel">
|
||
<div class="card-header">24小时热搜榜</div>
|
||
<ul class="rank-list">
|
||
<li><span class="rank-num">1</span> <a href="javascript:void(0)">某明星官宣离婚微博瘫痪</a></li>
|
||
<li><span class="rank-num">2</span> <a href="javascript:void(0)">全国多地发布高温预警</a></li>
|
||
<li><span class="rank-num">3</span> <a href="javascript:void(0)">油价即将大幅下调</a></li>
|
||
<li><span class="rank-num">4</span> <a href="javascript:void(0)">高考分数线公布时间</a></li>
|
||
<li><span class="rank-num">5</span> <a href="javascript:void(0)">新款 iPhone 谍照泄露</a></li>
|
||
<li><span class="rank-num">6</span> <a href="javascript:void(0)">退休人员养老金上调</a></li>
|
||
<li><span class="rank-num">7</span> <a href="javascript:void(0)">网红奶茶店排队 5 小时</a></li>
|
||
<li><span class="rank-num">8</span> <a href="javascript:void(0)">股市大涨原因分析</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Weather -->
|
||
<div class="card-panel" style="background: linear-gradient(to bottom right, #87CEFA, #4682B4) !important; color:white;">
|
||
<h4 style="margin-bottom:10px;">北京天气</h4>
|
||
<div class="flex-row">
|
||
<span style="font-size:40px;">☀</span>
|
||
<div style="text-align:right;">
|
||
<div style="font-size:24px; font-weight:bold;">25°C</div>
|
||
<small>晴转多云 / 微风</small>
|
||
</div>
|
||
</div>
|
||
<div style="font-size:12px; margin-top:10px; border-top:1px solid rgba(255,255,255,0.3); padding-top:5px;">
|
||
明日: 小雨 20°C - 24°C <br>
|
||
空气质量: 优 (35)
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Game Ad -->
|
||
<div style="border: 2px solid orange; padding: 10px; cursor: pointer; text-align:center; background:#fff3e0; margin-bottom:15px;" onclick="showCustomAlert('正在下载游戏客户端...')">
|
||
<h3 style="color:#d35400;">🔥 屠龙宝刀 点击就送 🔥</h3>
|
||
<p style="font-size:12px; color:#e67e22;">一刀 999 级，是兄弟就来砍我！</p>
|
||
<button style="background:#d35400; color:white; border:none; padding:5px 15px; border-radius:30px; margin-top:5px; cursor:pointer;">立即试玩</button>
|
||
</div>
|
||
|
||
<!-- Editor's Pick -->
|
||
<div class="card-panel">
|
||
<div class="card-header">编辑精选</div>
|
||
<ul class="compact-list">
|
||
<li><a href="javascript:void(0)">[深度] 年轻人为什么不爱看电视了？</a></li>
|
||
<li><a href="javascript:void(0)">[书评] 本月最值得阅读的十本好书</a></li>
|
||
<li><a href="javascript:void(0)">[探店] 隐藏在胡同里的米其林餐厅</a></li>
|
||
<li><a href="javascript:void(0)">[访谈] 专访诺贝尔文学奖得主</a></li>
|
||
<li><a href="javascript:void(0)">[辟谣] 关于新冠病毒的十大谣言</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Link Exchange -->
|
||
<div class="card-panel">
|
||
<div class="card-header">友情链接申请</div>
|
||
<p style="font-size:12px; color:#666; margin-bottom:10px;">欢迎各大网站交换链接，要求 PR>4, Alexa 排名 10 万以内。</p>
|
||
<button class="btn-login" style="background:#555;" onclick="showCustomAlert('请发送邮件至 link@globaldaily.com')">申请友链</button>
|
||
</div>
|
||
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</center>
|
||
|
||
<hr width="980">
|
||
|
||
<center>
|
||
<div class="footer-mega">
|
||
<!-- 栏目 1 -->
|
||
<div class="footer-col">
|
||
<h4>关于我们</h4>
|
||
<ul>
|
||
<li><a href="javascript:void(0)">公司简介</a></li>
|
||
<li><a href="javascript:void(0)">管理团队</a></li>
|
||
<li><a href="javascript:void(0)">发展历程</a></li>
|
||
<li><a href="javascript:void(0)">企业文化</a></li>
|
||
<li><a href="javascript:void(0)">社会责任</a></li>
|
||
<li><a href="javascript:void(0)">投资者关系</a></li>
|
||
<li><a href="javascript:void(0)">加入我们</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- 栏目 2 -->
|
||
<div class="footer-col">
|
||
<h4>产品服务</h4>
|
||
<ul>
|
||
<li><a href="javascript:void(0)">RSS 订阅</a></li>
|
||
<li><a href="javascript:void(0)">移动客户端</a></li>
|
||
<li><a href="javascript:void(0)">开放平台</a></li>
|
||
<li><a href="javascript:void(0)">网站地图</a></li>
|
||
<li><a href="javascript:void(0)">API 接口</a></li>
|
||
<li><a href="javascript:void(0)">数据与指数</a></li>
|
||
<li><a href="javascript:void(0)">广告投放</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- 栏目 3 -->
|
||
<div class="footer-col">
|
||
<h4>商务合作</h4>
|
||
<ul>
|
||
<li><a href="javascript:void(0)">市场合作</a></li>
|
||
<li><a href="javascript:void(0)">内容授权</a></li>
|
||
<li><a href="javascript:void(0)">品牌推广</a></li>
|
||
<li><a href="javascript:void(0)">会议赞助</a></li>
|
||
<li><a href="javascript:void(0)">企业服务</a></li>
|
||
<li><a href="javascript:void(0)">供稿服务</a></li>
|
||
<li><a href="javascript:void(0)">廉正举报</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- 栏目 4 -->
|
||
<div class="footer-col">
|
||
<h4>用户支持</h4>
|
||
<ul>
|
||
<li><a href="javascript:void(0)">帮助中心</a></li>
|
||
<li><a href="javascript:void(0)">用户反馈</a></li>
|
||
<li><a href="javascript:void(0)">账号与安全</a></li>
|
||
<li><a href="javascript:void(0)">隐私政策</a></li>
|
||
<li><a href="javascript:void(0)">用户协议</a></li>
|
||
<li><a href="javascript:void(0)">社区规范</a></li>
|
||
<li><a href="javascript:void(0)">未成年保护</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- 栏目 5 -->
|
||
<div class="footer-col">
|
||
<h4>友情链接</h4>
|
||
<ul>
|
||
<li><a href="javascript:void(0)">政府网站</a></li>
|
||
<li><a href="javascript:void(0)">新闻联盟</a></li>
|
||
<li><a href="javascript:void(0)">高校主页</a></li>
|
||
<li><a href="javascript:void(0)">公益基金</a></li>
|
||
<li><a href="javascript:void(0)">国际媒体</a></li>
|
||
<li><a href="javascript:void(0)">TechBlog</a></li>
|
||
<li><a href="javascript:void(0)">财经网</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- 栏目 6 -->
|
||
<div class="footer-col">
|
||
<h4>关注我们</h4>
|
||
<div style="display: flex; gap: 10px; margin-bottom: 10px;">
|
||
<div style="width: 30px; height: 30px; background: #ddd; border-radius: 4px;"></div>
|
||
<div style="width: 30px; height: 30px; background: #ddd; border-radius: 4px;"></div>
|
||
<div style="width: 30px; height: 30px; background: #ddd; border-radius: 4px;"></div>
|
||
</div>
|
||
<ul>
|
||
<li><a href="javascript:void(0)">官方微博</a></li>
|
||
<li><a href="javascript:void(0)">微信公众号</a></li>
|
||
<li><a href="javascript:void(0)">抖音号</a></li>
|
||
<li><a href="javascript:void(0)">邮件订阅</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="border-top: 1px solid var(--border-color); width: 980px; margin: 20px auto; padding-top: 20px;">
|
||
<p style="color: #666; font-size: 12px; line-height: 1.8;">
|
||
Copyright © 1998-2025 Global Daily News Inc. All Rights Reserved. <br>
|
||
互联网新闻信息服务许可证：1012025001 | 增值电信业务经营许可证：京 B2-20250088 | 广播电视节目制作经营许可证：（京）字第0678号<br>
|
||
信息网络传播视听节目许可证：0102333号 | 网络文化经营许可证：京网文[2025]1024-009号 | 互联网宗教信息服务许可证：京（2025）0000001<br>
|
||
违法和不良信息举报电话：12377 | 举报邮箱：jubao@globaldaily.com | 从业人员职业道德监督电话：010-88888888<br>
|
||
<a href="javascript:void(0)" style="color:#666; text-decoration:none;">京公网安备 11000002000001号</a>
|
||
</p>
|
||
</div>
|
||
</center>
|
||
|
||
<script>
|
||
// -------------------------------------------------------------------------
|
||
// 核心功能：时间更新
|
||
// -------------------------------------------------------------------------
|
||
function updateTime() {
|
||
const now = new Date();
|
||
const timeString = now.toLocaleTimeString('zh-CN', { hour12: false });
|
||
const dateString = now.toLocaleDateString('zh-CN', { month: 'long', day: 'numeric', weekday: 'long' });
|
||
|
||
const timeEl = document.getElementById('time-span');
|
||
if (timeEl) timeEl.textContent = `${dateString} ${timeString}`;
|
||
}
|
||
setInterval(updateTime, 1000);
|
||
updateTime();
|
||
|
||
// -------------------------------------------------------------------------
|
||
// 核心功能：模拟股票/指数即时跳动
|
||
// -------------------------------------------------------------------------
|
||
function simulateStockTicks() {
|
||
const stocks = document.querySelectorAll('.market-item .value, .stock-card .price');
|
||
// 每次随机选 1-3 个进行跳动
|
||
const count = Math.floor(Math.random() * 3) + 1;
|
||
|
||
for (let i = 0; i < count; i++) {
|
||
const idx = Math.floor(Math.random() * stocks.length);
|
||
const el = stocks[idx];
|
||
if (!el) continue;
|
||
|
||
const text = el.innerText;
|
||
// 简单解析数字，假设格式如 '33,260.40' 或 '3550.00'
|
||
let val = parseFloat(text.replace(/,/g, ''));
|
||
if (isNaN(val)) continue;
|
||
|
||
// 随机涨跌 0.01% - 0.05%
|
||
const change = val * (Math.random() * 0.001 - 0.0005);
|
||
let newVal = val + change;
|
||
|
||
// 决定颜色
|
||
const row = el.closest('.market-item') || el.closest('.stock-card');
|
||
if (row) {
|
||
// 暂时简单的闪烁效果
|
||
el.style.color = change > 0 ? '#d32f2f' : '#388e3c';
|
||
setTimeout(() => {
|
||
// 恢复原有颜色类控制，这里简单处理
|
||
// 实际项目中会移除 inline style
|
||
// el.style.color = '';
|
||
}, 800);
|
||
|
||
// 更新涨跌额/幅 (如果有的话)
|
||
// 仅演示数值变化
|
||
}
|
||
|
||
el.innerText = newVal.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
||
}
|
||
}
|
||
setInterval(simulateStockTicks, 1500);
|
||
|
||
// -------------------------------------------------------------------------
|
||
// 核心功能：Tab 切换
|
||
// -------------------------------------------------------------------------
|
||
window.switchTab = function(btn, tabId) {
|
||
// 找到该 tab 组的 container
|
||
// 这里的假设是 html 结构为: .tabs-header > button, .tabs-content > .tab-pane
|
||
// 我们通过 parentElement 找到 header，再找 sibling content
|
||
const header = btn.parentElement;
|
||
const wrapper = header.parentElement; // .news-tabs-wrapper usually
|
||
|
||
// 移除 header 下所有 btn 的 active
|
||
const btns = header.querySelectorAll('.tab-btn');
|
||
btns.forEach(b => b.classList.remove('active'));
|
||
btn.classList.add('active');
|
||
|
||
// 隐藏所有 pane
|
||
const panes = wrapper.querySelectorAll('.tab-pane');
|
||
panes.forEach(p => p.classList.remove('active'));
|
||
|
||
// 显示目标 pane
|
||
const target = document.getElementById(tabId);
|
||
if (target) {
|
||
target.classList.add('active');
|
||
}
|
||
};
|
||
|
||
// -------------------------------------------------------------------------
|
||
// 核心功能：深色模式切换
|
||
// -------------------------------------------------------------------------
|
||
function toggleTheme() {
|
||
const html = document.documentElement;
|
||
const currentTheme = html.getAttribute('data-theme');
|
||
|
||
if (currentTheme === 'dark') {
|
||
html.removeAttribute('data-theme');
|
||
// 更新 icon 状态 (如果有)
|
||
} else {
|
||
html.setAttribute('data-theme', 'dark');
|
||
}
|
||
}
|
||
|
||
// -------------------------------------------------------------------------
|
||
// 辅助功能：简单的 Modal 替代 alert (优化体验)
|
||
// -------------------------------------------------------------------------
|
||
window.alert = function(msg) {
|
||
// 创建一个简单的 toast
|
||
const toast = document.createElement('div');
|
||
toast.style.cssText = `
|
||
position: fixed;
|
||
top: 20px;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
background: rgba(0,0,0,0.8);
|
||
color: white;
|
||
padding: 12px 24px;
|
||
border-radius: 4px;
|
||
z-index: 9999;
|
||
font-size: 14px;
|
||
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
|
||
animation: fadeIn 0.3s ease;
|
||
`;
|
||
toast.innerText = msg;
|
||
document.body.appendChild(toast);
|
||
|
||
setTimeout(() => {
|
||
toast.style.opacity = '0';
|
||
setTimeout(() => toast.remove(), 300);
|
||
}, 2000);
|
||
};
|
||
|
||
// -------------------------------------------------------------------------
|
||
// 增强交互：内容数据源
|
||
// -------------------------------------------------------------------------
|
||
const siteContent = {
|
||
'home': {
|
||
title: "首页",
|
||
headline: { title: "全球峰会闭幕：通过《2030 气候行动宣言》", summary: "峰会达成多项历史性共识，包括在未来五年内将碳排放量减少 15%，建立 5000 亿美元的绿色转型基金。主要经济体承诺加快能源结构调整。分析人士认为，这将对全球能源市场产生深远影响。" },
|
||
tabs: { t1: "国内新闻", t2: "国际视野", t3: "社会百态" },
|
||
news1: ["各省市发布最新人才引进政策，最高补贴 200 万", "教育部：在大中小学全面加强劳动教育", "全国铁路实行新列车运行图", "南方大范围降雨持续"],
|
||
news2: ["美联储暗示可能暂停加息，全球股市应声大涨", "欧盟就人工智能监管法案达成初步协议", "日本央行维持超宽松货币政策不变"],
|
||
news3: ["男子中彩票头奖后隐瞒妻子，法院判决平分奖金", "90后小伙辞职回乡创业，把竹编卖到全世界", "老人摔倒扶不扶？小学生用行动给出了答案"],
|
||
col1Title: "财经观察", col1List: ["A股三大指数集体收涨", "黄金价格再创新高", "数字人民币试点范围再次扩大"],
|
||
col2Title: "科技前沿", col2List: ["国产 AI 芯片性能翻倍", "NASA 公布火星基地概念图", "量子计算机首次实现商业化应用"]
|
||
},
|
||
'intl': {
|
||
title: "国际局势",
|
||
headline: { title: "联合国紧急会议：呼吁中东各方立即停火", summary: "随着冲突进一步升级，联合国安理会召开紧急会议，各成员国代表就停火协议草案进行激烈辩论。秘书长呼吁对平民进行人道主义援助，并警告局势失控将带来灾难性后果。" },
|
||
tabs: { t1: "大国博弈", t2: "地区冲突", t3: "全球治理" },
|
||
news1: ["美俄外长将在日内瓦举行新一轮战略稳定对话", "欧洲能源危机持续发酵，多国出台限电措施", "G7 峰会闭幕，发表联合声明关注供应链安全"],
|
||
news2: ["中东某国边境发生交火，造成多人伤亡", "非洲联盟呼吁国际社会关注粮食安全问题", "半岛局势紧张，邻国举行大规模军事演习"],
|
||
news3: ["世卫组织发布最新疫情报告，关注变异毒株", "《巴黎协定》签署五周年，全球减排进展盘点", "国际奥委会宣布新增多个比赛项目"],
|
||
col1Title: "外交动态", col1List: ["某国大使馆重开，双边关系破冰", "外交部发言人就热点问题答记者问", "多国领导人互致贺电"],
|
||
col2Title: "深度分析", col2List: ["【专栏】地缘政治格局下的资源争夺", "欧洲一体化面临的新挑战", "新兴市场国家的崛起之路"]
|
||
},
|
||
'china': {
|
||
title: "中国新闻",
|
||
headline: { title: "乡村振兴战略全面推进：数字农业成新引擎", summary: "农业农村部发布最新指导意见，将大数据、联网技术深度融入农业生产全过程。试点地区显示，智慧农业使亩产提升 30%，农民收入显著增长。这标志着我国农业现代化迈入新阶段。" },
|
||
tabs: { t1: "时政要闻", t2: "民生热点", t3: "法治社会" },
|
||
news1: ["国务院常务会议部署稳经济一揽子政策", "全国人大常委会审议多项法律草案", "发改委：下半年经济将保持平稳运行"],
|
||
news2: ["社保基金运行平稳，养老金按时足额发放", "多地启动老旧小区改造工程", "新一轮医保药品目录调整工作展开"],
|
||
news3: ["最高法发布指导性案例，明确网络暴力认定标准", "公安部开展夏季治安打击整治行动", "某地警方破获特大跨国电信诈骗案"],
|
||
col1Title: "区域发展", col1List: ["长三角一体化发展重大项目集中开工", "粤港澳大湾区人才流动更加便捷", "西部陆海新通道建设取得新进展"],
|
||
col2Title: "大国重器", col2List: ["国产大飞机 C919 获得新订单", "我国深海载人潜水器刷新下潜纪录", "新型高铁列车投入运营，时速达 450 公里"]
|
||
},
|
||
'finance': {
|
||
title: "全球财经",
|
||
headline: { title: "全球央行年会风向标：通胀受控，降息在即？", summary: "杰克逊霍尔年会上，多位央行行长释放出货币政策转向的信号。市场普遍预期，随着供应链恢复和能源价格回落，主要经济体将在下季度开启降息周期，这将对资本市场注入强劲力。" },
|
||
tabs: { t1: "股市债市", t2: "宏观经济", t3: "公司财报" },
|
||
news1: ["道指纳指双双高开，科技股领涨", "十年期美债收益率跌破 4% 关口", "港股科技指数大涨，互联网巨头反弹"],
|
||
news2: ["IMF 上调全球经济增长预期", "经合组织发布最新贸易报告", "世行警告新兴市场债务风险"],
|
||
news3: ["苹果发布财报，服务业务营收创新高", "特斯拉降价促销，销量同比增长 50%", "某国内大厂宣布万人招聘计划"],
|
||
col1Title: "理财投资", col1List: ["黄金ETF持续净流入，避险需求旺盛", "公募基金发行回暖，爆款产品再现", "银行理财收益率止跌回升"],
|
||
col2Title: "楼市观察", col2List: ["一线城市房贷利率下调，楼市成交回暖", "房企融资环境改善，债务违约风险降低", "租赁市场规范化发展"]
|
||
},
|
||
'tech': {
|
||
title: "科技前沿",
|
||
headline: { title: "脑机接口重大突破：瘫痪患者实现意念打字", summary: "Neuralink 团队宣布，首位植入脑机接口芯片的志愿者已能通过意念流畅操作电脑光标，打字速度接近常人。这一突破性进展为数百万脊髓损伤患者带来了重获新生的希望。" },
|
||
tabs: { t1: "人工智能", t2: "硬科技", t3: "未来探索" },
|
||
news1: ["GPT-5 预计年底发布，具备自主推理能力", "AI 绘画版权归属首例判决生效", "多国签署 AI 安全监管协议"],
|
||
news2: ["台积电 2nm 工艺试产顺利，良率超预期", "国产光刻机核心零部件取得突破", "英伟达发布新一代核弹级显卡"],
|
||
news3: ["SpaceX 星舰成功入轨，开启火星时代", "詹姆斯·韦伯望远镜发现宜居星球", "可控核聚变实验维持时间创新高"],
|
||
col1Title: "互联网", col1List: ["Metaverse 概念退潮，巨头转向生成式 AI", "TikTok 在海外推出电商业务", "谷歌面临反垄断诉讼拆分风险"],
|
||
col2Title: "生物医药", col2List: ["mRNA 癌症疫苗进入三期临床试验", "基因编辑技术治愈地中海贫血", "新型抗生素应对超级细菌威胁"]
|
||
},
|
||
'sports': {
|
||
title: "体育竞技",
|
||
headline: { title: "欧冠决赛前瞻：豪门对决，谁能登顶欧洲之巅？", summary: "皇家马德里将在温布利球场迎战曼城。皇马拥有欧冠基因，而曼城则渴望卫冕。哈兰德与贝林厄姆的新老金球对决成为最大看点。预计全球将有超过 10 亿观众收看这场巅峰对决。" },
|
||
tabs: { t1: "国际足球", t2: "篮球NBA", t3: "综合体育" },
|
||
news1: ["梅西宣布将代表阿根廷参加美加墨世界杯", "姆巴佩转会皇马，身披 9 号战袍", "利物浦逆转战胜曼联，保留争四希望"],
|
||
news2: ["库里单场 10 记三分，勇士力克湖人", "詹姆斯达成 40000 分里程碑", "马刺状元文班亚马当选最佳新秀"],
|
||
news3: ["F1 红牛车队提前三站锁定车队总冠军", "德约科维奇夺得第 25 个大满贯", "中国女排集结备战巴黎奥运会"],
|
||
col1Title: "中国军团", col1List: ["国乒包揽世乒赛五项冠军", "中国游泳队打破世界纪录", "全红婵全运会再现水花消失术"],
|
||
col2Title: "体坛花边", col2List: ["贝克汉姆纪录片热播，揭秘私生活", "C罗豪宅曝光，价值上亿欧元", "乔丹球鞋拍卖出天价"]
|
||
},
|
||
'ent': {
|
||
title: "娱乐星闻",
|
||
headline: { title: "第 98 届奥斯卡提名揭晓：科幻巨制横扫 12 项提名", summary: "诺兰新片《奥本海默的幽灵》获得最佳影片、最佳导演等 12 项提名，领跑全场。亚洲电影也在本届奥斯卡上大放异彩，多部影片入围最佳国际影片奖。颁奖典礼将于下月在洛杉矶举行。" },
|
||
tabs: { t1: "电影资讯", t2: "明星八卦", t3: "综艺热播" },
|
||
news1: ["《流浪地球3》定档大年初一，吴京回归", "漫威新阶段计划公布，复联 5 上映推迟", "宫崎骏新作国内定档，影迷期待"],
|
||
news2: ["某顶流恋情曝光，微博服务器再次瘫痪", "泰勒斯威夫特巡演带动数十亿经济", "权志龙从警局无罪释放"],
|
||
news3: ["《乘风破浪的姐姐》第五季名单泄露", "脱口秀大会决赛爆冷，新人夺冠", "跑男团成员大换血，观众褒贬不一"],
|
||
col1Title: "音乐现场", col1List: ["周杰伦嘉年华巡演官宣海口站", "草莓音乐节阵容公布，大牌云集", "五月天鸟巢演唱会场场爆满"],
|
||
col2Title: "剧集追踪", col2List: ["《庆余年3》开机，原班人马回归", "网飞版《三体》口碑两极分化", "HBO 神剧《继承之战》大结局"]
|
||
}
|
||
};
|
||
|
||
// -------------------------------------------------------------------------
|
||
// 增强交互：全局事件代理 (数据驱动内容渲染)
|
||
// -------------------------------------------------------------------------
|
||
document.addEventListener('click', function(e) {
|
||
const link = e.target.closest('a');
|
||
if (!link) return;
|
||
if (link.getAttribute('onclick')) return;
|
||
|
||
const text = link.innerText.trim();
|
||
if (!text) return;
|
||
|
||
// 绑定 key 到 nav-item (简单映射)
|
||
let key = 'home';
|
||
if (text.includes("国际")) key = 'intl';
|
||
if (text.includes("中国") || text.includes("国内")) key = 'china';
|
||
if (text.includes("财经")) key = 'finance';
|
||
if (text.includes("科技") || text.includes("科学")) key = 'tech';
|
||
if (text.includes("体育")) key = 'sports';
|
||
if (text.includes("娱乐") || text.includes("星闻")) key = 'ent';
|
||
|
||
// 1. 顶部 & 左侧导航栏交互 - 切换内容
|
||
if (link.classList.contains('nav-item') || link.closest('.left-nav-table') || link.closest('.footer-mega')) {
|
||
e.preventDefault();
|
||
|
||
// 导航高亮逻辑
|
||
if (link.classList.contains('nav-item')) {
|
||
document.querySelectorAll('.nav-item').forEach(el => el.classList.remove('active'));
|
||
link.classList.add('active');
|
||
}
|
||
|
||
// 如果有数据，渲染页面
|
||
if (siteContent[key]) {
|
||
const data = siteContent[key];
|
||
|
||
// 模拟加载延迟 (300ms)
|
||
const mainCol = document.querySelector('.main-col');
|
||
mainCol.style.opacity = '0.5';
|
||
|
||
setTimeout(() => {
|
||
// 更新 Headline
|
||
const hlTitle = document.querySelector('.headline-box h2');
|
||
const hlSum = document.querySelector('.headline-summary');
|
||
|
||
if(hlTitle) {
|
||
hlTitle.innerText = data.headline.title;
|
||
// 关键修复：更新 onclick 以匹配新的标题
|
||
hlTitle.setAttribute('onclick', `showArticle('${data.headline.title.replace(/'/g, "\\'")}', '${data.headline.summary.replace(/'/g, "\\'")}')`);
|
||
}
|
||
if(hlSum) {
|
||
hlSum.innerHTML = `<strong>核心提示：</strong> ${data.headline.summary} <a href="javascript:void(0)" onclick="showArticle('${data.headline.title.replace(/'/g, "\\'")}', '${data.headline.summary.replace(/'/g, "\\'")}')" style="color:var(--primary); cursor:pointer;">[全文]</a>`;
|
||
}
|
||
|
||
// 更新 Tabs Headers
|
||
const tabBtns = document.querySelectorAll('.tab-btn');
|
||
if(tabBtns.length >= 3) {
|
||
tabBtns[0].innerText = data.tabs.t1;
|
||
tabBtns[1].innerText = data.tabs.t2;
|
||
tabBtns[2].innerText = data.tabs.t3;
|
||
}
|
||
|
||
// 更新 News Lists (简单清空重建)
|
||
const updateList = (id, list) => {
|
||
const container = document.getElementById(id);
|
||
if(!container) return;
|
||
const ul = container.querySelector('ul');
|
||
if(!ul) return;
|
||
ul.innerHTML = list.map(item => `<li><a href="javascript:void(0)">${item}</a> <small>(${new Date().getMonth()+1}-${new Date().getDate()})</small></li>`).join('');
|
||
};
|
||
updateList('news-domestic', data.news1);
|
||
updateList('news-intl', data.news2);
|
||
updateList('news-society', data.news3);
|
||
|
||
// 重置 Tab 为第一个
|
||
if(window.switchTab && tabBtns[0]) {
|
||
window.switchTab(tabBtns[0], 'news-domestic');
|
||
}
|
||
|
||
// 更新 Bottom Columns
|
||
const cols = document.querySelectorAll('.news-grid-2col .card-panel');
|
||
if(cols.length >= 2) {
|
||
// Col 1
|
||
const t1 = cols[0].querySelector('.section-title');
|
||
if(t1) t1.innerHTML = `${data.col1Title} <a href="javascript:void(0)" style="font-weight:normal; font-size:12px; color:#999;">更多 ></a>`;
|
||
const l1 = cols[0].querySelector('.compact-list');
|
||
if(l1) l1.innerHTML = data.col1List.map(i => `<li><a href="javascript:void(0)">${i}</a></li>`).join('');
|
||
|
||
// Col 2
|
||
const t2 = cols[1].querySelector('.section-title');
|
||
if(t2) t2.innerHTML = `${data.col2Title} <a href="javascript:void(0)" style="font-weight:normal; font-size:12px; color:#999;">更多 ></a>`;
|
||
const l2 = cols[1].querySelector('.compact-list'); // 注意 Tech 栏目可能有 thumb-list，这里简单处理，只找 compact-list
|
||
// 如果是 Tech 结构比较特殊，有 thumb-list, 这里为了简化逻辑，如果找到 ul 就根据 class 决定怎么塞，或者暴力替换
|
||
// 简单起见，我们假设所有栏目结构一致，或者我们不仅更新 text
|
||
// 针对 tech column 特殊处理一下
|
||
const ulList = cols[1].querySelectorAll('ul');
|
||
// 最后一个通常是 compact list
|
||
const lastUl = ulList[ulList.length-1];
|
||
if(lastUl) lastUl.innerHTML = data.col2List.map(i => `<li><a href="javascript:void(0)">${i}</a></li>`).join('');
|
||
}
|
||
|
||
mainCol.style.opacity = '1';
|
||
window.alert(`已为您载入【${data.title}】频道最新内容`);
|
||
}, 300);
|
||
} else {
|
||
// 没有匹配数据的频道
|
||
window.alert(`正在进入【${text}】频道... (数据建设中)`);
|
||
}
|
||
return;
|
||
}
|
||
|
||
// 2. 普通文章/链接兜底
|
||
if (link.getAttribute('href') === 'javascript:void(0)' || link.getAttribute('href') === '#') {
|
||
e.preventDefault();
|
||
if (text.length > 8) {
|
||
// 使用 generateFakeNews 生成内容，不再显示“模拟”字样
|
||
showArticle(text, "");
|
||
} else {
|
||
// 忽略数字等短链接
|
||
if(text.match(/^\d+$/)) return;
|
||
window.alert(`您点击了功能：[${text}]`);
|
||
}
|
||
}
|
||
});
|
||
|
||
console.log("Global Daily Portal Initialized. Version 2.4.0");
|
||
</script>
|
||
|
||
</body>
|
||
</html> |