:root {
    --primary-color:#00B95E;
    --primary-dark:#0aa95b;
    --primary-soft:rgba(0,185,94,.08);
    --primary-light:rgba(0,185,94,.035);
    --secondary-color:#0F172A;

    --text-primary:#0b1220;
    --text-secondary:#5b6777;

    --bg-light:#F6F8FB;
    --bg-white:#FFFFFF;

    --line:rgba(148,163,184,.40);
    --line-soft:rgba(148,163,184,.22);

    --radius:14px;

    /* 更高级的阴影：更“宽”、更“轻” */
    --shadow-sm:0 10px 30px rgba(2,8,23,.06);
    --shadow-md:0 18px 55px rgba(2,8,23,.10);

    --transition:all .28s ease;
  }

  *{margin:0;padding:0;box-sizing:border-box;font-family:"PingFang SC","Microsoft Yahei",Arial,sans-serif;}
  body{background:var(--bg-light);color:var(--text-primary);line-height:1.8;padding:42px 0;}

  .container{max-width:1200px;margin:0 auto;padding:0 24px;}

  /* ===== 高级背景：网格 + 光晕（轻量） ===== */
  .page-bg{
    position:relative;
    border-radius:20px;
    overflow:hidden;
  }
  .page-bg:before{
    content:"";
    position:absolute; inset:-2px;
    background:
      radial-gradient(900px 500px at 18% 10%, rgba(0,185,94,.10), transparent 55%),
      radial-gradient(900px 520px at 85% 25%, rgba(15,23,42,.06), transparent 55%),
      linear-gradient(180deg, #ffffff 0%, #fbfcfe 55%, #ffffff 100%);
    z-index:0;
  }
  .page-bg:after{
    content:"";
    position:absolute; inset:0;
    background-image:
      linear-gradient(to right, rgba(148,163,184,.18) 1px, transparent 1px),
      linear-gradient(to bottom, rgba(148,163,184,.18) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity:.16;
    pointer-events:none;
    z-index:0;
  }
  .page-inner{position:relative; z-index:1; padding:42px 0;}

  /* ===== Header ===== */
  .page-header{
    text-align:center;
    margin-bottom:46px;
    padding:18px 0 26px;
  }
  .page-header .brand-pill{
    display:inline-flex;align-items:center;gap:10px;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.62);
    backdrop-filter: blur(10px);
    color:rgba(15,23,42,.80);
    font-size:12px;
  }
  .brand-pill .dot{
    width:8px;height:8px;border-radius:50%;
    background:linear-gradient(180deg, var(--primary-color), #14d47a);
    box-shadow:0 0 0 6px rgba(0,185,94,.12);
  }

  .page-header h1{
    font-size:42px;
    font-weight:800;
    color:var(--secondary-color);
    margin:16px 0 12px;
    letter-spacing:-.6px;
    position:relative;
    display:inline-block;
  }
  .page-header h1:after{
    content:"";
    position:absolute;
    left:50%;transform:translateX(-50%);
    bottom:-10px;
    width:92px;height:3px;border-radius:2px;
    background:linear-gradient(90deg, var(--primary-color), #14d47a);
  }
  .page-header p{
    font-size:18px;
    color:var(--text-secondary);
    max-width:860px;
    margin:18px auto 0;
  }

  .hero-media{
    max-width:980px;
    margin:22px auto 0;
    border-radius:18px;
    border:1px solid var(--line-soft);
    overflow:hidden;
    background:rgba(255,255,255,.70);
    box-shadow: var(--shadow-sm);
  }
  .hero-media img{width:100%;display:block;object-fit:cover;}

  /* ===== Card：升级为玻璃质感 + 顶部细高光 ===== */
  .card{
    background:rgba(255,255,255,.78);
    border-radius:18px;
    box-shadow:var(--shadow-sm);
    padding:52px;
    margin-bottom:28px;
    transition:var(--transition);
    border:1px solid var(--line-soft);
    position:relative;
    overflow:hidden;
  }
  .card:before{
    content:"";
    position:absolute;left:0;top:0;right:0;height:1px;
    background:linear-gradient(90deg, transparent, rgba(0,185,94,.35), transparent);
    opacity:.9;
  }
  .card:hover{
    box-shadow:var(--shadow-md);
    transform: translateY(-2px);
    border-color: rgba(0,185,94,.22);
  }

  /* ===== Title ===== */
  .section-title{
    font-size:30px;
    color:var(--secondary-color);
    font-weight:800;
    margin-bottom:26px;
    display:flex;align-items:center;
    letter-spacing:-.2px;
  }
  .section-title:before{
    content:"";
    width:5px;height:26px;border-radius:99px;
    background:linear-gradient(180deg, var(--primary-color), #14d47a);
    margin-right:14px;
  }

  .about-content{font-size:17px;color:rgba(15,23,42,.82);margin-bottom:18px;text-align:justify;}

  /* ===== 数据指标：让页面更“厚” ===== */
  .metrics{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin:22px 0 10px;
  }
  .metric{
    border:1px solid var(--line-soft);
    border-radius:14px;
    padding:14px 14px;
    background:rgba(255,255,255,.72);
  }
  .metric .v{font-size:18px;font-weight:900;color:var(--secondary-color);}
  .metric .k{font-size:12px;color:var(--text-secondary);margin-top:2px;}
  .metric .bar{
    margin-top:10px;height:3px;border-radius:99px;
    background:linear-gradient(90deg, var(--primary-color), transparent);
    opacity:.55;
  }

  /* ===== 产品矩阵：从列表升级为“品牌卡片” ===== */
  .product-matrix{
    margin:26px 0 20px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
  }
  .p-card{
    border:1px solid var(--line-soft);
    border-radius:16px;
    padding:16px;
    background:#fff;
    transition:var(--transition);
    box-shadow: 0 10px 26px rgba(2,8,23,.05);
  }
  .p-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(2,8,23,.08);}
  .p-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;}
  .p-badge{
    font-size:12px;font-weight:900;
    color:var(--secondary-color);
    padding:7px 10px;border-radius:999px;
    border:1px solid rgba(0,185,94,.25);
    background: rgba(0,185,94,.06);
  }
  .p-mini{font-size:12px;color:rgba(15,23,42,.55);}
  .p-card h3{font-size:16px;font-weight:900;color:var(--secondary-color);margin:0 0 8px;}
  .p-card p{font-size:14px;color:var(--text-secondary);margin:0;}

  /* ===== 核心理念：更“克制”的高级块 ===== */
  .core-value{
    margin:22px 0;
    padding:18px 22px;
    border-radius:14px;
    border:1px solid rgba(0,185,94,.22);
    background:
      radial-gradient(420px 220px at 12% 20%, rgba(0,185,94,.18), transparent 55%),
      linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.70));
    color: var(--secondary-color);
    font-weight:800;
    position:relative;
    overflow:hidden;
  }
  .core-value:after{
    content:"";
    position:absolute;
    right:-40px;top:-40px;
    width:120px;height:120px;border-radius:50%;
    background: rgba(0,185,94,.10);
  }

  /* ===== 能力版图：高端“能力清单” ===== */
  .cap-wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:14px;
  }
  .cap{
    border:1px solid var(--line-soft);
    border-radius:16px;
    background:#fff;
    padding:16px;
  }
  .cap .row{
    display:flex;justify-content:space-between;gap:12px;
    padding:12px 12px;
    border:1px solid rgba(148,163,184,.18);
    border-radius:14px;
    margin-top:10px;
    background:linear-gradient(180deg,#fff,#fbfcfe);
  }
  .cap .row span{font-weight:900;color:var(--secondary-color);}
  .cap .row em{font-style:normal;color:rgba(15,23,42,.55);}

  /* ===== 联系我们（去外链图标，换SVG） ===== */
  .contact-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin-top:10px;
  }
  .contact-item{
    border:1px solid var(--line-soft);
    border-radius:16px;
    background:rgba(255,255,255,.78);
    padding:18px;
    transition:var(--transition);
  }
  .contact-item:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(2,8,23,.08);}
  .contact-icon{
    width:44px;height:44px;border-radius:12px;
    display:flex;align-items:center;justify-content:center;
    background: rgba(0,185,94,.10);
    border:1px solid rgba(0,185,94,.22);
    margin-bottom:12px;
  }
  .contact-icon svg{width:22px;height:22px;fill:var(--primary-color);}
  .contact-text h4{font-size:14px;color:rgba(15,23,42,.70);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;}
  .contact-text p{font-size:15px;color:var(--secondary-color);font-weight:700;line-height:1.5;}
  .link{color:var(--secondary-color);text-decoration:none;border-bottom:1px dashed rgba(0,185,94,.55);}
  .link:hover{border-bottom-style:solid;}

  .media-block{
    margin-top:18px;
    border-radius:16px;
    border:1px solid var(--line-soft);
    overflow:hidden;
    background:rgba(255,255,255,.72);
    box-shadow: var(--shadow-sm);
  }
  .media-block img{width:100%;display:block;object-fit:cover;}

  /* ===== Responsive ===== */
  @media (max-width: 1100px){
    .metrics{grid-template-columns:repeat(2,1fr);}
    .product-matrix{grid-template-columns:1fr;}
    .cap-wrap{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width: 768px){
    body{padding:18px 0;}
    .page-header h1{font-size:28px;}
    .page-header p{font-size:16px;}
    .card{padding:30px 18px;}
    .section-title{font-size:22px;margin-bottom:18px;}
    .about-content{font-size:15px;}
    .contact-grid{grid-template-columns:1fr;}
  }