/* ==========================================================================
   云掌柜 Final CSS 2.0
   2026-09-09

   - 单一 Mobile TabBar
   - 单一 Mobile Chat Layout
   - V31 Safe Spacer 已移除
   - V33 data-yzg-v33 已移除
   - Settings 现有 132px Safe Area 保留
   - Desktop Web V4 / V5 保留
   ========================================================================== */

/* 云掌柜 consolidated frontend — 2026-09-09
   Safe consolidation: preserves the production cascade order while reducing 8 CSS requests to 1.
*/


/* 云掌柜 iPhone / PWA App 增强层
   只增强移动端，不影响桌面端。
*/
:root{
  --yzg-brand:#00a58a;
  --yzg-tab-h:58px;
  --yzg-tab-total:calc(var(--yzg-tab-h) + env(safe-area-inset-bottom));
  --yzg-vh:100dvh;
}

@media (max-width:900px){
  html,body{
    height:var(--yzg-vh,100dvh) !important;
    min-height:var(--yzg-vh,100dvh) !important;
    overscroll-behavior:none;
  }

  body.yzg-mobile-enhanced{
    -webkit-user-select:none;
    user-select:none;
    background:#f5f6f8;
  }

  body.yzg-mobile-enhanced input,
  body.yzg-mobile-enhanced textarea,
  body.yzg-mobile-enhanced select{
    -webkit-user-select:text;
    user-select:text;
  }

  /* 顶部品牌 */
  .yzg-top-brand{
    height:34px;
    display:flex;
    align-items:center;
    min-width:0;
  }
  .yzg-top-brand img{
    display:block;
    height:30px;
    width:auto;
    max-width:154px;
    object-fit:contain;
  }

  /* App 模式下使用底部导航，顶部菜单按钮隐藏 */
  body.yzg-mobile-enhanced .menu-toggle{
    display:none !important;
  }

  /* 主聊天页给底栏预留空间 */
  body.yzg-mobile-enhanced .container{
    padding-bottom:var(--yzg-tab-total);
  }

  body.yzg-mobile-enhanced .composer{
    padding-bottom:8px !important;
  }

  /* 底部 App 导航 */


  /* 更多：iOS bottom sheet */


  .yzg-sheet{
    position:absolute;
    left:8px;
    right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    padding:8px;
    border-radius:22px;
    background:#fff;
    box-shadow:0 18px 50px rgba(15,23,42,.24);
    transform:translateY(110%);
    transition:transform .22s cubic-bezier(.2,.8,.2,1);
  }

  .yzg-sheet-backdrop.open .yzg-sheet{
    transform:translateY(0);
  }


  .yzg-sheet a,
  .yzg-sheet button{
    width:100%;
    min-height:48px;
    border:0;
    border-top:1px solid #eef0f3;
    background:#fff;
    color:#111827;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
  }

  .yzg-sheet .danger{
    color:#dc2626;
  }


  /* iPhone 键盘弹起时隐藏底栏，避免挡输入框 */

  body.yzg-keyboard-open .container{
    padding-bottom:0 !important;
  }

  /* 更像 App 的触控尺寸 */
  body.yzg-mobile-enhanced button,
  body.yzg-mobile-enhanced a,
  body.yzg-mobile-enhanced input[type="submit"]{
    touch-action:manipulation;
  }

  body.yzg-mobile-enhanced input[type="text"],
  body.yzg-mobile-enhanced input[type="password"],
  body.yzg-mobile-enhanced input[type="url"],
  body.yzg-mobile-enhanced input[type="number"],
  body.yzg-mobile-enhanced textarea,
  body.yzg-mobile-enhanced select{
    font-size:16px !important; /* 防止 iOS 自动放大 */
  }

  /* 聊天页细节 */
  body.yzg-mobile-enhanced .chat-item{
    min-height:66px;
  }

  body.yzg-mobile-enhanced .right-header{
    box-shadow:0 1px 0 rgba(15,23,42,.03);
  }

  body.yzg-mobile-enhanced .composer{
    box-shadow:0 -6px 18px rgba(15,23,42,.04);
  }

  /* 非聊天后台页面给底栏留空间 */
  body.yzg-mobile-enhanced:not(.yzg-chat-page){
    padding-bottom:var(--yzg-tab-total);
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
  }

  /* 登录页不显示底栏，也不强制底部留白 */
  body.yzg-login-page{
    padding-bottom:0 !important;
  }

  /* PWA 独立模式更像原生 App */
  body.yzg-standalone .top-bar{
    padding-top:max(8px,env(safe-area-inset-top)) !important;
  }
}

@media (min-width:901px){
  .yzg-tabbar,
  .yzg-sheet-backdrop,
  .yzg-top-brand{
    display:none !important;
  }
}


