tt-help-cli-ycl 1.3.57 → 1.3.59

package/src/watch/public/index.html

@@ -5,1078 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>TikTok 采集监控</title>
-  <style>
-    * {
-      margin: 0;
-      padding: 0;
-      box-sizing: border-box;
-    }
-
-    body {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      background: #0f0f13;
-      color: #e0e0e0;
-      padding: 16px;
-    }
-
-    .header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 12px 16px;
-      background: #1a1a24;
-      border-radius: 8px;
-      margin-bottom: 16px;
-    }
-
-    .header h1 {
-      font-size: 18px;
-      color: #fe2c55;
-    }
-
-    .header .meta {
-      font-size: 12px;
-      color: #888;
-    }
-
-    .header .status {
-      font-size: 12px;
-      color: #4ade80;
-    }
-
-    .script-link {
-      font-size: 12px;
-      color: #60a5fa;
-      text-decoration: none;
-      padding: 2px 8px;
-      border: 1px solid #60a5fa;
-      border-radius: 4px;
-    }
-
-    .script-link:hover {
-      background: #60a5fa;
-      color: #fff;
-    }
-
-    .stats {
-      display: grid;
-      grid-template-columns: repeat(7, 1fr);
-      gap: 12px;
-      margin-bottom: 16px;
-    }
-
-    .stat-card {
-      background: #1a1a24;
-      border-radius: 8px;
-      padding: 16px;
-      text-align: center;
-    }
-
-    .stat-card .label {
-      font-size: 12px;
-      color: #888;
-      margin-bottom: 8px;
-    }
-
-    .stat-card .value {
-      font-size: 28px;
-      font-weight: 700;
-    }
-
-    .stat-card .value.total {
-      color: #60a5fa;
-    }
-
-    .stat-card .value.done {
-      color: #4ade80;
-    }
-
-    .stat-card .value.pending {
-      color: #facc15;
-    }
-
-    .stat-card .value.error {
-      color: #f87171;
-    }
-
-    .stat-card .value.target {
-      color: #a78bfa;
-    }
-
-    .stat-card .value-sub {
-      font-size: 12px;
-      font-weight: 400;
-      margin-top: 2px;
-    }
-
-    .stat-card.clickable {
-      cursor: pointer;
-    }
-
-    .stat-card.clickable:hover {
-      background: #25253a;
-    }
-
-    .stat-card.clickable.pending-card:hover {
-      background: rgba(250, 204, 21, 0.15);
-    }
-
-    .stat-card.clickable.pending-card:hover,
-    .stat-card.clickable#statUserUpdateCard:hover {
-      background: rgba(167, 139, 250, 0.15);
-    }
-
-    .charts {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      gap: 12px;
-      margin-bottom: 16px;
-    }
-
-    .chart-box {
-      background: #1a1a24;
-      border-radius: 8px;
-      padding: 16px;
-    }
-
-    .chart-box h3 {
-      font-size: 14px;
-      color: #888;
-      margin-bottom: 12px;
-    }
-
-    .bar-row {
-      display: flex;
-      align-items: center;
-      margin-bottom: 8px;
-      font-size: 13px;
-    }
-
-    .bar-row .name {
-      width: 50px;
-      color: #ccc;
-      flex-shrink: 0;
-    }
-
-    .bar-row .bar-bg {
-      flex: 1;
-      background: #2a2a3a;
-      border-radius: 4px;
-      height: 20px;
-      overflow: hidden;
-      margin: 0 8px;
-    }
-
-    .bar-row .bar-fill {
-      height: 100%;
-      border-radius: 4px;
-      transition: width 0.3s;
-      display: flex;
-      align-items: center;
-      padding-left: 6px;
-      font-size: 11px;
-      color: #fff;
-      white-space: nowrap;
-    }
-
-    .bar-row .target-badge {
-      width: 60px;
-      text-align: center;
-      color: #4ade80;
-      font-weight: 600;
-      font-size: 12px;
-      flex-shrink: 0;
-      margin: 0 6px;
-    }
-
-    .bar-row .count {
-      width: 55px;
-      text-align: right;
-      color: #888;
-      flex-shrink: 0;
-    }
-
-    .bar-row.is-target {
-      background: rgba(167, 139, 250, 0.08);
-      border-radius: 4px;
-      padding: 2px 0;
-    }
-
-    .bar-row.is-target .name {
-      color: #a78bfa;
-      font-weight: 600;
-    }
-
-    .source-row {
-      display: flex;
-      align-items: center;
-      margin-bottom: 6px;
-      font-size: 13px;
-    }
-
-    .source-row .s-name {
-      width: 80px;
-      color: #ccc;
-      flex-shrink: 0;
-    }
-
-    .source-row .s-val {
-      color: #888;
-    }
-
-    .table-wrap {
-      background: #1a1a24;
-      border-radius: 8px;
-      padding: 16px;
-    }
-
-    .table-wrap h3 {
-      font-size: 14px;
-      color: #888;
-      margin-bottom: 12px;
-    }
-
-    .controls {
-      display: flex;
-      gap: 8px;
-      margin-bottom: 12px;
-      flex-wrap: wrap;
-    }
-
-    .controls input {
-      flex: 1;
-      min-width: 150px;
-      padding: 6px 12px;
-      border: 1px solid #333;
-      border-radius: 6px;
-      background: #0f0f13;
-      color: #e0e0e0;
-      font-size: 13px;
-      outline: none;
-    }
-
-    .controls input:focus {
-      border-color: #fe2c55;
-    }
-
-    .controls button {
-      padding: 6px 14px;
-      border: 1px solid #333;
-      border-radius: 6px;
-      background: #2a2a3a;
-      color: #ccc;
-      font-size: 12px;
-      cursor: pointer;
-      transition: all 0.2s;
-    }
-
-    .controls button:hover {
-      border-color: #fe2c55;
-      color: #fff;
-    }
-
-    .controls button.active {
-      background: #fe2c55;
-      color: #fff;
-      border-color: #fe2c55;
-    }
-
-    .add-users {
-      display: flex;
-      gap: 8px;
-      margin-bottom: 12px;
-      align-items: center;
-    }
-
-    .add-users button {
-      padding: 6px 16px;
-      border: none;
-      border-radius: 6px;
-      background: #fe2c55;
-      color: #fff;
-      font-size: 13px;
-      cursor: pointer;
-      font-weight: 600;
-      transition: all 0.2s;
-    }
-
-    .add-users button:hover {
-      background: #e61944;
-    }
-
-    .modal-overlay {
-      position: fixed;
-      inset: 0;
-      background: rgba(0, 0, 0, 0.65);
-      z-index: 1000;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .modal {
-      background: #1a1a24;
-      border-radius: 12px;
-      padding: 24px;
-      width: 520px;
-      max-width: 90vw;
-      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
-    }
-
-    .modal h3 {
-      font-size: 16px;
-      color: #e0e0e0;
-      margin-bottom: 6px;
-    }
-
-    .modal .hint {
-      font-size: 12px;
-      color: #888;
-      margin-bottom: 16px;
-    }
-
-    .modal textarea {
-      width: 100%;
-      height: 180px;
-      padding: 10px 14px;
-      border: 1px solid #333;
-      border-radius: 8px;
-      background: #0f0f13;
-      color: #e0e0e0;
-      font-size: 13px;
-      font-family: inherit;
-      outline: none;
-      resize: vertical;
-      line-height: 1.6;
-    }
-
-    .modal textarea:focus {
-      border-color: #fe2c55;
-    }
-
-    .modal textarea::placeholder {
-      color: #555;
-    }
-
-    .modal .preview {
-      margin-top: 8px;
-      font-size: 12px;
-      color: #60a5fa;
-      min-height: 20px;
-    }
-
-    .modal .btn-row {
-      display: flex;
-      gap: 8px;
-      margin-top: 16px;
-      justify-content: flex-end;
-    }
-
-    .modal .btn-row button {
-      padding: 8px 20px;
-      border: none;
-      border-radius: 6px;
-      font-size: 13px;
-      cursor: pointer;
-      font-weight: 600;
-      transition: all 0.2s;
-    }
-
-    .modal .btn-cancel {
-      background: #2a2a3a;
-      color: #ccc;
-    }
-
-    .modal .btn-cancel:hover {
-      background: #333;
-    }
-
-    .modal .btn-submit {
-      background: #fe2c55;
-      color: #fff;
-    }
-
-    .modal .btn-submit:hover {
-      background: #e61944;
-    }
-
-    .toast {
-      position: fixed;
-      top: 16px;
-      right: 16px;
-      padding: 10px 20px;
-      border-radius: 6px;
-      font-size: 13px;
-      z-index: 999;
-      transition: opacity 0.3s;
-    }
-
-    .toast.success {
-      background: #166534;
-      color: #fff;
-    }
-
-    .toast.error {
-      background: #991b1b;
-      color: #fff;
-    }
-
-    .loading-overlay {
-      position: fixed;
-      inset: 0;
-      background: rgba(0, 0, 0, 0.5);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      z-index: 9999;
-      opacity: 0;
-      transition: opacity 0.2s;
-      pointer-events: none;
-    }
-
-    .loading-overlay.visible {
-      opacity: 1;
-      pointer-events: auto;
-    }
-
-    .loading-spinner {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      gap: 12px;
-      background: #1a1a24;
-      padding: 24px 36px;
-      border-radius: 12px;
-      border: 1px solid #2a2a3a;
-    }
-
-    .loading-spinner .spinner {
-      width: 36px;
-      height: 36px;
-      border: 3px solid #2a2a3a;
-      border-top-color: #fe2c55;
-      border-radius: 50%;
-      animation: spin 0.8s linear infinite;
-    }
-
-    .loading-spinner .loading-text {
-      color: #ccc;
-      font-size: 14px;
-    }
-
-    @keyframes spin {
-      to {
-        transform: rotate(360deg);
-      }
-    }
-
-    @keyframes flashChange {
-      0% {
-        filter: brightness(1.8);
-        box-shadow: 0 0 12px rgba(254, 44, 85, 0.6);
-      }
-
-      100% {
-        filter: brightness(1);
-        box-shadow: none;
-      }
-    }
-
-    .flash-change {
-      animation: flashChange 0.6s ease-out;
-    }
-
-    @keyframes rowFlash {
-      0% {
-        background: rgba(254, 44, 85, 0.25);
-      }
-
-      100% {
-        background: transparent;
-      }
-    }
-
-    tr.row-flash {
-      animation: rowFlash 0.8s ease-out;
-    }
-
-    @keyframes barFlash {
-      0% {
-        filter: brightness(1.6);
-      }
-
-      100% {
-        filter: brightness(1);
-      }
-    }
-
-    .bar-fill.bar-flash {
-      animation: barFlash 0.5s ease-out;
-    }
-
-    .table-scroll {
-      max-height: 500px;
-      overflow-y: auto;
-    }
-
-    table {
-      width: 100%;
-      border-collapse: collapse;
-      font-size: 12px;
-    }
-
-    th {
-      position: sticky;
-      top: 0;
-      background: #22222e;
-      padding: 8px 10px;
-      text-align: left;
-      color: #888;
-      font-weight: 600;
-      border-bottom: 1px solid #333;
-      white-space: nowrap;
-    }
-
-    td {
-      padding: 6px 10px;
-      border-bottom: 1px solid #1f1f2a;
-      white-space: nowrap;
-    }
-
-    tr:hover {
-      background: #1f1f2a;
-    }
-
-    td.user-id {
-      cursor: pointer;
-      color: #60a5fa;
-    }
-
-    td.user-id:hover {
-      color: #fe2c55;
-    }
-
-    .tag {
-      display: inline-block;
-      padding: 1px 6px;
-      border-radius: 3px;
-      font-size: 10px;
-    }
-
-    .tag.seller {
-      background: #dc2626;
-      color: #fff;
-    }
-
-    .tag.verified {
-      background: #2563eb;
-      color: #fff;
-    }
-
-    .tag.pending {
-      background: #ca8a04;
-      color: #000;
-    }
-
-    .tag.processing {
-      background: #0ea5e9;
-      color: #fff;
-    }
-
-    .tag.error {
-      background: #991b1b;
-      color: #fff;
-    }
-
-    .tag.unknown-country {
-      background: #4b5563;
-      color: #fff;
-    }
-
-    #pendingPage {
-      display: none;
-    }
-
-    #pendingPage.active {
-      display: block;
-    }
-
-    #userUpdatePage {
-      display: none;
-    }
-
-    #userUpdatePage.active {
-      display: block;
-    }
-
-    #rawPage {
-      display: none;
-    }
-
-    #rawPage.active {
-      display: block;
-    }
-
-    #mainPage.hidden {
-      display: none;
-    }
-
-    .pending-country-card {
-      background: #1a1a24;
-      border-radius: 8px;
-      padding: 20px;
-      margin-bottom: 16px;
-    }
-
-    .pending-country-card h3 {
-      font-size: 16px;
-      color: #facc15;
-      margin-bottom: 16px;
-      display: flex;
-      align-items: center;
-      gap: 8px;
-    }
-
-    .pending-country-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-      gap: 12px;
-    }
-
-    .pending-country-item {
-      background: #2a2a3a;
-      border-radius: 8px;
-      padding: 16px;
-      cursor: pointer;
-      transition: all 0.2s;
-      border: 1px solid transparent;
-      position: relative;
-    }
-
-    .country-action-btn {
-      position: absolute;
-      top: 10px;
-      right: 10px;
-      width: 28px;
-      height: 28px;
-      border: 1px solid rgba(248, 113, 113, 0.35);
-      border-radius: 999px;
-      background: rgba(127, 29, 29, 0.45);
-      color: #fca5a5;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 14px;
-      cursor: pointer;
-      transition: all 0.2s;
-    }
-
-    .country-action-btn:hover {
-      background: rgba(153, 27, 27, 0.85);
-      color: #fff;
-      border-color: rgba(248, 113, 113, 0.8);
-    }
-
-    .country-action-btn.restore {
-      border-color: rgba(74, 222, 128, 0.35);
-      background: rgba(20, 83, 45, 0.45);
-      color: #86efac;
-    }
-
-    .country-action-btn.restore:hover {
-      background: rgba(22, 101, 52, 0.9);
-      border-color: rgba(74, 222, 128, 0.8);
-      color: #fff;
-    }
-
-    .raw-page-layout {
-      display: grid;
-      grid-template-columns: 320px 1fr;
-      gap: 16px;
-    }
-
-    .raw-side-card {
-      background: #1a1a24;
-      border-radius: 8px;
-      padding: 16px;
-    }
-
-    .raw-side-card h3 {
-      font-size: 14px;
-      color: #f59e0b;
-      margin-bottom: 12px;
-    }
-
-    .raw-table-card {
-      background: #1a1a24;
-      border-radius: 8px;
-      padding: 16px;
-    }
-
-    .raw-table-card h3 {
-      font-size: 14px;
-      color: #888;
-      margin-bottom: 12px;
-    }
-
-    .muted-tip {
-      font-size: 12px;
-      color: #777;
-      margin-top: 8px;
-      line-height: 1.5;
-    }
-
-    .pending-country-item:hover {
-      border-color: #facc15;
-      background: #33334a;
-    }
-
-    .pending-country-item .country-name {
-      font-size: 18px;
-      font-weight: 700;
-      color: #facc15;
-      margin-bottom: 4px;
-    }
-
-    .pending-country-item .country-count {
-      font-size: 28px;
-      font-weight: 700;
-      color: #fff;
-    }
-
-    .pending-country-item .country-label {
-      font-size: 12px;
-      color: #888;
-      margin-top: 2px;
-    }
-
-    .pending-country-item.has-target {
-      border-color: #a78bfa;
-    }
-
-    .pending-country-item.has-target .country-name {
-      color: #a78bfa;
-    }
-
-    .back-btn {
-      padding: 6px 14px;
-      border: 1px solid #333;
-      border-radius: 6px;
-      background: #2a2a3a;
-      color: #ccc;
-      font-size: 13px;
-      cursor: pointer;
-      transition: all 0.2s;
-      margin-bottom: 16px;
-    }
-
-    .back-btn:hover {
-      border-color: #fe2c55;
-      color: #fff;
-    }
-
-    .tag.processed {
-      background: #166534;
-      color: #fff;
-    }
-
-    .tag.no-video {
-      background: #7c3aed;
-      color: #fff;
-    }
-
-    .tag.no-follow {
-      background: #b45309;
-      color: #fff;
-    }
-
-    .tag.keep-follow {
-      background: #059669;
-      color: #fff;
-    }
-
-    .tag.pinned {
-      background: #f59e0b;
-      color: #000;
-    }
-
-    .context-menu {
-      position: fixed;
-      background: #1e1e2e;
-      border: 1px solid #333;
-      border-radius: 6px;
-      padding: 4px 0;
-      min-width: 140px;
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
-      z-index: 1000;
-    }
-
-    .context-menu-item {
-      padding: 8px 16px;
-      font-size: 13px;
-      color: #ccc;
-      cursor: pointer;
-      display: flex;
-      align-items: center;
-      gap: 8px;
-    }
-
-    .context-menu-item:hover {
-      background: #fe2c55;
-      color: #fff;
-    }
-
-    .context-menu-item.danger {
-      color: #f87171;
-    }
-
-    .context-menu-item.danger:hover {
-      background: #991b1b;
-      color: #fff;
-    }
-
-    ::-webkit-scrollbar {
-      width: 6px;
-    }
-
-    ::-webkit-scrollbar-track {
-      background: #1a1a24;
-    }
-
-    ::-webkit-scrollbar-thumb {
-      background: #333;
-      border-radius: 3px;
-    }
-
-    .client-errors-section {
-      margin-bottom: 16px;
-    }
-
-    .section-header {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      margin-bottom: 8px;
-    }
-
-    .section-header h3 {
-      font-size: 14px;
-      color: #e0e0e0;
-    }
-
-    .error-badge {
-      background: #991b1b;
-      color: #fff;
-      font-size: 11px;
-      padding: 2px 8px;
-      border-radius: 10px;
-      font-weight: 600;
-    }
-
-    .client-errors-table {
-      width: 100%;
-      border-collapse: collapse;
-      background: #1a1a24;
-      border-radius: 8px;
-      overflow: hidden;
-      font-size: 13px;
-    }
-
-    .client-errors-table thead tr {
-      background: #22222e;
-    }
-
-    .client-errors-table th {
-      padding: 10px 12px;
-      text-align: left;
-      color: #888;
-      font-weight: 600;
-      font-size: 12px;
-      border-bottom: 1px solid #2a2a3a;
-    }
-
-    .client-errors-table td {
-      padding: 8px 12px;
-      border-bottom: 1px solid #1f1f2e;
-    }
-
-    .client-errors-table tbody tr:last-child td {
-      border-bottom: none;
-    }
-
-    .client-errors-table tbody tr:hover {
-      background: #22222e;
-    }
-
-    .error-type-captcha {
-      color: #f59e0b;
-    }
-
-    .error-type-network {
-      color: #f87171;
-    }
-
-    .error-type-other {
-      color: #a78bfa;
-    }
-
-    @media (max-width: 768px) {
-      body {
-        padding: 8px;
-      }
-
-      .header {
-        flex-direction: column;
-        gap: 6px;
-        align-items: flex-start;
-      }
-
-      .header h1 {
-        font-size: 16px;
-      }
-
-      .stats {
-        grid-template-columns: repeat(2, 1fr);
-        gap: 8px;
-      }
-
-      .stat-card {
-        padding: 10px;
-      }
-
-      .stat-card .label {
-        font-size: 11px;
-      }
-
-      .stat-card .value {
-        font-size: 18px;
-      }
-
-      .charts {
-        grid-template-columns: 1fr;
-      }
-
-      .raw-page-layout {
-        grid-template-columns: 1fr;
-      }
-
-      .table-wrap {
-        padding: 10px;
-      }
-
-      .controls {
-        flex-wrap: wrap;
-        gap: 6px;
-      }
-
-      .controls input {
-        flex: 0 0 100%;
-        width: 100%;
-      }
-
-      .controls button {
-        flex: 0 0 calc(33.33% - 4px);
-        min-width: 0;
-        text-align: center;
-        white-space: nowrap;
-        font-size: 11px;
-        padding: 8px 4px;
-      }
-
-      #batchResetBtn {
-        flex: 0 0 100% !important;
-        font-size: 12px !important;
-        padding: 8px 12px !important;
-      }
-
-      .controls select {
-        flex: 0 0 100%;
-        width: 100%;
-      }
-
-      .table-scroll {
-        max-height: none;
-        overflow: visible;
-      }
-
-      table,
-      thead,
-      tbody,
-      th,
-      td,
-      tr {
-        display: block;
-      }
-
-      thead {
-        display: none;
-      }
-
-      tr {
-        background: #22222e;
-        border-radius: 8px;
-        padding: 10px 12px;
-        margin-bottom: 8px;
-        border: 1px solid #2a2a3a;
-      }
-
-      tr:hover {
-        background: #2a2a3a;
-      }
-
-      td {
-        padding: 4px 0;
-        border: none;
-        text-align: left;
-        position: relative;
-        padding-left: 40%;
-        font-size: 13px;
-      }
-
-      td::before {
-        content: attr(data-label);
-        position: absolute;
-        left: 0;
-        width: 36%;
-        text-align: right;
-        color: #888;
-        font-size: 12px;
-        font-weight: 600;
-        white-space: nowrap;
-      }
-
-      td.user-id {
-        font-size: 15px;
-        font-weight: 700;
-        color: #60a5fa;
-        padding-left: 0;
-        border-bottom: 1px solid #2a2a3a;
-        margin-bottom: 4px;
-        padding-bottom: 6px;
-      }
-
-      td.user-id::before {
-        display: none;
-      }
-
-      td.user-id:hover {
-        color: #fe2c55;
-      }
-
-      .add-users {
-        justify-content: center;
-      }
-
-      .modal {
-        width: 95vw;
-        padding: 16px;
-      }
-
-      .modal textarea {
-        height: 140px;
-      }
-    }
-  </style>
+  <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
@@ -1180,7 +109,7 @@
           <option value="">全部目标国家</option>
         </select>
         <button id="batchResetBtn" onclick="batchResetErrors()"
