/* ============================================================
   恒邦报关 · 单页（关于我们）大气排版增强
   仅在 pc/lists_single.htm 引入（typeid=1 时生效）
   作用域全部限定在 .layout.is-full，绝不影响其他页面
   ============================================================ */

/* ---------- 0. 页面画布：去掉内层白卡，内容直接铺在浅灰底上 ---------- */
.layout.is-full > .maincol > .panel{
  background:transparent;border:0;border-radius:0;padding:0;margin:0;box-shadow:none}
.layout.is-full .content{max-width:none}
.layout.is-full .content > .panel{background:transparent;border:0;padding:0;margin:0}

/* ---------- 1. 公司简介：左侧加"关于恒邦"栏目头，右侧大图 ---------- */
.layout.is-full .about-grid2{
  grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
.layout.is-full .about-grid2 > div:first-child > h2{
  display:block;font-size:0;margin:0 0 18px !important;line-height:1}
.layout.is-full .about-grid2 > div:first-child > h2::before{
  content:"ABOUT HENGBANG";display:block;width:auto;height:auto;background:none;border-radius:0;flex:none;
  color:var(--red);font-size:13px;font-weight:700;letter-spacing:2px;line-height:1.4;margin-bottom:6px}
.layout.is-full .about-grid2 > div:first-child > h2::after{
  content:"关于恒邦";display:block;width:auto;height:auto;background:none;border-radius:0;
  font-size:36px;font-weight:900;color:var(--navy-800);
  letter-spacing:1px;line-height:1.25}
.layout.is-full .about-grid2 p{
  font-size:15.5px;line-height:2;color:var(--steel);margin-bottom:16px}

/* 右侧图片：加高、加大圆角、加强阴影，与文字高度对齐 */
.layout.is-full .about-img{
  border-radius:16px;box-shadow:0 24px 60px rgba(16,42,68,.16)}
.layout.is-full .about-img img{height:520px}
.layout.is-full .about-img .about-badge{
  left:24px;bottom:24px;border-radius:12px;padding:18px 26px;
  box-shadow:0 12px 30px rgba(176,42,36,.34)}
.layout.is-full .about-img .about-badge strong{font-size:32px !important;line-height:1}
.layout.is-full .about-img .about-badge span{font-size:13.5px;display:block;margin-top:5px}
.layout.is-full .about-grid2 .btn-red{
  margin-top:22px !important;height:50px;padding:0 30px;font-size:15px;border-radius:8px}

/* ---------- 2. 数据条：拉高、加大数字、加投影与圆角 ---------- */
.layout.is-full .stat-strip{
  margin:56px 0 0;border-radius:14px;box-shadow:0 18px 44px rgba(16,42,68,.16)}
.layout.is-full .stat-strip div{padding:34px 22px;font-size:14px}
.layout.is-full .stat-strip strong,
.layout.is-full .stat-strip b{
  display:block;font-size:38px;font-weight:900;line-height:1.1;margin-bottom:8px;letter-spacing:.5px}
.layout.is-full .stat-strip span{font-size:13.5px;color:#B9C9D8}

/* ---------- 3. 板块级标题：放大并统一节奏 ---------- */
.layout.is-full .content > .sec-head{
  max-width:760px;margin:88px 0 38px}
.layout.is-full .content > .sec-head .kick{font-size:13px;letter-spacing:3px;margin-bottom:12px}
.layout.is-full .content > .sec-head h2{font-size:34px !important;line-height:1.3}

/* ---------- 4. 定位 · 使命 · 价值观：浅色瓷白图标底座 + 双色调线条图标 ---------- */
.layout.is-full .value-grid{gap:24px}
.layout.is-full .value-card{
  border-radius:14px;padding:38px 32px;border-color:transparent;
  box-shadow:0 6px 22px rgba(16,42,68,.06);
  transition:transform .28s,box-shadow .28s,border-color .28s}
.layout.is-full .value-card:hover{
  transform:translateY(-6px);box-shadow:0 20px 46px rgba(16,42,68,.14);border-color:#E6EDF5}
/* 图标底座：浅色渐变瓷白方块（融入白卡，不抢视觉） */
.layout.is-full .value-card .ic{
  position:relative;width:56px;height:56px;border-radius:14px;margin-bottom:20px;
  background:linear-gradient(150deg,#F7FAFD 0%,#E9F0F7 100%);
  border:1px solid #E0E9F2;
  box-shadow:0 4px 12px rgba(16,42,68,.05),inset 0 1px 0 #fff;
  transition:border-color .28s,box-shadow .28s}
.layout.is-full .value-card:hover .ic{
  border-color:#CBDAE9;
  box-shadow:0 6px 16px rgba(16,42,68,.08),inset 0 1px 0 #fff}
/* 隐藏富文本内联旧图标，改由 ::after 呈现双色调线条图标（navy 描边 + 品牌红点缀） */
.layout.is-full .value-card .ic .svg-ic{display:none}
.layout.is-full .value-card .ic::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:center/30px 30px no-repeat}
/* 定位：罗盘（navy 刻度环 + 红/藏青双色指针） */
.layout.is-full .value-grid .value-card:nth-child(1) .ic::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%2316365C' stroke-width='1.6'/%3E%3Cpath d='M12 4v1.5M12 18.5V20M4 12h1.5M18.5 12H20' stroke='rgba(22,54,92,.4)' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M15.6 8.4 13.8 13.8 8.4 15.6Z' fill='%2316365C'/%3E%3Cpath d='M15.6 8.4 10.2 10.2 8.4 15.6Z' fill='%23B02A24'/%3E%3C/svg%3E")}
/* 使命：旗帜（navy 旗杆 + 红色旗面） */
.layout.is-full .value-grid .value-card:nth-child(2) .ic::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 21V3.5' stroke='%2316365C' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M6 4.5c1.3-.9 2.6-1.3 3.9-1.3 2.3 0 3.9 1.5 6.2 1.5 1 0 2-.2 2.9-.7v7.2c-.9.5-1.9.7-2.9.7-2.3 0-3.9-1.5-6.2-1.5-1.3 0-2.6.4-3.9 1.3Z' fill='%23B02A24'/%3E%3C/svg%3E")}
/* 价值观：盾牌（navy 轮廓 + 红色对勾，呼应站内红勾语言） */
.layout.is-full .value-grid .value-card:nth-child(3) .ic::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 19 5.7v5.2c0 4.5-2.9 7.3-7 8.7-4.1-1.4-7-4.2-7-8.7V5.7Z' fill='none' stroke='%2316365C' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='m8.9 11.7 2.3 2.3 4.2-4.2' fill='none' stroke='%23B02A24' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.layout.is-full .value-card h3{font-size:20px;margin-bottom:12px;letter-spacing:.5px}
.layout.is-full .value-card p{font-size:14.5px;line-height:1.95}

/* ---------- 5. 三地公司：大号城市标 + 加高卡片 ---------- */
.layout.is-full .net-grid{gap:24px}
.layout.is-full .net-card{
  border-radius:14px;padding:34px 30px;border-color:#EDF1F6;
  box-shadow:0 6px 22px rgba(16,42,68,.06);
  transition:transform .28s,box-shadow .28s,border-color .28s}
.layout.is-full .net-card:hover{
  transform:translateY(-6px);box-shadow:0 20px 46px rgba(16,42,68,.14);border-color:#E6EDF5}
.layout.is-full .net-card .city{
  font-size:12.5px;padding:5px 14px;border-radius:5px;margin-bottom:16px;letter-spacing:1px}
.layout.is-full .net-card h4{font-size:21px;margin-bottom:12px}
.layout.is-full .net-card p{font-size:14.5px;line-height:2}
.layout.is-full .net-card .tag-cloud{margin-top:6px}
.layout.is-full .net-card .tag-cloud span{font-size:13px;padding:6px 13px}

/* ---------- 6. 口岸与海外网络：标题 + 标签云放大 ---------- */
.layout.is-full .content h3{font-size:17px;margin:0 0 14px}
.layout.is-full .content .tag-cloud{gap:10px}
.layout.is-full .content .tag-cloud span{font-size:13.5px;padding:8px 16px;border-radius:6px}

/* ---------- 7. 响应式 ---------- */
@media (max-width:1024px){
  .layout.is-full .about-grid2{grid-template-columns:1fr;gap:34px}
  .layout.is-full .about-img img{height:400px}
  .layout.is-full .about-grid2 > div:first-child > h2::after{font-size:31px}
  .layout.is-full .content > .sec-head{margin:64px 0 32px}
  .layout.is-full .content > .sec-head h2{font-size:29px !important}
  .layout.is-full .value-card,
  .layout.is-full .net-card{padding:28px 24px}
  .layout.is-full .stat-strip strong,
  .layout.is-full .stat-strip b{font-size:31px}
}
@media (max-width:640px){
  .layout.is-full .about-img img{height:270px}
  .layout.is-full .about-grid2 > div:first-child > h2::after{font-size:26px}
  .layout.is-full .content > .sec-head{margin:48px 0 26px}
  .layout.is-full .content > .sec-head h2{font-size:23px !important}
  .layout.is-full .stat-strip{margin-top:38px}
  .layout.is-full .stat-strip div{padding:22px 14px}
  .layout.is-full .stat-strip strong,
  .layout.is-full .stat-strip b{font-size:25px}
  .layout.is-full .about-img .about-badge{left:16px;bottom:16px;padding:13px 18px}
  .layout.is-full .about-img .about-badge strong{font-size:24px !important}
  .layout.is-full .value-card,
  .layout.is-full .net-card{padding:24px 20px}
}