:root{
      --bg:#fff8f2;
      --panel:#ffffff;
      --panel2:#fff1ea;
      --text:#1f2430;
      --muted:#5c6475;
      --line:#eadbd2;
      --brand:#ff5a3d;
      --brand2:#ffb13b;
      --brand3:#4f7cff;
      --shadow:0 18px 50px rgba(31,36,48,.10);
      --shadow2:0 12px 28px rgba(255,90,61,.16);
      --radius:22px;
      --radius2:16px;
      --container:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 10% 10%, rgba(255,177,59,.18), transparent 24%),
        radial-gradient(circle at 90% 0%, rgba(79,124,255,.12), transparent 22%),
        linear-gradient(180deg, #fffaf5 0%, #fff7f1 42%, #fffdfb 100%);
    }
    img{display:block; max-width:100%; height:auto}
    a{color:inherit; text-decoration:none}
    .container{width:min(var(--container), calc(100% - 32px)); margin:0 auto}
    .topbar,.site-header,.site-footer,.section{position:relative}
    .topbar{
      border-bottom:1px solid rgba(234,219,210,.7);
      background:rgba(255,248,242,.8);
      backdrop-filter:blur(10px);
    }
    .topbar-inner,.header-inner,.footer-inner{
      display:flex; align-items:center; justify-content:space-between; gap:16px;
      padding:14px 0;
    }
    .brand{display:flex; align-items:center; gap:12px; min-width:0}
    .brand img{width:42px; height:42px; object-fit:contain}
    .brand strong{display:block; font-size:18px; letter-spacing:.4px}
    .brand span{display:block; font-size:12px; color:var(--muted)}
    .home-link,.btn,.ghost-btn,.nav-link,.tag,.chip,.faq-q,.submit-btn{
      transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
    }
    .nav{
      display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:flex-end;
    }
    .nav-link{font-size:14px; color:var(--muted); padding:8px 10px; border-radius:999px}
    .nav-link:hover,.nav-link:focus{color:var(--text); background:#fff; box-shadow:0 8px 20px rgba(31,36,48,.08)}
    .header-actions{display:flex; align-items:center; gap:10px}
    .btn,.ghost-btn,.submit-btn,.home-link{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      border-radius:999px; padding:12px 18px; font-weight:700; border:1px solid transparent;
      cursor:pointer;
    }
    .btn{background:linear-gradient(135deg,var(--brand),#ff7849 55%,var(--brand2)); color:#fff; box-shadow:var(--shadow2)}
    .btn:hover,.submit-btn:hover{transform:translateY(-2px)}
    .ghost-btn{background:#fff; color:var(--text); border-color:var(--line)}
    .ghost-btn:hover{transform:translateY(-2px); box-shadow:var(--shadow)}
    .menu-btn{display:none; border:1px solid var(--line); background:#fff; border-radius:14px; padding:10px 12px}
    .hero{
      padding:30px 0 22px;
    }
    .hero-grid{
      display:grid; grid-template-columns:1.35fr .85fr; gap:22px; align-items:stretch;
    }
    .hero-main,.hero-side,.card,.section-card,.quote-card,.pricing-card,.form-card,.article-card,.faq-item,.compare-wrap,.timeline-card,.table-card{
      background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,247,.98));
      border:1px solid rgba(234,219,210,.8);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }
    .hero-main{padding:28px; overflow:hidden}
    .kicker{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background:linear-gradient(135deg,rgba(255,90,61,.12),rgba(79,124,255,.12)); color:#8d3a2b; font-weight:700; font-size:13px}
    h1{font-size:clamp(34px,5vw,58px); line-height:1.08; margin:16px 0 14px; letter-spacing:-.03em}
    .hero p{margin:0; color:var(--muted); line-height:1.8; font-size:16px}
    .hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px}
    .hero-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:24px}
    .stat{padding:16px; border-radius:18px; background:linear-gradient(180deg,#fff,#fff7f2); border:1px solid #f0ddd3}
    .stat b{display:block; font-size:22px; margin-bottom:5px}
    .stat span{font-size:12px; color:var(--muted); line-height:1.5}
    .hero-side{padding:22px; display:grid; gap:14px}
    .mini-panel{padding:18px; border-radius:18px; background:linear-gradient(135deg, rgba(255,90,61,.09), rgba(79,124,255,.08)); border:1px solid rgba(255,90,61,.12)}
    .mini-panel h3{margin:0 0 8px; font-size:18px}
    .mini-panel p{margin:0; color:var(--muted); line-height:1.7; font-size:14px}
    .tag-cloud,.chips{display:flex; flex-wrap:wrap; gap:10px}
    .tag,.chip{padding:9px 12px; border-radius:999px; background:#fff; border:1px solid var(--line); color:#384052; font-size:13px}
    .chip:hover,.tag:hover{transform:translateY(-1px); border-color:#ffc0ad; box-shadow:0 8px 18px rgba(255,90,61,.08)}
    section{padding:18px 0}
    .section-head{display:flex; justify-content:space-between; align-items:end; gap:16px; margin-bottom:16px}
    .section-head h2{margin:0; font-size:28px; line-height:1.15}
    .section-head p{margin:0; color:var(--muted); max-width:720px; line-height:1.7}
    .section-grid{display:grid; gap:16px}
    .grid-3{grid-template-columns:repeat(3,1fr)}
    .grid-2{grid-template-columns:repeat(2,1fr)}
    .card{padding:22px}
    .card h3{margin:0 0 10px; font-size:18px}
    .card p,.card li{color:var(--muted); line-height:1.7}
    .card ul{margin:0; padding-left:18px}
    .icon-badge{width:46px; height:46px; border-radius:16px; display:grid; place-items:center; background:linear-gradient(135deg,rgba(255,90,61,.14),rgba(255,177,59,.14)); color:#d94d30; font-weight:800; margin-bottom:14px}
    .workflow{display:grid; grid-template-columns:repeat(4,1fr); gap:12px}
    .step{padding:18px; border-radius:20px; background:#fff; border:1px solid var(--line); position:relative}
    .step b{display:inline-flex; width:32px; height:32px; border-radius:50%; align-items:center; justify-content:center; background:var(--brand); color:#fff; margin-bottom:12px}
    .table-card{padding:12px; overflow:auto}
    table{width:100%; border-collapse:separate; border-spacing:0; min-width:760px}
    th,td{padding:15px 14px; text-align:left; vertical-align:top; border-bottom:1px solid #f0e1d8}
    th{background:#fff7f2; font-size:14px}
    tr:last-child td{border-bottom:none}
    .rating{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
    .stars{color:#ff9b2f; letter-spacing:1px}
    .compare-wrap{padding:22px}
    .compare-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px}
    .scorebox{padding:18px; border-radius:18px; background:linear-gradient(135deg,#fff7f2,#fff); border:1px solid #f0ddd3}
    .scorebox .big{font-size:42px; font-weight:800; color:var(--brand)}
    .price-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
    .pricing-card{padding:22px; position:relative; overflow:hidden}
    .pricing-card.featured{border-color:#ffc4b5; box-shadow:0 20px 50px rgba(255,90,61,.16)}
    .pricing-card .price{font-size:30px; font-weight:800; margin:12px 0 6px}
    .pricing-card .sub{color:var(--muted); font-size:13px}
    .pricing-card ul{padding-left:18px; color:var(--muted); line-height:1.8}
    .timeline{display:grid; grid-template-columns:repeat(4,1fr); gap:12px}
    .timeline-card{padding:18px}
    .timeline-card .time{font-weight:800; color:#d94d30; margin-bottom:8px}
    .news-list,.article-list{display:grid; gap:12px}
    .article-card{padding:18px}
    .article-card .meta{display:flex; justify-content:space-between; gap:10px; color:var(--muted); font-size:13px; margin-bottom:8px}
    .reviews{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
    .quote-card{padding:20px}
    .quote-card .role{color:#d94d30; font-weight:700; font-size:13px; margin-bottom:10px}
    .quote-card p{margin:0; color:var(--muted); line-height:1.75}
    .faq{display:grid; gap:12px}
    .faq-item{overflow:hidden}
    .faq-q{
      width:100%; padding:18px 20px; background:transparent; border:none; text-align:left; font:inherit; color:var(--text);
      display:flex; justify-content:space-between; align-items:center; gap:14px; cursor:pointer;
    }
    .faq-q span{font-weight:700}
    .faq-a{max-height:0; overflow:hidden; transition:max-height .28s ease; padding:0 20px}
    .faq-item.open .faq-a{padding-bottom:18px; max-height:180px}
    .faq-a p{margin:0; color:var(--muted); line-height:1.75}
    .form-card{padding:22px}
    form{display:grid; gap:12px}
    .form-row{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}
    input,select,textarea{
      width:100%; border:1px solid #e8d9cf; background:#fff; color:var(--text); border-radius:14px; padding:13px 14px; font:inherit; outline:none;
    }
    textarea{min-height:124px; resize:vertical}
    input:focus,select:focus,textarea:focus{border-color:#ff9c88; box-shadow:0 0 0 4px rgba(255,90,61,.08)}
    .footer-top{
      display:grid; grid-template-columns:1.1fr .9fr; gap:16px; align-items:start;
      padding:16px 0 8px;
    }
    .footer-box{padding:20px; border-radius:20px; background:#fff; border:1px solid var(--line)}
    .footer-links{display:flex; flex-wrap:wrap; gap:10px}
    footer{
      margin-top:8px; border-top:1px solid rgba(234,219,210,.8);
      background:linear-gradient(180deg,#fffaf5,#fff6ef);
      color:var(--text);
    }
    .footer-bottom{padding:14px 0 22px; color:#5a6272; font-size:13px}
    .floating{
      position:fixed; right:16px; bottom:16px; z-index:30; display:grid; gap:10px;
    }
    .floating a,.floating button{
      width:52px; height:52px; border-radius:18px; border:none; display:grid; place-items:center;
      background:linear-gradient(135deg,var(--brand),#ff7c54); color:#fff; box-shadow:var(--shadow2); cursor:pointer;
    }
    .floating a:hover,.floating button:hover{transform:translateY(-2px)}
    .mobile-drawer{display:none}
    .divider{height:1px; background:linear-gradient(90deg, transparent, rgba(234,219,210,.95), transparent); margin:10px 0}
    .service-network{display:grid; grid-template-columns:repeat(4,1fr); gap:12px}
    .network-item{padding:16px; border-radius:18px; background:#fff; border:1px solid var(--line)}
    .network-item b{display:block; margin-bottom:8px}
    .table-note{color:var(--muted); font-size:13px; margin-top:10px}
    .logos{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
    .logo-card{padding:16px; border-radius:18px; border:1px solid var(--line); background:#fff}
    .logo-card img{border-radius:14px}
    .scrollbar::-webkit-scrollbar{height:10px;width:10px}
    .scrollbar::-webkit-scrollbar-thumb{background:#e8cfc2;border-radius:999px}
    .scrollbar::-webkit-scrollbar-track{background:#fff7f2}
    @media (max-width: 1024px){
      .hero-grid,.grid-3,.reviews,.price-grid,.workflow,.timeline,.service-network,.footer-top,.logos,.compare-grid{grid-template-columns:1fr 1fr}
      .hero-stats{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width: 720px){
      .container{width:min(var(--container), calc(100% - 20px))}
      .topbar-inner,.header-inner,.footer-top,.section-head{flex-direction:column; align-items:flex-start}
      .nav{display:none}
      .menu-btn{display:inline-flex}
      .mobile-drawer{display:none; padding:0 0 14px}
      .mobile-drawer.open{display:block}
      .mobile-drawer .nav{display:flex; justify-content:flex-start; gap:8px}
      .hero-grid,.grid-3,.grid-2,.reviews,.price-grid,.workflow,.timeline,.service-network,.footer-top,.logos,.compare-grid,.form-row{grid-template-columns:1fr}
      .hero-main,.hero-side,.card,.section-card,.quote-card,.pricing-card,.form-card,.article-card,.faq-item,.compare-wrap,.timeline-card,.table-card,.footer-box{padding:18px}
      h1{font-size:34px}
      .hero-stats{grid-template-columns:1fr 1fr}
      .section-head h2{font-size:24px}
    }
    .reveal{opacity:0; transform:translateY(12px); transition:opacity .6s ease, transform .6s ease}
    .reveal.show{opacity:1; transform:none}