/* ============================================================
   bazi.css —— 「八字」栏目样式
   来源：微信小程序 bazi-miniprogram（app.wxss + pages/index/index.wxss + pages/result/result.wxss）
   转换规则：rpx → px（÷2，按 375px 视口）；所有选择器限定在 #tab-bazi 内，避免污染其他栏目
   文件末尾的「网页适配层」覆盖了小程序专有的固定定位/导航栏等规则
   ============================================================ */

/* ===== bazi-miniprogram/app.wxss ===== */
#tab-bazi{background-color: #FFF8F0;
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 1.6;}
#tab-bazi .container{padding: 15px;
  box-sizing: border-box;}
#tab-bazi .btn-primary{background: linear-gradient(135deg, #8B4513, #A0522D);
  color: #fff;
  border: none;
  border-radius: 25px;
  padding: 12px 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;}
#tab-bazi .btn-primary::after{border: none;}
/* ===== index/index.wxss ===== */
#tab-bazi{background: transparent;
  height: 100%;
  overflow: hidden;}
#tab-bazi .bg-image{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;}
#tab-bazi .chat-container{display: flex;
  flex-direction: column;
  height: 100vh;
  position: relative;
  overflow: hidden;}
#tab-bazi .nav-bar{position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: transparent;
  display: flex;
  align-items: flex-start;
  justify-content: center;}
#tab-bazi .nav-title{font-size: 17px;
  font-weight: 600;
  color: #E8E0D8;
  letter-spacing: 2px;
  margin-top: 8px;}
#tab-bazi .chat-body{flex: 1;
  height: 0; 
  padding: 30px 12px 80px;
  box-sizing: border-box;}
#tab-bazi .msg-row{display: flex;
  align-items: flex-start;
  margin-bottom: 14px;}
#tab-bazi .system-row{flex-direction: row;}
#tab-bazi .user-row{flex-direction: row-reverse;}
#tab-bazi .msg-avatar{width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(100,90,75,0.7);
  color: #FFFFFF;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}
#tab-bazi .msg-bubble{max-width: 75%;
  padding: 12px 14px;
  border-radius: 16px;
  font-size: 15px;
  line-height: 1.6;
  word-break: break-all;}
#tab-bazi .system-bubble{background: rgba(160,140,115,0.55);
  color: #FFFFFF;
  max-width: 72%;}
#tab-bazi .user-bubble{background: rgba(50,50,50,0.85);
  color: #FFFFFF;
  margin-right: 10px;}
#tab-bazi .form-bubble{width: 78% !important;
  max-width: none !important;}
#tab-bazi .bubble-text{white-space: pre-wrap;
  color: #FFFFFF;}
#tab-bazi .bubble-label{display: block;
  font-size: 13px;
  color: rgba(255,255,255,0.5);
  margin-bottom: 8px;}
#tab-bazi .bubble-dayi-rule{display: block;
  font-size: 12px;
  color: rgba(200,180,140,0.6);
  margin-top: 10px;
  line-height: 1.6;}
#tab-bazi .bubble-options{display: flex;
  gap: 10px;}
#tab-bazi .opt-btn{flex: 1;
  text-align: center;
  padding: 7px 0;
  border-radius: 4px;
  background: rgba(80,70,55,0.5);
  color: rgba(255,255,255,0.7);
  font-size: 14px;}
#tab-bazi .opt-active{background: rgba(50,45,35,0.8);
  color: #FFFFFF;
  font-weight: 500;
  border: 0.5px solid rgba(200,180,140,0.5);}
#tab-bazi .time-picker-row{display: flex;
  width: 100%;
  gap: 4px;}
#tab-bazi .time-picker-row .picker-full{flex: 1;}
#tab-bazi .time-cell{width: 100%;
  text-align: center;
  padding: 7px 0;
  background: rgba(80,70,55,0.5);
  border-radius: 4px;
  font-size: 13px;
  color: #FFFFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}
#tab-bazi .time-cell.placeholder{color: rgba(255,255,255,0.35);}
#tab-bazi .bubble-actions{display: flex;
  gap: 10px;
  margin-top: 10px;}
#tab-bazi .action-btn{flex: 1;
  text-align: center;
  padding: 8px 0;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 500;}
#tab-bazi .action-cancel{background: rgba(80,70,55,0.5);
  color: rgba(255,255,255,0.7);}
#tab-bazi .action-confirm{background: rgba(50,45,35,0.8);
  color: #FFFFFF;
  border: 0.5px solid rgba(200,180,140,0.5);}
