/* ============================================================
 * 补丁样式 - 仅补法妞原站 faniu.css/common.css 真正缺失的少量交互
 * 绝不自创布局/按钮/颜色样式,绝不覆盖法妞 faniu.css 定义
 * 全站还原完成后此文件可删除
 * ============================================================ */

/* ========== 顶栏左右浮动(法妞 common.css 缺失) ========== */
.topl{float:left}
.top2{float:right}
.topnav{display:flex;align-items:center;justify-content:flex-end}

/* ========== 城市切换器/导航 hover 显隐(法妞 JS 兜底) ========== */
.dwxl{position:relative}
.dwxl:hover .dw-xiala{display:block !important}
.dhxl{position:relative}
.dhxl:hover .dh-xiala,.dhxl:hover .dh-erweima{display:block !important}
.nav-box .box{position:relative}
.nav-box .box:hover .navxiala{display:block !important}

/* ========== 功能入口 AI 按钮图标(法妞没有 home-ai) ========== */
.home-anbox.home-ai .zxzx{background-position:0 0;opacity:0.85}

/* ============================================================
 * AI 咨询页专属样式(法妞无AI页,这部分是新增页面专属,非覆盖法妞)
 * ============================================================ */
.ai-quick-list .ai-quick-item{padding:10px 12px;margin-bottom:8px;background:#fff;border:1px solid #eee;border-radius:6px;font-size:13px;color:#555;cursor:pointer;transition:all .2s}
.ai-quick-list .ai-quick-item:hover{background:#fff8f8;border-color:#ff6b35;color:#dd0c09}
.ai-suggest-chip{display:inline-block;padding:8px 16px;background:#f0f5ff;color:#2d6cdf;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s}
.ai-suggest-chip:hover{background:#2d6cdf;color:#fff}
.ai-msg{display:flex;margin-bottom:20px;align-items:flex-start}
.ai-msg-avatar{width:40px;height:40px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;margin-right:12px}
.ai-msg-user .ai-msg-avatar{background:#e6f4ff}
.ai-msg-assistant .ai-msg-avatar{background:#f3e8ff}
.ai-msg-body{flex:1;max-width:850px}
.ai-msg-name{font-size:12px;color:#999;margin-bottom:4px}
.ai-msg-text{padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}
.ai-msg-user .ai-msg-text{background:#2d6cdf;color:#fff}
.ai-msg-assistant .ai-msg-text{background:#f5f5f5;color:#333}
.ai-typing-dots{display:flex;gap:5px;padding:12px 16px;background:#f5f5f5;border-radius:8px;width:fit-content}
.ai-typing-dots span{width:8px;height:8px;background:#999;border-radius:50%;animation:ai-bounce 1.4s infinite ease-in-out both}
.ai-typing-dots span:nth-child(1){animation-delay:-0.32s}
.ai-typing-dots span:nth-child(2){animation-delay:-0.16s}
@keyframes ai-bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}
.ai-input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;resize:none;font-family:inherit;line-height:1.5}
.ai-input:focus{outline:none;border-color:#2d6cdf;box-shadow:0 0 0 2px rgba(45,108,223,0.1)}
#ai-send-btn:disabled{opacity:0.5;cursor:not-allowed}
.ai-feature-box{width:270px;margin-right:20px;margin-bottom:20px;padding:25px;background:#fff;border-radius:8px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.ai-feature-icon{width:60px;height:60px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:28px}

/* ============================================================
   待对接板块标注样式(开发期可视化,全站还原完成后删除)
   ============================================================ */
.pending-integration{position:relative;outline:2px dashed #dc2626;outline-offset:-2px;background-color:rgba(220,38,38,0.03)}
.pending-integration::before{content:"待对接";position:absolute;top:0;right:0;z-index:9999;padding:2px 10px;font-size:12px;font-weight:bold;color:#fff;background:#dc2626;border-radius:0 0 0 6px;box-shadow:0 1px 4px rgba(0,0,0,0.2);letter-spacing:1px;pointer-events:none;white-space:nowrap}
.pending-integration.lack-data::before{content:"缺数据";background:#ea580c}
.pending-integration.lack-func::before{content:"缺功能";background:#dc2626}
.pending-integration.lack-field::before{content:"缺字段";background:#7c3aed}
.pending-integration.need-auth::before{content:"需登录";background:#2563eb}
.pending-integration.need-pay::before{content:"需支付";background:#9333ea}