/* ============================================================
   客钰来 · 棋牌茶楼行业页主题（body.theme-tea）
   内容区配色：茶绿 + 原木棕；导航/页脚保持全站蓝色品牌统一
   ============================================================ */

.theme-tea {
  --tea-500: #3e8e6b;   /* 茶绿主色 */
  --tea-600: #2e7455;
  --tea-700: #225a41;
  --tea-50:  #eef8f2;
  --tea-100: #d8efe3;
  --tea-200: #b4dfca;
  --wood-500: #9a6b43;  /* 原木棕 */
  --wood-600: #7d5333;
  --wood-100: #f3e9df;
  --wood-200: #e6d3c0;
}

/* ---------- Banner ---------- */
.theme-tea .case-hero {
  background: linear-gradient(160deg, #f0f7f2 0%, #f6efe6 60%, #fbf8f3 100%);
}
.theme-tea .case-hero-bg .orb-1 {
  background: radial-gradient(circle, var(--tea-200), transparent 70%);
  left: -120px; right: auto;
}
.theme-tea .case-hero-bg .orb-2 {
  position: absolute; width: 380px; height: 380px; border-radius: 50%;
  filter: blur(60px); opacity: .45; top: 30%; right: -60px;
  background: radial-gradient(circle, var(--wood-200), transparent 70%);
}
.theme-tea .case-hero-bg .grid-lines {
  background-image: linear-gradient(rgba(62, 142, 107, .14) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(62, 142, 107, .14) 1px, transparent 1px);
}
.theme-tea .case-hero-copy .eyebrow { background: var(--tea-50); color: var(--tea-600); }
.theme-tea .case-hero-copy .eyebrow .dot { background: var(--tea-500); }
.theme-tea .case-hero-copy h1 .hl {
  background: linear-gradient(120deg, var(--tea-600), var(--wood-500));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.theme-tea .crumbs b { color: var(--tea-600); }
.theme-tea .crumbs a:hover { color: var(--tea-600); }

/* ---------- 看板视觉 ---------- */
.theme-tea .board-window { box-shadow: 0 30px 60px -22px rgba(46, 116, 85, .3); }
.theme-tea .board-bar { background: linear-gradient(180deg, #fbfdfb, #f3f9f5); }
.theme-tea .board-bar .app-tag { background: var(--tea-50); color: var(--tea-600); }
.theme-tea .table-card.is-open {
  background: linear-gradient(180deg, #f5faf7, #fff);
  border-color: var(--tea-200);
}
.theme-tea .table-card.is-open::before { background: linear-gradient(180deg, var(--tea-500), var(--tea-600)); }
.theme-tea .table-card.is-open .table-state { color: var(--tea-600); }
.theme-tea .table-card.is-clean::before { background: linear-gradient(180deg, var(--wood-500), var(--wood-600)); }
.theme-tea .table-card.is-clean { background: linear-gradient(180deg, #faf5ef, #fff); border-color: var(--wood-200); }
.theme-tea .table-card.is-clean .table-state { color: var(--wood-600); }
.theme-tea .mini-bars i { background: var(--tea-200); }
.theme-tea .table-card.is-open .mini-bars i { background: var(--tea-500); }
.theme-tea .legend-dot.on { background: var(--tea-500); }
.theme-tea .legend-dot.clean { background: var(--wood-500); }
.theme-tea .board-foot b { color: var(--tea-600); }

/* ---------- 业态标签 ---------- */
.theme-tea .biz-chips li .ic { color: var(--tea-600); }
.theme-tea .biz-chips li { box-shadow: 0 4px 14px -8px rgba(46, 116, 85, .18); }
.theme-tea .biz-chips li:hover { border-color: var(--tea-200); }

/* ---------- 核心功能卡 ---------- */
.theme-tea .case-card .f-icon {
  background: linear-gradient(135deg, var(--tea-500), var(--tea-700));
  box-shadow: 0 10px 22px -8px rgba(46, 116, 85, .5);
}
.theme-tea .case-card:hover {
  box-shadow: 0 24px 44px -20px rgba(46, 116, 85, .25);
  border-color: var(--tea-200);
}
.theme-tea .case-link { color: var(--tea-600); }

/* ---------- 无人值守流程区（深绿） ---------- */
.theme-tea .flow-section { background: linear-gradient(160deg, #10261c, #0a1b13); }
.theme-tea .flow-section .eyebrow { background: rgba(255, 255, 255, .08); color: #9ed3b8; }
.theme-tea .flow-section .eyebrow .dot { background: var(--tea-500); }
.theme-tea .step-ic { background: linear-gradient(135deg, var(--tea-500), var(--tea-700)); box-shadow: 0 10px 22px -8px rgba(62, 142, 107, .55); }
.theme-tea .flow-step:hover { border-color: rgba(62, 142, 107, .6); }
.theme-tea .step-no { color: rgba(158, 211, 184, .25); }

/* ---------- 营销标签 ---------- */
.theme-tea .mkt-chips li {
  background: #fff; border-color: var(--tea-100); color: var(--tea-700);
}

/* ---------- 场景标签墙 ---------- */
.theme-tea .scene-tags {
  background: var(--tea-50); border-color: var(--tea-200);
}

/* ---------- CTA（绿棕渐变） ---------- */
.theme-tea .case-cta { background: linear-gradient(135deg, var(--tea-600) 0%, var(--tea-700) 55%, #5c4327 100%); }

/* ---------- 浅色区块微调 ---------- */
.theme-tea .section-soft { background: linear-gradient(180deg, #f7fbf8, #faf7f2); }