#tab-bazi .action-disabled{background: rgba(80,70,55,0.3);
  color: rgba(255,255,255,0.3);}
#tab-bazi .result-bubble{width: 92% !important;
  max-width: none !important;
  padding: 8px 8px !important;
  overflow-x: auto;}
#tab-bazi .bazi-table{width: 100%;
  min-width: 310px;
  font-size: 11px;
  margin-top: 4px;
  border: 0.5px solid rgba(255,255,255,0.12);
  border-radius: 4px;
  overflow: hidden;}
#tab-bazi .bazi-header, #tab-bazi .bazi-row{display: flex;
  align-items: stretch;
  border-bottom: 0.5px solid rgba(255,255,255,0.08);}
#tab-bazi .bazi-header{background: rgba(80, 70, 55, 0.6);
  border-bottom: none;}
#tab-bazi .bazi-row:last-child{border-bottom: none;}
#tab-bazi .bazi-cell{flex: 1;
  text-align: center;
  padding: 5px 1px;
  font-size: 12px;
  color: #E8E0D8;
  line-height: 1.5;
  word-break: break-all;
  display: flex;
  align-items: center;
  justify-content: center;}
#tab-bazi .bazi-label{width: 40px !important;
  flex: none !important;
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  background: rgba(60, 50, 40, 0.4);}
#tab-bazi .bazi-label-multi{align-items: flex-start;
  padding-top: 5px !important;}
#tab-bazi .bazi-col-title{font-size: 12px;
  font-weight: 500;
  color: #CCCCCC;}
#tab-bazi .bazi-cell-small{font-size: 11px !important;
  color: rgba(255,255,255,0.7) !important;}
#tab-bazi .bazi-cell-ss{font-size: 10px !important;
  color: rgba(255,255,255,0.6) !important;}
#tab-bazi .bazi-row-multi{min-height: auto;}
#tab-bazi .bazi-cell-multi{flex-direction: column;
  align-items: stretch;
  padding: 2px 2px !important;}
#tab-bazi .canggan-line{display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5px 0;
  line-height: 1.3;}
#tab-bazi .ss-vertical{display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  min-width: 16px;}
#tab-bazi .ss-vertical .cg-ss{display: block;
  line-height: 1.4;
  font-size: 10px;}
#tab-bazi .cg-gan{font-size: 12px;
  font-weight: 500;}
#tab-bazi .cg-wx{font-size: 10px;
  margin-left: 1px;}
#tab-bazi .cg-ss{font-size: 10px;}
#tab-bazi .wx-mu{color: #4CAF50;}
#tab-bazi .wx-huo{color: #F44336;}
#tab-bazi .wx-tu{color: #FF9800;}
#tab-bazi .wx-jin{color: #FFD700;}
#tab-bazi .wx-shui{color: #2196F3;}
#tab-bazi .bazi-row:nth-child(3) .bazi-cell:not(.bazi-label){font-size: 16px;
  font-weight: bold;}
#tab-bazi .bazi-row:nth-child(4) .bazi-cell:not(.bazi-label){font-size: 16px;
  font-weight: bold;}
#tab-bazi .canggan-row{display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px;}
#tab-bazi .ss-daymaster{color: #FF9800; font-weight: bold;}
#tab-bazi .ss-bi{color: #4CAF50;}
#tab-bazi .ss-cai{color: #DC143C;}
#tab-bazi .ss-guan{color: #7B68EE;}
#tab-bazi .ss-yin{color: #20B2AA;}
#tab-bazi .ss-shi{color: #9370DB;}
#tab-bazi .ss-sha{color: #DC143C;}
#tab-bazi .chat-input-bar{position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;}
#tab-bazi .input-bar-inner{display: flex;
  align-items: center;
  padding: 6px 10px;}
#tab-bazi .input-bar-inner .input-icon-btn{margin-right: 6px;}
#tab-bazi .input-bar-inner .chat-input, #tab-bazi .input-bar-inner .voice-btn{margin-right: 6px;}
#tab-bazi .input-icon-btn{width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}
#tab-bazi .icon-voice{font-size: 20px;
  color: rgba(255,255,255,0.6);}
#tab-bazi .icon-voice-active{color: #FFFFFF;}
#tab-bazi .chat-input{flex: 1;
  height: 36px;
  background: rgba(255,255,255,0.1);
  border-radius: 18px;
  padding: 0 14px;
  font-size: 14px;
  color: #FFFFFF;
  border: 0.5px solid rgba(200,180,140,0.3);}
