@charset "utf-8";
/* ==========================================================================
   方案 / 案例 模型专用样式（arc-detail.css）
   仅作用于 view_solution / view_cases / lists_solution / lists_cases
   品牌主色 #2B7BCC；不改动 style.css 既有规则
   ========================================================================== */

/* ---------- 通用容器 ---------- */
.sd_wrap{width:1400px;margin:30px auto 20px;padding:0;background:#fff;overflow:hidden}
.sd_wrap:after{content:"";display:block;clear:both}
.sd_main{width:100%;padding:30px 3%;box-sizing:border-box}
.sd_title{width:100%;overflow:hidden;line-height:60px;color:#fff;font-size:30px;font-weight:bold;margin:0 auto;padding:10px 4%;background:#2B7BCC;box-sizing:border-box}

/* ---------- 一句话定位 / 直接回答 ---------- */
.sd_lead{width:100%;margin:26px 0 0;padding:22px 26px;background:#f4f8fd;border-left:4px solid #2B7BCC;border-radius:4px;box-sizing:border-box}
.sd_lead p{margin:0 0 8px;line-height:30px;color:#333;font-size:17px}
.sd_lead p:last-child{margin-bottom:0}
.sd_lead strong{color:#2B7BCC}
.sd_answer{width:100%;margin:16px 0 0;padding:16px 22px;background:#fff;border:1px dashed #b9d3ee;border-radius:4px;box-sizing:border-box}
.sd_answer p{margin:0;line-height:30px;color:#444;font-size:16px;text-align:justify}
.sd_answer b{color:#2B7BCC}

/* ---------- 区块（问题式小标题） ---------- */
.sd_block{width:100%;margin:38px 0 0}
.sd_block > h2{width:100%;margin:0 0 18px;padding:0 0 0 16px;border-left:5px solid #2B7BCC;line-height:34px;font-size:22px;font-weight:bold;color:#222;box-sizing:border-box}
.sd_block > h2 span{display:inline-block;margin-left:10px;font-size:15px;font-weight:normal;color:#8a949e;letter-spacing:1px}
.sd_content{width:100%;line-height:32px;color:#444;font-size:16px;text-align:justify}
.sd_content p{margin:0 0 14px}
.sd_content img{max-width:100%;height:auto}
.sd_content ul,.sd_content ol{margin:0 0 16px;padding-left:22px}
.sd_content li{line-height:32px;margin:0 0 6px}
.sd_content h3,.sd_content h4{margin:22px 0 12px;font-size:18px;color:#222;font-weight:bold}

/* 富文本里的表格：AI 引擎优先抽取的形态，必须真表格 + 表头 */
.sd_content table{width:100%;border-collapse:collapse;margin:6px 0 18px;font-size:15px}
.sd_content table th,.sd_content table td{border:1px solid #dce4ec;padding:12px 14px;line-height:26px;text-align:left;vertical-align:top}
.sd_content table th{background:#eef4fa;color:#1f5f9e;font-weight:bold;white-space:nowrap}
.sd_content table tr:nth-child(even) td{background:#fafcfe}

/* ---------- 参数速览（案例） ---------- */
.sd_facts{width:100%;margin:26px 0 0;padding:0;background:#f7fafd;border:1px solid #e3ecf5;border-radius:4px;overflow:hidden}
.sd_facts dl{width:100%;margin:0;padding:0;display:flex;flex-wrap:wrap}
.sd_facts .fact{flex:0 0 25%;box-sizing:border-box;padding:20px 22px;border-right:1px solid #e3ecf5;border-bottom:1px solid #e3ecf5}
.sd_facts .fact:last-child{border-right:none}
.sd_facts dt{font-size:15px;color:#7d8893;line-height:24px;margin:0 0 6px}
.sd_facts dd{margin:0;font-size:17px;color:#1f5f9e;font-weight:bold;line-height:28px;word-break:break-all}

/* ---------- FAQ ---------- */
.sd_faq{width:100%;margin:0}
.sd_faq .faq_item{padding:18px 0;border-bottom:1px dashed #dfe6ee}
.sd_faq .faq_item:last-child{border-bottom:none}
.sd_faq h3{margin:0 0 10px;font-size:17px;font-weight:bold;color:#222;line-height:28px}
.sd_faq h3:before{content:"Q";display:inline-block;width:24px;height:24px;margin-right:10px;line-height:24px;text-align:center;font-size:15px;color:#fff;background:#2B7BCC;border-radius:3px;vertical-align:2px}
.sd_faq .faq_a{margin:0;line-height:30px;color:#555;font-size:16px;text-align:justify}
.sd_faq .faq_a:before{content:"A";display:inline-block;width:24px;height:24px;margin-right:10px;line-height:24px;text-align:center;font-size:15px;color:#2B7BCC;background:#eaf2fb;border-radius:3px;vertical-align:2px}

/* ---------- 关联产品卡 ---------- */
.sd_products{width:100%;margin:6px 0 0}
.sd_products ul{width:100%;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;margin-left:-20px}
.sd_products li{width:calc(25% - 20px);margin:0 0 20px 20px;border:1px solid #e6ebf1;border-radius:4px;overflow:hidden;background:#fff;box-sizing:border-box;transition:box-shadow .3s,border-color .3s}
.sd_products li:hover{border-color:#2B7BCC;box-shadow:0 6px 18px rgba(43,123,204,.14)}
.sd_products .pic{display:block;width:100%;height:auto;aspect-ratio:1/1;overflow:hidden;background:#f5f7fa}
.sd_products .pic img{width:100%;height:100%;object-fit:cover;display:block}
.sd_products .txt{padding:14px 18px 16px}
.sd_products .txt h3{margin:0 0 8px;font-size:17px;line-height:26px;color:#222;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd_products .txt p{margin:0;font-size:15px;line-height:24px;color:#7b858f;height:48px;overflow:hidden}
.sd_products .txt .more{display:inline-block;margin-top:12px;font-size:15px;color:#2B7BCC}

/* ---------- 列表页 ---------- */
.sd_list{width:1400px;margin:0 auto;padding:60px 3%;background:#fff;box-sizing:border-box}
.sd_list:after{content:"";display:block;clear:both}
.sd_list_side{width:280px;float:left;padding-right:30px;box-sizing:border-box}
.sd_list_side .side_tit{padding:0 0 14px;border-bottom:2px solid #2B7BCC;font-size:20px;font-weight:bold;color:#222}
.sd_list_side ul{margin:16px 0 0;padding:0;list-style:none}
.sd_list_side li{margin:0 0 10px}
.sd_list_side li a{display:block;padding:12px 16px;font-size:15px;color:#4a555f;background:#f6f8fb;border-left:3px solid transparent;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd_list_side li a:hover,.sd_list_side li a.on{color:#fff;background:#2B7BCC;border-left-color:#1f5f9e}
.sd_list_body{width:calc(100% - 280px);float:left}
.sd_list_body.full{width:100%;float:none}
.sd_list_body ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;margin-left:-24px}
.sd_list_body li{width:calc(33.333% - 24px);margin:0 0 24px 24px;border:1px solid #e6ebf1;border-radius:4px;overflow:hidden;background:#fff;box-sizing:border-box;transition:box-shadow .3s,border-color .3s}
.sd_list_body li:hover{border-color:#2B7BCC;box-shadow:0 6px 18px rgba(43,123,204,.14)}
.sd_list_body .pic{display:block;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;background:#f5f7fa}
.sd_list_body .pic img{width:100%;height:100%;object-fit:cover;display:block}
.sd_list_body .txt{padding:18px 20px 20px}
.sd_list_body .txt h2{margin:0 0 10px;font-size:18px;line-height:28px;font-weight:bold;color:#222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.sd_list_body .txt p{margin:0;font-size:15px;line-height:26px;color:#7b858f;height:78px;overflow:hidden}
.sd_list_body .txt .tagline{margin:0 0 8px;font-size:15px;color:#2B7BCC;height:auto}
.sd_list_body .txt .more{display:inline-block;margin-top:14px;font-size:15px;color:#2B7BCC}
.sd_empty{padding:60px 0;text-align:center;color:#8a949e;font-size:16px}

/* ---------- 自适应 ---------- */
@media screen and (max-width:1440px){
  .sd_wrap,.sd_list{width:96%}
}
@media screen and (max-width:1023px){
  .sd_title{font-size:22px;line-height:44px}
  .sd_block > h2{font-size:19px;line-height:30px}
  .sd_facts .fact{flex:0 0 50%}
  .sd_products li{width:calc(50% - 20px)}
  .sd_list_side{width:100%;float:none;padding-right:0;margin-bottom:24px}
  .sd_list_body{width:100%;float:none}
  .sd_list_body li{width:calc(50% - 24px)}
}
@media screen and (max-width:640px){
  .sd_facts .fact{flex:0 0 100%;border-right:none}
  .sd_products li{width:100%;margin-left:0}
  .sd_products ul{margin-left:0}
  .sd_list_body li{width:100%;margin-left:0}
  .sd_list_body ul{margin-left:0}
}

/* ---------- 案例列表卡片（lists_cases.htm 专用）
   仅作用于带 .case_item 的 li；用更高优先级覆盖 style.css 的通用 li 规则，
   style.css 原规则不动，新闻列表等其他页面不受影响 ---------- */
.webarcnews_list ul li.case_item{width:32%;margin:0 2% 40px 0;padding:0;background:#fff;border:1px solid #e6ebf1;border-radius:4px;overflow:hidden;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}
.webarcnews_list ul li.case_item:nth-child(3n+3){margin-right:0}
.webarcnews_list ul li.case_item:after{display:none}
.webarcnews_list ul li.case_item .news_text{padding:0;background:#fff}
.webarcnews_list ul li.case_item:hover{border-color:#2B7BCC;box-shadow:0 6px 18px rgba(43,123,204,.14)}
.webarcnews_list ul li.case_item .ci_pic{display:block;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;background:#ffffff}
.webarcnews_list ul li.case_item .ci_pic img{width:100%;height:100%;object-fit:cover;display:block}
.webarcnews_list ul li.case_item .ci_txt{padding:18px 22px 0}
.webarcnews_list ul li.case_item .ci_txt a.name{display:block;color:#333;font-size:18px;line-height:28px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s}
.webarcnews_list ul li.case_item:hover .ci_txt a.name{color:#2B7BCC}
.webarcnews_list ul li.case_item .ci_meta{margin:8px 0 0;color:#2B7BCC;font-size:15px;line-height:24px}
.webarcnews_list ul li.case_item .ci_desc{margin:8px 0 0;color:#999;font-size:15px;line-height:24px;height:72px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.webarcnews_list ul li.case_item .ci_foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 22px;border-top:1px dashed #e6ebf1}
.webarcnews_list ul li.case_item .ci_date{font-size:13px;color:#8a949e}
.webarcnews_list ul li.case_item .ci_more{font-size:15px;color:#2B7BCC;position:relative;padding-right:20px;transition:color .3s;margin-left:auto}
.webarcnews_list ul li.case_item .ci_more:after{content:"";position:absolute;right:0;top:50%;width:0;height:0;border-left:8px solid #2B7BCC;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translateY(-50%)}
.webarcnews_list ul li.case_item:hover .ci_more{color:#1f5f9e}
@media screen and (max-width:1023px){
  .webarcnews_list ul li.case_item{width:49%}
  .webarcnews_list ul li.case_item:nth-child(3n+3){margin-right:2%}
  .webarcnews_list ul li.case_item:nth-child(2n+2){margin-right:0}
}
@media screen and (max-width:640px){
  .webarcnews_list ul li.case_item{width:100%;margin-right:0}
  .webarcnews_list ul li.case_item .ci_desc{height:auto;max-height:72px}
}
.sd_products.sd_case_rel .pic{height:auto;aspect-ratio:4/3}
/* 关联产品 / 相关案例卡：标题链接点击后不变色 */
.sd_products .txt h3 a,
.sd_products .txt h3 a:visited{color:#333}
.sd_products li:hover .txt h3 a,
.sd_products li:hover .txt h3 a:visited{color:#2B7BCC}
/* 详情链接同样锁定 */
.sd_products .txt .more,
.sd_products .txt .more:visited{color:#2B7BCC}
/* 相关案例卡：查看详情 上间距收紧 + 右对齐 */
.sd_products .txt .more{display:block;text-align:right;margin-top:6px}
.sd_products .txt p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:auto;max-height:48px;overflow:hidden}