/* ============================================
   主题: theme-green (清新绿)
   --------------------------------------------
   本主题演示「最简用法」: 只需一个 CSS 文件即可换整站风格, 不需要任何模板文件。
   （默认 templates/ 页面 + 默认头部结构照旧, 只换配色与关键组件观感。）
   加载方式: 默认 css/style.css 之后追加本文件。
   ============================================ */
:root{
    --bg:#0d1512;          /* 页面背景(墨绿黑) */
    --bg2:#131f1a;         /* 卡片背景 */
    --bg3:#1b2b24;         /* 悬浮背景 */
    --line:#223a30;        /* 分割线 */
    --text:#e8f3ed;        /* 主文字 */
    --text2:#8fae9f;       /* 次级文字 */
    --accent:#10b981;      /* 主题绿 */
    --accent2:#84cc16;     /* 黄绿点缀 */
    --radius:10px;
}

/* 头部: 绿色描边 */
.site-header{
    background:rgba(13,21,18,.94);
    border-bottom:1px solid rgba(16,185,129,.3);
}
.logo-icon{background:linear-gradient(135deg,var(--accent),var(--accent2))}
.main-nav a.active{background:var(--accent);color:#04231a;font-weight:600}
.main-nav a:hover{color:var(--text);background:var(--bg3)}
.search-box button{background:var(--accent);color:#04231a}
.user-login{background:var(--accent);color:#04231a}
.user-login:hover{background:var(--accent2)}

/* 卡片悬浮: 绿色泛光 */
.vcard{background:var(--bg2);border-radius:var(--radius);transition:.25s}
.vcard:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.45),0 0 0 1px rgba(16,185,129,.4)}

/* 分区标题: 绿色竖条 */
.section-title h2{border-left:3px solid var(--accent);padding-left:10px}

/* 热榜名次 */
.hot-item.top1 i,.hot-item.top2 i,.hot-item.top3 i{background:var(--accent);color:#04231a}

/* 按钮类统一绿 */
.btn-primary,.btn-green{background:var(--accent);border-color:var(--accent);color:#04231a}

/* 列表页排序选项卡: 本主题习惯「绿底 + 深色字」(白字在 #10b981 上对比度太低), 与导航/按钮保持一致 */
.sort-tab.active{background:var(--accent);color:#04231a;box-shadow:0 4px 14px rgba(0,0,0,.3)}

/* ---------- 播放页(play.php) ----------
   播放页主色已变量化(--accent), 上面 :root 覆盖即生效; 这里再补组件级微调。 */
.ep-item.on{background:var(--accent);color:#04231a}