v2: SQLite + 多路流 + 鉴权 + 导入/删除 + 资源本地化 + 模块化重构

public/css/style.css

@@ -1748,3 +1748,65 @@
                     transition-duration: 0.01ms !important;
                 }
             }
+
+/* ========== v2 新增：频道选择器 / 导入卡片 / 播放中标记 ========== */
+.stream-select {
+  appearance: none;
+  -webkit-appearance: none;
+  background: rgba(255,255,255,.6) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%23666'/></svg>") no-repeat right 8px center;
+  border: 1px solid rgba(0,0,0,.08);
+  border-radius: 20px;
+  padding: 5px 26px 5px 12px;
+  font-size: .78rem;
+  color: #444;
+  cursor: pointer;
+  outline: none;
+  max-width: 140px;
+}
+.stream-select:hover { background-color: rgba(255,255,255,.85); }
+
+.import-card {
+  margin-top: 18px;
+  padding: 18px 20px;
+  background: rgba(255,255,255,.5);
+  border: 1px solid rgba(0,0,0,.06);
+  border-radius: 14px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.import-header h3 {
+  margin: 0 0 2px;
+  font-size: .95rem;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--accent, #1f6feb);
+}
+.import-header p { margin: 0 0 4px; font-size: .75rem; color: #888; }
+.import-input {
+  padding: 10px 12px;
+  border: 1px solid rgba(0,0,0,.1);
+  border-radius: 9px;
+  font-size: .85rem;
+  outline: none;
+  background: #fff;
+  transition: border-color .15s;
+}
+.import-input:focus { border-color: var(--accent, #1f6feb); }
+.import-progress { font-size: .78rem; color: #888; min-height: 16px; }
+
+.now-badge {
+  display: inline-block;
+  margin-left: 6px;
+  padding: 1px 7px;
+  font-size: .62rem;
+  border-radius: 8px;
+  background: var(--accent, #1f6feb);
+  color: #fff;
+  vertical-align: middle;
+  animation: nowPulse 1.6s ease-in-out infinite;
+}
+@keyframes nowPulse { 0%,100% { opacity: 1; } 50% { opacity: .55; } }
+
+.btn-icon.danger:hover { color: #f85149; }