视频 › 第二季无畏FPV花飞大赛 › 32进16 节奏对抗赛须知

无畏FPV赛事官方 发表于 6 天前

32进16 节奏对抗赛须知

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2026「无畏 Fearless」FPV 花飞大赛 · 32强节奏对抗赛须知</title>
<style>
.fpv-wrap, .fpv-wrap * { box-sizing: border-box !important; }

.fpv-wrap {
    max-width: 860px !important;
    margin: 0 auto !important;
    padding: 0 16px 60px !important;
    background: #FFFFFF !important;
    color: #1A1A2E !important;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    -webkit-font-smoothing: antialiased !important;
}

/* ============ 顶部公告头 ============ */
.fpv-hero {
    background: #2A1B45 !important;
    color: #FFFFFF !important;
    padding: 52px 24px 46px !important;
    text-align: center !important;
    border-bottom: 3px solid #C9A227 !important;
    margin: 0 0 36px !important;
}
.fpv-season {
    display: inline-block !important;
    background: #C9A227 !important;
    color: #2A1B45 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3em !important;
    text-indent: 0.3em !important;
    padding: 5px 18px !important;
    border-radius: 2px !important;
    margin-bottom: 20px !important;
}
.fpv-hero h1 {
    color: #FFFFFF !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 0 0 10px !important;
    letter-spacing: 0.04em !important;
    line-height: 1.4 !important;
}
.fpv-hero h1 .hl { color: #E8C95A !important; }
.fpv-hero-sub {
    color: #B8A8D0 !important;
    font-size: 14px !important;
    margin: 0 !important;
    letter-spacing: 0.16em !important;
    font-weight: 400 !important;
}
.fpv-hero-div {
    width: 44px !important;
    height: 1px !important;
    background: #C9A227 !important;
    margin: 22px auto 0 !important;
    opacity: 0.75 !important;
}

/* ============ 通用区块 ============ */
.fpv-block { margin-bottom: 40px !important; }
.fpv-head {
    display: flex !important;
    align-**s: center !important;
    gap: 12px !important;
    padding: 0 0 12px !important;
    border-bottom: 2px solid #3D2B5E !important;
    margin-bottom: 20px !important;
}
.fpv-badge {
    display: inline-block !important;
    background: #3D2B5E !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    padding: 4px 12px !important;
    border-radius: 2px !important;
    flex: 0 0 auto !important;
    line-height: 1.6 !important;
}
.fpv-head h2 {
    margin: 0 !important;
    color: #2A1B45 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    line-height: 1.5 !important;
}

/* ============ 正文卡片 ============ */
.fpv-card {
    background: #FFFFFF !important;
    border: 1px solid #E3DCEF !important;
    border-left: 3px solid #C9A227 !important;
    border-radius: 3px !important;
    padding: 20px 24px !important;
}
.fpv-card p {
    margin: 0 0 10px !important;
    color: #1A1A2E !important;
}
.fpv-card p:last-child { margin-bottom: 0 !important; }
.fpv-card strong { color: #2A1B45 !important; font-weight: 700 !important; }

/* ============ 时间高亮条 ============ */
.fpv-time-box {
    background: #FBF6E6 !important;
    border: 1px solid #E8D9A0 !important;
    border-radius: 4px !important;
    padding: 16px 20px !important;
    display: flex !important;
    align-**s: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}
.fpv-time-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #8B6F0F !important;
    letter-spacing: 0.08em !important;
}
.fpv-time-value {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #2A1B45 !important;
    font-variant-numeric: tabular-nums !important;
}

/* ============ 列表 ============ */
.fpv-list {
    margin: 8px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.fpv-list li {
    position: relative !important;
    padding-left: 18px !important;
    margin-bottom: 8px !important;
    color: #1A1A2E !important;
    line-height: 1.7 !important;
}
.fpv-list li:last-child { margin-bottom: 0 !important; }
.fpv-list li::before {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    top: 11px !important;
    width: 5px !important;
    height: 5px !important;
    background: #C9A227 !important;
    border-radius: 50% !important;
}

/* ============ 曲目列表（单行模式） ============ */
.fpv-track-list {
    margin-top: 6px !important;
}
.fpv-track-** {
    display: flex !important;
    align-**s: center !important;
    justify-content: space-between !important;
    background: #F6F3FA !important;
    border: 1px solid #E3DCEF !important;
    border-radius: 4px !important;
    padding: 12px 20px !important;
    margin-bottom: 8px !important;
    min-width: 0 !important;
    transition: all 0.2s !important;
}
.fpv-track-**:last-child {
    margin-bottom: 0 !important;
}
.fpv-track-**:hover {
    background: #FBF6E6 !important;
    border-color: #C9A227 !important;
}
.fpv-track-name {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #3D2B5E !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
}

/* 专门处理 Discuz 附件代码解析后的样式 */
.fpv-track-attach {
    flex: 1 1 auto !important;
    margin-left: 20px !important;
    text-align: right !important;
    word-break: break-all !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
}
/* 覆盖 Discuz 附件默认样式 */
.fpv-track-attach a {
    color: #C9A227 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-**s: center !important;
}
.fpv-track-attach a:hover {
    text-decoration: underline !important;
}
.fpv-track-attach img {
    max-height: 16px !important;
    margin-right: 4px !important;
    vertical-align: middle !important;
}

/* ============ 强调提示框 ============ */
.fpv-note {
    background: #FBF6E6 !important;
    border-left: 3px solid #C9A227 !important;
    padding: 14px 18px !important;
    font-size: 14px !important;
    color: #4A3D1A !important;
    border-radius: 0 3px 3px 0 !important;
    line-height: 1.75 !important;
    margin-top: 12px !important;
}
.fpv-note strong { color: #8B6F0F !important; }

/* ============ 对阵表图片容器 ============ */
.fpv-img-box {
    background: #F6F3FA !important;
    border: 1px solid #E3DCEF !important;
    border-radius: 4px !important;
    padding: 10px !important;
    text-align: center !important;
    display: block !important;
}
.fpv-bracket-img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 2px !important;
}

/* ============ 页脚 ============ */
.fpv-footer {
    text-align: center !important;
    color: #7A7A8C !important;
    font-size: 12.5px !important;
    padding: 30px 16px 0 !important;
    letter-spacing: 0.06em !important;
    line-height: 1.9 !important;
}

/* ============ 手机端 ============ */
@media (max-width: 640px) {
    .fpv-hero { padding: 42px 18px 38px !important; }
    .fpv-hero h1 { font-size: 22px !important; }
    .fpv-card { padding: 16px 16px !important; }

    .fpv-time-box {
      flex-direction: column !important;
      align-**s: flex-start !important;
      gap: 6px !important;
      padding: 14px 16px !important;
    }

    /* 曲目单行在手机端的微调 */
    .fpv-track-** {
      padding: 12px 14px !important;
    }
    .fpv-track-name {
      font-size: 14px !important;
    }
    .fpv-track-attach {
      margin-left: 12px !important;
      font-size: 13px !important;
    }
}
</style>
</head>
<body>

<div class="fpv-wrap">

<!-- ==================== 顶部公告头 ==================== -->
<div class="fpv-hero">
    <div class="fpv-season">第二季 · 节奏对抗赛</div>
    <h1>32进16强 <span class="hl">晋级赛须知</span></h1>
    <p class="fpv-hero-sub">2026「无畏 Fearless」FPV Freestyle 穿越机花飞大赛</p>
    <div class="fpv-hero-div"></div>
</div>

<!-- ==================== 对阵表图片（新增模块） ==================== -->
<div class="fpv-block">
    <div class="fpv-head">
      <span class="fpv-badge">对阵</span>
      <h2>32进16 对阵表</h2>
    </div>
    <div class="fpv-img-box">
      <!-- ⬇⬇⬇ 替换下方 src 里的图片**即可 ⬇⬇⬇ -->
      <img class="fpv-bracket-img"
         src="template/nex_video_231123/neoconex/index/3216.png"
         alt="32进16对阵表">
      <!-- ⬆⬆⬆ 替换上方 src 里的图片**即可 ⬆⬆⬆ -->
    </div>
</div>

<!-- ==================== 赛段说明 ==================== -->
<div class="fpv-block">
    <div class="fpv-head">
      <span class="fpv-badge">说明</span>
      <h2>赛段要求与音乐指定</h2>
    </div>
    <div class="fpv-card">
      <p>请晋级 TOP32 的选手<strong>自行下载自己组别的对应曲目</strong>，作为第二阶段节奏对抗晋级赛的参赛音乐。</p>
      <p>此阶段以<strong>飞行节奏对抗</strong>为主题，强调花飞技巧与音乐结合的整体流畅度以及视觉表达。通过线路、动作、速度变化和流畅性展现自己对音乐、难度、技巧的理解。</p>
    </div>
</div>

<!-- ==================== 投稿时间 ==================== -->
<div class="fpv-block">
    <div class="fpv-time-box">
      <span class="fpv-time-label">投稿时间</span>
      <span class="fpv-time-value">2026 年 10 月 31 日 — 11 月 12 日</span>
    </div>
</div>

<!-- ==================== 提交须知 ==================== -->
<div class="fpv-block">
    <div class="fpv-head">
      <span class="fpv-badge">须知</span>
      <h2>作品提交要求</h2>
    </div>
    <div class="fpv-card">
      <ul class="fpv-list">
      <li>作品提交至官方微信，不能公开发布展示，禁止上传至抖音及飞友之家官网。</li>
      <li>作品时长控制在 <strong>60 — 90 秒</strong>内。</li>
      <li>允许使用公开海选阶段及之前已经完成的飞行素材进行二次创作。允许 <strong>3 次内</strong>剪辑、调色、基础画面效果。</li>
      </ul>
      <div class="fpv-note">
      请务必使用官方指定曲目进行创作，否则可能影响作品评分。
      </div>
    </div>
</div>

<!-- ==================== 曲目列表 ==================== -->
<div class="fpv-block">
    <div class="fpv-head">
      <span class="fpv-badge">下载</span>
      <h2>官方指定曲目（共 16 首）</h2>
    </div>

    <div class="fpv-track-list">
      
      <!-- 曲目 1 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 1</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 2 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 2</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 3 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 3</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 4 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 4</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 5 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 5</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 6 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 6</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 7 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 7</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 8 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 8</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 9 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 9</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 10 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 10</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 11 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 11</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 12 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 12</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 13 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 13</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 14 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 14</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 15 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 15</span>
      <span class="fpv-track-attach"></span>
      </div>
      
      <!-- 曲目 16 -->
      <div class="fpv-track-**">
      <span class="fpv-track-name">曲目 16</span>
      <span class="fpv-track-attach"></span>
      </div>

    </div>
</div>

<!-- ==================== 页脚 ==================== -->
<div class="fpv-footer">
    2026「无畏 Fearless」FPV Freestyle 穿越机花飞大赛（第二季）<br>
    FLY FEARLESS · 无畏飞行
</div>

</div>

</body>
</html>

查看完整版本: 32进16 节奏对抗赛须知