419 lines
21 KiB
HTML
419 lines
21 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: #2c3e50;
|
||
--accent: #3498db;
|
||
--bg-body: #f4f6f8;
|
||
--bg-card: #ffffff;
|
||
--text-main: #333;
|
||
--text-light: #7f8c8d;
|
||
--border: #e0e0e0;
|
||
}
|
||
|
||
body { font-family: 'Segoe UI', Roboto, 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); }
|
||
ul { list-style: none; padding: 0; margin: 0; }
|
||
h1, h2, h3 { margin: 0; }
|
||
|
||
/* === 布局重构：将 Table 强制转为 Flex/Grid 结构 === */
|
||
/* 核心魔法：让 table 失去 table 的特性 */
|
||
table, tbody, tr, td { display: block; width: 100% !important; border: none !important; background: transparent !important; }
|
||
center { text-align: left; max-width: 1200px; margin: 0 auto; display: block; padding: 0 15px; }
|
||
|
||
/* 隐藏原生的 hr, font 标签的影响 */
|
||
hr { display: none; }
|
||
font { color: inherit !important; size: inherit !important; }
|
||
|
||
/* 顶部广告 - 隐藏 */
|
||
body > center:first-of-type { display: none; }
|
||
|
||
/* Header */
|
||
body > center:nth-of-type(2) table tr {
|
||
display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--border);
|
||
}
|
||
body > center:nth-of-type(2) table tr td { width: auto !important; }
|
||
|
||
h1 { font-size: 28px; font-weight: 700; color: var(--primary); letter-spacing: -1px; }
|
||
h1 + small { display: block; color: var(--text-light); font-size: 12px; }
|
||
|
||
/* 搜索框美化 */
|
||
form { display: flex; gap: 10px; align-items: center; }
|
||
input[type="text"] { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; outline: none; }
|
||
input[type="submit"] { background: var(--accent); color: white; border: none; padding: 8px 20px; border-radius: 4px; cursor: pointer; }
|
||
|
||
/* 导航栏 */
|
||
body > center:nth-of-type(3) table tr td {
|
||
background: var(--primary) !important; color: white; padding: 10px 20px !important; border-radius: 6px;
|
||
display: flex; gap: 20px; overflow-x: auto;
|
||
}
|
||
body > center:nth-of-type(3) a { color: rgba(255,255,255,0.8); font-weight: normal; font-size: 15px; }
|
||
body > center:nth-of-type(3) a:hover { color: white; }
|
||
/* 隐藏导航间的分隔符 "|" */
|
||
body > center:nth-of-type(3) { color: transparent; }
|
||
|
||
/* === 主体三栏布局 === */
|
||
body > center:nth-of-type(4) > table > tbody > tr {
|
||
display: grid; grid-template-columns: 240px 1fr 300px; gap: 20px; margin-top: 20px;
|
||
}
|
||
|
||
/* 通用卡片样式 */
|
||
.card-panel { background: var(--bg-card) !important; padding: 20px !important; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); margin-bottom: 20px; }
|
||
.card-header { font-size: 16px; font-weight: bold; border-bottom: 2px solid var(--accent); padding-bottom: 10px; margin-bottom: 15px; color: var(--primary); }
|
||
|
||
/* 左侧栏 */
|
||
.left-col table { margin-bottom: 20px; }
|
||
.left-col td { padding: 8px 0 !important; border-bottom: 1px solid #eee !important; font-size: 14px; }
|
||
/* 隐藏左侧栏的广告行 (bgcolor=#ffffcc) */
|
||
.left-col td[bgcolor="#ffffcc"] { display: none !important; }
|
||
/* 将标题行转为卡片标题 */
|
||
.left-col td[bgcolor="#003366"] { background: transparent !important; color: var(--primary) !important; font-weight: bold; font-size: 16px; border-bottom: 2px solid var(--accent) !important; padding: 0 0 10px 0 !important; margin-bottom: 10px; }
|
||
|
||
/* 中间栏 */
|
||
.main-col h2 { font-size: 24px; color: var(--text-main) !important; margin-bottom: 10px; }
|
||
.main-col p { color: #555; line-height: 1.6; margin-bottom: 15px; }
|
||
.main-col ul li { padding: 10px 0; border-bottom: 1px solid #eee; display: flex; align-items: baseline; }
|
||
.main-col ul li small { color: var(--accent); font-weight: bold; margin-right: 10px; width: 50px; }
|
||
|
||
/* 隐藏中间栏的伪装广告 (li type="circle") 和横幅广告 table */
|
||
.main-col li[type="circle"] { display: none !important; }
|
||
.main-col table[bgcolor="#ffe4e1"] { display: none !important; }
|
||
/* 隐藏下载链接 */
|
||
.main-col a b { font-weight: normal; } /* 重置加粗 */
|
||
|
||
/* 右侧栏 */
|
||
.right-col form { flex-direction: column; align-items: stretch; }
|
||
.right-col input { margin-bottom: 10px; width: 100%; box-sizing: border-box; }
|
||
/* 隐藏游戏广告 div */
|
||
.right-col div[style*="border: 2px solid orange"] { display: none !important; }
|
||
/* 隐藏系统警告 table */
|
||
.right-col table[bgcolor="#ffcccc"] { display: none !important; }
|
||
|
||
/* 底部 SEO 链接堆砌 - 弱化并折叠 */
|
||
body > center:last-of-type { margin-top: 50px; border-top: 1px solid #ddd; padding-top: 20px; text-align: center; }
|
||
body > center:last-of-type small a { color: #999; font-size: 12px; margin: 0 5px; display: inline-block; }
|
||
body > center:last-of-type b { display: block; margin-bottom: 10px; color: #555; }
|
||
|
||
/* 功能按钮 */
|
||
.theme-toggle { position: fixed; bottom: 20px; right: 20px; background: var(--primary); color: white; padding: 10px 15px; border-radius: 30px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 100; font-size: 14px; }
|
||
</style>
|
||
</head>
|
||
<body bgcolor="#ffffff" text="#000000" link="#0000EE" vlink="#551A8B" alink="#FF0000">
|
||
|
||
<div class="theme-toggle" onclick="toggleTheme()">🌙 切换模式</div>
|
||
|
||
<center class="ad-banner">
|
||
<table width="980" border="1" cellspacing="0" cellpadding="5" bgcolor="#ffffcc">
|
||
<tr>
|
||
<td align="center">
|
||
<font color="red" size="4"><b>恭喜！您是今天的第 999,999 位访客！</b></font><br>
|
||
<a href="#">[点击这里领取您的免费 iPhone]</a> - <a href="#">[只需 30 秒]</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</center>
|
||
<br>
|
||
|
||
<center>
|
||
<table width="980" border="0" cellspacing="0" cellpadding="0">
|
||
<tr>
|
||
<td width="30%">
|
||
<h1>Global Daily</h1>
|
||
<small>Since 1998 | Truth & Accuracy</small>
|
||
</td>
|
||
<td width="40%" align="center">
|
||
<form onsubmit="return false;">
|
||
<input type="text" size="30" placeholder="搜索新闻..."> <input type="submit" value="搜索">
|
||
<br>
|
||
<small style="display:none;"><a href="#">高级搜索</a> | <a href="#">归档</a></small>
|
||
</form>
|
||
</td>
|
||
<td width="30%" align="right">
|
||
<font size="2" id="live-clock">
|
||
北京时间: <span id="time-span">Loading...</span><br>
|
||
天气: 晴转多云 15°C<br>
|
||
<a href="#">登录</a> | <a href="#">注册</a>
|
||
</font>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</center>
|
||
|
||
<hr width="980">
|
||
|
||
<center>
|
||
<table width="980" border="1" cellspacing="0" cellpadding="5" bgcolor="#eeeeee">
|
||
<tr>
|
||
<td align="center">
|
||
<a href="#"><b>首页</b></a> |
|
||
<a href="#"><b>国际</b></a> |
|
||
<a href="#"><b>国内</b></a> |
|
||
<a href="#"><b>军事</b></a> |
|
||
<a href="#"><b>财经</b></a> |
|
||
<a href="#"><b>科技</b></a> |
|
||
<a href="#"><b>体育</b></a> |
|
||
<a href="#"><b>娱乐</b></a> |
|
||
<a href="#"><b>房产</b></a> |
|
||
<a href="#"><b>汽车</b></a> |
|
||
<a href="#"><b>论坛</b></a> |
|
||
<a href="#"><b>博客</b></a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</center>
|
||
<br>
|
||
|
||
<center>
|
||
<table width="980" border="0" cellspacing="5" cellpadding="0">
|
||
<tr>
|
||
|
||
<td width="180" valign="top" bgcolor="#f9f9f9" class="left-col">
|
||
<div class="card-panel">
|
||
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||
<tr><td bgcolor="#003366"><font color="white"><b>资讯频道</b></font></td></tr>
|
||
<tr><td><a href="#">即时新闻</a></td></tr>
|
||
<tr><td><a href="#">深度报道</a></td></tr>
|
||
<tr><td><a href="#">图片中心</a></td></tr>
|
||
<tr><td><a href="#">视频新闻</a></td></tr>
|
||
<tr><td><a href="#">社会万象</a></td></tr>
|
||
<tr><td><a href="#">奇闻异事</a></td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="card-panel">
|
||
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||
<tr><td bgcolor="#003366"><font color="white"><b>便民服务</b></font></td></tr>
|
||
<tr><td><a href="#">彩票开奖</a></td></tr>
|
||
<tr><td><a href="#">火车票查询</a></td></tr>
|
||
<tr><td><a href="#">违章查询</a></td></tr>
|
||
<tr><td><a href="#">快递查询</a></td></tr>
|
||
<tr><td bgcolor="#ffffcc"><a href="#"><b>快速减肥 30斤</b></a></td></tr>
|
||
<tr><td bgcolor="#ffffcc"><a href="#"><b>脱发有救了</b></a></td></tr>
|
||
<tr><td bgcolor="#ffffcc"><a href="#"><b>免费英语试听</b></a></td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="card-panel">
|
||
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||
<tr><td bgcolor="#003366"><font color="white"><b>每日调查</b></font></td></tr>
|
||
<tr>
|
||
<td>
|
||
<p style="margin-bottom:10px;">您如何看待 AI 的发展？</p>
|
||
<form>
|
||
<label><input type="radio" name="vote"> 非常看好</label>
|
||
<label><input type="radio" name="vote"> 有点担心</label>
|
||
<label><input type="radio" name="vote"> 完全不关心</label>
|
||
<br>
|
||
<center><input type="button" value="投票" onclick="alert('感谢您的投票！')"></center>
|
||
</form>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="card-panel" style="font-size:12px;">
|
||
<p><b>合作伙伴:</b></p>
|
||
<small style="line-height:2;">
|
||
<a href="#">新浪网</a> <a href="#">搜狐网</a>
|
||
<a href="#">网易</a> <a href="#">腾讯</a>
|
||
<a href="#">百度</a> <a href="#">谷歌</a>
|
||
</small>
|
||
</div>
|
||
</td>
|
||
|
||
<td width="540" valign="top" class="main-col">
|
||
|
||
<div class="card-panel">
|
||
<table width="100%" border="0">
|
||
<tr>
|
||
<td>
|
||
<h2><font color="#003366">全球峰会今日开幕：聚焦气候变化与经济复苏</font></h2>
|
||
<p>本报讯（记者 张三）第 58 届全球经济与气候峰会今日在日内瓦拉开帷幕。来自 120 个国家的代表将共同探讨...</p>
|
||
<div style="margin-top:10px;">
|
||
<a href="#" style="background:var(--primary); color:white; padding:5px 10px; border-radius:4px; font-size:12px;">查看全文</a>
|
||
<a href="#" style="color:var(--text-light); font-size:12px; margin-left:10px;">324 评论</a>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<hr>
|
||
|
||
<div class="card-panel">
|
||
<div class="card-header">今日要闻 <span style="font-weight:normal; font-size:12px; color:#999; float:right;">实时更新中</span></div>
|
||
<ul>
|
||
<li><small>[12:30]</small> <a href="#">科技巨头发布新款智能眼镜，售价令人震惊</a></li>
|
||
<li><small>[12:15]</small> <a href="#">股市午盘：三大指数全线飘红，科技股领涨</a></li>
|
||
<li><small>[11:58]</small> <a href="#">某地发现稀有矿产资源，储量巨大</a></li>
|
||
<li><small>[11:45]</small> <a href="#">专家建议：年轻人应该少喝咖啡多喝茶</a></li>
|
||
<li><small>[11:30]</small> <a href="#">国际油价小幅波动，市场观望情绪浓厚</a></li>
|
||
<li type="circle"><font color="red"><b>[推广] 震惊！90岁老中医竟然看起来像30岁，秘诀是...</b></font></li>
|
||
<li><small>[11:10]</small> <a href="#">教育部发布新规：中小学课程将迎来重大调整</a></li>
|
||
<li><small>[10:55]</small> <a href="#">城市交通拥堵治理方案出炉，下月起实施</a></li>
|
||
<li><small>[10:40]</small> <a href="#">考古新发现：千年古墓出土神秘文物</a></li>
|
||
<li><small>[10:20]</small> <a href="#">食品安全抽检：这 5 种零食不合格，请勿食用</a></li>
|
||
</ul>
|
||
</div>
|
||
<br>
|
||
|
||
<table width="100%" border="1" bgcolor="#ffe4e1">
|
||
<tr><td align="center">
|
||
<h3>英语不好？工资低？来这里，30天流利说英语！</h3>
|
||
<a href="#">>> 免费领取课程 <<</a>
|
||
</td></tr>
|
||
</table>
|
||
<br>
|
||
|
||
<div class="card-panel">
|
||
<div class="card-header">财经 & 科技</div>
|
||
<table width="100%" border="0" cellspacing="0" cellpadding="2" style="display:none;">
|
||
<tr><td bgcolor="#eeeeee" colspan="4"><b>财经快讯</b></td></tr>
|
||
</table>
|
||
<ul>
|
||
<li><a href="#">央行宣布降准 0.5 个百分点，释放长期资金</a></li>
|
||
<li><a href="#">某知名企业申请破产保护，负债百亿</a></li>
|
||
<li><a href="#">黄金价格创历史新高，投资者蜂拥而入</a></li>
|
||
<li><a href="#">SpaceX 再次成功发射星链卫星</a></li>
|
||
<li><a href="#">苹果公司暗示将于下月举行新品发布会</a></li>
|
||
<li><a href="#">Windows 12 界面曝光，风格大变</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="card-panel">
|
||
<div class="card-header">生活 & 百科</div>
|
||
<ul>
|
||
<li><a href="#">生活小贴士：如何去除衣物上的顽固污渍</a></li>
|
||
<li><a href="#">旅游攻略：这个冬天最适合去的十个地方</a></li>
|
||
<li><a href="#">健康养生：多吃这种蔬菜，对眼睛好</a></li>
|
||
<li><a href="#">职场法则：如何优雅地拒绝同事的请求</a></li>
|
||
<li><a href="#">历史揭秘：清朝灭亡的真正原因是什么？</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
</td>
|
||
|
||
<td width="260" valign="top" class="right-col">
|
||
|
||
<div class="card-panel">
|
||
<div class="card-header">会员登录</div>
|
||
<table width="100%" border="1" cellspacing="0" cellpadding="5">
|
||
<tr><td bgcolor="#003366" style="display:none;"><font color="white"><b>会员登录</b></font></td></tr>
|
||
<tr>
|
||
<td>
|
||
<form>
|
||
<input type="text" size="15" placeholder="用户名/邮箱">
|
||
<input type="password" size="15" placeholder="密码">
|
||
<div style="display:flex; justify-content:space-between; align-items:center;">
|
||
<label><input type="checkbox"> 记住我</label>
|
||
<a href="#" style="font-size:12px;">忘记密码?</a>
|
||
</div>
|
||
<input type="submit" value="登录" style="width:100%; margin-top:10px;">
|
||
</form>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<br>
|
||
|
||
<div class="card-panel">
|
||
<div class="card-header">24小时热度榜</div>
|
||
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||
<tr><td bgcolor="#eeeeee" style="display:none;"><b>24小时热度榜</b></td></tr>
|
||
<tr><td><span style="color:red; font-weight:bold; width:20px; display:inline-block;">1</span> <a href="#">某明星官宣离婚</a></td></tr>
|
||
<tr><td><span style="color:red; font-weight:bold; width:20px; display:inline-block;">2</span> <a href="#">彩票中奖 5 亿</a></td></tr>
|
||
<tr><td><span style="color:red; font-weight:bold; width:20px; display:inline-block;">3</span> <a href="#">油价今晚调整</a></td></tr>
|
||
<tr><td><span style="color:#ccc; font-weight:bold; width:20px; display:inline-block;">4</span> <a href="#">房价最新走势</a></td></tr>
|
||
<tr><td><span style="color:#ccc; font-weight:bold; width:20px; display:inline-block;">5</span> <a href="#">大学排名发布</a></td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div align="center" style="border: 2px solid orange; padding: 5px;">
|
||
<h3>🔥 热门游戏推荐 🔥</h3>
|
||
</div>
|
||
|
||
<div class="card-panel">
|
||
<div class="card-header">娱乐八卦</div>
|
||
<ul>
|
||
<li><a href="#">某知名导演夜会神秘女子</a></li>
|
||
<li><a href="#">乐坛天后复出，首场演唱会爆满</a></li>
|
||
<li><a href="#">盘点娱乐圈的十大未解之谜</a></li>
|
||
<li><a href="#">综艺节目频频翻车，观众不买账</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<table width="100%" border="1" bgcolor="#ffcccc">
|
||
</table>
|
||
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</center>
|
||
|
||
<hr width="980">
|
||
|
||
<center>
|
||
<table width="980" border="0">
|
||
<tr>
|
||
<td align="center">
|
||
<small>
|
||
<a href="#">关于我们</a> <a href="#">联系方式</a> <a href="#">招聘信息</a> <a href="#">广告服务</a> <a href="#">版权声明</a>
|
||
</small>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td align="center">
|
||
<div style="height: 50px; overflow: hidden; opacity: 0.5; font-size: 12px; margin-top: 20px;">
|
||
<b>友情链接:</b><br>
|
||
<a href="#">北京新闻</a> | <a href="#">上海新闻</a> | <a href="#">广州新闻</a> | <a href="#">深圳新闻</a>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td align="center">
|
||
<br>
|
||
<font color="#888888">
|
||
Copyright © 1998-2025 Global Daily News Inc. All Rights Reserved.
|
||
</font>
|
||
<br><br>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</center>
|
||
|
||
<script>
|
||
// 动态时间
|
||
function updateTime() {
|
||
const now = new Date();
|
||
const timeString = now.toLocaleTimeString('zh-CN', { hour12: false });
|
||
document.getElementById('time-span').textContent = timeString;
|
||
}
|
||
setInterval(updateTime, 1000);
|
||
updateTime();
|
||
|
||
// 模式切换
|
||
function toggleTheme() {
|
||
const root = document.documentElement;
|
||
const isDark = root.style.getPropertyValue('--bg-body') === '#1a1a1a';
|
||
|
||
if (isDark) {
|
||
root.style.setProperty('--bg-body', '#f4f6f8');
|
||
root.style.setProperty('--bg-card', '#ffffff');
|
||
root.style.setProperty('--text-main', '#333');
|
||
} else {
|
||
root.style.setProperty('--bg-body', '#1a1a1a');
|
||
root.style.setProperty('--bg-card', '#2c2c2c');
|
||
root.style.setProperty('--text-main', '#ddd');
|
||
}
|
||
}
|
||
|
||
console.log("Portal Loaded. Ad-block logic active.");
|
||
</script>
|
||
|
||
</body>
|
||
</html> |