让 AI 替你 把生活过成 另一种样子

玩转AI · 视频赛道调研报告 :root { --bg: #0a0a0f; --bg-2: #11111a; --ink: #f4f1ea; --ink-dim: #a8a5b8; --line: rgba(244, 241, 234, 0.12); --accent: #00ffc6; --accent-2: #ff3d8a; --accent-3: #ffd23f; --card: #15151f; --card-2: #1a1a26; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { background: var(--bg); color: var(--ink); font-family: 'Noto Sans SC', sans-serif; line-height: 1.7; overflow-x: hidden; -webkit-font-smoothing: antialiased; } /* grain overlay */ body::before { content: ''; position: fixed; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E"); opacity: 0.04; pointer-events: none; z-index: 9999; mix-blend-mode: overlay; } .wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; }
  /* ===== HERO ===== */
  .hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 0 60px;
    overflow: hidden;
  }
  .hero::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -10%;
    width: 70vw;
    height: 70vw;
    background: radial-gradient(
      circle,
      rgba(0, 255, 198, 0.18),
      transparent 60%
    );
    filter: blur(40px);
    z-index: 0;
  }
  .hero::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: -15%;
    width: 60vw;
    height: 60vw;
    background: radial-gradient(
      circle,
      rgba(255, 61, 138, 0.15),
      transparent 60%
    );
    filter: blur(50px);
    z-index: 0;
  }
  .hero-inner {
    position: relative;
    z-index: 2;
  }
  .meta-row {
    display: flex;
    align-items: center;
    gap: 18px;
    font-family: 'Space Mono', monospace;
    font-size: 12px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ink-dim);
    margin-bottom: 48px;
  }
  .meta-row .dot {
    width: 6px;
    height: 6px;
    background: var(--accent);
    border-radius: 50%;
    animation: pulse 2s infinite;
  }
  @keyframes pulse {
    0%,
    100% {
      opacity: 1;
    }
    50% {
      opacity: 0.3;
    }
  }
  .kicker {
    display: inline-block;
    font-family: 'Space Mono', monospace;
    font-size: 13px;
    letter-spacing: 0.3em;
    color: var(--accent);
    border: 1px solid var(--accent);
    padding: 8px 16px;
    margin-bottom: 36px;
  }
  h1.title {
    font-family: 'Noto Serif SC', serif;
    font-weight: 900;
    font-size: clamp(48px, 8vw, 112px);
    line-height: 0.95;
    letter-spacing: -0.02em;
    margin-bottom: 32px;
  }
  h1.title .em {
    background: linear-gradient(120deg, var(--accent), var(--accent-3));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-style: italic;
  }
  h1.title .strike {
    position: relative;
    color: var(--ink-dim);
  }
  .lede {
    max-width: 680px;
    font-size: 19px;
    color: var(--ink-dim);
    margin-bottom: 56px;
    font-weight: 300;
  }
  .lede strong {
    color: var(--ink);
    font-weight: 500;
  }
  .hero-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }
  .hero-stat {
    padding: 28px 24px;
    border-right: 1px solid var(--line);
  }
  .hero-stat:last-child {
    border-right: none;
  }
  .hero-stat .n {
    font-family: 'Space Mono', monospace;
    font-size: 32px;
    font-weight: 700;
    color: var(--accent);
    margin-bottom: 6px;
  }
  .hero-stat .l {
    font-size: 12px;
    color: var(--ink-dim);
    letter-spacing: 0.05em;
  }
  .scroll-cue {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Space Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.3em;
    color: var(--ink-dim);
    z-index: 3;
  }
  .scroll-cue::after {
    content: '';
    display: block;
    width: 1px;
    height: 40px;
    background: linear-gradient(var(--accent), transparent);
    margin: 12px auto 0;
    animation: drop 2s infinite;
  }
  @keyframes drop {
    0% {
      transform: scaleY(0);
      transform-origin: top;
    }
    50% {
      transform: scaleY(1);
      transform-origin: top;
    }
    50.1% {
      transform-origin: bottom;
    }
    100% {
      transform: scaleY(0);
      transform-origin: bottom;
    }
  }

  /* ===== SECTION ===== */
  section {
    padding: 120px 0;
    position: relative;
  }
  .sec-head {
    display: flex;
    align-items: baseline;
    gap: 24px;
    margin-bottom: 64px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 28px;
  }
  .sec-num {
    font-family: 'Space Mono', monospace;
    font-size: 14px;
    color: var(--accent);
    letter-spacing: 0.2em;
  }
  .sec-title {
    font-family: 'Noto Serif SC', serif;
    font-weight: 900;
    font-size: clamp(32px, 5vw, 56px);
    line-height: 1.05;
    letter-spacing: -0.01em;
  }
  .sec-title .alt {
    color: var(--accent-2);
    font-style: italic;
  }

  /* ===== PLATFORM GRID ===== */
  .platform-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background: var(--line);
    border: 1px solid var(--line);
  }
  .platform {
    background: var(--card);
    padding: 40px;
    position: relative;
    transition: background 0.3s;
  }
  .platform:hover {
    background: var(--card-2);
  }
  .platform .p-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 28px;
  }
  .platform .p-name {
    font-family: 'Noto Serif SC', serif;
    font-weight: 900;
    font-size: 32px;
  }
  .platform .p-tag {
    font-family: 'Space Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.15em;
    padding: 4px 10px;
    border: 1px solid var(--line);
    color: var(--ink-dim);
  }
  .platform .p-tag.hot {
    color: var(--accent);
    border-color: var(--accent);
  }
  .platform .p-desc {
    color: var(--ink-dim);
    font-size: 15px;
    margin-bottom: 24px;
    min-height: 66px;
  }
  .p-rows {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .p-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px dashed var(--line);
    font-size: 14px;
  }
  .p-row .k {
    color: var(--ink-dim);
  }
  .p-row .v {
    color: var(--ink);
    font-weight: 500;
  }

  /* ===== CREATOR TYPES ===== */
  .types-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  .type-card {
    background: var(--card);
    border: 1px solid var(--line);
    padding: 32px 24px;
    position: relative;
    transition:
      transform 0.3s,
      border-color 0.3s;
  }
  .type-card:hover {
    transform: translateY(-6px);
    border-color: var(--accent);
  }
  .type-card .t-num {
    font-family: 'Space Mono', monospace;
    font-size: 13px;
    color: var(--accent);
    margin-bottom: 18px;
  }
  .type-card .t-name {
    font-family: 'Noto Serif SC', serif;
    font-weight: 900;
    font-size: 22px;
    margin-bottom: 14px;
    line-height: 1.2;
  }
  .type-card .t-desc {
    font-size: 13px;
    color: var(--ink-dim);
    margin-bottom: 20px;
    min-height: 80px;
  }
  .type-card .t-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 12px;
    border-top: 1px solid var(--line);
    padding-top: 16px;
  }
  .type-card .t-meta div {
    display: flex;
    justify-content: space-between;
  }
  .type-card .t-meta .mk {
    color: var(--ink-dim);
  }
  .type-card .t-meta .mv {
    color: var(--accent-3);
    font-family: 'Space Mono', monospace;
  }

  /* ===== MONETIZATION ===== */
  .money-flow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
  }
  .money-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .money-item {
    display: grid;
    grid-template-columns: 60px 1fr auto;
    gap: 20px;
    align-items: center;
    padding: 24px;
    background: var(--card);
    border-left: 3px solid var(--accent);
    transition: transform 0.3s;
  }
  .money-item:hover {
    transform: translateX(8px);
  }
  .money-item .m-num {
    font-family: 'Space Mono', monospace;
    font-size: 28px;
    color: var(--accent);
    font-weight: 700;
  }
  .money-item .m-body .m-name {
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 4px;
  }
  .money-item .m-body .m-desc {
    font-size: 13px;
    color: var(--ink-dim);
  }
  .money-item .m-rate {
    font-family: 'Space Mono', monospace;
    font-size: 13px;
    color: var(--accent-3);
    text-align: right;
  }
  .money-visual {
    background: var(--card);
    border: 1px solid var(--line);
    padding: 40px;
    position: sticky;
    top: 40px;
  }
  .money-visual h4 {
    font-family: 'Noto Serif SC', serif;
    font-size: 24px;
    margin-bottom: 24px;
  }
  .bar-chart {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .bar-row .bar-label {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    margin-bottom: 8px;
  }
  .bar-row .bar-label .bv {
    color: var(--accent);
    font-family: 'Space Mono', monospace;
  }
  .bar-track {
    height: 8px;
    background: var(--bg-2);
    overflow: hidden;
    position: relative;
  }
  .bar-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--accent), var(--accent-3));
    width: 0;
    transition: width 1.5s cubic-bezier(0.16, 1, 0.3, 1);
  }

  /* ===== TRAE ===== */
  .trae-wrap {
    background: linear-gradient(
      135deg,
      rgba(0, 255, 198, 0.04),
      rgba(255, 61, 138, 0.04)
    );
    border: 1px solid var(--line);
    padding: 60px;
    position: relative;
    overflow: hidden;
  }
  .trae-wrap::before {
    content: 'TRAE';
    position: absolute;
    top: -30px;
    right: -20px;
    font-family: 'Space Mono', monospace;
    font-size: 200px;
    font-weight: 700;
    color: rgba(244, 241, 234, 0.03);
    letter-spacing: -0.05em;
    pointer-events: none;
  }
  .trae-intro {
    font-size: 17px;
    color: var(--ink-dim);
    margin-bottom: 48px;
    max-width: 780px;
    position: relative;
  }
  .trae-intro strong {
    color: var(--accent);
  }
  .track-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    position: relative;
  }
  .track-card {
    background: var(--bg);
    border: 1px solid var(--line);
    padding: 36px;
    position: relative;
  }
  .track-card.welfare {
    border-color: var(--accent-2);
  }
  .track-card .tc-tag {
    display: inline-block;
    font-family: 'Space Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.2em;
    padding: 5px 12px;
    margin-bottom: 20px;
  }
  .track-card.work .tc-tag {
    background: var(--accent);
    color: var(--bg);
  }
  .track-card.welfare .tc-tag {
    background: var(--accent-2);
    color: var(--bg);
  }
  .track-card h3 {
    font-family: 'Noto Serif SC', serif;
    font-size: 26px;
    margin-bottom: 16px;
    line-height: 1.2;
  }
  .track-card .tc-desc {
    color: var(--ink-dim);
    font-size: 14px;
    margin-bottom: 24px;
  }
  .track-card .tc-list {
    list-style: none;
  }
  .track-card .tc-list li {
    padding: 10px 0 10px 24px;
    border-bottom: 1px dashed var(--line);
    font-size: 14px;
    position: relative;
  }
  .track-card .tc-list li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--accent);
  }
  .track-card.welfare .tc-list li::before {
    color: var(--accent-2);
  }

  /* ===== STRATEGY ===== */
  .strategy {
    background: var(--bg-2);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }
  .timeline {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    position: relative;
  }
  .timeline::before {
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
      90deg,
      var(--accent),
      var(--accent-3),
      var(--accent-2)
    );
  }
  .phase {
    padding: 0 20px;
    position: relative;
  }
  .phase .ph-dot {
    width: 14px;
    height: 14px;
    background: var(--bg-2);
    border: 2px solid var(--accent);
    border-radius: 50%;
    margin: 34px auto 24px;
    position: relative;
    z-index: 2;
  }
  .phase:nth-child(2) .ph-dot {
    border-color: var(--accent-3);
  }
  .phase:nth-child(3) .ph-dot {
    border-color: var(--accent-2);
  }
  .phase:nth-child(4) .ph-dot {
    border-color: var(--ink);
  }
  .phase .ph-time {
    font-family: 'Space Mono', monospace;
    font-size: 12px;
    color: var(--accent);
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 8px;
  }
  .phase .ph-name {
    font-family: 'Noto Serif SC', serif;
    font-weight: 900;
    font-size: 22px;
    text-align: center;
    margin-bottom: 16px;
  }
  .phase .ph-body {
    font-size: 13px;
    color: var(--ink-dim);
    text-align: center;
    min-height: 90px;
  }
  .phase .ph-body strong {
    color: var(--ink);
    font-weight: 500;
  }

  /* ===== RECOMMENDATION ===== */
  .reco-box {
    background: var(--card);
    border: 1px solid var(--accent);
    padding: 56px;
    position: relative;
    margin-top: 48px;
  }
  .reco-box::before {
    content: '★';
    position: absolute;
    top: -18px;
    left: 48px;
    background: var(--bg);
    color: var(--accent);
    font-size: 24px;
    padding: 0 12px;
  }
  .reco-box h3 {
    font-family: 'Noto Serif SC', serif;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1.3;
  }
  .reco-box h3 .hl {
    color: var(--accent);
  }
  .reco-box p {
    color: var(--ink-dim);
    font-size: 16px;
    margin-bottom: 16px;
  }
  .reco-box p strong {
    color: var(--ink);
  }
  .reco-pillars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 36px;
  }
  .pillar {
    border: 1px solid var(--line);
    padding: 24px;
  }
  .pillar .pi-num {
    font-family: 'Space Mono', monospace;
    color: var(--accent);
    font-size: 13px;
    margin-bottom: 12px;
  }
  .pillar .pi-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .pillar .pi-desc {
    font-size: 13px;
    color: var(--ink-dim);
  }

  /* ===== RISKS ===== */
  .risk-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .risk {
    border: 1px solid var(--line);
    padding: 28px;
    background: var(--card);
  }
  .risk .r-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
  }
  .risk .r-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 61, 138, 0.12);
    color: var(--accent-2);
    font-family: 'Space Mono', monospace;
    font-weight: 700;
  }
  .risk .r-name {
    font-weight: 700;
    font-size: 17px;
  }
  .risk .r-desc {
    font-size: 13px;
    color: var(--ink-dim);
  }
  .risk .r-fix {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px dashed var(--line);
    font-size: 13px;
    color: var(--accent);
  }
  .risk .r-fix::before {
    content: '应对 · ';
  }

  /* ===== FOOTER ===== */
  footer {
    padding: 80px 0 48px;
    border-top: 1px solid var(--line);
    text-align: center;
  }
  .foot-mark {
    font-family: 'Noto Serif SC', serif;
    font-weight: 900;
    font-size: 48px;
    margin-bottom: 16px;
    background: linear-gradient(120deg, var(--accent), var(--accent-2));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .foot-meta {
    font-family: 'Space Mono', monospace;
    font-size: 12px;
    color: var(--ink-dim);
    letter-spacing: 0.15em;
  }
  .foot-sources {
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid var(--line);
    text-align: left;
    font-size: 12px;
    color: var(--ink-dim);
    line-height: 2;
  }
  .foot-sources a {
    color: var(--accent);
    text-decoration: none;
  }
  .foot-sources a:hover {
    text-decoration: underline;
  }

  /* ===== ANIMATIONS ===== */
  .reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .reveal.in {
    opacity: 1;
    transform: translateY(0);
  }

  @media (max-width: 900px) {
    .hero-stats,
    .types-grid,
    .timeline,
    .reco-pillars,
    .risk-grid {
      grid-template-columns: 1fr 1fr;
    }
    .platform-grid,
    .money-flow,
    .track-grid {
      grid-template-columns: 1fr;
    }
    .trae-wrap,
    .reco-box {
      padding: 32px;
    }
  }
  @media (max-width: 560px) {
    .wrap {
      padding: 0 20px;
    }
    .hero-stats,
    .types-grid,
    .timeline,
    .reco-pillars,
    .risk-grid {
      grid-template-columns: 1fr;
    }
    section {
      padding: 80px 0;
    }
    .money-item {
      grid-template-columns: 1fr;
      gap: 12px;
    }
  }
</style>
RESEARCH REPORT · 2026.06 · AI VIDEO TRACK
玩转 AI · 视频赛道调研

让 AI 替你
把生活过成
另一种样子

这是一份面向副业创作者的赛道调研报告。我们拆解了抖音、B站、小红书、快手四大平台上的「玩转AI」视频生态,结合 TRAE AI 创造力大赛「学习工作」与「社会公益」两条赛道,给出一条可长期产出、有效变现的路径建议。

4
主流平台
4
创作者类型
6
变现路径
2
TRAE 赛道结合
SCROLL
<!-- ===== 01 平台格局 ===== -->
<section>
  <div class="wrap">
    <div class="sec-head reveal">
      <span class="sec-num">01 / PLATFORMS</span>
      <h2 class="sec-title">四大平台,<span class="alt">各有所长</span></h2>
    </div>
    <div class="platform-grid reveal">
      <div class="platform">
        <div class="p-head">
          <div class="p-name">抖音</div>
          <div class="p-tag hot">主战场</div>
        </div>
        <p class="p-desc">
          流量最大、变现链路最短。AI工具测评、AI教学类内容起量快,与剪映AI生态深度绑定,发布即分发。
        </p>
        <div class="p-rows">
          <div class="p-row">
            <span class="k">用户规模</span><span class="v">日活 7亿+</span>
          </div>
          <div class="p-row">
            <span class="k">内容偏好</span
            ><span class="v">短平快 · 强情绪 · 横向测评</span>
          </div>
          <div class="p-row">
            <span class="k">变现方式</span
            ><span class="v">星图广告 / 小黄车 / 知识付费</span>
          </div>
          <div class="p-row">
            <span class="k">起号难度</span
            ><span class="v">中(需持续追热点)</span>
          </div>
        </div>
      </div>
      <div class="platform">
        <div class="p-head">
          <div class="p-name">B站</div>
          <div class="p-tag">深度阵地</div>
        </div>
        <p class="p-desc">
          长视频沉淀专业人设,适合AI教程、技术拆解、深度共创。粉丝粘性高,是建立"行业权威"的关键场域。
        </p>
        <div class="p-rows">
          <div class="p-row">
            <span class="k">用户特征</span
            ><span class="v">年轻 · 高知 · 愿意深度学习</span>
          </div>
          <div class="p-row">
            <span class="k">内容偏好</span
            ><span class="v">硬核教程 / 横评 / 共创项目</span>
          </div>
          <div class="p-row">
            <span class="k">变现方式</span
            ><span class="v">充电计划 / 花火 / 课程分销</span>
          </div>
          <div class="p-row">
            <span class="k">起号难度</span
            ><span class="v">高(内容门槛高)</span>
          </div>
        </div>
      </div>
      <div class="platform">
        <div class="p-head">
          <div class="p-name">小红书</div>
          <div class="p-tag">种草场</div>
        </div>
        <p class="p-desc">
          图文+短视频双轨。AI工具种草、AI生活技巧、AI穿搭/壁纸等内容转化率高,女性用户占比大。
        </p>
        <div class="p-rows">
          <div class="p-row">
            <span class="k">用户特征</span
            ><span class="v">女性为主 · 消费力强</span>
          </div>
          <div class="p-row">
            <span class="k">内容偏好</span
            ><span class="v">实用技巧 / 美学种草 / 合集</span>
          </div>
          <div class="p-row">
            <span class="k">变现方式</span
            ><span class="v">蒲公英 / 私域引流 / 带货</span>
          </div>
          <div class="p-row">
            <span class="k">起号难度</span
            ><span class="v">低(图文友好)</span>
          </div>
        </div>
      </div>
      <div class="platform">
        <div class="p-head">
          <div class="p-name">快手</div>
          <div class="p-tag">下沉市场</div>
        </div>
        <p class="p-desc">
          下沉用户多,AI教学、AI生活妙招类内容接受度高。老铁文化下信任转化强,适合做接地气的AI科普。
        </p>
        <div class="p-rows">
          <div class="p-row">
            <span class="k">用户特征</span
            ><span class="v">下沉 · 中老年占比高</span>
          </div>
          <div class="p-row">
            <span class="k">内容偏好</span
            ><span class="v">生活妙招 / 实操教学</span>
          </div>
          <div class="p-row">
            <span class="k">变现方式</span
            ><span class="v">磁力引擎 / 直播带货</span>
          </div>
          <div class="p-row">
            <span class="k">起号难度</span
            ><span class="v">低(竞争小)</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 02 创作者类型 ===== -->
<section>
  <div class="wrap">
    <div class="sec-head reveal">
      <span class="sec-num">02 / CREATOR TYPES</span>
      <h2 class="sec-title">
        四种创作者,<span class="alt">四种活法</span>
      </h2>
    </div>
    <div class="types-grid reveal">
      <div class="type-card">
        <div class="t-num">TYPE 01</div>
        <div class="t-name">AI工具测评<br />与科普</div>
        <div class="t-desc">
          实时测评最新AI产品,分享使用技巧。踩中"信息焦虑",每次新工具发布都是流量热点。
        </div>
        <div class="t-meta">
          <div>
            <span class="mk">起量速度</span><span class="mv">★★★★★</span>
          </div>
          <div>
            <span class="mk">变现稳定</span><span class="mv">★★★★★</span>
          </div>
          <div>
            <span class="mk">代表案例</span
            ><span class="mv">秋芝2046 · 245万粉</span>
          </div>
        </div>
      </div>
      <div class="type-card">
        <div class="t-num">TYPE 02</div>
        <div class="t-name">AIGC<br />内容创作</div>
        <div class="t-desc">
          用AI生成创意内容(萌宠vlog、短剧、音乐),创意是灵魂,AI是工具,靠情感共鸣起量。
        </div>
        <div class="t-meta">
          <div>
            <span class="mk">起量速度</span><span class="mv">★★★★</span>
          </div>
          <div>
            <span class="mk">变现稳定</span><span class="mv">★★★</span>
          </div>
          <div>
            <span class="mk">代表案例</span
            ><span class="mv">荒蛋记录员 · 78万粉</span>
          </div>
        </div>
      </div>
      <div class="type-card">
        <div class="t-num">TYPE 03</div>
        <div class="t-name">虚拟人<br />/数字人博主</div>
        <div class="t-desc">
          打造AI数字人IP,可批量产出口播内容。成本低、效率高,但真实感与信任度是关键挑战。
        </div>
        <div class="t-meta">
          <div>
            <span class="mk">起量速度</span><span class="mv">★★★</span>
          </div>
          <div>
            <span class="mk">变现稳定</span><span class="mv">★★★★</span>
          </div>
          <div>
            <span class="mk">代表案例</span
            ><span class="mv">WAI-你听 · 品牌合作</span>
          </div>
        </div>
      </div>
      <div class="type-card">
        <div class="t-num">TYPE 04</div>
        <div class="t-name">硬核技术<br />与开发</div>
        <div class="t-desc">
          面向开发者,拆解AI底层原理、开发教程。受众窄但客单价高,适合技术背景创作者。
        </div>
        <div class="t-meta">
          <div>
            <span class="mk">起量速度</span><span class="mv">★★</span>
          </div>
          <div>
            <span class="mk">变现稳定</span><span class="mv">★★★★</span>
          </div>
          <div>
            <span class="mk">代表案例</span
            ><span class="mv">技术社区 / 课程</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 03 变现路径 ===== -->
<section>
  <div class="wrap">
    <div class="sec-head reveal">
      <span class="sec-num">03 / MONETIZATION</span>
      <h2 class="sec-title">六条路径,<span class="alt">把钱赚到</span></h2>
    </div>
    <div class="money-flow">
      <div class="money-list reveal">
        <div class="money-item">
          <div class="m-num">01</div>
          <div class="m-body">
            <div class="m-name">品牌广告 / 星图接单</div>
            <div class="m-desc">
              AI产品品牌方投放,工具测评博主的稳定现金流。粉丝5万+即可接单。
            </div>
          </div>
          <div class="m-rate">¥3K-5W<br />/条</div>
        </div>
        <div class="money-item">
          <div class="m-num">02</div>
          <div class="m-body">
            <div class="m-name">知识付费 / 课程</div>
            <div class="m-desc">
              AI教程、提示词工程、工具实战课。中腰部创作者的"现金流工厂"。
            </div>
          </div>
          <div class="m-rate">¥99-999<br />/人</div>
        </div>
        <div class="money-item">
          <div class="m-num">03</div>
          <div class="m-body">
            <div class="m-name">带货 / 商品橱窗</div>
            <div class="m-desc">
              AI工具会员、数字人服务、AI生成周边。佣金15%-30%,转化链路短。
            </div>
          </div>
          <div class="m-rate">15-30%<br />佣金</div>
        </div>
        <div class="money-item">
          <div class="m-num">04</div>
          <div class="m-body">
            <div class="m-name">付费社群 / 知识星球</div>
            <div class="m-desc">
              进阶教程、提示词库、1v1答疑。年费制,复购率高,沉淀私域。
            </div>
          </div>
          <div class="m-rate">¥199-999<br />/年</div>
        </div>
        <div class="money-item">
          <div class="m-num">05</div>
          <div class="m-body">
            <div class="m-name">平台激励 / 流量分成</div>
            <div class="m-desc">
              抖音中视频计划、B站创作激励、小红书流量分成。1万播放≈30-100元。
            </div>
          </div>
          <div class="m-rate">¥30-100<br />/万播</div>
        </div>
        <div class="money-item">
          <div class="m-num">06</div>
          <div class="m-body">
            <div class="m-name">AI服务接单</div>
            <div class="m-desc">
              帮企业/个人做AI视频代做、数字人定制、内容批量生产。高客单价。
            </div>
          </div>
          <div class="m-rate">¥500-5K<br />/单</div>
        </div>
      </div>
      <div class="money-visual reveal">
        <h4>各路径收入预期对比</h4>
        <div class="bar-chart">
          <div class="bar-row">
            <div class="bar-label">
              <span>品牌广告</span><span class="bv">高 · 不稳定</span>
            </div>
            <div class="bar-track">
              <div class="bar-fill" data-w="85%"></div>
            </div>
          </div>
          <div class="bar-row">
            <div class="bar-label">
              <span>知识付费课程</span><span class="bv">高 · 可复利</span>
            </div>
            <div class="bar-track">
              <div class="bar-fill" data-w="90%"></div>
            </div>
          </div>
          <div class="bar-row">
            <div class="bar-label">
              <span>带货佣金</span><span class="bv">中 · 持续</span>
            </div>
            <div class="bar-track">
              <div class="bar-fill" data-w="60%"></div>
            </div>
          </div>
          <div class="bar-row">
            <div class="bar-label">
              <span>付费社群</span><span class="bv">中高 · 复购强</span>
            </div>
            <div class="bar-track">
              <div class="bar-fill" data-w="75%"></div>
            </div>
          </div>
          <div class="bar-row">
            <div class="bar-label">
              <span>平台激励</span><span class="bv">低 · 被动</span>
            </div>
            <div class="bar-track">
              <div class="bar-fill" data-w="35%"></div>
            </div>
          </div>
          <div class="bar-row">
            <div class="bar-label">
              <span>AI服务接单</span><span class="bv">高 · 看资源</span>
            </div>
            <div class="bar-track">
              <div class="bar-fill" data-w="80%"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 04 TRAE结合 ===== -->
<section>
  <div class="wrap">
    <div class="sec-head reveal">
      <span class="sec-num">04 / TRAE COMPETITION</span>
      <h2 class="sec-title">
        与TRAE大赛,<span class="alt">双向赋能</span>
      </h2>
    </div>
    <div class="trae-wrap reveal">
      <p class="trae-intro">
        TRAE AI 创造力大赛设有
        <strong>四大通用赛道</strong
        >(生活娱乐、学习工作、社会服务、硬件交互)与
        <strong>社会公益附加赛道</strong
        >(智慧助老、青少年身心健康、古籍活化、非遗创新)。你正在参与的「学习工作」与「社会公益」两条赛道,恰好与「玩转AI」视频账号形成
        <strong>内容素材 × 产品落地</strong> 的闭环。
      </p>
      <div class="track-grid">
        <div class="track-card work">
          <span class="tc-tag">学习工作 · 造个新解法</span>
          <h3>AI办公助手 / 内容生成 / 知识管理 / 职业成长</h3>
          <p class="tc-desc">
            聚焦新一代学习与工作方式,探索更高效、协同、智能的体验。这条赛道的内容天然适合做成"玩转AI"视频。
          </p>
          <ul class="tc-list">
            <li>用TRAE Work做一个"AI周报生成器",录制成教学视频</li>
            <li>开发"会议纪要AI助手",演示从录音到结构化文档全流程</li>
            <li>搭建"个人知识库Agent",展示如何用AI管理碎片信息</li>
            <li>做"简历优化AI工具",结合求职场景做系列测评</li>
          </ul>
        </div>
        <div class="track-card welfare">
          <span class="tc-tag">社会公益 · 造份新善意</span>
          <h3>银发群体 · 居家安全 / 健康 / 陪伴 / 文化生活 / 数字融入</h3>
          <p class="tc-desc">
            面向银发群体的真实需求,用科技提升晚年生活品质。AI回忆录、饮食健康管理、陪伴小游戏、心理疗愈——既是参赛作品,也是爆款视频选题。
          </p>
          <ul class="tc-list">
            <li>
              开发"AI回忆录"工具,记录老人讲述→AI整理成书,全程拍成纪录片式视频
            </li>
            <li>做"老年饮食健康AI助手",演示如何帮父母定制一周食谱</li>
            <li>打造"陪伴类AI小游戏",记录老人与AI互动的温暖瞬间</li>
            <li>设计"药品说明书AI解读"应用,解决老人看不懂说明的痛点</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 05 推荐策略 ===== -->
<section class="strategy">
  <div class="wrap">
    <div class="sec-head reveal">
      <span class="sec-num">05 / ROADMAP</span>
      <h2 class="sec-title">四阶段,<span class="alt">从0到1</span></h2>
    </div>
    <div class="timeline reveal">
      <div class="phase">
        <div class="ph-time">第 1-2 月</div>
        <div class="ph-dot"></div>
        <div class="ph-name">定位 · 起号</div>
        <div class="ph-body">
          选定
          <strong>"AI工具测评 + 银发场景实测"</strong>
          双线内容。抖音为主战场,小红书做图文种草。每周3条短视频,建立更新节奏。
        </div>
      </div>
      <div class="phase">
        <div class="ph-time">第 3-4 月</div>
        <div class="ph-dot"></div>
        <div class="ph-name">沉淀 · 破圈</div>
        <div class="ph-body">
          用
          <strong>TRAE参赛作品</strong>
          作为深度内容素材,发B站长视频建立专业人设。打造1-2条爆款横向测评,争取破万粉。
        </div>
      </div>
      <div class="phase">
        <div class="ph-time">第 5-6 月</div>
        <div class="ph-dot"></div>
        <div class="ph-name">变现 · 闭环</div>
        <div class="ph-body">
          开通星图接品牌广告,上线
          <strong>付费社群</strong
          >(提示词库+答疑)。带货AI工具会员,跑通第一笔稳定副业收入。
        </div>
      </div>
      <div class="phase">
        <div class="ph-time">第 7 月+</div>
        <div class="ph-dot"></div>
        <div class="ph-name">复利 · 放大</div>
        <div class="ph-body">
          沉淀私域,推出
          <strong>系统化课程</strong
          >。承接企业AI内容代做订单。账号矩阵化,把方法论复制到新垂类。
        </div>
      </div>
    </div>

    <div class="reco-box reveal">
      <h3>
        核心建议:<span class="hl">"测评 + 实测 + 公益"三位一体</span>
      </h3>
      <p>
        不要做纯粹的"工具搬运工"。市场上AI测评内容已趋于同质化,真正能长期产出且有效变现的账号,必须建立<strong>独特的内容壁垒</strong>。
      </p>
      <p>
        建议你以
        <strong>TRAE大赛参赛作品</strong>
        为内容母题:每做一个参赛工具(如AI回忆录、老年饮食助手),就同步产出一条"开发过程纪录片"+
        一条"工具使用教程"+
        一条"银发用户实测reaction"。一个作品,三段内容,覆盖学习工作与公益两条赛道,既参赛拿奖,又持续涨粉。
      </p>
      <div class="reco-pillars">
        <div class="pillar">
          <div class="pi-num">PILLAR 01</div>
          <div class="pi-title">内容壁垒</div>
          <div class="pi-desc">
            "自己造工具"比"测评别人工具"更有差异化。TRAE作品本身就是独家素材。
          </div>
        </div>
        <div class="pillar">
          <div class="pi-num">PILLAR 02</div>
          <div class="pi-title">情感锚点</div>
          <div class="pi-desc">
            银发公益场景自带温度。老人使用AI的真实反应,比冷冰冰的工具演示更易破圈。
          </div>
        </div>
        <div class="pillar">
          <div class="pi-num">PILLAR 03</div>
          <div class="pi-title">变现闭环</div>
          <div class="pi-desc">
            参赛作品→视频内容→付费课程→企业接单。一个母题撬动四重收入。
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 06 风险提示 ===== -->
<section>
  <div class="wrap">
    <div class="sec-head reveal">
      <span class="sec-num">06 / RISKS</span>
      <h2 class="sec-title">三个坑,<span class="alt">提前避开</span></h2>
    </div>
    <div class="risk-grid reveal">
      <div class="risk">
        <div class="r-head">
          <div class="r-icon">!</div>
          <div class="r-name">版权与合规</div>
        </div>
        <p class="r-desc">
          AI生成内容商用需注意版权归属,网信办已开展AI低俗内容专项整治。水果AI短剧等擦边内容已被整治。
        </p>
        <div class="r-fix">
          内容标注AI参与程度,商用前完成30%以上人工修改,避免侵权与低俗化。
        </div>
      </div>
      <div class="risk">
        <div class="r-head">
          <div class="r-icon">!</div>
          <div class="r-name">同质化内卷</div>
        </div>
        <p class="r-desc">
          AI工具人人可用,纯测评易陷入"谁也赚不到钱"的困境。工具迭代快,内容保鲜期短。
        </p>
        <div class="r-fix">
          用"自造工具+真实场景"建立壁垒,做垂直领域(如银发)的深度内容,而非泛泛测评。
        </div>
      </div>
      <div class="risk">
        <div class="r-head">
          <div class="r-icon">!</div>
          <div class="r-name">成本波动</div>
        </div>
        <p class="r-desc">
          AI视频工具提价迹象明显(如即梦VIP涨幅50%-100%),长期使用成本不可控。数字人真实感仍有限。
        </p>
        <div class="r-fix">
          优先用剪映AI等免费/低价工具起步,TRAE大赛全程覆盖token消耗,借参赛期低成本试错。
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== FOOTER ===== -->
<footer>
  <div class="wrap">
    <div class="foot-mark">放手去造</div>
    <div class="foot-meta">RESEARCH REPORT · 玩转AI视频赛道 · 2026.06</div>
    <div class="foot-sources">
      <strong>数据来源 / References:</strong><br />
      · 壹娱观察《抖快红B上最火的AI博主,在赚钱了吗?》— 36kr / 虎嗅<br />
      · 科技日报《超百万现金激励,TRAE AI创造力大赛正式启动》<br />
      · 量子位《TRAE AI创造力大赛:0门槛、100万奖金池》<br />
      · 2026三大AI视频工具实测(Seedance 2.0 / Kling可灵3.0 / 剪映AI)<br />
      · 中国日报《回忆录赋能文化养老:从执笔记录者到场景创造者》<br />
      · 东方网《AI回忆录产品「清诺谛听」亮相北京老博会》<br />
      · 扬子晚报《AI写回忆录、机器人陪唠嗑——南京银发生活的科技打开方式》<br />
      ·
      aiproducthub《AI自媒体创作实战指南:效率提升98%,单条视频变现3000+》<br />
      · CSDN《普通人如何利用AI赚钱:从入门到变现的全攻略》
    </div>
  </div>
</footer>

<script>
  // Reveal on scroll
  const io = new IntersectionObserver(
    (entries) => {
      entries.forEach((e) => {
        if (e.isIntersecting) {
          e.target.classList.add('in');
          // animate bars
          e.target.querySelectorAll('.bar-fill').forEach((b) => {
            b.style.width = b.dataset.w;
          });
        }
      });
    },
    { threshold: 0.15 },
  );
  document.querySelectorAll('.reveal').forEach((el) => io.observe(el));
</script>