*{box-sizing:border-box;margin:0}
body{background:#0f172a;color:#f1f5f9;font-family:system-ui;padding:20px;min-height:100vh;display:flex;align-items:center;justify-content:center;}
[data-theme="light"] body{background:#f8fafc;color:#0f172a;}
.wrap{width:min(1100px,98%);background:rgba(255,255,255,0.02);border-radius:14px;padding:18px;backdrop-filter:blur(6px);box-shadow:0 8px 32px rgba(2,6,23,.45);}
.header{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.logo{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#10b981,#6366f1);display:flex;align-items:center;justify-content:center;font-weight:800;}

.theme-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  background: rgba(255,255,255,0.04);
  padding: 4px 8px 4px 12px;
  border-radius: 30px;
  cursor: pointer;
}
.theme-tip {
  font-size: 13px;
  color: #94a3b8;
}
[data-theme="light"] .theme-wrapper {
  background: rgba(0,0,0,0.04);
}
[data-theme="light"] .theme-tip {
  color: #64748b;
}

.theme-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:transparent;pointer-events:none;}
.theme-btn::before{content:"☀️";font-size:16px}
[data-theme="light"] .theme-btn::before{content:"🌙";}

#input-url{width:100%;padding:14px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:#1e293b;color:#f1f5f9;font-size:16px;margin-bottom:16px;}
[data-theme="light"] #input-url{background:#fff;color:#0f172a;border-color:#ddd;}
.parsers{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:16px;max-height:180px;overflow-y:auto;padding:4px 0;}

/* 解析接口按钮 */
.parser-btn{
  background:rgba(255,255,255,0.04);
  border:2px solid rgba(255,255,255,0.2);
  color:#f1f5f9;  /* 亮色模式文字为白色 */
  padding:10px;
  border-radius:8px;
  font-size:13px;
  cursor:pointer;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:0 2px 4px rgba(0,0,0,0.2);
  font-weight:500;
}

.parser-btn.active{
  background:linear-gradient(135deg,#6366f1,#10b981);
  color:#ffffff;  /* 激活状态文字为纯白色 */
  font-weight:600;
  border:2px solid #ffffff;
  box-shadow:0 4px 12px rgba(99,102,241,0.5);
}

[data-theme="light"] .parser-btn{
  border:2px solid rgba(0,0,0,0.15);
  background:rgba(0,0,0,0.02);
  color:#0f172a;  /* 浅色模式文字为深色 */
}

[data-theme="light"] .parser-btn.active{
  background:linear-gradient(135deg,#6366f1,#10b981);
  color:#ffffff;  /* 浅色模式激活状态文字为白色 */
  border:2px solid #ffffff;
}

.player{background:#000;border-radius:12px;height:60vh;overflow:hidden;border:1px solid rgba(255,255,255,0.06);margin-bottom:8px;}
.player video, .player iframe{width:100%;height:100%;display:block;}
.plyr{height:100%;}
.status-bar{display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.status-badge{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.04);padding:8px 16px;border-radius:20px;font-size:14px;}
.status-dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;}
@media (max-width:600px){.parsers{grid-template-columns:repeat(4,1fr);}.player{height:45vh;}}