#tab-bazi .input-placeholder{color: rgba(255,255,255,0.35);}
#tab-bazi .voice-btn{flex: 1;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.1);
  border-radius: 18px;
  font-size: 14px;
  color: rgba(255,255,255,0.7);}
#tab-bazi .voice-btn-active{background: rgba(255,255,255,0.25);
  color: #FFFFFF;}
#tab-bazi .input-send-btn{width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}
#tab-bazi .send-active{background: rgba(200,180,140,0.6);}
#tab-bazi .send-disabled{background: rgba(255,255,255,0.05);}
#tab-bazi .icon-send{font-size: 16px;
  color: #FFFFFF;
  line-height: 1;}
#tab-bazi .analysis-bubble{width: 88% !important;
  max-width: none !important;}
#tab-bazi .analysis-text{font-size: 14px;
  line-height: 1.8;
  color: #E8E0D8;
  white-space: pre-wrap;}
#tab-bazi .dayi-bubble{width: 88% !important;
  max-width: none !important;}
#tab-bazi .dayi-categories{display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 10px;}
#tab-bazi .dayi-cat{flex: 1;
  text-align: center;
  padding: 8px 0;
  border-radius: 6px;
  font-size: 14px;
  color: rgba(255,255,255,0.7);
  background: rgba(255,255,255,0.08);
  border: 0.5px solid rgba(255,255,255,0.1);}
#tab-bazi .dayi-cat-active{color: #1A1A1A;
  background: #C8B48A;
  border-color: #C8B48A;
  font-weight: 500;}
#tab-bazi .dayi-input{margin-top: 10px;
  width: 100%;
  height: 38px;
  background: rgba(255,255,255,0.08);
  border-radius: 6px;
  padding: 0 12px;
  font-size: 14px;
  color: #E8E0D8;
  border: 0.5px solid rgba(255,255,255,0.12);
  box-sizing: border-box;}
#tab-bazi .dayi-input-placeholder{color: rgba(255,255,255,0.35);}
#tab-bazi .user-bubble{background: rgba(50,50,50,0.85);
  color: #FFFFFF;
  margin-left: 10px;}
/* ===== result/result.wxss ===== */
#tab-bazi{background: transparent;
  height: 100%;
  overflow: hidden;}
#tab-bazi .bg-image{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;}
#tab-bazi .chat-container{display: flex;
  flex-direction: column;
  height: 100vh;
  position: relative;
  overflow: hidden;}
#tab-bazi .nav-bar{position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: transparent;}
#tab-bazi .nav-bar-inner{height: 44px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 16px;}
#tab-bazi .nav-back{font-size: 15px;
  color: #E8E0D8;
  width: 60px;
  margin-top: 8px;}
#tab-bazi .nav-title{font-size: 17px;
  font-weight: 600;
  color: #E8E0D8;
  letter-spacing: 2px;
  text-align: center;
  margin-top: 8px;}
#tab-bazi .nav-placeholder{width: 60px;
  margin-top: 8px;}
#tab-bazi .chat-header{background: transparent;
  padding: 8px 0 8px;
  text-align: center;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
  margin-top: 30px;}
#tab-bazi .header-title{font-size: 17px;
  font-weight: 600;
  color: #E8E0D8;
  letter-spacing: 2px;}
#tab-bazi .chat-body{flex: 1;
  padding: 12px 12px 60px;
  box-sizing: border-box;}
#tab-bazi .msg-row{display: flex;
  align-items: flex-start;
  margin-bottom: 14px;}
#tab-bazi .system-row{flex-direction: row;}
#tab-bazi .msg-avatar{width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(100,90,75,0.7);
  color: #FFFFFF;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}
#tab-bazi .msg-bubble{max-width: 78%;
  padding: 12px 14px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.6;
  word-break: break-all;
  background: rgba(160,140,115,0.55);
  color: #FFFFFF;}
#tab-bazi .system-bubble{background: rgba(160,140,115,0.55);
  color: #FFFFFF;}
#tab-bazi .bubble-title{display: block;
  font-size: 15px;
  font-weight: 600;
  color: rgba(255,255,255,0.8);
  margin-bottom: 8px;
  letter-spacing: 1px;}
#tab-bazi .bubble-text{display: block;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 1.8;
  white-space: pre-wrap;}
#tab-bazi .loading-dots{display: flex;
  gap: 6px;
  padding: 4px 0;}
#tab-bazi .dot{width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #666666;
  animation: dotPulse 1.2s infinite ease-in-out;}
