/* ============================================================
   浩唐网络 - 全站公共样式
   所有页面通用：基础布局、头部导航、通用组件、卡片组件
   各页面仅在 <style> 中保留本页特有样式
   ============================================================ */

/* ===== 基础 ===== */
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif}
/* 页面容器最大宽度 1280px */
.container{max-width:1280px!important}
/* 锚点定位时避开固定头部 */
section[id],footer[id]{scroll-margin-top:76px}

/* ===== 头部主题变量：默认透明叠在 Banner 上(白字)，滚动后变白底(深色字) ===== */
.corp-header{--nav-text:#fff;--nav-hover:#f87171;--nav-line:#fff;--icon-bg:rgba(255,255,255,.2);--strong:#fff;--tel:#fff;--bar:#fff}
.corp-header.scrolled{--nav-text:#374151;--nav-hover:#dc2626;--nav-line:#dc2626;--icon-bg:#dc2626;--strong:#0f172a;--tel:#374151;--bar:#0f172a;box-shadow:0 2px 12px rgba(15,23,42,.08)}
/* 头部 Logo 圆环颜色随主题切换（logo 使用 logo-ring class 时生效） */
.corp-header{--logo-ring:rgba(255,255,255,.4)}
.corp-header.scrolled{--logo-ring:rgba(220,38,38,.1)}
.logo-ring{--tw-ring-color:var(--logo-ring)!important}
/* 导航下划线 */
.nav-item{position:relative}
.nav-item::after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:2px;border-radius:9999px;background-color:var(--nav-line);transform:scaleX(0);transition:transform .3s}
.nav-item:hover::after,.nav-item.active::after{transform:scaleX(1)}
/* 桌面导航链接（简化重复 class，active 表示选中） */
.nav-link{display:flex;align-items:center;gap:.25rem;padding:.625rem 1rem;font-size:1rem;color:var(--nav-text);transition:color .3s}
.nav-link:hover,.nav-link.active{color:var(--nav-hover)}
/* 移动端菜单链接 */
.mob-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;font-size:.9375rem;color:#334155;transition:all .2s}
.mob-link:hover{color:#0f172a;background-color:#f8fafc}
.mob-link.active{color:#dc2626;font-weight:500}
/* 移动端子菜单项 */
.mob-sub{display:block;padding:.625rem 2rem;font-size:.875rem;color:#475569;transition:all .2s}
.mob-sub:hover{color:#0f172a;background-color:#f1f5f9}

/* ===== 通用组件 ===== */
/* 红色圆形对勾徽章 */
.check-badge{width:1rem;height:1rem;border-radius:9999px;background-color:#dc2626;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:8px;flex-shrink:0}
@media(min-width:640px){.check-badge{width:1.25rem;height:1.25rem;font-size:.625rem}}
/* 优势列表项 */
.benefit-item{display:flex;align-items:center;gap:.375rem;color:#334155;font-size:.75rem}
@media(min-width:640px){.benefit-item{gap:.625rem;font-size:1rem}}
/* 表单输入控件 */
.form-input{width:100%;border-radius:.375rem;border:1px solid #e2e8f0;padding:.5rem .75rem;font-size:.875rem;color:#334155;transition:all .2s;outline:none;background-color:#fff}
.form-input:focus{box-shadow:0 0 0 2px rgba(220,38,38,.3);border-color:#ef4444}
@media(min-width:640px){.form-input{padding:.625rem .875rem}}
/* 主按钮 */
.btn-primary{display:inline-block;background-color:#dc2626;color:#fff;font-weight:600;border-radius:.375rem;transition:background-color .2s}
.btn-primary:hover{background-color:#b91c1c}
/* 页脚社交图标 */
.social-icon{width:2.25rem;height:2.25rem;border-radius:9999px;background-color:#1e293b;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s}
.social-icon:hover{background-color:#dc2626}
/* 页脚列标题 */
.footer-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem;position:relative;padding-left:.75rem}
.footer-title::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background-color:#dc2626;border-radius:2px}
/* 下拉菜单项 */
.dropdown-item{display:block;white-space:nowrap;padding:.625rem 1.25rem;font-size:.875rem;color:#334155;transition:all .2s}
.dropdown-item:hover{color:#dc2626;background-color:#fef2f2}

/* ===== 功能特性卡片（服务页通用） ===== */
.feature-card{background:#fff;border-radius:1rem;border:1px solid #f1f5f9;padding:1.75rem 1.5rem;transition:all .3s;position:relative;overflow:hidden}
.feature-card:hover{border-color:#fee2e2;box-shadow:0 16px 40px rgba(15,23,42,.08);-webkit-transform:translateY(-4px);transform:translateY(-4px)}
.feature-card .f-icon{width:52px;height:52px;border-radius:.875rem;background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.375rem;margin-bottom:1.125rem}
.feature-card h3{font-size:1.0625rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}
.feature-card p{font-size:.875rem;color:#64748b;line-height:1.7}
/* 手机端 2 列时卡片紧凑 */
@media(max-width:639px){
  .feature-card{padding:1rem}
  .feature-card .f-icon{width:40px;height:40px;border-radius:.625rem;font-size:1.0625rem;margin-bottom:.75rem}
  .feature-card h3{font-size:.9375rem}
  .feature-card p{font-size:.8125rem}
}
/* 服务卡片（城市分站，与功能卡片同构） */
.service-card{background:#fff;border-radius:1rem;border:1px solid #f1f5f9;padding:1.75rem 1.5rem;transition:all .3s;position:relative;overflow:hidden}
.service-card:hover{border-color:#fee2e2;box-shadow:0 16px 40px rgba(15,23,42,.08);-webkit-transform:translateY(-4px);transform:translateY(-4px)}
.service-card .s-icon{width:52px;height:52px;border-radius:.875rem;background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.375rem;margin-bottom:1.125rem}
.service-card h3{font-size:1.0625rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}
.service-card p{font-size:.875rem;color:#64748b;line-height:1.7}
@media(max-width:639px){
  .service-card{padding:1rem}
  .service-card .s-icon{width:40px;height:40px;border-radius:.625rem;font-size:1.0625rem;margin-bottom:.75rem}
  .service-card h3{font-size:.9375rem}
  .service-card p{font-size:.8125rem}
}

/* ===== 优势编号卡片（多页面通用） ===== */
.why-card{position:relative;padding:2rem 1.75rem;border-radius:1rem;background:#fff;box-shadow:0 2px 12px rgba(15,23,42,.04);transition:all .3s;border:1px solid #f1f5f9;overflow:hidden}
.why-card:hover{box-shadow:0 12px 32px rgba(15,23,42,.08);-webkit-transform:translateY(-4px);transform:translateY(-4px);border-color:#fee2e2}
.why-card .num{position:absolute;top:-.5rem;right:1rem;font-size:5rem;font-weight:900;color:#fef2f2;line-height:1;font-style:italic;transition:color .3s}
.why-card:hover .num{color:#fee2e2}
.why-card h3{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.75rem;position:relative;z-index:1}
.why-card p{font-size:.875rem;color:#64748b;line-height:1.7;position:relative;z-index:1}
.why-icon{width:48px;height:48px;border-radius:.75rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1rem;position:relative;z-index:1}

/* ===== 分类标签（案例/新闻列表） ===== */
.cat-tab{padding:.5rem 1.25rem;border-radius:.5rem;font-size:.875rem;color:#64748b;transition:all .2s;white-space:nowrap}
.cat-tab:hover{color:#dc2626;background:#fef2f2}
.cat-tab.active{background:#dc2626;color:#fff}

/* ===== 分页 ===== */
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}

/* ============================================================
   页面特有样式（由各页面 <style> 迁移而来，按页面归档备注）
   ============================================================ */

/* ===== 首页 index.html ===== */
/* 幻灯片文字入场动画 */
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.hero-slide.opacity-100 .anim1{animation:fadeUp .8s .1s ease both}
.hero-slide.opacity-100 .anim2{animation:fadeUp .8s .25s ease both}
.hero-slide.opacity-100 .anim3{animation:fadeUp .8s .4s ease both}
.hero-slide.opacity-100 .anim4{animation:fadeUp .8s .55s ease both}
/* 幻灯片无图片时的 CSS 兜底背景（深色科技渐变，图片加载后覆盖） */
.hero-fallback{background-color:#0f172a;background-image:radial-gradient(circle at 15% 20%,rgba(239,68,68,.3) 0,transparent 50%),radial-gradient(circle at 85% 75%,rgba(249,115,22,.25) 0,transparent 50%),linear-gradient(135deg,#1e293b 0%,#334155 50%,#7f1d1d 100%)}

/* ===== 关于我们 about.html ===== */
/* 发展历程时间线 */
.timeline{position:relative}
.timeline::before{content:"";position:absolute;left:1.0625rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#dc2626,#f97316);opacity:.35;border-radius:2px}
.timeline-item{position:relative;padding-left:3rem;padding-bottom:2rem}
.timeline-item:last-child{padding-bottom:0}
.timeline-dot{position:absolute;left:1.0625rem;top:.3125rem;width:1rem;height:1rem;border-radius:9999px;background:#fff;border:3px solid #dc2626;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}
@media(min-width:640px){
  .timeline::before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
  .timeline-item{width:50%;padding-left:0}
  .timeline-item:nth-child(odd){padding-right:3rem;text-align:right}
  .timeline-item:nth-child(odd) .timeline-dot{right:-.5rem;left:auto;-webkit-transform:translateX(50%);transform:translateX(50%)}
  .timeline-item:nth-child(even){margin-left:50%;padding-left:3rem}
  .timeline-item:nth-child(even) .timeline-dot{left:-.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
}
/* 企业文化卡片 */
.value-card{background:#fff;border-radius:1rem;border:1px solid #f1f5f9;padding:1.75rem 1.5rem;transition:all .3s;position:relative;overflow:hidden}
.value-card:hover{border-color:#fee2e2;box-shadow:0 16px 40px rgba(15,23,42,.08);-webkit-transform:translateY(-4px);transform:translateY(-4px)}
.value-card .v-icon{width:52px;height:52px;border-radius:.875rem;background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.375rem;margin-bottom:1.125rem}

/* ===== 企业官网建设 jz-website.html ===== */
/* ===== 电商平台开发 jz-eshop.html ===== */
/* ===== 网络营销推广 jz-marketing.html ===== */
/* ===== 系统定制开发 jz-custom.html ===== */
/* （以下样式为四个服务页共用，一次合并） */
/* 区块标题：英文标签两侧红色装饰线 */
.sec-label{display:inline-flex;align-items:center;gap:10px}
.sec-label::before,.sec-label::after{content:"";width:28px;height:2px;border-radius:9999px;background:linear-gradient(90deg,transparent,#dc2626)}
.sec-label::after{background:linear-gradient(90deg,#dc2626,transparent)}
@media(min-width:640px){.sec-label::before,.sec-label::after{width:40px}}
/* 渐变光晕背景（浅红径向渐变） */
.section-glow{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(254,226,226,.6),transparent 60%),#f8fafc}
/* 核心功能卡片：水印数字 + 图标红晕 + 加深悬浮 */
.feature-card .f-num{position:absolute;top:.75rem;right:1.25rem;font-size:2.75rem;font-weight:900;color:#fef2f2;font-style:italic;line-height:1;transition:color .3s;z-index:0}
.feature-card:hover .f-num{color:#fee2e2}
.feature-card .f-icon{box-shadow:0 8px 22px rgba(220,38,38,.18)}
.feature-card:hover{box-shadow:0 22px 50px rgba(15,23,42,.13)}
.feature-card h3{font-size:1.125rem}
.feature-card p{position:relative;z-index:1}
/* 悬挂徽标 */
.intro-badge{box-shadow:0 16px 36px rgba(15,23,42,.28);animation:intro-pulse 2.4s ease-in-out infinite}
@keyframes intro-pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
/* 数据指标条 */
.stat-card{position:relative;border-radius:.875rem;background:#fff;border:1px solid #f1f5f9;padding:1rem .5rem;text-align:center;transition:all .3s}
.stat-card:hover{box-shadow:0 10px 26px rgba(220,38,38,.1);border-color:#fee2e2}
.stat-card::after{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:3px;border-radius:9999px;background:#dc2626;transform:translateX(-50%);transition:width .3s}
.stat-card:hover::after{width:60%}

/* ===== 系统定制开发 jz-custom.html（附加样式） ===== */
/* 定制系统卡片 */
.sys-card{position:relative;background:#fff;border:1px solid #f1f5f9;border-radius:.875rem;padding:1.25rem;transition:all .3s;overflow:hidden}
.sys-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#dc2626,#f97316);border-radius:0 3px 3px 0;opacity:0;transition:opacity .3s}
.sys-card:hover{box-shadow:0 20px 44px rgba(15,23,42,.12);border-color:#fee2e2;transform:translateY(-4px)}
.sys-card:hover::after{opacity:1}
.sys-tag{display:inline-block;background:#fef2f2;color:#dc2626;font-size:.75rem;font-weight:600;border-radius:.375rem;padding:.2rem .55rem;margin-bottom:.75rem}
.sys-card h3{font-size:1.0625rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}
.sys-card p{font-size:.8125rem;color:#64748b;line-height:1.65}

/* ===== 微信小程序开发 jz-miniapp.html ===== */
/* 流程步骤 */
.step{position:relative;text-align:center;padding:0 1rem}
.step-num{width:56px;height:56px;border-radius:9999px;background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 1rem;position:relative;z-index:1;box-shadow:0 8px 20px rgba(220,38,38,.25)}
.step h3{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:.375rem}
.step p{font-size:.8125rem;color:#64748b;line-height:1.6}
/* 桌面 6 列时显示连接线 */
@media(min-width:1024px){
  .step::before{content:"";position:absolute;top:28px;left:calc(50% + 28px);right:calc(-50% + 28px);height:2px;background:linear-gradient(90deg,#fee2e2,#fecaca)}
  .step:last-child::before{display:none}
}
/* 手机端 2 列时隐藏连接线，圆点缩小避免挤压 */
@media(max-width:1023px){
  .step{padding:0 .5rem}
  .step-num{width:48px;height:48px;font-size:1.0625rem;margin-bottom:.75rem}
}

/* ===== 企业邮箱服务 email.html ===== */
/* 版本套餐卡片 */
.plan-card{position:relative;background:#fff;border-radius:1.25rem;border:1px solid #f1f5f9;padding:2rem 1.75rem;text-align:center;transition:all .3s;overflow:hidden}
.plan-card:hover{box-shadow:0 16px 40px rgba(15,23,42,.08);-webkit-transform:translateY(-4px);transform:translateY(-4px)}
.plan-card .tag{display:inline-block;font-size:.75rem;font-weight:600;color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:9999px;padding:.25rem .75rem;margin-bottom:1rem}
.plan-card .price{font-size:2.25rem;font-weight:800;color:#0f172a;line-height:1}
.plan-card .price small{font-size:.875rem;font-weight:600;color:#64748b}
.plan-card ul{margin:.75rem 0 1.5rem;padding:0;list-style:none;text-align:left}
.plan-card ul li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569;padding:.375rem 0}
.plan-card ul li i{color:#dc2626;flex-shrink:0}
.plan-card .btn{border-radius:.5rem;font-weight:600;font-size:.875rem;transition:all .2s}
.plan-recommended{border:2px solid #dc2626;box-shadow:0 16px 40px rgba(220,38,38,.12)}
.plan-recommended .recommended-bar{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#dc2626,#f97316)}
.plan-recommended .tag{background:#dc2626;color:#fff;border-color:#dc2626}
.plan-recommended .btn{background:#dc2626;color:#fff}
.plan-recommended .btn:hover{background:#b91c1c}

/* ===== 价格方案 price.html ===== */
/* 价格卡片 */
.price-card{border-radius:1.25rem;border:2px solid #e2e8f0;background:#fff;padding:2rem 1.5rem;transition:all .3s;position:relative;display:flex;flex-direction:column}
.price-card:hover{border-color:#fecaca;box-shadow:0 20px 40px rgba(15,23,42,.08);-webkit-transform:translateY(-6px);transform:translateY(-6px)}
.price-card.featured{border-color:#dc2626;box-shadow:0 20px 50px rgba(220,38,38,.15);-webkit-transform:scale(1.03);transform:scale(1.03)}
.price-card.featured:hover{-webkit-transform:scale(1.03) translateY(-6px);transform:scale(1.03) translateY(-6px)}
.price-tag{font-size:3rem;font-weight:800;color:#0f172a;line-height:1}
.price-tag .currency{font-size:1.5rem;font-weight:600;vertical-align:top;margin-right:.125rem}
.price-tag .unit{font-size:.875rem;font-weight:400;color:#94a3b8;margin-left:.25rem}
.renew-price{display:inline-block;background:#f1f5f9;color:#64748b;font-size:.8rem;padding:.25rem .75rem;border-radius:999px;margin-top:.75rem}
.feature-list{list-style:none;padding:0;margin:1.5rem 0;flex:1}
.feature-list li{display:flex;align-items:flex-start;gap:.625rem;padding:.5rem 0;font-size:.9rem;color:#475569;border-bottom:1px dashed #f1f5f9}
.feature-list li:last-child{border-bottom:none}
.feature-list li i{color:#16a34a;margin-top:.125rem;flex-shrink:0;font-size:.8rem}
.feature-list li .na{color:#cbd5e1}
/* 手机端报价卡片紧凑布局 */
@media (max-width: 767px){
  .price-card{padding:1.25rem 1rem;border-radius:1rem;border-width:1.5px}
  .price-card.featured{-webkit-transform:none;transform:none;padding-top:2rem !important}
  .price-card.featured:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
  .price-card .absolute.-top-4{font-size:.65rem !important;padding:.4rem .875rem !important;top:-0.75rem !important;-webkit-transform:translateX(-50%) scale(.9);transform:translateX(-50%) scale(.9)}
  .price-card .text-center.mb-4{margin-bottom:.75rem !important}
  .price-card .rounded-full.mb-3{margin-bottom:.5rem !important;font-size:.7rem;padding:.15rem .625rem}
  .price-tag{font-size:2.25rem}
  .price-tag .currency{font-size:1.125rem}
  .renew-price{margin-top:.5rem;font-size:.75rem;padding:.2rem .625rem}
  .feature-list{margin:1rem 0}
  .feature-list li{padding:.375rem 0;font-size:.825rem;gap:.5rem}
  .price-card h3{font-size:1.125rem !important;margin-bottom:.25rem !important}
  .price-card p.text-xs,
  .price-card p.text-sm{font-size:.75rem !important;margin-bottom:.5rem !important}
  .price-card .btn-primary,
  .price-card a[href^="tel"]{padding:.75rem 1rem !important;font-size:.875rem !important}
}
/* FAQ */
.faq-item{border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;overflow:hidden;transition:all .2s}
.faq-item:hover{border-color:#fecaca}
.faq-question{width:100%;text-align:left;padding:1rem 1.25rem;background:#fff;font-weight:600;color:#1e293b;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:.95rem;transition:background .2s}
.faq-question:hover{background:#fef2f2}
.faq-question i{transition:transform .3s;color:#dc2626}
.faq-question.active i{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
.faq-answer-inner{padding:0 1.25rem 1rem;color:#64748b;font-size:.9rem;line-height:1.7}
.faq-item.open .faq-answer{max-height:300px}

/* ===== 新闻资讯列表 list.html ===== */
/* 新闻卡片（纵向） */
.news-card{background:#fff;border-radius:1rem;border:1px solid #f1f5f9;overflow:hidden;transition:all .35s;display:flex;flex-direction:column}
.news-card:hover{box-shadow:0 20px 50px rgba(15,23,42,.1);border-color:#fee2e2;-webkit-transform:translateY(-4px);transform:translateY(-4px)}
.news-card-img{position:relative;overflow:hidden;flex-shrink:0;height:190px}
@media(min-width:640px){.news-card-img{height:210px}}
@media(min-width:1024px){.news-card-img{height:220px}}
.news-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.news-card:hover .news-card-img img{-webkit-transform:scale(1.08);transform:scale(1.08)}
.news-card-img .news-cat{position:absolute;top:.875rem;left:.875rem;background:rgba(220,38,38,.92);color:#fff;padding:.3rem .875rem;border-radius:9999px;font-weight:600;font-size:.75rem;z-index:10}
.news-card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}
.news-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8rem;color:#94a3b8;margin-bottom:.875rem}
.news-card h3{font-size:1.15rem;font-weight:700;color:#0f172a;line-height:1.5;margin-bottom:.75rem;transition:color .3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card:hover h3{color:#dc2626}
.news-card p{color:#64748b;font-size:.875rem;line-height:1.8;flex:1;margin-bottom:1.125rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-more{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:#475569;font-size:.875rem;transition:all .3s}
.news-card:hover .news-more{color:#dc2626;gap:.75rem}
.news-more i{transition:transform .3s}
.news-card:hover .news-more i{-webkit-transform:translateX(3px);transform:translateX(3px)}
/* 手机端新闻卡片 */
@media(max-width:639px){
  .news-card-img{height:170px}
  .news-card-body{padding:1.125rem 1.25rem}
  .news-card h3{font-size:1.05rem;margin-bottom:.625rem}
  .news-card p{font-size:.825rem;line-height:1.7;margin-bottom:.75rem;-webkit-line-clamp:2}
  .news-meta{margin-bottom:.75rem;font-size:.75rem;gap:.5rem}
}

/* ===== 新闻资讯详情 show.html ===== */
/* 文章内容样式 */
.article-content{font-size:1.0625rem;line-height:2;color:#374151}
.article-content p{margin-bottom:1.5rem}
.article-content h2{font-size:1.625rem;font-weight:700;color:#0f172a;margin-top:2.5rem;margin-bottom:1rem;position:relative;padding-left:.875rem}
.article-content h2::before{content:"";position:absolute;left:0;top:.4rem;bottom:.4rem;width:4px;background:linear-gradient(180deg,#dc2626,#f97316);border-radius:2px}
.article-content h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-top:1.5rem;margin-bottom:.75rem}
.article-content img{border-radius:.75rem;margin:1.5rem 0;max-width:100%;height:auto;box-shadow:0 8px 24px rgba(15,23,42,.08)}
.article-content blockquote{border-left:4px solid #dc2626;background:#fef2f2;padding:1rem 1.25rem;border-radius:0 .5rem .5rem 0;margin:1.5rem 0;color:#475569;font-style:italic}
.article-content ul,.article-content ol{padding-left:1.5rem;margin-bottom:1.5rem}
.article-content li{margin-bottom:.5rem}
.article-content li::marker{color:#dc2626}

/* ===== 成功案例详情 case-show.html ===== */
.case-content{font-size:1.0625rem;line-height:2;color:#374151}
.case-content p{margin-bottom:1.5rem}
.case-content h3{font-size:1.375rem;font-weight:700;color:#0f172a;margin-top:2.5rem;margin-bottom:1rem;position:relative;padding-left:.875rem}
.case-content h3::before{content:"";position:absolute;left:0;top:.4rem;bottom:.4rem;width:4px;background:linear-gradient(180deg,#dc2626,#f97316);border-radius:2px}
.case-content img{border-radius:.75rem;margin:1.5rem 0;max-width:100%;height:auto;box-shadow:0 8px 24px rgba(15,23,42,.08)}
.case-content ul{padding-left:1.5rem;margin-bottom:1.5rem}
.case-content li{margin-bottom:.5rem}
.case-content li::marker{color:#dc2626}
.preview-thumb{aspect-ratio:16/10;overflow:hidden;border-radius:.75rem;cursor:pointer;transition:all .3s;border:2px solid transparent}
.preview-thumb:hover,.preview-thumb.active{border-color:#dc2626}
.preview-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.preview-thumb:hover img{transform:scale(1.05)}

/* ===== 联系我们 contact.html ===== */
/* 联系信息卡片 */
.contact-card{background:#fff;border-radius:1rem;border:1px solid #f1f5f9;padding:1.75rem 1.5rem;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.contact-card:hover{border-color:#fee2e2;box-shadow:0 16px 40px rgba(15,23,42,.08);-webkit-transform:translateY(-4px);transform:translateY(-4px)}
.contact-card .c-icon{width:56px;height:56px;border-radius:9999px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:1.375rem;margin:0 auto 1rem;transition:all .3s}
.contact-card:hover .c-icon{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff}
/* 二维码卡片 */
.qr-card{background:#fff;border-radius:1rem;border:1px solid #f1f5f9;padding:1.5rem;transition:all .3s}
.qr-card:hover{border-color:#fee2e2;box-shadow:0 12px 32px rgba(15,23,42,.08)}
/* 侧栏卡片 */
.sidebar-card{background:#fff;border:1px solid #f1f5f9;border-radius:.875rem;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 2px 10px rgba(15,23,42,.04);transition:box-shadow .3s}
.sidebar-card:hover{box-shadow:0 10px 28px rgba(15,23,42,.08)}
.sidebar-title{font-size:1.0625rem;font-weight:700;color:#0f172a;padding-left:.75rem;position:relative;margin-bottom:1.125rem}
.sidebar-title::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:2px;background:linear-gradient(180deg,#dc2626,#f97316)}