/* 云掌柜 iOS App V3 - 按实机参考图 */
@media (max-width: 900px) {
  body.yzg-mobile-enhanced {
    padding-bottom: calc(118px + env(safe-area-inset-bottom)) !important;
  }

  /* 浮动底栏：离屏幕底边更高，避免难按 */


  /* 更多遮罩 */
  .yzg-sheet-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15,23,42,.30) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 10000 !important;
    display: none !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }
  .yzg-sheet-backdrop.open { display: flex !important; }

  .yzg-more-sheet {
    width: 100% !important;
    max-width: 620px !important;
    max-height: calc(92vh - env(safe-area-inset-top)) !important;
    overflow-y: auto !important;
    background: #fff !important;
    border-radius: 28px 28px 0 0 !important;
    padding: 12px 16px calc(14px + env(safe-area-inset-bottom)) !important;
    box-shadow: 0 -12px 40px rgba(15,23,42,.16) !important;
  }

  .yzg-sheet-handle {
    width: 42px !important;
    height: 5px !important;
    margin: 2px auto 15px !important;
    border-radius: 999px !important;
    background: #c7ccd4 !important;
  }

  .yzg-sheet-title {
    text-align: center !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #172033 !important;
    padding: 2px 0 16px !important;
  }

  .yzg-sheet-group {
    overflow: hidden !important;
    border: 1px solid #e6e9ee !important;
    border-radius: 14px !important;
    background: #fff !important;
  }

  .yzg-sheet-row {
    min-height: 58px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    color: #172033 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #edf0f3 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    background: #fff !important;
  }
  .yzg-sheet-row:last-child { border-bottom: 0 !important; }

  .yzg-sheet-row .yzg-row-icon {
    width: 26px !important;
    min-width: 26px !important;
    text-align: center !important;
    font-size: 21px !important;
  }

  .yzg-sheet-row .yzg-chevron {
    margin-left: auto !important;
    color: #9aa2ad !important;
    font-size: 25px !important;
    font-weight: 300 !important;
  }

  .yzg-logout-group { margin-top: 12px !important; }
  .yzg-sheet-row.yzg-danger { color: #ff2d2d !important; }

  .yzg-sheet-cancel {
    width: 100% !important;
    height: 58px !important;
    margin-top: 14px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f2f3f6 !important;
    color: #172033 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
  }
}

/* Bot 设置绿色顶部旧标题：手机和电脑同步删除 */
body.yzg-bot-settings-page .top-bar h1,
body.yzg-bot-settings-page .top-bar h2,
body.yzg-bot-settings-page .top-bar .page-title,
body.yzg-bot-settings-page .top-bar .top-bar-title {
  display:none !important;
}


/* ==========================================================================
   Help Reply
   ========================================================================== */

@media (max-width:900px){

  body.yzg-help-reply-page .file-tip,
  body.yzg-help-reply-page .tips,
  body.yzg-help-reply-page p,
  body.yzg-help-reply-page code,
  body.yzg-help-reply-page .current-path,
  body.yzg-help-reply-page [class*="path"]{
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    white-space:normal !important;
    max-width:100% !important;
  }

}


/* =========================================================
   云掌柜 iOS App V3.2
   1. 更多设置：Emoji 全部换成统一企业 SVG
   2. 聊天打开时：释放顶部空间，扩大真正聊天视窗
   3. 保留 V3/V3.1 的浮动「消息 / 更多」底栏
   ========================================================= */