#tab-bazi .dot:nth-child(2){animation-delay: 0.2s;}
#tab-bazi .dot:nth-child(3){animation-delay: 0.4s;}
@keyframes bzDotPulse{
  0%, 80%, 100% {
    opacity: 0.3;
  }
  40% {
    opacity: 1;
  }
}
#tab-bazi .pillars-grid{display: flex;
  justify-content: space-around;
  gap: 6px;
  margin-top: 4px;}
#tab-bazi .pillar-col{display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;}
#tab-bazi .pillar-label{font-size: 12px;
  color: #999999;}
#tab-bazi .pillar-gan, #tab-bazi .pillar-zhi{width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  background: rgba(80,70,55,0.5);
  color: #FFFFFF;}
#tab-bazi .pillar-gan.highlight, #tab-bazi .pillar-zhi.highlight{background: rgba(200,180,140,0.5);
  color: #FFFFFF;}
#tab-bazi .wx-bar-row{display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;}
#tab-bazi .wx-name{width: 28px;
  font-size: 13px;
  color: #999999;
  flex-shrink: 0;}
#tab-bazi .wx-bar-bg{flex: 1;
  height: 12px;
  background: rgba(80,70,60,0.4);
  border-radius: 6px;
  overflow: hidden;}
#tab-bazi .wx-bar-fill{height: 100%;
  border-radius: 6px;
  transition: width 0.6s ease;
  min-width: 4px;}
#tab-bazi .wx-count{width: 22px;
  font-size: 13px;
  color: #E8E0D8;
  text-align: right;
  flex-shrink: 0;}
#tab-bazi .wx-summary{display: block;
  margin-top: 8px;
  font-size: 13px;
  color: #999999;
  line-height: 1.8;
  white-space: pre-wrap;}
#tab-bazi .wx-map-row{display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;}
#tab-bazi .wx-map-label{font-size: 13px;
  color: #999999;
  width: 32px;
  flex-shrink: 0;}
#tab-bazi .wx-tags{display: flex;
  gap: 5px;}
#tab-bazi .wx-tag{padding: 2px 8px;
  border-radius: 3px;
  font-size: 12px;
  color: #333333;}
#tab-bazi .analysis-item{margin-bottom: 10px;}
#tab-bazi .analysis-item:last-child{margin-bottom: 0;}
#tab-bazi .analysis-title{display: block;
  font-size: 14px;
  font-weight: 600;
  color: #E8E0D8;
  margin-bottom: 3px;}
#tab-bazi .analysis-desc{display: block;
  font-size: 13px;
  color: #999999;
  line-height: 1.8;
  white-space: pre-wrap;}
#tab-bazi .dayun-item{display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;}
#tab-bazi .dayun-item:last-child{margin-bottom: 0;}
#tab-bazi .dayun-age{font-size: 12px;
  color: #999999;
  width: 50px;
  flex-shrink: 0;}
#tab-bazi .dayun-pillar{font-size: 15px;
  font-weight: 600;
  color: rgba(255,255,255,0.85);
  width: 50px;
  flex-shrink: 0;}
#tab-bazi .dayun-desc{font-size: 12px;
  color: #999999;
  flex: 1;}
#tab-bazi .bottom-bar{position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  gap: 10px;
  padding: 10px 16px;
  padding-bottom: calc(10px + env(safe-area-inset-bottom));
  background: transparent;
  border-top: 0.5px solid rgba(255, 255, 255, 0.1);
  z-index: 100;}
#tab-bazi .bar-btn{flex: 1;
  text-align: center;
  padding: 10px 0;
  border-radius: 6px;
  font-size: 15px;
  background: rgba(50,45,35,0.8);
  color: #FFFFFF;
  border: 0.5px solid rgba(200,180,140,0.4);}
#tab-bazi .bar-btn.primary{background: rgba(200,180,140,0.45);
  color: #FFFFFF;
  border-color: rgba(200,180,140,0.5);}

/* ============================================================
   网页适配层（覆盖上面由 wxss 机械转换而来的规则）
   ============================================================ */

