/* ============================================================
 * wx_user_card.css — 用户中心三卡片布局统一样式（后台 #wx-user-uc-wrap 端）
 * 抽离自 wx_user.php 的 wx_render_user_cards() 内联 <style> 块，
 * 由 wx_admin_cards_style() 经 adm_head / index_head 站点级引入。
 * 卡片头部（wx_card 开关分支）保持内联条件输出，不在此静态文件。
 * 版本化 ?v= 用于 CDN 缓存失效，修改后请同步 bump。
 * ============================================================ */

/* —— 卡片布局基础（始终生效，与 wx_card 开关无关）—— */
#wx-user-uc-wrap .wx-uc-card .list-group-item { padding: 6px 14px; font-size: 13px; border-left: none; border-right: none; }
#wx-user-uc-wrap .wx-uc-card .list-group-item:first-child { border-top: none; }
#wx-user-uc-wrap .wx-uc-card .list-group-item:last-child { border-bottom: none; }
#wx-user-uc-wrap .wx-uc-card .num { color: #e17055; font-weight: 700; }
#wx-user-uc-wrap .col { display:flex; }
#wx-user-uc-wrap .col .card { flex:1; }
#wx-user-uc-wrap .wx-uc-card { height: 420px; display:flex; flex-direction:column; border-radius: 12px; overflow: hidden; }
#wx-user-uc-wrap .wx-uc-card .card-body { flex:1; min-height:0; }
#wx-user-uc-wrap .wx-uc-scroll { flex:1; overflow-y:auto; min-height:0; }
#wx-user-uc-wrap .wx-uc-fixed { flex-shrink:0; }

/* —— 卡片列容器（.wx-admin-cards 包裹层）—— */
.wx-admin-cards .d-flex { gap: 12px; }
.wx-admin-cards { padding-left: 0; padding-right: 0; }
.wx-admin-cards .col.px-2 { padding-left: 0 !important; padding-right: 0 !important; }
.wx-admin-cards .col.mb-4 { margin-bottom: 0 !important; }

/* 🌙 三卡片深色模式 */
html[data-theme="dark"] #wx-user-uc-wrap .card {
    background: #1e1e2a;
    border-color: #3a3a50;
}
html[data-theme="dark"] #wx-user-uc-wrap .card .list-group-item {
    background: #1e1e2a;
    border-color: #3a3a50;
    color: #c0c0d0;
}
html[data-theme="dark"] #wx-user-uc-wrap .card .list-group-item .bill-order {
    color: #888 !important;
}
html[data-theme="dark"] #wx-user-uc-wrap .card .list-group-item .bill-time {
    color: #666 !important;
}
html[data-theme="dark"] #wx-user-uc-wrap .card .list-group-item[style*="color:#666"] {
    color: #aaa !important;
}
html[data-theme="dark"] #wx-user-uc-wrap .wx-bill-pages a {
    background: #333348;
    border-color: #44445a;
    color: #e17055;
}
html[data-theme="dark"] #wx-user-uc-wrap .wx-bill-pages a:hover {
    background: #44445a;
}
html[data-theme="dark"] #wx-user-uc-wrap .wx-bill-pages a.active {
    background: #e17055;
    color: #fff;
}
html[data-theme="dark"] #wx-user-uc-wrap .wx-credit-bar .btn-outline {
    background: transparent;
    color: #e17055;
    border-color: #e17055;
}
html[data-theme="dark"] #wx-user-uc-wrap .wx-credit-bar .btn-outline:hover {
    background: #e17055;
    color: #fff;
}
html[data-theme="dark"] #wx-user-uc-wrap .card .wx-exp-bar {
    background: #2a2a3c;
}
html[data-theme="dark"] #wx-user-uc-wrap .card .wx-uc-fixed .btn-outline-secondary {
    background: transparent !important;
    color: #c0c0d0 !important;
    border-color: #44445a !important;
}
html[data-theme="dark"] #wx-user-uc-wrap .card .wx-uc-fixed .btn-outline-secondary:hover {
    background: #44445a !important;
}
html[data-theme="dark"] #wx-user-uc-wrap .card .wx-uc-fixed .btn-outline-danger {
    background: transparent !important;
    border-color: #4a2020 !important;
    color: #ff6b6b !important;
}
html[data-theme="dark"] #wx-user-uc-wrap .card .wx-uc-fixed .btn-outline-danger:hover {
    background: #2a1a1a !important;
}
/* 🌙 Tab 内容区深色模式 */
html[data-theme="dark"] #wx-user-uc-wrap .card-body.tab-content {
    background: #1e1e2a;
    border-color: #3a3a50;
}
html[data-theme="dark"] #wx-user-uc-wrap .wx-uc-scroll {
    background: transparent;
}
html[data-theme="dark"] #wx-user-uc-wrap .wx-uc-fixed {
    border-color: #3a3a50 !important;
}
html[data-theme="dark"] #wx-user-uc-wrap .wx-uc-fixed > div {
    border-color: #3a3a50 !important;
}
html[data-theme="dark"] #wx-user-uc-wrap .card .list-group-item[style*="font-weight:600;color:#666"] {
    color: #aaa !important;
}
html[data-theme="dark"] #wx-user-uc-wrap .wx-exp-row .exp-detail {
    color: #666 !important;
}
/* 🌙 Tab 链接深色模式（wx_card 关闭时） */
html[data-theme="dark"] #wx-user-uc-wrap .wx-tab-link {
    color: #eee !important;
}
html[data-theme="dark"] #wx-user-uc-wrap .wx-tab-link.active,
html[data-theme="dark"] #wx-user-uc-wrap .wx-tab-link:hover {
    color: #fff !important;
    border-bottom-color: #fff !important;
}
#wx-user-uc-wrap .tab-pane { display:none; }
#wx-user-uc-wrap .tab-pane.active { display:block; }
#wx-user-uc-wrap .wx-tab-link { display:inline-block; padding:12px 16px; font-size:13px; cursor:pointer; text-decoration:none !important; white-space:nowrap; color:rgba(255,255,255,0.8); }
#wx-user-uc-wrap .wx-tab-link.active,
#wx-user-uc-wrap .wx-tab-link:hover { color:#fff; background:rgba(0,0,0,0.15); }