/* ========== 安装引导 popup v3 ========== */

#yxhPopup998 {
  position: fixed; inset: 0; z-index: 99999;
  display: none; align-items: center; justify-content: center;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
#yxhPopup998.show { display: flex; }
#yxhPopup998 .yxh-popup-card {
  background: linear-gradient(135deg, #fff7ed 0%, #fef3c7 100%);
  border-radius: 16px;
  max-width: 460px; width: calc(100% - 32px);
  padding: 28px 24px 22px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35), 0 0 0 1px rgba(251,146,60,0.2);
  position: relative;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  animation: yxh-popup-in 0.32s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes yxh-popup-in {
  from { opacity: 0; transform: scale(0.85) translateY(20px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}
#yxhPopup998 .yxh-popup-close {
  position: absolute; top: 10px; right: 14px;
  width: 28px; height: 28px; border: none; background: transparent;
  font-size: 22px; color: #9a3412; cursor: pointer; line-height: 1;
  border-radius: 50%; transition: background 0.18s;
}
#yxhPopup998 .yxh-popup-close:hover { background: rgba(251,146,60,0.15); }
#yxhPopup998 .yxh-popup-tag {
  display: inline-block;
  background: linear-gradient(135deg, #f97316, #ea580c);
  color: #fff;
  font-size: 12px; font-weight: 600;
  padding: 4px 10px; border-radius: 12px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
#yxhPopup998 .yxh-popup-title {
  font-size: 22px; font-weight: 700; color: #7c2d12;
  margin: 0 0 6px; line-height: 1.3;
}
#yxhPopup998 .yxh-popup-subtitle {
  font-size: 13px; color: #9a3412;
  margin: 0 0 16px; line-height: 1.5;
}
#yxhPopup998 .yxh-popup-features {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  gap: 8px; margin: 0 0 16px;
}
#yxhPopup998 .yxh-popup-feature {
  text-align: center;
  background: rgba(255,255,255,0.7);
  border-radius: 10px;
  padding: 10px 4px;
}
#yxhPopup998 .yxh-popup-feature-icon {
  font-size: 22px; line-height: 1;
  margin-bottom: 4px;
}
#yxhPopup998 .yxh-popup-feature-text {
  font-size: 11px; color: #7c2d12;
  line-height: 1.3; font-weight: 500;
}
#yxhPopup998 .yxh-popup-price {
  background: rgba(255,255,255,0.85);
  border-radius: 10px;
  padding: 12px;
  text-align: center;
  margin-bottom: 14px;
}
#yxhPopup998 .yxh-popup-price-main {
  font-size: 26px; font-weight: 800; color: #ea580c;
  line-height: 1.1;
}
#yxhPopup998 .yxh-popup-price-main s {
  color: #9ca3af; font-weight: 500; font-size: 16px;
  margin-left: 6px;
}
#yxhPopup998 .yxh-popup-price-sub {
  font-size: 13px; color: #78350f;
  margin-top: 4px;
}
#yxhPopup998 .yxh-popup-price-sub s {
  color: #9ca3af; font-weight: 400;
}
#yxhPopup998 .yxh-popup-trial {
  display: inline-block;
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  color: #92400e; font-size: 12px; font-weight: 600;
  padding: 3px 10px; border-radius: 8px;
  margin-left: 6px; vertical-align: middle;
}
#yxhPopup998 .yxh-popup-cta {
  width: 100%;
  background: linear-gradient(135deg, #f97316, #ea580c);
  color: #fff;
  border: none; border-radius: 10px;
  padding: 13px 0;
  font-size: 15px; font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(249,115,22,0.4);
  transition: transform 0.15s, box-shadow 0.15s;
  margin-bottom: 8px;
}
#yxhPopup998 .yxh-popup-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(249,115,22,0.5);
}
#yxhPopup998 .yxh-popup-later {
  width: 100%;
  background: transparent;
  color: #9a3412;
  border: none;
  padding: 8px 0;
  font-size: 13px;
  cursor: pointer;
}
#yxhPopup998 .yxh-popup-later:hover { color: #7c2d12; text-decoration: underline; }
@media (max-width: 480px) {
  #yxhPopup998 .yxh-popup-card { padding: 22px 18px 18px; }
  #yxhPopup998 .yxh-popup-title { font-size: 19px; }
  #yxhPopup998 .yxh-popup-price-main { font-size: 22px; }
  #yxhPopup998 .yxh-popup-feature-text { font-size: 10px; }
}

/* 极窄屏 (<414px, iPhone 6/7/8/X/SE 等) 进一步优化 */
@media (max-width: 414px) {
  /* header: 折叠部分 nav 按钮隐藏, 只保留关键的 3 个 +burger */
  /* 隐藏 <select> 导航 (业务/工作/账户下拉) 只留 burger + 会员 + 设置 */
  .yxh-nav-select { display: none !important; }
  .header .nav-btn { font-size: 10px !important; padding: 2px 5px !important; }
  #navSettings .nav-icon { font-size: 14px; }
  .header h1 { font-size: 12px !important; }
  /* quick-reply 区域: 稍小间距, 能滑就行 */
  .quick-reply { gap: 4px; padding: 6px 10px; max-height: 44px; }
  .qr-btn { font-size: 10px; padding: 4px 8px; }
  /* 输入栏: placeholder 不截断 */
  .input-bar { padding: 6px 10px; gap: 4px; }
  .input-bar input { font-size: 14px; padding: 8px 12px; }
  /* msg-bubble 窄屏更宽 */
  .msg-bubble { max-width: 82%; padding: 8px 12px; font-size: 13px; }
  /* chat 区 padding 缩 */
  .chat { padding: 8px 10px; }
  /* chat-actions 按钮更小 */
  .chat-action-btn { font-size: 11px; padding: 4px 10px; }
  /* burger drawer 宽度缩 */
  .yxh-burger-drawer { width: 240px; max-width: 75vw; }
  /* 引导弹窗 */
  .yxh-guide-card { padding: 18px 14px; }
  .yxh-guide-card h2 { font-size: 16px; }
  .yxh-guide-card p, .yxh-guide-card li { font-size: 13px; }
  /* 弹窗 998 更紧凑 */
  #yxhPopup998 .yxh-popup-card { padding: 18px 14px; }
  #yxhPopup998 .yxh-popup-title { font-size: 17px; }
  #yxhPopup998 .yxh-popup-price-main { font-size: 19px; }
  #yxhPopup998 .yxh-popup-features { gap: 8px; }
  #yxhPopup998 .yxh-popup-feature-text { font-size: 9px; }
}

/* <480px 补充: 原来 480 block 只有 popup, 加通用规则 */
@media (max-width: 479px) {
  /* 让 header nav 在 479 以下更平坦 */
  .header .nav-btn { font-size: 10px !important; padding: 2px 4px !important; }
  .header { gap: 2px !important; }
}