/* 小红书风：浅色背景 + 红色按钮/选中态 */
:root {
  --xhs-red: #ff2442;
  --xhs-red-deep: #e01f3a;
  --xhs-bg: #f3f4f8;
  --xhs-card: #ffffff;
  --xhs-ink: #1a1a1a;
  --xhs-muted: #8b92a1;
  --xhs-line: rgba(26, 26, 26, 0.08);
}

/* 站点 logo 统一圆形 */
.login-brand img,
.welcome img[src*="ai-logo"],
.welcome img[src*="SystemConfig"],
img.site-logo,
.mine-avatar {
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* ===== 页面背景：保持浅灰，不要红/粉底 ===== */
html, body,
html body.home-premium,
html body.gray_bg,
body.home-premium,
body.gray_bg,
body.mine-premium {
  background: #f3f4f8 !important;
  color: var(--xhs-ink) !important;
}

.home-wrap {
  background: linear-gradient(180deg, #f7f8fc 0%, #eef0f6 280px, #f3f4f8 520px) !important;
}

.home-search input,
.ui-card,
.mine-card,
.hall-panel,
.home-task,
.mine-promo-card {
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(31, 36, 48, 0.06) !important;
}

.home-hero {
  background: linear-gradient(135deg, #fff7ec 0%, #ffe9d2 55%, #ffd9b8 100%) !important;
  box-shadow: 0 12px 30px rgba(255, 153, 80, 0.16) !important;
}
.home-hero.home-hero-img {
  background: transparent !important;
  box-shadow: 0 10px 24px rgba(255, 120, 140, 0.16) !important;
}
.home-hero .hero-title em,
.home-hero .hero-title i {
  color: var(--xhs-red) !important;
  background: none !important;
  -webkit-text-fill-color: var(--xhs-red) !important;
}

.home-tabbar {
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(31, 36, 48, 0.12) !important;
}
.home-tabbar-shell > .tab-notch {
  background: #f3f4f8 !important;
}
.home-tabbar a,
.home-tabbar a.active,
.home-tabbar a span,
.home-tabbar a .tab-label {
  color: #111111 !important;
  font-weight: 800 !important;
}
.home-tabbar a > svg { color: #111111 !important; }
.home-tabbar a > svg[fill="currentColor"],
.home-tabbar a > svg[fill="currentColor"] path {
  fill: #111111 !important;
  stroke: none !important;
}
.home-tabbar a > svg[fill="none"],
.home-tabbar a > svg[fill="none"] path,
.home-tabbar a > svg[fill="none"] circle {
  stroke: #111111 !important;
  fill: none !important;
}
.home-tabbar.liquid-glass .tab-blob {
  background:
    radial-gradient(140% 100% at 28% 12%, #fff, #f5f7fc 42%, #e8ecf5 78%),
    linear-gradient(180deg, #fff, #e8ecf5) !important;
  box-shadow: 0 8px 18px rgba(31, 36, 48, 0.12), inset 0 1px 0 #fff !important;
}

.top_header {
  background: rgba(243, 244, 248, 0.92) !important;
  border-bottom: 1px solid var(--xhs-line) !important;
}
.top_header .title { color: var(--xhs-ink) !important; font-weight: 800 !important; }

.ui-input,
input.ui-input,
.tixian_box input,
.recharge_box input,
.field input {
  background: #f3f4f8 !important;
}

.org,
.move-item .org,
.home-ticker .org,
.login-extra a,
a[href*="forget"],
.info-row a {
  color: var(--xhs-red) !important;
}

/* ===== 所有主按钮：红色 ===== */
.btn-primary,
.ui-btn-primary,
.btn.btn-sm.btn-primary,
.btn.btn-sm.btn-success,
.publish-premium .btn.btn-sm.btn-primary,
.publish-premium .btn.btn-sm.btn-success,
.publish-form .publish-submit,
.publish-form .publish-submit input[type="submit"],
.btn-login,
button.btn-login,
button[type="submit"],
input[type="submit"],
.btn.submit,
.login-inp .submit,
.blue_btn,
.vip_lijisj,
.vip-level .go,
.home-tabbar-shell .pub-fab,
.home-tabbar-shell > a.tab-publish.active .pub-fab,
.mine-premium .mine-bal-actions a,
.login-foot a i,
.btn_type,
.btn_tx,
.tixian_box .btn_tx,
.show_djfzz.copy,
.show_djfzz.btn-fav,
.show_djfzz.btn-shop,
body .show_index_anniu a,
body .task_btns a,
body .task_btns button,
.tih-btn {
  background: linear-gradient(145deg, #ff5a73 0%, #ff2442 100%) !important;
  background-image: linear-gradient(145deg, #ff5a73 0%, #ff2442 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 10px 24px rgba(255, 36, 66, 0.28) !important;
}

/* 任务详情网址：白底红字（不是红色按钮） */
.show_zpllj,
.copy_btn .show_zpllj,
#text.show_zpllj {
  background: #fff !important;
  background-image: none !important;
  color: #ff2442 !important;
  border: 1.5px solid #ffd0d7 !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 12px !important;
}

.mine-premium .mine-profile {
  background: #fff !important;
}
.mine-premium .mine-profile-top {
  background: linear-gradient(145deg, #ff5a73 0%, #ff2442 55%, #e11d2e 100%) !important;
  border-radius: 24px 24px 0 0;
}
.mine-premium .mine-bal-actions a {
  color: #fff !important;
  font-weight: 800 !important;
}
.mine-premium .mine-promo-card.invite .s,
.mine-premium .mine-promo-card.vip .s {
  color: var(--xhs-red) !important;
}

.login-foot a i {
  border-color: transparent !important;
}

/* ===== 选中框 / 选中态：红色 ===== */
.task_need label.select,
.publish-form .task_need label.select,
body.home-premium .task_need label.select,
label.select,
.tx-method.active,
.tab.active,
.pay-type.active,
.recharge_box label span.active {
  border-color: var(--xhs-red) !important;
  background: linear-gradient(145deg, #ff5a73 0%, #ff2442 100%) !important;
  color: #fff !important;
  box-shadow: 0 0 0 3px rgba(255, 36, 66, 0.14) !important;
}

/* 分类选中：不要红色底，仅强调图标与文字 */
.hall-cat.active,
.home-cat.active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}
.hall-cat.active .hall-ico,
.home-cat.active .cat-ico {
  transform: scale(1.06);
  box-shadow: 0 10px 20px rgba(255, 36, 66, 0.18) !important;
  outline: 2px solid #ff2442 !important;
  outline-offset: 2px;
}
.hall-cat.active .hall-name,
.home-cat.active .cat-name {
  color: #1f2430 !important;
  font-weight: 800 !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
  accent-color: var(--xhs-red);
}

.field input:focus,
.ui-input:focus,
input:focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 0 2px rgba(255, 36, 66, 0.28) !important;
  outline: none !important;
}

/* 提现方式选择 */
.tx-method-list { display: grid; gap: 10px; margin: 12px 0 4px; }
.tx-method {
  display: flex; align-items: center; gap: 12px;
  padding: 14px; border: 1.5px solid #e8eaef; border-radius: 14px;
  background: #fff; cursor: pointer;
}
.tx-method.active {
  border-color: var(--xhs-red) !important;
  background: #fff !important;
  color: inherit !important;
  box-shadow: 0 0 0 3px rgba(255, 36, 66, 0.12) !important;
}
.tx-method input { display: none; }
.tx-method .tx-ico {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0;
  color: transparent;
  overflow: hidden;
  background: transparent !important;
  padding: 0;
  border: none;
}
.tx-method .tx-ico img {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 10px;
}
/* 微信 / 支付宝：恢复原来的满格方图 */
.tx-method .tx-ico.wx,
.tx-method .tx-ico.ali {
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent !important;
  border: none;
}
.tx-method .tx-ico.wx img,
.tx-method .tx-ico.ali img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 10px;
}
/* 银联横版：同尺寸容器内完整显示 */
.tx-method .tx-ico.bank {
  width: 40px;
  height: 40px;
  padding: 3px;
  box-sizing: border-box;
  background: #f5f6f8 !important;
  border: 1px solid #eef0f4;
}
.tx-method .tx-ico.bank img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 4px;
}
.tx-method .tx-meta { flex: 1; min-width: 0; }
.tx-method .tx-meta strong { display: block; font-size: 15px; color: #1a1a1a; }
.tx-method .tx-meta span {
  display: block; margin-top: 2px; font-size: 12px; color: #888;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ===== 统一弹窗 / Toast 风格（layer_mobile2 skin → layui-m-layer-{skin}） ===== */
.layui-m-layer .layui-m-layerchild.layui-m-layer-ui-dialog,
.layui-m-layer .layui-m-layerchild.ui-dialog,
.layui-m-layer.ui-dialog .layui-m-layerchild {
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 40px rgba(17,21,29,.22) !important;
  width: 78% !important;
  max-width: 320px !important;
  background: #fff !important;
}
.layui-m-layer .layui-m-layerchild.layui-m-layer-ui-dialog .layui-m-layercont,
.layui-m-layer .layui-m-layerchild.ui-dialog .layui-m-layercont,
.ui-dialog-body {
  padding: 26px 18px 14px !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  color: #1f2430 !important;
  line-height: 1.55 !important;
  text-align: center !important;
}
.ui-dialog-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.ui-dialog-success .ui-ok {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(145deg, #ff5a73, #ff2442);
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  line-height: 52px;
  text-align: center;
  box-shadow: 0 10px 22px rgba(255,36,66,.28);
  margin-bottom: 4px;
}
.ui-dialog-success .ui-ok:before {
  content: "✓";
}
.ui-dialog-success strong {
  display: block;
  font-size: 17px;
  font-weight: 800;
  color: #1f2430;
}
.ui-dialog-success em {
  display: block;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  color: #8b92a1;
  line-height: 1.4;
}
.layui-m-layer .layui-m-layerchild.layui-m-layer-ui-dialog .layui-m-layerbtn,
.layui-m-layer .layui-m-layerchild.ui-dialog .layui-m-layerbtn {
  border-top: 1px solid #f0f2f5 !important;
}
.layui-m-layer .layui-m-layerchild.layui-m-layer-ui-dialog .layui-m-layerbtn span[yes],
.layui-m-layer .layui-m-layerchild.layui-m-layer-ui-dialog .layui-m-layerbtn span[no],
.layui-m-layer .layui-m-layerchild.ui-dialog .layui-m-layerbtn span[yes],
.layui-m-layer .layui-m-layerchild.ui-dialog .layui-m-layerbtn span[no] {
  color: #ff2442 !important;
  font-weight: 800 !important;
  font-size: 15px !important;
}
.layui-m-layer .layui-m-layerchild.layui-m-layer-msg .layui-m-layercont,
.layui-m-layer .layui-m-layerchild.ui-toast .layui-m-layercont,
.layui-m-layer.ui-toast .layui-m-layercont,
.layui-m-layer.msg .layui-m-layercont {
  background: rgba(17,21,29,.88) !important;
  color: #fff !important;
  border-radius: 14px !important;
  padding: 12px 18px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 12px 28px rgba(17,21,29,.28) !important;
}

/* 任务详情底栏：领取红 / 过期黑 */
.show_lllqqqe .bala-btn.task-btn-red,
body .bala-btn.task-btn-red,
body .get_task.task-btn-red {
  background: linear-gradient(145deg, #ff5a73 0%, #ff2442 100%) !important;
  color: #fff !important;
}
.show_lllqqqe .bala-btn.task-btn-black,
body .bala-btn.task-btn-black {
  background: linear-gradient(145deg, #2a3140 0%, #11151d 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(17,21,29,.25) !important;
}

/* 发布管理：去掉等级 Tab 后的简洁筛选条 */
.pub-filter-bar {
  display: flex;
  gap: 8px;
  padding: 10px 16px 6px;
  background: #f4f4f4;
}
.pub-filter-bar a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  background: #fff;
  color: #5b6472;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid #eceff4;
}
.pub-filter-bar a.active {
  color: #fff;
  background: #ff2442;
  border-color: #ff2442;
}

/* ===== 旧紫/蓝残留统一覆盖（任务列表、底部弹层等） ===== */
.task_box .con ul li a span.zhuangtai {
  background: #ff2442 !important;
}
.task_box .con ul li span.lq,
.task_box .con ul li a span.lq {
  background: linear-gradient(145deg, #ff5a73, #ff2442) !important;
  border-radius: 10px !important;
}
.bg .box .anniu button:nth-child(1) {
  background: #ff2442 !important;
  color: #fff !important;
}
.task_main .tip_box .copy_btn button {
  border-color: #ff2442 !important;
  color: #ff2442 !important;
}
.task_box .tabs span.current {
  color: #ff2442 !important;
  border-bottom-color: #ff2442 !important;
}
.task_tit i {
  background: #ff2442 !important;
}
.index_tip,
.bala-btn:not(.task-btn-black) {
  background: linear-gradient(145deg, #ff5a73, #ff2442) !important;
}
.show_djfzz,
.task_need label.select,
.buzhou > p > span.active {
  border-color: #ff2442 !important;
  color: #ff2442 !important;
}
.ques-list-image:before {
  border-color: #ff2442 !important;
}