-          style="display:none;padding:6px 10px;border:1px solid #f87171;border-radius:6px;background:transparent;color:#f87171;font-size:12px;cursor:pointer;font-weight:600;transition:all 0.2s;white-space:nowrap;">&#x21bb;
+          style="display:none;padding:6px 10px;border:1px solid #f87171;border-radius:6px;background:transparent;color:#f87171;font-size:12px;cursor:pointer;font-weight:600;transition:all 0.2s;white-space:nowrap;">↻
           批量重新处理 (<span id="batchResetCount">0</span>)</button>
         <select id="locationFilter" onchange="onLocationChange()"
           style="padding:6px 10px;border:1px solid #333;border-radius:6px;background:#2a2a3a;color:#ccc;font-size:12px;cursor:pointer;outline:none;">
@@ -1196,6 +125,7 @@
               <th>粉丝</th>
               <th>视频</th>
               <th>国家</th>
+              <th>最近发布</th>
               <th>猜测国家</th>
               <th>来源</th>
               <th>状态</th>
@@ -1341,1115 +271,7 @@
       </div>
     </div>
   </div>
-  <script>
-    const COLORS = ['#fe2c55', '#60a5fa', '#4ade80', '#facc15', '#f97316', '#a855f7', '#ec4899', '#14b8a6', '#e11d48', '#0ea5e9', '#8b5cf6', '#84cc16'];
-    let currentFilter = 'all';
-    let currentStats = null;
-    let currentUsers = [];
-    let currentLocation = '';
-    let currentTargetLocation = '';
-    let currentRawLocation = '';
-    let prevStatValues = {};
-    let prevUserMap = {};
-
-    async function fetchStats() {
-      try {
-        const res = await fetch('/api/stats');
-        currentStats = await res.json();
-        renderStats();
-        renderLocationFilter();
-      } catch (e) {
-        document.getElementById('lastUpdate').textContent = '\u8fde\u63a5\u5931\u8d25';
-      }
-    }
-
-    async function fetchUsers() {
-      try {
-        const params = new URLSearchParams();
-        if (currentFilter === 'target') {
-          params.set('target', '1');
-          if (currentTargetLocation) params.set('targetLocation', currentTargetLocation);
-        } else if (currentFilter !== 'all') {
-          params.set('status', currentFilter);
-        }
-        const search = document.getElementById('searchInput').value.trim();
-        if (search) params.set('search', search);
-        if (currentLocation) params.set('location', currentLocation);
-        params.set('limit', '200');
-        const res = await fetch('/api/users?' + params.toString());
-        const data = await res.json();
-        currentUsers = data.users || [];
-        renderTable(currentUsers);
-      } catch (e) { }
-    }
-
-    function escapeHtml(str) {
-      const div = document.createElement('div');
-      div.textContent = str;
-      return div.innerHTML;
-    }
-
-    async function fetchClientErrors() {
-      try {
-        const res = await fetch('/api/client-errors');
-        const data = await res.json();
-        const clients = data.clients || [];
-        const section = document.getElementById('clientErrorsSection');
-        const badge = document.getElementById('clientErrorsBadge');
-        const tbody = document.getElementById('clientErrorsBody');
-        if (clients.length === 0) {
-          section.style.display = 'none';
-          return;
-        }
-        section.style.display = '';
-        badge.textContent = clients.length;
-        const typeMap = { captcha: ['验证码', 'error-type-captcha'], network: ['网络', 'error-type-network'], other: ['其他', 'error-type-other'], '被封': ['被封', 'error-type-captcha'] };
-        const stageMap = { 'video-page': '视频页', 'comment': '评论', 'follow': '关注/粉丝', 'scrape': 'scrape', 'process': '处理' };
-        tbody.innerHTML = clients.map(c => {
-          const [typeText, typeClass] = typeMap[c.errorType] || ['未知', ''];
-          const stageText = c.stage ? (stageMap[c.stage] || c.stage) : '';
-          const captchaText = c.captchaCount ? `${c.captchaCount}次${c.captchaStage ? ' (' + (stageMap[c.captchaStage] || c.captchaStage) + ')' : ''}` : '-';
-          const msgDetail = c.errorMessage ? `<br><span style="color:#666;font-size:11px">${escapeHtml(c.errorMessage)}</span>` : '';
-          const stackDetail = c.errorStack ? `<br><span style="color:#555;font-size:10px;max-width:250px;display:block;word-break:break-all">${escapeHtml(c.errorStack)}</span>` : '';
-          const captchaDetail = c.captchaMessage ? `<br><span style="color:#666;font-size:11px">${escapeHtml(c.captchaMessage)}</span>` : '';
-          return `<tr>
-        <td style="font-family:monospace;font-weight:600;color:#60a5fa">${escapeHtml(c.userId)}</td>
-        <td class="${typeClass}">${typeText}</td>
-        <td style="color:#f87171;font-weight:600">${c.reportCount || 1}</td>
-        <td style="color:#f59e0b;font-weight:600">${captchaText}${captchaDetail}</td>
-        <td style="color:#a78bfa;font-size:12px">${stageText}</td>
-        <td style="color:#ccc;font-size:12px;max-width:300px;word-break:break-all">${msgDetail}${stackDetail}</td>
-        <td style="color:#60a5fa">@${escapeHtml(c.username || '-')}</td>
-        <td style="color:#888;font-size:12px">${new Date(c.timestamp).toLocaleTimeString()}</td>
-        <td><button class="btn-delete" onclick="deleteClientError('${escapeHtml(c.userId)}')" style="background:#991b1b;color:#fff;border:none;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:12px">删除</button></td>
-      </tr>`;
-        }).join('');
-      } catch (e) { }
-    }
-
-    async function deleteClientError(userId) {
-      try {
-        await fetch(`/api/client-error/${encodeURIComponent(userId)}`, { method: 'DELETE' });
-        fetchClientErrors();
-      } catch (e) { }
-    }
-
-    function formatStatNum(value, { full = false } = {}) {
-      const num = Number(value) || 0;
-      if (full) return num.toLocaleString('zh-CN');
-      if (Math.abs(num) < 1000) return String(num);
-      if (Math.abs(num) < 10000) return num.toLocaleString('zh-CN');
-      const wan = num / 10000;
-      return wan.toFixed(1).replace(/\.0+$/, '') + '万';
-    }
-
-    function flashEl(id, value, options) {
-      const el = document.getElementById(id);
-      if (!el) return;
-      const prev = prevStatValues[id];
-      el.textContent = formatStatNum(value, options);
-      if (prev !== undefined && prev !== value) {
-        el.classList.remove('flash-change');
-        void el.offsetWidth;
-        el.classList.add('flash-change');
-      }
-      prevStatValues[id] = value;
-    }
-
-    function renderStats() {
-      if (!currentStats) return;
-      const d = currentStats;
-      flashEl('statTotal', d.totalUsers);
-      flashEl('statProcessing', d.processingUsers || 0);
-      flashEl('statDone', d.processedUsers);
-      flashEl('statPending', d.pendingUsers);
-      flashEl('statError', d.errorUsers);
-      flashEl('statRestricted', d.restrictedUsers);
-      flashEl('statTarget', d.targetUsers, { full: true });
-      flashEl('statUserUpdateTasks', d.userUpdateTasks || 0, { full: true });
-      flashEl('statRawJobs', d.rawJobs || 0);
-      // 同步子页面 stats
-      const pendingTotal = document.getElementById('pendingStatTotal');
-      if (pendingTotal) pendingTotal.textContent = formatStatNum(d.totalUsers);
-      const pendingCount = document.getElementById('pendingStatPending');
-      if (pendingCount) pendingCount.textContent = formatStatNum(d.pendingUsers);
-      const pendingUserUpdate = document.getElementById('pendingStatUserUpdateTasks');
-      if (pendingUserUpdate) pendingUserUpdate.textContent = formatStatNum(d.userUpdateTasks || 0, { full: true });
-      const pendingRawJobs = document.getElementById('pendingStatRawJobs');
-      if (pendingRawJobs) pendingRawJobs.textContent = formatStatNum(d.rawJobs || 0);
-      const userUpdateTotal = document.getElementById('userUpdateStatTotal');
-      if (userUpdateTotal) userUpdateTotal.textContent = formatStatNum(d.totalUsers);
-      const userUpdatePending = document.getElementById('userUpdateStatPending');
-      if (userUpdatePending) userUpdatePending.textContent = formatStatNum(d.pendingUsers);
-      const userUpdateTasks = document.getElementById('userUpdateStatUserUpdateTasks');
-      if (userUpdateTasks) userUpdateTasks.textContent = formatStatNum(d.userUpdateTasks || 0, { full: true });
-      const userUpdateRawJobs = document.getElementById('userUpdateStatRawJobs');
-      if (userUpdateRawJobs) userUpdateRawJobs.textContent = formatStatNum(d.rawJobs || 0);
-      const rawPageRawJobs = document.getElementById('rawPageStatRawJobs');
-      if (rawPageRawJobs) rawPageRawJobs.textContent = formatStatNum(d.rawJobs || 0);
-      const rawPagePending = document.getElementById('rawPageStatPending');
-      if (rawPagePending) rawPagePending.textContent = formatStatNum(d.pendingUsers || 0);
-      const rawPageUserUpdate = document.getElementById('rawPageStatUserUpdateTasks');
-      if (rawPageUserUpdate) rawPageUserUpdate.textContent = formatStatNum(d.userUpdateTasks || 0);
-      document.getElementById('lastUpdate').textContent = '\u66f4\u65b0\u4e8e ' + new Date().toLocaleTimeString();
-      document.getElementById('fileMeta').textContent =
-        formatStatNum(d.processingUsers || 0) +
-        ' \u5904\u7406\u4e2d, ' +
-        formatStatNum(d.totalUsers) +
-        ' \u4e2a\u7528\u6237, \u5f85\u5904\u7406 ' +
-        formatStatNum(d.pendingUsers || 0);
-
-      renderCountryChart(d.countryStats);
-      renderSourceChart(d.sourceStats);
-      renderTargetLocationFilter(d.targetCountryStats);
-    }
-
-    function renderTargetLocationFilter(targetCountryStats) {
-      const sel = document.getElementById('targetLocationFilter');
-      if (!sel) return;
-      const val = sel.value;
-      sel.innerHTML = '<option value="">全部目标国家</option>' +
-        (targetCountryStats || []).map(c => `<option value="${c.country}"${val === c.country ? ' selected' : ''}>${c.country} (${c.count})</option>`).join('');
-    }
-
-    function renderCountryChart(countries) {
-      const el = document.getElementById('countryChart');
-      const filtered = countries.filter(c => c.country !== '\u672a\u77e5');
-      if (!filtered.length) { el.innerHTML = '<span style="color:#666;font-size:12px">\u6682\u65e0\u6570\u636e</span>'; return; }
-      const max = filtered[0].count;
-      const top = filtered.slice(0, 15);
-      const targetLocations = currentStats?.targetLocations || [];
-      el.innerHTML = top.map((c, i) => {
-        const isTarget = targetLocations.includes(c.country);
-        const targetBadge = c.targetCount > 0
-          ? `<span class="target-badge">🎯 ${c.targetCount}</span>`
-          : `<span class="target-badge" style="visibility:hidden"> </span>`;
-        return `
-    <div class="bar-row${isTarget ? ' is-target' : ''}">
-      <span class="name">${c.country}</span>
-      <div class="bar-bg"><div class="bar-fill" style="width:${(c.count / max * 100)}%;background:${isTarget ? '#a78bfa' : COLORS[i % COLORS.length]}">${c.count}</div></div>
-      ${targetBadge}
-      <span class="count">${(currentStats ? (c.count / currentStats.totalUsers * 100).toFixed(1) : 0)}%</span>
-    </div>
-  `;
-      }).join('');
-    }
-
-    function renderSourceChart(sources) {
-      const el = document.getElementById('sourceChart');
-      const labels = { seed: '\u79cd\u5b50', video: '\u89c6\u9891\u53d1\u73b0', comment: '\u8bc4\u8bba\u53d1\u73b0', guess: '\u731c\u4f60\u559c\u6b22', following: '\u5173\u6ce8', follower: '\u7c89\u4e1d', processed: '\u5df2\u5904\u7406', restricted: '\u53d7\u9650(\u8df3\u8fc7)', error: '\u9519\u8bef(\u5f85\u91cd\u8bd5)', noVideo: '\u65e0\u89c6\u9891' };
-      const entries = Object.entries(sources);
-      el.innerHTML = entries.map(([key, val]) => `
-    <div class="source-row"><span class="s-name">${labels[key] || key}:</span><span class="s-val">${val}</span></div>
-  `).join('');
-    }
-
-    function renderTable(users) {
-      const el = document.getElementById('userTable');
-
-      const newUserMap = {};
-      for (const u of users) newUserMap[u.uniqueId] = u;
-
-      el.innerHTML = users.map(u => {
-        const wasStatus = prevUserMap[u.uniqueId]?.status;
-        const nowStatus = u.status;
-        const changed = wasStatus !== nowStatus &&
-          (nowStatus === 'done' || nowStatus === 'restricted' || nowStatus === 'error');
-        const rowClass = changed ? ' class="row-flash"' : '';
-
-        const statusTags = {
-          restricted: '<span class="tag error">\u53d7\u9650(\u8df3\u8fc7)</span>',
-          error: '<span class="tag error">\u9519\u8bef(\u5f85\u91cd\u8bd5)</span>',
-          done: '<span class="tag processed">\u5df2\u5b8c\u6210</span>',
-          processing: '<span class="tag processing">\u5904\u7406\u4e2d</span>',
-          pending: '<span class="tag pending">\u5f85\u5904\u7406</span>',
-        };
-        const statusTag = statusTags[u.status] || '<span class="tag pending">' + (u.status || '\u672a\u77e5') + '</span>';
-        const sources = (u.sources || []).join(', ');
-        const extraTags = [];
-        if (u.pinned) extraTags.push('<span class="tag pinned">&#x1F4CC; 置顶</span>');
-        if (u.ttSeller) extraTags.push('<span class="tag seller">\u5546\u5bb6</span>');
-        if (u.verified) extraTags.push('<span class="tag verified">\u8ba4\u8bc1</span>');
-        if (u.noVideo) extraTags.push('<span class="tag no-video">\u65e0\u89c6\u9891</span>');
-        if (u.keepFollow) extraTags.push('<span class="tag keep-follow">\u5173\u6ce8\u5df2\u4fdd\u7559</span>');
-        if (u.hasFollowData === false) extraTags.push('<span class="tag no-follow">\u5173\u6ce8\u672a\u83b7\u53d6</span>');
-        const nick = (u.nickname || '').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-        const fans = u.followerCount != null ? formatNum(u.followerCount) : '-';
-        const videos = u.videoCount != null ? u.videoCount : '-';
-        const loc = u.locationCreated || '-';
-        const guessedLoc = u.guessedLocation || '-';
-        const claimer = u.claimedBy || '-';
-        const claimTime = u.claimedAt ? formatTime(u.claimedAt) : '-';
-        const procTime = u.processedAt ? formatTime(u.processedAt) : '-';
-        const statusCodeDisplay = u.statusCode != null && u.statusCode !== 0
-          ? `<span class="tag error" style="font-size:10px">${u.statusCode}</span>`
-          : '';
-        return `<tr${rowClass}>
-      <td class="user-id" data-label="用户名">@${u.uniqueId}</td>
-      <td data-label="昵称">${nick}</td>
-      <td data-label="粉丝">${fans}</td>
-      <td data-label="视频">${videos}</td>
-      <td data-label="国家">${loc}</td>
-      <td data-label="猜测国家">${guessedLoc}</td>
-      <td data-label="来源">${sources || '-'}</td>
-      <td data-label="状态">${statusTag} ${extraTags.join(' ')}</td>
-      <td data-label="StatusCode">${statusCodeDisplay}</td>
-      <td data-label="处理端" style="font-size:11px;color:#888">${claimer}</td>
-      <td data-label="领取时间" style="font-size:11px;color:#888">${claimTime}</td>
-      <td data-label="完成时间" style="font-size:11px;color:#888">${procTime}</td>
-    </tr>`;
-      }).join('');
-
-      const errorCount = users.filter(u => u.status === 'error').length;
-      const countEl = document.getElementById('batchResetCount');
-      if (countEl) countEl.textContent = errorCount;
-
-      prevUserMap = newUserMap;
-    }
-
-    function formatNum(n) {
-      if (n >= 1000000) return (n / 1000000).toFixed(1) + 'M';
-      if (n >= 1000) return (n / 1000).toFixed(1) + 'K';
-      return n;
-    }
-
-    function formatTime(ts) {
-      const d = new Date(ts);
-      const pad = n => String(n).padStart(2, '0');
-      return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
-    }
-
-    function setFilter(f) {
-      currentFilter = f;
-      document.querySelectorAll('.controls button').forEach(b => {
-        b.classList.toggle('active', b.dataset.filter === f);
-      });
-      const btn = document.getElementById('batchResetBtn');
-      btn.style.display = f === 'error' ? '' : 'none';
-      const targetLocSel = document.getElementById('targetLocationFilter');
-      if (f === 'target') {
-        targetLocSel.style.display = '';
-      } else {
-        targetLocSel.style.display = 'none';
-        currentTargetLocation = '';
-      }
-      fetchUsers();
-    }
-
-    function renderLocationFilter() {
-      if (!currentStats || !currentStats.countryStats) return;
-      const sel = document.getElementById('locationFilter');
-      if (!sel) return;
-      const val = sel.value;
-      const entries = currentStats.countryStats.sort((a, b) => b.count - a.count);
-      sel.innerHTML = '<option value="">全部国家</option>' +
-        entries.map(c => `<option value="${c.country}"${val === c.country ? ' selected' : ''}>${c.country} (${c.count})</option>`).join('');
-    }
-
-    function onLocationChange() {
-      const sel = document.getElementById('locationFilter');
-      currentLocation = sel.value;
-      fetchUsers();
-    }
-
-    function onTargetLocationChange() {
-      const sel = document.getElementById('targetLocationFilter');
-      currentTargetLocation = sel.value;
-      fetchUsers();
-    }
-
-    let searchTimer = null;
-    document.getElementById('searchInput').addEventListener('input', () => {
-      if (searchTimer) clearTimeout(searchTimer);
-      searchTimer = setTimeout(fetchUsers, 300);
-    });
-
-    let rawSearchTimer = null;
-    document.getElementById('rawSearchInput').addEventListener('input', () => {
-      if (rawSearchTimer) clearTimeout(rawSearchTimer);
-      rawSearchTimer = setTimeout(fetchRawJobs, 300);
-    });
-
-    function parseUsernames(raw) {
-      return raw.split(/[,，\n\r]+/).map(s => s.replace(/^@/, '').trim()).filter(Boolean);
-    }
-
-    function openAddModal() {
-      let overlay = document.getElementById('addModalOverlay');
-      if (overlay) return;
-      overlay = document.createElement('div');
-      overlay.id = 'addModalOverlay';
-      overlay.className = 'modal-overlay';
-      overlay.innerHTML = `
-    <div class="modal">
-      <h3>插入用户到队列</h3>
-      <div class="hint">每行一个用户名，或用逗号分隔。支持 @username 或 username 格式。插入到队列最前面优先处理。</div>
-      <textarea id="modalUserInput" placeholder="例如：&#10;user1&#10;user2&#10;user3&#10;&#10;或：user1, user2, user3"></textarea>
-      <div class="preview" id="modalPreview"></div>
-      <div class="btn-row">
-        <button class="btn-cancel" onclick="closeAddModal()">取消</button>
-        <button class="btn-submit" onclick="submitAddUsers()">确认插入</button>
-      </div>
-    </div>
-  `;
-      document.body.appendChild(overlay);
-      overlay.addEventListener('click', e => { if (e.target === overlay) closeAddModal(); });
-      const ta = document.getElementById('modalUserInput');
-      ta.focus();
-      ta.addEventListener('input', () => {
-        const names = parseUsernames(ta.value);
-        const preview = document.getElementById('modalPreview');
-        preview.textContent = names.length ? `共 ${names.length} 个用户名` : '';
-      });
-      ta.addEventListener('keydown', e => {
-        if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
-          e.preventDefault();
-          submitAddUsers();
-        }
-      });
-    }
-
-    function closeAddModal() {
-      const overlay = document.getElementById('addModalOverlay');
-      if (overlay) overlay.remove();
-    }
-
-    async function submitAddUsers() {
-      const ta = document.getElementById('modalUserInput');
-      const raw = ta.value.trim();
-      if (!raw) return;
-
-      const names = parseUsernames(raw);
-      if (names.length === 0) return;
-
-      showLoading('正在添加用户...');
-      try {
-        const res = await fetch('/api/users', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ usernames: names })
-        });
-        const data = await res.json();
-        if (data.error) { showToast(data.error, true); return; }
-        closeAddModal();
-        showToast(data.message || `\u5df2\u63d2\u5165 ${data.added} \u4e2a\u7528\u6237`);
-        fetchStats();
-        fetchUsers();
-      } catch (e) {
-        showToast('\u63d2\u5165\u5931\u8d25: ' + e.message, true);
-      } finally {
-        hideLoading();
-      }
-    }
-
-    function showToast(msg, isError) {
-      let toast = document.getElementById('globalToast') || document.getElementById('toast');
-      if (!toast) {
-        toast = document.createElement('div');
-        toast.id = 'globalToast';
-        toast.className = 'toast';
-        toast.style.display = 'none';
-        document.body.appendChild(toast);
-      }
-      toast.textContent = msg;
-      toast.className = 'toast' + (isError ? ' error' : '');
-      toast.style.display = 'block';
-      setTimeout(() => { toast.style.display = 'none'; }, 3000);
-    }
-
-    function showLoading(text) {
-      let overlay = document.getElementById('loadingOverlay');
-      if (!overlay) {
-        overlay = document.createElement('div');
-        overlay.id = 'loadingOverlay';
-        overlay.className = 'loading-overlay';
-        overlay.innerHTML = `
-      <div class="loading-spinner">
-        <div class="spinner"></div>
-        <div class="loading-text" id="loadingText">处理中...</div>
-      </div>
-    `;
-        document.body.appendChild(overlay);
-      }
-      const textEl = document.getElementById('loadingText');
-      if (textEl) textEl.textContent = text || '处理中...';
-      overlay.classList.add('visible');
-    }
-
-    function hideLoading() {
-      const overlay = document.getElementById('loadingOverlay');
-      if (overlay) overlay.classList.remove('visible');
-    }
-
-    function escapeJsString(str) {
-      return String(str).replace(/\\/g, '\\\\').replace(/'/g, "\\'");
-    }
-
-    document.addEventListener('keydown', e => {
-      if (e.key === 'Escape') closeAddModal();
-    });
-
-    document.getElementById('userTable').addEventListener('click', e => {
-      const td = e.target.closest('td.user-id');
-      if (!td) return;
-      hideContextMenu();
-      const username = td.textContent.trim().replace(/^@/, '');
-      if (!username) return;
-      window.open('https://www.tiktok.com/@' + username, '_blank');
-    });
-
-    let contextMenuEl = null;
-    let contextMenuUserId = null;
-    let contextMenuPinned = false;
-
-    function showContextMenu(x, y, uniqueId, pinned) {
-      hideContextMenu();
-      contextMenuUserId = uniqueId;
-      contextMenuPinned = !!pinned;
-      contextMenuEl = document.createElement('div');
-      contextMenuEl.className = 'context-menu';
-      contextMenuEl.innerHTML = `
-    <div class="context-menu-item" data-action="pin">${contextMenuPinned ? '&#x1F4CC; 取消置顶' : '&#x1F4CD; 置顶优先'}</div>
-    <div class="context-menu-item" data-action="reset">&#x21bb; 重新处理</div>
-    <div class="context-menu-item" data-action="open">&#x1F517; 打开主页</div>
-  `;
-      document.body.appendChild(contextMenuEl);
-      contextMenuEl.style.left = Math.min(x, window.innerWidth - 160) + 'px';
-      contextMenuEl.style.top = Math.min(y, window.innerHeight - 100) + 'px';
-
-      contextMenuEl.addEventListener('click', e => {
-        const item = e.target.closest('.context-menu-item');
-        if (!item) return;
-        const action = item.dataset.action;
-        if (action === 'pin') togglePin(contextMenuUserId);
-        if (action === 'reset') resetJob(contextMenuUserId);
-        if (action === 'open') window.open('https://www.tiktok.com/@' + contextMenuUserId, '_blank');
-        hideContextMenu();
-      });
-    }
-
-    function hideContextMenu() {
-      if (contextMenuEl) {
-        contextMenuEl.remove();
-        contextMenuEl = null;
-        contextMenuUserId = null;
-      }
-    }
-
-    document.getElementById('userTable').addEventListener('contextmenu', e => {
-      const td = e.target.closest('td');
-      if (!td || td.parentElement.tagName !== 'TR') return;
-      e.preventDefault();
-      const tr = td.parentElement;
-      const userIdTd = tr.querySelector('td.user-id');
-      if (!userIdTd) return;
-      const uniqueId = userIdTd.textContent.trim().replace(/^@/, '');
-      const pinned = !!tr.querySelector('.tag.pinned');
-      showContextMenu(e.clientX, e.clientY, uniqueId, pinned);
-    });
-
-    document.addEventListener('click', e => {
-      if (contextMenuEl && !contextMenuEl.contains(e.target)) {
-        hideContextMenu();
-      }
-    });
-
-    async function togglePin(uniqueId) {
-      showLoading('操作中...');
-      try {
-        const res = await fetch('/api/job/' + encodeURIComponent(uniqueId) + '/pin', {
-          method: 'POST',
-        });
-        const data = await res.json();
-        if (data.saved) {
-          showToast(data.pinned ? '已置顶' : '已取消置顶');
-          fetchUsers();
-        } else {
-          showToast(data.error || '操作失败', true);
-        }
-      } catch (e) {
-        showToast('操作失败: ' + e.message, true);
-      } finally {
-        hideLoading();
-      }
-    }
-
-    async function resetJob(uniqueId) {
-      showLoading('重置任务...');
-      try {
-        const res = await fetch('/api/job/' + encodeURIComponent(uniqueId) + '/reset', {
-          method: 'POST',
-        });
-        const data = await res.json();
-        if (data.saved) {
-          showToast('\u5df2\u91cd\u7f6e\u4efb\u52a1');
-          fetchUsers();
-          fetchStats();
-        } else {
-          showToast(data.error || '\u91cd\u7f6e\u5931\u8d25', true);
-        }
-      } catch (e) {
-        showToast('\u91cd\u7f6e\u5931\u8d25: ' + e.message, true);
-      } finally {
-        hideLoading();
-      }
-    }
-
-    async function batchResetErrors() {
-      const btn = document.getElementById('batchResetBtn');
-      const errorUsers = currentUsers.filter(u => u.status === 'error');
-      if (errorUsers.length === 0) {
-        showToast('\u6ca1\u6709\u9700\u8981\u91cd\u7f6e\u7684\u9519\u8bef\u7528\u6237', true);
-        return;
-      }
-      const userIds = errorUsers.map(u => u.uniqueId);
-      showLoading('正在批量重置...');
-      try {
-        const res = await fetch('/api/jobs/batch-reset', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ userIds })
-        });
-        const data = await res.json();
-        if (data.error) {
-          showToast(data.error, true);
-          return;
-        }
-        showToast(`\u5df2\u91cd\u7f6e ${data.reset} / ${data.total} \u4e2a\u7528\u6237`);
-        fetchUsers();
-        fetchStats();
-      } catch (e) {
-        showToast('\u6279\u91cf\u91cd\u7f6e\u5931\u8d25: ' + e.message, true);
-      } finally {
-        hideLoading();
-      }
-    }
-
-    document.getElementById('statTargetCard').addEventListener('click', async () => {
-      showLoading('正在导出目标用户...');
-      try {
-        const res = await fetch('/api/target-users', {
-          headers: { 'Accept': 'text/csv' },
-        });
-        if (!res.ok) throw new Error('HTTP ' + res.status);
-        const blob = await res.blob();
-        const ext = blob.size < 200 ? 'json' : 'csv';
-        if (ext === 'json') {
-          const text = await blob.text();
-          const data = JSON.parse(text);
-          if (!data.users.length) { showToast('暂无目标用户', true); return; }
-          if (navigator.clipboard && navigator.clipboard.writeText) {
-            const ids = data.users.map(u => '@' + u.uniqueId).join(', ');
-            await navigator.clipboard.writeText(ids);
-            showToast(data.users.length + ' 个目标用户 ID 已复制到剪贴板');
-          }
-          return;
-        }
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = 'target-users.csv';
-        a.click();
-        URL.revokeObjectURL(url);
-        showToast('CSV 文件已开始下载');
-      } catch (e) {
-        showToast('获取失败: ' + e.message, true);
-      } finally {
-        hideLoading();
-      }
-    });
-
-    fetchStats();
-    fetchUsers();
-    fetchClientErrors();
-    setInterval(fetchStats, 10000);
-    setInterval(fetchUsers, 10000);
-    setInterval(fetchClientErrors, 10000);
-    setInterval(refreshUserUpdateIfActive, 10000);
-
-    // Hash 路由
-    window.addEventListener('hashchange', handleRoute);
-    window.addEventListener('DOMContentLoaded', handleRoute);
-
-    function handleRoute() {
-      const hash = window.location.hash;
-      if (hash === '#pending') {
-        showPendingPage();
-      } else if (hash === '#userUpdate') {
-        showUserUpdatePage();
-      } else if (hash === '#raw') {
-        showRawPage();
-      } else {
-        showMainPage();
-      }
-    }
-
-    function navigateToPending() {
-      window.location.hash = '#pending';
-    }
-
-    function navigateToUserUpdate() {
-      window.location.hash = '#userUpdate';
-    }
-
-    function navigateToRaw() {
-      window.location.hash = '#raw';
-    }
-
-    function navigateToMain() {
-      window.location.hash = '';
-    }
-
-    function showPendingPage() {
-      document.getElementById('mainPage').classList.add('hidden');
-      document.getElementById('pendingPage').classList.add('active');
-      document.getElementById('userUpdatePage').classList.remove('active');
-      document.getElementById('rawPage').classList.remove('active');
-      fetchPendingByCountry();
-      fetchAttachStuckByCountry();
-    }
-
-    function showUserUpdatePage() {
-      document.getElementById('mainPage').classList.add('hidden');
-      document.getElementById('pendingPage').classList.remove('active');
-      document.getElementById('userUpdatePage').classList.add('active');
-      document.getElementById('rawPage').classList.remove('active');
-      fetchUserUpdateByCountry();
-      fetchAttachStuckByCountry();
-    }
-
-    function refreshUserUpdateIfActive() {
-      if (document.getElementById('userUpdatePage').classList.contains('active')) {
-        fetchUserUpdateByCountry();
-        fetchAttachStuckByCountry();
-      }
-    }
-
-    function showRawPage() {
-      document.getElementById('mainPage').classList.add('hidden');
-      document.getElementById('pendingPage').classList.remove('active');
-      document.getElementById('userUpdatePage').classList.remove('active');
-      document.getElementById('rawPage').classList.add('active');
-      fetchRawByCountry();
-      fetchRawJobs();
-    }
-
-    function showMainPage() {
-      document.getElementById('mainPage').classList.remove('hidden');
-      document.getElementById('pendingPage').classList.remove('active');
-      document.getElementById('userUpdatePage').classList.remove('active');
-      document.getElementById('rawPage').classList.remove('active');
-    }
-
-    async function fetchPendingByCountry() {
-      try {
-        const res = await fetch('/api/pending-by-country');
-        const data = await res.json();
-        renderPendingCountryGrid(data.countries || []);
-      } catch (e) {
-        console.error('获取待处理国家分布失败:', e);
-      }
-    }
-
-    function renderPendingCountryGrid(countries) {
-      const grid = document.getElementById('pendingCountryGrid');
-      if (!countries.length) {
-        grid.innerHTML = '<span style="color:#666;font-size:12px">暂无待处理任务</span>';
-        return;
-      }
-      const total = countries.reduce((sum, c) => sum + c.count, 0);
-      grid.innerHTML = countries.map(c => {
-        const pct = ((c.count / total) * 100).toFixed(1);
-        const isUnknown = c.country === '未知';
-        const safeCountry = escapeJsString(c.country);
-        return `
-          <div class="pending-country-item${isUnknown ? '' : ' has-target'}" 
-               onclick="filterByPendingCountry('${safeCountry}')">
-            <button class="country-action-btn" title="移到毛料库，暂不处理" onclick="event.stopPropagation(); moveCountryJobsToRaw('pending', '${safeCountry}', ${c.count})">✕</button>
-            <div class="country-name">${isUnknown ? '🌍 ' : ''}${c.country}</div>
-            <div class="country-count">${c.count}</div>
-            <div class="country-label">${pct}% 待处理</div>
-          </div>
-        `;
-      }).join('');
-    }
-
-    function filterByPendingCountry(country) {
-      // 返回主页面并设置国家筛选
-      window.location.hash = '';
-      setTimeout(() => {
-        const searchInput = document.getElementById('searchInput');
-        const locationFilter = document.getElementById('locationFilter');
-        // 设置状态筛选为 pending
-        setFilter('pending');
-        // 如果有国家筛选下拉框，设置国家
-        if (locationFilter && country && country !== '未知') {
-          // 检查选项中是否有该国家
-          const options = locationFilter.options;
-          for (let i = 0; i < options.length; i++) {
-            if (options[i].value === country) {
-              locationFilter.value = country;
-              onLocationChange();
-              break;
-            }
-          }
-        }
-      }, 100);
-    }
-
-    async function fetchUserUpdateByCountry() {
-      try {
-        const res = await fetch('/api/user-update-by-country');
-        const data = await res.json();
-        renderUserUpdateCountryGrid(data.countries || []);
-      } catch (e) {
-        console.error('获取待补资料国家分布失败:', e);
-      }
-    }
-
-    function renderUserUpdateCountryGrid(countries) {
-      const grid = document.getElementById('userUpdateCountryGrid');
-      if (!countries.length) {
-        grid.innerHTML = '<span style="color:#666;font-size:12px">暂无待补资料任务</span>';
-        return;
-      }
-      const total = countries.reduce((sum, c) => sum + c.count, 0);
-      grid.innerHTML = countries.map(c => {
-        const pct = ((c.count / total) * 100).toFixed(1);
-        const isUnknown = c.country === '未知';
-        const safeCountry = escapeJsString(c.country);
-        return `
-          <div class="pending-country-item${isUnknown ? '' : ' has-target'}" 
-               onclick="filterByUserUpdateCountry('${safeCountry}')">
-            <button class="country-action-btn" title="移到毛料库，暂不处理" onclick="event.stopPropagation(); moveCountryJobsToRaw('userUpdate', '${safeCountry}', ${c.count})">✕</button>
-            <div class="country-name">${isUnknown ? '🌍 ' : ''}${c.country}</div>
-            <div class="country-count">${c.count}</div>
-            <div class="country-label">${pct}% 待补资料</div>
-          </div>
-        `;
-      }).join('');
-    }
-
-    async function fetchAttachStuckByCountry() {
-      try {
-        const res = await fetch('/api/attach-stuck-by-country');
-        const data = await res.json();
-        renderAttachStuckGrid('pendingAttachStuckGrid', data.countries || []);
-        renderAttachStuckGrid('userUpdateAttachStuckGrid', data.countries || []);
-      } catch (e) {
-        console.error('获取 attach 未成功国家分布失败:', e);
-      }
-    }
-
-    function renderAttachStuckGrid(gridId, countries) {
-      const grid = document.getElementById(gridId);
-      if (!grid) return;
-      if (!countries.length) {
-        grid.innerHTML = '<span style="color:#666;font-size:12px">暂无 attach 未成功任务</span>';
-        return;
-      }
-      const total = countries.reduce((sum, c) => sum + c.count, 0);
-      grid.innerHTML = countries.map(c => {
-        const pct = ((c.count / total) * 100).toFixed(1);
-        const isUnknown = c.country === '未知';
-        const safeCountry = escapeJsString(c.country);
-        return `
-          <div class="pending-country-item${isUnknown ? '' : ' has-target'}">
-            <button class="country-action-btn restore" title="恢复为待补资料" onclick="event.stopPropagation(); restoreAttachStuckByCountry('${safeCountry}', ${c.count})">↺</button>
-            <div class="country-name">${isUnknown ? '🌍 ' : ''}${c.country}</div>
-            <div class="country-count">${c.count}</div>
-            <div class="country-label">${pct}% attach 未成功</div>
-          </div>
-        `;
-      }).join('');
-    }
-
-    async function restoreAttachStuckByCountry(country, count) {
-      const countText = count != null ? `将恢复 ${formatStatNum(count)} 条。` : '';
-      if (!window.confirm(`确认将 ${country} 下 attach 未成功的任务恢复为待补资料吗？${countText}`)) {
-        return;
-      }
-      showLoading('正在恢复任务...');
-      try {
-        const res = await fetch('/api/attach-stuck/restore', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ country })
-        });
-        const data = await res.json();
-        if (!res.ok || data.error) {
-          showToast(data.error || '恢复 attach 任务失败', true);
-          return;
-        }
-        showToast(`${country} 的 attach 未成功任务已恢复，共 ${data.restored} 条`);
-        await fetchStats();
-        await fetchPendingByCountry();
-        await fetchUserUpdateByCountry();
-        await fetchAttachStuckByCountry();
-        if (!document.getElementById('rawPage').classList.contains('active')) {
-          fetchUsers();
-        }
-      } catch (e) {
-        showToast('恢复 attach 任务失败: ' + e.message, true);
-      } finally {
-        hideLoading();
-      }
-    }
-
-    async function moveCountryJobsToRaw(scope, country, count) {
-      const scopeLabel = scope === 'pending' ? '待处理任务' : '待补资料任务';
-      const countText = count != null ? `将移动 ${formatStatNum(count)} 条。` : '';
-      if (!window.confirm(`确认将 ${country} 的${scopeLabel}移到毛料库吗？${countText} 这些任务会先暂存，不再进入当前处理队列。`)) {
-        return;
-      }
-      showLoading('正在移到毛料库...');
-      try {
-        const res = await fetch('/api/jobs/move-to-raw', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ scope, country })
-        });
-        const data = await res.json();
-        if (!res.ok || data.error) {
-          showToast(data.error || '移到毛料库失败', true);
-          return;
-        }
-        showToast(`${country} 已移到毛料库，共 ${data.moved} 条`);
-        await fetchStats();
-        if (scope === 'pending') {
-          await fetchPendingByCountry();
-        } else {
-          await fetchUserUpdateByCountry();
-        }
-        if (!document.getElementById('mainPage').classList.contains('hidden')) {
-          fetchUsers();
-        }
-      } catch (e) {
-        showToast('移到毛料库失败: ' + e.message, true);
-      } finally {
-        hideLoading();
-      }
-    }
-
-    async function fetchRawByCountry() {
-      try {
-        const res = await fetch('/api/raw-by-country');
-        const data = await res.json();
-        renderRawCountryGrid(data.countries || []);
-        renderRawLocationFilter(data.countries || []);
-      } catch (e) {
-        console.error('获取毛料库国家分布失败:', e);
-      }
-    }
-
-    function renderRawCountryGrid(countries) {
-      const grid = document.getElementById('rawCountryGrid');
-      if (!countries.length) {
-        grid.innerHTML = '<span style="color:#666;font-size:12px">毛料库暂无数据</span>';
-        return;
-      }
-      const total = countries.reduce((sum, c) => sum + c.count, 0);
-      grid.innerHTML = countries.map(c => {
-        const pct = ((c.count / total) * 100).toFixed(1);
-        const isUnknown = c.country === '未知';
-        const safeCountry = escapeJsString(c.country);
-        return `
-          <div class="pending-country-item${isUnknown ? '' : ' has-target'}"
-               onclick="filterRawByCountry('${safeCountry}')">
-            <button class="country-action-btn restore" title="恢复到 jobs 队列" onclick="event.stopPropagation(); restoreRawJobsByCountry('${safeCountry}', ${c.count})">↺</button>
-            <div class="country-name">${isUnknown ? '🌍 ' : ''}${c.country}</div>
-            <div class="country-count">${c.count}</div>
-            <div class="country-label">${pct}% 毛料库</div>
-          </div>
-        `;
-      }).join('');
-    }
-
-    async function fetchRawJobs() {
-      try {
-        const params = new URLSearchParams();
-        const search = document.getElementById('rawSearchInput').value.trim();
-        if (search) params.set('search', search);
-        if (currentRawLocation) params.set('location', currentRawLocation);
-        params.set('limit', '200');
-        const res = await fetch('/api/raw-jobs?' + params.toString());
-        const data = await res.json();
-        renderRawJobsTable(data.users || []);
-      } catch (e) {
-        console.error('获取毛料库列表失败:', e);
-      }
-    }
-
-    function renderRawJobsTable(users) {
-      const el = document.getElementById('rawTable');
-      if (!users.length) {
-        el.innerHTML = '<tr><td colspan="10" style="color:#666;text-align:center;padding:24px">暂无毛料库任务</td></tr>';
-        return;
-      }
-      el.innerHTML = users.map(u => {
-        const nick = (u.nickname || '').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-        const fans = u.followerCount != null ? formatNum(u.followerCount) : '-';
-        const videos = u.videoCount != null ? u.videoCount : '-';
-        const loc = u.locationCreated || '-';
-        const guessedLoc = u.guessedLocation || '-';
-        const sources = (u.sources || []).join(', ');
-        const created = u.createdAt ? formatTime(u.createdAt) : '-';
-        const statusTag = u.status || '-';
-        return `<tr>
-          <td class="user-id" data-label="用户名">@${u.uniqueId}</td>
-          <td data-label="昵称">${nick}</td>
-          <td data-label="粉丝">${fans}</td>
-          <td data-label="视频">${videos}</td>
-          <td data-label="国家">${loc}</td>
-          <td data-label="猜测国家">${guessedLoc}</td>
-          <td data-label="来源">${sources || '-'}</td>
-          <td data-label="状态">${statusTag}</td>
-          <td data-label="创建时间" style="font-size:11px;color:#888">${created}</td>
-          <td data-label="操作" style="text-align:center"><button onclick="restoreRawJob('${u.uniqueId}')" style="background:#22c55e;color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px;">恢复</button></td>
-        </tr>`;
-      }).join('');
-    }
-
-    function renderRawLocationFilter(countries) {
-      const sel = document.getElementById('rawLocationFilter');
-      if (!sel) return;
-      const val = currentRawLocation;
-      sel.innerHTML = '<option value="">全部国家</option>' +
-        countries.map(c => `<option value="${c.country}"${val === c.country ? ' selected' : ''}>${c.country} (${c.count})</option>`).join('');
-    }
-
-    function filterRawByCountry(country) {
-      currentRawLocation = country;
-      const sel = document.getElementById('rawLocationFilter');
-      if (sel) sel.value = country;
-      fetchRawJobs();
-    }
-
-    function onRawLocationChange() {
-      const sel = document.getElementById('rawLocationFilter');
-      currentRawLocation = sel.value;
-      fetchRawJobs();
-    }
-
-    function clearRawFilters() {
-      currentRawLocation = '';
-      const rawSearchInput = document.getElementById('rawSearchInput');
-      const rawLocationFilter = document.getElementById('rawLocationFilter');
-      if (rawSearchInput) rawSearchInput.value = '';
-      if (rawLocationFilter) rawLocationFilter.value = '';
-      fetchRawJobs();
-    }
-
-    async function restoreRawJob(uniqueId) {
-      if (!window.confirm(`确认将 @${uniqueId} 从毛料库恢复到 jobs 队列吗？`)) {
-        return;
-      }
-      showLoading('正在恢复...');
-      try {
-        const res = await fetch('/api/raw-jobs/restore', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ uniqueId })
-        });
-        const data = await res.json();
-        if (!res.ok || data.error) {
-          showToast(data.error || '恢复失败', true);
-          return;
-        }
-        showToast(`@${uniqueId} 已恢复到队列`);
-        await fetchStats();
-        await fetchRawByCountry();
-        await fetchRawJobs();
-      } catch (e) {
-        showToast('恢复失败: ' + e.message, true);
-      } finally {
-        hideLoading();
-      }
-    }
-
-    async function restoreFilteredRawJobs() {
-      const search = document.getElementById('rawSearchInput').value.trim();
-      const location = currentRawLocation;
-      let desc = '当前筛选条件';
-      if (search && location) desc = `搜索="${search}" + 国家=${location}`;
-      else if (search) desc = `搜索="${search}"`;
-      else if (location) desc = `国家=${location}`;
-      if (!window.confirm(`确认将毛料库中符合【${desc}】的任务恢复到 jobs 队列吗？`)) {
-        return;
-      }
-      showLoading('正在恢复筛选任务...');
-      try {
-        const body = {};
-        if (search) body.search = search;
-        if (location) body.location = location;
-        const res = await fetch('/api/raw-jobs/restore', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify(body)
-        });
-        const data = await res.json();
-        if (!res.ok || data.error) {
-          showToast(data.error || '恢复失败', true);
-          return;
-        }
-        showToast(`已恢复 ${data.restored} 条任务到队列`);
-        await fetchStats();
-        await fetchRawByCountry();
-        await fetchRawJobs();
-      } catch (e) {
-        showToast('恢复失败: ' + e.message, true);
-      } finally {
-        hideLoading();
-      }
-    }
-
-    async function restoreRawJobsByCountry(country, count) {
-      const countText = count != null ? `将恢复 ${formatStatNum(count)} 条。` : '';
-      if (!window.confirm(`确认将 ${country} 从毛料库恢复到 jobs 队列吗？${countText}`)) {
-        return;
-      }
-      showLoading('正在恢复...');
-      try {
-        const res = await fetch('/api/raw-jobs/restore', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ country })
-        });
-        const data = await res.json();
-        if (!res.ok || data.error) {
-          showToast(data.error || '恢复失败', true);
-          return;
-        }
-        showToast(`${country} 已恢复到队列，共 ${data.restored} 条`);
-        await fetchStats();
-        await fetchRawByCountry();
-        await fetchRawJobs();
-      } catch (e) {
-        showToast('恢复失败: ' + e.message, true);
-      } finally {
-        hideLoading();
-      }
-    }
-
-    function filterByUserUpdateCountry(country) {
-      // 返回主页面，筛选待补资料（通过搜索 tt_seller 为空的用户）
-      window.location.hash = '';
-      setTimeout(() => {
-        const locationFilter = document.getElementById('locationFilter');
-        // 待补资料没有独立的状态筛选，这里只设置国家筛选
-        if (locationFilter && country && country !== '未知') {
-          const options = locationFilter.options;
-          for (let i = 0; i < options.length; i++) {
-            if (options[i].value === country) {
-              locationFilter.value = country;
-              onLocationChange();
-              break;
-            }
-          }
-        }
-      }, 100);
-    }
-  </script>
+  <script src="app.js"></script>
 </body>
 
 </html>