<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>163 - 网易</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      body {
        font-family:
          "Microsoft YaHei",
          -apple-system,
          sans-serif;
        background: #f0f0f0;
        min-height: 100vh;
        color: #333;
      }
      .top-bar {
        background: #222;
        color: #aaa;
        font-size: 12px;
        padding: 5px 20px;
        display: flex;
        justify-content: space-between;
      }
      .top-bar a {
        color: #ccc;
        text-decoration: none;
        margin-left: 12px;
      }
      .header {
        background: #c41a1a;
        padding: 10px 20px;
        color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .logo {
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 2px;
      }
      .header-nav {
        display: flex;
        gap: 20px;
      }
      .header-nav a {
        color: rgba(255, 255, 255, 0.85);
        text-decoration: none;
        font-size: 14px;
      }
      .header-nav a:hover {
        color: #fff;
      }
      .ticker {
        background: #fff;
        padding: 8px 20px;
        border-bottom: 1px solid #eee;
        display: flex;
        align-items: center;
        gap: 12px;
        overflow: hidden;
      }
      .ticker-label {
        background: #c41a1a;
        color: #fff;
        padding: 2px 10px;
        border-radius: 3px;
        font-size: 12px;
        font-weight: 600;
        flex-shrink: 0;
      }
      .ticker-content {
        font-size: 13px;
        color: #333;
        white-space: nowrap;
        animation: ticker 30s linear infinite;
      }
      @keyframes ticker {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(-50%);
        }
      }
      .category-tabs {
        background: #fff;
        padding: 0 20px;
        border-bottom: 2px solid #c41a1a;
        display: flex;
        gap: 0;
      }
      .cat-tab {
        padding: 10px 20px;
        font-size: 14px;
        color: #666;
        cursor: pointer;
        transition: all 0.2s;
        border-bottom: 2px solid transparent;
        margin-bottom: -2px;
      }
      .cat-tab.active {
        color: #c41a1a;
        border-bottom-color: #c41a1a;
        font-weight: 600;
      }
      .cat-tab:hover:not(.active) {
        color: #333;
        background: #fafafa;
      }
      .layout {
        max-width: 1200px;
        margin: 16px auto;
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 16px;
        padding: 0 16px;
      }
      .main-news {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-bottom: 16px;
      }
      .news-featured {
        grid-column: span 2;
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        cursor: pointer;
        height: 280px;
      }
      .news-featured .nf-bg {
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, #1a1a2e, #16213e);
      }
      .news-featured .nf-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
        color: #fff;
      }
      .news-featured .nf-overlay h2 {
        font-size: 22px;
        margin-bottom: 6px;
      }
      .news-featured .nf-overlay p {
        font-size: 13px;
        opacity: 0.8;
      }
      .news-featured .nf-overlay .nf-tag {
        display: inline-block;
        background: #c41a1a;
        padding: 2px 8px;
        border-radius: 3px;
        font-size: 11px;
        margin-bottom: 8px;
      }
      .news-card {
        background: #fff;
        border-radius: 6px;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.2s;
      }
      .news-card:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        transform: translateY(-1px);
      }
      .news-card .img {
        height: 130px;
        position: relative;
      }
      .news-card .img .img-tag {
        position: absolute;
        top: 8px;
        left: 8px;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        padding: 2px 8px;
        border-radius: 3px;
        font-size: 11px;
      }
      .n-img-1 {
        background: linear-gradient(135deg, #e74c3c, #c0392b);
      }
      .n-img-2 {
        background: linear-gradient(135deg, #3498db, #2980b9);
      }
      .n-img-3 {
        background: linear-gradient(135deg, #27ae60, #219a52);
      }
      .n-img-4 {
        background: linear-gradient(135deg, #f39c12, #e67e22);
      }
      .n-img-5 {
        background: linear-gradient(135deg, #9b59b6, #8e44ad);
      }
      .n-img-6 {
        background: linear-gradient(135deg, #1abc9c, #16a085);
      }
      .n-img-7 {
        background: linear-gradient(135deg, #e67e22, #d35400);
      }
      .n-img-8 {
        background: linear-gradient(135deg, #2c3e50, #34495e);
      }
      .n-img-9 {
        background: linear-gradient(135deg, #c0392b, #96281b);
      }
      .n-img-10 {
        background: linear-gradient(135deg, #2980b9, #1a5276);
      }
      .n-img-11 {
        background: linear-gradient(135deg, #16a085, #0e6655);
      }
      .n-img-12 {
        background: linear-gradient(135deg, #8e44ad, #6c3483);
      }
      .news-card .text {
        padding: 10px 12px;
      }
      .news-card .text h3 {
        font-size: 14px;
        margin-bottom: 5px;
        line-height: 1.4;
      }
      .news-card .text p {
        font-size: 12px;
        color: #999;
      }
      .news-card .text .source {
        color: #c41a1a;
      }
      .news-list-section {
        margin-bottom: 20px;
      }
      .section-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px;
      }
      .section-header h2 {
        font-size: 18px;
        font-weight: 600;
        border-left: 3px solid #c41a1a;
        padding-left: 10px;
      }
      .section-header a {
        font-size: 13px;
        color: #999;
        text-decoration: none;
      }
      .section-header a:hover {
        color: #c41a1a;
      }
      .news-grid-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
      }
      .sidebar {
        display: flex;
        flex-direction: column;
        gap: 14px;
      }
      .sidebar-card {
        background: #fff;
        border-radius: 8px;
        padding: 16px;
      }
      .sidebar-card h3 {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .sidebar-card h3 .more {
        font-size: 12px;
        color: #999;
        font-weight: 400;
        cursor: pointer;
      }
      .weather-widget {
        background: linear-gradient(135deg, #4facfe, #00f2fe);
        border-radius: 8px;
        padding: 18px;
        color: #fff;
      }
      .weather-widget .w-city {
        font-size: 14px;
        opacity: 0.9;
        margin-bottom: 4px;
      }
      .weather-widget .w-temp {
        font-size: 42px;
        font-weight: 300;
      }
      .weather-widget .w-desc {
        font-size: 13px;
        opacity: 0.8;
        margin-top: 4px;
      }
      .weather-widget .w-detail {
        display: flex;
        gap: 16px;
        margin-top: 12px;
        font-size: 12px;
        opacity: 0.8;
      }
      .stock-widget .stock-item {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        border-bottom: 1px solid #f5f5f5;
        font-size: 13px;
      }
      .stock-widget .stock-item:last-child {
        border-bottom: none;
      }
      .stock-name {
        color: #333;
      }
      .stock-price {
        font-weight: 600;
      }
      .stock-up {
        color: #e74c3c;
      }
      .stock-down {
        color: #27ae60;
      }
      .sports-scores .score-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px solid #f5f5f5;
        font-size: 13px;
      }
      .sports-scores .score-item:last-child {
        border-bottom: none;
      }
      .score-teams {
        flex: 1;
      }
      .score-result {
        font-weight: 600;
        color: #c41a1a;
        flex-shrink: 0;
      }
      .hot-search .hs-item {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 6px 0;
        font-size: 13px;
        cursor: pointer;
      }
      .hs-item:hover {
        color: #c41a1a;
      }
      .hs-num {
        width: 18px;
        font-size: 12px;
        font-weight: 700;
        color: #ccc;
        text-align: center;
      }
      .hs-item:nth-child(1) .hs-num {
        color: #c41a1a;
      }
      .hs-item:nth-child(2) .hs-num {
        color: #ff6b35;
      }
      .hs-item:nth-child(3) .hs-num {
        color: #ffa500;
      }
      .video-section {
        margin-bottom: 20px;
      }
      .video-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
      }
      .video-card {
        background: #000;
        border-radius: 8px;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        height: 150px;
      }
      .video-card .v-bg {
        width: 100%;
        height: 100%;
      }
      .v-bg-1 {
        background: linear-gradient(135deg, #2c3e50, #3498db);
      }
      .v-bg-2 {
        background: linear-gradient(135deg, #8e44ad, #3498db);
      }
      .v-bg-3 {
        background: linear-gradient(135deg, #e74c3c, #f39c12);
      }
      .v-bg-4 {
        background: linear-gradient(135deg, #1abc9c, #2ecc71);
      }
      .video-card .v-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .video-card .v-info {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
        color: #fff;
      }
      .video-card .v-info h4 {
        font-size: 13px;
      }
      .video-card .v-info p {
        font-size: 11px;
        opacity: 0.7;
        margin-top: 2px;
      }
      .entertainment-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
      }
      .ent-card {
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.2s;
      }
      .ent-card:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
      }
      .ent-card .ent-img {
        height: 100px;
      }
      .ent-card .ent-info {
        padding: 8px 10px;
      }
      .ent-card .ent-info h4 {
        font-size: 13px;
        line-height: 1.4;
      }
      .ent-card .ent-info span {
        font-size: 11px;
        color: #999;
        margin-top: 4px;
        display: block;
      }
      .footer {
        background: #222;
        color: #999;
        padding: 24px 20px;
        text-align: center;
        margin-top: 20px;
      }
      .footer p {
        font-size: 12px;
        line-height: 2;
      }
      .footer a {
        color: #ccc;
        text-decoration: none;
        margin: 0 8px;
      }
      .footer a:hover {
        color: #fff;
      }
    </style>
  </head>
  <body>
    <div class="top-bar">
      <div>
        <a href="#">网易邮箱</a>
        <a href="#">网易云音乐</a>
        <a href="#">网易严选</a>
        <a href="#">网易游戏</a>
      </div>
      <div>
        <a href="#">登录</a>
        <a href="#">注册</a>
      </div>
    </div>
    <div class="header">
      <div class="logo">网易</div>
      <div class="header-nav">
        <a href="#">新闻</a>
        <a href="#">体育</a>
        <a href="#">娱乐</a>
        <a href="#">财经</a>
        <a href="#">科技</a>
        <a href="#">汽车</a>
        <a href="#">房产</a>
      </div>
    </div>
    <div class="ticker">
      <span class="ticker-label">快讯</span>
      <div class="ticker-content">
        国务院发布新一批稳增长政策措施 | 全球科技峰会在深圳举行 |
        央行宣布下调存款准备金率0.25个百分点 | 2026年高考时间确定 |
        全国多地迎来强降雨天气预警 | 新能源汽车销量再创新高 |
        中国航天完成新一轮载人飞行任务
      </div>
    </div>
    <div class="category-tabs">
      <div class="cat-tab active">要闻</div>
      <div class="cat-tab">国内</div>
      <div class="cat-tab">国际</div>
      <div class="cat-tab">军事</div>
      <div class="cat-tab">财经</div>
      <div class="cat-tab">科技</div>
      <div class="cat-tab">体育</div>
      <div class="cat-tab">娱乐</div>
      <div class="cat-tab">汽车</div>
      <div class="cat-tab">房产</div>
    </div>
    <div class="layout">
      <div class="main-content">
        <div class="main-news">
          <div class="news-featured">
            <div class="nf-bg"></div>
            <div class="nf-overlay">
              <span class="nf-tag">头条</span>
              <h2>国务院发布重要经济政策:推动高质量发展新举措</h2>
              <p>
                政策涵盖科技创新、产业升级、绿色发展等多个领域,为经济持续健康发展注入新动力
              </p>
            </div>
          </div>
          <div class="news-card">
            <div class="img n-img-1"><span class="img-tag">国内</span></div>
            <div class="text">
              <h3>全国多地积极推进城市更新改造项目</h3>
              <p><span class="source">人民日报</span> 1小时前</p>
            </div>
          </div>
          <div class="news-card">
            <div class="img n-img-2"><span class="img-tag">国际</span></div>
            <div class="text">
              <h3>联合国大会通过重要决议 推动全球合作</h3>
              <p><span class="source">新华社</span> 2小时前</p>
            </div>
          </div>
        </div>
        <div class="news-list-section">
          <div class="section-header">
            <h2>科技资讯</h2>
            <a href="#">更多 &gt;</a>
          </div>
          <div class="news-grid-3">
            <div class="news-card">
              <div class="img n-img-4"><span class="img-tag">科技</span></div>
              <div class="text">
                <h3>国产芯片实现新突破 性能大幅提升</h3>
                <p>网易科技 3小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-5"><span class="img-tag">AI</span></div>
              <div class="text">
                <h3>大模型技术加速落地 应用场景不断拓展</h3>
                <p>网易科技 4小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-6"><span class="img-tag">数码</span></div>
              <div class="text">
                <h3>多家厂商发布新品 智能手机市场竞争加剧</h3>
                <p>网易科技 5小时前</p>
              </div>
            </div>
          </div>
        </div>
        <div class="news-list-section">
          <div class="section-header">
            <h2>财经要闻</h2>
            <a href="#">更多 &gt;</a>
          </div>
          <div class="news-grid-3">
            <div class="news-card">
              <div class="img n-img-7"><span class="img-tag">财经</span></div>
              <div class="text">
                <h3>A股三大指数集体上涨 成交额突破万亿</h3>
                <p>网易财经 1小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-8"><span class="img-tag">基金</span></div>
              <div class="text">
                <h3>央行实施降准 释放长期流动性约5000亿</h3>
                <p>网易财经 2小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-9"><span class="img-tag">房产</span></div>
              <div class="text">
                <h3>多城楼市新政落地 购房门槛进一步降低</h3>
                <p>网易财经 3小时前</p>
              </div>
            </div>
          </div>
        </div>
        <div class="news-list-section">
          <div class="section-header">
            <h2>体育赛事</h2>
            <a href="#">更多 &gt;</a>
          </div>
          <div class="news-grid-3">
            <div class="news-card">
              <div class="img n-img-10"><span class="img-tag">足球</span></div>
              <div class="text">
                <h3>中超联赛激战正酣 争冠形势扑朔迷离</h3>
                <p>网易体育 2小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-11"><span class="img-tag">篮球</span></div>
              <div class="text">
                <h3>CBA季后赛火热进行 多支球队展现实力</h3>
                <p>网易体育 3小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-12"><span class="img-tag">网球</span></div>
              <div class="text">
                <h3>中国网球选手国际赛场再创佳绩</h3>
                <p>网易体育 4小时前</p>
              </div>
            </div>
          </div>
        </div>
        <div class="video-section">
          <div class="section-header">
            <h2>视频专区</h2>
            <a href="#">更多 &gt;</a>
          </div>
          <div class="video-grid">
            <div class="video-card">
              <div class="v-bg v-bg-1"></div>
              <div class="v-play">&#9654;</div>
              <div class="v-info">
                <h4>科技前沿:AI改变未来生活</h4>
                <p>播放 128万</p>
              </div>
            </div>
            <div class="video-card">
              <div class="v-bg v-bg-2"></div>
              <div class="v-play">&#9654;</div>
              <div class="v-info">
                <h4>纪录片:大国工匠精神</h4>
                <p>播放 89万</p>
              </div>
            </div>
            <div class="video-card">
              <div class="v-bg v-bg-3"></div>
              <div class="v-play">&#9654;</div>
              <div class="v-info">
                <h4>体育精彩瞬间集锦</h4>
                <p>播放 256万</p>
              </div>
            </div>
            <div class="video-card">
              <div class="v-bg v-bg-4"></div>
              <div class="v-play">&#9654;</div>
              <div class="v-info">
                <h4>美食探店:各地特色小吃</h4>
                <p>播放 67万</p>
              </div>
            </div>
          </div>
        </div>
        <div class="news-list-section">
          <div class="section-header">
            <h2>娱乐资讯</h2>
            <a href="#">更多 &gt;</a>
          </div>
          <div class="entertainment-grid">
            <div class="ent-card">
              <div class="ent-img n-img-3"></div>
              <div class="ent-info">
                <h4>热门电影票房破纪录</h4>
                <span>网易娱乐 1小时前</span>
              </div>
            </div>
            <div class="ent-card">
              <div class="ent-img n-img-5"></div>
              <div class="ent-info">
                <h4>知名歌手发布全新专辑</h4>
                <span>网易娱乐 2小时前</span>
              </div>
            </div>
            <div class="ent-card">
              <div class="ent-img n-img-1"></div>
              <div class="ent-info">
                <h4>综艺节目收视率创新高</h4>
                <span>网易娱乐 3小时前</span>
              </div>
            </div>
            <div class="ent-card">
              <div class="ent-img n-img-9"></div>
              <div class="ent-info">
                <h4>国际电影节获奖名单公布</h4>
                <span>网易娱乐 4小时前</span>
              </div>
            </div>
          </div>
        </div>
        <div class="news-list-section">
          <div class="section-header">
            <h2>国际新闻</h2>
            <a href="#">更多 &gt;</a>
          </div>
          <div class="news-grid-3">
            <div class="news-card">
              <div class="img n-img-8"><span class="img-tag">国际</span></div>
              <div class="text">
                <h3>全球气候峰会达成新协议</h3>
                <p>新华社 3小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-2"><span class="img-tag">欧洲</span></div>
              <div class="text">
                <h3>欧盟经济复苏计划进展顺利</h3>
                <p>环球时报 4小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-10"><span class="img-tag">亚太</span></div>
              <div class="text">
                <h3>RCEP协定实施成效显著</h3>
                <p>人民日报 5小时前</p>
              </div>
            </div>
          </div>
        </div>
        <div class="news-list-section">
          <div class="section-header">
            <h2>汽车资讯</h2>
            <a href="#">更多 &gt;</a>
          </div>
          <div class="news-grid-3">
            <div class="news-card">
              <div class="img n-img-6"><span class="img-tag">新能源</span></div>
              <div class="text">
                <h3>新能源汽车月销量突破百万辆</h3>
                <p>网易汽车 2小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-4">
                <span class="img-tag">智能驾驶</span>
              </div>
              <div class="text">
                <h3>L4级自动驾驶路测范围扩大</h3>
                <p>网易汽车 4小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-11"><span class="img-tag">行业</span></div>
              <div class="text">
                <h3>多家车企公布年度新车规划</h3>
                <p>网易汽车 5小时前</p>
              </div>
            </div>
          </div>
        </div>
        <div class="news-list-section">
          <div class="section-header">
            <h2>社会民生</h2>
            <a href="#">更多 &gt;</a>
          </div>
          <div class="news-grid-3">
            <div class="news-card">
              <div class="img n-img-3"><span class="img-tag">教育</span></div>
              <div class="text">
                <h3>多地推进教育资源均衡发展</h3>
                <p>人民日报 3小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-12"><span class="img-tag">医疗</span></div>
              <div class="text">
                <h3>医保改革新政策惠及更多群众</h3>
                <p>新华社 4小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-7"><span class="img-tag">民生</span></div>
              <div class="text">
                <h3>全国铁路调图 增开多趟列车</h3>
                <p>央视新闻 5小时前</p>
              </div>
            </div>
          </div>
        </div>
        <div class="news-list-section">
          <div class="section-header">
            <h2>军事防务</h2>
            <a href="#">更多 &gt;</a>
          </div>
          <div class="news-grid-3">
            <div class="news-card">
              <div class="img n-img-8"><span class="img-tag">军事</span></div>
              <div class="text">
                <h3>我军新型装备列装部队</h3>
                <p>环球时报 6小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-1"><span class="img-tag">防务</span></div>
              <div class="text">
                <h3>海军舰艇编队完成远海训练</h3>
                <p>新华社 7小时前</p>
              </div>
            </div>
            <div class="news-card">
              <div class="img n-img-5"><span class="img-tag">航天</span></div>
              <div class="text">
                <h3>新型运载火箭研制取得突破</h3>
                <p>央视新闻 8小时前</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="sidebar">
        <div class="weather-widget">
          <div class="w-city">北京</div>
          <div class="w-temp">22&#176;</div>
          <div class="w-desc">多云转晴 · 空气质量:良</div>
          <div class="w-detail">
            <span>湿度 45%</span>
            <span>风力 3级</span>
            <span>紫外线 弱</span>
          </div>
        </div>
        <div class="sidebar-card">
          <h3>股市行情 <span class="more">更多</span></h3>
          <div class="stock-widget">
            <div class="stock-item">
              <span class="stock-name">上证指数</span
              ><span class="stock-price stock-up">3,256.78 +1.23%</span>
            </div>
            <div class="stock-item">
              <span class="stock-name">深证成指</span
              ><span class="stock-price stock-up">10,892.34 +0.87%</span>
            </div>
            <div class="stock-item">
              <span class="stock-name">创业板指</span
              ><span class="stock-price stock-down">2,156.90 -0.32%</span>
            </div>
            <div class="stock-item">
              <span class="stock-name">恒生指数</span
              ><span class="stock-price stock-up">18,567.23 +0.56%</span>
            </div>
            <div class="stock-item">
              <span class="stock-name">纳斯达克</span
              ><span class="stock-price stock-down">16,234.56 -0.45%</span>
            </div>
          </div>
        </div>
        <div class="sidebar-card sports-scores">
          <h3>赛事比分 <span class="more">更多</span></h3>
          <div class="score-item">
            <div class="score-teams">中超:广州恒大 vs 上海海港</div>
            <div class="score-result">2 : 1</div>
          </div>
          <div class="score-item">
            <div class="score-teams">CBA:广东宏远 vs 辽宁飞豹</div>
            <div class="score-result">98 : 105</div>
          </div>
          <div class="score-item">
            <div class="score-teams">英超:曼联 vs 利物浦</div>
            <div class="score-result">1 : 3</div>
          </div>
          <div class="score-item">
            <div class="score-teams">NBA:湖人 vs 勇士</div>
            <div class="score-result">112 : 108</div>
          </div>
        </div>
        <div class="sidebar-card">
          <h3>热搜排行 <span class="more">换一批</span></h3>
          <div class="hot-search">
            <div class="hs-item">
              <span class="hs-num">1</span>AI技术最新突破
            </div>
            <div class="hs-item">
              <span class="hs-num">2</span>高考倒计时复习指南
            </div>
            <div class="hs-item">
              <span class="hs-num">3</span>新能源汽车补贴政策
            </div>
            <div class="hs-item">
              <span class="hs-num">4</span>春季养生小知识
            </div>
            <div class="hs-item">
              <span class="hs-num">5</span>电影票房排行榜
            </div>
            <div class="hs-item">
              <span class="hs-num">6</span>旅游热门目的地推荐
            </div>
            <div class="hs-item">
              <span class="hs-num">7</span>股市行情分析解读
            </div>
            <div class="hs-item">
              <span class="hs-num">8</span>智能手机新品发布
            </div>
            <div class="hs-item">
              <span class="hs-num">9</span>国际形势最新动态
            </div>
            <div class="hs-item">
              <span class="hs-num">10</span>健康饮食新趋势
            </div>
          </div>
        </div>
        <div class="sidebar-card">
          <h3>网易产品 <span class="more">全部</span></h3>
          <div
            style="
              display: grid;
              grid-template-columns: repeat(3, 1fr);
              gap: 8px;
            "
          >
            <div
              style="
                text-align: center;
                padding: 10px;
                background: #f8f8f8;
                border-radius: 6px;
                font-size: 12px;
                cursor: pointer;
              "
            >
              网易邮箱
            </div>
            <div
              style="
                text-align: center;
                padding: 10px;
                background: #f8f8f8;
                border-radius: 6px;
                font-size: 12px;
                cursor: pointer;
              "
            >
              云音乐
            </div>
            <div
              style="
                text-align: center;
                padding: 10px;
                background: #f8f8f8;
                border-radius: 6px;
                font-size: 12px;
                cursor: pointer;
              "
            >
              网易严选
            </div>
            <div
              style="
                text-align: center;
                padding: 10px;
                background: #f8f8f8;
                border-radius: 6px;
                font-size: 12px;
                cursor: pointer;
              "
            >
              网易游戏
            </div>
            <div
              style="
                text-align: center;
                padding: 10px;
                background: #f8f8f8;
                border-radius: 6px;
                font-size: 12px;
                cursor: pointer;
              "
            >
              有道词典
            </div>
            <div
              style="
                text-align: center;
                padding: 10px;
                background: #f8f8f8;
                border-radius: 6px;
                font-size: 12px;
                cursor: pointer;
              "
            >
              网易公开课
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer">
      <p>
        <a href="#">关于网易</a><a href="#">客户服务</a><a href="#">隐私政策</a
        ><a href="#">广告服务</a><a href="#">网站地图</a
        ><a href="#">意见反馈</a>
      </p>
      <p>&copy; 2026 网易公司 版权所有 | 京ICP备XXXXXXXX号</p>
    </div>
    <script>
      function test() {
        return true;
      }
    </script>
  </body>
</html>