:root{
      --ink:#152940;
      --muted:#6c8093;
      --line:#dfe8ef;
      --paper:#fff;
      --soft:#f4f9fd;
      --blue:#174f7d;
      --blue2:#dff1ff;
      --red:#c20e1a;
      --orange:#f28c55;
      --violet:#6672de;
      --green:#20a57a;
      --shadow:0 18px 48px rgba(35,76,110,.10)
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:#fff;font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif}
    a{color:inherit;text-decoration:none}
    button{font:inherit;border:none;background:none;cursor:pointer}
    img{max-width:100%;display:block}
    .container{width:min(1240px,calc(100% - 40px));margin:auto}
    .skip{position:fixed;left:12px;top:-60px;z-index:30;padding:10px 14px;color:#fff;background:var(--blue)}
    .skip:focus{top:12px}
    /* ========== 顶部Banner（导航上方大图） ========== */
.top-banner-wrap{
  width:100%;
  padding:1px 0;
}
.top-banner-wrap img{
  max-width: 1240px;   /* PC最大宽度，改这里调长短 */
  width: auto !important;
  max-height: none !important;
  height: auto;
  object-fit:contain;
  display:block;
  margin:0 auto;
}
/*手机端*/
@media(max-width:600px){
  .top-banner-wrap{
    padding:4px 0;
  }
  .top-banner-wrap img{
    max-width: calc(100% - 30px);
  }
}
    /* ========== 红色导航栏【修改：外层100%铺满屏幕】 ========== */
    .main-nav-wrap{
      width: 100%;
      background: var(--red);
      padding:1px 0;
    }
    .main-nav{
      max-width: 1240px;
      margin: 0 auto;
      border-radius:12px;
      overflow:hidden;
    }
    .main-nav ul{
      display:flex;
      list-style:none;
      margin:0;
      padding:0;
    }
    .main-nav li{
      flex-shrink:0;
    }
    .main-nav a{
      display:block;
      color:#fff;
      font-size:18px;
      padding:16px 24px;
      white-space:nowrap;
      transition:0.2s;
    }
    .main-nav a:hover{
      background:#a00a14;
    }
    /* 移动端导航横向滚动 */
    @media (max-width:992px){
      .main-nav{
        width:100%;
        padding:0 12px;
      }
      .main-nav ul{
        overflow-x:auto;
        scrollbar-width:none;
      }
      .main-nav ul::-webkit-scrollbar{
        display:none;
      }
      .main-nav a{
        font-size:16px;
        padding:14px 18px;
      }
    }
    /* Hero */
    .hero{position:relative;min-height:540px;overflow:hidden;background:radial-gradient(circle at 80% 22%,rgba(255,255,255,.9),transparent 26%),linear-gradient(120deg,#eaf6ff 0,#d9edff 52%,#edf7ff 100%)}
    .hero:after{content:"";position:absolute;right:-100px;top:-210px;width:560px;height:560px;border:70px solid rgba(255,255,255,.48);border-radius:50%}
    .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;min-height:540px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 12px;color:#d94b53;background:rgba(255,255,255,.78);border:1px solid rgba(233,87,93,.20);border-radius:5px;font-size:13px;font-weight:700}
    .hero h1{max-width:720px;margin:0;font-size:48px;line-height:1.15;letter-spacing:-.03em;text-wrap:balance}
    .hero h1 em{color:#e84956;font-style:normal}
    .hero-copy>p{max-width:640px;margin:20px 0 0;color:#526b80;font-size:16px;line-height:1.9}
    .hero-actions{display:flex;align-items:center;gap:14px;margin-top:32px}
    .primary,.secondary{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 26px;border-radius:7px;font-weight:700;transition:.22s}
    .primary{color:#fff;background:linear-gradient(90deg,#e84956,#ed7561);box-shadow:0 10px 24px rgba(225,74,83,.22)}
    .secondary{color:#c7434a;background:#fff;border:1px solid #f0b5b8}
    .primary:hover,.secondary:hover{transform:translateY(-2px)}
    .hero-notes{display:flex;gap:18px;margin-top:26px;color:#587187;font-size:12px}
    .hero-notes span:before{content:"✓";margin-right:6px;color:var(--green);font-weight:900}
    .hero-art{position:relative;min-height:400px}
    .orbital{position:absolute;left:50%;top:52%;width:400px;height:160px;background:rgba(255,255,255,.62);border:24px solid rgba(255,255,255,.82);border-radius:50%;box-shadow:0 30px 65px rgba(47,116,164,.18),inset 0 -12px 0 rgba(233,87,93,.84);transform:translate(-50%,-50%)}
    .paper-card{position:absolute;left:50%;top:40px;width:190px;height:240px;padding:30px 24px;color:#fff;background:linear-gradient(155deg,#ff805f,#e84956);border-radius:18px 36px 42px 20px;box-shadow:0 30px 55px rgba(204,60,71,.30);transform:translateX(-50%) rotate(5deg)}
    .paper-card strong{display:block;font-size:26px;font-style:italic}
    .paper-card span{display:block;margin-top:8px;font-size:17px;font-weight:700}
    .paper-card i{display:block;margin-top:58px;padding-top:16px;border-top:1px solid rgba(255,255,255,.4);font-size:11px;font-style:normal;line-height:1.7}
    .float-tag{position:absolute;z-index:3;padding:11px 15px;color:#fff;background:#ef7180;border:1px solid rgba(255,255,255,.5);border-radius:7px;box-shadow:0 12px 28px rgba(49,89,124,.12);font-size:13px;font-weight:700}
    .tag-1{left:0;top:95px}
    .tag-2{right:0;top:145px}
    /* Product Panel */
    .product-shell{position:relative;z-index:4;margin-top:-44px}
    .product-panel{padding:36px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
    .wanfang-tab-header{display:flex;justify-content:center;gap:40px;margin-bottom:22px}
    .wanfang-tab-header button{font-size:20px;padding:8px 4px;border-bottom:3px solid transparent;color:#555;font-weight:700}
    .wanfang-tab-header button.active{color:#e84956;border-bottom-color:#e84956}
    .product-desc-text{color:#526b80;margin-bottom:26px;font-size:15px;line-height:1.8}
    .product-grid-wf{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
    .wf-product-card{
      border:1px solid var(--line);
      border-radius:12px;
      padding:24px 16px;
      position:relative;
      transition:.22s;
      cursor:pointer;
      background:#fff
    }
    .wf-product-card.active{
      border-color:#e84956;
      box-shadow:0 0 0 1px rgba(233,87,93,.18)
    }
    .wf-product-card.active::after{
      content:"✓";
      position:absolute;
      top:0;
      right:0;
      width:34px;
      height:34px;
      background:#e84956;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:0 12px 0 10px;
      font-weight:bold
    }
    .wf-product-card:hover{
      border-color:#f1a4a7;
      transform:translateY(-3px)
    }
    .wf-icon-placeholder{
      width:52px;
      height:52px;
      margin:0 auto 14px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:30px;
      color:#e84956;
      background:rgba(233,87,93,.08);
      border-radius:10px
    }
    .wf-product-card h4{
      text-align:center;
      margin:0 0 8px;
      font-size:18px;
      color:var(--ink)
    }
    .wf-desc{
      font-size:13px;
      color:#526b80;
      text-align:center;
      line-height:1.7;
      margin-bottom:16px
    }
    .wf-price{
      text-align:center;
      font-size:18px;
      color:#e84956;
      font-weight:900
    }
    .tab-panel{display:none}
    .tab-panel.show{display:block}
    .current-select-text{margin-top:18px;font-size:14px;color:#43586c;font-weight:700}
    .helper{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:18px;color:#43586c;background:#f1f8fd;border-radius:10px;font-size:13px;border:1px solid #dce9ff}
    .helper b{color:var(--blue)}
    .helper a{color:#e84956;font-weight:700}
    /* Capability */
    .core-products{padding:96px 0 40px}
    .center-head{max-width:780px;margin:0 auto 44px;text-align:center}
    .center-head small{color:#e84956;font-size:12px;font-weight:800;letter-spacing:.14em}
    .center-head h2{margin:10px 0 12px;font-size:36px;color:var(--ink)}
    .center-head p{margin:0;color:var(--muted);line-height:1.85}
    .capability{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin:28px 0;padding:44px;background:#fff;border:1px solid var(--line);border-radius:20px}
    .capability:nth-of-type(even) .capability-copy{order:2}
    .capability:nth-of-type(even) .capability-visual{order:1}
    .capability-copy .cap-no{color:#e84956;font-size:12px;font-weight:900;letter-spacing:.15em}
    .capability-copy h3{margin:12px 0 14px;font-size:30px;color:var(--ink)}
    .capability-copy>p{margin:0;color:#63798d;line-height:1.9}
    .feature-list{display:grid;gap:16px;margin-top:26px}
    .feature{position:relative;padding-left:24px}
    .feature:before{content:"";position:absolute;left:2px;top:8px;width:9px;height:9px;background:#f1a4a7;transform:rotate(45deg)}
    .feature b{display:block;margin-bottom:3px;font-size:16px;color:var(--ink)}
    .feature span{color:#6d8194;font-size:13px;line-height:1.7}
    .capability-visual{position:relative;min-height:365px;padding:46px;background:#fff0f0;border-radius:18px;overflow:hidden}
    .capability.aigc .capability-visual{background:#eef0ff}
    .capability-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.42) 1px,transparent 1px);background-size:34px 34px}
    .report-mock{position:relative;z-index:2;min-height:250px;padding:24px;background:#fff;border:1px solid #e0e8ef;border-radius:14px;box-shadow:0 24px 45px rgba(40,75,107,.14)}
    .mock-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e6edf2}
    .mock-top strong{font-size:14px;color:var(--ink)}
    .mock-score{color:#e84956;font-size:24px;font-weight:900}
    .aigc .mock-score{color:var(--violet)}
    .mock-lines{display:grid;gap:12px;margin-top:22px}
    .mock-lines i{display:block;height:10px;background:linear-gradient(90deg,#e9eef3 0 66%,transparent 66%);border-radius:5px}
    .mock-lines i:nth-child(2){width:83%}
    .mock-lines i:nth-child(3){width:62%}
    .mock-chart{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;margin-top:28px}
    .donut{display:grid;width:105px;height:105px;place-items:center;border:17px solid #f2b1b4;border-right-color:#e84956;border-radius:50%;font-size:15px;font-weight:800;color:var(--ink)}
    .aigc .donut{border-color:#cbd0ff;border-right-color:var(--violet)}
    .bars{display:grid;gap:10px}
    .bars i{height:11px;background:linear-gradient(90deg,#e95e63 0 45%,#eef2f5 45%);border-radius:5px}
    .aigc .bars i{background:linear-gradient(90deg,#777fe0 0 62%,#eef2f5 62%)}
    /* Process */
    .process{padding:84px 0}
    .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
    .step{padding:26px 22px;background:#fff;border:1px solid var(--line);border-radius:14px}
    .step i{display:grid;width:40px;height:40px;place-items:center;color:#fff;background:var(--blue);border-radius:10px;font-style:normal;font-weight:800}
    .step b{display:block;margin:18px 0 7px;color:var(--ink)}
    .step span{color:var(--muted);font-size:13px;line-height:1.7}
    /* Audiences */
    .audiences{padding:84px 0;background:#edf6fd}
    .audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
    .audience-card{padding:26px;background:#fff;border:1px solid #dce7ef;border-radius:14px}
    .audience-card h3{margin:0 0 16px;font-size:19px;color:var(--ink)}
    .audience-card dl{display:grid;grid-template-columns:72px 1fr;gap:8px;margin:0;font-size:13px;line-height:1.7}
    .audience-card dt{color:#8a9aaa}
    .audience-card dd{margin:0;color:#50697e}
    .audience-card .recommend{margin-top:18px;padding-top:14px;color:#e84956;border-top:1px solid #e7edf2;font-size:12px;font-weight:700}
    /* Brand */
    .brand-story{padding:94px 0;background:#fff}
    .brand-banner{display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;color:#fff;background:linear-gradient(120deg,#123e68,#236b98 58%,#e5575d 150%);border-radius:20px}
    .brand-copy{padding:54px}
    .brand-copy small{color:#bfe5ff;font-weight:700;letter-spacing:.14em}
    .brand-copy h2{margin:14px 0 16px;font-size:36px}
    .brand-copy p{color:#d5e7f4;line-height:1.9}
    .brand-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
    .brand-points div{padding:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:10px}
    .brand-points b{display:block}
    .brand-points span{display:block;margin-top:4px;color:#bad2e3;font-size:11px}
    .brand-seal{display:grid;min-height:380px;place-items:center}
    .seal{width:220px;padding:38px 26px;color:var(--ink);background:#fff;border-radius:22px;box-shadow:0 30px 60px rgba(10,33,53,.27);text-align:center}
    .seal strong{display:block;color:#e84956;font-size:42px;font-style:italic}
    .seal b{display:block;margin:10px 0 18px;font-size:18px;letter-spacing:2px;color:var(--ink)}
    .seal span{display:block;padding-top:16px;color:#75889a;border-top:1px solid #e5ebef;font-size:12px;line-height:1.8}
    /* Partner Logo Wall */
    .partners{padding:86px 0;background:#fafcfe}
    .partners-title{text-align:center}
    .partners-title h2{margin:0;font-size:32px;color:var(--ink)}
    .partners-title p{margin:12px 0 0;color:var(--muted)}
    .partner-wall{position:relative;margin-top:36px;padding:26px 20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
    .partner-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px 16px}
    .partner-item{display:flex;align-items:center;justify-content:center;height:72px;padding:10px 14px;background:#fff;border:1px solid #dfe8ef;border-radius:10px}
    .partner-item img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(100%);opacity:.72;transition:.3s}
    .partner-item:hover img{filter:grayscale(0%);opacity:1}
    .partner-note{margin-top:20px;color:#75889a;font-size:12px;text-align:center}
    /* FAQ */
    .faq{padding:84px 0}
    .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
    .faq-copy h2{margin:0;font-size:34px;color:var(--ink)}
    .faq-copy p{color:var(--muted);line-height:1.8}
    .faq-list{display:grid;gap:12px}
    .faq-item{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:12px}
    .faq-item b{display:block;margin-bottom:8px;color:var(--ink)}
    .faq-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
    /* Footer */
    .site-footer{padding:54px 0 24px;color:#c3d3df;background:#123b60}
    .footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:46px}
    .footer-brand h2{margin:0;color:#fff;font-size:28px}
    .footer-brand p{max-width:360px;color:#9fb7c9;font-size:13px;line-height:1.8}
    .footer-col h3{margin:4px 0 16px;color:#fff;font-size:15px}
    .footer-col a{display:block;margin:10px 0;color:#acc0d0;font-size:13px}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:20px;color:#89a4b8;border-top:1px solid rgba(255,255,255,.12);font-size:12px}
    @media(max-width:900px){
      .hero-grid,.capability,.brand-banner,.faq-grid{grid-template-columns:1fr}
      .hero{min-height:auto}
      .hero-grid{padding:56px 0}
      .hero-art{display:none}
      .hero h1{font-size:38px}
      .product-panel{padding:26px 20px}
      .product-grid-wf{grid-template-columns:repeat(2,1fr)}
      .partner-grid{grid-template-columns:repeat(4,1fr)}
      .capability:nth-of-type(even) .capability-copy,.capability:nth-of-type(even) .capability-visual{order:initial}
      .process-grid{grid-template-columns:1fr 1fr}
      .footer-grid{grid-template-columns:1fr 1fr}
      .footer-brand{grid-column:1/-1}
      .capability{padding:30px;gap:30px}
    }
    @media(max-width:600px){
      .container{width:min(100% - 24px,1180px)}
      .hero h1{font-size:32px}
      .hero-copy>p{font-size:14px}
      .hero-actions{align-items:stretch;flex-direction:column}
      .hero-notes{align-items:flex-start;flex-direction:column;gap:8px}
      .product-shell{margin-top:-26px}
      .wanfang-tab-header{gap:22px}
      .wanfang-tab-header button{font-size:17px}
      .product-grid-wf{grid-template-columns:1fr}
      .partner-grid{grid-template-columns:repeat(3,1fr)}
      .center-head h2{font-size:27px}
      .capability{padding:24px 20px}
      .capability-copy h3{font-size:25px}
      .capability-visual{min-height:300px;padding:26px 20px}
      .mock-chart{grid-template-columns:85px 1fr}
      .donut{width:82px;height:82px;border-width:13px}
      .brand-copy{padding:36px 26px}
      .brand-copy h2{font-size:29px}
      .brand-points{grid-template-columns:1fr}
      .brand-seal{min-height:300px}
      .footer-grid{grid-template-columns:1fr;gap:30px}
      .footer-bottom{flex-direction:column}
    }
    
    
    /* ==================== 11. 悬浮客服 ==================== */
.float-customer-service {
    position: fixed;
    right: 22px;
    bottom: 22px;
    background: #ff0909;
    padding: 10px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 3px 14px rgba(3, 183, 82, 0.4);
    cursor: pointer;
    z-index: 999;
    transition: var(--transition);
}
.float-customer-service a {
    color: #fff !important;
    text-decoration: none !important;
}
.float-customer-service:hover {
    opacity: 0.9;
    transform: scale(1.03);
}