:root{
    --brand:#F36F21;
    --brand-dark:#d9550f;
    --ink:#1d2a44;
    --muted:#5b6b85;
    --line:#e6ebf3;
    --bg:#f6f8fc;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
    line-height:1.7;color:var(--ink);background:var(--bg);
  }
  .xc-wrap{max-width:760px;margin:0 auto;padding:32px 20px 96px}
  .xc-cat{
    display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;
    text-transform:uppercase;color:var(--brand);background:rgba(243,111,33,.1);
    padding:4px 10px;border-radius:99px;margin-bottom:14px;
  }
  h1.xc-title{
    font-size:30px;line-height:1.25;font-weight:700;letter-spacing:-.01em;
    margin-bottom:12px;color:var(--ink);
  }
  .xc-meta{font-size:13px;color:var(--muted);margin-bottom:28px}
  .xc-lead{font-size:18px;color:#33425e;margin-bottom:24px}
  .xc-content p{margin-bottom:18px;color:#283449}
  .xc-fig{margin:28px 0}
  .xc-fig img{width:100%;height:auto;border-radius:12px;box-shadow:0 6px 20px rgba(29,42,68,.08)}
  .xc-fig figcaption{font-size:13px;color:var(--muted);margin-top:8px;text-align:center}
  .xc-cta{
    margin-top:36px;padding:28px;border:1px solid var(--line);border-radius:14px;
    background:#fff;text-align:center;
  }
  .xc-cta h2{font-size:18px;margin-bottom:6px;color:var(--ink)}
  .xc-cta .xc-cta-sub{font-size:14px;color:var(--muted);margin-bottom:18px}
  .xc-btn{
    display:inline-block;text-decoration:none;border-radius:6px;
    padding:11px 28px;min-width:165px;font-weight:700;font-size:13.5px;
    color:#fff;margin:4px;
    transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
  }
  .xc-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(18,58,99,.28)}
  .xc-btn--msg{background:#42707d}
  .xc-btn--msg:hover{background:#315560}
  .xc-btn--wa{background:#123a63}
  .xc-btn--wa:hover{background:#0b2848}
  .xc-btn--mail{background:#2f5d8f}
  .xc-btn--mail:hover{background:#20456b}
  .xc-cta a.xc-btn,
  .xc-cta a.xc-btn:hover{color:#fff !important;text-decoration:none !important;}
  @media(max-width:600px){
    h1.xc-title{font-size:24px}
  }