:root{--accent-deep:#1e2a8a;--grad:linear-gradient(110deg,#3a7bff,#6a4dff 60%,#8b4dff)}
.funbuilder-header{background:#fff;border-bottom:1px solid #eceef5}
h2{color:var(--accent-deep)}
.eyebrow{color:#6a5cf0}
.blue{background:var(--grad);color:#fff;box-shadow:0 6px 18px #5b4dff2e}
.blue:hover{filter:brightness(1.08)}
.button.outline{background:#fff;border-color:#d9d4ff;color:#5a46e6}
.button.outline:hover{background:#f6f4ff}
button:focus-visible,a:focus-visible{outline-color:#8c7dff}

.funbuilder-header nav{background:linear-gradient(110deg,#f4f6ff,#f3efff);border:1px solid #e3e1fb;box-shadow:0 6px 20px #4a3dd612;padding:0 8px}
.funbuilder-header nav>a{color:#1e2a8a;font-weight:600;height:44px;margin:0 4px}
.funbuilder-header nav>a:hover,.funbuilder-header nav>a:focus-visible{color:#fff;background:var(--grad);box-shadow:0 6px 16px #5b4dff33}

.showcase{padding-top:56px}
.showcase-card{background:#fff;border:1px solid #e8e6f8;border-radius:18px;padding:24px;box-shadow:0 12px 32px #1e2a8a0d;scroll-margin-top:24px}
.showcase-card+.showcase-card{margin-top:28px}
.showcase-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}
.showcase-actions{display:flex;gap:10px;flex-shrink:0}
.showcase-actions .button{min-width:128px}
.showcase-image{display:block;width:100%;height:auto;border-radius:12px;background:#0b0a1f}

.contact{padding-top:64px;padding-bottom:72px;scroll-margin-top:24px}
.contact-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:48px;align-items:center;padding:52px 56px;border-radius:24px;color:#fff;background:radial-gradient(circle at 92% 8%,#8b5cff66,transparent 42%),radial-gradient(circle at 0% 100%,#3a7bff55,transparent 45%),linear-gradient(125deg,#141a5c,#2a2596 55%,#4b2fd0);box-shadow:0 24px 60px #1e2a8a33}
.contact-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(110deg,#000,transparent 70%);pointer-events:none}
.contact-panel>*{position:relative}
.contact-intro .eyebrow{color:#b9b2ff}
.contact-intro h2{color:#fff;font-size:34px;line-height:1.3}
.contact-lead{margin:12px 0 28px;font-size:19px;line-height:1.6;color:#d7d9f5}
.contact-lead strong{color:#fff;font-weight:700;background:linear-gradient(transparent 62%,#8b6bff99 62%);padding:0 2px}
.contact-services{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.contact-services li{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:#ffffff12;border:1px solid #ffffff24;backdrop-filter:blur(6px);transition:transform .2s,background .2s}
.contact-services li:hover{transform:translateY(-3px);background:#ffffff1c}
.contact-services b{display:block;font-size:16px;margin-bottom:4px}
.contact-services small{display:block;font-size:12px;line-height:1.6;color:#c4c7ec}
.service-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--grad);box-shadow:0 8px 18px #3a2bd666}
.service-icon svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-grid{display:grid;gap:16px}
.contact-card{display:flex;flex-direction:column;gap:18px;background:#fff;color:var(--ink);border-radius:20px;padding:26px;box-shadow:0 20px 44px #0a0c3a59}
.contact-card-head{display:flex;align-items:center;gap:16px}
.contact-card-head>div{flex:1;min-width:0}
.contact-card h3{margin:0 0 4px;font-size:19px;color:var(--accent-deep)}
.contact-card p{margin:0;font-size:14px;color:#7c849b;overflow-wrap:anywhere}
.contact-card .button{width:100%;min-height:50px;font-size:15px}
.contact-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#8c93a8}
.contact-note i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e26}
.contact-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;flex-shrink:0}
.contact-icon svg{width:30px;height:30px;fill:#fff}
.contact-icon.telegram{background:linear-gradient(135deg,#37aee2,#1e96c8);box-shadow:0 8px 18px #229ed933}
.contact-icon.whatsapp{background:linear-gradient(135deg,#3ddc75,#1fae54);box-shadow:0 8px 18px #25d36633}
@media(max-width:1000px){
  .contact-panel{grid-template-columns:1fr;gap:32px;padding:40px 36px}
}

@media(max-width:650px){
  .funbuilder-header nav{background:#fff;padding:8px;box-shadow:0 12px 30px #1e2a8a1f}
  .funbuilder-header nav>a{margin:2px 0}
  .showcase{padding-top:36px}
  .showcase-card{padding:16px;border-radius:14px}
  .showcase-head{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:14px}
  .showcase-head h2>span{display:block;margin:4px 0 0}
  .showcase-actions .button{flex:1;min-width:0}
  .showcase-image{border-radius:9px}
  .contact{padding-top:44px;padding-bottom:48px}
  .contact-panel{padding:30px 20px;border-radius:18px;gap:24px}
  .contact-intro h2{font-size:26px}
  .contact-lead{font-size:16px;margin:8px 0 20px}
  .contact-services{grid-template-columns:1fr;gap:10px}
  .contact-services li{flex-direction:row;align-items:center;padding:14px}
  .service-icon{flex-shrink:0}
  .contact-card{padding:20px;gap:16px}
  .contact-icon{width:48px;height:48px}
}

/* 免责声明弹框（中国/香港 IP 点「立即体验」时展示） */
.disclaimer-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(9,9,16,.55);backdrop-filter:blur(3px)}
.disclaimer-modal[hidden]{display:none}
.disclaimer-card{width:min(560px,100%);background:#fff;border-radius:16px;padding:28px 32px;box-shadow:0 24px 64px rgba(9,9,22,.35);color:#20242e}
.disclaimer-meta{display:flex;justify-content:space-between;margin-bottom:12px;font-size:12px;font-weight:600;letter-spacing:.08em;color:#9aa0ae}
.disclaimer-card h3{margin:0 0 14px;font-size:26px;color:#111}
.disclaimer-card p{margin:0 0 26px;font-size:15px;line-height:1.9;color:#333}
.disclaimer-warn{color:#d92d20;font-weight:600}
.disclaimer-actions{display:flex;gap:14px}
.disclaimer-actions .button{flex:1;gap:0;min-height:48px;font-size:15px}
@media(max-width:650px){.disclaimer-card{padding:22px 20px}}