/* music-dl 绿色主题 - 仿 music.zkkp.nyc.mn (2026-10-10) */
:root{--green:#1db954;--green-d:#159a46}

/* 页面底色 + 卡片容器 */
body{background:#f0f2f5 !important}
.container{max-width:640px !important;margin:12px auto !important;background:#fff !important;border-radius:20px !important;box-shadow:0 2px 16px rgba(0,0,0,.08) !important;padding:20px 16px !important}

/* 标题 */
h1{color:#1a1a1a !important;font-weight:800 !important}

/* 搜索框 */
.search-box input[type=text],.search-box input[type=search]{
  background:#f5f6f8 !important;border:none !important;border-radius:24px !important;
  padding:14px 20px !important;font-size:16px !important;width:100% !important;box-sizing:border-box;
}
/* 搜索按钮 - 绿色 */
.search-box button[type=submit]{
  background:linear-gradient(135deg,#1db954,#159a46) !important;color:#fff !important;
  border:none !important;border-radius:24px !important;padding:14px !important;
  font-size:18px !important;width:100% !important;margin-top:10px !important;
  box-shadow:0 4px 12px rgba(29,185,84,.35) !important;min-height:52px;
}
.search-type-switch input[type=radio]{accent-color:var(--green) !important;width:18px;height:18px}

/* 彩色 pill 按钮 */
.btn-pill{border:none !important;border-radius:24px !important;padding:12px 22px !important;font-size:15px !important;color:#fff !important;min-height:48px;margin:6px 4px !important;box-shadow:0 2px 8px rgba(0,0,0,.12) !important;touch-action:manipulation}
.btn-pill-fav{background:linear-gradient(135deg,#ff6b81,#e84a5f) !important}
.btn-pill-category{background:linear-gradient(135deg,#4dabf7,#2196f3) !important}
.btn-pill-mine{background:linear-gradient(135deg,#51cf66,#1db954) !important}
.btn-pill-dl{background:#f0f0f0 !important;color:#333 !important}

/* 搜索源设置标题变绿 */
.source-header{color:var(--green) !important;font-weight:600 !important}

/* 音源卡片网格 - 3列 */
.source-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:10px !important;margin-top:10px}
.source-card{
  background:#fff !important;border:2px solid #e8eaed !important;border-radius:14px !important;
  padding:16px 8px !important;text-align:center !important;font-size:14px !important;color:#555 !important;
}
.source-card.selected,.source-card.on{
  border-color:var(--green) !important;color:var(--green) !important;
  background:#f0faf4 !important;font-weight:600 !important;
  box-shadow:0 2px 8px rgba(29,185,84,.15) !important;
}

/* 右侧悬浮工具栏 */
.right-toolbar{
  position:fixed !important;right:10px !important;top:50% !important;transform:translateY(-50%) !important;
  display:flex !important;flex-direction:column !important;gap:10px !important;z-index:999;
  background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;
}
.rt-btn{
  width:44px !important;height:44px !important;border-radius:50% !important;
  background:#fff !important;box-shadow:0 2px 10px rgba(0,0,0,.12) !important;
  border:none !important;display:flex !important;align-items:center !important;justify-content:center !important;
  font-size:18px !important;color:#555 !important;
}
.rt-separator{display:none !important}

/* 通用按钮 */
.ctrl-btn,.btn-save{padding:10px 18px !important;border-radius:20px !important;font-size:15px !important;border:none !important;min-height:44px;margin:4px !important}
.btn-save,.btn-pill-primary{background:var(--green) !important;color:#fff !important}

/* 手机适配 */
@media (max-width:768px){
  .container{border-radius:16px !important;margin:8px !important;padding:16px 12px !important}
  .source-grid{grid-template-columns:repeat(3,1fr) !important;gap:8px !important}
  .source-card{padding:14px 4px !important;font-size:13px !important}
  .btn-pill{font-size:14px !important;padding:12px 16px !important}
  input[type=text],input[type=search],select{font-size:16px !important}
  .right-toolbar{right:6px !important}
  .rt-btn{width:40px !important;height:40px !important}
}