/**
 * CXZZT 用户中心样式（子主题完全接管 /user/）
 * 命名空间：.cxzzt-uc-*  避免与父主题 .user-center / .author-* 冲突
 */

/* ===== 1. 设计令牌 ===== */
:root {
    --cxuc-bg-page:        #f3f5f9;
    --cxuc-bg-card:        #ffffff;
    --cxuc-bg-sidebar:     linear-gradient(180deg,#fff5e3 0%,#fff8ec 38%,#fff 100%);
    --cxuc-bg-plan:        #fafbfd;
    --cxuc-bg-plan-active: #fff8eb;
    --cxuc-bg-cta-card:    #1f1f23;

    --cxuc-text-primary:   #1f2330;
    --cxuc-text-secondary: #6b7280;
    --cxuc-text-muted:     #9ca3af;
    --cxuc-text-danger:    #ef4444;

    --cxuc-accent:         #e89b2d;
    --cxuc-accent-2:       #f0b358;
    --cxuc-accent-soft:    #fff1d9;
    --cxuc-accent-dark:    #c47e15;

    --cxuc-border:         #ebeef3;
    --cxuc-border-active:  var(--cxuc-accent);

    --cxuc-radius-card:    16px;
    --cxuc-radius-plan:    14px;
    --cxuc-radius-pill:    999px;

    --cxuc-shadow-card:    0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.04);
    --cxuc-shadow-active:  0 4px 14px rgba(232,155,45,.18);
    --cxuc-shadow-cta:     0 10px 20px rgba(232,155,45,.28);
}

body.dark-theme {
    --cxuc-bg-page:        #14171c;
    --cxuc-bg-card:        #1c2028;
    --cxuc-bg-sidebar:     linear-gradient(180deg,#2a231a 0%,#221d18 40%,#1c2028 100%);
    --cxuc-bg-plan:        #20242d;
    --cxuc-bg-plan-active: #2a2418;
    --cxuc-bg-cta-card:    #2a2e37;
    --cxuc-text-primary:   #e6e8ec;
    --cxuc-text-secondary: #9aa1ad;
    --cxuc-text-muted:     #7a8290;
    --cxuc-border:         #2a2f3a;
    --cxuc-shadow-card:    0 1px 2px rgba(0,0,0,.5), 0 8px 24px rgba(0,0,0,.35);
}

/* ===== 2. 外壳（继承父主题 .container 全局宽度） ===== */
body.cxzzt-uc-body { background: var(--cxuc-bg-page); }

/* 父主题的 .container 已经控制了 max-width / 居中 / 横向 padding，
   我们只在它内部添加上下间距 + grid 布局，不重设宽度 */
body.cxzzt-uc-body main.cxzzt-uc-main-min > .container {
    padding-top: 24px;
    padding-bottom: 24px;
}

.cxzzt-uc-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 20px;
    align-items: start;
}
@media (max-width: 992px) {
    .cxzzt-uc-grid { grid-template-columns: 1fr; }
}

/* ===== 3. 左侧用户卡 ===== */
.cxzzt-uc-sidebar {
    background: var(--cxuc-bg-sidebar);
    border-radius: var(--cxuc-radius-card);
    overflow: hidden;
    box-shadow: var(--cxuc-shadow-card);
}
.cxzzt-uc-hero {
    padding: 28px 20px 16px;
    text-align: center;
}
.cxzzt-uc-avatar {
    width: 96px; height: 96px;
    margin: 0 auto 12px;
    position: relative;
    border-radius: 50%;
    background: #fff;
    padding: 4px;
    box-shadow: 0 6px 18px rgba(232,155,45,.22);
}
.cxzzt-uc-avatar img {
    width: 100%; height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
.cxzzt-uc-avatar__crown {
    position: absolute; right: -2px; bottom: 6px;
    width: 26px; height: 26px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--cxuc-accent-2), var(--cxuc-accent));
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 13px;
    box-shadow: 0 4px 8px rgba(232,155,45,.4);
}
.cxzzt-uc-avatar__crown i { font-style: normal; }

