/* SEDIA CAPITAL 官网：版式照 BB 官网（bb-jr.com，static-pages/home.html），颜色按老板 10-22 要的黑金：默认黑底金字，右上角可切米白浅色 */
:root{
  --paper:#0B0B0D;
  --paper-2:#131315;
  --ink:#050506;
  --text:#F4ECD8;
  --card:#17171A;
  --on-dark:#F4ECD8;
  --gold:#E8B931;
  --gold-deep:#B8891A;
  --gold-soft:#F7D774;
  --brand:#D4AF37;
  --brand-deep:#8F6B12;
  --brand-text:#E3C15A;
  --rose:#F0605D;
  --muted:#A8A192;
  --line:#2B2925;
  --shadow:rgba(0,0,0,.55);
  --map-fill:#1E1B16;
  --glow-blend:screen;
  --radius:18px;
  --display:'Unbounded','Noto Sans SC',sans-serif;
  --sans:'Space Grotesk','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --paper:#FAF6EC;
  --paper-2:#F2EBDA;
  --text:#141414;
  --card:#FFFFFF;
  --brand-text:#8C6A10;
  --rose:#C2362F;
  --muted:#6B6457;
  --line:#E5DAC0;
  --shadow:rgba(40,30,8,.16);
  --map-fill:#17171A;
  --glow-blend:multiply;
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--text);background:var(--paper);line-height:1.6;font-size:16px;overflow-x:hidden}
::selection{background:var(--gold);color:#111}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--paper-2)}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px;border:2px solid var(--paper-2)}
::-webkit-scrollbar-thumb:hover{background:var(--gold)}
a:focus-visible,.btn:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
img,svg{max-width:100%}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
h1,h2,h3{font-family:var(--display);line-height:1.1;letter-spacing:-.01em}
.num{font-variant-numeric:tabular-nums}
a{text-decoration:none;color:inherit}
.container{max-width:1180px;margin:0 auto;padding:0 22px}

/* 开场加载动画 */
.loader{position:fixed;inset:0;z-index:300;background:radial-gradient(ellipse at center,rgba(232,185,49,.14) 0%,transparent 55%),var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .55s ease,visibility .55s}
.loader.done{opacity:0;visibility:hidden;pointer-events:none}
html:not(.js) .loader{display:none}
.loader-stage{position:relative;width:320px;height:320px;display:flex;align-items:center;justify-content:center}
.loader-rays{position:absolute;width:340px;height:340px;pointer-events:none;animation:loaderRay 14s linear infinite;background:conic-gradient(from 0deg,transparent 0deg,rgba(232,185,49,.26) 5deg,transparent 11deg,transparent 45deg,rgba(232,185,49,.26) 51deg,transparent 57deg,transparent 90deg,rgba(232,185,49,.26) 96deg,transparent 102deg,transparent 135deg,rgba(232,185,49,.26) 141deg,transparent 147deg,transparent 180deg,rgba(232,185,49,.26) 186deg,transparent 192deg,transparent 225deg,rgba(232,185,49,.26) 231deg,transparent 237deg,transparent 270deg,rgba(232,185,49,.26) 276deg,transparent 282deg,transparent 315deg,rgba(232,185,49,.26) 321deg,transparent 327deg);-webkit-mask:radial-gradient(circle,transparent 36%,#000 37%);mask:radial-gradient(circle,transparent 36%,#000 37%);border-radius:50%}
.loader-orbit{position:absolute;width:280px;height:280px;pointer-events:none;animation:loaderOrbit 12s linear infinite}
.loader-sat{position:absolute;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;line-height:1;box-shadow:0 6px 18px var(--shadow);animation:loaderSat 4s linear infinite}
.s1,.s5{background:linear-gradient(135deg,var(--gold),#FFEFA6)}
.s2,.s6{background:linear-gradient(135deg,#2A2A2E,#0B0B0D);border:2px solid var(--gold)}
.s3,.s7{background:linear-gradient(135deg,#F3E2B3,#C9A24A)}
.s4,.s8{background:linear-gradient(135deg,#3A2F18,#15120B);border:2px solid var(--gold-deep)}
.s1{left:calc(50% - 21px);top:-21px}
.s2{right:-21px;top:calc(50% - 21px)}
.s3{left:calc(50% - 21px);bottom:-21px}
.s4{left:-21px;top:calc(50% - 21px)}
.s5{right:28%;top:-14px}
.s6{right:28%;bottom:-14px}
.s7{left:28%;bottom:-14px}
.s8{left:28%;top:-14px}
.loader-coin{position:relative;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#34312B,#0B0B0D 72%);border:4px solid var(--gold-deep);display:flex;align-items:center;justify-content:center;animation:loaderSpin 1.15s ease-in-out infinite;box-shadow:0 14px 36px rgba(232,185,49,.45);z-index:2}
.loader-coin img{width:66%;height:66%;object-fit:contain;backface-visibility:hidden}
.loader-brand{font-family:var(--display);font-weight:900;font-size:24px;color:var(--text);letter-spacing:.06em}
.loader-tip{font-size:13px;color:var(--muted)}
.loader-progress{width:200px;height:3px;background:var(--line);border-radius:2px;overflow:hidden}
.loader-progress-bar{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-soft));width:0;animation:loaderProgress 1.2s ease-in-out forwards}
@keyframes loaderRay{to{transform:rotate(360deg)}}
@keyframes loaderOrbit{to{transform:rotate(360deg)}}
@keyframes loaderSat{to{transform:rotate(-360deg)}}
@keyframes loaderSpin{0%,100%{transform:rotateY(0)}50%{transform:rotateY(180deg)}}
@keyframes loaderProgress{to{width:100%}}

/* 返回顶部 / 进度条 / 鼠标暖光 */
.backtop{position:fixed;right:22px;bottom:26px;width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--gold);border:2px solid var(--gold);font-size:20px;cursor:pointer;z-index:90;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .3s,transform .3s,visibility .3s,background .2s,color .2s;box-shadow:0 10px 26px var(--shadow)}
.backtop.show{opacity:1;visibility:visible;transform:translateY(0)}
.backtop:hover{background:var(--gold);color:#111}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold-deep),var(--gold-soft));z-index:200;pointer-events:none;box-shadow:0 1px 6px rgba(232,185,49,.5)}
.cursor-glow{position:fixed;top:0;left:0;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(232,185,49,.12),transparent 62%);pointer-events:none;z-index:70;mix-blend-mode:var(--glow-blend);transform:translate(-999px,-999px);will-change:transform}

/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:700;cursor:pointer;border:none;transition:transform .18s,box-shadow .18s,translate .35s cubic-bezier(.22,1,.36,1),background .2s,color .2s;font-family:var(--sans)}
.btn svg{width:20px;height:20px;flex:0 0 auto}
.btn:hover{transform:translateY(-2px)}
.btn:disabled{opacity:.6;cursor:wait}
.btn-cta{background:linear-gradient(180deg,#F7D774,#D4AF37);color:#141414;padding:17px 34px;font-size:17px;box-shadow:0 6px 0 var(--brand-deep),0 16px 30px rgba(212,175,55,.3);position:relative;overflow:hidden}
.btn-cta:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--brand-deep),0 20px 38px rgba(212,175,55,.38)}
.btn-cta:active{transform:translateY(3px);box-shadow:0 0 0 var(--brand-deep),0 8px 16px rgba(212,175,55,.28)}
.btn-cta::after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:btnShine 3.4s ease-in-out infinite;pointer-events:none}
@keyframes btnShine{0%{left:-120%}55%,100%{left:170%}}
.btn-ghost{background:transparent;color:var(--text);border:2px solid var(--text);padding:15px 28px;font-size:16px}
.btn-ghost:hover{background:var(--text);color:var(--paper)}
.btn-wa{background:#25D366;color:#fff;padding:15px 26px;font-size:16px;box-shadow:0 8px 20px rgba(37,211,102,.3)}

/* 顶条 + 导航 */
.topbar{background:var(--ink);color:var(--on-dark);font-size:13px;border-bottom:1px solid rgba(212,175,55,.25)}
.topbar .container{display:flex;justify-content:center;align-items:center;gap:12px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap}
.topbar .sep{opacity:.4}
.topbar .hot{color:var(--gold);font-weight:700}
/* 导航深浅色都是黑底：老板给的金色 Logo（img/logo.png，从暗红底抠出来）只在黑底上好看 */
.nav{background:#0B0B0D;border-bottom:1px solid rgba(212,175,55,.28)}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:72px;gap:12px}
.logo{display:flex;align-items:center;flex:0 1 auto;min-width:0}
.logo img{height:46px;width:auto;max-width:100%;display:block}
.nav-menu{display:none;gap:28px;font-size:15px;font-weight:500;white-space:nowrap}
@media (min-width:1180px){.nav .nav-menu{display:flex}} /* Logo 变长了，菜单宽屏才出，免得挤成两行 */
.nav-menu a{color:#BDB5A3}
.nav-menu a:hover{color:var(--gold)}
.nav-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.lang{display:flex;border:1.5px solid var(--brand);border-radius:999px;overflow:hidden}
.lang button{border:none;background:transparent;padding:6px 12px;font-size:13px;cursor:pointer;color:#A8A192;font-weight:700;font-family:var(--sans)}
.lang button.on{background:var(--brand);color:#111}
.nav-cta{background:var(--brand);color:#111;padding:10px 20px;font-size:14px;border-radius:999px;font-weight:700;transition:translate .35s cubic-bezier(.22,1,.36,1),background .2s;white-space:nowrap}
.nav-cta:hover{background:var(--gold-soft)}
.theme-toggle{width:38px;height:38px;border-radius:50%;border:1.5px solid #2B2925;background:#17171A;color:#F4ECD8;cursor:pointer;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .2s,transform .3s,background .2s;flex:0 0 auto}
.theme-toggle:hover{border-color:var(--gold);transform:rotate(20deg)}

/* 首屏 */
.hero{position:relative;overflow:hidden}
.hero .blob{position:absolute;border-radius:50%;filter:blur(2px);z-index:0}
.hero .b1{width:560px;height:560px;background:radial-gradient(circle,rgba(232,185,49,.22),transparent 65%);top:-140px;right:-140px}
.hero .b2{width:460px;height:460px;background:radial-gradient(circle,rgba(201,162,74,.14),transparent 65%);bottom:-160px;left:-120px}
.hero .container{position:relative;z-index:2;display:grid;gap:40px;padding-top:64px;padding-bottom:70px}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:overlay}
.js .hero-anim{opacity:0;transform:translateY(26px)}
.js body.loaded .hero-anim{animation:heroIn .75s cubic-bezier(.2,.7,.3,1) forwards}
.js body.loaded .d1{animation-delay:.05s}
.js body.loaded .d2{animation-delay:.14s}
.js body.loaded .d3{animation-delay:.22s}
.js body.loaded .d4{animation-delay:.32s}
.js body.loaded .d5{animation-delay:.42s}
.js body.loaded .d6{animation-delay:.52s}
@keyframes heroIn{to{opacity:1;transform:none}}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--brand-text);letter-spacing:.08em;text-transform:uppercase}
.hero-eyebrow::before{content:"";width:30px;height:2px;background:var(--gold)}
.pain-carousel{position:relative;height:42px;margin:18px 0 6px;overflow:hidden;display:flex;align-items:center}
.pain-carousel .pain{position:absolute;left:0;top:50%;font-size:clamp(22px,3.4vw,30px);font-weight:800;color:var(--brand-text);transform:translate(0,-50%) translateY(24px);opacity:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s;display:flex;align-items:center;gap:12px;line-height:1;white-space:nowrap}
.pain-carousel .pain.on{opacity:1;transform:translate(0,-50%) translateY(0)}
.pain-carousel .pain::after{content:"";width:42px;height:4px;background:var(--gold);border-radius:2px;display:inline-block;animation:painUnderline 2.6s linear infinite}
@keyframes painUnderline{0%,100%{transform:scaleX(.4);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}}
.hero h1{font-size:clamp(38px,6.2vw,76px);font-weight:900;margin:20px 0 10px;color:var(--text)}
.hero h1 .zh{display:block}
/* 2026-10-22 老板：描边字「看不清楚，高清点」→ 实心金色渐变字 */
.hero h1 .en{display:block;font-size:clamp(22px,3.6vw,36px);color:transparent;background:linear-gradient(180deg,#FFF1BF 0%,#F2C94C 46%,#B8891A 100%);-webkit-background-clip:text;background-clip:text;letter-spacing:.05em;margin-top:10px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
:root[data-theme="light"] .hero h1 .en{background:linear-gradient(180deg,#D9AE3A 0%,#A27A12 55%,#7A5A0C 100%);-webkit-background-clip:text;background-clip:text;filter:none}
/* 首屏左上两个圆图标：KPKT、Kredit Komuniti（和 HEBAT 官网同一套图，从老板拍的照片抠的） */
.hero-badges{display:flex;gap:14px;margin-bottom:20px}
.hero-badges img{width:78px;height:78px;border-radius:50%;box-shadow:0 10px 26px rgba(0,0,0,.4)}
.hero p.sub{font-size:17px;color:var(--muted);max-width:540px;margin-bottom:28px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
/* 勾选五条排两列：第二行 执照号 + SSM | Tak pegang kad，第三行 Liputan（老板 10-22 圈的位置） */
.hero-proof{display:grid;grid-template-columns:auto auto;justify-content:start;gap:12px 26px;font-size:14px;color:var(--text)}
.hero-proof>span{display:flex;align-items:flex-start;gap:7px;font-weight:700;line-height:1.45}
.hero-proof i{width:20px;height:20px;border-radius:50%;background:var(--gold);color:#111;font-style:normal;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 20px}

/* 3D 硬币堆：正面金、背面黑金 S */
.coin-scene-wrap{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}
.coin-scene{position:relative;width:min(340px,80vw);height:320px;perspective:1000px}
.coin3d{position:absolute;transform-style:preserve-3d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;animation:coinSpin 5s linear infinite}
.coin3d .face{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:5px solid var(--gold-deep)}
.coin3d .front{background:linear-gradient(135deg,#FFE08A,#E8B931);color:#6B4A00}
.coin3d .front::after{content:"";position:absolute;inset:10px;border-radius:50%;border:2px solid rgba(107,74,0,.22)}
.coin3d .back{background:radial-gradient(circle at 35% 30%,#34312B,#0B0B0D 72%);color:var(--gold);transform:rotateY(180deg)}
.coin3d .back::after{content:"";position:absolute;inset:10px;border-radius:50%;border:2px solid rgba(232,185,49,.4)}
.coin3d .back img{width:60%;height:60%;object-fit:contain}
.coin3d.main{width:180px;height:180px;font-size:46px;left:50%;top:50%;margin-left:-90px;margin-top:-90px}
.coin3d.c1{width:58px;height:58px;font-size:15px;left:6px;top:34px;animation-duration:3.1s}
.coin3d.c2{width:48px;height:48px;font-size:13px;right:14px;top:18px;animation-duration:2.5s}
.coin3d.c3{width:40px;height:40px;font-size:11px;left:34px;bottom:18px;animation-duration:3.7s}
.coin3d.c4{width:34px;height:34px;font-size:10px;right:40px;bottom:40px;animation-duration:2.9s}
.coin3d.c1 .face,.coin3d.c2 .face,.coin3d.c3 .face,.coin3d.c4 .face{border-width:3px}
.coin3d.c1 .face::after,.coin3d.c2 .face::after,.coin3d.c3 .face::after,.coin3d.c4 .face::after{inset:5px;border-width:1px}
.coin-scene .ground{position:absolute;left:50%;bottom:6px;width:200px;height:26px;margin-left:-100px;border-radius:50%;background:radial-gradient(ellipse,rgba(232,185,49,.22),transparent 70%)}
@keyframes coinSpin{to{transform:rotateY(360deg)}}

/* 首屏金币雨：近大远小 + 3D 翻转下坠（硬币由 site.js 生成） */
.coin-rain{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.coin-rain .pc{position:absolute;top:-12%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 34% 30%,#FFEFA6,#F2C230 52%,#B8891A 92%);border:2px solid #8F6B12;color:#5A4000;font-family:var(--display);font-weight:900;transform-style:preserve-3d;animation:coinFall linear infinite}
.coin-rain .pc::after{content:"";position:absolute;inset:16%;border-radius:50%;border:1.5px solid rgba(90,64,0,.36)}
@keyframes coinFall{0%{transform:translateY(0) rotateY(0deg)}100%{transform:translateY(128vh) rotateY(1080deg)}}

/* 金色跑马灯 */
.marquee{background:linear-gradient(90deg,#C9A24A,#F2D27A 50%,#C9A24A);overflow:hidden;padding:16px 0;border-top:2px solid #111;border-bottom:2px solid #111}
.marquee .track{display:flex;gap:48px;white-space:nowrap;animation:scroll 26s linear infinite;width:max-content}
.marquee span{font-family:var(--display);font-weight:700;font-size:18px;color:#111;display:flex;align-items:center;gap:48px}
.marquee span::after{content:"✦";color:#5A4000}
@keyframes scroll{to{transform:translateX(-50%)}}

/* 我们在哪：3D 地图 */
.coverage{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);padding:72px 0;overflow:hidden}
.coverage .sub{font-size:16px;color:var(--muted);margin-top:10px}
.map-scene{perspective:1400px;margin:14px auto 0;max-width:880px}
.map-3d{transform-style:preserve-3d;animation:mapSway 11s ease-in-out infinite}
@keyframes mapSway{0%,100%{transform:rotateX(7deg) rotateY(-7deg)}50%{transform:rotateX(-4deg) rotateY(7deg)}}
.map-svg{width:100%;height:auto;display:block;overflow:visible}
.map-shape path{fill:var(--map-fill);stroke:var(--brand);stroke-width:2;opacity:.4}
.map-shape path.cover{fill:rgba(212,175,55,.16);opacity:1;stroke-width:2.5}
.cover-name{font-family:var(--display);font-size:16px;font-weight:700;fill:var(--brand-text);letter-spacing:.02em}
.map-shape{filter:drop-shadow(0 5px 0 rgba(0,0,0,.25)) drop-shadow(0 16px 22px rgba(0,0,0,.3))}
.map-net{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:4 6;stroke-linecap:round;opacity:.7}
.map-link{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:5 7;stroke-linecap:round;opacity:.85}
.city-dot{fill:var(--gold);stroke:#111;stroke-width:2}
.city-ring{fill:none;stroke:var(--gold);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:mapPing 2.2s ease-out infinite}
.city-ring.r2{animation-delay:.35s}
.city-ring.r3{animation-delay:1.1s}
.city-name{font-family:var(--sans);font-size:15px;font-weight:700;fill:var(--text)}
.map-card{fill:var(--card);stroke:var(--brand);stroke-width:1.5}
.map-card-t{font-family:var(--display);font-size:16px;font-weight:700;fill:var(--brand-text);letter-spacing:.04em}
.map-card-a{font-family:var(--sans);font-size:14px;font-weight:500;fill:var(--text);opacity:.85}
@keyframes mapPing{0%{transform:scale(.35);opacity:.95}70%{transform:scale(2.7);opacity:0}100%{transform:scale(2.7);opacity:0}}
.cov-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}
.cov-stat{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:22px 12px;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s;display:block;min-width:0;overflow-wrap:anywhere}
@media (max-width:600px){.cov-stat .n{font-size:18px}}
.cov-stat:hover{transform:translateY(-4px);box-shadow:0 14px 28px var(--shadow);border-color:var(--brand)}
.cov-stat .n{font-family:var(--display);font-weight:900;font-size:clamp(20px,3.2vw,30px);color:var(--brand-text);line-height:1.1}
.cov-stat .l{font-size:14px;color:var(--muted);margin-top:6px}
@media(min-width:768px){.cov-stats{grid-template-columns:repeat(4,1fr)}}

/* 放款动画：一叠钞票飞向手机 */
.disburse{background:var(--paper-2);overflow:hidden;padding:56px 0}
.disburse .container{display:flex;flex-direction:column;gap:20px}
.stage{position:relative;height:250px;max-width:560px;margin:0 auto;width:100%;perspective:1000px}
.track-line{position:absolute;left:0;right:0;top:150px;height:60px}
.track-line svg{width:100%;height:100%}
.track-line path{stroke:var(--gold);opacity:.45}
.cash{position:absolute;left:0;top:70px;width:124px;height:60px;transform-style:preserve-3d;animation:cashFly 3.8s cubic-bezier(.4,0,.2,1) infinite}
.bill{position:absolute;inset:0;border-radius:9px;background:linear-gradient(135deg,#2E2715,#141109);border:3px solid var(--gold-deep);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:20px;color:var(--gold)}
.bill::after{content:"";position:absolute;left:12px;top:9px;width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(232,185,49,.4)}
.bill.b2{transform:translateZ(4px)}
.bill.b3{transform:translateZ(8px)}
.phone{position:absolute;right:4px;top:16px;width:112px;height:186px;background:#0B0B0D;border-radius:22px;border:4px solid #2E2B24;box-shadow:0 20px 40px var(--shadow);overflow:hidden;animation:phoneShake 3.8s cubic-bezier(.4,0,.2,1) infinite}
.phone .notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:44px;height:5px;border-radius:3px;background:#3A362D}
.phone .screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#F4ECD8;text-align:center;padding:0 6px}
.phone .av{width:40px;height:40px;border-radius:50%;background:var(--gold);color:#111;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--display)}
.phone .name{font-size:12px;color:#CFC6B0}
.phone .bal{font-size:11px;color:#9A927E}
.phone .toast{position:absolute;left:50%;bottom:40px;transform:translate(-50%,10px);background:var(--gold);color:#111;font-size:12.5px;font-weight:700;padding:9px 13px;border-radius:12px;white-space:nowrap;opacity:0;box-shadow:0 8px 18px rgba(0,0,0,.4);animation:toastIn 3.8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes cashFly{
  0%{left:0%;top:66px;transform:rotateY(0deg)}
  16%{left:15%;top:-6px;transform:rotateY(360deg)}
  42%{left:42%;top:-62px;transform:rotateY(1260deg)}
  66%{left:64%;top:24px;transform:rotateY(1800deg)}
  78%{left:72%;top:58px;transform:rotateY(2160deg)}
  100%{left:72%;top:58px;transform:rotateY(2160deg)}
}
@keyframes toastIn{0%,74%{opacity:0;transform:translate(-50%,10px)}84%{opacity:1;transform:translate(-50%,0)}96%,100%{opacity:1;transform:translate(-50%,0)}}
@keyframes phoneShake{0%,70%{transform:rotate(0)}77%{transform:rotate(-6deg) translateX(-2px)}84%{transform:rotate(6deg) translateX(2px)}90%{transform:rotate(-3deg)}95%,100%{transform:rotate(0)}}

/* 数字 */
.stats .container{display:grid;grid-template-columns:1fr;gap:22px;padding-top:56px;padding-bottom:56px}
.stat{display:flex;align-items:baseline;gap:16px}
.stat .v{font-family:var(--display);font-weight:900;font-size:clamp(38px,5vw,56px);color:var(--brand-text);line-height:1;flex:0 0 auto;transform-origin:center bottom}
.stat .v .u{font-size:.42em;color:var(--gold-soft);margin:0 4px}
.stat .l{font-size:14px;color:var(--muted);font-weight:500}
.js .stat.reveal:not(.pre) .v{animation:flipUp .9s cubic-bezier(.2,.7,.3,1) both}
@keyframes flipUp{from{transform:perspective(700px) rotateX(88deg);opacity:0}to{transform:perspective(700px) rotateX(0);opacity:1}}
.stat .v .num{background:linear-gradient(105deg,var(--brand) 35%,#FFF4C8 50%,var(--brand) 65%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:numShine 3.6s ease-in-out infinite}
@keyframes numShine{0%{background-position:130% 0}100%{background-position:-130% 0}}

/* 区块通用 */
.section{padding:60px 0}
.section .container{display:flex;flex-direction:column;gap:30px}
.sec-head.center{text-align:center;max-width:720px;margin:0 auto}
.sec-head .kicker{font-size:13px;font-weight:700;color:var(--brand-text);letter-spacing:.1em;text-transform:uppercase}
.sec-title{font-size:clamp(26px,4.2vw,42px);font-weight:900;margin-top:8px}

/* 服务卡（插画风，鼠标移上去顶部滑出金色标签） */
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.svc{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:0 20px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;transform-style:preserve-3d}
.svc:hover{border-color:var(--gold)}
.svc::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(232,185,49,.18),transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:2;border-radius:var(--radius)}
.svc:hover::before{opacity:1}
.svc .rate-tag{position:absolute;top:0;transform:translateY(-102%);left:0;right:0;background:linear-gradient(135deg,#D4AF37,#F7D774);color:#111;padding:11px 16px;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:space-between;transition:transform .42s cubic-bezier(.22,1,.36,1);z-index:3;box-shadow:0 6px 14px rgba(212,175,55,.3);letter-spacing:.02em}
.svc .rate-tag .arr{font-size:16px;opacity:.55;transition:transform .3s}
.svc:hover .rate-tag{transform:none}
.svc:hover .rate-tag .arr{transform:translateX(4px)}
.svc .illus{height:120px;margin:0 -20px 18px;border-radius:var(--radius) var(--radius) 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.svc .illus svg{height:98px;width:auto}
.svc h3{font-size:18px;font-weight:900;margin-bottom:6px}
.svc p{font-size:14px;color:var(--muted)}
.i-gold{background:linear-gradient(135deg,#FFF4D6,#F2D78C)}
.i-sand{background:linear-gradient(135deg,#F6EFE2,#E5D3AE)}
.i-champ{background:linear-gradient(135deg,#FBF3DE,#E9D29A)}
.i-rose{background:linear-gradient(135deg,#FCEDE6,#F0CDBF)}

/* 三步 */
.steps-sec{background:var(--paper-2)}
.steps-row{display:grid;gap:12px}
.step{display:flex;gap:18px;align-items:flex-start;padding:8px 0}
.step .no{font-family:var(--display);font-weight:900;font-size:clamp(40px,6vw,64px);color:var(--gold);line-height:.9;min-width:70px}
.step .body h3{font-size:20px;font-weight:900;margin-bottom:4px}
.step .body p{font-size:15px;color:var(--muted)}

/* 流程进度演示 */
.journey-sec{background:var(--paper-2)}
.journey{max-width:760px;margin:0 auto;width:100%;padding:30px 10px 104px;position:relative}
.j-track{position:relative;height:4px;background:var(--line);border-radius:2px;margin:0 14px}
.j-fill{position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,var(--gold-deep),var(--gold-soft));border-radius:2px;box-shadow:0 0 12px rgba(232,185,49,.5)}
.j-dot{position:absolute;top:50%;left:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(232,185,49,.22),0 0 20px rgba(232,185,49,.85)}
.j-node{position:absolute;top:0;transform:translate(-50%,-5.5px);display:flex;flex-direction:column;align-items:center;gap:6px;width:84px}
.j-node .dot{width:15px;height:15px;border-radius:50%;background:var(--card);border:3px solid var(--line);transition:background .3s,border-color .3s,box-shadow .3s}
.j-node .t{font-family:var(--display);font-weight:700;font-size:13px;color:var(--gold);margin-top:10px}
.j-node .lbl{font-size:13px;color:var(--muted);font-weight:600;white-space:nowrap}
.j-node.n1{left:0}
.j-node.n2{left:33.33%}
.j-node.n3{left:66.66%}
.j-node.n4{left:100%}
.j-node.active .dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px rgba(232,185,49,.24)}
.j-node.active .lbl{color:var(--brand-text)}
.j-toast{position:absolute;left:50%;bottom:0;transform:translate(-50%,14px);background:var(--gold);color:#111;padding:9px 18px;border-radius:999px;font-size:14px;font-weight:700;opacity:0;transition:opacity .35s,transform .35s;box-shadow:0 8px 20px rgba(212,175,55,.3);white-space:nowrap}
.j-toast .ck{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:#111;color:var(--gold);font-size:12px;margin-right:6px}
.j-toast.show{opacity:1;transform:translate(-50%,0)}

/* 计算器（黑金卡，深浅色都一样） */
.calc{background:linear-gradient(140deg,#201D16 0%,#0B0B0D 70%);border:1.5px solid rgba(212,175,55,.5);border-radius:26px;padding:32px;color:#F4ECD8;position:relative;overflow:hidden;box-shadow:0 24px 50px var(--shadow)}
.calc::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(232,185,49,.28),transparent 70%);top:-120px;right:-80px;pointer-events:none}
.calc h3{font-size:24px;font-weight:900;margin-bottom:24px;position:relative;z-index:1;color:var(--gold-soft)}
.calc-row{margin-bottom:22px;position:relative;z-index:1}
.calc-label{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;opacity:.92;margin-bottom:10px;gap:10px}
.calc-label b{font-size:20px}
input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:6px;border-radius:3px;background:rgba(255,255,255,.18);outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--gold);border:3px solid #111;cursor:pointer;box-shadow:0 0 0 3px rgba(232,185,49,.35)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold);border:3px solid #111;cursor:pointer}
.calc-result{background:rgba(232,185,49,.08);border:1px solid rgba(232,185,49,.3);border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}
.calc-result .val{font-family:var(--display);font-weight:900;font-size:32px;color:var(--gold)}
.calc-note{position:relative;z-index:1;font-size:12.5px;color:rgba(244,236,216,.66);margin-top:14px;line-height:1.6}

/* 透明表 */
.fee{background:var(--card);border:1.5px solid var(--line);border-radius:26px;overflow:hidden}
.fee table{width:100%;border-collapse:collapse;font-size:15px}
.fee th{background:var(--ink);color:var(--gold);text-align:left;padding:16px 20px;font-weight:700}
.fee td{padding:18px 20px;border-top:1px solid var(--line)}
.fee td+td{color:var(--muted);white-space:nowrap}
.fee .zero{color:var(--brand-text);font-weight:800}

/* 防骗 */
.safe{background:var(--ink);color:var(--on-dark);border:1.5px solid rgba(212,175,55,.35);border-radius:26px;padding:32px}
.safe h3{font-size:22px;font-weight:900;color:var(--gold);margin-bottom:10px}
.safe .items{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.safe .pill{background:rgba(232,185,49,.14);color:var(--gold);border:1px solid rgba(232,185,49,.4);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700}

/* 我们的承诺 */
.promise-grid{display:grid;gap:16px}
.promise{background:var(--card);border:1.5px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);padding:26px;transition:transform .2s,box-shadow .2s}
.promise .ic{font-size:30px;margin-bottom:10px}
.promise h3{font-size:18px;font-weight:900;margin-bottom:6px}
.promise p{font-size:14.5px;color:var(--muted)}

/* 常见问题 */
#faq .container{gap:14px}
#faq .sec-head{margin-bottom:12px}
.faq{background:var(--card);border:1.5px solid var(--line);border-radius:14px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:20px 22px;font-weight:700;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:26px;color:var(--gold);font-weight:400;line-height:1}
.faq[open] summary::after{content:"–"}
.faq .a{padding:0 22px 20px;color:var(--muted);font-size:15px}

/* 申请表 */
.apply{display:grid;grid-template-columns:1fr;gap:20px}
.apply-form-card{background:var(--card);border:1.5px solid var(--line);border-radius:26px;padding:30px}
.apply-aside{display:flex;flex-direction:column;gap:16px;align-self:start}
.stepper{display:flex;gap:10px;margin-bottom:26px;list-style:none}
.stepper .s{flex:1;text-align:center;font-size:13px;color:var(--muted);font-weight:500}
.stepper .s .b{width:30px;height:30px;border-radius:50%;background:var(--paper-2);color:var(--muted);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-weight:700}
.stepper .s.on .b,.stepper .s.done .b{background:var(--gold);color:#111}
.stepper .s.on{color:var(--text);font-weight:700}
fieldset.fstep{border:0;margin:0;padding:0;min-width:0;display:none}
fieldset.fstep.on{display:block}
.field{margin-bottom:16px}
.field label,.field .lbl{display:block;font-size:14px;color:var(--muted);margin-bottom:6px;font-weight:500}
.field .req::after{content:" *";color:var(--rose)}
.field input,.field select,.field textarea{width:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;font-size:16px;font-family:inherit;background:var(--paper);color:var(--text)}
.field select option{background:var(--card);color:var(--text)}
.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.8}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.field.invalid input,.field.invalid select{border-color:var(--rose)}
.field .err{display:none;font-size:12.5px;color:var(--rose);margin-top:6px}
.field.invalid .err{display:block}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{background:var(--paper-2);border:1.5px solid transparent;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,color .2s;font-family:inherit}
.chip:hover{border-color:var(--gold)}
.chip.sel{background:var(--gold);color:#111;border-color:var(--gold)}
.pur-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.pur-card{position:relative;display:block;border:1.5px solid var(--line);border-radius:14px;padding:14px;cursor:pointer;transition:border-color .2s,background .2s}
.pur-card:hover{border-color:var(--gold)}
.pur-card input{position:absolute;opacity:0;width:0;height:0}
.pur-card b{display:block;font-size:14.5px;color:var(--text);margin-bottom:2px;font-weight:700}
.pur-card small{font-size:12px;color:var(--muted)}
.pur-card:has(input:checked){border-color:var(--gold);background:rgba(232,185,49,.1)}
.pur-card.sel{border-color:var(--gold);background:rgba(232,185,49,.1)}
.cap-row{display:flex;gap:10px;align-items:stretch}
.cap-row input{flex:1 1 auto;min-width:0}
.cap-img{flex:0 0 120px;height:50px;border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:0;cursor:pointer;overflow:hidden}
.cap-img img{width:100%;height:100%;object-fit:contain}
.form-nav{display:flex;gap:12px;margin-top:22px;align-items:center;flex-wrap:wrap}
.form-status{margin-top:12px;font-size:14px;font-weight:700;min-height:1.4em}
.form-status[data-state="err"]{color:var(--rose)}
.microcopy{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.5}
.apply-wa-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1.5px solid var(--brand);border-radius:999px;color:var(--brand-text);font-weight:700;font-size:14px;background:rgba(232,185,49,.06);transition:background .2s,transform .2s}
.apply-wa-secondary:hover{background:rgba(232,185,49,.14);transform:translateY(-1px)}
.apply-wa-secondary::before{content:"💬";font-size:16px}
.done-panel{display:none}
.done-panel.show{display:block}
.done-head{font-size:17px;font-weight:700;color:var(--brand-text);margin-bottom:16px;line-height:1.5}
.done-steps{list-style:none;margin:0 0 20px;padding-left:20px}
.done-steps li{position:relative;font-size:14.5px;color:var(--text);margin-bottom:8px}
.done-steps li::before{content:"";position:absolute;left:-16px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.assure{background:rgba(232,185,49,.1);border:1px solid rgba(232,185,49,.3);border-radius:14px;padding:18px 22px;font-size:14px;color:var(--text)}
.assure b{display:block;margin-bottom:6px;font-size:15px;color:var(--brand-text)}
.apply-wa-link{color:var(--brand-text);text-decoration:underline;font-weight:700;margin-left:4px}
.docs-mini{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:22px}
.docs-mini h3{font-size:16px;margin-bottom:12px;font-weight:700;color:var(--text)}
.docs-mini ul{list-style:none}
.docs-mini li{display:flex;gap:10px;font-size:14px;color:var(--text);margin-bottom:8px;line-height:1.5}
.docs-mini li a{color:var(--brand-text);font-weight:700}
.docs-mini .ck{color:var(--brand-text);font-weight:700;flex:0 0 auto}
@media(min-width:900px){.apply{grid-template-columns:1.6fr 1fr;gap:28px}}

/* 所需文件 */
.files-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.file{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:26px 14px;text-align:center;transition:transform .2s}
.file:hover{transform:translateY(-4px)}
.file .ic{font-size:34px;margin-bottom:12px}
.file b{display:block;font-size:16px;margin-bottom:4px}
.file span{font-size:13px;color:var(--muted)}

/* 页脚 */
.footer{background:var(--ink);color:#BDB5A3;margin-top:20px;position:relative}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--gold-deep) 22%,var(--gold-soft) 50%,var(--gold-deep) 78%,transparent 100%);opacity:.8}
.footer .container{display:grid;gap:28px;padding-top:54px;padding-bottom:44px}
.footer .logo{margin-bottom:14px}
.footer .logo img{height:40px}
.footer .f-lic{font-size:13px;line-height:1.8}
.footer .f-lic b{color:var(--gold)}
.footer h4{color:#F4ECD8;font-size:15px;margin-bottom:14px;font-family:var(--display);font-weight:700}
.footer a{display:block;color:#BDB5A3;font-size:14px;margin-bottom:8px}
.footer a:hover{color:var(--gold)}
.footer .f-about,.footer .f-addr{font-size:14px;line-height:1.7;margin-bottom:10px}
.footer .discl{grid-column:1/-1;border-top:1px solid #2A2620;padding-top:22px;font-size:12.5px;color:#8F8878;line-height:1.8}

/* 悬浮 WhatsApp + 手机底部申请条 */
.wa-float{position:fixed;right:22px;bottom:86px;z-index:95;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(18,140,74,.45)}
.wa-float svg{width:30px;height:30px}
.wa-float::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #25D366;opacity:.6;animation:pulseRing 1.8s ease-out infinite}
@keyframes pulseRing{0%{transform:scale(.8);opacity:.7}100%{transform:scale(1.5);opacity:0}}
.sticky-cta{display:none}

/* 滚到才浮现：只管一打开时在屏幕下面的块（site.js 加 pre） */
.reveal{transition:opacity .6s ease,transform .6s ease}
.js .reveal.pre{opacity:0;transform:translateY(26px)}
.js .marquee.reveal.pre{transform:perspective(900px) rotateX(-18deg)}

@media (max-width:900px){
  .nav .container{padding:0 16px;height:62px;gap:8px}
  .logo img{height:36px}
  .nav-right{gap:7px;flex-shrink:0}
  .lang{border-width:1px;flex-shrink:0}
  .lang button{padding:5px 9px;font-size:12px;min-width:28px}
  .theme-toggle{width:32px;height:32px;font-size:14px}
  .nav-cta{padding:8px 14px;font-size:13px}
}
@media (max-width:767px){
  .sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;background:var(--ink);border-top:1px solid rgba(212,175,55,.3);padding:10px 16px calc(10px + env(safe-area-inset-bottom));z-index:60}
  .sticky-cta .btn{width:100%;background:linear-gradient(180deg,#F7D774,#D4AF37);color:#111;padding:15px;font-size:16px;border-radius:12px}
  body{padding-bottom:78px}
  .container{padding:0 16px}
  .backtop{bottom:calc(92px + env(safe-area-inset-bottom));right:16px;width:44px;height:44px}
  .wa-float{bottom:calc(146px + env(safe-area-inset-bottom));right:16px;width:48px;height:48px}
  .wa-float svg{width:26px;height:26px}
  .stage{height:220px}
  .hero .container{padding-top:44px;padding-bottom:50px}
  .coin-scene{height:260px}
  .calc{padding:24px 20px}
  .calc-result .val{font-size:26px}
  .apply-form-card{padding:22px 18px}
  .files-grid{grid-template-columns:1fr 1fr 1fr;gap:10px}
  .file{padding:18px 8px}
  .file b{font-size:14px}
  .j-node{width:62px}
  .j-node .lbl{font-size:11px}
  .j-node .t{font-size:11px}
  .fee th,.fee td{padding:14px 14px;font-size:14px}
}
@media (max-width:600px){
  .logo img{height:28px}
  .hero-badges img{width:62px;height:62px}
  .hero-proof{grid-template-columns:1fr}
}
@media (max-width:420px){
  .logo img{height:24px}
  .nav-cta{display:none}
  .services-grid{gap:10px}
  .svc{padding:0 14px 18px}
  .svc .illus{margin:0 -14px 14px;height:104px}
  .svc .illus svg{height:84px}
  .svc h3{font-size:16px}
  .pur-grid{grid-template-columns:1fr}
  .cap-img{flex-basis:104px}
}
@media (max-width:370px){
  .logo img{height:20px}
}
@media (min-width:768px){
  .hero .container{grid-template-columns:1.1fr .9fr;align-items:center;padding-top:80px;padding-bottom:90px}
  .stats .container{grid-template-columns:repeat(3,1fr)}
  .stat{flex-direction:column;align-items:flex-start;gap:8px}
  .services-grid{grid-template-columns:repeat(4,1fr)}
  .steps-row{grid-template-columns:repeat(3,1fr);gap:24px}
  .steps-row .step{flex-direction:column;gap:10px}
  .promise-grid{grid-template-columns:repeat(3,1fr)}
  .footer .container{grid-template-columns:1.4fr 1fr 1fr 1.2fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .hero-anim,.js .reveal.pre{opacity:1;transform:none}
  .loader,.coin-rain,.cursor-glow{display:none}
  .phone .toast,.j-toast{opacity:1}
}