:root{
    --ink:#0E2A3A;
    --ink-soft:#4E6E80;
    --mist:#F7FBFC;
    --paper:#FFFFFF;
    --aqua:#0FB5A6;
    --azure:#2F7BFF;
    --line:#DCEAEE;
    --grad:linear-gradient(120deg,#0FB5A6 0%,#2F7BFF 100%);
    --maxw:1120px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Noto Sans SC",sans-serif;
    background:var(--mist);color:var(--ink);line-height:1.75;font-size:16px;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;text-decoration:none}
  nav{
    position:fixed;top:0;left:0;right:0;z-index:20;
    backdrop-filter:blur(14px);
    background:rgba(247,251,252,.82);
    border-bottom:1px solid rgba(220,234,238,.8);
  }
  .nav-inner{max-width:var(--maxw);height:84px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
  .logo{display:flex;align-items:center}
  .logo img{display:block;height:54px;width:auto;max-width:210px;object-fit:contain}

  .nav-links{display:flex;gap:26px;font-size:14.5px;color:var(--ink-soft)}
  .nav-links a{position:relative;padding:4px 0;transition:color .25s}
  .nav-links a:hover,.nav-links a:focus-visible{color:var(--ink)}
  .nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:linear-gradient(135deg,var(--aqua),var(--blue));border-radius:2px;transition:width .25s}
  .nav-links a:hover::after{width:100%}
  .nav-cta{font-size:13.5px;padding:8px 18px;border-radius:99px;background:var(--ink);color:#fff;transition:transform .2s,box-shadow .2s}
  .nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(14,42,58,.25)}
  @media(max-width:760px){.nav-links{display:none}}

  .hero{
    padding:150px 24px 74px;
    background:
      radial-gradient(circle at 78% 18%,rgba(47,123,255,.13),transparent 34%),
      radial-gradient(circle at 18% 82%,rgba(15,181,166,.13),transparent 36%);
  }
  .wrap{max-width:var(--maxw);margin:0 auto}
  .eyebrow{font-size:12px;letter-spacing:.32em;color:var(--aqua);font-weight:700;margin-bottom:18px}
  h1{font-size:clamp(34px,5vw,58px);line-height:1.25;letter-spacing:.03em}
  .hero p{max-width:660px;margin-top:22px;color:var(--ink-soft)}
  .faq-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:42px;padding:34px 24px 96px}
  .toc{
    position:sticky;top:92px;align-self:start;
    background:rgba(255,255,255,.74);border:1px solid var(--line);border-radius:18px;
    padding:20px;box-shadow:0 14px 38px rgba(14,42,58,.05);
  }
  .toc h2{font-size:15px;margin-bottom:12px}
  .toc a{
    display:block;padding:9px 0;border-top:1px solid var(--line);
    font-size:13.5px;color:var(--ink-soft);transition:color .25s,padding-left .25s;
  }
  .toc a:hover{color:var(--aqua);padding-left:4px}
  .faq-panel{
    background:var(--paper);border:1px solid var(--line);border-radius:24px;
    padding:12px 34px;box-shadow:0 18px 46px rgba(14,42,58,.06);
  }
  .faq-item{border-bottom:1px solid var(--line);scroll-margin-top:90px}
  .faq-item:last-child{border-bottom:0}
  .faq-question{
    width:100%;border:0;background:none;color:var(--ink);cursor:pointer;
    display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;
    padding:26px 0;text-align:left;font:inherit;
  }
  .faq-question strong{font-size:18px;font-weight:700;line-height:1.5}
  .faq-question span{
    width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    border:1px solid rgba(15,181,166,.28);color:var(--aqua);font-size:20px;
    transition:transform .25s,background .25s,color .25s;
  }
  .faq-answer{display:none;color:var(--ink-soft);font-size:15px;max-width:820px;padding:0 54px 28px 0}
  .faq-item.open .faq-answer{display:block}
  .faq-item.open .faq-question span{transform:rotate(45deg);background:var(--aqua);color:#fff}
  .contact{
    margin:0 24px 54px;
  }
  .contact-inner{
    max-width:var(--maxw);margin:0 auto;border-radius:24px;padding:42px 36px;text-align:center;
    color:#fff;background:linear-gradient(160deg,#0E2A3A 0%,#123B4F 60%,#0D4E5A 100%);
  }
  .contact-inner h2{font-size:26px;margin-bottom:8px}
  .contact-inner p{opacity:.82;margin-bottom:18px}
  .contact-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:860px;margin:0 auto;text-align:left}
  .contact-method{
    position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:16px;
    padding:18px;background:rgba(255,255,255,.08);
  }
  .contact-method::after{
    content:"";position:absolute;right:14px;bottom:10px;width:82px;height:82px;
    background-repeat:no-repeat;background-position:center;background-size:contain;
    opacity:.14;pointer-events:none;
  }
  .contact-email::after{
    background-image:url("data:image/svg+xml,%3Csvg width='112' height='112' viewBox='0 0 112 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21' y='31' width='70' height='50' rx='7' stroke='%23FFFFFF' stroke-width='4'/%3E%3Cpath d='M25 36L56 59L87 36' stroke='%23FFFFFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 56L26 76M67 56L86 76' stroke='%23FFFFFF' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .contact-wechat::after{
    background-image:url("data:image/svg+xml,%3Csvg width='112' height='112' viewBox='0 0 112 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 35C30 35 16 46 16 60C16 69 22 77 31 81L29 93L42 85C44 85 46 85 48 85C66 85 80 74 80 60C80 46 66 35 48 35Z' stroke='%23FFFFFF' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M64 55C80 55 92 64 92 76C92 83 87 90 79 93L81 103L70 97C68 97 66 97 64 97C51 97 40 91 37 82' stroke='%23FFFFFF' stroke-width='4' stroke-linejoin='round'/%3E%3Ccircle cx='38' cy='57' r='3' fill='%23FFFFFF'/%3E%3Ccircle cx='58' cy='57' r='3' fill='%23FFFFFF'/%3E%3C/svg%3E");
  }
  .contact-phone::after{
    background-image:url("data:image/svg+xml,%3Csvg width='112' height='112' viewBox='0 0 112 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='35' y='14' width='42' height='84' rx='10' stroke='%23FFFFFF' stroke-width='4'/%3E%3Cpath d='M48 25H64M51 87H61' stroke='%23FFFFFF' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M42 34H70V78H42V34Z' stroke='%23FFFFFF' stroke-width='4'/%3E%3C/svg%3E");
  }
  .contact-method h3{font-size:14px;margin-bottom:10px;letter-spacing:.08em}
  .mail,.wechat-copy{display:inline-flex;padding:9px 18px;border-radius:99px;border:1px solid rgba(255,255,255,.38);background:transparent;color:#fff;font-size:13.5px}
  .wechat-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .wechat-id{font-size:15px;font-weight:700;letter-spacing:.04em}
  .wechat-copy{cursor:pointer}
  .phone-img{display:block;height:22px;width:auto;max-width:100%;margin-top:8px}
  .copy-tip{display:block;margin-top:8px;font-size:12px;color:rgba(255,255,255,.68);min-height:16px}
  footer{padding:0 24px 40px;text-align:center;font-size:12.5px;color:var(--ink-soft)}
  @media(max-width:860px){
    .faq-layout{grid-template-columns:1fr;padding-top:20px}
    .toc{position:relative;top:auto}
    .contact-methods{grid-template-columns:1fr;text-align:center}
    .wechat-row{justify-content:center}
    .phone-img{margin-left:auto;margin-right:auto}
  }
  @media(max-width:560px){
    .hero{padding-top:124px}
    .faq-panel{padding:6px 22px}
    .faq-question strong{font-size:16px}
    .faq-answer{padding-right:0}
  }