@media (max-width: 900px) {

  /* ---------- 企业化 SVG 设置菜单 ---------- */
  .yzg-sheet-row .yzg-row-icon {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
  }

  .yzg-row-icon svg {
    width: 25px !important;
    height: 25px !important;
    display: block !important;
  }

  .yzg-icon-auto { color: #08aa8e !important; }
  .yzg-icon-key { color: #087f8c !important; }
  .yzg-icon-block { color: #172033 !important; }
  .yzg-icon-shield { color: #246bfe !important; }
  .yzg-icon-lock { color: #687386 !important; }
  .yzg-icon-logout { color: #ff2d2d !important; }

  /* ---------- 聊天打开：把品牌大顶栏隐藏 ----------
     列表页仍然显示云掌柜 Logo。
     用户点进某个聊天以后，直接进入 App 式聊天视图。
  */
  body.yzg-chat-page.mobile-chat-open .top-bar {
    display: none !important;
  }

  /*
   * 原 chat-ui.css 的 container 是 flex:1。
   * 顶栏隐藏以后自动吃满释放出来的高度。
   */


  /* ---------- 当前聊天信息压缩成较短的 App Header ---------- */
  body.yzg-chat-page.mobile-chat-open .right-header {
    flex: 0 0 auto !important;
    padding:
      calc(8px + env(safe-area-inset-top))
      max(10px, env(safe-area-inset-right))
      7px
      max(10px, env(safe-area-inset-left)) !important;
    gap: 5px !important;
    background: rgba(255,255,255,.98) !important;
    border-bottom: 1px solid #e8ebef !important;
  }

  body.yzg-chat-page.mobile-chat-open .right-header .cur {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  body.yzg-chat-page.mobile-chat-open .right-header .sub {
    margin-top: 1px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    max-height: 14px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.yzg-chat-page.mobile-chat-open .right-actions {
    gap: 5px !important;
  }

  body.yzg-chat-page.mobile-chat-open .btn-sm {
    min-height: 30px !important;
    height: 30px !important;
    padding: 4px 7px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
  }

  body.yzg-chat-page.mobile-chat-open #send-status {
    min-height: 0 !important;
    line-height: 1.1 !important;
    font-size: 10px !important;
  }

  /* ---------- 真正聊天区优先取得剩余高度 ---------- */


  /* ---------- 输入区再收紧一点，但不牺牲可点性 ---------- */


  body.yzg-chat-page.mobile-chat-open #reply-text {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 72px !important;
    padding: 8px 11px !important;
    border-radius: 13px !important;
  }


  body.yzg-chat-page.mobile-chat-open .file-info {
    font-size: 10px !important;
    min-height: 11px !important;
  }

  /*
   * 浮动底栏在聊天页本身已经由 composer 留出空间，
   * 不再额外给 body 加 V3.1 的长表单安全距离。
   */
  body.yzg-chat-page.mobile-chat-open {
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }
}


/* =========================================================
   云掌柜 Web V4 企业化桌面版优化
   仅作用于 >= 901px，手机/PWA 不受影响
   ========================================================= */

@media (min-width: 901px) {
  :root{
    --yzg-web-bg:#f4f6f8;
    --yzg-web-card:#ffffff;
    --yzg-web-border:#e7ebef;
    --yzg-web-text:#182230;
    --yzg-web-muted:#6b7280;
    --yzg-web-brand:#0aa98f;
    --yzg-web-brand-dark:#078a75;
    --yzg-web-radius:16px;
    --yzg-web-shadow:0 8px 28px rgba(15,23,42,.06);
  }

  html, body{
    background:var(--yzg-web-bg) !important;
    color:var(--yzg-web-text) !important;
  }

  body{
    font-family:
      Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
      "Microsoft JhengHei", "PingFang TC", "Noto Sans TC",
      Arial, sans-serif !important;
  }

  /* ---------- 顶部品牌栏 ---------- */
  .top-bar{
    min-height:72px !important;
    padding:0 32px !important;
    display:flex !important;
    align-items:center !important;
    background:linear-gradient(90deg,#08ad92,#0aa187) !important;
    box-shadow:0 2px 10px rgba(15,23,42,.06) !important;
  }

  .top-bar-left{
    display:flex !important;
    align-items:center !important;
    min-width:220px;
  }

  .yzg-top-brand{
    display:flex !important;
    align-items:center !important;
  }

  .yzg-top-brand img{
    height:38px !important;
    width:auto !important;
    max-width:200px !important;
    object-fit:contain !important;
  }

  .top-bar-right{
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
  }

  .top-bar-right a,
  .top-bar-right button,
  .top-bar .btn{
    min-height:38px !important;
    padding:8px 14px !important;
    border-radius:10px !important;
    border:1px solid rgba(255,255,255,.22) !important;
    background:rgba(255,255,255,.12) !important;
    color:#fff !important;
    font-size:14px !important;
    text-decoration:none !important;
    transition:.18s ease !important;
  }

  .top-bar-right a:hover,
  .top-bar-right button:hover,
  .top-bar .btn:hover{
    background:rgba(255,255,255,.22) !important;
    transform:translateY(-1px);
  }

  /* ---------- 通用页面容器 ---------- */
  body:not(.yzg-chat-page) .wrapper,
  body:not(.yzg-chat-page) main,
  body:not(.yzg-chat-page) .page,
  body:not(.yzg-chat-page) .page-wrap,
  body:not(.yzg-chat-page) .content{
    width:min(1180px, calc(100% - 64px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body:not(.yzg-chat-page) .wrapper{
    margin-top:36px !important;
    padding-bottom:56px !important;
  }

  /* ---------- 卡片 ---------- */
  .card,
  .panel,
  .section,
  .block,
  .login-card,
  .settings-card,
  form > .box{
    border:1px solid var(--yzg-web-border) !important;
    border-radius:var(--yzg-web-radius) !important;
    background:var(--yzg-web-card) !important;
    box-shadow:var(--yzg-web-shadow) !important;
  }

  .login-card{
    width:440px !important;
    padding:34px 38px !important;
  }

  /* ---------- 标题与说明 ---------- */
  h1,h2,h3,
  .page-title,
  .login-title{
    color:var(--yzg-web-text) !important;
    letter-spacing:-.01em;
  }

  h1{ font-size:30px !important; }
  h2{ font-size:24px !important; }
  h3{ font-size:18px !important; }

  .hint,.tips,.sub,.desc,.help-text,
  small{
    color:var(--yzg-web-muted) !important;
    line-height:1.65 !important;
  }

  /* ---------- 表单 ---------- */
  input[type="text"],
  input[type="password"],
  input[type="url"],
  input[type="number"],
  textarea,
  select{
    border:1px solid #d8dee6 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:var(--yzg-web-text) !important;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.02) !important;
    transition:border-color .16s ease, box-shadow .16s ease !important;
  }

  input[type="text"],
  input[type="password"],
  input[type="url"],
  input[type="number"],
  select{
    min-height:44px !important;
    padding:0 13px !important;
  }

  textarea{
    min-height:110px;
    padding:12px 13px !important;
    line-height:1.6 !important;
    resize:vertical;
  }

  input:focus,
  textarea:focus,
  select:focus{
    border-color:var(--yzg-web-brand) !important;
    box-shadow:0 0 0 3px rgba(10,169,143,.12) !important;
    outline:none !important;
  }

  label{
    color:#263445 !important;
    font-weight:600 !important;
  }

  /* ---------- 按钮 ---------- */
  button,
  .btn,
  input[type="submit"]{
    border-radius:10px !important;
    transition:.16s ease !important;
  }

  button:hover,
  .btn:hover,
  input[type="submit"]:hover{
    transform:translateY(-1px);
  }

  .btn-primary,
  .btn-save,
  button[type="submit"],
  input[type="submit"]{
    background:var(--yzg-web-brand) !important;
    border-color:var(--yzg-web-brand) !important;
    color:#fff !important;
  }

  .btn-primary:hover,
  .btn-save:hover,
  button[type="submit"]:hover,
  input[type="submit"]:hover{
    background:var(--yzg-web-brand-dark) !important;
    border-color:var(--yzg-web-brand-dark) !important;
  }

  /* ---------- 设置类页面 ---------- */
  body.yzg-web-settings-page .wrapper,
  body.yzg-web-settings-page main{
    max-width:980px !important;
  }

  body.yzg-web-settings-page form{
    background:#fff !important;
    border:1px solid var(--yzg-web-border) !important;
    border-radius:18px !important;
    padding:28px !important;
    box-shadow:var(--yzg-web-shadow) !important;
  }

  body.yzg-web-settings-page form > * + *{
    margin-top:18px;
  }

  /* ---------- help/媒体设置 ---------- */
  body.yzg-help-reply-page .block{
    padding:20px !important;
    margin-bottom:18px !important;
  }

  body.yzg-help-reply-page .file-tip,
  body.yzg-help-reply-page [class*="path"]{
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  /* ---------- 聊天桌面布局 ---------- */
  body.yzg-chat-page{
    overflow:hidden !important;
  }

  body.yzg-chat-page .container{
    height:calc(100vh - 72px) !important;
    min-height:0 !important;
    display:flex !important;
    gap:0 !important;
    background:#fff !important;
    border-top:1px solid rgba(15,23,42,.04);
  }

  body.yzg-chat-page .left-panel{
    width:360px !important;
    min-width:320px !important;
    max-width:400px !important;
    border-right:1px solid var(--yzg-web-border) !important;
    background:#fff !important;
  }

  body.yzg-chat-page .left-header{
    padding:18px !important;
    border-bottom:1px solid var(--yzg-web-border) !important;
  }

  body.yzg-chat-page .chat-list{
    padding:8px !important;
  }

  body.yzg-chat-page .chat-item{
    margin:4px 0 !important;
    border-radius:12px !important;
    border:1px solid transparent !important;
    transition:.15s ease !important;
  }

  body.yzg-chat-page .chat-item:hover{
    background:#f4fbf9 !important;
    border-color:#d9f1eb !important;
  }

  body.yzg-chat-page .chat-item.active{
    background:#ecf8f5 !important;
    border-color:#bfe7dc !important;
  }

  body.yzg-chat-page .right-panel{
    flex:1 1 auto !important;
    min-width:0 !important;
    background:#f7f8fa !important;
  }

  body.yzg-chat-page .right-header{
    min-height:82px !important;
    padding:14px 20px !important;
    background:#fff !important;
    border-bottom:1px solid var(--yzg-web-border) !important;
  }

  body.yzg-chat-page .chat-body{
    padding:20px 24px !important;
    background:#f5f7f9 !important;
  }

  body.yzg-chat-page .bubble,
  body.yzg-chat-page .message-bubble{
    border-radius:14px !important;
    box-shadow:0 2px 8px rgba(15,23,42,.04) !important;
  }

  body.yzg-chat-page .composer{
    background:#fff !important;
    border-top:1px solid var(--yzg-web-border) !important;
    padding:14px 18px !important;
    gap:10px !important;
  }

  body.yzg-chat-page #reply-text{
    border-radius:12px !important;
    min-height:44px !important;
  }

  /* ---------- 桌面不显示手机底栏/Bottom Sheet ---------- */
  .yzg-tabbar,
  .yzg-sheet-backdrop{
    display:none !important;
  }

  /* ---------- 表格 ---------- */
  table{
    width:100%;
    border-collapse:separate !important;
    border-spacing:0 !important;
    background:#fff !important;
    border:1px solid var(--yzg-web-border) !important;
    border-radius:14px !important;
    overflow:hidden !important;
  }

  th{
    background:#f7f9fb !important;
    color:#425266 !important;
    font-weight:700 !important;
  }

  th,td{
    padding:12px 14px !important;
    border-bottom:1px solid #edf0f3 !important;
  }

  tr:last-child td{ border-bottom:0 !important; }

  tbody tr:hover td{
    background:#fbfdfd !important;
  }
}


/* 云掌柜 Overall V5 - Web + Mobile responsive polish */
:root{
  --yzg-brand:#0aa58f;
  --yzg-brand-dark:#078b79;
  --yzg-bg:#f4f6f8;
  --yzg-card:#fff;
  --yzg-line:#e7ebef;
  --yzg-text:#182230;
  --yzg-muted:#768295;
  --yzg-radius:16px;
  --yzg-shadow:0 8px 28px rgba(15,23,42,.06);
}
html,body{max-width:100%;}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent;}

/* desktop */
@media (min-width:901px){
  html,body{background:var(--yzg-bg)!important;color:var(--yzg-text)!important;}
  .top-bar,.topbar{min-height:72px!important;padding:0 32px!important;display:flex!important;align-items:center!important;background:linear-gradient(90deg,#08ad92,#0aa187)!important;box-shadow:0 2px 10px rgba(15,23,42,.06)!important;}
  .top-bar-left,.topbar-title{display:flex!important;align-items:center!important;min-width:220px;}


  .top-bar-right,.topbar-right{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
  .top-bar-right a,.topbar-right a,.top-bar-right button,.topbar-right button{min-height:38px!important;padding:8px 14px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;text-decoration:none!important;transition:.18s ease!important;}
  .top-bar-right a:hover,.topbar-right a:hover,.top-bar-right button:hover,.topbar-right button:hover{background:rgba(255,255,255,.22)!important;transform:translateY(-1px);}
  body:not(.yzg-chat-page) .wrapper,body:not(.yzg-chat-page) .wrap,body:not(.yzg-chat-page) main,body:not(.yzg-chat-page) .page,body:not(.yzg-chat-page) .page-wrap,body:not(.yzg-chat-page) .content,body:not(.yzg-chat-page) .container{width:min(1180px,calc(100% - 64px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;}
  .card,.panel,.section,.block,.login-card,.settings-card{border:1px solid var(--yzg-line)!important;border-radius:var(--yzg-radius)!important;background:#fff!important;box-shadow:var(--yzg-shadow)!important;}
  input[type=text],input[type=password],input[type=url],input[type=number],textarea,select{border:1px solid #d8dee6!important;border-radius:10px!important;background:#fff!important;outline:none!important;}
  input:focus,textarea:focus,select:focus{border-color:var(--yzg-brand)!important;box-shadow:0 0 0 3px rgba(10,169,143,.12)!important;}
  button,.btn,input[type=submit]{border-radius:10px!important;transition:.16s ease!important;}
  body.yzg-chat-page{overflow:hidden!important;}
  body.yzg-chat-page .container{width:100%!important;max-width:none!important;height:calc(100vh - 72px)!important;min-height:0!important;margin:0!important;display:flex!important;background:#fff!important;}
  body.yzg-chat-page .left-panel{width:360px!important;min-width:320px!important;max-width:400px!important;border-right:1px solid var(--yzg-line)!important;}
  body.yzg-chat-page .right-panel{flex:1 1 auto!important;min-width:0!important;background:#f7f8fa!important;}
  body.yzg-chat-page .chat-body{padding:20px 24px!important;background:#f5f7f9!important;}
  .yzg-tabbar,.yzg-sheet-backdrop{display:none!important;}
}

/* mobile / Android WebView / PWA */
@media (max-width:900px){
  html{background:#f4f6f8!important;}
  body{background:#f4f6f8!important;color:var(--yzg-text)!important;overflow-x:hidden!important;}
  body.yzg-v5-mobile{padding-bottom:0!important;}

  .top-bar,.topbar{
    min-height:102px!important;
    padding:16px 22px!important;
    display:flex!important;
    align-items:center!important;
    background:#0aa293!important;
    box-shadow:none!important;
    position:relative!important;
    z-index:50!important;
  }
  .top-bar-left,.topbar-title,.top-bar>div:first-child{
    display:flex!important;align-items:center!important;min-width:0!important;
    font-size:0!important;color:transparent!important;
  }


  .top-bar-right,.topbar-right,.top-bar-right-wrap{display:none!important;}

  /* settings pages: content must never hide under the fixed mobile tab bar */
  body:not(.yzg-chat-page) .wrapper,
  body:not(.yzg-chat-page) .wrap,
  body:not(.yzg-chat-page) main,
  body:not(.yzg-chat-page) .page,
  body:not(.yzg-chat-page) .page-wrap,
  body:not(.yzg-chat-page) .content,
  body:not(.yzg-chat-page) .container{
    width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;
    padding-left:16px!important;padding-right:16px!important;
    padding-bottom:calc(132px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(132px + env(safe-area-inset-bottom))!important;
  }
  .card,.panel,.section,.block,.settings-card{border-radius:16px!important;box-shadow:0 4px 18px rgba(15,23,42,.04)!important;}

  /* Chat list: keep only the amount of bottom reserve actually needed. */
  body.yzg-chat-page .container{
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  body.yzg-chat-page .left-panel{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  body.yzg-chat-page .chat-list{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    padding-bottom:18px!important;
    margin-bottom:0!important;
    -webkit-overflow-scrolling:touch;
  }
  body.yzg-chat-page .chat-item:last-child{margin-bottom:0!important;}

  /* fixed nav supplied by the current mobile shell */


  /* ensure the final action/return link on settings pages can scroll above tabbar */
  body.yzg-v5-settings .wrapper:last-child,
  body.yzg-v5-settings .wrap:last-child,
  body.yzg-v5-settings main:last-child,
  body.yzg-v5-settings .container:last-child,
  body.yzg-v5-settings .card:last-child{
    margin-bottom:18px!important;
  }

  .yzg-v5-return-home{position:relative!important;z-index:1!important;margin-bottom:12px!important;}

  input,select,textarea,button{font-size:16px!important;}
  button,.btn,input[type=submit],a.btn{min-height:44px;}
}

@supports not (height:100dvh){
  @media (max-width:900px){
    body.yzg-chat-page .container{height:100vh!important;}
    body.yzg-chat-page .chat-list{max-height:none!important;}
  }
}


/* ==========================================================================
   云掌柜 Mobile Navigation Final — CSS 2.0
   ========================================================================== */

@media (max-width:900px){

  .yzg-tabbar{
    position:fixed !important;

    left:12px !important;
    right:12px !important;
    width:auto !important;

    height:72px !important;
    min-height:72px !important;

    bottom:calc(8px + env(safe-area-inset-bottom)) !important;

    padding:6px 10px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-around !important;

    gap:0 !important;

    box-sizing:border-box !important;

    border:1px solid rgba(15,23,42,.06) !important;
    border-radius:22px !important;

    background:rgba(255,255,255,.98) !important;

    box-shadow:
      0 10px 30px rgba(15,23,42,.10) !important;

    z-index:9998 !important;

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }


  .yzg-tab{
    appearance:none;
    -webkit-appearance:none;

    border:0 !important;
    background:transparent !important;

    flex:1 1 50% !important;

    width:50% !important;
    min-width:0 !important;
    height:60px !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;
    justify-content:center !important;

    gap:2px !important;

    margin:0 !important;

    color:#737b8b !important;

    font-size:13px !important;
    line-height:1.1 !important;
    font-weight:500 !important;

    text-align:center !important;
    text-decoration:none !important;
  }


  .yzg-tab.active{
    color:#08aa8e !important;
    font-weight:700 !important;
  }


  .yzg-tab:active{
    background:#eef8f6 !important;
    transform:scale(.98);
  }


  .yzg-tab-icon{
    height:28px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }


  .yzg-tab-icon svg{
    width:27px !important;
    height:27px !important;
  }


  body.yzg-keyboard-open .yzg-tabbar{
    display:none !important;
  }

}


/* ==========================================================================
   云掌柜 Mobile Chat Final — CSS 2.0
   锁定当前批准的 Android / Mobile 布局
   ========================================================================== */

@media (max-width:900px){

  body.yzg-chat-page.mobile-chat-open .top-bar{
    display:none !important;
  }


  body.yzg-chat-page.mobile-chat-open .left-panel{
    display:none !important;
  }


  body.yzg-chat-page.mobile-chat-open{
    padding-bottom:0 !important;
    overflow:hidden !important;
  }


  body.yzg-chat-page.mobile-chat-open .container{
    display:flex !important;

    width:100% !important;

    height:100dvh !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;
  }


  body.yzg-chat-page.mobile-chat-open .right-panel{
    display:flex !important;
    flex:1 1 100% !important;
    flex-direction:column !important;

    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    height:100% !important;
    min-height:0 !important;

    overflow:hidden !important;

    box-sizing:border-box !important;

    /* 锁定：避开 72px TabBar */
    padding-bottom:
      calc(92px + env(safe-area-inset-bottom)) !important;
  }


  body.yzg-chat-page.mobile-chat-open .right-header{
    flex:0 0 auto !important;

    padding:
      calc(8px + env(safe-area-inset-top))
      max(10px,env(safe-area-inset-right))
      7px
      max(10px,env(safe-area-inset-left)) !important;

    gap:5px !important;

    background:rgba(255,255,255,.98) !important;

    border-bottom:1px solid #e8ebef !important;
  }


  body.yzg-chat-page.mobile-chat-open .right-header .cur{
    font-size:13px !important;
    line-height:1.15 !important;
  }


  body.yzg-chat-page.mobile-chat-open .right-header .sub{
    margin-top:1px !important;

    font-size:10px !important;
    line-height:1.15 !important;

    max-height:14px !important;

    overflow:hidden !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }


  body.yzg-chat-page.mobile-chat-open .right-actions{
    gap:5px !important;
  }


  body.yzg-chat-page.mobile-chat-open .btn-sm{
    min-height:30px !important;
    height:30px !important;

    padding:4px 7px !important;

    border-radius:9px !important;

    font-size:10px !important;
  }


  body.yzg-chat-page.mobile-chat-open #send-status{
    min-height:0 !important;

    line-height:1.1 !important;
    font-size:10px !important;
  }


  body.yzg-chat-page.mobile-chat-open .chat-body{
    flex:1 1 auto !important;
    min-height:0 !important;

    padding:
      7px
      max(7px,env(safe-area-inset-right))
      7px
      max(7px,env(safe-area-inset-left)) !important;

    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
  }


  body.yzg-chat-page.mobile-chat-open .composer{
    flex:0 0 auto !important;

    gap:6px !important;

    padding:
      7px
      max(8px,env(safe-area-inset-right))
      8px
      max(8px,env(safe-area-inset-left)) !important;

    margin:0 !important;

    box-sizing:border-box !important;
  }


  body.yzg-chat-page.mobile-chat-open #reply-text{
    height:40px !important;
    min-height:40px !important;
    max-height:72px !important;

    padding:8px 11px !important;

    border-radius:13px !important;
  }


  body.yzg-chat-page.mobile-chat-open .composer-actions{
    display:flex !important;

    width:100% !important;

    gap:7px !important;
  }


  body.yzg-chat-page.mobile-chat-open .composer .btn{
    flex:1 1 0 !important;

    min-width:0 !important;

    height:38px !important;
    min-height:38px !important;

    border-radius:13px !important;

    font-size:13px !important;
  }


  body.yzg-chat-page.mobile-chat-open .file-info{
    font-size:10px !important;
    min-height:11px !important;
  }

}


@supports not (height:100dvh){

  @media (max-width:900px){

    body.yzg-chat-page.mobile-chat-open .container{
      height:100vh !important;
    }

  }

}


/* ==========================================================================
   云掌柜 Settings UI Final — 2026-09-09
   Google 2FA / Blocks / Bot Settings
   ========================================================================== */


/* =========================================================
   1. Google 2FA
   重新绑定 → 上
   解除绑定 → 中
   返回首页 → 下
   ========================================================= */

body.yzg-google-page .card > form {
    display: block !important;

    width: min(340px, 100%) !important;

    margin:
        16px
        auto
        0
        auto !important;
}

body.yzg-google-page .card > form .btn {
    display: flex !important;

    width: 100% !important;
    min-height: 48px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    border-radius: 10px !important;

    font-weight: 700 !important;

    box-shadow: none !important;
}


/* 重新绑定：品牌绿色 */
body.yzg-google-page
form input[name="action"][value="start_bind"]
+ .btn {
    background: #11aa98 !important;
    border-color: #0e9485 !important;
    color: #ffffff !important;
}


/* 解除绑定：危险红色 */
body.yzg-google-page
form input[name="action"][value="disable"]
+ .btn {
    background: #f15a3f !important;
    border-color: #df4931 !important;
    color: #ffffff !important;
}


/* 返回首页 */
body.yzg-google-page .yzg-v5-return-home,
body.yzg-google-page .card > a.btn-plain {
    display: flex !important;

    width: min(340px, 100%) !important;
    min-height: 48px !important;

    align-items: center !important;
    justify-content: center !important;

    margin:
        18px
        auto
        0
        auto !important;

    background: #ffffff !important;

    border: 1px solid #d6dbe2 !important;

    border-radius: 10px !important;

    color: #374151 !important;

    box-shadow: none !important;
}


/* =========================================================
   2. 封锁用户设置
   修正解除按钮奇怪的大白框 / UI
   ========================================================= */

body.yzg-blocks-page td.op {
    width: 120px !important;

    padding: 10px 12px !important;

    text-align: center !important;

    background: transparent !important;
}

body.yzg-blocks-page td.op form {
    display: inline-flex !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

body.yzg-blocks-page td.op button {
    display: inline-flex !important;

    width: auto !important;
    min-width: 72px !important;
    min-height: 38px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    padding: 8px 16px !important;

    background: #11aa98 !important;

    color: #ffffff !important;

    border: 1px solid #0e9485 !important;
    border-radius: 9px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    box-shadow: none !important;
}


/* =========================================================
   3. 机器密钥设置
   保存 / 测试 / 清除 明确颜色区分
   ========================================================= */

body.yzg-bot-settings-page
button[name="action"][value="save"] {
    background: #11aa98 !important;
    border: 1px solid #0e9485 !important;
    color: #ffffff !important;
}


/* 两个测试按钮：蓝色 */
body.yzg-bot-settings-page
button[name="action"][value="test"],
body.yzg-bot-settings-page
button[name="action"][value="test_admin"] {
    background: #168fd2 !important;
    border: 1px solid #087ab9 !important;
    color: #ffffff !important;
}


/* 清除 Token：危险红 */
body.yzg-bot-settings-page
button[name="action"][value="clear"] {
    background: #f15a3f !important;
    border: 1px solid #df4931 !important;
    color: #ffffff !important;
}


/* 统一按钮质感 */
body.yzg-bot-settings-page
button[name="action"] {
    min-height: 42px !important;

    padding: 9px 18px !important;

    border-radius: 9px !important;

    font-weight: 700 !important;

    box-shadow: none !important;
}


@media (max-width: 900px) {

    body.yzg-google-page .card > form,
    body.yzg-google-page .card > a.btn-plain,
    body.yzg-google-page .yzg-v5-return-home {
        width: 100% !important;
    }

    body.yzg-blocks-page td.op button {
        min-width: 64px !important;
        padding: 8px 12px !important;
    }

}


/* =========================================================
   YZG Keyboard UI 2.1
   仅处理手机软键盘开启状态
   正常状态 UI 不受影响
   ========================================================= */

@media (max-width: 768px) {

  /*
   * 键盘打开时隐藏底部主导航。
   * 输入状态不需要「消息 / 更多」浮在键盘上方。
   */
  html.yzg-keyboard-open .yzg-tabbar {
    display: none !important;
  }


  /*
   * 键盘打开时整个聊天页使用 Visual Viewport 实际高度。
   */
  html.yzg-keyboard-open body {
    height: var(--yzg-vv-height) !important;
    min-height: var(--yzg-vv-height) !important;
    max-height: var(--yzg-vv-height) !important;

    overflow: hidden !important;
  }


  html.yzg-keyboard-open .container {
    height: var(--yzg-vv-height) !important;
    min-height: var(--yzg-vv-height) !important;
    max-height: var(--yzg-vv-height) !important;

    padding-bottom: 0 !important;
    overflow: hidden !important;
  }


  /*
   * 打开聊天以后：
   * 上面是用户资料
   * 中间聊天记录自动伸缩
   * 最下面固定为输入区域
   */
  html.yzg-keyboard-open .right-panel {
    display: flex !important;
    flex-direction: column !important;

    height: var(--yzg-vv-height) !important;
    min-height: 0 !important;
    max-height: var(--yzg-vv-height) !important;

    padding-bottom: 0 !important;
    overflow: hidden !important;
  }


  html.yzg-keyboard-open .right-header {
    flex: 0 0 auto !important;
  }


  html.yzg-keyboard-open .chat-body {
    flex: 1 1 auto !important;

    min-height: 0 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    -webkit-overflow-scrolling: touch;

    padding-bottom: 8px !important;
  }


  /*
   * 输入区域回到底部，
   * 不再留一大块空白。
   */
  html.yzg-keyboard-open .composer {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    bottom: auto !important;

    flex: 0 0 auto !important;

    width: 100% !important;

    margin: 0 !important;

    padding-bottom:
      calc(6px + env(safe-area-inset-bottom)) !important;

    z-index: 60 !important;
  }


  /*
   * 键盘状态不需要为了底部导航预留 92px。
   */
  html.yzg-keyboard-open .right-panel,
  html.yzg-keyboard-open .container {
    padding-bottom: 0 !important;
  }

}



/* =========================================================
   YZG iOS Keyboard UI 2.2
   Safari / iPhone Visual Viewport Fix
   ========================================================= */

@media (max-width:900px){

  /*
   * 使用全新的 editing class，
   * 不再依赖旧版 keyboard-height 判定。
   */
  html.yzg-ios-editing,
  html.yzg-ios-editing body{
    overflow:hidden !important;
  }


  /*
   * 键盘输入期间完全隐藏底部「消息 / 更多」
   */
  html.yzg-ios-editing .yzg-tabbar{
    display:none !important;
  }


  /*
   * Safari 会把 Visual Viewport 往上移动。
   * 整个聊天容器必须跟着 viewport 移动，
   * 而不是继续留在原来的 100dvh。
   */
  html.yzg-ios-editing
  body.yzg-chat-page.mobile-chat-open
  .container{

    position:fixed !important;

    top:var(--yzg-ios-vv-top, 0px) !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;

    width:100% !important;

    height:var(--yzg-ios-vv-height, 100dvh) !important;
    min-height:var(--yzg-ios-vv-height, 100dvh) !important;
    max-height:var(--yzg-ios-vv-height, 100dvh) !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    transform:none !important;
  }


  html.yzg-ios-editing
  body.yzg-chat-page.mobile-chat-open
  .right-panel{

    display:flex !important;
    flex-direction:column !important;

    width:100% !important;

    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;

    padding-bottom:0 !important;

    overflow:hidden !important;
  }


  /*
   * 标题固定在顶部
   */
  html.yzg-ios-editing
  body.yzg-chat-page.mobile-chat-open
  .right-header{

    flex:0 0 auto !important;

    position:relative !important;

    top:auto !important;
    bottom:auto !important;
  }


  /*
   * 聊天记录占用所有剩余空间
   */
  html.yzg-ios-editing
  body.yzg-chat-page.mobile-chat-open
  .chat-body{

    flex:1 1 auto !important;

    min-height:0 !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    padding-bottom:6px !important;

    -webkit-overflow-scrolling:touch;
  }


  /*
   * Composer 永远处于聊天区最下方
   */
  html.yzg-ios-editing
  body.yzg-chat-page.mobile-chat-open
  .composer{

    position:relative !important;

    flex:0 0 auto !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:100% !important;

    margin:0 !important;

    padding:
      6px
      max(8px,env(safe-area-inset-right))
      6px
      max(8px,env(safe-area-inset-left)) !important;

    box-sizing:border-box !important;

    z-index:100 !important;

    background:#fff !important;
  }


  html.yzg-ios-editing
  body.yzg-chat-page.mobile-chat-open
  #reply-text{

    height:40px !important;
    min-height:40px !important;
    max-height:60px !important;
  }


  html.yzg-ios-editing
  body.yzg-chat-page.mobile-chat-open
  .composer-actions{

    display:flex !important;

    flex:0 0 auto !important;

    gap:7px !important;
  }


  /*
   * Safari 浏览器模式：
   * 地址栏可能浮在键盘上方，
   * 额外留一点操作空间。
   *
   * PWA / App 模式不会使用这个预留。
   */
  html.yzg-ios-browser.yzg-ios-editing
  body.yzg-chat-page.mobile-chat-open
  .composer{

    padding-bottom:10px !important;
  }

}

/* ===== BEGIN YZG APPLE SAFARI WEB FIX 20260910 ===== */

@media (max-width:900px){

  /* 苹果 Safari 网页版：登录键盘打开 */
  html.yzg-apple-web.yzg-ios-editing
  body.yzg-login-page{
    position:fixed !important;
    top:var(--yzg-apple-vv-top,0px) !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;

    width:100% !important;
    height:var(--yzg-apple-vv-height,100dvh) !important;
    min-height:0 !important;
    max-height:var(--yzg-apple-vv-height,100dvh) !important;

    padding:0 !important;
    overflow:hidden !important;
    background:#f4f6f8 !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-login-page .top-bar{
    display:none !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-login-page .wrapper{
    position:relative !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;

    margin:0 !important;
    padding:10px 14px !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    -webkit-overflow-scrolling:touch;
    scroll-padding-top:10px;
    scroll-padding-bottom:10px;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-login-page .login-card{
    flex:0 0 auto !important;

    width:min(100%,420px) !important;
    max-width:100% !important;

    margin:auto !important;
    padding:16px 28px 18px !important;

    border-radius:10px !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-login-page .brand-logo-wrap{
    margin-bottom:8px !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-login-page .brand-logo{
    width:200px !important;
    max-height:66px !important;
    object-fit:contain !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-login-page .login-title{
    margin-bottom:12px !important;
    font-size:20px !important;
    line-height:1.2 !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-login-page .form-group{
    margin-bottom:10px !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-login-page label{
    margin-bottom:4px !important;
    line-height:1.25 !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-login-page input[type="text"],
  html.yzg-apple-web.yzg-ios-editing
  body.yzg-login-page input[type="password"]{
    height:40px !important;
    min-height:40px !important;
    font-size:16px !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-login-page .btn-login{
    height:42px !important;
    min-height:42px !important;
    margin-top:2px !important;
  }


  /* 苹果 Safari 网页版：搜索框打开时保持对话列表 */
  html.yzg-apple-web.yzg-ios-editing
  body.yzg-chat-page:not(.mobile-chat-open){
    position:fixed !important;
    top:var(--yzg-apple-vv-top,0px) !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;

    display:flex !important;
    flex-direction:column !important;

    width:100% !important;
    height:var(--yzg-apple-vv-height,100dvh) !important;
    min-height:0 !important;
    max-height:var(--yzg-apple-vv-height,100dvh) !important;

    padding:0 !important;
    overflow:hidden !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-chat-page:not(.mobile-chat-open) .top-bar{
    display:flex !important;
    flex:0 0 auto !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-chat-page:not(.mobile-chat-open) .container{
    position:relative !important;

    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;

    display:flex !important;
    flex:1 1 auto !important;

    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-chat-page:not(.mobile-chat-open) .left-panel{
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;

    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;

    overflow:hidden !important;
  }

  /* 重点：搜索时不再错误显示管理员资料面板 */
  html.yzg-apple-web.yzg-ios-editing
  body.yzg-chat-page:not(.mobile-chat-open) .right-panel{
    display:none !important;
  }

  html.yzg-apple-web.yzg-ios-editing
  body.yzg-chat-page:not(.mobile-chat-open) .chat-list{
    display:block !important;
    flex:1 1 auto !important;

    min-height:0 !important;
    max-height:none !important;

    padding-bottom:10px !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    -webkit-overflow-scrolling:touch;
  }
}

/* ===== END YZG APPLE SAFARI WEB FIX 20260910 ===== */

/* 更多设置：系统状态 SVG */
.yzg-icon-system{
  color:#3b82f6;
}