/* AI工具页样式 */
.ai-tools-page{max-width:1000px;margin:0 auto;padding:40px 20px 80px}

/* 页头 */
.ai-tools-header{text-align:center;margin-bottom:36px}
.ai-tools-header h1{font-size:28px;color:#3d1c00;margin:0 0 8px}
.ai-tools-header p{color:#888;font-size:15px;margin:0}

/* Tab导航 */
.ai-tools-tabs{display:flex;justify-content:center;gap:0;background:#f5f0e8;border-radius:10px;padding:4px;max-width:640px;margin:0 auto 32px}
.ai-tools-tab{flex:1;padding:12px 20px;border:none;background:transparent;cursor:pointer;font-size:15px;border-radius:8px;color:#6b3a1f;transition:all .2s;font-weight:500;white-space:nowrap}
.ai-tools-tab.active{background:#fff;color:#8b2500;box-shadow:0 2px 8px rgba(0,0,0,.1);font-weight:700}
.ai-tools-tab.locked{color:#bbb}
.ai-tools-tab .lock-icon{font-size:12px;margin-left:4px}

/* Tab面板 */
.ai-tools-panel{display:none}
.ai-tools-panel.active{display:block}

/* 锁定提示 */
.ai-tools-locked{text-align:center;padding:60px 20px;color:#999}
.ai-tools-locked h3{color:#6b3a1f;margin-bottom:12px}
.ai-tools-locked .upgrade-btn{display:inline-block;margin-top:16px;padding:12px 32px;background:linear-gradient(135deg,#c8973a,#8b2500);color:#fff;border-radius:10px;text-decoration:none;font-weight:700;transition:opacity .2s}
.ai-tools-locked .upgrade-btn:hover{opacity:.9}

/* 通用表单样式 */
.ai-tools-form{background:#fff;border:1px solid #f0e0c8;border-radius:12px;padding:28px}
.ai-tools-form .form-group{margin-bottom:20px}
.ai-tools-form label{display:block;font-weight:600;color:#3d1c00;margin-bottom:6px;font-size:14px}
.ai-tools-form label .required{color:#e74c3c}
.ai-tools-form input,.ai-tools-form textarea,.ai-tools-form select{width:100%;padding:10px 14px;border:1px solid #d4b896;border-radius:8px;font-size:14px;box-sizing:border-box;transition:border-color .2s}
.ai-tools-form input:focus,.ai-tools-form textarea:focus,.ai-tools-form select:focus{outline:none;border-color:#c8973a;box-shadow:0 0 0 3px rgba(200,151,58,.1)}
.ai-tools-form textarea{resize:vertical;min-height:80px}
.ai-tools-form select{appearance:auto}

/* 模板选择器 */
.template-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px}
.template-card{background:#fdf9f4;border:2px solid #f0e0c8;border-radius:10px;padding:16px;text-align:center;cursor:pointer;transition:all .2s}
.template-card:hover{border-color:#c8973a;background:#fff}
.template-card.selected{border-color:#8b2500;background:#fff;box-shadow:0 4px 12px rgba(139,37,0,.1)}
.template-card h4{margin:0 0 4px;font-size:14px;color:#3d1c00}
.template-card p{margin:0;font-size:12px;color:#999}

/* 生成按钮 */
.ai-tools-submit{display:block;width:100%;padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#c8973a,#8b2500);color:#fff;transition:opacity .2s;margin-top:12px}
.ai-tools-submit:hover{opacity:.9}
.ai-tools-submit:disabled{opacity:.5;cursor:not-allowed}

/* 输出区域 */
.ai-tools-output{margin-top:24px;display:none}
.ai-tools-output.show{display:block}
.ai-tools-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ai-tools-output-header h3{margin:0;color:#3d1c00;font-size:18px}
.ai-tools-output-actions{display:flex;gap:8px}
.ai-tools-output-actions button{padding:6px 16px;border:1px solid #d4b896;border-radius:6px;background:#fff;color:#6b3a1f;cursor:pointer;font-size:13px;transition:all .2s}
.ai-tools-output-actions button:hover{background:#c8973a;color:#fff;border-color:#c8973a}
.ai-tools-result{background:#fff;border:1px solid #f0e0c8;border-radius:12px;padding:24px;min-height:200px;line-height:1.8;color:#333;font-size:15px;overflow-x:auto}
.ai-tools-result h1{font-size:22px;color:#8b2500;margin:0 0 12px}
.ai-tools-result h2{font-size:18px;color:#8b2500;margin:24px 0 8px;border-bottom:1px solid #f0e0c8;padding-bottom:6px}
.ai-tools-result h3{font-size:16px;color:#6b3a1f;margin:18px 0 6px}
.ai-tools-result h2:first-child{margin-top:0}
.ai-tools-result p{margin:0 0 12px}
.ai-tools-result ul,.ai-tools-result ol{margin:8px 0 12px 20px;padding:0}
.ai-tools-result li{margin:4px 0}
.ai-tools-result strong{color:#3d1c00}
.ai-tools-result hr{border:none;border-top:1px solid #f0e0c8;margin:16px 0}
.ai-tools-result em{color:#888;font-style:italic}
.ai-tools-result .ai-md-table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:14px;background:#fff}
.ai-tools-result .ai-md-table th,.ai-tools-result .ai-md-table td{border:1px solid #ead9bf;padding:10px 12px;vertical-align:top;text-align:left}
.ai-tools-result .ai-md-table th{background:#f9f2e8;color:#6b3a1f;font-weight:700}

/* 案例分析textarea */
.case-textarea{min-height:150px}

/* 法律体检模式切换 */
.check-type-switch{display:flex;gap:12px;margin-bottom:20px}
.check-type-btn{padding:10px 24px;border:2px solid #d4b896;border-radius:8px;background:#fff;color:#6b3a1f;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}
.check-type-btn.active{border-color:#8b2500;background:#fdf9f4;color:#8b2500}

/* 配额提示 */
.quota-hint{background:#fdf9f4;border:1px solid #f0e0c8;border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:#6b3a1f;display:flex;justify-content:space-between;align-items:center}
.quota-hint .used{font-weight:700;color:#8b2500}

/* 打字动画 */
.ai-tools-typing{display:inline-flex;gap:4px;padding:8px 0}
.ai-tools-typing span{width:8px;height:8px;border-radius:50%;background:#c8973a;animation:aiToolsBounce .6s infinite alternate}
.ai-tools-typing span:nth-child(2){animation-delay:.2s}
.ai-tools-typing span:nth-child(3){animation-delay:.4s}
@keyframes aiToolsBounce{to{opacity:.3;transform:translateY(-6px)}}

/* 字数统计 */
.char-count{text-align:right;font-size:12px;color:#999;margin-top:4px}

/* 文件拖拽上传区 */
.file-drop-zone{border:2px dashed #d4b896;border-radius:10px;padding:28px 20px;text-align:center;cursor:pointer;transition:all .2s;background:#fdf9f4}
.file-drop-zone:hover,.file-drop-zone.drag-over{border-color:#c8973a;background:#fff8ef}
.file-drop-icon{font-size:36px;margin-bottom:8px}
.file-drop-zone p{margin:4px 0;color:#6b3a1f;font-size:14px}
.file-drop-hint{font-size:12px!important;color:#999!important}
.file-pick-link{color:#8b2500;font-weight:600;cursor:pointer;text-decoration:underline}
.file-status{margin-top:8px;padding:10px 14px;border-radius:8px;font-size:13px}
.file-status.loading{background:#fff8ef;color:#6b3a1f;border:1px solid #f0e0c8}
.file-status.success{background:#f0f9f0;color:#2d7a2d;border:1px solid #c3e6c3}
.file-status.error{background:#fdf0f0;color:#c0392b;border:1px solid #f5c6cb}

/* 多选框标签 */
.checkbox-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#3d1c00;padding:6px 14px;border:1px solid #d4b896;border-radius:6px;transition:all .2s;background:#fdf9f4}
.checkbox-label:hover{border-color:#c8973a;background:#fff8ef}
.checkbox-label input[type="checkbox"]{accent-color:#8b2500;width:16px;height:16px}
.checkbox-label:has(input:checked){border-color:#8b2500;background:#fef6f0;font-weight:600}

/* 响应式 */
@media(max-width:768px){
  .ai-tools-page{padding:28px 14px 56px}
  .ai-tools-header{margin-bottom:24px}
  .ai-tools-header h1{font-size:24px}
  .ai-tools-header p{font-size:14px;line-height:1.7}
  .ai-tools-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;background:transparent;margin-bottom:24px}
  .ai-tools-tab{min-height:48px;font-size:13px;padding:10px 12px;background:#f5f0e8;border:1px solid #eadcc8;white-space:normal;line-height:1.35}
  .ai-tools-tab.active{border-color:#e3cfab}
  .ai-tools-form{padding:20px 16px}
  .ai-tools-form textarea,.ai-tools-form input,.ai-tools-form select{font-size:16px}
  .template-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .template-card{padding:14px 12px}
  .template-card h4{line-height:1.4}
  .check-type-switch{flex-direction:column;gap:10px}
  .check-type-btn{width:100%;padding:11px 16px}
  .file-drop-zone{padding:22px 14px}
  .file-drop-zone p{line-height:1.7}
  .ai-tools-output{margin-top:18px}
  .ai-tools-output-header{flex-direction:column;align-items:flex-start;gap:10px}
  .ai-tools-output-actions{width:100%;flex-wrap:wrap}
  .ai-tools-output-actions button{flex:1;min-width:0;padding:9px 12px}
  .ai-tools-result{padding:18px 16px;font-size:14px;min-height:160px}
}

@media(max-width:480px){
  .ai-tools-page{padding:24px 12px 44px}
  .ai-tools-tabs{grid-template-columns:1fr 1fr}
  .ai-tools-tab{font-size:12px;padding:10px 8px}
  .template-selector{grid-template-columns:1fr}
  .quota-hint{flex-direction:column;align-items:flex-start;gap:6px}
  .file-drop-zone{padding:18px 12px}
}

/* 预览截断CTA引导卡片 */
.preview-cta-card{margin-top:20px;padding:24px 28px;background:linear-gradient(135deg,#fffbf0,#fff8e8);border:2px solid #c8973a;border-radius:12px;text-align:center;animation:ctaFadeIn .5s ease}
.preview-cta-card p{color:#3d1c00;font-size:16px;font-weight:600;margin:0 0 16px;line-height:1.6}
.preview-cta-btn{display:inline-block;padding:12px 36px;background:linear-gradient(135deg,#c8973a,#8b2500);color:#fff;border-radius:10px;text-decoration:none;font-weight:700;font-size:15px;transition:all .2s;box-shadow:0 4px 12px rgba(139,37,0,.25)}
.preview-cta-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px rgba(139,37,0,.35)}
@keyframes ctaFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}