:root{--ink:#17251e;--muted:#5d6d63;--green:#2eaa55;--green-dark:#14713a;--lime:#b9ed58;--paper:#f7faf6;--line:#dfe8df;--white:#fff;--mint:#eaf6e9;--orange:#ef9b55}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    img{max-width:100%;height:auto}
    .container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(247,250,246,.94);border-bottom:1px solid rgba(223,232,223,.9);backdrop-filter:blur(14px)}
    .header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;flex-shrink:0;font-weight:750}
    .brand img{width:42px;height:42px;object-fit:contain}
    .brand span{font-size:18px}
    .nav-links{display:flex;align-items:center;justify-content:flex-end;gap:0}
    .nav-links a{padding:10px 12px;color:#42544a;font-size:14px;white-space:nowrap;transition:color .2s}
    .nav-links a:hover{color:var(--green-dark)}
    .nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;padding:12px 18px;background:var(--green-dark);color:#fff;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer}
    .nav-cta{padding:10px 16px;white-space:nowrap}
    .button:hover,.nav-cta:hover{background:#0f6031;transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,113,58,.2)}
    .button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}
    .button.secondary:hover{background:var(--mint)}
    .menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:20px;cursor:pointer}
    .hero{position:relative;overflow:hidden;padding:88px 0 58px;background:linear-gradient(135deg,#f3faee 0%,#e8f6e8 54%,#f8fbf5 100%);border-bottom:1px solid #e1ebdf}
    .hero:before{content:"";position:absolute;inset:0 0 0 58%;opacity:.38;background-image:linear-gradient(90deg,transparent 49%,#b8d8b7 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#b8d8b7 50%,transparent 51%);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000)}
    .hero-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-size:13px;font-weight:750;text-transform:uppercase}
    .eyebrow:before{content:"";width:22px;height:2px;background:var(--green)}
    h1{max-width:720px;margin:16px 0 18px;font-size:clamp(38px,5vw,62px);line-height:1.12;letter-spacing:0;font-weight:800}
    .hero-copy{max-width:620px;color:#4e6155;font-size:17px;margin:0}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .hero-note{margin-top:18px;color:#68796e;font-size:13px}
    .hero-panel{position:relative;padding:26px;border:1px solid #d5e6d3;border-radius:12px;background:rgba(255,255,255,.78);box-shadow:0 18px 44px rgba(50,103,61,.08);animation:lift 5s ease-in-out infinite}
    .panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--line);font-weight:700}
    .live-mark{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--green-dark);font-weight:650}
    .live-mark:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #e5f6df}
    .model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}
    .model-grid span{padding:11px 8px;border-radius:6px;background:#f2f7f0;text-align:center;font-size:13px;font-weight:650;color:#344b3b}
    .workflow{display:flex;align-items:center;gap:8px;margin-top:18px;color:#63736a;font-size:12px}
    .workflow b{flex:1;height:1px;background:#cfdfcc}
    .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:26px 0;border-bottom:1px solid var(--line)}
    .stat{padding:6px 24px;border-right:1px solid var(--line)}
    .stat:first-child{padding-left:0}.stat:last-child{border:0}
    .stat strong{display:block;color:var(--green-dark);font-size:19px}
    .stat span{font-size:13px;color:var(--muted)}
    section.content-section{padding:76px 0}
    .section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
    .section-heading h2{margin:6px 0 0;font-size:34px;line-height:1.2;letter-spacing:0}
    .section-heading p{max-width:570px;margin:0;color:var(--muted)}
    .kicker{color:var(--green-dark);font-size:12px;font-weight:800;letter-spacing:1px}
    .intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start}
    .intro-grid h2{margin:8px 0 16px;font-size:34px;line-height:1.25}
    .intro-grid p{color:var(--muted);margin:0 0 14px}
    .capability-list{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;border-top:1px solid var(--line)}
    .capability-list div{padding:16px 0;border-bottom:1px solid var(--line)}
    .capability-list strong{display:block;margin-bottom:3px;font-size:15px}
    .capability-list span{font-size:13px;color:var(--muted)}
    .services{background:#eff6ec}
    .service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .service-item{padding:19px 18px;border:1px solid #dfeadd;border-radius:7px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
    .service-item:hover{transform:translateY(-4px);border-color:#a7d4a2;box-shadow:0 12px 24px rgba(41,94,49,.08)}
    .service-item h3{margin:0 0 7px;font-size:16px}
    .service-item p{margin:0;color:var(--muted);font-size:13px}
    .service-tag{display:inline-block;margin-top:13px;color:var(--green-dark);font-size:11px;font-weight:750}
    .all-in-one{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
    .feature-steps{display:grid;gap:0}
    .step{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}
    .step-num{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e6f3df;color:var(--green-dark);font-weight:800}
    .step h3{margin:0 0 3px;font-size:16px}
    .step p{margin:0;color:var(--muted);font-size:13px}
    .process-band{padding:25px;border-radius:9px;background:#173c2b;color:#f3fff3}
    .process-band h3{margin:0 0 14px;font-size:19px}
    .process-band p{margin:0;color:#d1e7d2;font-size:14px}
    .process-line{display:flex;align-items:center;gap:8px;margin:22px 0;color:#e6f6e2;font-size:12px}
    .process-line span{padding:8px 10px;border:1px solid #49745a;border-radius:4px;white-space:nowrap}
    .process-line i{height:1px;flex:1;background:#64856b}
    .solutions{background:#f0f7ed}
    .solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .solution{padding:21px 0;border-top:2px solid var(--green);border-bottom:1px solid #d6e3d3}
    .solution h3{margin:0 0 8px;font-size:17px}
    .solution p{margin:0;color:var(--muted);font-size:14px}
    .solution small{display:block;margin-top:12px;color:var(--green-dark);font-weight:650}
    .network-row{display:grid;grid-template-columns:1fr 1.4fr;gap:35px;align-items:start}
    .network-row h2{margin:7px 0;font-size:32px}
    .network-row p{margin:0;color:var(--muted)}
    .model-cloud{display:flex;flex-wrap:wrap;gap:9px}
    .model-cloud span{padding:8px 12px;border:1px solid #d6e4d4;border-radius:4px;background:#fff;color:#33493a;font-size:13px}
    .case-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
    .case{overflow:hidden;border-radius:7px;background:#fff;border:1px solid var(--line)}
    .case-media{aspect-ratio:16/9;overflow:hidden;background:#e8efe5}
    .case-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
    .case:hover .case-media img{transform:scale(1.035)}
    .case-copy{padding:16px 17px 18px}
    .case-copy h3{margin:0 0 5px;font-size:16px}
    .case-copy p{margin:0;color:var(--muted);font-size:13px}
    .compare-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:7px;background:#fff}
    table{width:100%;min-width:760px;border-collapse:collapse;text-align:left}
    th,td{padding:15px 17px;border-bottom:1px solid #e8eee7;font-size:14px}
    th{background:#eff6ec;color:#314639;font-weight:750}
    td:first-child{font-weight:650}
    td:last-child{color:#236c3b;font-weight:650}
    tr:last-child td{border-bottom:0}
    .rating{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;margin-bottom:18px;border-radius:7px;background:#193b2a;color:#fff}
    .rating strong{font-size:22px}
    .rating-score{font-size:14px;color:#d6ead5}
    .rating-score b{color:#d8f36c;font-size:28px}
    .match-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}
    .match-grid h2{margin:6px 0 14px;font-size:32px;line-height:1.25}
    .match-grid p{color:var(--muted)}
    .check-list{padding:0;margin:20px 0 0;list-style:none}
    .check-list li{padding:8px 0;color:#42574a}
    .check-list li:before{content:"✓";margin-right:10px;color:var(--green-dark);font-weight:800}
    .form-box{padding:25px;border:1px solid var(--line);border-radius:8px;background:#fff}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .field{display:grid;gap:6px}
    .field.full{grid-column:1/-1}
    .field label{font-size:13px;font-weight:700}
    .field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #ccd9cc;border-radius:5px;background:#fbfdfb;color:var(--ink);outline:none}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #e7f5e4}
    .field textarea{min-height:110px;resize:vertical}
    .form-submit{margin-top:15px}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
    details{border-bottom:1px solid var(--line);padding:15px 0}
    summary{cursor:pointer;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";font-size:20px;color:var(--green-dark);font-weight:400}
    details[open] summary:after{content:"−"}
    details p{margin:10px 28px 0 0;color:var(--muted);font-size:14px}
    .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .review{padding:20px;border-left:3px solid var(--green);background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .review p{margin:0 0 16px;color:#405247;font-size:14px}
    .review strong{font-size:13px}
    .review span{display:block;color:var(--muted);font-size:12px}
    .news-row{display:grid;grid-template-columns:1.1fr .9fr;gap:50px}
    .news-list{border-top:1px solid var(--line)}
    .news-list a{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-weight:650}
    .news-list a:hover{color:var(--green-dark)}
    .news-list small{flex-shrink:0;color:var(--muted);font-weight:400}
    .news-side{padding-left:24px;border-left:1px solid var(--line)}
    .news-side h3{margin:0 0 10px}
    .news-side p{color:var(--muted);font-size:14px}
    .article-links,.friend-links{display:flex;flex-wrap:wrap;gap:8px 16px}
    .article-links a,.friend-links a{color:var(--green-dark);font-size:13px;text-decoration:underline;text-underline-offset:3px}
    .cta-band{padding:30px 0;background:#e7f3e1;border-top:1px solid #d7e8d3}
    .cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
    .cta-inner h2{margin:0 0 5px;font-size:24px}
    .cta-inner p{margin:0;color:var(--muted)}
    .site-footer{padding:36px 0 24px;background:#eaf1e8;color:#23352a}
    .footer-main{display:flex;justify-content:space-between;gap:35px;padding-bottom:25px;border-bottom:1px solid #d1ddd0}
    .footer-brand{max-width:330px}
    .footer-brand p,.footer-contact p{margin:8px 0;color:#4e6253;font-size:13px}
    .footer-contact{display:grid;grid-template-columns:1fr 1fr;gap:4px 36px}
    .footer-bottom{display:flex;justify-content:space-between;gap:18px;padding-top:17px;color:#5e6e61;font-size:12px}
    .qr{width:108px;border:5px solid white;border-radius:4px}
    .contact-qr{display:flex;align-items:center;gap:12px}
    .float-tools{position:fixed;right:18px;bottom:22px;z-index:15;display:grid;gap:8px}
    .float-tools a,.float-tools button{width:46px;height:46px;display:grid;place-items:center;border:1px solid #d5e2d3;border-radius:50%;background:#fff;color:var(--green-dark);font-size:12px;font-weight:750;box-shadow:0 5px 17px rgba(22,56,31,.12);cursor:pointer}
    .reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}
    @keyframes lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
    @media(max-width:980px){
      .nav-links a{padding:10px 8px;font-size:13px}.nav-cta{padding:9px 12px;font-size:13px}
      .hero-inner{gap:30px}.service-grid{grid-template-columns:repeat(3,1fr)}
      .stats{grid-template-columns:repeat(2,1fr);row-gap:15px}.stat:nth-child(2){border:0}
    }
    @media(max-width:760px){
      .container{width:min(100% - 32px,620px)}
      .header-inner{min-height:66px}.brand img{width:37px;height:37px}
      .menu-toggle{display:block;margin-left:auto}
      .nav-cta{display:none}
      .nav-links{display:none;position:absolute;top:65px;left:0;right:0;padding:10px 16px 15px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 16px rgba(27,55,33,.08);align-items:stretch;flex-direction:column}
      .nav-links.open{display:flex}
      .nav-links a{padding:10px 6px;font-size:14px}
      .hero{padding:56px 0 34px}.hero-inner{grid-template-columns:1fr;gap:30px}
      h1{font-size:42px}.hero-copy{font-size:15px}
      .hero-panel{padding:20px}.model-grid{grid-template-columns:repeat(3,1fr)}
      .stats{padding:18px 0}.stat{padding:6px 12px}.stat:first-child{padding-left:0}
      section.content-section{padding:54px 0}
      .section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:29px}.section-heading p{margin-top:10px}
      .intro-grid,.all-in-one,.network-row,.match-grid,.news-row{grid-template-columns:1fr;gap:26px}
      .service-grid{grid-template-columns:repeat(2,1fr)}
      .solution-grid{grid-template-columns:1fr 1fr}
      .case-grid{grid-template-columns:1fr 1fr}
      .faq-grid{grid-template-columns:1fr}
      .review-grid{grid-template-columns:1fr 1fr}
      .news-side{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}
      .cta-inner{align-items:flex-start;flex-direction:column}
      .footer-main{flex-direction:column}
      .footer-contact{grid-template-columns:1fr 1fr}
      .footer-bottom{flex-direction:column}
    }
    @media(max-width:480px){
      .container{width:calc(100% - 28px)}
      h1{font-size:37px}
      .hero-actions .button{width:100%}
      .service-grid,.solution-grid,.case-grid,.review-grid{grid-template-columns:1fr}
      .capability-list{grid-template-columns:1fr}
      .model-grid span{font-size:12px}
      .form-box{padding:18px}
      .form-grid{grid-template-columns:1fr}
      .field.full{grid-column:auto}
      .rating{align-items:flex-start;flex-direction:column}
      .contact-qr{align-items:flex-start}
      .process-line{flex-wrap:wrap}
      .process-line i{min-width:12px}
      .float-tools{right:10px;bottom:12px}
      .float-tools a,.float-tools button{width:42px;height:42px}
    }
    @media(prefers-reduced-motion:reduce){
      *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
      .reveal{opacity:1;transform:none}
    }