Echo-Tavern/templates/season.html

<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>赛季中心 - Echo Tavern</title>
  <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" />
</head>
<body class="season-page"
      data-user='{{ user | tojson | safe if user else "null" }}'
      data-theme="{{ user.theme if user else 'dopamine' }}">
  <header class="lobby-topbar">
    <div class="brand-block">
      <h1>赛季中心</h1>
      <p id="season-subtitle">加载赛季信息...</p>
    </div>
    <div class="top-actions">
      <a class="link-btn" href="{{ url_for('index') }}">返回大厅</a>
      <a class="link-btn" href="{{ url_for('rooms_page') }}">联机大厅</a>
      <a class="link-btn" href="{{ url_for('wallet_page') }}">积分中心</a>
      <a class="link-btn" href="{{ url_for('store_page') }}">积分商城</a>
    </div>
  </header>

  <main class="plaza-grid season-grid">
    <section class="card season-hero">
      <div class="season-hero-cover" id="season-hero-cover"></div>
      <div class="season-hero-body">
        <div class="season-hero-head">
          <div>
            <h2 id="season-hero-title">赛季加载中...</h2>
            <p class="helper-text" id="season-hero-sub">加载赛季信息...</p>
          </div>
          <div class="season-hero-cta">
            <button id="season-pass-unlock-btn" type="button" class="secondary-btn">解锁高级通行证</button>
            <button id="season-claim-all-tasks-btn" type="button">一键领取任务</button>
          </div>
        </div>
        <div id="season-banner" class="status-grid"></div>
        <div id="season-profile" class="status-grid" style="margin-top: 0.6rem;"></div>
      </div>
    </section>

    <section class="card">
      <h2>赛季切换</h2>
      <p class="helper-text">选择任意赛季后，可进入该赛季的专属游戏卡列表与编年史（与玩家/全局卡不互通）。</p>
      <div class="admin-inline-actions">
        <select id="season-switch" style="max-width: 100%;"></select>
        <a class="link-btn" id="season-switch-cards" href="#">打开赛季游戏卡</a>
        <a class="link-btn" id="season-switch-chronicle" href="#">打开赛季编年史</a>
      </div>
    </section>

    <section class="card">
      <h2>📖 今日故事</h2>
      <div id="season-daily-story" class="season-daily-card"></div>
      <div class="admin-inline-actions" style="justify-content: space-between;">
        <div id="season-daily-story-hint" class="helper-text"></div>
        <a class="link-btn" href="{{ url_for('season_chronicle_page') }}">进入编年史 →</a>
      </div>
    </section>

    <section class="card">
      <h2>赛季公告</h2>
      <ul id="season-announcements" class="compact-list"></ul>
    </section>

    <section class="card">
      <h2>每日赛季日卡</h2>
      <p class="helper-text" id="season-daily-card-hint">每天生成 1 张赛季专属的完整游戏卡。通关后可在“我的资料”解锁当日资料，并结算赛季积分/经验。</p>
      <div class="admin-inline-actions" style="margin-bottom: 0.4rem;">
        <a class="link-btn" href="{{ url_for('season_chronicle_page') }}">查看赛季编年史</a>
      </div>
      <div id="season-daily-card" class="season-daily-card"></div>
      <div class="admin-inline-actions">
        <button id="season-intel-unlock-btn" type="button" class="ghost-btn">解锁一条资料</button>
      </div>
      <h2 style="margin-top: 0.9rem;">我的资料</h2>
      <ul id="season-intel" class="compact-list"></ul>
    </section>

    <section class="card" id="season-chronicle-pin" style="display:none; grid-column: 1 / -1;">
      <h2>休整期置顶：赛季编年史</h2>
      <p class="helper-text">休整期将赛季引导语 + 每日资料汇总为可滚动时间线，便于复盘世界观。</p>
      <div class="admin-inline-actions" style="margin-top: 0.6rem;">
        <a class="link-btn" href="{{ url_for('season_chronicle_page') }}">进入赛季编年史</a>
      </div>
    </section>

    <section class="card">
      <h2>活动任务卡片</h2>
      <p class="helper-text" id="season-card-refresh-hint"></p>
      <ul id="season-cards" class="compact-list"></ul>
    </section>

    <section class="card">
      <h2>任务总览</h2>
      <div class="admin-inline-actions">
        <button class="ghost-btn" id="season-task-tab-all" type="button">全部</button>
        <button class="ghost-btn" id="season-task-tab-daily" type="button">每日</button>
        <button class="ghost-btn" id="season-task-tab-weekly" type="button">每周</button>
        <button class="ghost-btn" id="season-task-tab-season" type="button">赛季</button>
      </div>
      <ul id="season-tasks" class="compact-list"></ul>
    </section>

    <section class="card">
      <h2>通行证奖励</h2>
      <ul id="season-rewards" class="compact-list"></ul>
    </section>

    <section class="card">
      <h2>装扮展柜</h2>
      <ul id="season-decorations" class="compact-list"></ul>
    </section>
  </main>

  <section id="status" class="status-banner"></section>
  <script src="{{ url_for('static', filename='js/theme.js') }}"></script>
  <script src="{{ url_for('static', filename='js/invite_notify.js') }}"></script>
  <script src="{{ url_for('static', filename='js/season.js') }}"></script>
</body>
</html>