.cxzzt-uc-name {
    font-size: 17px; font-weight: 600;
    color: var(--cxuc-text-primary);
    margin: 0 0 6px;
}
.cxzzt-uc-status {
    font-size: 12px;
    color: var(--cxuc-text-secondary);
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.cxzzt-uc-status i { font-style: normal; opacity: .7; }
.cxzzt-uc-status strong { font-weight: 600; color: var(--cxuc-text-primary); }
.cxzzt-uc-status.is-none strong { color: var(--cxuc-text-danger); }
.cxzzt-uc-status.is-vip  strong { color: var(--cxuc-accent-dark); }

/* 统计项 */
.cxzzt-uc-stats {
    list-style: none;
    margin: 12px 14px 16px;
    padding: 14px 0;
    background: rgba(255,255,255,.6);
    border-radius: 12px;
    border: 1px solid rgba(232,155,45,.12);
}
body.dark-theme .cxzzt-uc-stats {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.06);
}
.cxzzt-uc-stats li {
    display: flex; align-items: center; justify-content: space-between;
    padding: 7px 16px; font-size: 13px;
    color: var(--cxuc-text-secondary);
}
.cxzzt-uc-stats__label { display: inline-flex; align-items: center; gap: 8px; }
.cxzzt-uc-stats__label i {
    font-style: normal; width: 16px; text-align: center;
    color: var(--cxuc-accent-dark); opacity: .85;
}
.cxzzt-uc-stats__value { color: var(--cxuc-text-primary); font-weight: 600; }

/* CTA 黑卡 */
.cxzzt-uc-cta {
    display: block;
    margin: 0 14px 14px;
    padding: 14px 16px;
    background: var(--cxuc-bg-cta-card);
    border-radius: 12px;
    color: #fff;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}
.cxzzt-uc-cta:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
}
.cxzzt-uc-cta__title {
    display: flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 600;
    padding: 6px 10px; margin-bottom: 8px;
    background: linear-gradient(90deg, var(--cxuc-accent-2), var(--cxuc-accent));
    border-radius: var(--cxuc-radius-pill);
    color: #fff;
    width: max-content; max-width: 100%;
}
.cxzzt-uc-cta__title i { font-style: normal; }
.cxzzt-uc-cta__sub {
    font-size: 12px;
    color: rgba(255,255,255,.66);
    margin: 0; line-height: 1.6;
}

/* 导航菜单 - 2 列网格 */
.cxzzt-uc-nav {
    margin: 0 0 14px;
    padding: 8px 12px 14px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 6px;
}
.cxzzt-uc-nav__item {
    display: flex; align-items: center; gap: 8px;
    padding: 10px 10px;
    border-radius: 10px;
    min-width: 0;        /* 防 flex item 撑爆 grid 列 */
    color: var(--cxuc-text-secondary);
    text-decoration: none;
    font-size: 13px;
    transition: background .15s, color .15s;
}
.cxzzt-uc-nav__item:hover {
    background: rgba(232,155,45,.08);
    color: var(--cxuc-accent-dark);
    text-decoration: none;
}
.cxzzt-uc-nav__item.is-active {
    background: rgba(232,155,45,.14);
    color: var(--cxuc-accent-dark);
    font-weight: 600;
}
/* nav icon 统一容器：unicode 字符（i 标签）+ SVG（span 标签）共用同样宽高，
   保证 unicode/SVG 混排时视觉对齐 */
.cxzzt-uc-nav__icon {
    display: inline-flex;
    align-items: center; justify-content: center;
    width: 18px; height: 18px; line-height: 1;
    flex-shrink: 0;
    color: var(--cxuc-accent-dark); opacity: .85;
    font-style: normal;
}
.cxzzt-uc-nav__icon--unicode {
    font-size: 14px;
}
/* SVG icon 限制大小，继承 currentColor 适配 active/hover 着色 */
.cxzzt-uc-nav__icon svg,
.cxzzt-uc-nav__icon .icon {
    width: 16px; height: 16px;
    fill: currentColor;
    display: block;
}
/* nav item 内文字截断防溢出（独立的 .label，让 ellipsis 只作用于文字部分） */
.cxzzt-uc-nav__label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1 1 auto;
    min-width: 0;
}
/* active 时 icon 跟随 active 色 */
.cxzzt-uc-nav__item.is-active .cxzzt-uc-nav__icon {
    opacity: 1;
}
/* 退出登录：跨 2 列单独成行 */
.cxzzt-uc-nav__item--full {
    grid-column: 1 / -1;
    justify-content: center;
    border-top: 1px solid var(--cxuc-border);
    margin-top: 4px;
    padding-top: 12px;
    border-radius: 0 0 10px 10px;
}
.cxzzt-uc-nav__item--full:hover {
    background: rgba(232,155,45,.05);
}

