:root{--ink:#24242a;--muted:#666570;--paper:#fffaf6;--white:#fff;--line:#e9e3df;--pink:#f04478;--orange:#ff8c50;--yellow:#f5cf4d;--blue:#4269d5;--mint:#4eaa89;--soft:#fff0eb;--shadow:0 14px 36px rgba(50,32,36,.08);--width:1160px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"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(var(--width),calc(100% - 40px));margin-inline:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,246,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
    .header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand{display:flex;align-items:center;gap:10px;flex:none;font-size:18px;font-weight:800}
    .brand img{width:39px;max-height:39px;object-fit:contain}
    .nav-links{display:flex;align-items:center;justify-content:flex-end;gap:0;flex-wrap:wrap}
    .nav-links a{padding:8px 7px;font-size:12px;color:#514e57;white-space:nowrap}
    .nav-links a:hover{color:var(--pink)}
    .header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:5px;background:var(--pink);color:#fff;font-weight:700;padding:12px 19px;transition:transform .2s,box-shadow .2s,background .2s}
    .header-cta{flex:none;padding:10px 15px;font-size:13px}
    .header-cta:hover,.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(240,68,120,.24);background:#d92e65}
    .menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:5px;padding:8px 11px;color:var(--ink)}
    .hero{position:relative;overflow:hidden;padding:76px 0 54px;background:linear-gradient(128deg,#fff1eb 0%,#fffaf6 54%,#fff5d9 100%);border-bottom:1px solid #f1e8df}
    .hero:after{content:"";position:absolute;right:-100px;top:-160px;width:430px;height:430px;border:1px solid rgba(240,68,120,.18);border-radius:50%;box-shadow:0 0 0 34px rgba(240,68,120,.035),0 0 0 70px rgba(240,68,120,.025);pointer-events:none}
    .hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:52px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#bd355f;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
    .eyebrow:before{content:"";width:22px;height:3px;background:var(--orange)}
    h1{max-width:650px;margin:17px 0 16px;font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:0}
    .hero-copy{max-width:600px;color:var(--muted);font-size:17px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
    .button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}
    .hero-note{margin-top:18px;font-size:13px;color:#77737b}
    .hero-panel{padding:26px 26px 23px;border:1px solid rgba(36,36,42,.09);border-radius:8px;background:rgba(255,255,255,.8);box-shadow:var(--shadow);transform:rotate(1deg);animation:rise .7s ease both}
    .panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--line)}
    .panel-top strong{font-size:16px}
    .live-label{color:#297f61;font-size:12px;font-weight:700}
    .report-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid #f0ece8}
    .report-row:last-of-type{border-bottom:0}
    .report-row span{display:block;color:var(--muted);font-size:12px}
    .report-row b{font-size:16px}
    .report-row .accent{color:var(--pink);font-size:20px}
    .mini-bars{display:flex;align-items:end;gap:7px;height:42px;margin-top:13px}
    .mini-bars i{display:block;width:13%;border-radius:3px 3px 0 0;background:var(--orange)}
    .mini-bars i:nth-child(1){height:35%}.mini-bars i:nth-child(2){height:55%;background:var(--pink)}.mini-bars i:nth-child(3){height:47%;background:var(--yellow)}.mini-bars i:nth-child(4){height:82%;background:var(--blue)}.mini-bars i:nth-child(5){height:67%;background:var(--mint)}.mini-bars i:nth-child(6){height:100%;background:var(--pink)}.mini-bars i:nth-child(7){height:73%;background:var(--orange)}
    .metrics{padding:23px 0;background:#fff}
    .metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
    .metric{padding:8px 22px;border-right:1px solid var(--line)}
    .metric:last-child{border:0}
    .metric strong{font-size:23px;color:var(--pink)}
    .metric span{display:block;color:var(--muted);font-size:13px}
    main{overflow:hidden}
    .section{padding:76px 0}
    .section.tint{background:#fff3ed}
    .section.white{background:#fff}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
    .section-head h2{margin:7px 0 0;font-size:34px;line-height:1.2}
    .section-head p{max-width:520px;margin:0;color:var(--muted)}
    .kicker{color:#ba3c65;font-size:12px;font-weight:800;letter-spacing:.1em}
    .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}
    .intro-grid p{margin-top:0;color:var(--muted)}
    .capability-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
    .capability-list div{padding:13px 0;border-bottom:1px solid var(--line);font-weight:700}
    .capability-list span{display:block;color:var(--muted);font-size:13px;font-weight:400}
    .service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .service{padding:20px;border:1px solid var(--line);background:#fff;border-radius:6px;transition:transform .22s,box-shadow .22s}
    .service:hover,.quote:hover,.case:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .service .number{display:inline-block;margin-bottom:12px;color:var(--pink);font-size:12px;font-weight:800}
    .service h3{margin:0 0 7px;font-size:17px}
    .service p{margin:0;color:var(--muted);font-size:13px}
    .service.wide{grid-column:span 2;background:#fff0eb}
    .text-link{display:inline-block;margin-top:12px;color:#c53360;font-size:13px;font-weight:700}
    .workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .step{padding:22px 18px 22px 0;position:relative}
    .step:not(:last-child):after{content:"→";position:absolute;right:12px;top:21px;color:var(--orange);font-weight:800}
    .step b{display:block;margin-bottom:6px;font-size:16px}
    .step span{color:var(--muted);font-size:13px}
    .solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .solution{padding:22px 0;border-top:3px solid var(--pink)}
    .solution:nth-child(2){border-color:var(--blue)}.solution:nth-child(3){border-color:var(--mint)}
    .solution h3{margin:3px 0 8px}.solution p{margin:0;color:var(--muted);font-size:14px}
    .network{display:flex;flex-wrap:wrap;gap:9px}
    .network span{padding:9px 12px;border:1px solid #e6deda;border-radius:4px;background:#fff;font-size:13px}
    .network span:nth-child(4n+1){border-color:#f4b3c3}.network span:nth-child(4n+2){border-color:#c1c9f2}.network span:nth-child(4n+3){border-color:#f1d889}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .timeline article{padding:17px 18px;border-left:3px solid var(--orange);background:#fff}
    .timeline b{display:block;margin-bottom:6px}.timeline p{margin:0;color:var(--muted);font-size:13px}
    .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
    .case{overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;transition:transform .22s,box-shadow .22s}
    .case .image-wrap{aspect-ratio:16/9;overflow:hidden;background:#f3ebe7}
    .case .image-wrap img{width:100%;height:100%;object-fit:cover}
    .case-content{padding:17px}.case h3{margin:0 0 5px;font-size:17px}.case p{margin:0;color:var(--muted);font-size:13px}
    .review-score{display:flex;align-items:center;gap:18px;margin-bottom:24px;padding:20px 24px;background:#fff0eb;border-radius:6px}
    .review-score strong{font-size:38px;color:var(--pink);line-height:1}
    .stars{color:#e7a900;letter-spacing:2px;font-size:20px}
    .review-score span{color:var(--muted);font-size:13px}
    .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:5px;background:#fff}
    table{width:100%;border-collapse:collapse;min-width:700px}
    th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}
    th{background:#fff4ee;font-size:13px}
    tr:last-child td{border-bottom:0}
    td:first-child{font-weight:700}
    .good{color:#187650;font-weight:700}.reference{color:#777}
    .token-layout{display:grid;grid-template-columns:1fr .75fr;gap:30px;align-items:center}
    .token-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    .token-visual div{padding:15px 12px;background:#fff;border:1px solid var(--line);border-radius:5px}
    .token-visual b{display:block;font-size:14px}.token-visual span{font-size:12px;color:var(--muted)}
    .token-copy p{color:var(--muted)}
    .tag-cloud{display:flex;flex-wrap:wrap;gap:9px}
    .tag-cloud span{padding:7px 11px;background:#fff;border:1px solid var(--line);border-radius:3px;font-size:13px}
    .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .quote{padding:20px;border:1px solid var(--line);background:#fff;border-radius:5px;transition:transform .22s,box-shadow .22s}
    .quote p{margin:0 0 16px;color:#44414a;font-size:14px}
    .quote strong{display:block;font-size:13px}.quote span{color:var(--muted);font-size:12px}
    .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
    details{border-bottom:1px solid var(--line);padding:14px 2px}
    summary{cursor:pointer;font-weight:700;list-style:none;padding-right:28px;position:relative}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";position:absolute;right:5px;top:0;color:var(--pink);font-size:20px}
    details[open] summary:after{content:"−"}
    details p{margin:10px 0 2px;color:var(--muted);font-size:14px}
    .contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:start}
    .contact-copy p{color:var(--muted)}
    .contact-line{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
    .contact-line b{display:inline-block;min-width:95px}
    .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
    .field{display:flex;flex-direction:column;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 #ddd5d0;border-radius:4px;background:#fff;color:var(--ink)}
    .field textarea{min-height:105px;resize:vertical}
    .form-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}
    .articles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .article{padding:17px 0;border-top:1px solid var(--line)}
    .article span{color:#bc4168;font-size:12px;font-weight:700}
    .article h3{margin:7px 0;font-size:16px}
    .article p{margin:0;color:var(--muted);font-size:13px}
    .article-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
    .article-links a{padding:7px 10px;background:#fff;border:1px solid var(--line);border-radius:3px;font-size:12px}
    .footer{padding:32px 0 22px;background:#fff;color:var(--ink);border-top:1px solid var(--line)}
    .footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
    .footer p{margin:8px 0;color:var(--muted);font-size:13px}
    .footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;max-width:650px}
    .footer-links a{color:#4f4a52;font-size:13px}
    .copyright{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);color:#77737b;font-size:12px}
    .floating{position:fixed;right:17px;bottom:20px;z-index:15;display:grid;gap:8px}
    .floating a,.to-top{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 5px 16px rgba(0,0,0,.1);font-size:12px;font-weight:700}
    .floating a:hover,.to-top:hover{color:var(--pink)}
    .to-top{cursor:pointer}
    .reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}
    @keyframes rise{from{opacity:0;transform:translateY(12px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(1deg)}}
    @media(max-width:1000px){
      .nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:12px 20px 18px;background:var(--paper);border-bottom:1px solid var(--line);justify-content:flex-start;box-shadow:0 12px 20px rgba(0,0,0,.06)}
      .nav-links.open{display:flex}.menu-toggle{display:inline-flex}.header-inner{gap:10px}.header-cta{margin-left:auto}
      .service-grid{grid-template-columns:repeat(2,1fr)}.service.wide{grid-column:span 2}
    }
    @media(max-width:700px){
      .container{width:min(var(--width),calc(100% - 30px))}
      .header-inner{min-height:66px}.brand{font-size:16px}.brand img{width:33px;max-height:33px}.header-cta{font-size:12px;padding:9px 11px}
      .nav-links{top:66px;max-height:75vh;overflow:auto}
      .hero{padding:52px 0 36px}.hero-inner{grid-template-columns:1fr;gap:28px}.hero-copy{font-size:15px}.hero-panel{transform:none;padding:20px}.hero:after{right:-240px}
      .metrics-grid{grid-template-columns:1fr 1fr;row-gap:15px}.metric:nth-child(2){border-right:0}.metric{padding:5px 13px}
      .section{padding:54px 0}.section-head{display:block}.section-head h2{font-size:29px}.section-head p{margin-top:12px}
      .intro-grid,.token-layout,.contact-grid{grid-template-columns:1fr;gap:22px}
      .capability-list{grid-template-columns:1fr 1fr}
      .workflow{grid-template-columns:1fr 1fr}.step{padding:15px 12px 15px 0}.step:nth-child(2):after{display:none}
      .solution-grid,.case-grid,.review-grid,.articles{grid-template-columns:1fr 1fr}
      .timeline{grid-template-columns:1fr 1fr}
      .faq-list{grid-template-columns:1fr}
      .footer-top{display:block}.footer-links{justify-content:flex-start;margin-top:15px}
    }
    @media(max-width:460px){
      .service-grid,.solution-grid,.case-grid,.review-grid,.articles{grid-template-columns:1fr}
      .service.wide{grid-column:auto}.workflow{grid-template-columns:1fr}
      .step:not(:last-child):after{content:"↓";right:14px}.timeline{grid-template-columns:1fr}
      .contact-form{grid-template-columns:1fr}.field.full,.form-note{grid-column:auto}
      .hero-actions .button{width:100%}.review-score{align-items:flex-start;flex-wrap:wrap}
      .token-visual{grid-template-columns:1fr 1fr}
    }
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}