/* 1. tab 容器：深色星空底，取消 100vh 锁定 */
#tab-bazi{
  background:#0D0D0D;
  color:#E8E0D8;
  font-size:14px;
  min-height:100vh;
  height:auto;
  overflow:visible;
  font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
}
#tab-bazi .bz-bg{
  position:fixed;top:0;left:0;right:0;bottom:0;
  background:#0D0D0D url('images/starry-bg.jpeg') center/cover no-repeat;
  z-index:0;
}
#tab-bazi .bz-wrap{
  position:relative;z-index:1;
  max-width:480px;margin:0 auto;
  padding:0 0 170px;
  box-sizing:border-box;
}
#tab-bazi .chat-container{display:block;height:auto;min-height:0;overflow:visible}
#tab-bazi .chat-header{margin-top:8px;padding:10px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}
#tab-bazi .header-title{font-size:17px;font-weight:600;color:#E8E0D8;letter-spacing:2px}
#tab-bazi .chat-body{
  flex:none;height:auto;min-height:0;max-height:none;overflow:visible;
  background:transparent;border-radius:0;padding:14px 12px 10px;
}
#tab-bazi .bg-image{display:none}
#tab-bazi .nav-bar,#tab-bazi .nav-bar-inner{display:none}

/* 2. 底部输入栏：抬到站点底部 tab-bar 之上 */
#tab-bazi .chat-input-bar{
  position:fixed;left:8px;right:8px;bottom:74px;
  max-width:404px;margin:0 auto;z-index:99;
}
#tab-bazi .input-bar-inner{
  padding:8px 10px;background:rgba(20,18,16,.6);
  border-radius:26px;border:1px solid rgba(200,180,140,.25);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
#tab-bazi .bottom-bar{position:static;border-top:none;padding:12px 0 0;background:transparent}

/* 3. 日期/时辰控件：网页用 <select> 取代小程序 picker */
#tab-bazi select.time-cell{
  -webkit-appearance:none;appearance:none;
  border:1px solid rgba(255,255,255,.12);
  background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.5) 50%),linear-gradient(135deg,rgba(255,255,255,.5) 50%,transparent 50%);
  background-position:calc(100% - 13px) 50%,calc(100% - 9px) 50%;
  background-size:4px 4px,4px 4px;background-repeat:no-repeat;
  padding-right:20px;cursor:pointer;
}
#tab-bazi select.time-cell option{background:#2b2620;color:#fff}

/* 4. 输入框 */
#tab-bazi .chat-input,#tab-bazi .dayi-input{outline:none;box-sizing:border-box;font-family:inherit}
#tab-bazi .chat-input::placeholder,#tab-bazi .dayi-input::placeholder{color:rgba(255,255,255,.35)}

/* 5. 动画名修正（keyframes 已重命名为 bzDotPulse） */
#tab-bazi .dot{animation:bzDotPulse 1.2s infinite ease-in-out}

/* 6. 可点击元素手型 */
#tab-bazi .action-btn,#tab-bazi .opt-btn,#tab-bazi .dayi-cat,
#tab-bazi .bar-btn,#tab-bazi .input-send-btn,#tab-bazi .input-icon-btn{
  cursor:pointer;-webkit-user-select:none;user-select:none;
}

/* 7. 气泡宽度（网页可视宽度更宽，统一放宽） */
/* ⚠️ 站点占卜页有同名全局类 .msg-bubble / .chat-body / .chat-input，
   这里显式重置「未被本文件声明的属性」（如 white-space:pre-wrap），
   否则静态 HTML 的缩进换行会被当成可见空白渲染出来 */
#tab-bazi .msg-bubble{max-width:78%;white-space:normal}
#tab-bazi .form-bubble{width:84%!important;max-width:84%!important}
#tab-bazi .result-bubble{width:94%!important;max-width:94%!important;overflow-x:auto}
#tab-bazi .analysis-bubble{width:88%!important;max-width:88%!important}
#tab-bazi .dayi-bubble{width:88%!important;max-width:88%!important}
#tab-bazi .bz-detail-bubble{width:92%!important;max-width:92%!important}

/* 8. 欢迎气泡里的按钮排布 */
#tab-bazi .bz-btns{display:flex;gap:8px;margin-top:10px}

/* 9. 详情区（原 result 页内容） */
#tab-bazi .bubble-title{display:block;font-size:15px;font-weight:600;color:rgba(255,255,255,.8);margin-bottom:8px;letter-spacing:1px}
#tab-bazi .bz-detail-title{display:block;font-size:15px;font-weight:600;color:rgba(255,255,255,.8);margin:16px 0 8px;letter-spacing:1px}
#tab-bazi .bz-detail-title:first-child{margin-top:0}
#tab-bazi .analysis-text{display:block;font-size:14px;line-height:1.8;color:#E8E0D8;white-space:pre-wrap}
#tab-bazi .wx-bar-fill{transition:width .6s ease}
#tab-bazi .dayun-pillar{color:rgba(255,255,255,.85)}

/* 10. 折叠/占位 */
#tab-bazi .bz-loading{display:flex;gap:6px;padding:4px 0}