/* 移动端：单列回退 */
@media (max-width: 480px) {
    .cxzzt-uc-nav { grid-template-columns: 1fr; }
}

/* ===== 父主题 sidebar widget 内嵌区域 ===== */
.cxzzt-uc-parent-sidebar {
    margin: 14px 14px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* 父主题 widget 默认 .zib-widget 样式与我们卡片融合 */
.cxzzt-uc-parent-sidebar .zib-widget {
    background: var(--cxuc-bg-card);
    border: 1px solid var(--cxuc-border);
    border-radius: 12px;
    box-shadow: none;
    padding: 10px;
    margin: 0;
}
.cxzzt-uc-parent-sidebar .zib-widget > .padding-6.ml3 {
    font-size: 12px;
    color: var(--cxuc-text-secondary);
    font-weight: 600;
    padding: 4px 0 8px;
    margin: 0;
}
/* zib-widget 头部（标题 + 右侧"全部 >"链接）的标题样式 */
.cxzzt-uc-parent-sidebar .zib-widget > .padding-6.flex {
    padding: 4px 4px 8px;
    margin: 0;
}
.cxzzt-uc-parent-sidebar .zib-widget > .padding-6.flex .ml3 {
    font-size: 13px;
    color: var(--cxuc-text-primary);
    font-weight: 600;
    margin: 0;
}
.cxzzt-uc-parent-sidebar .zib-widget > .padding-6.flex a {
    color: var(--cxuc-text-secondary);
    text-decoration: none;
}
.cxzzt-uc-parent-sidebar .zib-widget > .padding-6.flex a:hover {
    color: var(--cxuc-accent-dark);
}

/* ---------- shop「我的订单」状态卡（独立 widget，5 个状态按钮）---------- */
.cxzzt-uc-parent-sidebar .user-order-tab-btn-box {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px;
    padding: 8px 6px !important;
}
.cxzzt-uc-parent-sidebar .user-order-tab-btn-box item {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    padding: 8px 2px;
    border-radius: 8px;
    cursor: pointer;
    transition: background .15s;
    position: relative;
    min-width: 0;
}
.cxzzt-uc-parent-sidebar .user-order-tab-btn-box item:hover {
    background: rgba(232,155,45,.08);
}
.cxzzt-uc-parent-sidebar .user-order-tab-btn-box item .em16 {
    width: 22px; height: 22px;
    color: var(--cxuc-accent-dark);
    display: inline-flex; align-items: center; justify-content: center;
}
.cxzzt-uc-parent-sidebar .user-order-tab-btn-box item .em16 svg,
.cxzzt-uc-parent-sidebar .user-order-tab-btn-box item .em16 .icon {
    width: 20px; height: 20px; fill: currentColor;
}
.cxzzt-uc-parent-sidebar .user-order-tab-btn-box item .px12 {
    font-size: 11px;
    color: var(--cxuc-text-secondary);
    margin-top: 4px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.cxzzt-uc-parent-sidebar .user-order-tab-btn-box item badge.abs-tr {
    position: absolute;
    top: 2px; right: 2px;
    min-width: 16px; height: 16px; line-height: 16px;
    padding: 0 4px;
    font-size: 10px;
    background: #e74c3c; color: #fff;
    border-radius: 8px;
    text-align: center;
}

/* ---------- 兜底：未识别的第三方插件 widget（保持父主题原样，但融合卡片）---------- */
.cxzzt-uc-parent-sidebar .user-icon-but-box {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    padding: 6px !important;
    height: auto !important;
}
.cxzzt-uc-parent-sidebar .user-icon-but-box item {
    display: flex !important;
    flex-direction: column; align-items: center;
    padding: 10px 4px;
    border-radius: 8px;
    background: rgba(0,0,0,.02);
    cursor: pointer;
    transition: background .15s;
    min-width: 0;
}
.cxzzt-uc-parent-sidebar .user-icon-but-box item:hover {
    background: rgba(232,155,45,.08);
}
.cxzzt-uc-parent-sidebar .user-icon-but-box item .em16 {
    width: 22px; height: 22px;
    color: var(--cxuc-accent-dark);
    display: inline-flex; align-items: center; justify-content: center;
}
.cxzzt-uc-parent-sidebar .user-icon-but-box item .em16 svg {
    width: 20px; height: 20px; fill: currentColor;
}
.cxzzt-uc-parent-sidebar .user-icon-but-box item .px12 {
    font-size: 11px;
    color: var(--cxuc-text-secondary);
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;
    max-width: 100%;
}

/* dark theme adapt */
body.dark-theme .cxzzt-uc-parent-sidebar .user-order-tab-btn-box item:hover,
body.dark-theme .cxzzt-uc-parent-sidebar .user-icon-but-box item:hover {
    background: rgba(232,155,45,.14);
}
body.dark-theme .cxzzt-uc-parent-sidebar .user-icon-but-box item {
    background: rgba(255,255,255,.04);
}

/* ===== 4. 右侧主区外壳 ===== */
.cxzzt-uc-main {
    background: var(--cxuc-bg-card);
    border-radius: var(--cxuc-radius-card);
    padding: 28px 32px;
    box-shadow: var(--cxuc-shadow-card);
    min-height: 520px;
}
@media (max-width: 768px) {
    .cxzzt-uc-main { padding: 20px 16px; }
}
.cxzzt-uc-main__header {
    display: flex; justify-content: space-between; align-items: flex-start;
    gap: 16px; margin-bottom: 22px; flex-wrap: wrap;
}
.cxzzt-uc-main__header h2 {
    font-size: 22px; font-weight: 600;
    color: var(--cxuc-text-primary);
    margin: 0 0 6px;
}
.cxzzt-uc-main__header p {
    margin: 0; color: var(--cxuc-text-secondary); font-size: 13px;
}

/* 右上角状态胶囊 */
.cxzzt-uc-pill {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 10px 14px;
    background: var(--cxuc-accent-soft);
    border-radius: 10px;
    font-size: 12px;
    color: var(--cxuc-text-secondary);
    max-width: 260px;
}
.cxzzt-uc-pill i {
    font-style: normal; color: var(--cxuc-accent-dark);
    font-size: 16px; line-height: 1;
}
.cxzzt-uc-pill strong {
    display: block; color: var(--cxuc-text-danger);
    font-weight: 600; margin-bottom: 2px;
}
.cxzzt-uc-pill.is-vip strong { color: var(--cxuc-accent-dark); }

/* 段标题 */
.cxzzt-uc-section-title {
    display: flex; align-items: center; gap: 8px;
    font-size: 15px; font-weight: 600;
    color: var(--cxuc-text-primary);
    margin: 22px 0 14px;
}
.cxzzt-uc-section-title i { font-style: normal; color: var(--cxuc-accent-dark); }

/* ===== 5. 套餐双层架构：level-card（外层等级容器） + product-card（内层套餐子卡） ===== */
.cxzzt-uc-levels {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ----- 5.1 等级容器 ----- */
.cxzzt-uc-level-card {
    position: relative;
    background: var(--cxuc-bg-card);
    border: 1px solid var(--cxuc-border);
    border-radius: 0;
    padding: 18px 22px 16px;
    box-shadow: var(--cxuc-shadow-card);
    transition: border-color .2s ease, box-shadow .2s ease;
}
.cxzzt-uc-level-card.is-recommended {
    border-color: var(--cxuc-accent);
}
.cxzzt-uc-level-card.is-current {
    border-color: #2563eb;
}

/* ----- 5.2 等级头部（标题行 + 权益横排） ----- */
.cxzzt-uc-level-card__header {
    margin-bottom: 16px;
}
.cxzzt-uc-level-card__title {
    display: flex; align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.cxzzt-uc-level-card__name {
    font-size: 16px; font-weight: 700;
    color: var(--cxuc-text-primary);
    margin: 0;
    display: flex; align-items: center;
    gap: 8px;
    line-height: 1;
}
.cxzzt-uc-level-card__icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 24px; height: 24px;
    border-radius: 0;
    background: linear-gradient(135deg, var(--cxuc-accent-2), var(--cxuc-accent));
    color: #fff;
    font-style: normal; font-size: 13px;
}
.cxzzt-uc-level-card.is-current .cxzzt-uc-level-card__icon {
    background: linear-gradient(135deg, #60a5fa, #2563eb);
}
.cxzzt-uc-level-card__chip {
    font-size: 11px; font-weight: 600;
    padding: 3px 10px;
    border-radius: 0;
    letter-spacing: .3px;
    line-height: 1.4;
}
.cxzzt-uc-level-card__chip.is-hot {
    background: linear-gradient(135deg, #ff8a4c, #ff5b3a);
    color: #fff;
}
.cxzzt-uc-level-card__chip.is-current {
    background: #dbeafe;
    color: #2563eb;
}

/* 权益横排（自适应列） */
.cxzzt-uc-level-card__equity {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 6px 16px;
}
.cxzzt-uc-level-card__equity li {
    position: relative;
    padding-left: 22px;
    font-size: 12.5px;
    color: var(--cxuc-text-secondary);
    line-height: 1.5;
    list-style: none;
}
.cxzzt-uc-level-card__equity li::before {
    content: '';
    position: absolute; left: 0; top: 3px;
    width: 14px; height: 14px;
    border-radius: 50%;
    background: var(--cxuc-accent-soft);
}
.cxzzt-uc-level-card__equity li::after {
    content: '';
    position: absolute; left: 3.5px; top: 6px;
    width: 7px; height: 4px;
    border-left: 1.6px solid var(--cxuc-accent-dark);
    border-bottom: 1.6px solid var(--cxuc-accent-dark);
    transform: rotate(-45deg);
}

/* ----- 5.3 product 子卡网格 ----- */
.cxzzt-uc-products {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding-top: 16px;
    border-top: 1px dashed var(--cxuc-border);
}
@media (max-width: 992px) { .cxzzt-uc-products { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .cxzzt-uc-products { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .cxzzt-uc-products { grid-template-columns: 1fr; } }

.cxzzt-uc-product-card {
    position: relative;
    background: var(--cxuc-bg-plan);
    border: 1px solid var(--cxuc-border);
    border-radius: 0;
    padding: 14px 12px 12px;
    display: flex; flex-direction: column;
    align-items: center;
    text-align: center;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.cxzzt-uc-product-card:hover {
    border-color: var(--cxuc-accent-2);
    box-shadow: 0 4px 10px rgba(232,155,45,.12);
}
.cxzzt-uc-level-card.is-recommended .cxzzt-uc-product-card {
    background: #fff;
}

/* product tag（推荐/热销）左上角三角标 */
.cxzzt-uc-product-card__tag {
    position: absolute;
    top: 0; left: 0;
    font-size: 10px; font-weight: 600;
    padding: 3px 8px;
    border-radius: 0;
    color: #fff;
    background: linear-gradient(135deg, #ff8a4c, #ff5b3a);
    line-height: 1.3;
    letter-spacing: .3px;
    z-index: 1;
    max-width: calc(100% - 16px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cxzzt-uc-product-card__tag.jb-yellow {
    background: linear-gradient(135deg, var(--cxuc-accent-2), var(--cxuc-accent));
}
.cxzzt-uc-product-card__tag i { margin-right: 3px; }
/* tag 占位后 period 不被遮住 */
.cxzzt-uc-product-card__tag + .cxzzt-uc-product-card__period {
    margin-top: 18px;
}

/* 周期 */
.cxzzt-uc-product-card__period {
    font-size: 12px;
    color: var(--cxuc-text-secondary);
    margin-bottom: 6px;
    line-height: 1.4;
}

/* 价格 */
.cxzzt-uc-product-card__price {
    color: var(--cxuc-text-danger);
    display: flex; align-items: baseline; justify-content: center;
    gap: 1px;
    line-height: 1;
    margin-bottom: 4px;
}
.cxzzt-uc-product-card__price .cur {
    font-size: 14px; font-weight: 600;
    align-self: flex-start;
    margin-top: 4px;
}
.cxzzt-uc-product-card__price .num {
    font-size: 26px; font-weight: 700;
}
.cxzzt-uc-product-card__strike {
    font-size: 11px;
    color: var(--cxuc-text-muted);
    text-decoration: line-through;
    margin-bottom: 8px;
}
/* 没原价时给个最小间距，让按钮不顶到价格 */
.cxzzt-uc-product-card__price + .cxzzt-uc-product-card__cta {
    margin-top: 10px;
}

/* CTA 按钮（绑父主题 .pay-vip）——实心色块，无圆角 */
.cxzzt-uc-product-card__cta,
a.cxzzt-uc-product-card__cta {
    display: inline-flex; align-items: center; justify-content: center;
    width: 100%;
    margin-top: auto;
    padding: 8px 12px;
    background: var(--cxuc-accent);
    color: #fff !important;
    font-size: 13px; font-weight: 600;
    text-decoration: none;
    border-radius: 0;
    border: 0;
    cursor: pointer;
    transition: background .15s ease;
    line-height: 1.4;
}
.cxzzt-uc-product-card__cta:hover,
a.cxzzt-uc-product-card__cta:hover {
    color: #fff !important;
    background: var(--cxuc-accent-dark);
}
/* 续费态：蓝色 */
.cxzzt-uc-product-card__cta.is-renew,
a.cxzzt-uc-product-card__cta.is-renew {
    background: #2563eb;
}
.cxzzt-uc-product-card__cta.is-renew:hover,
a.cxzzt-uc-product-card__cta.is-renew:hover {
    background: #1d4ed8;
}
/* 升级态：紫色 */
.cxzzt-uc-product-card__cta.is-upgrade,
a.cxzzt-uc-product-card__cta.is-upgrade {
    background: #7c3aed;
}
.cxzzt-uc-product-card__cta.is-upgrade:hover,
a.cxzzt-uc-product-card__cta.is-upgrade:hover {
    background: #6d28d9;
}
/* 禁用态（已享更高等级）*/
.cxzzt-uc-product-card__cta.is-disabled,
a.cxzzt-uc-product-card__cta.is-disabled {
    background: #cbd1da !important;
    color: #fff !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* ===== 8. 未登录提示 ===== */
.cxzzt-uc-signin {
    text-align: center;
    padding: 80px 20px;
}
.cxzzt-uc-signin h3 {
    font-size: 18px; color: var(--cxuc-text-primary); margin: 0 0 10px;
}
.cxzzt-uc-signin p {
    color: var(--cxuc-text-secondary); margin: 0 0 24px;
}

/* ===== 9. 右侧 tab-host：让父主题 tab content 在我们的 .cxzzt-uc-main 内不冲突 ===== */
.cxzzt-uc-tab-host {
    /* 让父主题 tab-content 占满主区 */
    padding: 0;
    overflow: hidden;
}
.cxzzt-uc-tab-host .tab-content,
.cxzzt-uc-tab-host .main-tab-content {
    background: transparent;
    margin: 0;
    padding: 0;
}
.cxzzt-uc-tab-host .tab-pane {
    padding: 22px 28px;
}
@media (max-width: 768px) {
    .cxzzt-uc-tab-host .tab-pane { padding: 16px; }
}

/* 父主题 .zib-widget 在我们卡片内是嵌套卡片，去掉外阴影避免重影 */
.cxzzt-uc-tab-host .zib-widget {
    box-shadow: none;
    border: 1px solid var(--cxuc-border);
    border-radius: 12px;
}
body.dark-theme .cxzzt-uc-tab-host .zib-widget {
    background: rgba(255,255,255,.02);
}

/* 父主题 .row 默认有负 margin，我们卡片内 padding 已经控制，抵消负 margin */
.cxzzt-uc-tab-host .row {
    margin-left: 0;
    margin-right: 0;
}

/* VIP tab：我们自己的 content-vip.php 已经有 .cxzzt-uc-main，
   作为 tab-pane 的子元素时去掉重复 padding */
.cxzzt-uc-tab-host .tab-pane > .cxzzt-uc-main.cxzzt-uc-vip {
    margin: -22px -28px;
    border-radius: var(--cxuc-radius-card);
    box-shadow: none;
}
@media (max-width: 768px) {
    .cxzzt-uc-tab-host .tab-pane > .cxzzt-uc-main.cxzzt-uc-vip {
        margin: -16px;
    }
}

/* 主区外壳：去掉默认 padding，由内部 partial 自行控制 */
.cxzzt-uc-main.cxzzt-uc-tab-host {
    padding: 0;
}

/* 已开通 VIP 用户：左侧状态徽章 */
.cxzzt-uc-vip-badge {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 3px 10px;
    background: linear-gradient(135deg, var(--cxuc-accent-2), var(--cxuc-accent));
    color: #fff;
    border-radius: var(--cxuc-radius-pill);
    font-size: 11px;
    margin-top: 8px;
}

/* ===== 10. 兼容父主题 ajax tab 切换（点击 .ajaxpager 后注入内容时保持样式） ===== */
.cxzzt-uc-tab-host .post_ajax_loader {
    padding: 40px 20px;
    text-align: center;
}

/* 未登录提示卡居中放在 .container 内 */
body.cxzzt-uc-body .container > .cxzzt-uc-main.cxzzt-uc-signin {
    max-width: 480px;
    margin: 60px auto;
}