*,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
  body{
    margin:0;
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
    color:#111a30;
    background:linear-gradient(180deg,#f6f7ff 0%,#fdfdff 32%,#f7f9ff 62%,#ffffff 100%);
    line-height:1.75;
    font-size:15px;
    overflow-x:hidden;
  }
  img{max-width:100%;height:auto;display:block;}
  a{text-decoration:none;color:inherit;}
  h1,h2,h3,h4{margin:0;font-weight:700;color:#0e1730;line-height:1.35;}
  p{margin:0;}
  ul,ol{margin:0;padding:0;list-style:none;}
  button{font-family:inherit;}
  .container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
  .section{padding:74px 0;position:relative;}
  .section-soft{background:linear-gradient(180deg,rgba(238,241,255,.72),rgba(247,249,255,.9));}
  .section-head{max-width:780px;margin:0 auto 42px;text-align:center;}
  .section-tag{
    display:inline-block;padding:6px 16px;border-radius:999px;
    background:rgba(79,70,229,.09);color:#4a41d6;font-size:13px;font-weight:700;letter-spacing:.05em;
  }
  .section-head h2{font-size:31px;margin:16px 0 12px;letter-spacing:-.01em;}
  .section-head p{color:#5a6883;font-size:15px;}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:13px 26px;border-radius:12px;font-size:15px;font-weight:600;
    border:1px solid transparent;cursor:pointer;white-space:nowrap;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;
  }
  .btn:active{transform:translateY(0) scale(.985);}
  .btn-primary{
    color:#fff;background:linear-gradient(115deg,#4f46e5 0%,#7c3aed 48%,#0ea5e9 100%);
    box-shadow:0 12px 26px -12px rgba(79,70,229,.9);
  }
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 32px -14px rgba(79,70,229,.95);}
  .btn-ghost{background:#fff;color:#453fbe;border-color:#d7dbf7;box-shadow:0 4px 14px -8px rgba(79,70,229,.5);}
  .btn-ghost:hover{transform:translateY(-2px);border-color:#a9b1ec;}
  .btn-line{background:rgba(255,255,255,.7);color:#2c3a58;border-color:#dfe4f5;}
  .btn-line:hover{transform:translateY(-2px);border-color:#aeb7ea;color:#4a41d6;}

  /* 导航 */
  .site-header{
    position:sticky;top:0;z-index:200;
    background:rgba(255,255,255,.9);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    border-bottom:1px solid #e9ecf8;
  }
  .header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;}
  .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .ai-page-logo{width:auto;height:34px;}
  .brand-text{font-size:17px;font-weight:700;letter-spacing:.02em;color:#131c36;}
  .nav-links{display:flex;align-items:center;gap:0;flex-wrap:nowrap;}
  .nav-links a{
    padding:8px 10px;font-size:13.5px;font-weight:500;color:#495570;border-radius:8px;
    transition:color .2s ease,background .2s ease;white-space:nowrap;
  }
  .nav-links a:hover{color:#4a41d6;background:rgba(79,70,229,.08);}
  .header-cta{padding:9px 18px;font-size:14px;border-radius:10px;flex-shrink:0;}
  .nav-toggle{
    display:none;align-items:center;justify-content:center;
    width:42px;height:38px;border-radius:10px;border:1px solid #dfe4f5;background:#fff;cursor:pointer;
  }
  .nav-toggle span{display:block;width:18px;height:2px;background:#3a4664;border-radius:2px;position:relative;transition:transform .25s ease,background .25s ease;}
  .nav-toggle span::before,.nav-toggle span::after{
    content:"";position:absolute;left:0;width:18px;height:2px;background:#3a4664;border-radius:2px;transition:transform .25s ease,top .25s ease;
  }
  .nav-toggle span::before{top:-6px;}
  .nav-toggle span::after{top:6px;}
  .nav-toggle[aria-expanded="true"] span{background:transparent;}
  .nav-toggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg);}
  .nav-toggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg);}

  /* 首屏 */
  .hero{
    position:relative;overflow:hidden;
    padding:66px 0 60px;
    background:
      radial-gradient(900px 420px at 8% -6%,rgba(99,102,241,.16),transparent 66%),
      radial-gradient(820px 400px at 92% 4%,rgba(14,165,233,.16),transparent 64%),
      radial-gradient(760px 420px at 62% 108%,rgba(236,72,153,.12),transparent 66%),
      linear-gradient(180deg,#f7f8ff 0%,#ffffff 100%);
  }
  .hero-bg{position:absolute;inset:0;pointer-events:none;}
  .orb{position:absolute;border-radius:50%;filter:blur(56px);opacity:.45;}
  .orb-1{width:300px;height:300px;background:#a5b4fc;top:-90px;right:6%;animation:floatA 16s ease-in-out infinite;}
  .orb-2{width:240px;height:240px;background:#7dd3fc;bottom:-70px;left:-40px;animation:floatB 18s ease-in-out infinite;}
  .orb-3{width:200px;height:200px;background:#fbcfe8;top:40%;right:38%;animation:floatA 20s ease-in-out infinite reverse;}
  @keyframes floatA{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(-26px,28px,0);}}
  @keyframes floatB{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(24px,-22px,0);}}
  .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.18fr .82fr;gap:48px;align-items:center;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    padding:6px 15px;border-radius:999px;
    background:rgba(255,255,255,.86);border:1px solid #dfe4fb;color:#4a41d6;
    font-size:13px;font-weight:700;letter-spacing:.04em;
    box-shadow:0 8px 20px -16px rgba(79,70,229,.9);
  }
  .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#0ea5e9);}
  .hero h1{
    font-size:44px;line-height:1.24;margin:20px 0 18px;letter-spacing:-.015em;
    background:linear-gradient(115deg,#1b2050 0%,#3b34b8 48%,#0b7fc4 100%);
    -webkit-background-clip:text;background-clip:text;color:#1b2050;
    -webkit-text-fill-color:transparent;
  }
  .hero-sub{color:#4f5b76;font-size:16px;max-width:620px;}
  .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;align-items:center;}
  .hero-note{margin-top:18px;font-size:13.5px;color:#6b7893;}
  .hero-panel{
    background:rgba(255,255,255,.86);
    border:1px solid #e4e8fa;
    border-radius:22px;
    padding:24px;
    box-shadow:0 30px 60px -38px rgba(43,52,120,.55);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    animation:panelIn .8s ease both;
  }
  @keyframes panelIn{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
  .panel-head{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#1a2340;}
  .panel-head i{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#0ea5e9);display:block;box-shadow:0 0 0 4px rgba(79,70,229,.12);}
  .panel-sub{margin-top:6px;font-size:13px;color:#6b7893;}
  .model-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;}
  .model-pills span{
    padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:600;color:#3d4785;
    background:#f2f4ff;border:1px solid #e2e6fb;
    transition:transform .25s ease,background .25s ease,color .25s ease;
  }
  .model-pills span:hover{transform:translateY(-2px);background:#e8ebff;color:#3f37c9;}
  .panel-foot{
    margin-top:20px;padding-top:16px;border-top:1px dashed #dfe4f5;
    font-size:13px;color:#54617e;display:flex;align-items:center;gap:8px;
  }
  .panel-foot strong{color:#3f37c9;font-weight:700;}

  /* 数据指标 */
  .metrics{
    position:relative;z-index:2;
    display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
    margin-top:52px;
    padding:24px;
    border-radius:20px;
    background:rgba(255,255,255,.9);
    border:1px solid #e7eaf9;
    box-shadow:0 26px 50px -42px rgba(35,45,110,.7);
  }
  .metric{text-align:center;padding:8px 6px;border-right:1px solid #eef1fa;}
  .metric:last-child{border-right:none;}
  .metric strong{display:block;font-size:26px;font-weight:800;letter-spacing:-.01em;color:#2f2ab5;}
  .metric span{display:block;margin-top:4px;font-size:13px;color:#5f6c88;}

  /* 关于 */
  .about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:stretch;}
  .about-main{
    background:#fff;border:1px solid #e9ecf8;border-radius:20px;padding:32px;
    box-shadow:0 20px 44px -38px rgba(35,45,110,.75);
  }
  .about-main p{color:#46536e;margin-bottom:16px;font-size:15px;}
  .about-main p:last-of-type{margin-bottom:0;}
  .about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;}
  .about-stats div{
    padding:16px 14px;border-radius:14px;
    background:linear-gradient(150deg,#f4f6ff,#fdfbff);
    border:1px solid #e8ebfb;
  }
  .about-stats strong{display:block;font-size:15px;color:#3a33b8;}
  .about-stats span{display:block;margin-top:5px;font-size:12.5px;color:#61708c;line-height:1.6;}
  .about-list{
    display:flex;flex-direction:column;gap:12px;
    padding:26px;border-radius:20px;
    background:linear-gradient(160deg,rgba(240,243,255,.95),rgba(250,252,255,.95));
    border:1px solid #e6eaf9;
  }
  .about-list li{
    background:#fff;border-radius:14px;padding:14px 16px;
    border-left:3px solid #7c8cf5;
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  }
  .about-list li:hover{transform:translateX(4px);border-left-color:#0ea5e9;box-shadow:0 12px 26px -22px rgba(50,60,140,.9);}
  .about-list strong{display:block;font-size:14.5px;color:#1d2745;}
  .about-list span{display:block;margin-top:2px;font-size:13px;color:#61708c;line-height:1.6;}

  /* 服务 */
  .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}
  .card{
    background:#fff;border:1px solid #e9ecf8;border-radius:18px;padding:26px;
    box-shadow:0 2px 8px rgba(16,24,40,.03);
    transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;
  }
  .card:hover{transform:translateY(-5px);box-shadow:0 26px 46px -30px rgba(64,60,180,.55);border-color:#d4d9f7;}
  .service-card{position:relative;overflow:hidden;}
  .service-card::before{
    content:"";position:absolute;top:0;left:0;right:0;height:4px;
    background:linear-gradient(90deg,#4f46e5,#7c3aed,#0ea5e9);
    opacity:.85;
  }
  .service-card h3{font-size:18px;margin-bottom:10px;}
  .service-card>p{color:#54617e;font-size:14px;min-height:66px;}
  .service-card ul{margin-top:14px;padding-top:14px;border-top:1px dashed #e6eaf7;}
  .service-card li{
    position:relative;padding-left:16px;font-size:13.5px;color:#4e5c7a;line-height:1.9;
  }
  .service-card li::before{
    content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;
    background:linear-gradient(135deg,#6366f1,#22d3ee);
  }

  /* 一站式制作 */
  .studio-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:start;}
  .studio-intro{
    padding:28px;border-radius:20px;color:#fff;
    background:linear-gradient(150deg,#4f46e5 0%,#6d3bdb 55%,#0ea5e9 100%);
    box-shadow:0 30px 56px -34px rgba(79,70,229,.9);
  }
  .studio-intro h3{color:#fff;font-size:20px;margin-bottom:12px;}
  .studio-intro p{color:rgba(255,255,255,.9);font-size:14px;}
  .studio-intro .btn{margin-top:22px;background:#fff;color:#3b34b8;border-color:#fff;}
  .studio-intro .btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px -14px rgba(0,0,0,.35);}
  .tag-cloud{
    display:flex;flex-wrap:wrap;gap:10px;
    padding:26px;border-radius:20px;background:#fff;border:1px solid #e9ecf8;
    box-shadow:0 18px 40px -36px rgba(35,45,110,.8);
  }
  .tag-cloud span{
    padding:8px 15px;border-radius:10px;font-size:13.5px;font-weight:500;color:#3f4b6b;
    background:#f5f7ff;border:1px solid #e6eaf9;
    transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease;
  }
  .tag-cloud span:hover{transform:translateY(-3px);background:#eaeeff;color:#3b33bd;border-color:#c9d0f7;}
  .media-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;}
  .media-frame{
    border-radius:16px;overflow:hidden;border:1px solid #e8ecf9;background:#f4f6fd;
    aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .media-frame:hover{transform:translateY(-4px);box-shadow:0 22px 40px -30px rgba(50,60,140,.85);}
  .media-frame img{width:100%;height:100%;object-fit:contain;}

  /* 行业方案 */
  .solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
  .solution-card{display:flex;gap:18px;align-items:flex-start;}
  .solution-mark{
    flex:0 0 46px;height:46px;border-radius:14px;
    background:linear-gradient(135deg,#eef1ff,#e2f2ff);
    border:1px solid #dee4fb;
    display:flex;align-items:center;justify-content:center;
    font-size:13px;font-weight:800;color:#4a41d6;letter-spacing:.02em;
  }
  .solution-body h3{font-size:17px;margin-bottom:8px;}
  .solution-body p{color:#54617e;font-size:14px;}
  .solution-body ul{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;}
  .solution-body li{
    font-size:12.5px;color:#4c5880;background:#f4f6ff;border:1px solid #e6eaf9;
    padding:3px 10px;border-radius:8px;
  }

  /* 服务网络 */
  .network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .network-card{
    padding:22px;border-radius:16px;background:#fff;border:1px solid #e9ecf8;
    transition:transform .28s ease,box-shadow .28s ease;
  }
  .network-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px -32px rgba(50,60,140,.85);}
  .network-card h3{font-size:15.5px;color:#2f2ab5;margin-bottom:8px;}
  .network-card p{font-size:13.5px;color:#5c6a86;}

  /* 流程 */
  .process-list{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
  .process-item{
    position:relative;padding:24px 18px;border-radius:16px;
    background:#fff;border:1px solid #e9ecf8;
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
  }
  .process-item:hover{transform:translateY(-5px);border-color:#cdd4f8;box-shadow:0 24px 42px -32px rgba(50,60,140,.9);}
  .step-no{
    display:inline-block;font-size:13px;font-weight:800;letter-spacing:.08em;
    color:#4a41d6;padding:3px 10px;border-radius:8px;background:rgba(79,70,229,.09);
  }
  .process-item h3{font-size:15.5px;margin:12px 0 8px;}
  .process-item p{font-size:13px;color:#5c6a86;line-height:1.7;}

  /* 案例 */
  .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .case-card{padding:0;overflow:hidden;}
  .case-card .case-media{
    aspect-ratio:4/3;background:#f4f6fd;display:flex;align-items:center;justify-content:center;
    border-bottom:1px solid #eef1fa;
  }
  .case-card .case-media img{width:100%;height:100%;object-fit:contain;}
  .case-body{padding:22px;}
  .case-body h3{font-size:16.5px;margin-bottom:8px;}
  .case-body p{font-size:13.5px;color:#54617e;}

  /* 对比 */
  .compare-grid{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start;}
  .table-wrap{
    overflow-x:auto;border-radius:18px;border:1px solid #e6eaf8;background:#fff;
    box-shadow:0 20px 44px -38px rgba(35,45,110,.8);
  }
  table.compare-table{width:100%;border-collapse:collapse;min-width:640px;font-size:14px;}
  table.compare-table th,
  table.compare-table td{padding:15px 18px;text-align:left;border-bottom:1px solid #eef1fa;vertical-align:top;}
  table.compare-table thead th{
    background:linear-gradient(120deg,#f3f5ff,#eef7ff);
    color:#28315a;font-weight:700;font-size:14px;white-space:nowrap;
  }
  table.compare-table thead th:nth-child(2){color:#3b33bd;}
  table.compare-table tbody tr:last-child td{border-bottom:none;}
  table.compare-table tbody th{font-weight:600;color:#2a3453;background:#fbfcff;white-space:nowrap;}
  table.compare-table td{color:#4f5c79;}
  table.compare-table td.best{color:#2f2ab5;font-weight:600;background:#f8f9ff;}
  .score-panel{
    border-radius:20px;padding:28px;color:#fff;
    background:linear-gradient(155deg,#4338ca 0%,#7c3aed 52%,#0ea5e9 100%);
    box-shadow:0 30px 56px -34px rgba(79,70,229,.95);
  }
  .score-panel h3{color:#fff;font-size:17px;margin-bottom:14px;}
  .score-num{display:flex;align-items:baseline;gap:6px;}
  .score-num strong{font-size:48px;line-height:1;font-weight:800;letter-spacing:-.02em;}
  .score-num span{font-size:15px;color:rgba(255,255,255,.82);}
  .score-stars{margin-top:10px;font-size:16px;letter-spacing:3px;color:#ffd666;}
  .score-stars span{font-size:12.5px;letter-spacing:0;color:rgba(255,255,255,.88);margin-left:6px;vertical-align:2px;}
  .score-list{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.28);display:flex;flex-direction:column;gap:9px;}
  .score-list li{font-size:13.5px;color:rgba(255,255,255,.94);position:relative;padding-left:16px;}
  .score-list li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#fff;opacity:.85;}
  .score-panel .btn{margin-top:22px;width:100%;background:#fff;color:#3b34b8;}
  .score-panel .btn:hover{transform:translateY(-2px);}

  /* Token 比价 */
  .price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .price-card{
    padding:24px;border-radius:18px;background:#fff;border:1px solid #e9ecf8;
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
  }
  .price-card:hover{transform:translateY(-5px);border-color:#cdd4f8;box-shadow:0 24px 42px -32px rgba(50,60,140,.9);}
  .price-card h3{font-size:15.5px;margin-bottom:8px;color:#1e2745;}
  .price-card .price-tag{
    display:inline-block;margin-bottom:12px;padding:4px 12px;border-radius:8px;
    font-size:12.5px;font-weight:700;color:#3b33bd;background:rgba(79,70,229,.1);
  }
  .price-card p{font-size:13.5px;color:#566380;}

  /* 评论 */
  .reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .review-card{
    margin:0;padding:24px;border-radius:18px;background:#fff;border:1px solid #e9ecf8;
    display:flex;flex-direction:column;
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .review-card:hover{transform:translateY(-5px);box-shadow:0 24px 44px -32px rgba(50,60,140,.85);}
  .stars{color:#f5a623;font-size:14px;letter-spacing:2px;}
  .review-card blockquote{
    margin:12px 0 0;padding:0;font-size:14px;color:#44506c;line-height:1.8;flex:1;
  }
  .review-card figcaption{margin-top:18px;padding-top:14px;border-top:1px dashed #e6eaf7;}
  .review-card figcaption strong{display:block;font-size:14px;color:#1e2745;}
  .review-card figcaption span{display:block;font-size:12.5px;color:#71809b;margin-top:2px;}

  /* FAQ */
  .faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
  .faq-item{
    background:#fff;border:1px solid #e7ebf8;border-radius:14px;overflow:hidden;
    transition:border-color .28s ease,box-shadow .28s ease;
  }
  .faq-item.open{border-color:#c9d0f7;box-shadow:0 18px 36px -32px rgba(50,60,140,.9);}
  .faq-q{
    width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:17px 20px;background:transparent;border:none;cursor:pointer;text-align:left;
    font-size:15px;font-weight:600;color:#1e2745;line-height:1.6;
  }
  .faq-q:hover{color:#3b33bd;}
  .faq-icon{position:relative;flex:0 0 18px;height:18px;}
  .faq-icon::before,.faq-icon::after{
    content:"";position:absolute;top:50%;left:50%;background:#6b74c9;border-radius:2px;
    transition:transform .3s ease,opacity .3s ease;
  }
  .faq-icon::before{width:12px;height:2px;transform:translate(-50%,-50%);}
  .faq-icon::after{width:2px;height:12px;transform:translate(-50%,-50%);}
  .faq-item.open .faq-icon::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
  .faq-item.open .faq-a{max-height:460px;}
  .faq-a p{padding:0 20px 18px;font-size:14px;color:#54617e;line-height:1.85;}

  /* 文章 */
  .article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
  .article-item{
    display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:16px;
    background:#fff;border:1px solid #e9ecf8;
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
  }
  .article-item:hover{transform:translateY(-3px);border-color:#cdd4f8;box-shadow:0 22px 40px -32px rgba(50,60,140,.85);}
  .article-idx{
    flex:0 0 40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;
    font-size:13px;font-weight:800;color:#3b33bd;
    background:linear-gradient(135deg,#eef1ff,#e6f5ff);border:1px solid #e0e6fb;
  }
  .article-item h3{font-size:14.5px;color:#1e2745;line-height:1.6;}
  .article-item p{font-size:12.5px;color:#71809b;margin-top:3px;}

  /* 联系 */
  .contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start;}
  .contact-form{
    background:#fff;border:1px solid #e9ecf8;border-radius:20px;padding:30px;
    box-shadow:0 24px 48px -40px rgba(35,45,110,.85);
  }
  .contact-form h3{font-size:18px;margin-bottom:6px;}
  .contact-form .form-tip{font-size:13.5px;color:#71809b;margin-bottom:22px;}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .field{display:flex;flex-direction:column;gap:7px;}
  .field.full{grid-column:1/-1;}
  .field label{font-size:13.5px;font-weight:600;color:#2b3453;}
  .field input,.field select,.field textarea{
    width:100%;padding:11px 14px;border:1px solid #dfe4f5;border-radius:10px;
    font-size:14px;font-family:inherit;color:#101a30;background:#fbfcff;
    transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
  }
  .field textarea{resize:vertical;min-height:110px;line-height:1.7;}
  .field input:focus,.field select:focus,.field textarea:focus{
    outline:none;border-color:#8b8ff0;background:#fff;box-shadow:0 0 0 3px rgba(79,70,229,.14);
  }
  .form-grid .btn{grid-column:1/-1;width:100%;margin-top:4px;}
  .contact-side{display:flex;flex-direction:column;gap:18px;}
  .contact-block{
    background:#fff;border:1px solid #e9ecf8;border-radius:18px;padding:24px;
    box-shadow:0 18px 40px -36px rgba(35,45,110,.8);
  }
  .contact-block h3{font-size:16px;margin-bottom:14px;}
  .contact-list{display:flex;flex-direction:column;gap:10px;}
  .contact-list li{display:flex;gap:10px;font-size:13.8px;color:#4a5674;align-items:baseline;}
  .contact-list li b{color:#2b3453;font-weight:600;flex:0 0 76px;}
  .qr-box{display:flex;align-items:center;gap:18px;}
  .qr-frame{
    width:112px;height:112px;border-radius:12px;overflow:hidden;border:1px solid #e6eaf8;
    background:#f7f8ff;display:flex;align-items:center;justify-content:center;flex:0 0 112px;
  }
  .qr-frame img{width:100%;height:100%;object-fit:contain;}
  .qr-text strong{display:block;font-size:14px;color:#1e2745;}
  .qr-text span{display:block;font-size:13px;color:#71809b;margin-top:4px;line-height:1.7;}

  /* 加盟 */
  .join-panel{
    border-radius:22px;padding:38px;
    background:
      radial-gradient(600px 260px at 12% 0%,rgba(255,255,255,.28),transparent 70%),
      linear-gradient(125deg,#3f37c9 0%,#6d3bdb 50%,#0ea5e9 100%);
    color:#fff;box-shadow:0 34px 60px -38px rgba(79,70,229,.95);
    display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;
  }
  .join-panel h2{color:#fff;font-size:27px;margin-bottom:12px;}
  .join-panel p{color:rgba(255,255,255,.9);font-size:14.5px;}
  .join-panel .join-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
  .join-panel .btn-white{background:#fff;color:#3b34b8;}
  .join-panel .btn-white:hover{transform:translateY(-2px);}
  .join-panel .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.65);}
  .join-panel .btn-outline:hover{background:rgba(255,255,255,.14);transform:translateY(-2px);}
  .join-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .join-list li{
    background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);
    border-radius:12px;padding:13px 15px;font-size:13.5px;color:#fff;line-height:1.6;
  }

  /* 页脚 */
  .site-footer{
    background:#f4f6fd;color:#3d4a66;
    border-top:1px solid #e5e9f7;
    padding:48px 0 26px;margin-top:0;
  }
  .footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;}
  .footer-brand .ai-page-logo{height:32px;margin-bottom:14px;}
  .footer-brand p{font-size:13.5px;color:#4e5b78;line-height:1.85;}
  .footer-brand .footer-mail{margin-top:8px;color:#3b33bd;font-weight:600;}
  .footer-col h3{font-size:14.5px;color:#1e2745;margin-bottom:14px;}
  .footer-nav-list{display:flex;flex-direction:column;gap:9px;}
  .footer-nav-list a{font-size:13.5px;color:#4e5b78;transition:color .2s ease,transform .2s ease;}
  .footer-nav-list a:hover{color:#3b33bd;transform:translateX(3px);}
  .footer-col p{font-size:13.5px;color:#4e5b78;line-height:1.9;}
  .footer-links{
    margin-top:32px;padding-top:22px;border-top:1px solid #e2e7f6;
    display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;
  }
  .footer-links .links-label{font-size:13px;font-weight:600;color:#2b3453;}
  .footer-links a{font-size:13px;color:#4e5b78;transition:color .2s ease;}
  .footer-links a:hover{color:#3b33bd;}
  .footer-bottom{
    margin-top:22px;padding-top:18px;border-top:1px solid #e2e7f6;
    display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;
  }
  .footer-bottom p{font-size:12.5px;color:#71809b;}
  .footer-bottom a{font-size:12.5px;color:#3b33bd;font-weight:600;}

  /* 浮动 */
  .float-dock{
    position:fixed;right:16px;bottom:18px;z-index:300;
    display:flex;flex-direction:column;align-items:flex-end;gap:10px;
  }
  .float-btn{
    width:52px;height:52px;border-radius:16px;border:1px solid #dfe4f5;
    background:#fff;color:#3b34b8;font-size:11.5px;font-weight:700;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    cursor:pointer;box-shadow:0 16px 30px -20px rgba(35,45,110,.95);
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
  }
  .float-btn:hover{transform:translateY(-3px);box-shadow:0 22px 34px -20px rgba(35,45,110,1);}
  .float-btn.top-btn{background:linear-gradient(140deg,#4f46e5,#0ea5e9);color:#fff;border-color:transparent;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .25s ease;}
  .float-btn.top-btn.show{opacity:1;visibility:visible;}
  .support-card{
    width:236px;padding:18px;border-radius:16px;background:#fff;border:1px solid #e4e9f7;
    box-shadow:0 30px 50px -34px rgba(35,45,110,.95);
    display:none;
  }
  .support-card.show{display:block;animation:panelIn .3s ease both;}
  .support-card h4{font-size:14px;margin-bottom:10px;color:#1e2745;}
  .support-card p{font-size:12.8px;color:#54617e;line-height:1.85;}
  .support-card .qr-frame{width:88px;height:88px;flex:0 0 88px;margin-top:2px;}
  .support-card .qr-row{display:flex;align-items:center;gap:12px;margin:10px 0 4px;}

  /* 动画 */
  .reveal{opacity:0;transform:translateY(20px);transition:opacity .62s ease,transform .62s ease;}
  .reveal.in{opacity:1;transform:none;}
  @media (prefers-reduced-motion:reduce){
    .reveal{opacity:1 !important;transform:none !important;}
    .orb{animation:none;}
    .hero-panel{animation:none;}
  }

  /* 响应式 */
  @media (max-width:1080px){
    .nav-toggle{display:flex;}
    .nav-links{
      position:absolute;top:100%;left:0;right:0;
      flex-direction:column;align-items:stretch;gap:0;
      background:#fff;border-bottom:1px solid #e9ecf8;
      padding:6px 20px 14px;display:none;
      box-shadow:0 22px 34px -26px rgba(16,24,40,.45);
    }
    .nav-links.open{display:flex;}
    .nav-links a{padding:12px 6px;font-size:15px;border-bottom:1px solid #f1f3fb;}
    .nav-links a:last-child{border-bottom:none;}
    .hero-inner{grid-template-columns:1fr;gap:34px;}
    .hero h1{font-size:36px;}
    .about-grid{grid-template-columns:1fr;}
    .service-grid{grid-template-columns:repeat(2,1fr);}
    .compare-grid{grid-template-columns:1fr;}
    .price-grid{grid-template-columns:repeat(2,1fr);}
    .reviews-grid{grid-template-columns:repeat(2,1fr);}
    .process-list{grid-template-columns:repeat(3,1fr);}
    .network-grid{grid-template-columns:repeat(2,1fr);}
    .contact-grid{grid-template-columns:1fr;}
    .join-panel{grid-template-columns:1fr;padding:32px;}
    .footer-top{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:820px){
    .case-grid{grid-template-columns:1fr;}
    .studio-wrap{grid-template-columns:1fr;}
    .solution-grid{grid-template-columns:1fr;}
    .article-grid{grid-template-columns:1fr;}
    .media-strip{grid-template-columns:1fr;}
  }
  @media (max-width:680px){
    .section{padding:52px 0;}
    .section-head h2{font-size:24px;}
    .hero{padding:42px 0 44px;}
    .hero h1{font-size:28px;}
    .hero-sub{font-size:14.5px;}
    .hero-actions{gap:10px;}
    .hero-actions .btn{flex:1 1 auto;padding:12px 18px;font-size:14px;}
    .metrics{grid-template-columns:repeat(2,1fr);gap:14px;padding:18px;margin-top:36px;}
    .metric{border-right:none;padding:6px 2px;}
    .metric strong{font-size:21px;}
    .service-grid{grid-template-columns:1fr;}
    .service-card>p{min-height:0;}
    .process-list{grid-template-columns:1fr;}
    .network-grid{grid-template-columns:1fr;}
    .price-grid{grid-template-columns:1fr;}
    .reviews-grid{grid-template-columns:1fr;}
    .about-stats{grid-template-columns:1fr;}
    .form-grid{grid-template-columns:1fr;}
    .join-list{grid-template-columns:1fr;}
    .footer-top{grid-template-columns:1fr;gap:24px;}
    .contact-list li{flex-direction:row;}
    .contact-list li b{flex:0 0 72px;}
    .qr-box{flex-direction:row;align-items:flex-start;}
    .float-dock{right:12px;bottom:14px;}
    .float-btn{width:48px;height:48px;border-radius:14px;}
    .support-card{width:214px;}
  }