refactor: establish standalone application boundary

app/frontend/pages/popularity/page.html

@@ -0,0 +1,35 @@
+    <section id="popularityView" class="workspace-view page redesigned-popularity-view">
+      <header class="popularity-page-head-v2 lad-head">
+        <div class="popularity-title-v2">
+          <h2>人气热榜</h2>
+          <span>同花顺 × 东方财富双榜</span>
+          <strong id="popularityDateLabel">--</strong>
+          <small>涨跌幅为当日行情</small>
+        </div>
+        <div class="popularity-head-actions-v2">
+          <div class="popularity-source-tabs-v2" role="tablist" aria-label="热榜来源">
+            <button class="active" type="button" role="tab" aria-selected="true" data-popularity-source="combined">双榜综合</button>
+            <button type="button" role="tab" aria-selected="false" data-popularity-source="ths">同花顺</button>
+            <button type="button" role="tab" aria-selected="false" data-popularity-source="dc">东方财富</button>
+          </div>
+          <button id="popularityRefreshButton" class="button popularity-refresh-v2" type="button" title="刷新热榜"><i data-lucide="refresh-cw"></i><span>刷新</span></button>
+        </div>
+      </header>
+
+      <div id="popularitySummary" class="popularity-glance-v2 hot3" aria-live="polite"></div>
+
+      <section class="popularity-table-card-v2 card">
+        <header class="popularity-table-head-v2">
+          <div><h3 id="popularityTableTitle">双榜综合榜</h3><span id="popularityTableNote">按双榜排名综合排序</span></div>
+          <label class="popularity-search-v2">
+            <i data-lucide="search" aria-hidden="true"></i>
+            <span class="visually-hidden">搜索热榜股票</span>
+            <input id="popularitySearch" type="search" placeholder="搜索代码、名称或概念" autocomplete="off">
+          </label>
+        </header>
+        <div class="popularity-table-frame-v2 tbl-wrap">
+          <table class="data-table tbl popularity-table-v2"><thead><tr id="popularityTableHead"></tr></thead><tbody id="popularityTableBody"></tbody></table>
+          <div id="popularityEmpty" class="empty-state" hidden>暂无符合条件的人气数据</div>
+        </div>
+      </section>
+    </section>