:root{
      --bg:#fff8f4;
      --bg2:#fffdfb;
      --card:#ffffff;
      --card2:#fff3ee;
      --line:#f0d4cc;
      --text:#2c1f1b;
      --muted:#6e5c55;
      --primary:#d71f1f;
      --primary2:#ff6a3d;
      --shadow:0 14px 40px rgba(166, 43, 24, .10);
      --shadow2:0 10px 24px rgba(166, 43, 24, .12);
      --radius:20px;
      --container:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at top left, rgba(255,106,61,.12), transparent 28%),
        radial-gradient(circle at 85% 8%, rgba(215,31,31,.10), transparent 24%),
        linear-gradient(180deg, #fff8f4 0%, #fffdfb 52%, #fff8f5 100%);
    }
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    .container{width:min(var(--container), calc(100% - 32px)); margin:0 auto}
    .site-header{
      position:sticky; top:0; z-index:50;
      backdrop-filter:saturate(160%) blur(12px);
      background:rgba(255,248,244,.82);
      border-bottom:1px solid rgba(240,212,204,.7);
    }
    .nav{
      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; border-radius:10px; background:#fff; box-shadow:0 6px 16px rgba(0,0,0,.06)}
    .brand-text{min-width:0}
    .brand-text strong{display:block; font-size:1.02rem; letter-spacing:.02em}
    .brand-text span{display:block; font-size:.84rem; color:var(--muted)}
    .nav-toggle{display:none; border:1px solid var(--line); background:#fff; color:var(--text); border-radius:12px; padding:10px 12px}
    .nav-links{display:flex; align-items:center; gap:16px; flex-wrap:wrap}
    .nav-links a{font-size:.95rem; color:#473530; padding:8px 10px; border-radius:10px}
    .nav-links a:hover{background:rgba(215,31,31,.08); color:var(--primary)}
    .nav-cta{display:flex; align-items:center; gap:10px}
    .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      padding:12px 16px; border-radius:14px; border:1px solid transparent;
      font-weight:700; transition:.25s ease; cursor:pointer;
    }
    .btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2)); color:#fff; box-shadow:0 10px 22px rgba(215,31,31,.18)}
    .btn-primary:hover{transform:translateY(-2px); box-shadow:0 14px 26px rgba(215,31,31,.22)}
    .btn-ghost{background:#fff; border-color:var(--line); color:var(--text)}
    .btn-ghost:hover{border-color:#e4aca1; transform:translateY(-2px)}
    .hero{padding:42px 0 18px}
    .hero-grid{
      display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:stretch;
    }
    .hero-main,.hero-side,.panel,.section-card,.review,.faq-item,.article,.contact-box,.pricing,.compare,.timeline,.network,.tagbox,.form-card,.case-card{
      background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,251,249,.96));
      border:1px solid rgba(240,212,204,.85);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }
    .hero-main{padding:34px}
    .eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:.86rem; color:var(--primary); background:rgba(215,31,31,.08); border:1px solid rgba(215,31,31,.12); padding:8px 12px; border-radius:999px}
    h1{margin:16px 0 14px; font-size:clamp(2rem, 4.6vw, 3.8rem); line-height:1.08; letter-spacing:-.02em}
    .lead{margin:0; color:var(--muted); font-size:1.06rem; line-height:1.85}
    .hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px}
    .hero-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:26px}
    .stat{padding:16px; background:linear-gradient(180deg,#fff7f4,#fff); border:1px solid #f1ddd6; border-radius:16px}
    .stat strong{display:block; font-size:1.35rem; color:var(--primary)}
    .stat span{display:block; margin-top:6px; color:var(--muted); font-size:.92rem; line-height:1.6}
    .hero-side{padding:20px; display:grid; gap:14px}
    .hero-side .panel{padding:18px; box-shadow:var(--shadow2); background:linear-gradient(180deg,#fffaf8,#fff)}
    .panel h3,.section-title h2{margin:0 0 10px; font-size:1.35rem}
    .panel p,.section-title p{margin:0; color:var(--muted); line-height:1.8}
    .badge-cloud{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
    .badge-cloud span,.tag{
      padding:8px 11px; border-radius:999px; background:#fff; border:1px solid #edd7cf; color:#5d453e; font-size:.88rem;
    }
    .section{padding:20px 0}
    .section-title{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:16px}
    .section-title .sub{max-width:720px}
    .grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
    .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
    .card{padding:20px}
    .card h3{margin:12px 0 8px; font-size:1.05rem}
    .card p{margin:0; color:var(--muted); line-height:1.75}
    .icon{
      width:42px;height:42px;border-radius:14px; display:grid; place-items:center;
      background:linear-gradient(135deg, rgba(215,31,31,.12), rgba(255,106,61,.16)); color:var(--primary); font-weight:800;
    }
    .flow{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
    .step{position:relative; padding:22px}
    .step .num{font-size:.82rem; color:var(--primary); font-weight:800; letter-spacing:.12em}
    .step h3{margin:10px 0 8px}
    .step:not(:last-child)::after{
      content:""; position:absolute; right:-8px; top:42px; width:16px; height:2px; background:linear-gradient(90deg, rgba(215,31,31,.5), transparent);
    }
    .table-wrap{overflow:auto; border-radius:18px}
    table{width:100%; border-collapse:collapse; min-width:760px; background:#fff}
    th,td{padding:14px 16px; border-bottom:1px solid #f1dfd8; text-align:left; vertical-align:top}
    th{background:#fff3ee; color:#402d27}
    td{color:#56433d}
    .compare{padding:20px}
    .compare .score{display:flex; flex-wrap:wrap; gap:12px; margin-top:14px}
    .score .pill{padding:10px 12px; background:#fff4f0; border:1px solid #efd8d0; border-radius:14px}
    .pricing,.timeline,.network,.tagbox,.form-card,.contact-box{padding:20px}
    .pricing-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
    .price{border:1px solid #edd8d0; border-radius:18px; background:#fff; padding:18px}
    .price strong{display:block; font-size:1.4rem; color:var(--primary)}
    .price ul{margin:14px 0 0; padding-left:18px; color:var(--muted); line-height:1.8}
    .timeline-list{display:grid; gap:12px}
    .timeline-item{display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; padding:12px; background:#fff; border:1px solid #efd8d0; border-radius:14px}
    .dot{width:12px;height:12px;border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--primary2)); margin-top:5px}
    .network-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
    .network-grid .cell{padding:14px; border-radius:14px; background:#fff; border:1px solid #efd8d0; color:#503c36}
    .review-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
    .review{padding:18px}
    .review .meta{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px}
    .stars{color:#d91f1f; letter-spacing:2px}
    .faq-list{display:grid; gap:12px}
    .faq-item{overflow:hidden}
    .faq-q{
      width:100%; background:transparent; border:0; padding:18px 20px; text-align:left; color:var(--text);
      display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:1rem; font-weight:700; cursor:pointer;
    }
    .faq-a{max-height:0; overflow:hidden; transition:max-height .28s ease; padding:0 20px}
    .faq-a p{margin:0; padding-bottom:18px; color:var(--muted); line-height:1.8}
    .faq-item.open .faq-a{max-height:220px}
    .faq-item.open .chev{transform:rotate(180deg)}
    .chev{transition:transform .25s ease}
    .articles{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
    .article{padding:18px}
    .article time{color:var(--primary); font-size:.88rem}
    .article h3{margin:10px 0 8px}
    .article p{margin:0; color:var(--muted); line-height:1.75}
    .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px}
    .form-card form{display:grid; gap:12px}
    .form-row{display:grid; grid-template-columns:1fr 1fr; gap:12px}
    input,select,textarea{
      width:100%; padding:13px 14px; border-radius:14px; border:1px solid #e8cfc7; background:#fff; color:var(--text);
      font:inherit; outline:none;
    }
    input:focus,select:focus,textarea:focus{border-color:#d87969; box-shadow:0 0 0 3px rgba(215,31,31,.08)}
    textarea{min-height:120px; resize:vertical}
    .submit{border:0}
    .contact-list{display:grid; gap:12px}
    .contact-row{display:flex; align-items:center; gap:12px; padding:12px; background:#fff; border:1px solid #efd8d0; border-radius:14px}
    .contact-row strong{display:block}
    .footer{
      margin-top:20px; padding:26px 0 30px; background:#2a1512; color:#fcefe8;
    }
    .footer a{color:#ffd3c7}
    .footer .container{display:grid; gap:18px}
    .footer-grid{display:grid; grid-template-columns:1.1fr .9fr .8fr; gap:18px; align-items:start}
    .footer h3{margin:0 0 10px}
    .footer p,.footer li{color:#f4d9d1; line-height:1.8}
    .footer ul{margin:0; padding-left:18px}
    .footer-bottom{padding-top:14px; border-top:1px solid rgba(255,255,255,.12); color:#f0cfc5; font-size:.92rem}
    .float-actions{
      position:fixed; right:16px; bottom:16px; display:grid; gap:10px; z-index:60;
    }
    .float-actions a,.float-actions button{
      width:52px; height:52px; border-radius:16px; border:0; display:grid; place-items:center;
      background:linear-gradient(135deg,var(--primary),var(--primary2)); color:#fff; box-shadow:0 12px 24px rgba(215,31,31,.22); cursor:pointer;
    }
    .float-actions .mini{background:#fff; color:var(--primary); border:1px solid #efcdc4}
    .mobile-only{display:none}
    .ai-page-image{border-radius:16px; border:1px solid #edd8d0; box-shadow:var(--shadow2)}
    .image-row{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}
    .section-card{padding:20px}
    @media (max-width: 1100px){
      .hero-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}
      .grid-4,.grid-3,.flow,.pricing-grid,.review-grid,.articles{grid-template-columns:repeat(2,1fr)}
      .network-grid{grid-template-columns:repeat(2,1fr)}
      .hero-stats{grid-template-columns:repeat(3,1fr)}
    }
    @media (max-width: 768px){
      .nav-toggle{display:inline-flex}
      .nav-links{display:none; width:100%; padding-top:12px}
      .nav-links.open{display:flex}
      .nav{flex-wrap:wrap}
      .nav-cta{width:100%; justify-content:flex-start; flex-wrap:wrap}
      .grid-4,.grid-3,.flow,.pricing-grid,.review-grid,.articles,.network-grid,.hero-stats,.contact-grid,.form-row,.image-row{grid-template-columns:1fr}
      .section-title{align-items:flex-start; flex-direction:column}
      .hero-main{padding:24px}
      .hero-side{padding:16px}
      .step:not(:last-child)::after{display:none}
      .mobile-only{display:block}
      .desktop-only{display:none}
    }
    .reveal{opacity:0; transform:translateY(14px); transition:.55s ease}
    .reveal.show{opacity:1; transform:none}
    .anchor{scroll-margin-top:92px}