/* ==========================================================================
   JL Markets — Design System
   Black & Gold / Financial Business
   ========================================================================== */

/* ---------- Tokens ---------- */
:root{
  --ink:#050506;
  --ink-2:#08080b;
  --ink-3:#0d0d11;
  --ink-4:#121217;

  --gold:#c9a227;
  --gold-lt:#f2e2a8;
  --gold-mid:#dcbe63;
  --gold-dk:#8a6b1f;
  --gold-grad:linear-gradient(104deg,#f8eec6 0%,#e6cd7d 22%,#c9a227 46%,#a9822a 66%,#dcc06a 86%,#f6e9b6 100%);
  --gold-line:linear-gradient(90deg,rgba(201,162,39,0),rgba(201,162,39,.55),rgba(201,162,39,0));

  --text:#f1eee5;
  --muted:#a5a096;
  --dim:#767268;

  --line:rgba(201,162,39,.16);
  --line-soft:rgba(255,255,255,.07);
  --panel:linear-gradient(158deg,rgba(255,255,255,.052),rgba(255,255,255,.012));
  --panel-solid:#0b0b0e;

  --up:#e0483c;      /* 中式行情：涨红 */
  --down:#2fa872;    /* 跌绿 */

  --r-xs:2px;
  --r-sm:4px;
  --r-md:8px;
  --r-lg:14px;

  --ff:"Inter","Helvetica Neue",-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --ff-serif:"Bodoni MT","Didot","Playfair Display",Georgia,"Songti SC","SimSun",serif;
  --ff-mono:"SF Mono","JetBrains Mono","Consolas","Roboto Mono",monospace;

  --max:1280px;
  --pad:clamp(18px,4vw,48px);
  --hdr-h:84px;
  --ease:cubic-bezier(.22,.68,.24,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:var(--ff);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.is-locked{overflow:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,figure,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
::selection{background:rgba(201,162,39,.32);color:#fff}

/* Thin gold scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#08080a}
::-webkit-scrollbar-thumb{background:#2a2519;border:2px solid #08080a;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#4a3f22}

/* ---------- Utilities ---------- */
.container{width:min(var(--max),100% - var(--pad)*2);margin-inline:auto}
.container--wide{width:min(1480px,100% - var(--pad)*2)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gold-text{
  background:var(--gold-grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.serif{font-family:var(--ff-serif);font-weight:400;letter-spacing:.01em}
.mono{font-family:var(--ff-mono);font-variant-numeric:tabular-nums}
.eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;
  color:var(--gold-mid);
}
.eyebrow::before{
  content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));
}
.eyebrow--center::after{
  content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);
}
.lead{color:var(--muted);font-size:clamp(15px,1.1vw,17px);line-height:1.85;max-width:64ch}
.dim{color:var(--dim)}
.center{text-align:center}
.center .lead{margin-inline:auto}
.center .eyebrow{justify-content:center}

/* Ambient background layers */
.bg-noise{
  position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");
  mix-blend-mode:screen;
}
main{position:relative;z-index:1}

/* ---------- Buttons ---------- */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:50px;padding:0 28px;border-radius:var(--r-xs);
  font-size:14px;font-weight:600;letter-spacing:.06em;white-space:nowrap;
  transition:transform .45s var(--ease),color .3s,border-color .3s,box-shadow .45s;
  overflow:hidden;isolation:isolate;
}
.btn svg{width:15px;height:15px;transition:transform .45s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn--gold{
  color:#151004;
  background:var(--gold-grad);
  background-size:180% 100%;
  background-position:0% 50%;
  box-shadow:0 10px 34px -14px rgba(201,162,39,.7),inset 0 1px 0 rgba(255,255,255,.5);
  transition:background-position .8s var(--ease),transform .45s var(--ease),box-shadow .45s;
}
.btn--gold::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.75) 46%,transparent 62%);
  transform:translateX(-130%);
  transition:transform .9s var(--ease);
}
.btn--gold:hover{background-position:100% 50%;transform:translateY(-2px);box-shadow:0 16px 44px -16px rgba(232,207,131,.75)}
.btn--gold:hover::after{transform:translateX(130%)}
.btn--ghost{
  color:var(--gold-lt);border:1px solid rgba(201,162,39,.4);
  background:rgba(201,162,39,.04);
}
.btn--ghost::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(112deg,rgba(201,162,39,.22),rgba(201,162,39,.06));
  opacity:0;transition:opacity .45s;
}
.btn--ghost:hover{border-color:rgba(242,226,168,.7);color:#fff;transform:translateY(-2px)}
.btn--ghost:hover::before{opacity:1}
.btn--dark{color:var(--text);border:1px solid var(--line-soft);background:rgba(255,255,255,.03)}
.btn--dark:hover{border-color:rgba(201,162,39,.4);color:var(--gold-lt)}
.btn--sm{height:42px;padding:0 20px;font-size:13px}
.btn--lg{height:56px;padding:0 34px;font-size:15px}
.btn--block{width:100%}
.link-arrow{
  display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;
  letter-spacing:.1em;color:var(--gold-mid);
}
.link-arrow svg{width:14px;transition:transform .4s var(--ease)}
.link-arrow:hover{color:var(--gold-lt)}
.link-arrow:hover svg{transform:translateX(4px)}

/* ---------- Header ---------- */
.topbar{
  position:relative;z-index:60;
  height:36px;display:flex;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:#040405;
  font-size:12px;color:var(--muted);
  transition:height .4s var(--ease),opacity .3s;
}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar__l{display:flex;align-items:center;gap:22px}
.topbar__item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.topbar__item svg{width:13px;height:13px;color:var(--gold);opacity:.8}
.topbar__item b{color:#ddd6c4;font-weight:500}
.topbar__dot{width:5px;height:5px;border-radius:50%;background:#37b57c;box-shadow:0 0 8px #37b57c}
.topbar__dot.is-off{background:#8a8578;box-shadow:none}
.topbar a:hover{color:var(--gold-lt)}
.topbar__r{display:flex;align-items:center;gap:18px}

.hdr{
  position:sticky;top:0;z-index:80;
  height:var(--hdr-h);
  transition:height .4s var(--ease),background .4s,border-color .4s,backdrop-filter .4s;
  border-bottom:1px solid transparent;
}
.hdr::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:rgba(5,5,6,.72);
  border-bottom:1px solid rgba(255,255,255,.055);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  opacity:0;transition:opacity .45s;
}
.hdr.is-stuck::before{opacity:1}
.hdr.is-stuck{height:70px}
.hdr.is-hidden{transform:translateY(-102%)}
.hdr .container{display:flex;align-items:center;height:100%;gap:clamp(16px,2.4vw,40px)}
.hdr__progress{
  position:absolute;left:0;bottom:-1px;height:1px;width:0;
  background:linear-gradient(90deg,var(--gold-dk),var(--gold-lt));
  box-shadow:0 0 10px rgba(201,162,39,.7);
}

/* Logo */
.logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.logo__mark{width:42px;height:42px;flex:0 0 auto;color:var(--gold);display:block;object-fit:contain}
.logo__txt{display:flex;flex-direction:column;line-height:1}
.logo__name{
  font-size:19px;font-weight:700;letter-spacing:.14em;color:#fff;
  font-family:var(--ff);
}
.logo__sub{
  margin-top:6px;font-size:8.5px;letter-spacing:.32em;color:var(--gold-mid);
  text-transform:uppercase;font-weight:500;
}
.logo__mark .ring{transform-origin:center;animation:spin 28s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Primary nav */
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav__item{position:relative}
.nav__link{
  position:relative;display:flex;align-items:center;gap:6px;
  height:var(--hdr-h);padding:0 13px;
  font-size:13.5px;font-weight:500;color:#d9d5ca;letter-spacing:.02em;
  transition:color .3s,height .4s var(--ease);
}
.hdr.is-stuck .nav__link{height:70px}
.nav__link::after{
  content:"";position:absolute;left:13px;right:13px;bottom:20px;height:1px;
  background:var(--gold-grad);transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease);
}
.nav__link:hover,.nav__item.is-active>.nav__link{color:#fff}
.nav__link:hover::after,.nav__item.is-active>.nav__link::after{transform:scaleX(1)}
.nav__link .caret{width:9px;height:9px;opacity:.55;transition:transform .35s}
.nav__item:hover .caret{transform:rotate(180deg)}
.nav__item.is-active>.nav__link{color:var(--gold-lt)}

/* Mega menu */
.mega{
  position:absolute;top:100%;left:50%;transform:translate(-50%,10px);
  width:min(720px,92vw);
  padding:12px;
  background:linear-gradient(170deg,#0e0e12,#08080a);
  border:1px solid rgba(201,162,39,.2);
  border-radius:var(--r-sm);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.4);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s var(--ease),transform .45s var(--ease),visibility .35s;
}
.mega::before{
  content:"";position:absolute;top:0;left:24px;right:24px;height:1px;
  background:var(--gold-line);
}
.nav__item:hover .mega,.nav__item:focus-within .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.mega--sm{width:min(430px,92vw)}
.mega__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.mega__grid--1{grid-template-columns:1fr}
.mega__a{
  display:flex;gap:12px;padding:14px;border-radius:3px;
  transition:background .3s;
}
.mega__a:hover{background:rgba(201,162,39,.07)}
.mega__ic{
  width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;
  border:1px solid rgba(201,162,39,.25);border-radius:2px;color:var(--gold-mid);
  background:rgba(201,162,39,.05);
}
.mega__ic svg{width:17px;height:17px}
.mega__t{font-size:13.5px;font-weight:600;color:#f0ece1;line-height:1.4}
.mega__d{font-size:11.5px;color:var(--dim);line-height:1.5;margin-top:2px}
.mega__foot{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-top:8px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.06);
  font-size:12px;color:var(--muted);
}

/* Header actions */
.hdr__act{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.lang{position:relative}
.lang__btn{
  display:flex;align-items:center;gap:7px;height:36px;padding:0 11px;
  border:1px solid rgba(255,255,255,.12);border-radius:2px;
  font-size:12px;color:#cfcabd;transition:border-color .3s,color .3s;
}
.lang__btn:hover{border-color:rgba(201,162,39,.5);color:var(--gold-lt)}
.lang__btn svg.globe{width:14px;height:14px;color:var(--gold-mid)}
.lang__btn svg.chev{width:8px;height:8px;opacity:.6;transition:transform .3s}
.lang.is-open .lang__btn svg.chev{transform:rotate(180deg)}
.lang__menu{
  position:absolute;top:calc(100% + 10px);right:0;min-width:168px;padding:6px;
  background:#0c0c10;border:1px solid rgba(201,162,39,.22);border-radius:3px;
  box-shadow:0 26px 60px -20px rgba(0,0,0,.9);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:.3s var(--ease);z-index:90;
}
.lang.is-open .lang__menu{opacity:1;visibility:visible;transform:none}
.lang__menu a,.lang__menu button{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;padding:9px 11px;border-radius:2px;font-size:12.5px;color:#c9c4b7;text-align:left;
}
.lang__menu button:hover{background:rgba(201,162,39,.09);color:#fff}
.lang__menu button.is-on{color:var(--gold-lt);background:rgba(201,162,39,.1)}
.lang__menu button span{font-size:10px;color:var(--dim);letter-spacing:.08em}
.hdr__login{
  font-size:13px;color:#ded9cc;padding:0 6px;
  border-bottom:1px solid transparent;transition:color .3s,border-color .3s;
}
.hdr__login:hover{color:var(--gold-lt);border-color:rgba(201,162,39,.5)}
.hdr__burger{display:none}

/* Mobile drawer */
.drawer{
  position:fixed;inset:0;z-index:120;
  background:#060608;
  padding:0;
  transform:translateX(100%);
  transition:transform .6s var(--ease-out);
  overflow-y:auto;overscroll-behavior:contain;
  visibility:hidden;
}
.drawer.is-open{transform:none;visibility:visible}
.drawer__top{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px var(--pad);border-bottom:1px solid rgba(255,255,255,.07);
  position:sticky;top:0;background:#060608;z-index:2;
}
.drawer__body{padding:12px var(--pad) 40px}
.drawer__group{border-bottom:1px solid rgba(255,255,255,.06)}
.drawer__head{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:18px 0;font-size:17px;font-weight:600;color:#f2eee3;text-align:left;
}
.drawer__head svg{width:12px;height:12px;color:var(--gold);transition:transform .35s}
.drawer__group.is-open .drawer__head svg{transform:rotate(45deg)}
.drawer__sub{overflow:hidden;max-height:0;transition:max-height .5s var(--ease)}
.drawer__group.is-open .drawer__sub{max-height:520px}
.drawer__sub a{
  display:block;padding:11px 0 11px 16px;font-size:14px;color:var(--muted);
  border-left:1px solid rgba(201,162,39,.25);margin-left:2px;
}
.drawer__sub a:active{color:var(--gold-lt)}
.drawer__links a{
  display:block;padding:17px 0;font-size:17px;font-weight:600;color:#f2eee3;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.drawer__foot{padding-top:26px;display:grid;gap:10px}
.drawer__contact{display:grid;gap:8px;margin-top:18px;font-size:13px;color:var(--muted)}
.drawer__contact a{color:var(--gold-mid)}

/* ---------- Hero ---------- */
.hero{
  position:relative;overflow:hidden;
  min-height:min(900px,100svh);
  display:flex;align-items:center;
  padding:clamp(48px,7vw,86px) 0 clamp(64px,8vw,100px);
  margin-top:calc(var(--hdr-h)*-1);
  padding-top:calc(var(--hdr-h) + clamp(48px,6vw,80px));
}
.hero__bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero__bg::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse 60% 55% at 72% 38%,rgba(201,162,39,.20),transparent 62%),
    radial-gradient(ellipse 45% 40% at 12% 82%,rgba(201,162,39,.10),transparent 65%),
    radial-gradient(ellipse 70% 60% at 50% -10%,rgba(255,255,255,.05),transparent 60%),
    linear-gradient(180deg,#08080a 0%,#060607 45%,#050506 100%);
}
.hero__grid{
  position:absolute;inset:-2px;
  background-image:
    linear-gradient(rgba(201,162,39,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,162,39,.055) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(ellipse 70% 70% at 60% 40%,#000 10%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 60% 40%,#000 10%,transparent 78%);
  opacity:.85;
}
.hero__glow{
  position:absolute;width:46vw;height:46vw;min-width:420px;min-height:420px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,39,.16),rgba(201,162,39,0) 65%);
  right:-6%;top:12%;filter:blur(20px);
  animation:floaty 14s ease-in-out infinite;
}
.hero__glow--2{left:-14%;right:auto;top:auto;bottom:-22%;width:38vw;height:38vw;animation-delay:-6s;opacity:.7}
@keyframes floaty{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-26px,0)}}
.hero__watermark{
  position:absolute;right:-2vw;bottom:-14vh;z-index:-1;
  font-family:var(--ff-serif);font-size:min(46vw,620px);line-height:.8;
  color:transparent;-webkit-text-stroke:1px rgba(201,162,39,.12);
  letter-spacing:-.03em;user-select:none;pointer-events:none;
}
.hero__inner{
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);
  align-items:center;
}
.hero__copy{max-width:640px}
.hero h1{
  margin:22px 0 0;
  font-size:clamp(2.5rem,4.6vw,4.35rem);
  line-height:1.08;font-weight:700;letter-spacing:-.02em;
  color:#fbf9f2;
}
.hero h1 .line{display:block;overflow:hidden}
.hero h1 .line>span{display:block;transform:translateY(110%);animation:riseIn 1.1s var(--ease-out) forwards}
.hero h1 .line:nth-child(2)>span{animation-delay:.12s}
.hero h1 .serif{font-weight:400;letter-spacing:-.01em}
.hero__sub{
  margin-top:24px;max-width:52ch;color:#b3aea3;font-size:clamp(14.5px,1.15vw,16.5px);
  line-height:1.9;
}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero__chips{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:38px;padding-top:26px;border-top:1px solid rgba(255,255,255,.07)}
.hero__chip{display:flex;align-items:center;gap:9px;font-size:12px;color:#a9a49a;letter-spacing:.02em}
.hero__chip svg{width:15px;height:15px;color:var(--gold);opacity:.9}
.hero__chip b{color:#e8e2d3;font-weight:600}

/* Terminal card */
.terminal{
  position:relative;
  border:1px solid rgba(201,162,39,.22);
  border-radius:var(--r-sm);
  background:linear-gradient(168deg,rgba(22,22,27,.94),rgba(9,9,12,.96));
  box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.03) inset;
  padding:20px;overflow:hidden;
  animation:termIn 1.2s .25s var(--ease-out) both;
}
@keyframes termIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
.terminal::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:var(--gold-line);
}
.terminal::after{
  content:"";position:absolute;right:-30%;top:-40%;width:80%;height:80%;border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,39,.12),transparent 60%);
  pointer-events:none;
}
.term__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}
.term__id{display:flex;align-items:center;gap:9px;font-size:11.5px;letter-spacing:.1em;color:#a9a49a;text-transform:uppercase}
.term__live{display:inline-flex;align-items:center;gap:6px;color:var(--gold-mid)}
.term__live i{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 3px rgba(201,162,39,.15);animation:blink 2s infinite}
@keyframes blink{50%{opacity:.25}}
.term__bal{padding:18px 0 10px}
.term__bal span{display:block;font-size:11px;letter-spacing:.14em;color:#7d7870;text-transform:uppercase}
.term__bal strong{
  display:inline-block;margin-top:6px;font-size:clamp(26px,2.6vw,34px);font-weight:600;
  letter-spacing:-.01em;color:#fff;font-variant-numeric:tabular-nums;
}
.term__bal em{font-style:normal;font-size:13px;color:var(--gold-mid);margin-left:6px;letter-spacing:.06em}
.term__chart{position:relative;height:112px;margin:6px -4px 14px}
.term__chart svg{width:100%;height:100%;overflow:visible}
.term__chart path.line{
  fill:none;stroke:url(#lgGold);stroke-width:1.8;stroke-linecap:round;
  filter:drop-shadow(0 0 6px rgba(201,162,39,.45));
  stroke-dasharray:1000;stroke-dashoffset:1000;
  animation:draw 2.2s .6s var(--ease-out) forwards;
}
.term__chart path.area{fill:url(#lgArea);opacity:0;animation:fadeIn 1.4s 1.6s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fadeIn{to{opacity:1}}
.term__rows{display:grid;gap:2px}
.term__row{
  display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;
  padding:10px 8px;border-radius:2px;transition:background .3s;
}
.term__row:hover{background:rgba(255,255,255,.035)}
.term__sym{display:flex;flex-direction:column;line-height:1.3}
.term__sym b{font-size:12.5px;color:#ece8dd;letter-spacing:.05em;font-weight:600}
.term__sym span{font-size:10px;color:#6f6b63;letter-spacing:.06em}
.term__px{font-size:13px;color:#e9e5d9;font-variant-numeric:tabular-nums}
.term__chg{font-size:11.5px;font-variant-numeric:tabular-nums;min-width:52px;text-align:right}
.up{color:var(--up)}
.down{color:var(--down)}
.term__spark{width:44px;height:16px;opacity:.6}
.term__foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);
  font-size:10px;color:#6b675f;letter-spacing:.04em;
}
.term__badge{
  position:absolute;right:-14px;bottom:58px;
  display:flex;align-items:center;gap:9px;padding:10px 14px;
  background:rgba(12,12,15,.94);border:1px solid rgba(201,162,39,.3);border-radius:2px;
  box-shadow:0 20px 40px -18px #000;backdrop-filter:blur(8px);
  animation:floaty 6s ease-in-out infinite;
}
.term__badge b{font-size:15px;color:var(--gold-lt);letter-spacing:.02em}
.term__badge span{display:block;font-size:9px;color:#8b877d;letter-spacing:.1em;text-transform:uppercase}

/* Ticker */
.ticker{
  position:relative;border-top:1px solid rgba(201,162,39,.14);border-bottom:1px solid rgba(201,162,39,.14);
  background:linear-gradient(90deg,rgba(201,162,39,.05),rgba(255,255,255,.015),rgba(201,162,39,.05));
  overflow:hidden;height:48px;display:flex;align-items:center;
}
.ticker::before,.ticker::after{
  content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none;
}
.ticker::before{left:0;background:linear-gradient(90deg,var(--ink),transparent)}
.ticker::after{right:0;background:linear-gradient(270deg,var(--ink),transparent)}
.ticker__track{display:flex;align-items:center;gap:0;width:max-content;animation:marquee 46s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.tick{display:flex;align-items:center;gap:10px;padding:0 24px;border-right:1px solid rgba(255,255,255,.05);white-space:nowrap}
.tick b{font-size:11.5px;letter-spacing:.09em;color:#cfcabd;font-weight:600}
.tick span{font-size:12px;color:#e9e4d7;font-variant-numeric:tabular-nums}
.tick em{font-style:normal;font-size:11px;font-variant-numeric:tabular-nums}

/* ---------- Sections ---------- */
.section{position:relative;padding:clamp(50px,6.2vw,88px) 0}
.section--tight{padding:clamp(38px,4vw,58px) 0}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(26px,3.2vw,42px)}
.section__head--center{display:block;text-align:center;max-width:760px;margin:0 auto clamp(26px,3.2vw,42px)}
.section h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;font-weight:700;letter-spacing:-.015em;margin-top:14px}
.section h2 .serif{font-weight:400}
.section__head .lead{margin-top:16px}
.hairline{height:1px;background:var(--gold-line);opacity:.55}

/* ---------- Feature stats ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(201,162,39,.18);border-bottom:1px solid rgba(201,162,39,.18)}
.stat{padding:34px 24px;border-right:1px solid rgba(255,255,255,.06);position:relative}
.stat:last-child{border-right:0}
.stat__n{font-size:clamp(1.9rem,3vw,2.6rem);font-weight:600;letter-spacing:-.02em;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.stat__n small{font-size:.42em;color:var(--gold-mid);margin-left:4px;letter-spacing:.04em;font-weight:500}
.stat__l{margin-top:10px;font-size:12px;letter-spacing:.08em;color:var(--muted)}
.stat::after{
  content:"";position:absolute;left:24px;bottom:0;width:0;height:1px;background:var(--gold-grad);
  transition:width .6s var(--ease);
}
.stat:hover::after{width:calc(100% - 48px)}

/* ---------- Product cards ---------- */
.products{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
/* 首页产品区收尾入口：卡片只放一行，其余品种统一从这里进产品页 */
.prod-more{display:flex;justify-content:center;margin-top:clamp(24px,2.1vw,38px)}
.prod-more .btn{gap:10px}
.pcard{
  position:relative;display:flex;flex-direction:column;min-height:250px;
  padding:28px 24px;border:1px solid rgba(255,255,255,.075);border-radius:var(--r-xs);
  background:linear-gradient(165deg,rgba(255,255,255,.045),rgba(255,255,255,.008));
  overflow:hidden;transition:border-color .5s,transform .5s var(--ease),background .5s;
}
.pcard::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 90% 70% at 80% 0%,rgba(201,162,39,.16),transparent 65%);
  opacity:0;transition:opacity .6s;
}
.pcard::after{
  content:"";position:absolute;left:0;top:0;height:1px;width:0;background:var(--gold-grad);
  transition:width .7s var(--ease);
}
.pcard:hover{transform:translateY(-5px);border-color:rgba(201,162,39,.4);background:linear-gradient(165deg,rgba(201,162,39,.075),rgba(255,255,255,.012))}
.pcard:hover::before{opacity:1}
.pcard:hover::after{width:100%}
.pcard__ic{
  width:46px;height:46px;display:grid;place-items:center;border-radius:var(--r-xs);
  border:1px solid rgba(201,162,39,.28);color:var(--gold-mid);
  background:rgba(201,162,39,.06);transition:.5s var(--ease);
}
.pcard__ic svg{width:22px;height:22px}
.pcard:hover .pcard__ic{background:var(--gold-grad);color:#171102;border-color:transparent;transform:rotate(-4deg)}
.pcard h3{margin-top:22px;font-size:17px;font-weight:600;letter-spacing:.01em;color:#f5f1e6;position:relative}
.pcard p{margin-top:8px;font-size:13px;line-height:1.75;color:var(--muted);position:relative;flex:1}
.pcard__meta{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);
  font-size:11px;color:var(--dim);letter-spacing:.05em;position:relative;
}
.pcard__meta b{color:var(--gold-mid);font-weight:600;font-size:12px;letter-spacing:.02em}
.pcard__go{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(201,162,39,.25);border-radius:50%;color:var(--gold-mid);transition:.4s}
.pcard__go svg{width:11px;height:11px}
.pcard:hover .pcard__go{background:var(--gold);color:#100c02;border-color:var(--gold);transform:rotate(-45deg)}

/* ---------- Split / why ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.split--rev .split__media{order:-1}
.why-list{display:grid;gap:2px;margin-top:36px}
.why{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:20px 0;border-top:1px solid rgba(255,255,255,.07)}
.why:last-child{border-bottom:1px solid rgba(255,255,255,.07)}
.why__n{
  font-family:var(--ff-serif);font-size:13px;color:var(--gold-mid);letter-spacing:.1em;
  padding-top:2px;min-width:30px;
}
.why h4{font-size:15.5px;font-weight:600;color:#f3efe3}
.why p{margin-top:5px;font-size:13px;color:var(--muted);line-height:1.75;max-width:52ch}

/* Rings visual */
.visual-rings{
  position:relative;aspect-ratio:1/1;max-width:520px;margin-inline:auto;
  display:grid;place-items:center;
}
.visual-rings .ring{
  position:absolute;border-radius:50%;border:1px solid rgba(201,162,39,.16);
}
.visual-rings .r1{inset:2%}
.visual-rings .r2{inset:14%;border-color:rgba(201,162,39,.24)}
.visual-rings .r3{inset:26%;border-style:dashed;border-color:rgba(201,162,39,.3);animation:spin 46s linear infinite}
.visual-rings .r4{inset:38%;border-color:rgba(201,162,39,.35);background:radial-gradient(circle,rgba(201,162,39,.13),transparent 70%)}
.visual-rings .orbit{
  position:absolute;inset:2%;animation:spin 24s linear infinite;
}
.visual-rings .orbit i{
  position:absolute;top:-3px;left:50%;width:6px;height:6px;border-radius:50%;
  background:var(--gold-lt);box-shadow:0 0 14px 3px rgba(201,162,39,.7);
}
.visual-rings .core{
  position:relative;z-index:2;text-align:center;
}
.visual-rings .core b{
  display:block;font-size:clamp(2.6rem,5vw,3.8rem);line-height:1;font-weight:600;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.visual-rings .core span{
  display:block;margin-top:10px;font-size:10.5px;letter-spacing:.28em;color:#9a9488;text-transform:uppercase;
}
.visual-rings .tagline{
  position:absolute;bottom:6%;left:50%;transform:translateX(-50%);
  font-size:10px;letter-spacing:.2em;color:#6f6a5f;text-transform:uppercase;white-space:nowrap;
}

/* ---------- Platform ---------- */
.platform{
  position:relative;overflow:hidden;
  border:1px solid rgba(201,162,39,.18);border-radius:var(--r-sm);
  background:
    radial-gradient(ellipse 60% 80% at 78% 30%,rgba(201,162,39,.13),transparent 60%),
    linear-gradient(160deg,#0e0e12,#08080b);
  padding:clamp(28px,4vw,54px);
}
.platform__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,4vw,56px);align-items:center;position:relative}
.plat-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:3px;margin-top:26px;background:rgba(0,0,0,.3)}
.plat-tab{
  padding:9px 18px;border-radius:2px;font-size:12.5px;color:#a8a397;
  transition:.3s;letter-spacing:.04em;
}
.plat-tab.is-on{background:var(--gold-grad);color:#151004;font-weight:600;box-shadow:0 6px 18px -8px rgba(201,162,39,.8)}
.plat-panel{display:none}
.plat-panel.is-on{display:block;animation:fadeUp .5s var(--ease-out)}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.plat-list{margin-top:24px;display:grid;gap:13px}
.plat-list li{display:flex;gap:11px;font-size:13.5px;color:#bcb7ab;line-height:1.6}
.plat-list svg{width:16px;height:16px;flex:0 0 auto;color:var(--gold);margin-top:3px}
.plat-dl{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.store{
  display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px;
  border:1px solid rgba(255,255,255,.14);border-radius:3px;background:rgba(255,255,255,.03);
  transition:.35s;
}
.store:hover{border-color:rgba(201,162,39,.45);background:rgba(201,162,39,.07);transform:translateY(-2px)}
.store svg{width:19px;height:19px;color:var(--gold-lt)}
.store b{display:block;font-size:12px;color:#eee9dc;font-weight:600;line-height:1.2}
.store span{display:block;font-size:9px;color:#8b877c;letter-spacing:.1em;text-transform:uppercase}

/* Device mock */
.device{
  position:relative;aspect-ratio:16/11;border:1px solid rgba(201,162,39,.28);
  border-radius:6px;background:#0a0a0d;padding:10px;
  box-shadow:0 40px 80px -32px #000,0 0 0 1px rgba(255,255,255,.04) inset;
  transition:transform .7s var(--ease);
}
.device:hover{transform:translateY(-6px) rotate(.4deg)}
.device__inner{border:1px solid rgba(255,255,255,.07);border-radius:3px;height:100%;overflow:hidden;display:flex;flex-direction:column;background:#08080b}
.dev__top{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);background:#0c0c10}
.dev__dot{width:5px;height:5px;border-radius:50%;background:#2a2a30}
.dev__title{margin-left:8px;font-size:8.5px;letter-spacing:.14em;color:#78736a;text-transform:uppercase}
.dev__body{flex:1;display:grid;grid-template-columns:1.55fr 1fr;min-height:0}
.dev__chart{position:relative;padding:12px;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;min-height:0}
.dev__chart .sym{display:flex;align-items:baseline;gap:8px}
.dev__chart .sym b{font-size:11px;letter-spacing:.08em;color:#e7e2d5}
.dev__chart .sym span{font-size:8.5px;color:#6f6a61}
.dev__chart .px{margin-top:2px;font-size:19px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.dev__chart .px em{font-style:normal;font-size:9px;color:var(--up);margin-left:5px}
.dev__bars{
  flex:1;display:flex;align-items:flex-end;gap:3px;margin-top:10px;min-height:70px;
}
.dev__bars i{
  flex:1;background:linear-gradient(180deg,rgba(201,162,39,.65),rgba(201,162,39,.12));
  border-radius:1px 1px 0 0;animation:barGrow .9s var(--ease-out) both;
}
@keyframes barGrow{from{height:0!important;opacity:0}}
.dev__side{padding:10px;display:flex;flex-direction:column;gap:5px;min-height:0}
.dev__quote{display:flex;align-items:center;justify-content:space-between;padding:5px 6px;border-radius:2px;font-size:8.5px;color:#b6b1a5}
.dev__quote:nth-child(odd){background:rgba(255,255,255,.025)}
.dev__quote b{font-weight:600;letter-spacing:.05em;color:#d8d3c6}
.dev__screen-phone{
  display:none;width:190px;margin-inline:auto;aspect-ratio:9/18.6;
  border:1px solid rgba(201,162,39,.35);border-radius:22px;padding:6px;background:#0a0a0d;
  box-shadow:0 40px 70px -28px #000;
}
.device--phone{aspect-ratio:auto;padding:0;border:0;background:none;box-shadow:none;display:grid;place-items:center}
.device--phone .device__inner{border-radius:18px;height:100%;width:100%}

/* ---------- Promo ---------- */
.promo{
  position:relative;display:grid;grid-template-columns:1.15fr .85fr;
  border:1px solid rgba(201,162,39,.24);border-radius:var(--r-sm);overflow:hidden;
  background:
    radial-gradient(ellipse 50% 100% at 8% 20%,rgba(201,162,39,.16),transparent 60%),
    linear-gradient(120deg,#0f0d09,#08080a 55%,#0c0b08);
}
.promo__copy{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:center}
.promo__tag{
  display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  padding:6px 12px;border:1px solid rgba(201,162,39,.4);border-radius:2px;
  font-size:10px;letter-spacing:.16em;color:var(--gold-lt);text-transform:uppercase;
  background:rgba(201,162,39,.08);
}
.promo h3{margin-top:20px;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.15;font-weight:700;letter-spacing:-.01em}
.promo__sub{margin-top:14px;color:#b0aa9e;font-size:14px;line-height:1.8;max-width:44ch}
.promo__figures{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:30px;border:1px solid rgba(201,162,39,.2)}
.promo__fig{padding:16px 14px;background:rgba(201,162,39,.04);border-right:1px solid rgba(201,162,39,.14)}
.promo__fig:last-child{border-right:0}
.promo__fig span{display:block;font-size:10px;color:#918c80;letter-spacing:.12em}
.promo__fig b{display:block;margin-top:7px;font-size:clamp(17px,2vw,23px);color:var(--gold-lt);font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.promo__img{
  position:relative;min-height:380px;overflow:hidden;
  background:url("../img/promo-ipad.jpg") center/cover no-repeat;
  border-left:1px solid rgba(201,162,39,.2);
}
.promo__img::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#0a0a0c 0%,rgba(10,10,12,0) 30%);
}
.promo__img .badge{
  position:static;margin-top:14px;z-index:2;padding:8px 12px;
  background:rgba(5,5,7,.55);border:1px solid rgba(201,162,39,.26);border-radius:2px;
  font-size:9.5px;font-weight:500;letter-spacing:.16em;color:#b3a988;text-transform:uppercase;
  white-space:nowrap;
}

/* ---------- News ---------- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ncard{
  display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.075);
  border-radius:var(--r-xs);background:linear-gradient(170deg,rgba(255,255,255,.035),rgba(255,255,255,.006));
  overflow:hidden;transition:transform .5s var(--ease),border-color .5s;
}
.ncard:hover{transform:translateY(-5px);border-color:rgba(201,162,39,.35)}
.ncard__cover{height:158px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);
  background:#0b0b0e}
.ncard__cover img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s var(--ease),filter .5s}
.ncard:hover .ncard__cover img{transform:scale(1.05)}
.ncard__top{
  position:relative;height:150px;overflow:hidden;
  background:
    radial-gradient(ellipse 70% 90% at 70% 20%,rgba(201,162,39,.24),transparent 65%),
    linear-gradient(135deg,#131118,#0a0a0c);
  display:flex;align-items:flex-end;padding:18px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.ncard__top::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(201,162,39,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(201,162,39,.06) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg,#000,transparent);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent);
}
.ncard__num{
  position:absolute;right:16px;top:8px;font-family:var(--ff-serif);font-size:64px;line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(201,162,39,.28);
}
.ncard__cat{position:relative;font-size:10px;letter-spacing:.16em;color:var(--gold-lt);text-transform:uppercase;padding-left:12px}
.ncard__cat::before{content:"";position:absolute;left:0;top:50%;width:6px;height:1px;background:var(--gold)}
.ncard__body{padding:20px;display:flex;flex-direction:column;flex:1}
.ncard__date{font-size:11px;color:#7d786f;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.ncard h3{margin-top:9px;font-size:15.5px;line-height:1.5;font-weight:600;color:#f0ece0;transition:color .3s}
.ncard:hover h3{color:var(--gold-lt)}
.ncard p{margin-top:8px;font-size:12.5px;line-height:1.75;color:#948f85;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ncard__foot{margin-top:18px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06)}

/* ---------- Calendar ---------- */
.cal-wrap{border:1px solid rgba(201,162,39,.18);border-radius:var(--r-sm);overflow:hidden;background:rgba(255,255,255,.015)}
.cal-scroll{overflow-x:auto}
.cal{width:100%;border-collapse:collapse;min-width:720px}
.cal thead th{
  padding:14px 16px;text-align:left;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:#8c877b;font-weight:600;background:#0c0c10;border-bottom:1px solid rgba(201,162,39,.18);
  white-space:nowrap;
}
.cal tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .3s}
.cal tbody tr:hover{background:rgba(201,162,39,.05)}
.cal td{padding:15px 16px;font-size:13px;color:#c6c1b4;vertical-align:middle}
.cal td.time{font-family:var(--ff-mono);font-size:12px;color:#8f8a7e;white-space:nowrap}
.cal td.ev b{display:block;color:#efeade;font-weight:500;font-size:13.5px}
.cal td.ev span{display:block;font-size:10.5px;color:#757168;margin-top:3px}
.cal td.num{font-variant-numeric:tabular-nums;color:#a9a498;font-size:12.5px}
.cal td.num.act{color:#fff}
.imp{display:inline-flex;gap:3px}
.imp i{width:4px;height:12px;background:#2a2a30;border-radius:1px}
.imp[data-l="3"] i{background:var(--gold)}
.imp[data-l="2"] i:nth-child(-n+2){background:rgba(201,162,39,.55)}
.imp[data-l="1"] i:nth-child(1){background:rgba(201,162,39,.35)}
.cal-flag{display:inline-flex;align-items:center;justify-content:center;width:22px;height:16px;border:1px solid rgba(255,255,255,.12);border-radius:2px;font-size:8.5px;letter-spacing:.02em;color:#b7b2a6;background:rgba(255,255,255,.04)}

/* ---------- FAQ ---------- */
.faq{max-width:860px;margin-inline:auto}
.faq__item{border-bottom:1px solid rgba(255,255,255,.08)}
.faq__q{
  display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;
  padding:22px 4px;text-align:left;font-size:15px;font-weight:500;color:#eae5d8;transition:color .3s;
}
.faq__q:hover{color:var(--gold-lt)}
.faq__q i{
  position:relative;width:22px;height:22px;flex:0 0 auto;border:1px solid rgba(201,162,39,.3);border-radius:50%;
  transition:.4s var(--ease);
}
.faq__q i::before,.faq__q i::after{
  content:"";position:absolute;left:6px;top:10px;width:8px;height:1px;background:var(--gold-mid);
  transition:transform .4s var(--ease),background .3s;
}
.faq__q i::after{transform:rotate(90deg)}
.faq__item.is-open .faq__q i{background:var(--gold);border-color:var(--gold);transform:rotate(180deg)}
.faq__item.is-open .faq__q i::before,.faq__item.is-open .faq__q i::after{background:#151004}
.faq__item.is-open .faq__q i::after{transform:rotate(0)}
.faq__a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.faq__a p{padding:0 40px 24px 4px;font-size:13.5px;line-height:1.85;color:#9d988d}
.faq__a a{color:var(--gold-mid);border-bottom:1px solid rgba(201,162,39,.35)}

/* ---------- CTA band ---------- */
.cta-band{
  position:relative;overflow:hidden;text-align:center;
  padding:clamp(52px,7vw,92px) clamp(20px,4vw,48px);
  border-top:1px solid rgba(201,162,39,.2);border-bottom:1px solid rgba(201,162,39,.2);
  background:
    radial-gradient(ellipse 55% 120% at 50% 120%,rgba(201,162,39,.2),transparent 62%),
    linear-gradient(180deg,#070709,#0b0a08);
}
.cta-band::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(90deg,rgba(201,162,39,.06) 1px,transparent 1px);
  background-size:120px 100%;
  mask-image:radial-gradient(ellipse 60% 100% at 50% 100%,#000,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 60% 100% at 50% 100%,#000,transparent 75%);
}
.cta-band h2{position:relative;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.18;letter-spacing:-.02em}
.cta-band p{position:relative;margin:18px auto 0;max-width:58ch;color:#a9a49a;font-size:14.5px;line-height:1.85}
.cta-band .btn{margin-top:32px}
.cta-band .fine{position:relative;margin-top:26px;font-size:10.5px;color:#66625a;letter-spacing:.03em}

/* ---------- Footer ---------- */
.ftr{position:relative;background:#040405;border-top:1px solid rgba(201,162,39,.18);overflow:hidden}
.ftr::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:var(--gold-line);opacity:.6;
}
.ftr__main{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:clamp(24px,4vw,56px);
  padding:clamp(44px,6vw,72px) 0 clamp(32px,4vw,52px);
}
.ftr__brand p{margin-top:18px;font-size:12.5px;line-height:1.9;color:#8b867c;max-width:38ch}
.ftr__brand .reg{
  margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);
  font-size:11px;line-height:1.8;color:#6f6b62;
}
.ftr h4{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#cfc9b9;font-weight:600;
  margin-bottom:18px;
}
.ftr__links{display:grid;gap:11px}
.ftr__links a{font-size:12.5px;color:#918c82;transition:color .3s,padding-left .3s}
.ftr__links a:hover{color:var(--gold-lt);padding-left:5px}
.ftr__contact{display:grid;gap:14px;font-size:12.5px;color:#918c82}
.ftr__contact .row{display:flex;gap:10px;align-items:flex-start}
.ftr__contact svg{width:14px;height:14px;color:var(--gold-mid);flex:0 0 auto;margin-top:4px}
.ftr__contact b{display:block;color:#d8d2c2;font-weight:500;font-size:12.5px}
.ftr__contact span{font-size:11px;color:#726e65;letter-spacing:.02em}
.ftr__hours{
  margin-top:6px;display:inline-flex;align-items:center;gap:7px;
  padding:6px 10px;border:1px solid rgba(201,162,39,.22);border-radius:2px;
  font-size:10.5px;color:#a9a294;letter-spacing:.03em;
}
.ftr__legal{border-top:1px solid rgba(255,255,255,.07);padding:28px 0 0}
.ftr__legal h5{font-size:11px;letter-spacing:.12em;color:#9c9689;margin-bottom:10px;text-transform:uppercase;font-weight:600}
.ftr__legal p{font-size:10.5px;line-height:1.85;color:#66625a;margin-bottom:14px}
.ftr__legal p strong{color:#8d8272;font-weight:500}
.ftr__bottom{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
  padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.06);margin-top:8px;
  font-size:11px;color:#6b675f;
}
.ftr__bottom nav{display:flex;flex-wrap:wrap;gap:18px}
.ftr__bottom a:hover{color:var(--gold-lt)}
.ftr__mark{
  position:absolute;left:50%;bottom:-4vw;transform:translateX(-50%);
  font-family:var(--ff-serif);font-size:min(17vw,240px);line-height:1;letter-spacing:.06em;
  color:transparent;-webkit-text-stroke:1px rgba(201,162,39,.06);
  pointer-events:none;user-select:none;white-space:nowrap;
}
.ftr .lang--ftr .lang__menu{top:auto;bottom:calc(100% + 10px);right:0}

/* ---------- Page hero (inner) ---------- */
.phero{
  position:relative;overflow:hidden;
  padding:calc(var(--hdr-h) + clamp(40px,5vw,66px)) 0 clamp(34px,4vw,54px);
  margin-top:calc(var(--hdr-h)*-1);
  border-bottom:1px solid rgba(201,162,39,.14);
  background:
    radial-gradient(ellipse 60% 90% at 78% 0%,rgba(201,162,39,.15),transparent 60%),
    linear-gradient(180deg,#0a0a0d,#060608);
}
.phero::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(201,162,39,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,162,39,.05) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse 80% 80% at 70% 0%,#000,transparent 70%);
  -webkit-mask-image:radial-gradient(ellipse 80% 80% at 70% 0%,#000,transparent 70%);
}
.phero__in{position:relative;max-width:840px}
.phero h1{
  margin-top:16px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.14;letter-spacing:-.02em;font-weight:700;
}
.phero p{margin-top:18px;color:#a8a399;font-size:clamp(14px,1.1vw,16px);line-height:1.85;max-width:66ch}

/* ---------- Forms ---------- */
.form{display:grid;gap:16px}
.field{display:grid;gap:7px}
.field label{font-size:11px;letter-spacing:.1em;color:#9d9789;text-transform:uppercase;font-weight:500}
.field label .req{color:var(--gold)}
.field input,.field select,.field textarea{
  width:100%;height:50px;padding:0 15px;border-radius:2px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);
  color:#f2ede1;font-size:13.5px;transition:border-color .3s,background .3s,box-shadow .3s;
  outline:none;
}
.field textarea{height:auto;min-height:120px;padding:14px 15px;resize:vertical;line-height:1.7}
.field input::placeholder,.field textarea::placeholder{color:#5f5b53}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:rgba(201,162,39,.6);background:rgba(201,162,39,.05);
  box-shadow:0 0 0 3px rgba(201,162,39,.08);
}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c9a227' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}
.field select option{background:#101014;color:#eee}
.field--row{grid-column:1/-1}
.form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:11.5px;color:#8f8a7f;line-height:1.7}
.check input{width:15px;height:15px;margin-top:2px;accent-color:var(--gold);flex:0 0 auto}
.check a{color:var(--gold-mid);border-bottom:1px solid rgba(201,162,39,.3)}
.form__note{font-size:10.5px;color:#68645c;line-height:1.7}
.form-status{font-size:12px;color:var(--gold-lt);min-height:18px}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:start}
.cinfo{display:grid;gap:2px;margin-top:8px}
.cinfo__item{
  display:grid;grid-template-columns:auto 1fr;gap:16px;padding:20px 0;
  border-top:1px solid rgba(255,255,255,.07);
}
.cinfo__item:last-child{border-bottom:1px solid rgba(255,255,255,.07)}
.cinfo__ic{
  width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(201,162,39,.25);
  border-radius:2px;color:var(--gold-mid);background:rgba(201,162,39,.05);
}
.cinfo__ic svg{width:17px;height:17px}
.cinfo__k{font-size:10.5px;letter-spacing:.14em;color:#7d786f;text-transform:uppercase}
.cinfo__v{margin-top:4px;font-size:14px;color:#e6e1d4;line-height:1.7;word-break:break-word}
.cinfo__v a:hover{color:var(--gold-lt)}
.form-card{
  padding:clamp(24px,3vw,36px);border:1px solid rgba(201,162,39,.2);border-radius:var(--r-sm);
  background:linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.012));
}

/* ---------- Client center ---------- */
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.qcard{
  position:relative;padding:30px 26px;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xs);
  background:linear-gradient(165deg,rgba(255,255,255,.048),rgba(255,255,255,.01));
  display:flex;flex-direction:column;transition:.5s var(--ease);
}
.qcard:hover{border-color:rgba(201,162,39,.4);transform:translateY(-4px)}
.qcard__ic{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(201,162,39,.3);border-radius:2px;color:var(--gold-mid);background:rgba(201,162,39,.06)}
.qcard__ic svg{width:21px;height:21px}
.qcard h3{margin-top:20px;font-size:17px;font-weight:600;color:#f4f0e4}
.qcard p{margin-top:8px;font-size:12.5px;line-height:1.75;color:#989388;flex:1}
.qcard .link-arrow{margin-top:20px}
.qcard__step{
  position:absolute;right:22px;top:20px;font-family:var(--ff-serif);font-size:38px;line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(201,162,39,.22);
}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:36px;border-top:1px solid rgba(201,162,39,.18)}
.step{padding:26px 22px 0;border-right:1px solid rgba(255,255,255,.06);position:relative}
.step:last-child{border-right:0}
.step__n{
  display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
  border:1px solid rgba(201,162,39,.4);border-radius:50%;font-size:11px;color:var(--gold-lt);
  font-family:var(--ff-serif);
}
.step h4{margin-top:14px;font-size:14px;font-weight:600;color:#efeade}
.step p{margin-top:6px;font-size:12px;color:#918c81;line-height:1.7}

/* Download cards */
.dl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.dl{
  display:flex;align-items:center;gap:18px;padding:22px;border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-xs);background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.008));
  transition:.4s var(--ease);
}
.dl:hover{border-color:rgba(201,162,39,.4);background:rgba(201,162,39,.05)}
.dl__ic{
  width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(201,162,39,.25);
  border-radius:3px;color:var(--gold-mid);background:rgba(201,162,39,.05);
}
.dl__ic svg{width:22px;height:22px}
.dl b{display:block;font-size:14px;color:#eee9dc}
.dl span{display:block;margin-top:3px;font-size:11.5px;color:#8a8579}
.dl__go{margin-left:auto;color:var(--gold-mid)}
.dl__go svg{width:16px;height:16px}

/* ---------- Legal ---------- */
.legal-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:32px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:0}
.legal-tab{
  position:relative;padding:14px 18px;font-size:13px;color:#8f8a7f;transition:color .3s;
}
.legal-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--gold-grad);transform:scaleX(0);transition:transform .4s var(--ease)}
.legal-tab.is-on{color:var(--gold-lt)}
.legal-tab.is-on::after{transform:none}
.legal-panel{display:none;animation:fadeUp .45s var(--ease-out)}
.legal-panel.is-on{display:block}
.prose{max-width:900px}
.prose h2{font-size:clamp(1.5rem,2.4vw,2rem);margin:0 0 20px;color:#f4f0e4}
.prose h3{font-size:15px;color:var(--gold-lt);margin:32px 0 10px;letter-spacing:.02em}
.prose p{font-size:13.5px;line-height:1.95;color:#a29d92;margin-bottom:14px}
.prose ul{display:grid;gap:9px;margin:14px 0 20px;padding-left:2px}
.prose li{position:relative;padding-left:16px;font-size:13px;line-height:1.85;color:#a29d92}
.prose li::before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;background:var(--gold);border-radius:50%}
.prose .note{
  padding:16px 18px;border-left:2px solid rgba(201,162,39,.5);
  background:rgba(201,162,39,.04);font-size:12.5px;color:#a9a294;line-height:1.85;margin:20px 0;
}
.prose strong{color:#ded9cb;font-weight:500}
.prose .en-only{color:#7e796f;font-size:12px}

/* ---------- Chat ---------- */
.chat-fab{
  position:fixed;right:26px;bottom:26px;z-index:100;
  width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--gold-grad);color:#171102;
  box-shadow:0 18px 40px -12px rgba(201,162,39,.55),0 0 0 1px rgba(255,255,255,.2) inset;
  transition:transform .4s var(--ease),box-shadow .4s;
}
.chat-fab:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 24px 50px -14px rgba(201,162,39,.7)}
.chat-fab svg{width:25px;height:25px}
.chat-fab::before{
  content:"";position:absolute;inset:-6px;border-radius:50%;
  border:1px solid rgba(201,162,39,.4);
  animation:pulseRing 3s ease-out infinite;
}
@keyframes pulseRing{0%{transform:scale(.9);opacity:.8}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}
.chat-fab__dot{
  position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;
  background:#37b57c;border:2px solid #0a0a0c;box-shadow:0 0 8px #37b57c;
}
.chat-fab__dot.is-off{background:#8a8578;box-shadow:none}
.chat-fab__dot[hidden]{display:none}

.chat{
  position:fixed;right:26px;bottom:96px;z-index:101;
  width:380px;max-width:calc(100vw - 32px);
  height:min(580px,calc(100vh - 140px));
  display:flex;flex-direction:column;
  background:linear-gradient(175deg,#111116,#09090c);
  border:1px solid rgba(201,162,39,.28);border-radius:8px;
  box-shadow:0 50px 100px -30px rgba(0,0,0,.95);
  transform-origin:bottom right;
  transform:translateY(16px) scale(.96);opacity:0;visibility:hidden;
  transition:.42s var(--ease-out);
  overflow:hidden;
}
.chat.is-open{transform:none;opacity:1;visibility:visible}
.chat__hd{
  display:flex;align-items:center;gap:12px;padding:16px 18px;
  border-bottom:1px solid rgba(201,162,39,.18);
  background:linear-gradient(100deg,rgba(201,162,39,.12),rgba(201,162,39,.02));
}
.chat__ava{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold-grad);color:#171102;flex:0 0 auto;
}
.chat__ava svg{width:20px;height:20px}
.chat__tt{flex:1;min-width:0}
.chat__tt b{display:block;font-size:13.5px;color:#f5f1e5;font-weight:600}
.chat__st{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#9c9789;margin-top:2px}
.chat__st i{width:5px;height:5px;border-radius:50%;background:#37b57c;box-shadow:0 0 6px #37b57c}
.chat__st.is-off i{background:#8a8578;box-shadow:none}
.chat__x{color:#8d887c;padding:6px;transition:color .3s}
.chat__x:hover{color:#fff}
.chat__x svg{width:16px;height:16px}
.chat__body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}
.msg{max-width:86%;font-size:12.5px;line-height:1.7;border-radius:6px;padding:11px 14px;animation:msgIn .35s var(--ease-out)}
@keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.msg--bot{align-self:flex-start;background:rgba(255,255,255,.055);color:#d9d4c7;border-bottom-left-radius:2px}
.msg--bot a{color:var(--gold-mid);border-bottom:1px solid rgba(201,162,39,.35)}
.msg--me{align-self:flex-end;background:linear-gradient(120deg,rgba(201,162,39,.9),rgba(201,162,39,.72));color:#171102;border-bottom-right-radius:2px}
.msg--sys{align-self:center;max-width:100%;font-size:10.5px;color:#7d786e;background:none;padding:2px 0;text-align:center;line-height:1.6}
.msg__time{display:block;margin-top:5px;font-size:9px;opacity:.5}
.chat__quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}
.chat__quick button{
  padding:6px 11px;border:1px solid rgba(201,162,39,.3);border-radius:20px;
  font-size:10.5px;color:var(--gold-lt);background:rgba(201,162,39,.05);
  transition:.3s;white-space:nowrap;
}
.chat__quick button:hover{background:rgba(201,162,39,.16)}
.chat__in{
  display:flex;align-items:center;gap:8px;padding:12px 14px;
  border-top:1px solid rgba(255,255,255,.07);background:#0b0b0e;
}
.chat__in input{
  flex:1;height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:3px;
  background:rgba(255,255,255,.04);font-size:12.5px;color:#eee;outline:none;transition:border-color .3s;
}
.chat__in input:focus{border-color:rgba(201,162,39,.5)}
.chat__send{
  width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:3px;
  background:var(--gold-grad);color:#171102;transition:.3s;
}
.chat__send:hover{filter:brightness(1.08)}
.chat__send svg{width:16px;height:16px}
.chat__note{padding:8px 16px 10px;font-size:9.5px;color:#5f5b53;line-height:1.5;background:#0b0b0e;border-top:1px solid rgba(255,255,255,.04)}
.chat-off{padding:16px 18px;border-top:1px solid rgba(255,255,255,.07);background:#0b0b0e;display:none}
.chat.is-offline .chat-off{display:block}
.chat.is-offline .chat__in{display:none}
.chat.is-offline .chat__quick{display:none}
.chat-off p{font-size:11px;color:#8f8a7e;line-height:1.7;margin-bottom:10px}
.chat-off input{width:100%;height:38px;padding:0 11px;margin-bottom:8px;border:1px solid rgba(255,255,255,.1);border-radius:3px;background:rgba(255,255,255,.04);font-size:12px;outline:none}
.chat-off input:focus{border-color:rgba(201,162,39,.5)}
.chat-off button{width:100%;height:38px;border-radius:3px;background:var(--gold-grad);color:#171102;font-size:12px;font-weight:600}

/* ---------- Reveal animations ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);transition-delay:var(--d,0ms)}
.reveal.in{opacity:1;transform:none}
.reveal--l{transform:translateX(-26px)}
.reveal--r{transform:translateX(26px)}
.reveal--scale{transform:scale(.97)}
.reveal--in.in{transform:none}
[data-stagger]>*{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
[data-stagger].in>*{opacity:1;transform:none}

/* Page veil */
.veil{
  position:fixed;inset:0;z-index:9999;pointer-events:none;
  background:#050506;display:grid;place-items:center;
  transition:opacity .6s .15s,visibility .6s .15s;
}
.veil__mark{width:64px;opacity:.9}
.veil__bar{position:absolute;left:50%;bottom:0;height:1px;width:0;transform:translateX(-50%);background:var(--gold-grad);transition:width .7s var(--ease)}
.veil.is-done{opacity:0;visibility:hidden}
.veil.is-done .veil__bar{width:100%}
.veil.is-leaving{opacity:1;visibility:visible;transition:none}

/* Toast */
.toast{
  position:fixed;left:50%;bottom:32px;transform:translate(-50%,20px);z-index:200;
  max-width:min(440px,calc(100vw - 40px));
  padding:13px 20px;border:1px solid rgba(201,162,39,.4);border-radius:3px;
  background:rgba(12,12,16,.96);backdrop-filter:blur(10px);
  color:#e8e3d5;font-size:12.5px;line-height:1.6;
  opacity:0;visibility:hidden;transition:.4s var(--ease);
  box-shadow:0 24px 50px -20px #000;
}
.toast.is-on{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* Skip link */
.skip{position:absolute;left:-9999px;top:0;z-index:999;padding:10px 16px;background:var(--gold);color:#111}
.skip:focus{left:10px;top:10px}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .nav__link{padding:0 10px;font-size:12.5px}
  .nav__link::after{left:10px;right:10px}
  .hdr .container{gap:14px}
  .hdr__login{display:none}
  .logo__name{font-size:17px}
  .hero__inner{grid-template-columns:1.05fr .95fr;gap:36px}
  .ftr__main{grid-template-columns:1.4fr 1fr 1fr;gap:36px}
  .ftr__contact-col{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}
  .ftr__contact-col h4{grid-column:1/-1;margin-bottom:0}
}

@media (max-width:1024px){
  :root{--hdr-h:72px}
  .nav,.hdr__act .lang,.hdr__act .btn{display:none}
  .hdr__burger{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:2px;margin-left:auto}
  .hdr__burger span{display:block;width:18px;height:1px;background:#e8e2d4;position:relative;transition:.3s}
  .hdr__burger span::before,.hdr__burger span::after{content:"";position:absolute;left:0;width:18px;height:1px;background:#e8e2d4;transition:.3s}
  .hdr__burger span::before{top:-6px}
  .hdr__burger span::after{top:6px}
  .hdr__act .lang--mob{display:block}
  .hdr__act{display:none}
  .hero{min-height:auto;padding-bottom:56px}
  .hero__inner{grid-template-columns:1fr;gap:44px}
  .hero__copy{max-width:none}
  .hero h1{font-size:clamp(2.2rem,6.4vw,3.4rem)}
  .terminal{max-width:560px}
  .products{grid-template-columns:repeat(2,1fr)}
  .news-grid{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr;gap:44px}
  .split--rev .split__media{order:0}
  .visual-rings{max-width:400px}
  .platform__grid{grid-template-columns:1fr;gap:36px}
  .promo{grid-template-columns:1fr}
  .promo__img{min-height:460px;order:-1;border-left:0;border-bottom:1px solid rgba(201,162,39,.2);background-position:center 22%}
  .promo__img::after{background:linear-gradient(180deg,rgba(10,10,12,0) 55%,#0a0a0c 100%)}
  .contact-grid{grid-template-columns:1fr}
  .quick{grid-template-columns:1fr;gap:12px}
  .steps{grid-template-columns:1fr 1fr}
  .step{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:24px}
  .step:nth-child(2n){border-right:0}
  .dl-grid{grid-template-columns:1fr}
  .section__head{flex-direction:column;align-items:flex-start;gap:20px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2n){border-right:0}
  .stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}
  .chat{right:16px;bottom:88px;height:min(560px,calc(100vh - 120px))}
  .chat-fab{right:16px;bottom:16px;width:54px;height:54px}
}

@media (max-width:720px){
  :root{--pad:20px}
  .topbar{display:none}
  body{font-size:15px}
  .hero{padding-top:calc(var(--hdr-h) + 36px);min-height:auto}
  .hero__chips{gap:10px 18px}
  .terminal{padding:16px}
  .term__badge{right:-6px;bottom:auto;top:-16px;padding:8px 11px}
  .term__badge b{font-size:13px}
  .products{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .promo__figures{grid-template-columns:1fr;gap:0}
  .promo__fig{border-right:0;border-bottom:1px solid rgba(201,162,39,.14);display:flex;align-items:center;justify-content:space-between}
  .promo__fig:last-child{border-bottom:0}
  .promo__fig b{margin-top:0}
  .steps{grid-template-columns:1fr}
  .step{border-right:0}
  .form__grid{grid-template-columns:1fr}
  .ftr__main{grid-template-columns:1fr 1fr;gap:32px}
  .ftr__brand{grid-column:1/-1}
  .ftr__contact-col{grid-template-columns:1fr}
  .ftr__bottom{flex-direction:column;align-items:flex-start;gap:12px}
  .ftr__bottom nav{gap:12px 16px}
  .section{padding:56px 0}
  .section h2{font-size:1.65rem}
  .visual-rings{max-width:300px}
  .visual-rings .core b{font-size:2.4rem}
  .device{aspect-ratio:4/4.4}
  .dev__body{grid-template-columns:1fr}
  .dev__side{display:none}
  .chat{right:0;bottom:0;width:100%;max-width:100%;height:min(86vh,620px);border-radius:14px 14px 0 0;border-bottom:0}
  .chat__hd{padding-top:18px}
  .legal-tab{padding:12px 14px;font-size:12px}
  .cal td,.cal thead th{padding:12px}
  .cta-band .btn{width:100%}
  .hero__cta .btn{flex:1 1 auto}
  .stat{padding:26px 18px}
  .stat::after{left:18px}
  .stat:hover::after{width:calc(100% - 36px)}
}

@media (max-width:420px){
  .logo__mark{width:36px;height:36px}
  .logo__name{font-size:15px}
  .logo__sub{font-size:7.5px}
  .hero h1{font-size:2rem}
  .btn{height:46px;padding:0 20px;font-size:13px}
  .btn--lg{height:50px}
  .ftr__main{grid-template-columns:1fr}
  .ftr__brand{grid-column:auto}
}

/* ---------- Motion preferences ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal,[data-stagger]>*{opacity:1!important;transform:none!important}
  .hero h1 .line>span{transform:none}
}

/* ---------- Additions ---------- */
.logo__mark-wrap{display:flex;align-items:center;flex:0 0 auto}
.logo__mark-wrap svg,.logo__mark-wrap img{width:42px;height:42px;color:var(--gold)}
.drawer__close{
  width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;
  border:1px solid rgba(255,255,255,.14);border-radius:2px;color:#e8e2d4;
  transition:.3s;
}
.drawer__close:hover{border-color:rgba(201,162,39,.5);color:var(--gold-lt)}
.drawer__close svg{width:16px;height:16px}
.hero__inner{position:relative}
.term__badge{right:-8px;bottom:34px}
.dev__bars i:nth-child(2n){animation-delay:.06s}
.dev__bars i:nth-child(3n){animation-delay:.12s}
.dev__bars i:nth-child(4n){animation-delay:.18s}
.dev__bars i:nth-child(5n){animation-delay:.24s}
.ftr__hours svg{width:13px;height:13px}
[id]{scroll-margin-top:96px}
@media (max-width:1024px){
  .term__badge{right:10px;top:-16px;bottom:auto}
  .logo__mark-wrap svg,.logo__mark-wrap img{width:38px;height:38px}
}
@media (max-width:720px){
  .term__badge{right:6px;top:-14px}
}

/* Static / no-animation mode (QA, print, reduced motion) */
.no-anim .term__chart path.line{stroke-dashoffset:0!important}
.no-anim .term__chart path.area{opacity:1!important}
.no-anim *, .no-anim *::before, .no-anim *::after{
  animation:none!important;transition:none!important;
}
.no-anim .reveal,.no-anim [data-stagger]>*{opacity:1!important;transform:none!important}
.no-anim .hero h1 .line>span{transform:none!important}

/* ---------- Inner page components ---------- */
.subnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;position:relative}
.chip{
  display:inline-flex;align-items:center;gap:7px;padding:9px 16px;
  border:1px solid rgba(255,255,255,.12);border-radius:20px;
  font-size:12px;color:#b7b2a6;letter-spacing:.03em;
  transition:.35s var(--ease);
}
.chip:hover{border-color:rgba(201,162,39,.5);color:var(--gold-lt);background:rgba(201,162,39,.06)}
.chip.is-on{border-color:rgba(201,162,39,.55);color:#151004;background:var(--gold-grad);font-weight:600}
.section--alt{background:linear-gradient(180deg,#08080b,#060608)}

.market{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:start}
.market--rev .market__copy{order:2}
.market--rev .market__facts{order:1}
.market__copy{position:relative;padding-top:6px}
.market__idx{
  display:block;font-family:var(--ff-serif);font-size:clamp(34px,4vw,48px);line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(201,162,39,.3);margin-bottom:16px;
}
.market h2{margin-top:10px;font-size:clamp(1.7rem,2.8vw,2.4rem)}
.market .lead{margin-top:14px}
.market__facts{
  border-top:1px solid rgba(201,162,39,.22);
  background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(255,255,255,.008));
  border-radius:2px;padding:0 26px;
}
.mfact{display:grid;grid-template-columns:132px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.07);align-items:baseline}
.mfact:last-child{border-bottom:0}
.mfact__k{font-size:10.5px;letter-spacing:.12em;color:#8a857a;text-transform:uppercase}
.mfact__v{font-size:13.5px;line-height:1.7;color:#ded9cb}
.mfact__v b{color:var(--gold-lt);font-weight:600;font-size:15px}
.mfact--note{background:rgba(201,162,39,.04);margin:0 -26px;padding:20px 26px;border-radius:0 0 2px 2px}
.mfact--note .mfact__v{font-size:12.5px;color:#bcb6a8}

.acards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.acard{
  display:flex;flex-direction:column;gap:14px;padding:30px 26px;
  border:1px solid rgba(255,255,255,.08);border-radius:3px;
  background:linear-gradient(168deg,rgba(255,255,255,.045),rgba(255,255,255,.008));
  transition:.5s var(--ease);position:relative;overflow:hidden;
}
.acard::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gold-line);opacity:0;transition:.4s}
.acard:hover{border-color:rgba(201,162,39,.35);transform:translateY(-4px)}
.acard:hover::before{opacity:1}
.acard__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.acard h3{font-size:18px;font-weight:600;color:#f2eee2}
.acard>p{font-size:12.5px;line-height:1.8;color:#969185;min-height:66px}
.acard__list{display:grid;gap:9px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);margin-bottom:6px}
.acard__list li{position:relative;padding-left:16px;font-size:12px;color:#a9a498;line-height:1.6}
.acard__list li::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border:1px solid rgba(201,162,39,.6);border-radius:50%}
.tag{
  display:inline-flex;align-items:center;padding:3px 8px;border-radius:2px;
  background:rgba(201,162,39,.16);border:1px solid rgba(201,162,39,.35);
  font-size:9px;letter-spacing:.12em;color:var(--gold-lt);text-transform:uppercase;white-space:nowrap;
}
.tag--ghost{background:transparent;border-color:rgba(255,255,255,.18);color:#9f998c}

@media (max-width:1024px){
  .market{grid-template-columns:1fr;gap:30px}
  .market--rev .market__copy{order:1}
  .market--rev .market__facts{order:2}
  .acards{grid-template-columns:1fr}
  .acard>p{min-height:0}
}
@media (max-width:720px){
  .mfact{grid-template-columns:1fr;gap:6px;padding:18px 0}
  .market__facts{padding:0 20px}
  .mfact--note{margin:0 -20px;padding:18px 20px}
  .subnav{margin-top:26px;gap:6px}
  .chip{padding:8px 13px;font-size:11px}
}

/* Platforms page */
.pblock{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,76px);align-items:center}
.pblock--rev>div:first-child{order:2}
.pblock h2{margin-top:12px}
.pblock .plat-list{margin-top:22px}
.pblock .plat-dl{margin-top:28px}
.steps--3{grid-template-columns:repeat(3,1fr)}
.sys-note{
  display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:32px;align-items:start;
  margin-top:48px;padding-top:28px;border-top:1px solid rgba(201,162,39,.18);
}
.sys-note h4{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#cfc9b9;margin-bottom:12px}
.sys-note ul{display:grid;gap:8px}
.sys-note li{position:relative;padding-left:14px;font-size:12px;color:#918c81;line-height:1.6}
.sys-note li::before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;background:rgba(201,162,39,.6);border-radius:50%}
.sys-note p{font-size:11.5px;line-height:1.8;color:#7f7a70}

/* Phone mock */
.phone{
  width:min(268px,78vw);aspect-ratio:9/18.4;margin-inline:auto;padding:9px;
  border:1px solid rgba(201,162,39,.32);border-radius:34px;
  background:linear-gradient(160deg,#1b1b21,#08080b 45%);
  box-shadow:0 50px 90px -40px #000,0 0 0 1px rgba(255,255,255,.05) inset;
}
.phone__scr{
  height:100%;border-radius:26px;overflow:hidden;background:#09090c;
  border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;
}
.phone__notch{width:64px;height:15px;background:#000;border-radius:0 0 12px 12px;margin:0 auto;flex:0 0 auto}
.phone__top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:7.5px;color:#7d786e;letter-spacing:.08em}
.phone__top span:nth-child(2){color:#d8d3c6;letter-spacing:.12em;font-size:8px}
.phone__bal{padding:10px 14px 8px;border-bottom:1px solid rgba(255,255,255,.06)}
.phone__bal span{display:block;font-size:7.5px;letter-spacing:.14em;color:#716c62;text-transform:uppercase}
.phone__bal b{display:block;margin-top:5px;font-size:19px;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.phone__bal em{font-style:normal;font-size:9px;color:var(--up)}
.phone__chart{height:88px;padding:8px 10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.phone__chart svg{width:100%;height:100%}
.phone__list{padding:6px 8px;display:flex;flex-direction:column;gap:2px;flex:1}
.phone__list>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:6px 6px;border-radius:2px;font-size:8px;color:#b7b2a5}
.phone__list>div:nth-child(odd){background:rgba(255,255,255,.025)}
.phone__list b{font-size:8.5px;letter-spacing:.06em;color:#dcd7ca}
.phone__list span{font-variant-numeric:tabular-nums}
.phone__list em{font-style:normal;font-size:7.5px;font-variant-numeric:tabular-nums}
.phone__bar{display:flex;align-items:center;justify-content:space-around;padding:9px 12px;border-top:1px solid rgba(255,255,255,.07);background:#0b0b0e}
.phone__bar span{width:13px;height:2px;background:#3a3a40;border-radius:2px}
.phone__bar span:first-child{background:var(--gold)}

/* Browser mock */
.browser{
  border:1px solid rgba(201,162,39,.26);border-radius:6px;overflow:hidden;
  background:#0a0a0d;box-shadow:0 40px 80px -34px #000;
}
.browser__bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);background:#0d0d11}
.browser__url{
  margin-left:10px;flex:1;height:22px;display:flex;align-items:center;padding:0 10px;
  border:1px solid rgba(255,255,255,.08);border-radius:3px;background:rgba(255,255,255,.03);
  font-size:8px;color:#77726a;letter-spacing:.05em;
}
.browser__body{display:grid;grid-template-columns:74px 1fr;min-height:280px}
.browser__side{border-right:1px solid rgba(255,255,255,.06);padding:14px 12px;display:flex;flex-direction:column;gap:12px;background:#0b0b0e}
.browser__side b{font-family:var(--ff-serif);font-size:14px;color:var(--gold);letter-spacing:.06em}
.browser__side span{height:3px;background:#232328;border-radius:2px}
.browser__side span:nth-child(3){width:70%}
.browser__side span:nth-child(4){width:85%}
.browser__main{padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.bmarket{display:flex;align-items:baseline;gap:10px}
.bmarket div{display:flex;flex-direction:column;line-height:1.3}
.bmarket b{font-size:10px;letter-spacing:.08em;color:#e9e4d7}
.bmarket span{font-size:7.5px;color:#6f6a61}
.bmarket strong{font-size:16px;color:#fff;font-variant-numeric:tabular-nums;margin-left:auto}
.bmarket em{font-style:normal;font-size:9px;color:var(--up)}
.bchart{flex:1;min-height:120px;border:1px solid rgba(255,255,255,.05);border-radius:2px;padding:8px;background:rgba(255,255,255,.015)}
.bchart svg{width:100%;height:100%}
.btable{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.btable span{height:22px;border:1px solid rgba(255,255,255,.05);border-radius:2px;background:rgba(255,255,255,.02)}

@media (max-width:1024px){
  .pblock{grid-template-columns:1fr;gap:38px}
  .pblock--rev>div:first-child{order:0}
  .sys-note{grid-template-columns:1fr;gap:22px}
  .steps--3{grid-template-columns:1fr}
  .phone{max-width:240px}
}

/* Promotions */
.rules{counter-reset:r;margin-top:4px}
.rules li{
  counter-increment:r;display:grid;grid-template-columns:44px 1fr;gap:16px;
  padding:20px 0;border-top:1px solid rgba(255,255,255,.07);
  font-size:13px;line-height:1.85;color:#a29d92;
}
.rules li:last-child{border-bottom:1px solid rgba(255,255,255,.07)}
.rules li::before{
  content:counter(r,decimal-leading-zero);font-family:var(--ff-serif);
  font-size:12px;letter-spacing:.1em;color:var(--gold-mid);padding-top:3px;
}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.benefit{
  display:flex;flex-direction:column;padding:28px 24px;border:1px solid rgba(255,255,255,.08);
  border-radius:3px;background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(255,255,255,.008));
  transition:.45s var(--ease);
}
.benefit:hover{border-color:rgba(201,162,39,.35);transform:translateY(-4px)}
.benefit__top{margin-bottom:18px}
.benefit h3{font-size:16.5px;font-weight:600;color:#f1ede1}
.benefit p{margin-top:9px;font-size:12.5px;line-height:1.8;color:#969185;flex:1}
.benefit .link-arrow{margin-top:22px;font-size:11.5px}
.notice{
  display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
  padding:28px 32px;border:1px solid rgba(201,162,39,.22);border-radius:3px;
  background:linear-gradient(100deg,rgba(201,162,39,.07),rgba(255,255,255,.012));
}
.notice h3{font-size:14px;font-weight:600;color:var(--gold-lt);letter-spacing:.04em}
.notice p{margin-top:7px;font-size:11.5px;line-height:1.8;color:#969185;max-width:70ch}

@media (max-width:1024px){.benefits{grid-template-columns:1fr}}
@media (max-width:720px){.rules li{grid-template-columns:32px 1fr;gap:10px;font-size:12.5px}.notice{padding:22px}}

/* News page */
.ann{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ann__item{
  padding:32px 30px;border:1px solid rgba(255,255,255,.08);border-radius:3px;
  background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(255,255,255,.008));
  position:relative;overflow:hidden;
}
.ann__item::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:var(--gold-line);opacity:.7}
.ann__meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.ann__meta time{font-size:10.5px;letter-spacing:.1em;color:#7d786f}
.ann__item h3{font-size:17px;line-height:1.55;font-weight:600;color:#f3efe3}
.ann__item p{margin-top:12px;font-size:13px;line-height:1.9;color:#9d988d}
.filters{display:flex;flex-wrap:wrap;gap:6px}
.filters .chip{cursor:pointer;background:none}
.filters .chip.is-on{background:var(--gold-grad);color:#151004}
.ncard__foot a{display:inline-flex}
.subscribe{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;
  padding:clamp(28px,4vw,48px);border:1px solid rgba(201,162,39,.22);border-radius:3px;
  background:
    radial-gradient(ellipse 60% 100% at 10% 0%,rgba(201,162,39,.1),transparent 60%),
    linear-gradient(120deg,#0b0b0e,#08080a);
}
.subscribe__form{display:grid;grid-template-columns:1fr auto;gap:10px}
.subscribe__form input{
  height:52px;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:2px;
  background:rgba(255,255,255,.03);color:#f2ede1;font-size:13px;outline:none;transition:.3s;
}
.subscribe__form input:focus{border-color:rgba(201,162,39,.6);box-shadow:0 0 0 3px rgba(201,162,39,.08)}
.subscribe__form .form__note{grid-column:1/-1;margin-top:2px}

@media (max-width:1024px){
  .ann{grid-template-columns:1fr}
  .subscribe{grid-template-columns:1fr}
}
@media (max-width:520px){
  .subscribe__form{grid-template-columns:1fr}
  .subscribe__form .btn{width:100%}
}

/* Calendar page */
.cal-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.cal-legend{display:flex;align-items:center;gap:10px;font-size:10.5px;color:#7d786f;line-height:1.6;max-width:52ch}
.cal__day td{
  background:rgba(201,162,39,.055);border-top:1px solid rgba(201,162,39,.2);
  border-bottom:1px solid rgba(201,162,39,.12);
  font-size:10.5px;letter-spacing:.16em;color:var(--gold-mid);font-weight:600;
}
.cal tbody tr.cal__day:hover{background:rgba(201,162,39,.055)}
.cal-scroll::-webkit-scrollbar{height:6px}

/* About page */
.brand-strip{
  display:flex;align-items:center;gap:16px;margin-top:32px;padding:16px 20px;
  border-left:2px solid rgba(201,162,39,.5);background:rgba(201,162,39,.04);
}
.brand-strip__mark{font-family:var(--ff-serif);font-size:22px;color:var(--gold-mid);letter-spacing:.04em}
.brand-strip p{font-size:11.5px;line-height:1.7;color:#918c81}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(201,162,39,.18)}
.value{padding:32px 26px 8px;border-right:1px solid rgba(255,255,255,.06);position:relative}
.value:last-child{border-right:0}
.value__n{font-family:var(--ff-serif);font-size:12px;letter-spacing:.12em;color:var(--gold-mid)}
.value h3{margin-top:18px;font-size:16px;font-weight:600;color:#f1ede1}
.value p{margin-top:8px;font-size:12.5px;line-height:1.85;color:#969185}
.facts-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(201,162,39,.2);border-left:1px solid rgba(201,162,39,.12)}
.factrow{
  display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:baseline;
  padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.05);
  transition:background .3s;
}
.factrow:hover{background:rgba(201,162,39,.04)}
.factrow>span{font-size:10.5px;letter-spacing:.12em;color:#817c72;text-transform:uppercase}
.factrow>b{font-size:13px;line-height:1.75;color:#ded9cb;font-weight:500;word-break:break-word}
.factrow b a:hover{color:var(--gold-lt)}
.offices{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.office{
  padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:3px;
  background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(255,255,255,.008));
}
.office__pin{
  display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(201,162,39,.3);color:var(--gold-mid);background:rgba(201,162,39,.05);
}
.office__pin svg{width:18px;height:18px}
.office h3{margin-top:20px;font-size:16px;font-weight:600;color:#f1ede1}
.office__sub{margin-top:5px;font-size:11px;letter-spacing:.06em;color:#7d786f}
.office__addr{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);font-size:12.5px;line-height:1.8;color:#a09b90}
@media (max-width:1024px){
  .values{grid-template-columns:1fr 1fr}
  .value{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:26px}
  .value:nth-child(2n){border-right:0}
  .facts-grid{grid-template-columns:1fr}
  .offices{grid-template-columns:1fr}
}
@media (max-width:600px){
  .values{grid-template-columns:1fr}
  .value{border-right:0}
  .factrow{grid-template-columns:1fr;gap:5px;padding:16px 18px}
}

/* Contact + legal */
.cinfo__note{margin-top:5px;font-size:11px;line-height:1.7;color:#7b766c;max-width:46ch}
.legal-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.legal-tabs::-webkit-scrollbar{display:none}
.legal-tab{white-space:nowrap}
.legal-panel .prose{padding-top:6px}
.legal-panel .prose p{max-width:82ch}
.country-list{grid-template-columns:1fr 1fr;display:grid}
.legal-contact{
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  margin-top:52px;padding:28px 30px;border:1px solid rgba(201,162,39,.2);border-radius:3px;
  background:linear-gradient(100deg,rgba(201,162,39,.06),rgba(255,255,255,.012));
}
.legal-contact h3{font-size:15px;color:var(--gold-lt);font-weight:600}
.legal-contact p{margin-top:6px;font-size:11.5px;line-height:1.8;color:#918c81;max-width:72ch}
@media (max-width:640px){
  .country-list{grid-template-columns:1fr}
  .legal-contact{padding:22px}
  .legal-tab{padding:12px 12px;font-size:12px}
}

/* Promo artwork */
.promo__img{
  display:grid;place-items:center;padding:26px;min-height:420px;
  background:
    radial-gradient(ellipse 70% 65% at 50% 35%,rgba(201,162,39,.18),transparent 65%),
    radial-gradient(ellipse 120% 60% at 50% 115%,rgba(201,162,39,.1),transparent 60%),
    #08080a;
}
.promo__img img{
  max-height:560px;max-width:100%;width:auto;height:auto;object-fit:contain;
  border:1px solid rgba(201,162,39,.22);
  box-shadow:0 36px 70px -34px #000,0 0 0 1px rgba(255,255,255,.03) inset;
  position:relative;z-index:1;
}
.promo__img::after{display:none}
.promo__img .badge{z-index:2}
@media (max-width:1024px){
  .promo__img{min-height:0;padding:30px 20px 24px}
  .promo__img img{max-height:460px}
}

/* Overflow guards */
html{overflow-x:hidden}
.hero__inner>*,.split>*,.pblock>*,.contact-grid>*,.market>*,.footer__main>*{min-width:0}
.terminal{width:100%}
.hero__copy{min-width:0}
@media (max-width:1024px){
  .hero__inner,.split,.pblock,.contact-grid,.market{grid-template-columns:minmax(0,1fr)}
}

/* Footer language */
.ftr__langs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}
.ftr__langs>span{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#6f6b62;margin-right:4px}
.ftr__langs button{
  padding:4px 8px;border:1px solid rgba(255,255,255,.1);border-radius:2px;
  font-size:10.5px;color:#8f8a7e;transition:.3s;
}
.ftr__langs button:hover{color:var(--gold-lt);border-color:rgba(201,162,39,.4)}
.ftr__langs button.is-on{color:#151004;background:var(--gold-grad);border-color:transparent;font-weight:600}

/* Compact calendar (mobile home preview) */
@media (max-width:720px){
  .cal--compact{min-width:0}
  .cal--compact th:nth-child(n+5),.cal--compact td:nth-child(n+5){display:none}
  .cal--compact th,.cal--compact td{padding:12px 10px}
  .cal--compact td.ev span{display:none}
  .cal--compact td.ev b{font-size:12px}
  .cal-wrap{position:relative}
  .cal-wrap::after{
    content:"";position:absolute;top:0;right:0;bottom:0;width:26px;pointer-events:none;
    background:linear-gradient(270deg,#08080b,transparent);
  }
}

/* Heading + lead rhythm */
.split .lead,.platform .lead,.pblock .lead{margin-top:16px}
.section h2+.lead{margin-top:16px}

/* Nav wrapping guards */
.nav__link{white-space:nowrap}
html[lang="ja"] .nav__link{font-size:12px;padding:0 10px;letter-spacing:0}
html[lang="ja"] .nav__link::after{left:10px;right:10px}
html[lang="ja"] .logo__name{font-size:17px}
html[lang="ja"] .hdr__login{font-size:12px}
@media (max-width:1180px){
  html[lang="ja"] .nav__link{font-size:11px;padding:0 8px}
  html[lang="ja"] .nav__link::after{left:8px;right:8px}
}

/* Footer legal columns */
.ftr__legal{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}
.ftr__legal-col--full{grid-column:1/-1;margin-top:18px}
.ftr__legal h5{margin-top:0}
.ftr__legal p{max-width:78ch}
@media (max-width:820px){
  .ftr__legal{grid-template-columns:1fr;gap:0}
  .ftr__legal-col--full{margin-top:0}
}

/* Footer legal measure */
.ftr__legal p{max-width:none;font-size:10.8px}
.ftr__legal-col--full p{max-width:1180px}

/* Hero headline entrance */
@keyframes riseIn{
  from{transform:translateY(112%)}
  to{transform:translateY(0)}
}

/* Chat identity + recording notice */
.chat__code{
  font-style:normal;font-weight:400;font-family:var(--ff-mono);
  font-size:9.5px;letter-spacing:.06em;color:#a99f83;margin-left:7px;white-space:nowrap;
}
.chat__rec{display:block;margin-top:4px;color:#5f5b53;font-size:9px;line-height:1.5}

/* Agent (human) replies */
.msg--agent{
  align-self:flex-start;
  background:linear-gradient(120deg,rgba(201,162,39,.14),rgba(255,255,255,.035));
  border:1px solid rgba(201,162,39,.36);
  border-bottom-left-radius:2px;color:#f1e9d4;
}
.msg__who{
  display:block;font-style:normal;font-size:9px;letter-spacing:.14em;
  color:var(--gold-mid);margin-bottom:4px;text-transform:uppercase;
}

/* Topbar narrow-width handling */
.topbar a,.topbar__item,.topbar__r{white-space:nowrap}
@media (max-width:900px){
  .topbar__item:nth-child(3){display:none}
  .topbar__l{gap:16px}
  .topbar__r{gap:14px}
}

/* ==========================================================================
   Article detail (news-post.html)
   ========================================================================== */
.container--narrow{width:min(840px,100% - var(--pad)*2);margin-inline:auto}

.article__head{
  position:relative;padding:calc(var(--hdr-h) + clamp(46px,7vw,86px)) 0 clamp(26px,3vw,40px);
  overflow:hidden;
}
.article__head::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 46% 62% at 18% 0%,rgba(201,162,39,.13),transparent 68%),
    radial-gradient(ellipse 40% 50% at 92% 12%,rgba(201,162,39,.07),transparent 70%);
}
.article__head::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold-line);opacity:.55;
}
.article__head .container{position:relative}
.article__meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;
  font-size:11px;letter-spacing:.08em;color:#8b867b;font-variant-numeric:tabular-nums;
}
.article__meta time{color:#9d978a}
.article__sep{width:16px;height:1px;background:#3a3529}
.article__title{
  margin:18px 0 0;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.2;font-weight:700;
  letter-spacing:-.02em;color:#f6f2e6;
}
.article__summary{
  margin:18px 0 0;font-size:clamp(14px,1.15vw,16px);line-height:1.9;color:#a9a497;max-width:66ch;
}
.article__cover{
  margin:0;border:1px solid rgba(201,162,39,.18);border-radius:3px;overflow:hidden;background:#0b0b0e;
}
.article__cover img{display:block;width:100%;height:auto}

.article__body{
  font-size:clamp(14.5px,1.05vw,16px);line-height:2;color:#c9c4b6;
}
.article__body>p{margin:0 0 22px}
.article__body>p:last-child{margin-bottom:0}
.article__body strong{color:#f2ecda;font-weight:600}
.article__body h2,.article__body h3{
  margin:40px 0 16px;color:#f4efe1;letter-spacing:-.01em;line-height:1.35;font-weight:600;
}
.article__body h2{font-size:clamp(1.15rem,1.7vw,1.4rem)}
.article__body h3{font-size:clamp(1.02rem,1.4vw,1.18rem)}
.article__body h2::before,.article__body h3::before{
  content:"";display:block;width:26px;height:1px;background:var(--gold);margin-bottom:14px;opacity:.85;
}
.article__body ul,.article__body ol{margin:0 0 22px;padding-left:0;list-style:none}
.article__body li{
  position:relative;padding-left:22px;margin-bottom:10px;color:#bdb8aa;
}
.article__body ul>li::before{
  content:"";position:absolute;left:2px;top:.85em;width:5px;height:5px;border-radius:50%;
  background:var(--gold);opacity:.75;
}
.article__body ol{counter-reset:li}
.article__body ol>li{counter-increment:li}
.article__body ol>li::before{
  content:counter(li);position:absolute;left:0;top:0;font-size:12px;font-weight:600;
  color:var(--gold);opacity:.9;font-variant-numeric:tabular-nums;line-height:2.65;
}
.article__body blockquote{
  margin:0 0 22px;padding:16px 20px;border-left:2px solid rgba(201,162,39,.55);
  background:rgba(201,162,39,.05);color:#b8b2a3;font-size:.96em;
}
.article__fig{margin:0 0 24px}
.article__fig img{display:block;width:100%;border:1px solid rgba(255,255,255,.08);border-radius:3px}

.article__acts{
  display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(38px,5vw,58px);
  padding-top:clamp(26px,3vw,34px);border-top:1px solid rgba(255,255,255,.08);
}
.article__disc{margin-top:26px;font-size:10.5px;line-height:1.85;color:#6f6b62;max-width:72ch}

.article__missing{padding:8px 0 6px}
.article__missing h1{font-size:clamp(1.4rem,2.6vw,2rem);color:#f2ede0;line-height:1.3}
.article__missing p{margin:14px 0 26px;color:#9d978a;font-size:14px;line-height:1.85;max-width:56ch}
.article.is-loading .article__head .container{opacity:.4;transition:opacity .3s}
.article.is-loading .article__acts{visibility:hidden}
.article.is-loading .article__disc{visibility:hidden}
.article.is-empty .article__acts,.article.is-empty .article__disc,.article.is-empty #aBody{display:none}

/* ==========================================================================
   Promotion list (promotions.html)
   ========================================================================== */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pgrid__empty{
  margin:26px 0 0;padding:26px;text-align:center;font-size:12.5px;color:#8e897d;
  border:1px dashed rgba(255,255,255,.12);border-radius:3px;
}
.pcard{
  display:flex;flex-direction:column;overflow:hidden;border-radius:3px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(168deg,rgba(255,255,255,.04),rgba(255,255,255,.008));
  transition:transform .5s var(--ease),border-color .5s,box-shadow .5s;
}
.pcard:hover{transform:translateY(-5px);border-color:rgba(201,162,39,.38)}
.pcard__media{
  position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b0b0e;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.pcard__media img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;
  transition:transform .8s var(--ease),filter .5s}
/* 竖版海报留白用同图模糊填充，避免两侧空荡 */
.pcard__bg{
  position:absolute;inset:-10%;z-index:0;background-size:cover;background-position:center;
  filter:blur(20px) saturate(.85) brightness(.42);transform:scale(1.06);
}
.pcard:hover .pcard__media img{transform:scale(1.04)}
.pcard__media--ph{
  display:grid;place-items:center;
  background:
    radial-gradient(ellipse 70% 90% at 70% 20%,rgba(201,162,39,.2),transparent 65%),
    linear-gradient(135deg,#141119,#0a0a0c);
}
.pcard__media--ph::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(201,162,39,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(201,162,39,.06) 1px,transparent 1px);
  background-size:34px 34px;
}
.pcard__ph{
  position:relative;font-family:var(--ff-serif);font-size:38px;letter-spacing:.06em;
  color:transparent;-webkit-text-stroke:1px rgba(201,162,39,.4);
}
.pcard__body{padding:20px 20px 18px;display:flex;flex-direction:column;flex:1}
.pcard__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pcard__state,.pcard__badge{
  display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:2px;
  font-size:9.5px;letter-spacing:.1em;white-space:nowrap;
}
.pcard__state{background:rgba(201,162,39,.14);border:1px solid rgba(201,162,39,.55);color:var(--gold-lt)}
.pcard__state[data-s="soon"]{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18);color:#b7b2a6}
.pcard__state[data-s="ended"]{background:transparent;border-color:rgba(255,255,255,.14);color:#7b776d}
.pcard__badge{background:transparent;border:1px solid rgba(255,255,255,.1);color:#8f8a7e}
.pcard__badge:empty{display:none}
.pcard h3{margin-top:12px;font-size:16px;line-height:1.5;font-weight:600;color:#f1ece0;transition:color .3s}
.pcard:hover h3{color:var(--gold-lt)}
.pcard p{
  margin-top:8px;font-size:12.5px;line-height:1.75;color:#948f85;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.pcard__foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:18px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06);
}
.pcard__dates{
  font-size:10.5px;letter-spacing:.04em;color:#7b766c;font-variant-numeric:tabular-nums;white-space:nowrap;
}
.pcard__foot .link-arrow{font-size:11.5px;white-space:nowrap}
.pcard[data-pstate="ended"]{opacity:.72}
.pcard[data-pstate="ended"]:hover{opacity:1}

/* 公告卡可点击态 */
.ann__item--link{display:block;transition:border-color .45s var(--ease),transform .45s var(--ease),background .45s}
.ann__item--link:hover{border-color:rgba(201,162,39,.34);transform:translateY(-3px)}
.ann__more{
  display:inline-flex;align-items:center;gap:7px;margin-top:18px;
  font-size:11px;letter-spacing:.06em;color:var(--gold-mid);
  transition:gap .3s var(--ease),color .3s;
}
.ann__more svg{width:13px;height:13px}
.ann__item--link:hover .ann__more{gap:11px;color:var(--gold-lt)}

@media (max-width:1024px){
  .pgrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .pgrid{grid-template-columns:1fr}
  .article__acts .btn{flex:1 1 auto;justify-content:center}
  .ann{grid-template-columns:1fr}
}

/* ==========================================================================
   App store QR codes — download area
   iOS / Android 卡片右侧内嵌二维码，移动端区加一组放大的扫码块
   ========================================================================== */
.dl__qr{
  flex:0 0 auto;width:120px;height:120px;margin-left:auto;padding:2px;display:block;
  background:#fff;border-radius:3px;box-shadow:0 0 0 1px rgba(201,162,39,.22);
  transition:box-shadow .45s var(--ease),transform .45s var(--ease);
}
.dl:hover .dl__qr{box-shadow:0 0 0 1px rgba(201,162,39,.5);transform:scale(1.02)}
.dl__qr+.dl__go{margin-left:10px}

.dl__qrhint{
  display:flex;align-items:center;gap:8px;margin-top:18px;
  font-size:11.5px;color:#9b968a;letter-spacing:.02em;
}
.dl__qrhint svg{width:14px;height:14px;flex:0 0 auto;color:var(--gold-mid)}

.qrrow{
  display:flex;align-items:center;gap:26px;flex-wrap:wrap;
  margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);
}
.qrrow__hint{margin:0;max-width:236px;font-size:11.5px;line-height:1.85;color:#8a8579}
.qrrow__grid{display:flex;gap:12px}
.qr{
  display:flex;flex-direction:column;align-items:center;gap:9px;
  padding:9px 9px 8px;border:1px solid rgba(201,162,39,.18);border-radius:3px;
  background:rgba(255,255,255,.02);
  transition:border-color .45s var(--ease),transform .45s var(--ease),background .45s;
}
.qr:hover{border-color:rgba(201,162,39,.48);background:rgba(201,162,39,.05);transform:translateY(-2px)}
.qr__img{display:block;width:104px;height:104px;background:#fff;border-radius:2px}
.qr__cap{font-size:10px;letter-spacing:.04em;color:#9b968a;white-space:nowrap;transition:color .35s}
.qr:hover .qr__cap{color:var(--gold-lt)}

/* 手机上扫码无意义（无法扫自己的屏幕），点击按钮更直接 */
@media (max-width:900px){
  .dl__qr{display:none}
  .dl__qr+.dl__go{margin-left:auto}
  .dl__qrhint{display:none}
  .qrrow{display:none}
}

/* ---- 内容模块空状态：新闻/活动/日历没有已发布内容时整体隐藏 ---- */
.is-mod-hidden{display:none!important}

/* ---- 活动详情页 ---- */
.promo-detail__cover{max-width:720px;margin:0 auto}
.promo-detail__figs{max-width:720px}
.promo-detail__figs .promo__figures{margin-top:22px}

/* 活动页「活动规则」由活动详情正文渲染，半栏下适当收紧字号与间距 */
.promo-rules{font-size:14px;line-height:1.85}
.promo-rules h2,.promo-rules h3{margin:26px 0 12px}
.promo-rules h2:first-child,.promo-rules h3:first-child{margin-top:0}
.promo-rules>p{margin:0 0 16px}
.promo-rules ul{margin:0 0 18px}
.promo-rules li{margin-bottom:8px}

/* =========================================================
   首页改版：城市风光背景 / 宽版报价面板 / 产品背景图
   ========================================================= */

/* ---- Hero：文案整行 + 城市天际线 ---- */
.hero{min-height:min(760px,92svh);align-items:flex-end}
.hero__inner{display:block}
.hero__copy{max-width:none}
.hero h1{font-size:clamp(2.5rem,4.8vw,4.5rem);max-width:22ch}
.hero__sub{max-width:62ch}
.city{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.city__layer{
  position:absolute;left:-2.5%;right:-2.5%;bottom:0;
  background-repeat:no-repeat;background-position:bottom center;background-size:cover;
  will-change:transform;
}
.city__layer--far{height:54%;background-image:url(../img/city-far.svg);opacity:.85;animation:cityFar 38s ease-in-out infinite alternate}
.city__layer--mid{height:64%;background-image:url(../img/city-mid.svg);animation:cityMid 29s ease-in-out infinite alternate}
.city__layer--near{height:76%;background-image:url(../img/city-near.svg);animation:cityNear 21s ease-in-out infinite alternate}
@keyframes cityFar{from{transform:translate3d(-10px,0,0) scale(1.02)}to{transform:translate3d(10px,0,0) scale(1.02)}}
@keyframes cityMid{from{transform:translate3d(12px,0,0) scale(1.03)}to{transform:translate3d(-12px,0,0) scale(1.03)}}
@keyframes cityNear{from{transform:translate3d(-16px,0,0) scale(1.04)}to{transform:translate3d(16px,0,0) scale(1.04)}}
.city__sweep{
  position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(102deg,transparent 28%,rgba(232,207,131,.10) 44%,rgba(232,207,131,.03) 52%,transparent 66%);
  background-size:220% 100%;
  animation:citySweep 14s linear infinite;
}
@keyframes citySweep{from{background-position:130% 0}to{background-position:-130% 0}}
.hero__fade{position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg,transparent,#050506 76%)}
.hero__bg::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,5,6,.90) 0%,rgba(5,5,6,.62) 42%,rgba(5,5,6,.22) 70%,rgba(5,5,6,.05) 100%);
}

/* ---- 实时报价：独立成行、加宽 ---- */
.quotes{padding-top:clamp(28px,4vw,56px)}
.terminal--wide{padding:26px clamp(20px,2.6vw,34px)}
.terminal--wide::after{right:-6%;top:-70%}
.term__wide{
  display:grid;grid-template-columns:1.12fr 1fr;
  gap:clamp(20px,3vw,44px);align-items:stretch;
  margin-top:20px;
}
.term__chart--lg{height:auto;min-height:236px;margin:0;padding:8px 0}
.term__chart--lg svg{height:100%}
.term__chart-tag{
  position:absolute;left:4px;top:0;font-size:10px;letter-spacing:.14em;
  color:#6f6b63;text-transform:uppercase;
}
.term__rows--wide{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(16px,2vw,34px);align-content:center}
.term__rows--wide .term__row{padding:13px 10px}
.term__rows--wide .term__sym b{font-size:13.5px}
.term__rows--wide .term__px{font-size:14.5px}
.term__rows--wide .term__chg{font-size:12px;min-width:58px}

/* ---- 产品卡背景图 ---- */
.pcard__bg{
  position:absolute;inset:0;width:100%;height:100%;z-index:0;
  opacity:.62;pointer-events:none;
  transition:opacity .6s,transform .9s var(--ease);
}
.pcard:hover .pcard__bg{opacity:.9;transform:scale(1.05)}
.pcard>*:not(.pcard__bg){position:relative;z-index:1}

/* ---- 加载标识：更大 + 动效 ---- */
.veil__mark{
  width:clamp(88px,9vw,120px);height:auto;opacity:1;
  animation:veilPulse 2s ease-in-out infinite;
  filter:drop-shadow(0 0 22px rgba(201,162,39,.55));
}
.veil::after{
  content:"";position:absolute;width:clamp(150px,16vw,200px);height:clamp(150px,16vw,200px);
  border-radius:50%;border:1px solid rgba(201,162,39,.30);
  animation:veilRing 2.6s ease-out infinite;pointer-events:none;
}
.veil__bar{height:2px;box-shadow:0 0 12px rgba(201,162,39,.7)}
@keyframes veilPulse{0%,100%{transform:scale(1);opacity:.92}50%{transform:scale(1.07);opacity:1}}
@keyframes veilRing{0%{transform:scale(.55);opacity:.85}100%{transform:scale(1.25);opacity:0}}

/* ---- 合作伙伴页 ---- */
.ptn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ptn-card{
  position:relative;padding:30px 26px;border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-xs);background:linear-gradient(165deg,rgba(255,255,255,.045),rgba(255,255,255,.008));
  overflow:hidden;transition:border-color .5s,transform .5s var(--ease);
}
.ptn-card:hover{transform:translateY(-5px);border-color:rgba(201,162,39,.4)}
.ptn-card__n{font-family:var(--ff-serif);font-size:12px;letter-spacing:.16em;color:var(--gold-mid)}
.ptn-card h3{margin-top:14px;font-size:17px;font-weight:600;color:#f5f1e6}
.ptn-card p{margin-top:9px;font-size:13px;line-height:1.78;color:var(--muted)}
.ptn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}
.ptn-step{position:relative;padding:26px 24px;border-top:1px solid rgba(201,162,39,.28);background:linear-gradient(180deg,rgba(201,162,39,.05),transparent 70%)}
.ptn-step b{display:block;font-family:var(--ff-serif);font-size:15px;color:var(--gold-mid);letter-spacing:.1em}
.ptn-step h4{margin-top:10px;font-size:15px;color:#f3efe3}
.ptn-step p{margin-top:7px;font-size:12.5px;line-height:1.75;color:var(--muted)}

@media (max-width:900px){
  .term__wide{grid-template-columns:1fr}
  .term__table,.term__chart--lg{min-height:200px}
  .term__rows--wide{grid-template-columns:1fr 1fr}
  .ptn-grid,.ptn-steps{grid-template-columns:1fr}
  .hero{min-height:auto;padding-bottom:64px}
}
@media (max-width:620px){
  .term__rows--wide{grid-template-columns:1fr}
  .hero h1{font-size:clamp(2.1rem,8vw,2.8rem)}
}

/* 城市更清晰 + 产品背景图提亮 */
.city__layer--far{filter:brightness(1.35)}
.city__layer--mid{filter:brightness(1.25)}
.city__layer--near{filter:brightness(1.2)}
.city__glow{
  position:absolute;left:8%;right:8%;bottom:-8%;height:46%;pointer-events:none;
  background:radial-gradient(ellipse 60% 100% at 50% 100%,rgba(201,162,39,.22),transparent 70%);
  filter:blur(6px);
}
.pcard__bg{opacity:.5;filter:brightness(1.28) saturate(1.08)}
.pcard:hover .pcard__bg{opacity:.72;filter:brightness(1.4) saturate(1.12)}

/* 合作伙伴页：参考版式（左文右图 + 2×2 价值卡） */
.phero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,5vw,64px);align-items:center}
.phero__copy h1{margin-top:0}
.phero__visual .visual-rings{max-width:380px}

/* ---------- 页面 Hero 右侧动态视觉：行情环 ----------
   产品页 / 平台页主标题右侧原来是空场，这里用纯 SVG + CSS 动画补一组视觉：
   三层同心环（虚线环慢转、刻度环反向）、两段金色亮弧绕行、中心呼吸光；
   产品页叠一组起伏的成交量柱，平台页叠 MT5 与信号波纹。
   全部是 transform / opacity 动画，无位图、无 JS。 */
.market-orb{
  position:relative;width:100%;max-width:440px;aspect-ratio:1/1;margin-inline:auto;
  display:grid;place-items:center;
}
@media (min-width:1500px){ .market-orb{max-width:510px} }
.market-orb::before{
  content:"";position:absolute;inset:16%;border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,39,.22),rgba(201,162,39,.05) 56%,transparent 74%);
  animation:moBreath 7.5s ease-in-out infinite;
}
.mo__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mo-spin{transform-box:view-box;transform-origin:50% 50%;animation:moSpin 52s linear infinite}
.mo-dash{transform-box:view-box;transform-origin:50% 50%;animation:moSpin 74s linear infinite reverse}
.mo-arc{transform-box:view-box;transform-origin:50% 50%;animation:moSpin 17s linear infinite}
.mo-arc--rev{animation-duration:25s;animation-direction:reverse}
@keyframes moSpin{to{transform:rotate(360deg)}}
@keyframes moBreath{0%,100%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}

/* 起伏的成交量柱（产品页） */
.mo__bars{
  position:absolute;left:50%;bottom:33%;transform:translateX(-50%);
  width:min(58%,248px);height:27%;display:flex;align-items:flex-end;gap:4px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
}
.mo__bars i{
  flex:1;height:var(--h,42%);border-radius:1px;
  background:linear-gradient(180deg,rgba(240,214,144,.92),rgba(201,162,39,.10));
  transform-origin:bottom;
  animation:moBar 3.8s ease-in-out infinite alternate;
  animation-delay:calc(var(--i,0) * -0.23s);
}
@keyframes moBar{
  0%{transform:scaleY(.42);opacity:.4}
  55%{transform:scaleY(1);opacity:.95}
  100%{transform:scaleY(.68);opacity:.62}
}

/* 信号波纹 + 中心 MT5（平台页） */
.mo__waves{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.mo__waves i{
  position:absolute;width:34%;aspect-ratio:1/1;border-radius:50%;
  border:1px solid rgba(201,162,39,.55);
  animation:moWave 5.4s ease-out infinite;
  animation-delay:calc(var(--i,0) * 1.8s);
}
@keyframes moWave{
  0%{transform:scale(.32);opacity:0}
  18%{opacity:.75}
  100%{transform:scale(2.15);opacity:0}
}
.mo__core{position:relative;z-index:2;text-align:center}
.mo__core b{
  display:block;font-size:clamp(2.4rem,3.6vw,3.2rem);line-height:1;font-weight:600;letter-spacing:-.02em;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.mo__core span{display:block;margin-top:12px;font-size:9.5px;letter-spacing:.3em;color:#8b8578}
.market-orb--platform .mo__bars{display:none}

/* 环下方的小标签 */
.mo__label{position:absolute;left:50%;transform:translateX(-50%);bottom:-5%;text-align:center;white-space:nowrap}
.mo__label b{display:block;font-size:10px;letter-spacing:.34em;color:#b6a87e;font-weight:500}
.mo__label span{display:block;margin-top:6px;font-size:9px;letter-spacing:.24em;color:#5d594f}

@media (max-width:1200px){
  .market-orb{max-width:390px}
}
@media (prefers-reduced-motion:reduce){
  .market-orb,.market-orb *{animation:none !important}
}
.ptn-grid{grid-template-columns:1fr 1fr}
.ptn-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:28px 26px}
.ptn-card__ic{
  width:44px;height:44px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(201,162,39,.32);color:var(--gold-mid);
  background:radial-gradient(circle at 30% 25%,rgba(201,162,39,.18),rgba(201,162,39,.04));
}
.ptn-card__ic svg{width:20px;height:20px}
.ptn-card h3{margin-top:2px}
@media (max-width:900px){.phero__grid{grid-template-columns:1fr}.phero__visual{display:none}}

/* 合作页正文区块：单栏限宽 + 清单两列 */
.ptn-body{max-width:860px}
.ptn-body .plat-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;margin-top:22px}
@media (max-width:700px){.ptn-body .plat-list{grid-template-columns:1fr}}

/* ==========================================================================
   宽屏 / 大分辨率适配（1440 以上不再留大片空边）
   原因：容器长期锁死 1280px、字号 clamp 上限过小，屏幕越宽留白越大、
   内容越显得「一小条」。这里把容器改成流式，并让字号 / 卡片 / 间距
   在 1500px 以上跟着视口等比放大。
   ========================================================================== */
:root{
  /* 1280 固定宽 → 92vw 流式，最大 2560（超宽屏也不会突破可读上限） */
  --max:clamp(1280px,92vw,2560px);
  --pad:clamp(20px,3.2vw,56px);
}
.container--wide{width:min(calc(var(--max) - 80px),100% - var(--pad)*2)}

@media (min-width:1500px){
  /* ---- 纵向节奏 ---- */
  .section{padding:clamp(72px,6.2vw,112px) 0}
  .section--tight{padding:clamp(50px,4.2vw,78px) 0}
  .section__head{gap:clamp(32px,2.6vw,56px);margin-bottom:clamp(32px,2.6vw,48px)}
  .section__head--center{max-width:clamp(760px,46vw,1000px)}
  .section h2{font-size:clamp(1.9rem,2.5vw,4.2rem)}
  .lead{font-size:clamp(15px,.95vw,21px);max-width:62ch}
  .eyebrow{font-size:clamp(11px,.78vw,15px)}

  /* ---- 头部 ---- */
  .logo__mark{width:clamp(42px,2.6vw,56px);height:clamp(42px,2.6vw,56px)}
  .logo__name{font-size:clamp(19px,1.15vw,26px)}
  .logo__sub{font-size:clamp(8.5px,.55vw,11px)}
  .nav__link{font-size:clamp(13.5px,.85vw,17px);padding:0 clamp(13px,.95vw,20px)}
  .nav__link::after{left:clamp(13px,.95vw,20px);right:clamp(13px,.95vw,20px)}

  /* ---- 按钮 ---- */
  .btn{height:clamp(50px,3.2vw,62px);padding:0 clamp(28px,1.7vw,38px);font-size:clamp(14px,.95vw,17px)}
  .btn--lg{height:clamp(54px,3.6vw,70px);padding:0 clamp(34px,2.1vw,46px);font-size:clamp(15px,1vw,18px)}

  /* ---- 首屏：铺满可视高度 + 文案放大 ---- */
  .hero{min-height:min(1180px,94svh);padding-bottom:clamp(80px,6vw,130px)}
  .hero h1{font-size:clamp(4.2rem,5.1vw,8.6rem);max-width:24ch}
  .hero__sub{font-size:clamp(16px,1.05vw,23px);max-width:60ch}
  .hero__cta{gap:clamp(14px,.9vw,18px);margin-top:clamp(28px,2.6vw,44px)}
  .hero__chips{gap:clamp(10px,.9vw,16px) clamp(26px,1.8vw,40px);margin-top:clamp(32px,2.4vw,46px);padding-top:clamp(26px,1.8vw,34px)}
  .hero__chip{font-size:clamp(12px,.82vw,16px)}
  .hero__chip svg{width:clamp(15px,1vw,19px);height:clamp(15px,1vw,19px)}

  /* ---- 滚动行情条 ---- */
  .ticker{height:clamp(48px,3vw,64px)}
  .tick{padding:0 clamp(24px,1.6vw,34px);gap:clamp(10px,.8vw,14px)}
  .tick b{font-size:clamp(11.5px,.8vw,15px)}
  .tick span{font-size:clamp(12px,.85vw,16px)}
  .tick em{font-size:clamp(11px,.75vw,14px)}

  /* ---- 实时报价 ---- */
  .terminal--wide{padding:clamp(26px,2vw,38px) clamp(20px,2.4vw,44px)}
  .term__bar{padding-bottom:clamp(16px,1.2vw,22px)}
  .term__id{font-size:clamp(11.5px,.78vw,14px)}
  .term__wide{gap:clamp(20px,3vw,56px);margin-top:clamp(20px,1.6vw,28px)}
  .term__chart--lg{min-height:clamp(236px,15vw,340px)}
  .term__chart-tag{font-size:clamp(10px,.68vw,13px)}
  .term__rows--wide{column-gap:clamp(16px,2.4vw,44px)}
  .term__rows--wide .term__row{padding:clamp(13px,1vw,19px) clamp(10px,.9vw,16px)}
  .term__rows--wide .term__sym b{font-size:clamp(13.5px,.9vw,17.5px)}
  .term__rows--wide .term__sym span{font-size:clamp(10px,.68vw,13px)}
  .term__rows--wide .term__px{font-size:clamp(14.5px,1vw,19px)}
  .term__rows--wide .term__chg{font-size:clamp(12px,.82vw,16px);min-width:clamp(58px,4vw,74px)}
  .term__spark{width:clamp(44px,3.2vw,60px);height:clamp(16px,1.2vw,22px)}
  .term__foot{font-size:clamp(10px,.7vw,13px);padding-top:clamp(12px,.9vw,16px)}

  /* ---- 数据条 ---- */
  .stat{padding:clamp(34px,2.6vw,56px) clamp(24px,2vw,40px)}
  .stat__n{font-size:clamp(1.9rem,2.6vw,4.2rem)}
  .stat__l{font-size:clamp(12px,.8vw,16px);margin-top:clamp(10px,.8vw,14px)}

  /* ---- 交易产品：4 个品种在宽屏一行铺满，多余的入口统一指向产品页 ---- */
  .products{grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.05vw,24px)}
  .pcard{min-height:clamp(250px,15vw,330px);padding:clamp(28px,2vw,38px) clamp(24px,1.7vw,32px)}
  .pcard__ic{width:clamp(46px,3vw,60px);height:clamp(46px,3vw,60px)}
  .pcard__ic svg{width:clamp(22px,1.45vw,29px);height:clamp(22px,1.45vw,29px)}
  .pcard h3{font-size:clamp(17px,1.1vw,23px);margin-top:clamp(22px,1.6vw,30px)}
  .pcard p{font-size:clamp(13px,.82vw,17px)}
  .pcard__meta{font-size:clamp(11px,.7vw,14px);margin-top:clamp(20px,1.5vw,28px)}
  .pcard__meta b{font-size:clamp(12px,.78vw,15px)}
  .pcard__go{width:clamp(26px,1.8vw,34px);height:clamp(26px,1.8vw,34px)}

  /* ---- 优势 / 图文分栏 ---- */
  .why h4{font-size:clamp(15.5px,1vw,21px)}
  .why p{font-size:clamp(13px,.85vw,17px)}
  .why__n{font-size:clamp(13px,.85vw,17px);min-width:clamp(30px,2vw,38px)}
  .visual-rings{max-width:clamp(520px,32vw,680px)}

  /* ---- 新闻 ---- */
  .news-grid{gap:clamp(16px,1.05vw,24px)}
  .ncard h3{font-size:clamp(15.5px,1vw,21px)}
  .ncard__body{padding:clamp(20px,1.5vw,28px)}
  .ncard__cover,.ncard__top{height:clamp(158px,11vw,230px)}

  /* ---- FAQ ---- */
  .faq{max-width:clamp(860px,60vw,1140px)}
  .faq__q{font-size:clamp(15px,.98vw,20px);padding:clamp(22px,1.6vw,28px) 4px}
  .faq__a p{font-size:clamp(13.5px,.9vw,17.5px)}

  /* ---- 底部 CTA ---- */
  .cta-band h2{font-size:clamp(1.9rem,3vw,4.4rem)}
  .cta-band p{font-size:clamp(14.5px,.95vw,19px);max-width:60ch}
}

/* 大屏（>=1800）：产品卡保持一行 4 列，只放大尺寸 */
@media (min-width:1800px){
  .products{grid-template-columns:repeat(4,1fr)}
  .pcard{min-height:clamp(250px,13vw,320px);padding:clamp(26px,1.7vw,36px) clamp(20px,1.4vw,28px)}
  .pcard p{font-size:clamp(13px,.78vw,16.5px)}
  .pcard__meta{margin-top:auto;padding-top:clamp(14px,1vw,18px)}
}

/* 超宽屏（>=2200）：再放一档，避免 2K/4K 下仍显小 */
@media (min-width:2200px){
  :root{--pad:clamp(56px,2.6vw,80px)}
  .hero h1{font-size:clamp(6rem,5.2vw,8.8rem)}
  .section h2{font-size:clamp(2.6rem,2.55vw,4.3rem)}
  .lead{font-size:clamp(18px,.96vw,21.5px)}
  .hero__sub{font-size:clamp(18px,1.04vw,23px)}
  .pcard h3{font-size:clamp(19px,1.1vw,23.5px)}
  .pcard p{font-size:clamp(15px,.84vw,17.5px)}
  .term__rows--wide .term__px{font-size:clamp(16px,1vw,19.5px)}
  .stat__n{font-size:clamp(3rem,2.6vw,4.4rem)}
  .ticker{height:clamp(56px,3vw,68px)}
}

/* ---- 合作伙伴页（新版文案结构）---- */
.ptn-grid--3{grid-template-columns:repeat(3,1fr)}
.ptn-p2{margin-top:16px}

/* 申请流程：带编号的卡片刻度，与上一组「合作方向」区分 */
.ptn-steps--line .ptn-step{
  position:relative;border:1px solid rgba(255,255,255,.08);
  border-top:1px solid rgba(201,162,39,.4);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.006));
  padding:30px 28px 26px;
}
.ptn-steps--line .ptn-step b{
  position:absolute;right:22px;top:14px;font-size:34px;line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(201,162,39,.34);
}
.ptn-steps--line .ptn-step h4{margin-top:0;padding-right:52px}

/* 合规说明 */
.cta-band .ptn-note{max-width:92ch;font-size:11.5px;line-height:1.95;color:#6f6b62}

@media (max-width:900px){
  .ptn-grid--3{grid-template-columns:1fr}
  .ptn-steps--line .ptn-step b{font-size:28px}
}

@media (min-width:1500px){
  .phero h1{font-size:clamp(2.6rem,3vw,4.4rem)}
  .phero p{font-size:clamp(15px,1vw,20px);max-width:62ch}
  .ptn-card{padding:clamp(28px,2vw,38px)}
  .ptn-card h3{font-size:clamp(18px,1.15vw,24px)}
  .ptn-card p{font-size:clamp(13.5px,.88vw,18px)}
  .ptn-card__ic{width:clamp(44px,3vw,60px);height:clamp(44px,3vw,60px)}
  .ptn-card__ic svg{width:clamp(20px,1.4vw,27px);height:clamp(20px,1.4vw,27px)}
  .ptn-step h4{font-size:clamp(15px,1vw,20px)}
  .ptn-step p{font-size:clamp(12.5px,.85vw,17px)}
  .ptn-step b{font-size:clamp(15px,.95vw,19px)}
  .cta-band .ptn-note{font-size:clamp(11.5px,.75vw,14px)}
}

/* ---- 合作伙伴页：版式节奏（避免短内容被大留白冲散）---- */
.ptn-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,4.5vw,72px);align-items:start}
.ptn-split h2{margin-top:0}
.ptn-split__body .lead{max-width:56ch}
.ptn-split__body .lead+.lead{margin-top:18px}
.ptn-grid--3 .ptn-card{min-height:clamp(150px,10.5vw,182px);align-items:start}
.ptn-steps .ptn-step{min-height:clamp(136px,9.5vw,168px)}
.ptn-steps--line .ptn-step{min-height:clamp(150px,10.5vw,182px)}

@media (max-width:900px){
  .ptn-split{grid-template-columns:1fr;gap:18px}
}
@media (min-width:721px){
  .page-partners .section{padding:clamp(72px,5.6vw,112px) 0}
}

/* 合作页细节微调：分栏比例 + 卡片/步骤垂直居中，避免文字顶在顶部、下方空一大块 */
.ptn-split{grid-template-columns:.72fr 1.28fr;gap:clamp(28px,4vw,64px)}
.ptn-split__body .lead{max-width:60ch}
.ptn-grid--3 .ptn-card{align-items:center}
.ptn-steps .ptn-step{display:flex;flex-direction:column;justify-content:center}
.ptn-steps--line .ptn-step b{top:16px}

/* 窄屏兜底（放在最后，确保覆盖上面的分栏比例） */
@media (max-width:900px){
  .ptn-split{grid-template-columns:1fr;gap:16px}
  .ptn-split__body .lead{max-width:100%}
  .ptn-grid--3{grid-template-columns:1fr}
  .ptn-split h2{margin-top:0}
}
.phero h1{text-wrap:balance}
.section h2{text-wrap:balance}

/* ==========================================================================
   修正层（放在最后，覆盖上面的宽屏块）
   问题 1：产品卡只有 5 张，之前按 3 列 / 6 列排 → 永远有一格空位，
           大屏上右下角出现一块空白，正是「内容太空」的根源。
   问题 2：1500–1600 之间 .section h2 的 vw 斜率低于基础层，导致
           屏越大标题反而越小。
   ========================================================================== */

/* 产品卡现在固定 4 张（外汇 / 贵金属 / 全球指数 / 能源），
   一律排 4 列 → 任何宽度都是一行铺满，不会再有右下角空位。
   多余的品种入口统一走「查看全部产品」→ products.html。 */
@media (min-width:1500px){
  .products{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:1180px) and (max-width:1499px){
  .products{grid-template-columns:repeat(4,1fr)}
}

/* 修 h2 断点塌陷：下限锁住 2.6rem（=基础层上限 41.6px），斜率改 2.9vw */
@media (min-width:1500px){
  .section h2{font-size:clamp(2.6rem,2.9vw,4.4rem)}
}

/* 2K / 4K：卡片标题与正文再放开一档 */
@media (min-width:1800px){
  .pcard h3{font-size:clamp(18px,1.15vw,26px)}
  .pcard p{font-size:clamp(13.5px,.85vw,18px)}
  .pcard__meta{font-size:clamp(11.5px,.72vw,15px)}
  .pcard__meta b{font-size:clamp(12.5px,.8vw,16px)}
}

/* 2K 及以上：首屏高度上限放宽，避免 1440 高的屏只铺 82% */
@media (min-width:1800px){
  .hero{min-height:min(1360px,95svh)}
}

/* 1280–1499：首屏高度从固定 760 抬到随视口，避免笔电屏只铺八成就露下一块 */
@media (min-width:1180px) and (max-width:1499px){
  .hero{min-height:min(880px,88svh)}
}

/* 1180–1499 三列时卡片变宽，高度跟着抬，避免 430×250 的扁条感 */
@media (min-width:1180px) and (max-width:1499px){
  .pcard{min-height:clamp(252px,20vw,300px)}
}

/* ---- 产品卡背景：方向性遮罩，让左上文字区保持干净 ----
   ::after 已被顶部金线占用，所以用 mask 而不是伪元素叠层。
   150deg 从左上往右下，左上 alpha 极低（几乎不可见）→ 文字清晰；
   右下 alpha 满值 → 保留主题图案的装饰感。 */
.pcard__bg{
  opacity:.62;
  -webkit-mask-image:linear-gradient(150deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.20) 38%,rgba(0,0,0,.72) 68%,#000 100%);
  mask-image:linear-gradient(150deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.20) 38%,rgba(0,0,0,.72) 68%,#000 100%);
}
.pcard:hover .pcard__bg{opacity:.8}
/* 正文加深一层底衬，避免小字压在网格线上 */
.pcard p{position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.85)}
.pcard h3{position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.9)}

/* 底部 meta 压在装饰线上，补一层底衬 */
.pcard__meta{position:relative;z-index:2}
.pcard__meta>span:first-child{text-shadow:0 1px 2px rgba(0,0,0,.9)}

/* ==========================================================================
   奢华金色氛围层
   思路：底色从纯黑转「暖墨金」，用固定光斑 + 细金粉底纹两层叠出质感，
   金色比例靠「光」和「粒子」补，不把底色整体提亮，否则黑金会失衡。
   ========================================================================== */

/* ---- 页面底色：暖墨金 + 三处金色辉光（fixed，滚动时光斑不动）---- */
html{
  background-color:#07060a;
  background-image:
    radial-gradient(ellipse 78% 42% at 8% -6%,rgba(201,162,39,.16),transparent 62%),
    radial-gradient(ellipse 58% 38% at 94% 4%,rgba(242,226,168,.10),transparent 60%),
    radial-gradient(ellipse 92% 48% at 50% 106%,rgba(201,162,39,.13),transparent 66%);
  background-attachment:fixed;
  background-repeat:no-repeat;
}
body{background:transparent}

/* 主内容抬一层，金粉/光斑留在下面 */
#site-header,main,#site-footer{position:relative;z-index:1}

/* ---- 首屏底部天际线底色改半透明，让底层金光透上来 ---- */
.hero__bg::before{
  background:
    radial-gradient(ellipse 60% 55% at 72% 38%,rgba(201,162,39,.26),transparent 62%),
    radial-gradient(ellipse 45% 40% at 12% 82%,rgba(201,162,39,.16),transparent 65%),
    radial-gradient(ellipse 70% 60% at 50% -10%,rgba(255,255,255,.06),transparent 60%),
    linear-gradient(180deg,rgba(10,9,12,.90) 0%,rgba(7,6,8,.84) 45%,rgba(6,5,7,.88) 100%);
}
.hero__glow{background:radial-gradient(circle,rgba(214,176,72,.24),rgba(201,162,39,0) 68%)}

/* ---- 交替区块：从纯黑改为带金调的渐变 ---- */
.section--alt{
  background:
    radial-gradient(ellipse 70% 60% at 50% 0%,rgba(201,162,39,.05),transparent 68%),
    linear-gradient(180deg,rgba(15,12,10,.86),rgba(8,7,10,.9));
}

/* ---- 数据条：内嵌金光 ---- */
.stats{box-shadow:0 0 90px rgba(201,162,39,.07) inset}
.stat{background:radial-gradient(ellipse 120% 140% at 50% 120%,rgba(201,162,39,.05),transparent 70%)}
.stat__n{text-shadow:0 0 26px rgba(201,162,39,.28)}

/* ---- 底部 CTA：金光加强 ---- */
.cta-band{
  background:
    radial-gradient(ellipse 58% 130% at 50% 118%,rgba(201,162,39,.30),transparent 62%),
    radial-gradient(ellipse 40% 60% at 8% 10%,rgba(242,226,168,.08),transparent 60%),
    linear-gradient(180deg,#0a0809,#0d0a06);
}

/* ---- 卡片：一点暖金底 ---- */
.pcard{
  background:linear-gradient(165deg,rgba(201,162,39,.07),rgba(255,255,255,.01));
}
.pcard:hover{background:linear-gradient(165deg,rgba(201,162,39,.12),rgba(255,255,255,.014))}
.ncard,.ptn-card,.platform__card,.bcard{box-shadow:0 0 0 1px rgba(201,162,39,.05) inset}

/* ---- 页头：底部金色柔光 ---- */
.hdr{box-shadow:0 1px 0 rgba(201,162,39,.14),0 18px 46px -30px rgba(201,162,39,.5)}

/* CTA 区内容抬到装饰层之上 */
.cta-band>*{position:relative;z-index:1}


/* ==========================================================================
   超宽 / 小比例缩放适配
   浏览器缩到 30% 时 CSS 视口可达 6400×3600：--max 与字号上限会一路
   卡在 2560 / 8.8rem，于是页面变成屏幕中央一条窄内容。
   这里放开上限，并单独给 >=2600 一档把字号 / 节奏顶上去。
   ========================================================================== */
:root{--max:clamp(1280px,92vw,5400px)}

@media (min-width:2600px){
  :root{
    --pad:clamp(48px,2.6vw,96px);
    --hdr-h:clamp(96px,6.6vw,168px);
  }
  .section{padding:clamp(96px,5.6vw,170px) 0}
  .section--tight{padding:clamp(68px,4vw,120px) 0}
  .section__head{gap:clamp(48px,3vw,96px);margin-bottom:clamp(44px,2.6vw,84px)}
  .section__head--center{max-width:clamp(1100px,46vw,1900px)}
  .section h2{font-size:clamp(3.4rem,2.9vw,7rem)}
  .lead{font-size:clamp(20px,1vw,28px);max-width:64ch}
  .eyebrow{font-size:clamp(14px,.78vw,21px)}

  .hero{min-height:min(2100px,92svh)}
  .hero h1{font-size:clamp(5.4rem,5.1vw,15rem);max-width:24ch}
  .hero__sub{font-size:clamp(21px,1.05vw,30px);max-width:60ch}
  .hero__chip{font-size:clamp(15px,.82vw,22px)}
  .hero__chip svg{width:clamp(18px,1vw,26px);height:clamp(18px,1vw,26px)}
  .btn{height:clamp(58px,3.2vw,86px);padding:0 clamp(34px,1.7vw,52px);font-size:clamp(17px,.95vw,24px)}
  .btn--lg{height:clamp(64px,3.6vw,96px);padding:0 clamp(42px,2.1vw,64px);font-size:clamp(18px,1vw,25px)}

  .ticker{height:clamp(58px,3vw,88px)}
  .tick b{font-size:clamp(14px,.8vw,20px)}
  .tick span{font-size:clamp(14px,.85vw,21px)}

  .terminal--wide{padding:clamp(36px,2vw,58px) clamp(28px,2.4vw,64px)}
  .term__chart--lg{min-height:clamp(300px,15vw,480px)}
  .term__rows--wide .term__sym b{font-size:clamp(17px,.9vw,24px)}
  .term__rows--wide .term__px{font-size:clamp(18px,1vw,26px)}
  .term__rows--wide .term__chg{font-size:clamp(15px,.82vw,21px)}

  .pcard{min-height:clamp(320px,13vw,460px);padding:clamp(34px,1.7vw,50px) clamp(26px,1.4vw,40px)}
  .pcard h3{font-size:clamp(22px,1.15vw,31px)}
  .pcard p{font-size:clamp(16px,.85vw,22px)}
  .pcard__meta{font-size:clamp(14px,.72vw,19px)}
  .pcard__meta b{font-size:clamp(15px,.8vw,20px)}
  .pcard__ic{width:clamp(58px,3vw,80px);height:clamp(58px,3vw,80px)}

  .stat{padding:clamp(46px,2.6vw,76px) clamp(32px,2vw,54px)}
  .stat__n{font-size:clamp(3.4rem,2.6vw,5.6rem)}
  .stat__l{font-size:clamp(16px,.8vw,22px)}

  .faq{max-width:clamp(1200px,60vw,2100px)}
  .faq__q{font-size:clamp(20px,.98vw,27px)}
  .cta-band h2{font-size:clamp(3.4rem,3vw,6rem)}
  .cta-band p{font-size:clamp(19px,.95vw,26px)}
}

/* ---- 金色收一档：光斑从「大片黄雾」收成「边缘辉光 + 地平线光」---- */
html{
  background-image:
    radial-gradient(ellipse 58% 34% at 4% -10%,rgba(201,162,39,.11),transparent 62%),
    radial-gradient(ellipse 42% 28% at 97% 0%,rgba(242,226,168,.06),transparent 60%),
    radial-gradient(ellipse 76% 38% at 50% 110%,rgba(201,162,39,.11),transparent 66%);
}
.hero__bg::before{
  background:
    radial-gradient(ellipse 42% 38% at 88% 22%,rgba(201,162,39,.15),transparent 64%),
    radial-gradient(ellipse 38% 32% at 8% 88%,rgba(201,162,39,.10),transparent 66%),
    linear-gradient(180deg,rgba(9,8,11,.93) 0%,rgba(7,6,8,.89) 45%,rgba(6,5,7,.91) 100%);
}



/* ---- 超宽视口：基础字号与首屏高度再调一档 ---- */
@media (min-width:2600px){
  body{font-size:clamp(18px,.34vw,21px)}
  .hero{min-height:min(2400px,80svh)}
  .ticker{height:clamp(64px,3vw,104px)}
  .term__foot,.tick em{font-size:clamp(13px,.72vw,19px)}
}

/* ==========================================================================
   合作伙伴页新增区块（借鉴代理政策文档的卡片语言：金色描边、编号、
   强调句；只借结构，不用其图片与具体数值）
   ========================================================================== */

/* ---- 合作等级：两张对比卡 ---- */
.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,1.6vw,28px)}
.tier-card{
  position:relative;padding:clamp(30px,2.6vw,46px) clamp(26px,2.2vw,40px);
  border:1px solid rgba(201,162,39,.20);border-radius:var(--r-sm);
  background:
    radial-gradient(ellipse 90% 60% at 50% -10%,rgba(201,162,39,.10),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,.030),rgba(255,255,255,.006));
  overflow:hidden;transition:border-color .5s,transform .5s var(--ease);
}
.tier-card::before{
  content:"";position:absolute;left:0;top:0;right:0;height:2px;
  background:var(--gold-grad);opacity:.55;
}
.tier-card:hover{border-color:rgba(201,162,39,.42);transform:translateY(-4px)}
.tier-card--adv{
  border-color:rgba(201,162,39,.42);
  background:
    radial-gradient(ellipse 90% 60% at 50% -10%,rgba(201,162,39,.20),transparent 62%),
    linear-gradient(180deg,rgba(201,162,39,.09),rgba(255,255,255,.008));
  box-shadow:0 0 60px -18px rgba(201,162,39,.45);
}
.tier-card--adv::before{opacity:1;height:3px}
.tier-card__tag{
  display:inline-block;font:600 10.5px/1 var(--ff);letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-mid);
  padding:6px 10px;border:1px solid rgba(201,162,39,.35);border-radius:1px;
}
.tier-card--adv .tier-card__tag{background:rgba(201,162,39,.14);color:var(--gold-lt)}
.tier-card h3{margin:16px 0 0;font-size:clamp(1.25rem,1.5vw,1.75rem);color:#fff;letter-spacing:-.01em}
.tier-card__desc{margin:12px 0 0;color:var(--muted);font-size:14.5px;line-height:1.85;max-width:52ch}
.tier-list{list-style:none;margin:22px 0 0;padding:20px 0 0;border-top:1px solid rgba(201,162,39,.16)}
.tier-list li{
  position:relative;padding-left:24px;margin-bottom:11px;
  font-size:14px;line-height:1.7;color:#d9d4c8;
}
.tier-list li:last-child{margin-bottom:0}
.tier-list li::before{
  content:"";position:absolute;left:0;top:7px;width:11px;height:6px;
  border-left:1.5px solid var(--gold-mid);border-bottom:1.5px solid var(--gold-mid);
  transform:rotate(-45deg);
}
.tier-note{margin-top:22px;text-align:center}

/* ---- 业务支持：编号列表（两列）---- */
.sup-list{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,2.2vw,38px) clamp(28px,3.4vw,64px);
}
.sup-list li{display:flex;gap:clamp(14px,1.2vw,20px);align-items:flex-start;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.06)}
.sup-list b{
  flex:0 0 auto;font:600 clamp(20px,1.5vw,26px)/1 var(--ff);letter-spacing:-.02em;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  min-width:1.9em;padding-top:2px;
}
.sup-list h4{margin:0;font-size:clamp(15px,1.05vw,18px);color:#fff;letter-spacing:-.005em}
.sup-list p{margin:7px 0 0;font-size:13.5px;line-height:1.8;color:var(--muted);max-width:46ch}

/* ---- 结算与归属 ---- */
.settle-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.2vw,40px)}
.settle-card{
  position:relative;padding:6px 0 6px clamp(20px,1.6vw,28px);
  border-left:1px solid rgba(201,162,39,.32);
}
.settle-card::before{
  content:"";position:absolute;left:-1px;top:0;width:1px;height:34px;
  background:var(--gold-grad);
}
.settle-card h4{margin:0;font-size:clamp(15px,1.1vw,19px);color:var(--gold-lt);letter-spacing:.01em}
.settle-card p{margin:12px 0 0;font-size:14px;line-height:1.9;color:var(--muted);max-width:52ch}
.gold-note{
  margin:clamp(26px,2.4vw,42px) 0 0;text-align:center;
  font-size:clamp(13.5px,.95vw,16px);font-weight:600;letter-spacing:.01em;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}

@media (max-width:900px){
  .tier-grid,.settle-grid{grid-template-columns:1fr}
  .sup-list{grid-template-columns:1fr;gap:20px}
  .sup-list li{padding-bottom:16px}
}

@media (min-width:2600px){
  .tier-card{padding:clamp(44px,2.6vw,68px) clamp(38px,2.2vw,58px)}
  .tier-card h3{font-size:clamp(26px,1.5vw,40px)}
  .tier-card__desc{font-size:clamp(18px,1.05vw,25px)}
  .tier-list li{font-size:clamp(17px,1vw,24px);padding-left:34px}
  .tier-list li::before{width:15px;height:8px;top:10px}
  .sup-list h4{font-size:clamp(21px,1.05vw,29px)}
  .sup-list p{font-size:clamp(18px,.95vw,25px)}
  .sup-list b{font-size:clamp(30px,1.5vw,44px)}
  .settle-card h4{font-size:clamp(22px,1.1vw,30px)}
  .settle-card p{font-size:clamp(18px,.95vw,25px)}
  .gold-note{font-size:clamp(18px,.95vw,25px)}
}

/* ---- 新增区块细节：清单行更像文档里的对照表 ---- */
.sup-list{gap:0 clamp(28px,3.4vw,64px)}
.sup-list li{padding:16px 0;border-bottom:1px solid rgba(201,162,39,.13)}
.sup-list li:first-child{padding-top:0}
.sup-list li:nth-child(2){padding-top:0}
.tier-card{border-color:rgba(201,162,39,.28)}
.settle-card p{font-size:15px}
.settle-card{padding-top:4px;padding-bottom:4px}



/* 与「合作等级」卡的语言呼应：价值卡顶边加一道金线 */
.ptn-card{box-shadow:inset 0 1px 0 rgba(201,162,39,.22)}
.platform__card,.bcard,.ncard{box-shadow:inset 0 1px 0 rgba(201,162,39,.14)}

/* 超宽档排版比例微调：正文层级跟上大标题 */
@media (min-width:2600px){
  .hero__sub{font-size:clamp(24px,1.15vw,36px)}
  .hero__chip{font-size:clamp(17px,.9vw,27px)}
  .hero__chip svg{width:clamp(20px,1.05vw,30px);height:clamp(20px,1.05vw,30px)}
  .hero h1{font-size:clamp(5.4rem,5.1vw,13rem)}
  .lead{font-size:clamp(21px,1.05vw,30px)}
}

/* ==========================================================================
   液态金体系 v2
   参照设计稿的金色语言：香槟金渐变标题 + 熔金流光 + 金底表头。
   要点是「金要亮、要有高光过渡、要成面积」，不是把金色调暗撒点边线。
   ========================================================================== */

/* ---------- 1. 调色板：整体提亮提暖，高光做成香槟色 ---------- */
:root{
  --gold:#d3ab3e;
  --gold-lt:#fcf1ce;
  --gold-mid:#e9cd88;
  --gold-dk:#8f6f24;
  --gold-hot:#fffbe9;
  --gold-grad:linear-gradient(102deg,#fffbe9 0%,#f7e3ae 13%,#dfb862 34%,#c69d41 54%,#e7c982 77%,#fff6d9 100%);
  --gold-line:linear-gradient(90deg,rgba(211,171,62,0),rgba(233,205,136,.82),rgba(211,171,62,0));
  --line:rgba(211,171,62,.22);
}

::selection{background:rgba(211,171,62,.32);color:#fffdf5}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#08070a}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#e0bd6d,#a9822a);
  border-radius:6px;border:2px solid #08070a;
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f4dda0,#c9a227)}

/* ---------- 2. 区块标题：金色渐变字（设计稿最核心的金色语言） ---------- */
.section h2,.section__head h2,.phero h1,.page-hd h1,.ph h1{
  background:var(--gold-grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.cta-band h2{
  background:var(--gold-grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ---------- 3. 表头金底（设计稿的标志性元素） ---------- */
.cal thead th,.tw thead th{
  background:linear-gradient(180deg,#e2bf6f 0%,#cfab4c 52%,#bd9838 100%);
  color:#171204;font-weight:700;
  border-bottom:1px solid rgba(255,246,214,.4);
  text-shadow:0 1px 0 rgba(255,248,224,.45);
}
.cal tbody tr:hover,.tw tbody tr:hover{background:rgba(211,171,62,.075)}
.cal td.time{color:var(--gold-mid)}
.cal td.num.act{color:var(--gold-hot)}

/* ---------- 4. 熔金流光：CTA 区与页脚的地平线金带 ---------- */
.cta-band::after{
  content:"";position:absolute;left:0;right:0;bottom:0;
  height:clamp(190px,24vw,400px);pointer-events:none;z-index:0;
  background:url("../img/gold-flow.jpg") center bottom/cover no-repeat;
  mix-blend-mode:screen;opacity:.30;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 62%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 62%,#000 100%);
}
.ftr::after{
  content:"";position:absolute;left:0;right:0;top:0;height:clamp(150px,16vw,260px);
  pointer-events:none;z-index:0;
  background:url("../img/gold-flow.jpg") center 62%/cover no-repeat;
  mix-blend-mode:screen;opacity:.15;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 88%);
  mask-image:linear-gradient(180deg,#000 0%,transparent 88%);
}
.ftr__main,.ftr__bot{position:relative;z-index:1}

/* ---------- 5. 报价面板：金框 + 顶部金光 ---------- */
.terminal{
  border-color:rgba(211,171,62,.28);
  box-shadow:
    0 50px 100px -40px rgba(0,0,0,.95),
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 70px -34px rgba(211,171,62,.55);
}
.terminal::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:var(--gold-line);opacity:.9;
}
.term__bar{border-bottom-color:rgba(211,171,62,.16)}
.term__row:hover{background:linear-gradient(90deg,rgba(211,171,62,.10),rgba(211,171,62,.02))}
.term__sym b{color:#f4f0e2}

/* ---------- 6. 数据条：数字上金 ---------- */
.stat__n{
  background:var(--gold-grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.stat__n small{-webkit-text-fill-color:var(--gold-mid);color:var(--gold-mid)}
.stats{border-top-color:rgba(211,171,62,.26);border-bottom-color:rgba(211,171,62,.26)}

/* ---------- 7. 卡片：金色顶边常态可见 + hover 金光 ---------- */
.pcard,.ncard,.ptn-card,.platform__card,.bcard,.tier-card{
  transition:border-color .5s,box-shadow .55s,transform .5s var(--ease),background .5s;
}
.pcard:hover,.ncard:hover,.ptn-card:hover,.platform__card:hover,.bcard:hover{
  border-color:rgba(211,171,62,.46);
  box-shadow:0 26px 60px -34px rgba(211,171,62,.65),inset 0 1px 0 rgba(255,246,214,.18);
}
.pcard h3,.ncard h3,.ptn-card h3{color:#fbf8ee}
.pcard:hover h3,.ncard:hover h3,.ptn-card:hover h3{color:var(--gold-hot)}

/* ---------- 8. 按钮与链接 ---------- */
.btn--gold{
  background:var(--gold-grad);background-size:200% 100%;
  box-shadow:0 10px 34px -12px rgba(211,171,62,.85),inset 0 1px 0 rgba(255,253,242,.62);
}
.btn--gold:hover{box-shadow:0 18px 48px -14px rgba(233,205,136,.9),inset 0 1px 0 rgba(255,255,255,.7)}
.btn--ghost{border-color:rgba(211,171,62,.45);color:var(--gold-lt)}
.btn--ghost:hover{border-color:rgba(233,205,136,.8);color:var(--gold-hot);background:rgba(211,171,62,.08)}
a:hover{transition:color .3s}

/* ---------- 9. 表单：聚焦金色 ---------- */
input:focus,textarea:focus,select:focus{
  border-color:rgba(211,171,62,.62)!important;
  box-shadow:0 0 0 3px rgba(211,171,62,.12),0 0 24px -10px rgba(211,171,62,.6);
  outline:none;
}

/* ---------- 10. 分节金线 ---------- */
.section+.section{border-top:1px solid rgba(211,171,62,.09)}
.hdr{border-bottom:1px solid rgba(211,171,62,.16)}

/* ---------- 11. 页脚链接 ---------- */
.ftr a:hover{color:var(--gold-lt)}
.ftr__bot{border-top-color:rgba(211,171,62,.14)}

/* ---------- 12. 窄屏收敛：流光层降不透明度，避免压字 ---------- */
@media (max-width:720px){
  .cta-band::after{opacity:.22;height:170px}
  .ftr::after{opacity:.11}
}
@media (prefers-reduced-motion:reduce){
  .cta-band::after,.ftr::after{opacity:.2}
}

/* ==========================================================================
   液态金体系 v2 — 精修层
   第一版的问题：金色铺在大面积背景上会发土黄。这里把金色收到
   「线 + 亮部 + 图标」这类高对比细节上，底色回到中性暖黑。
   ========================================================================== */

/* ---------- 全站底层：极淡的熔金流光（配合 html 固定背景） ---------- */
html{
  background-color:#050405;
  background-image:
    url("../img/gold-flow-dim.jpg"),
    radial-gradient(ellipse 62% 36% at 6% -8%,rgba(211,171,62,.13),transparent 64%),
    radial-gradient(ellipse 46% 30% at 96% 2%,rgba(247,227,174,.07),transparent 62%),
    radial-gradient(ellipse 78% 40% at 50% 108%,rgba(211,171,62,.13),transparent 66%);
  background-size:172% auto,auto,auto,auto;
  background-position:50% 2%,0 0,0 0,0 0;
  background-repeat:no-repeat;
  background-attachment:fixed,fixed,fixed,fixed;
}

/* ---------- 产品卡：中性黑玻璃 + 常亮金顶线 ---------- */
.pcard{
  background:linear-gradient(168deg,rgba(27,24,19,.84),rgba(10,9,8,.94));
  border-color:rgba(211,171,62,.16);
}
.pcard::after{width:100%;opacity:.52;transition:opacity .6s,width .7s var(--ease)}
.pcard:hover{
  background:linear-gradient(168deg,rgba(45,37,23,.88),rgba(15,13,9,.95));
  border-color:rgba(233,205,136,.52);
}
.pcard:hover::after{opacity:1}
.pcard__bg{opacity:.30;filter:brightness(.92) saturate(.92)}
.pcard:hover .pcard__bg{opacity:.44;filter:brightness(1.02) saturate(.98)}
.pcard__ic{
  border-color:rgba(233,205,136,.44);color:var(--gold-lt);
  background:radial-gradient(circle at 32% 26%,rgba(247,227,174,.22),rgba(211,171,62,.06) 70%);
  box-shadow:0 0 26px -10px rgba(211,171,62,.75),inset 0 1px 0 rgba(255,246,214,.20);
}
.pcard__meta{color:#8d8677}
.pcard__meta b{color:var(--gold-lt)}
.pcard__go{border-color:rgba(211,171,62,.42);color:var(--gold-mid)}
.pcard:hover .pcard__go{background:var(--gold-grad);color:#171102;border-color:transparent}

/* ---------- 通用卡片：常亮金顶线（1px 内阴影最省事、不占伪元素） ---------- */
.ncard,.ptn-card,.platform__card,.bcard{
  box-shadow:inset 0 1px 0 rgba(233,205,136,.20),0 0 0 1px rgba(211,171,62,.055) inset;
  border-color:rgba(211,171,62,.14);
}
.ncard:hover,.ptn-card:hover,.platform__card:hover,.bcard:hover{
  box-shadow:inset 0 1px 0 rgba(255,246,214,.34),0 26px 60px -34px rgba(211,171,62,.6);
}

/* ---------- 报价面板：头部金线 + 品种名金 ---------- */
.term__bar{position:relative}
.term__bar::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:var(--gold-line);
}
.term__rows--wide .term__row{border-bottom:1px solid rgba(211,171,62,.075)}
.term__rows--wide .term__sym b{color:#f7f3e6}
.term__rows--wide .term__row:hover .term__sym b{color:var(--gold-lt)}
.term__chart-tag{color:var(--gold-mid);border-color:rgba(211,171,62,.3)}
.term__foot{color:#7d7666}

/* ---------- 行情滚动条：金色描边 + 金色符号 ---------- */
.ticker{border-top:1px solid rgba(211,171,62,.16);border-bottom:1px solid rgba(211,171,62,.16)}
.tick b{color:var(--gold-lt)}

/* ---------- 导航：当前项金色下划线更亮 ---------- */
.nav__link::after{background:var(--gold-grad);height:1.5px}
.nav__link:hover,.nav__item.is-active>.nav__link{color:var(--gold-lt)}

/* ---------- CTA 流光收敛：更靠底、更细 ---------- */
.cta-band::after{opacity:.22;height:clamp(150px,17vw,300px)}
.ftr::after{opacity:.06}

/* ---------- 内页头部（phero）：标题金色 + 底部金线 ---------- */
.phero{border-bottom:1px solid rgba(211,171,62,.12)}
.phero .lead{color:#b3ada0}

/* ---------- 筛选 chip / 标签：选中态统一为亮金 ---------- */
.chip.is-on,.plat-tab.is-on{
  background:var(--gold-grad);color:#171204;border-color:transparent;
  box-shadow:0 8px 22px -10px rgba(211,171,62,.85),inset 0 1px 0 rgba(255,253,242,.5);
}
.filters button{transition:.3s var(--ease)}
.filters button:hover{border-color:rgba(233,205,136,.6);color:var(--gold-lt)}
.filters button.is-on,.filters button[aria-pressed="true"]{
  background:var(--gold-grad);color:#171204;border-color:transparent;font-weight:600;
}

/* ---------- 表格通用：外框金线 ---------- */
.cal-wrap{border-color:rgba(211,171,62,.26);box-shadow:0 0 50px -30px rgba(211,171,62,.5)}

/* ---------- 后台表格同步金底表头 ---------- */
.tw table thead th{background:linear-gradient(180deg,#e2bf6f,#c39a35);color:#171204}

@media (max-width:720px){
  html{background-size:240% auto,auto,auto,auto}
  .cta-band::after{opacity:.16}
}

/* ==========================================================================
   液态金体系 v2 — 氛围层
   设计稿的金色一半来自「地平线金光」：一条贯穿画面的暖金线 + 底部辉光。
   首屏照此加一条，并让城市天际线本身更金。
   ========================================================================== */

/* ---------- 首屏：地平线金线（压在 city 之上、hero__fade 之内） ---------- */
.hero__fade{
  background:
    linear-gradient(180deg,
      transparent 0%,
      rgba(211,171,62,0) 40%,
      rgba(233,205,136,.13) 49.4%,
      rgba(255,248,224,.42) 50%,
      rgba(211,171,62,.16) 51.2%,
      rgba(211,171,62,0) 62%),
    linear-gradient(180deg,transparent,#050506 76%);
}
/* 城市天际线整体提亮提暖，从灰线变成暗金线 */
.city__layer--far{filter:brightness(1.45) sepia(.22) saturate(1.5)}
.city__layer--mid{filter:brightness(1.34) sepia(.20) saturate(1.45)}
.city__layer--near{filter:brightness(1.26) sepia(.16) saturate(1.35)}
.city__glow{
  background:radial-gradient(ellipse 62% 100% at 50% 100%,rgba(224,189,109,.30),rgba(211,171,62,.10) 52%,transparent 72%);
}
.hero__glow{background:radial-gradient(circle,rgba(233,205,136,.26),rgba(211,171,62,0) 68%)}

/* ---------- 首屏标题：第一行给一点暖金高光，避免整块纯白 ---------- */
.hero h1{color:#fdfaf1}
.hero h1 .serif{text-shadow:0 0 46px rgba(211,171,62,.22)}

/* ---------- 全站底色再暖一档（用户反馈「过于黑」） ---------- */
html{
  background-image:
    radial-gradient(ellipse 64% 38% at 4% -10%,rgba(211,171,62,.19),transparent 62%),
    radial-gradient(ellipse 48% 32% at 98% 0%,rgba(247,227,174,.10),transparent 60%),
    radial-gradient(ellipse 82% 44% at 50% 110%,rgba(211,171,62,.17),transparent 66%),
    url("../img/gold-flow-dim.jpg");
  background-size:auto,auto,auto,178% auto;
  background-position:0 0,0 0,0 0,50% 0%;
  background-repeat:no-repeat;
  background-attachment:fixed,fixed,fixed,fixed;
}

/* ---------- 交替区块：带一层向上的淡金渐隐 ---------- */
.section--alt{
  background:
    linear-gradient(180deg,rgba(211,171,62,.055),rgba(211,171,62,0) 46%),
    radial-gradient(ellipse 74% 62% at 50% -6%,rgba(211,171,62,.07),transparent 70%),
    linear-gradient(180deg,rgba(13,11,9,.90),rgba(7,6,8,.93));
}

/* ---------- 产品卡图案再收一档，避免压字 ---------- */
.pcard__bg{opacity:.24;filter:brightness(.88) saturate(.9)}
.pcard:hover .pcard__bg{opacity:.38;filter:brightness(1) saturate(.96)}
.pcard p{-webkit-line-clamp:4}

/* ---------- 页头：更强的底部金线 ---------- */
.hdr{border-bottom-color:rgba(211,171,62,.20)}

/* ---------- 报价面板：内部再暖一点 ---------- */
.terminal{
  background:linear-gradient(168deg,rgba(26,23,19,.95),rgba(10,9,10,.97));
}
.term__live{color:var(--gold-lt)}
.term__chart--lg::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(211,171,62,.055) 100%);
}

/* ==========================================================================
   液态金体系 v2 — 收色层
   问题：首版渐变最亮端是 #fffbe9，短标题几乎全白，看着不像金色。
   这里把渐变整体压到饱和香槟金，另给按钮一条更亮的专用渐变。
   ========================================================================== */
:root{
  --gold-grad:linear-gradient(102deg,#f2d99c 0%,#e3bd6c 15%,#cfA546 38%,#b98c2e 56%,#dcb862 78%,#f4dda4 100%);
  --gold-grad-btn:linear-gradient(102deg,#fff6d8 0%,#f4dda0 16%,#dcb45c 40%,#c69d41 58%,#e8cb86 80%,#fff3cd 100%);
}
.btn--gold{background-image:var(--gold-grad-btn)}

/* 内页区块内的二级标题也走金色（合规、关于等长文页） */
.prose h2{
  background:var(--gold-grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.prose h3{color:var(--gold-lt);letter-spacing:.02em}
.prose p,.prose li{color:#b2aca0}
.prose strong{color:#e6e0d1}
.prose .note{border-left-color:rgba(233,205,136,.6);background:rgba(211,171,62,.06)}
.prose .note{box-shadow:0 0 40px -28px rgba(211,171,62,.9)}

/* 表格正文提亮，避免整块发灰 */
.cal td{color:#d3ccbc}
.cal td.ev b{color:#f4efe2}
.cal tbody tr{border-bottom-color:rgba(211,171,62,.055)}
.cal tbody tr:hover{background:rgba(211,171,62,.085)}
/* 产品/日历表首列（品种名）上金 */
.cal tbody td:first-child{color:var(--gold-lt);font-weight:600;letter-spacing:.03em}

/* 二级标题（h3 层级）统一暖白金，避免全站一路灰 */
.why h4,.platform__card h3,.pcard h3,.ncard h3,.ptn-card h3,.bcard h3{color:#f7f3e6}

/* ==========================================================================
   液态金体系 v2 — 卡片层
   把卡片从「中性玻璃」推到「黑金卡」：深暖底 + 金描边 + 金图标 + 顶部细金线。
   ========================================================================== */
.ncard,.ptn-card,.bcard,.platform__card,.tier-card,.mvv__item{
  background:
    radial-gradient(ellipse 120% 80% at 50% -20%,rgba(211,171,62,.10),transparent 62%),
    linear-gradient(168deg,rgba(27,24,19,.90),rgba(10,9,9,.94));
  border:1px solid rgba(211,171,62,.17);
  box-shadow:inset 0 1px 0 rgba(233,205,136,.22);
}
.ncard:hover,.ptn-card:hover,.bcard:hover,.platform__card:hover,.tier-card:hover{
  border-color:rgba(233,205,136,.48);
  background:
    radial-gradient(ellipse 120% 80% at 50% -20%,rgba(233,205,136,.16),transparent 62%),
    linear-gradient(168deg,rgba(40,34,22,.92),rgba(13,11,9,.95));
  box-shadow:inset 0 1px 0 rgba(255,246,214,.36),0 26px 60px -34px rgba(211,171,62,.62);
}
.ptn-card__ic,.ncard__num{
  border-color:rgba(233,205,136,.42);color:var(--gold-lt);
  background:radial-gradient(circle at 32% 26%,rgba(247,227,174,.22),rgba(211,171,62,.06) 70%);
  box-shadow:0 0 26px -10px rgba(211,171,62,.7),inset 0 1px 0 rgba(255,246,214,.2);
}
.ncard__cat,.ncard__date{color:var(--gold-mid)}
.ncard:hover .ncard__foot{border-top-color:rgba(211,171,62,.28)}

/* 卡片内的标题/正文层级也吃一点金 */
.ncard h3,.ptn-card h3,.bcard h3,.platform__card h3{color:#f9f5ea}

/* 「合作方向」三步卡与「业务支持」编号：金色更亮 */
.ptn-step b{color:var(--gold-lt);opacity:.95}
.sup-list b{filter:brightness(1.12)}

/* 关于页 / 客户页里的数值型强调 */
.stat__l{color:#9d9789}

/* ==========================================================================
   液态金体系 v2 — 收尾修正
   1) html 上的熔金图用 fixed 会在滚动时形成一条固定亮带（页面像被割断），
      移除，只保留径向金色辉光。
   2) 圆环视觉补金色。
   3) 交替区块用局部流光（scroll 定位，不随视口漂移）。
   ========================================================================== */
html{
  background-color:#050405;
  background-image:
    radial-gradient(ellipse 66% 40% at 3% -12%,rgba(211,171,62,.20),transparent 62%),
    radial-gradient(ellipse 50% 34% at 99% 0%,rgba(247,227,174,.11),transparent 60%),
    radial-gradient(ellipse 84% 46% at 50% 112%,rgba(211,171,62,.18),transparent 66%);
  background-size:auto,auto,auto;
  background-position:0 0,0 0,0 0;
  background-repeat:no-repeat;
  background-attachment:fixed,fixed,fixed;
}

/* 交替区块：右下角一抹熔金，随区块滚动，不做视口固定 */
.section--alt{
  background:
    url("../img/gold-flow-dim.jpg") right -2vw bottom -6vw/58% auto no-repeat,
    linear-gradient(180deg,rgba(211,171,62,.055),rgba(211,171,62,0) 46%),
    linear-gradient(180deg,rgba(13,11,9,.90),rgba(7,6,8,.93));
}

.visual-rings .ring{border-color:rgba(233,205,136,.20)}
.visual-rings .r2{border-color:rgba(233,205,136,.30)}
.visual-rings .r3{border-color:rgba(233,205,136,.40)}
.visual-rings .r4{
  border-color:rgba(233,205,136,.48);
  background:radial-gradient(circle,rgba(233,205,136,.17),rgba(211,171,62,.05) 52%,transparent 72%);
  box-shadow:0 0 70px -18px rgba(211,171,62,.6);
}
.visual-rings .orbit i{background:var(--gold-grad-btn);box-shadow:0 0 16px 2px rgba(233,205,136,.7)}

/* FAQ：每条之间金线更清楚，序标金色 */
.faq__q{border-top-color:rgba(211,171,62,.16)}
.faq__q:hover{color:var(--gold-lt)}
.faq__a p{color:#aaa396}

/* ==========================================================================
   熔金图融合修正
   伪元素 + mix-blend-mode 在部分环境会在容器边缘留下硬边（一条横带）。
   改成直接把图放进容器 background 列表，用 background-blend-mode:screen，
   黑色部分自然消失，也不会溢出容器边界。
   ========================================================================== */

/* 交替区块不再挂图片，避免露出矩形边 */
.section--alt{
  background:
    linear-gradient(180deg,rgba(211,171,62,.055),rgba(211,171,62,0) 46%),
    linear-gradient(180deg,rgba(13,11,9,.90),rgba(7,6,8,.93));
}

/* CTA：地面金光 */
.cta-band{
  background:
    url("../img/gold-flow-dim.jpg") center bottom/100% auto no-repeat,
    radial-gradient(ellipse 58% 130% at 50% 118%,rgba(211,171,62,.28),transparent 62%),
    linear-gradient(180deg,#08070a,#0c0a07);
  background-blend-mode:screen,normal,normal;
}
.cta-band::after{content:none}

/* 页脚：顶部一抹流光 */
.ftr{
  background:
    url("../img/gold-flow-dim.jpg") center 118%/130% auto no-repeat,
    #040405;
  background-blend-mode:screen,normal;
}
.ftr::after{content:none}

/* CTA / 页脚：流光只留在底部三分之一，上半部保持黑，避免整块发棕 */
.cta-band{
  background:
    linear-gradient(180deg,#08070a 0%,rgba(8,7,10,.90) 30%,rgba(8,7,10,.34) 62%,rgba(8,7,10,0) 100%),
    url("../img/gold-flow-dim.jpg") center bottom/112% auto no-repeat,
    radial-gradient(ellipse 58% 120% at 50% 116%,rgba(211,171,62,.24),transparent 62%),
    linear-gradient(180deg,#08070a,#0c0a07);
  background-blend-mode:normal,screen,normal,normal;
  border-top-color:rgba(211,171,62,.26);
}
.ftr{
  background:
    linear-gradient(180deg,#040405 0%,rgba(4,4,5,.72) 42%,rgba(4,4,5,0) 100%),
    url("../img/gold-flow-dim.jpg") center 74%/128% auto no-repeat,
    #040405;
  background-blend-mode:normal,screen,normal;
}

/* 产品卡：正文不再硬截断。原来 line-clamp:3 + 固定 min-height，
   4 行文案会被 overflow:hidden 切掉半行；改成高度交给 grid 拉伸，
   同一行卡片自然等高，文案完整。 */
.products .pcard{min-height:clamp(272px,15vw,340px)}
.pcard p{
  display:block;overflow:visible;
  -webkit-line-clamp:unset;-webkit-box-orient:initial;
  flex:1 1 auto;
}
.pcard__meta{margin-top:auto}

/* ==========================================================================
   按反馈微调（第三轮）
   1) 首屏底部那条金色横线太突兀 → 去掉线，改成没有边界的地面辉光。
   2) 熔金飘带前面几版更浓更好看 → 换回原图（未压暗）+ 更透的压暗层。
   3) 金粉改成大而虚的柔光斑，整体透明度提一点。
   ========================================================================== */

/* 1) hero 底部：不要硬线，只要一团向上化开的地面暖光 */
.hero__fade{
  background:
    radial-gradient(ellipse 68% 46% at 50% 104%,rgba(226,186,92,.20),rgba(211,171,62,.06) 46%,transparent 70%),
    linear-gradient(180deg,transparent 0%,rgba(5,5,6,.28) 40%,rgba(5,5,6,.86) 72%,#050506 88%);
}

/* 2) CTA 飘带：金色回来，且只压住顶部，让中下部金光充分透出 */
.cta-band{
  background:
    linear-gradient(180deg,#08070a 0%,rgba(8,7,10,.80) 22%,rgba(8,7,10,.20) 50%,rgba(8,7,10,0) 78%),
    url("../img/gold-flow.jpg") center bottom/104% auto no-repeat,
    radial-gradient(ellipse 60% 118% at 50% 114%,rgba(211,171,62,.30),transparent 62%),
    linear-gradient(180deg,#08070a,#0c0a07);
  background-blend-mode:normal,screen,normal,normal;
}
/* 页脚同样换成原图，只保留顶部一层薄黑 */
.ftr{
  background:
    linear-gradient(180deg,#040405 0%,rgba(4,4,5,.52) 46%,rgba(4,4,5,0) 96%),
    url("../img/gold-flow.jpg") center 80%/124% auto no-repeat,
    #040405;
  background-blend-mode:normal,screen,normal;
}

/* 飘带浓度回调：保留金色的「厚」，但不能盖住标题与页脚文字。
   做法是压暗层做成强渐变——顶部近乎全黑、只在中下部让金透出来。 */
.cta-band{
  background:
    linear-gradient(180deg,
      #08070a 0%,
      rgba(8,7,10,.95) 26%,
      rgba(8,7,10,.66) 50%,
      rgba(8,7,10,.24) 72%,
      rgba(8,7,10,.04) 92%),
    url("../img/gold-flow.jpg") center bottom/108% auto no-repeat,
    radial-gradient(ellipse 60% 118% at 50% 114%,rgba(211,171,62,.26),transparent 62%),
    linear-gradient(180deg,#08070a,#0c0a07);
  background-blend-mode:normal,screen,normal,normal;
}
.ftr{
  background:
    linear-gradient(180deg,
      #040405 0%,
      rgba(4,4,5,.88) 32%,
      rgba(4,4,5,.58) 60%,
      rgba(4,4,5,.26) 100%),
    url("../img/gold-flow.jpg") center 84%/118% auto no-repeat,
    #040405;
  background-blend-mode:normal,screen,normal;
}

/* ==========================================================================
   第四轮改版
   1) 干掉全站那些「莫名其妙的光影横线」：section 分隔线、ticker 边框、
      首屏底部那条带状柔光，全部去掉或化开。
   2) 城市天际线动态加强：位移幅度放大、灯光呼吸、双道扫光、升起的地面雾。
   3) 金色背景图（新生成）：金粉底纹、金色光雾、熔金丝绸、黑金矿脉。
   4) CTA / 页脚：换成新的熔金图，且整体压暗，保证文字可读。
   ========================================================================== */

/* ---------- 1. 横线治理 ---------- */
.section+.section{border-top:0}
.ticker{
  border-top:1px solid rgba(211,171,62,.06);
  border-bottom:1px solid rgba(211,171,62,.06);
  background:linear-gradient(180deg,rgba(14,12,10,.92),rgba(8,7,8,.94));
}
.hairline{opacity:.3}

/* 首屏底部：没有边界的垂直渐隐 + 埋得很深的一团暖光 */
.hero__fade{
  height:56%;
  background:
    radial-gradient(ellipse 118% 58% at 50% 142%,rgba(226,186,92,.17),rgba(211,171,62,.05) 44%,transparent 74%),
    linear-gradient(180deg,
      rgba(5,5,6,0) 0%,
      rgba(5,5,6,.16) 26%,
      rgba(5,5,6,.48) 52%,
      rgba(5,5,6,.82) 78%,
      #050506 96%);
}

/* ---------- 2. 城市：动态更明显 ---------- */
.city__layer--far{
  animation:cityFar 24s ease-in-out infinite alternate, cityGlowFar 11s ease-in-out infinite;
}
.city__layer--mid{
  animation:cityMid 17s ease-in-out infinite alternate, cityGlowMid 8.5s ease-in-out infinite;
}
.city__layer--near{
  animation:cityNear 12s ease-in-out infinite alternate, cityGlowNear 6.5s ease-in-out infinite;
}
@keyframes cityFar{
  from{transform:translate3d(-30px,0,0) scale(1.035)}
  to{transform:translate3d(30px,0,0) scale(1.035)}
}
@keyframes cityMid{
  from{transform:translate3d(38px,-6px,0) scale(1.05)}
  to{transform:translate3d(-38px,4px,0) scale(1.05)}
}
@keyframes cityNear{
  from{transform:translate3d(-52px,0,0) scale(1.065)}
  to{transform:translate3d(52px,0,0) scale(1.065)}
}
@keyframes cityGlowFar{
  0%,100%{filter:brightness(1.45) sepia(.22) saturate(1.5)}
  50%{filter:brightness(1.82) sepia(.26) saturate(1.72)}
}
@keyframes cityGlowMid{
  0%,100%{filter:brightness(1.34) sepia(.20) saturate(1.45)}
  50%{filter:brightness(1.68) sepia(.24) saturate(1.66)}
}
@keyframes cityGlowNear{
  0%,100%{filter:brightness(1.26) sepia(.16) saturate(1.35)}
  50%{filter:brightness(1.54) sepia(.20) saturate(1.52)}
}

/* 地面升起的光雾：让整片楼群像被灯光烘着，缓慢起伏 */
.city__mist{
  position:absolute;left:-12%;right:-12%;bottom:-8%;height:64%;
  pointer-events:none;
  background:
    radial-gradient(ellipse 46% 92% at 24% 100%,rgba(226,186,92,.22),transparent 72%),
    radial-gradient(ellipse 38% 86% at 62% 100%,rgba(247,227,174,.18),transparent 74%),
    radial-gradient(ellipse 42% 90% at 88% 100%,rgba(211,171,62,.20),transparent 72%);
  filter:blur(18px);
  animation:cityMist 15s ease-in-out infinite;
}
@keyframes cityMist{
  0%,100%{transform:translate3d(0,14px,0) scale(1);opacity:.6}
  50%{transform:translate3d(0,-20px,0) scale(1.08);opacity:1}
}

/* 扫光：一道向左、一道向右，速度不同，形成楼群被光扫过的感觉 */
.city__sweep{
  background:linear-gradient(100deg,
    transparent 34%,
    rgba(247,227,174,.05) 42%,
    rgba(255,244,214,.20) 48%,
    rgba(247,227,174,.05) 54%,
    transparent 62%);
  background-size:240% 100%;
  animation:citySweep 9s linear infinite;
  opacity:.9;
}
.city__sweep--2{
  background:linear-gradient(80deg,
    transparent 36%,
    rgba(226,186,92,.16) 48%,
    transparent 60%);
  background-size:300% 100%;
  animation:citySweep2 13s linear infinite;
  opacity:.6;
}
@keyframes citySweep{from{background-position:135% 0}to{background-position:-135% 0}}
@keyframes citySweep2{from{background-position:-150% 0}to{background-position:150% 0}}

/* ---------- 3. 全站底纹：一层很淡的金粉 ---------- */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:url("../img/dust.webp") center/cover no-repeat;
  opacity:.62;
}

/* 区块级金色光雾：图片自带透明通道，边缘天然化开，不会出现矩形硬边 */
.quotes{
  background:url("../img/glow-haze.webp") right -10% bottom -24%/66% auto no-repeat;
}
#markets{
  background:url("../img/glow-haze.webp") left -14% top -30%/60% auto no-repeat;
}
.sec-why{
  background:
    url("../img/glow-marble.webp") center 42%/120% auto no-repeat,
    linear-gradient(180deg,#050506,rgba(12,10,8,.94) 40%,#050506);
}
.sec-news{
  background:
    url("../img/glow-haze.webp") center -30%/78% auto no-repeat,
    #08080a;
}

/* ---------- 4. CTA / 页脚：熔金地平线，暗色压住文字 ---------- */
.cta-band{
  background:
    linear-gradient(180deg,
      rgba(8,7,10,.58) 0%,
      rgba(8,7,10,.48) 26%,
      rgba(8,7,10,.30) 54%,
      rgba(8,7,10,.16) 80%,
      rgba(8,7,10,.10) 100%),
    url("../img/silk-band.webp") center bottom/104% auto no-repeat,
    linear-gradient(180deg,#08070a,#0b0906);
  border-top-color:rgba(211,171,62,.16);
}
.cta-band h2{text-shadow:0 2px 26px rgba(0,0,0,.9),0 0 60px rgba(0,0,0,.7)}
.cta-band p{color:#bcb6a9;text-shadow:0 1px 16px rgba(0,0,0,.95)}
.cta-band .fine{color:#8a8477;text-shadow:0 1px 12px rgba(0,0,0,.95)}

.ftr{
  background:
    linear-gradient(180deg,
      rgba(4,4,5,.93) 0%,
      rgba(4,4,5,.86) 42%,
      rgba(4,4,5,.74) 72%,
      rgba(5,4,4,.56) 100%),
    url("../img/silk-band.webp") center 112%/124% auto no-repeat,
    #040405;
}
.ftr::before{opacity:.3}
.ftr p,.ftr li,.ftr a,.ftr small{text-shadow:0 1px 10px rgba(0,0,0,.85)}

/* ==========================================================================
   第四轮 · 金色浓度
   用户反馈「整体还是偏黑、金色元素还是很少」——底色抬到暖黑，
   再给每个区块补一层金色光雾（图片自带透明通道，边缘不会出硬边）。
   ========================================================================== */

/* 1) 底色：从近纯黑抬到暖黑（不是棕，避免发土） */
html{
  background-color:#080605;
  background-image:
    radial-gradient(ellipse 70% 42% at 2% -10%,rgba(211,171,62,.26),transparent 62%),
    radial-gradient(ellipse 54% 36% at 100% -2%,rgba(247,227,174,.14),transparent 60%),
    radial-gradient(ellipse 88% 48% at 50% 112%,rgba(211,171,62,.22),transparent 66%);
  background-attachment:fixed,fixed,fixed;
}
body{background:transparent}

/* 2) 金粉底纹再亮一档 */
body::before{opacity:.75}

/* 3) 平台区 / 日历区 / FAQ 区补金色 */
.section:has(.platform){
  background:url("../img/glow-haze.webp") left -18% bottom -28%/64% auto no-repeat;
}
[data-module="calendar"]{
  background:
    url("../img/glow-haze.webp") right -14% top -34%/58% auto no-repeat,
    radial-gradient(ellipse 60% 30% at 20% 108%,rgba(211,171,62,.10),transparent 70%);
}
.section:has(.faq){
  background:
    url("../img/silk-band.webp") center 132%/118% auto no-repeat,
    radial-gradient(ellipse 70% 40% at 50% 118%,rgba(211,171,62,.12),transparent 70%);
}

/* 4) 首屏：左侧文案后面加一层暗金聚光，右侧光斑加强 */
.hero__bg::before{
  background:
    radial-gradient(ellipse 46% 52% at 26% 46%,rgba(211,171,62,.17),transparent 66%),
    radial-gradient(ellipse 62% 58% at 78% 34%,rgba(211,171,62,.24),transparent 64%),
    radial-gradient(ellipse 45% 40% at 10% 88%,rgba(211,171,62,.12),transparent 66%),
    linear-gradient(180deg,#0a0908 0%,#08070a 45%,#060607 100%);
}
.hero__glow{
  background:radial-gradient(circle,rgba(233,205,136,.30),rgba(211,171,62,0) 66%);
}
.city__glow{
  background:radial-gradient(ellipse 66% 100% at 50% 100%,rgba(226,186,92,.38),rgba(211,171,62,.12) 50%,transparent 74%);
}

/* 5) 标题：金色更亮一点；区块标题下加一小段渐隐金光（不是线） */
.section h2 .serif,.hero h1 .serif{
  filter:drop-shadow(0 0 26px rgba(211,171,62,.28));
}
.section__head h2::after{
  content:"";display:block;width:68px;height:2px;margin-top:16px;
  border-radius:2px;
  background:linear-gradient(90deg,rgba(247,227,174,.85),rgba(211,171,62,.25) 58%,transparent);
}
.section__head--center h2::after{margin-left:auto;margin-right:auto}

/* 6) 卡片：金边再亮一档，hover 带一层金光 */
.ncard,.ptn-card,.bcard,.platform__card,.tier-card{
  border-color:rgba(211,171,62,.22);
  box-shadow:inset 0 1px 0 rgba(247,227,174,.24),0 0 0 1px rgba(211,171,62,.03);
}
.pcard{
  background:
    radial-gradient(ellipse 130% 90% at 50% 110%,rgba(211,171,62,.10),transparent 66%),
    linear-gradient(168deg,rgba(26,22,17,.92),rgba(10,9,9,.95));
}
.pcard:hover{
  box-shadow:inset 0 1px 0 rgba(247,227,174,.30),0 30px 70px -40px rgba(211,171,62,.55);
}

/* 7) 报价面板：外圈一圈金色辉光 */
.terminal{
  box-shadow:0 0 0 1px rgba(211,171,62,.14),0 40px 90px -60px rgba(211,171,62,.55);
}

/* 8) 日历表：表头金底更亮，行悬停带金 */
.cal thead th,.tw thead th{
  background:linear-gradient(180deg,#eccd83,#d3ae52 52%,#c19a3c);
  color:#141005;
}

/* 9) 页脚金线挪上来一点，避开版权行 */
.ftr{
  background:
    linear-gradient(180deg,
      rgba(4,4,5,.93) 0%,
      rgba(4,4,5,.86) 42%,
      rgba(4,4,5,.72) 70%,
      rgba(5,4,4,.62) 92%,
      rgba(5,4,4,.72) 100%),
    url("../img/silk-band.webp") center 96%/124% auto no-repeat,
    #040405;
}

/* ==========================================================================
   第四轮 · 底色统一（消除区块之间的「横带」）
   原因：各区块用了不同的死黑底色（#050506 / #08080a / #0c0a07），
   而 html 层是暖黑，交界处就出现一条横向色带。
   统一改成同一个暖黑的半透明版本，让 html 的暖底贯穿全站。
   ========================================================================== */

.hero__bg::before{
  background:
    radial-gradient(ellipse 46% 52% at 24% 44%,rgba(211,171,62,.16),transparent 68%),
    radial-gradient(ellipse 62% 58% at 80% 32%,rgba(211,171,62,.22),transparent 66%),
    radial-gradient(ellipse 45% 40% at 8% 90%,rgba(211,171,62,.12),transparent 68%),
    linear-gradient(180deg,rgba(10,8,6,.94) 0%,rgba(9,7,6,.88) 46%,rgba(8,6,5,.92) 100%);
}
.hero__fade{
  background:
    radial-gradient(ellipse 118% 58% at 50% 142%,rgba(226,186,92,.18),rgba(211,171,62,.05) 44%,transparent 74%),
    linear-gradient(180deg,
      rgba(8,6,5,0) 0%,
      rgba(8,6,5,.20) 30%,
      rgba(8,6,5,.52) 56%,
      rgba(8,6,5,.86) 80%,
      rgba(8,6,5,.96) 96%);
}
.ticker{
  border-top:0;border-bottom:0;
  background:linear-gradient(180deg,rgba(12,10,8,.55),rgba(8,7,7,.42));
}
.sec-why{
  background:
    url("../img/glow-marble.webp") center 42%/120% auto no-repeat,
    linear-gradient(180deg,rgba(8,6,5,.20),rgba(11,9,7,.35) 40%,rgba(8,6,5,.22));
}
.sec-news{
  background:
    url("../img/glow-haze.webp") center -30%/78% auto no-repeat,
    linear-gradient(180deg,rgba(9,8,9,.45),rgba(8,7,8,.38));
}
.section--alt{
  background:linear-gradient(180deg,rgba(13,11,9,.42),rgba(8,6,5,.30));
}
.section:has(.faq){
  background:
    url("../img/silk-band.webp") center 138%/112% auto no-repeat,
    radial-gradient(ellipse 70% 42% at 50% 116%,rgba(211,171,62,.14),transparent 70%);
}
.hero__bg::after{
  background:linear-gradient(90deg,
    rgba(8,6,5,.90) 0%,
    rgba(8,6,5,.66) 28%,
    rgba(8,6,5,.26) 56%,
    rgba(8,6,5,.04) 100%);
}
/* 城市层整体再亮一档，让楼群的金线在暖光里看得清 */
.city__layer--far{filter:brightness(1.72) sepia(.24) saturate(1.58)}
.city__layer--mid{filter:brightness(1.58) sepia(.22) saturate(1.52)}
.city__layer--near{filter:brightness(1.44) sepia(.18) saturate(1.42)}
@keyframes cityGlowFar{
  0%,100%{filter:brightness(1.72) sepia(.24) saturate(1.58)}
  50%{filter:brightness(2.05) sepia(.28) saturate(1.78)}
}
@keyframes cityGlowMid{
  0%,100%{filter:brightness(1.58) sepia(.22) saturate(1.52)}
  50%{filter:brightness(1.92) sepia(.26) saturate(1.72)}
}
@keyframes cityGlowNear{
  0%,100%{filter:brightness(1.44) sepia(.18) saturate(1.42)}
  50%{filter:brightness(1.74) sepia(.22) saturate(1.58)}
}

/* 城市底部化开：楼群底边原本是一刀切的水平线，加遮罩渐隐掉 */
.city{
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 88%,rgba(0,0,0,.55) 95%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 88%,rgba(0,0,0,.55) 95%,transparent 100%);
}

/* ==========================================================================
   第四轮 · 收尾修正
   1) 日历区那团光雾压在表格右上，看着像脏污 → 挪到右下角外侧。
   2) FAQ 每条的 1px 金线在暗底上太抢眼 → 减淡到几乎看不见。
   3) FAQ 区底部的金色飘带与 CTA 的重复 → 去掉，只留径向光。
   4) CTA 顶部的分隔线去掉，避免与上方区块形成色带。
   5) ticker 底色再透一档，与首屏衔接。
   ========================================================================== */
[data-module="calendar"]{
  background:
    url("../img/glow-haze.webp") right -18% bottom -34%/54% auto no-repeat,
    radial-gradient(ellipse 54% 26% at 12% 112%,rgba(211,171,62,.08),transparent 70%);
}
.faq__q{border-top-color:rgba(211,171,62,.07)}
.faq__q:hover{border-top-color:rgba(211,171,62,.16)}
.section:has(.faq){
  background:radial-gradient(ellipse 74% 44% at 50% 118%,rgba(211,171,62,.12),transparent 72%);
}
.cta-band{border-top:0}
.ticker{background:linear-gradient(180deg,rgba(10,9,8,.16),rgba(10,9,8,.06) 50%,rgba(10,9,8,.16))}

/* why 列表的分隔线同样减淡 */
.why li,.why__item,.why-list li{border-top-color:rgba(211,171,62,.08)}

/* 白色分隔线在暖黑底上偏冷、偏亮，像「莫名其妙的光影横线」
   → 统一换成极淡的金色 */
.why{border-top-color:rgba(211,171,62,.07)}
.why:last-child{border-bottom-color:rgba(211,171,62,.07)}
.faq__item{border-bottom-color:rgba(211,171,62,.07)}
.hero__chips{border-top-color:rgba(211,171,62,.10)}
.cal tbody tr{border-bottom-color:rgba(211,171,62,.055)}
.term__bar{border-bottom-color:rgba(211,171,62,.08)}

/* 页脚底纹：不再用「整张图铺底」。
   原因：图片被拉成一条横带压在页脚底部，中间会出现一条边界明显的亮带，
   这就是「底部背景图很不好看」的来源 → 整张图不再铺底，改成下面这条专用金光带。 */
.ftr{
  background:linear-gradient(180deg,#040405 0%,#050504 54%,#070503 100%);
}
.ftr::after{content:none}

/* 页脚背景：gold-flow.jpg 只铺在「有文字的区域」里。
   用户反馈：图片左侧是被屏幕左边缘硬切掉的，看起来像被裁坏；
   希望「图的最左侧 = 文字开始的横坐标」。
   做法：背景图不挂在 .ftr 上（那样会铺满整行、从视口左边开始），
   改挂在 .ftr::after 上，左边缘用与 .container 完全相同的居中算法定位：
     (100% - min(--max, 100% - --pad*2)) / 2
   这样任何视口宽度下，图片左边缘都和标题/正文的左边缘严丝合缝；
   左边缘再用 mask 做 120px 渐显，避免出现一条生硬的竖直切边。
   右边缘仍然贴到页面右边，金流自然溢出画面。 */
.ftr{
  background:
    linear-gradient(180deg,#040405 0%,#050504 54%,#070503 100%);
}
.ftr::after{
  content:"";
  position:absolute;
  top:0;bottom:0;right:0;
  left:calc((100% - min(var(--max),100% - var(--pad)*2)) / 2);
  height:auto;
  opacity:1;
  mix-blend-mode:normal;
  background:
    linear-gradient(180deg,
      rgba(4,4,5,.92) 0%,
      rgba(4,4,5,.82) 14%,
      rgba(4,4,5,.62) 34%,
      rgba(4,4,5,.54) 52%,
      rgba(4,4,5,.64) 68%,
      rgba(4,4,5,.86) 86%,
      rgba(4,4,5,.96) 100%),
    url("../img/gold-flow.jpg") center 56%/cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 80px);
  mask-image:linear-gradient(90deg,transparent 0,#000 80px);
  z-index:0;
  pointer-events:none;
}
/* 内容压在图片上方 */
.ftr__main,.ftr__legal,.ftr__bottom{position:relative;z-index:1}
/* 顶部金线不能被底图盖住 */
.ftr::before{z-index:2}
/* 「风险警告 / 司法管辖限制 / 注册信息」+ 版权行：横向铺满整行。
   原来这两块被 .container 的 max-width 夹在中间，左右各空出一大截；
   用负 margin 冲出容器宽度、再用 padding 留安全边距。
   .ftr 带 overflow:hidden，所以不会产生横向滚动条。 */
.ftr__legal,
.ftr__bottom{
  margin-inline:calc(50% - 50vw);
  padding-inline:clamp(20px,4.2vw,80px);
}
/* 「风险警告 / 司法管辖限制」压在金流最亮的一段上，
   这里给这一块加一层自上而下渐深的薄纱：顶边完全透明（不会出现横线），
   往下渐暗到 .92，正文小字清晰，金色只作为底纹透出来。 */
.ftr__legal{
  background:linear-gradient(180deg,
    rgba(4,4,5,0) 0%,
    rgba(4,4,5,.74) 12%,
    rgba(4,4,5,.88) 40%,
    rgba(4,4,5,.92) 100%);
}
/* 版权行同样压一层，避免压在亮金上 */
.ftr__bottom{
  background:linear-gradient(180deg,rgba(4,4,5,.60),rgba(4,4,5,.90));
}
/* 正文压在金色底纹上，加一层极轻的暗影，保证小字依然清晰 */
.ftr__legal p,.ftr__bottom,.ftr__links a,.ftr__brand p,.ftr__contact b{
  text-shadow:0 1px 3px rgba(0,0,0,.85);
}
/* 窄屏：页脚被拉得很长，底纹再压暗一点，避免小字区域花掉 */
@media (max-width:900px){
  .ftr::after{
    background:
      linear-gradient(180deg,
        rgba(4,4,5,.95) 0%,
        rgba(4,4,5,.88) 20%,
        rgba(4,4,5,.72) 44%,
        rgba(4,4,5,.62) 62%,
        rgba(4,4,5,.90) 86%,
        rgba(4,4,5,.97) 100%),
      url("../img/gold-flow.jpg") center 44%/cover no-repeat;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px);
    mask-image:linear-gradient(90deg,transparent 0,#000 48px);
  }
}

/* ==========================================================================
   城市动态再加强（用户：动态效果再明显一些）
   位移幅度 +40%，灯光呼吸幅度加大、周期缩短，扫光更宽更亮。
   ========================================================================== */
.city__layer--far{
  animation:cityFarX 20s ease-in-out infinite alternate, cityGlowFarX 7s ease-in-out infinite;
}
.city__layer--mid{
  animation:cityMidX 14s ease-in-out infinite alternate, cityGlowMidX 5.6s ease-in-out infinite;
}
.city__layer--near{
  animation:cityNearX 10s ease-in-out infinite alternate, cityGlowNearX 4.4s ease-in-out infinite;
}
@keyframes cityFarX{
  from{transform:translate3d(-44px,2px,0) scale(1.04)}
  to{transform:translate3d(44px,-2px,0) scale(1.04)}
}
@keyframes cityMidX{
  from{transform:translate3d(56px,-8px,0) scale(1.06)}
  to{transform:translate3d(-56px,6px,0) scale(1.06)}
}
@keyframes cityNearX{
  from{transform:translate3d(-74px,0,0) scale(1.08)}
  to{transform:translate3d(74px,0,0) scale(1.08)}
}
@keyframes cityGlowFarX{
  0%,100%{filter:brightness(1.70) sepia(.24) saturate(1.58)}
  50%{filter:brightness(2.30) sepia(.30) saturate(1.85)}
}
@keyframes cityGlowMidX{
  0%,100%{filter:brightness(1.56) sepia(.22) saturate(1.52)}
  50%{filter:brightness(2.15) sepia(.28) saturate(1.78)}
}
@keyframes cityGlowNearX{
  0%,100%{filter:brightness(1.42) sepia(.18) saturate(1.42)}
  50%{filter:brightness(1.96) sepia(.24) saturate(1.66)}
}
.city__sweep{
  background:linear-gradient(100deg,
    transparent 32%,
    rgba(247,227,174,.08) 40%,
    rgba(255,246,220,.30) 47%,
    rgba(247,227,174,.08) 55%,
    transparent 64%);
  background-size:230% 100%;
  animation:citySweep 7s linear infinite;
}
.city__sweep--2{
  background:linear-gradient(78deg,
    transparent 34%,
    rgba(226,186,92,.24) 47%,
    transparent 61%);
  background-size:290% 100%;
  animation:citySweep2 11s linear infinite;
  opacity:.75;
}
.city__mist{animation:cityMistX 11s ease-in-out infinite}
@keyframes cityMistX{
  0%,100%{transform:translate3d(0,20px,0) scale(1);opacity:.5}
  50%{transform:translate3d(0,-26px,0) scale(1.12);opacity:1}
}

/* ==========================================================================
   第四轮 · 内页收口
   1) 内页 hero 去掉底部横线，底色换成暖黑，与全站衔接。
   2) 内页 hero 补一层金色光晕（不同页面方向不同，避免千篇一律）。
   3) 产品/平台页的表格行线、卡片边框统一到金色。
   ========================================================================== */
.phero{
  border-bottom:0;
  background:
    url("../img/glow-haze.webp") right -14% top -22%/58% auto no-repeat,
    linear-gradient(180deg,rgba(10,8,6,.90) 0%,rgba(9,7,6,.72) 62%,rgba(8,6,5,.34) 100%);
}
.products-hero,.page-products .phero{
  background:
    url("../img/glow-marble.webp") center 30%/128% auto no-repeat,
    linear-gradient(180deg,rgba(10,8,6,.88),rgba(8,6,5,.40));
}
.page-partners .phero{
  background:
    url("../img/glow-haze.webp") right -10% top -30%/64% auto no-repeat,
    radial-gradient(ellipse 60% 90% at 20% 0%,rgba(211,171,62,.16),transparent 64%);
}
.phero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:34%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(8,6,5,.55));
}

/* 表格与卡片：把冷白线换成金色 */
.tw tbody tr{border-bottom-color:rgba(211,171,62,.06)}
.tw td{color:#d3ccbc}
.pcard{border-color:rgba(211,171,62,.18)}
.pcard:hover{border-color:rgba(233,205,136,.45)}
.ncard__cover,.ncard__foot{border-color:rgba(211,171,62,.14)}
.bcard{border-color:rgba(211,171,62,.20)}

/* 内页长文卡片：金色左竖线 */
.prose .note{border-left-color:rgba(233,205,136,.55)}

/* 内页 hero 底部彻底化开（原来收在 .34 的黑，会在与正文交界处留一道台阶） */
.phero{
  background:
    url("../img/glow-haze.webp") right -8% top -16%/46% auto no-repeat,
    radial-gradient(ellipse 66% 62% at 82% 0%,rgba(211,171,62,.12),transparent 70%),
    linear-gradient(180deg,rgba(10,8,6,.90) 0%,rgba(9,7,6,.70) 52%,rgba(8,6,5,0) 100%);
}
.phero::after{content:none}
.page-partners .phero{
  background:
    url("../img/glow-haze.webp") right -6% top -22%/52% auto no-repeat,
    radial-gradient(ellipse 60% 68% at 22% 0%,rgba(211,171,62,.16),transparent 68%),
    linear-gradient(180deg,rgba(10,8,6,.88) 0%,rgba(9,7,6,.66) 54%,rgba(8,6,5,0) 100%);
}
.page-products .phero{
  background:
    url("../img/glow-marble.webp") center 26%/104% auto no-repeat,
    linear-gradient(180deg,rgba(10,8,6,.86) 0%,rgba(9,7,6,.64) 54%,rgba(8,6,5,0) 100%);
}

/* ==========================================================================
   第四轮 · 卡片变「金卡」
   用户：整体还是偏黑、金色元素还是很少。
   卡片是页面上面积最大的重复元素，把它从「黑卡」推到「金卡」，
   金色浓度会立刻不一样，而且不会像大面积金色背景那样发土。
   ========================================================================== */
.pcard{
  background:
    radial-gradient(ellipse 150% 110% at 50% -12%,rgba(211,171,62,.22),transparent 64%),
    linear-gradient(168deg,#1e1811 0%,#13110c 56%,#0b0a08 100%);
  border:1px solid rgba(211,171,62,.26);
  box-shadow:inset 0 1px 0 rgba(247,227,174,.20);
}
.pcard:hover{
  background:
    radial-gradient(ellipse 150% 110% at 50% -12%,rgba(233,205,136,.30),transparent 64%),
    linear-gradient(168deg,#2b2217 0%,#18140d 56%,#0d0b09 100%);
  border-color:rgba(233,205,136,.52);
  box-shadow:inset 0 1px 0 rgba(255,246,214,.34),0 30px 70px -38px rgba(211,171,62,.65);
}
.pcard h3{color:#fbf7ea}
.pcard p{color:#b9b2a3}
.pcard__meta{color:#c9a955}

/* 平台大卡 */
.platform{
  background:
    radial-gradient(ellipse 120% 90% at 82% 0%,rgba(211,171,62,.16),transparent 62%),
    linear-gradient(168deg,rgba(30,24,17,.92),rgba(11,9,8,.95));
  border:1px solid rgba(211,171,62,.22);
  box-shadow:inset 0 1px 0 rgba(247,227,174,.18);
}

/* 数据条：数值上金 */
.stat b,.stat__v,.stat strong{color:var(--gold-lt)}
.stat{border-right-color:rgba(211,171,62,.14)}

/* 新闻卡：封面留白处补一点金 */
.ncard{
  background:
    radial-gradient(ellipse 140% 90% at 50% 108%,rgba(211,171,62,.10),transparent 64%),
    linear-gradient(168deg,rgba(26,22,17,.92),rgba(10,9,9,.95));
}

/* 日历表格容器：外圈给他一圈金 */
.cal-wrap{
  border-color:rgba(211,171,62,.26);
  background:rgba(14,12,10,.7);
}

/* CTA 金色地平线上移，别贴着与页脚的交界线 */
.cta-band{
  background:
    linear-gradient(180deg,
      rgba(8,7,10,.58) 0%,
      rgba(8,7,10,.44) 30%,
      rgba(8,7,10,.24) 58%,
      rgba(8,7,10,.10) 84%,
      rgba(8,7,10,.16) 100%),
    url("../img/silk-band.webp") center 88%/104% auto no-repeat,
    linear-gradient(180deg,#08070a,#0b0906);
}
@media (max-width:900px){
  .cta-band{
    background:
      linear-gradient(180deg,
        rgba(8,7,10,.58) 0%,
        rgba(8,7,10,.42) 30%,
        rgba(8,7,10,.22) 60%,
        rgba(8,7,10,.10) 86%,
        rgba(8,7,10,.16) 100%),
      url("../img/silk-band.webp") center 86%/168% auto no-repeat,
      linear-gradient(180deg,#08070a,#0b0906);
  }
}

/* CTA：金线在文字后面时压字 → 底部再压一层薄黑，文字保持清楚 */
.cta-band{
  padding-bottom:clamp(76px,6.4vw,104px);
  background:
    linear-gradient(180deg,
      rgba(8,7,10,.58) 0%,
      rgba(8,7,10,.42) 30%,
      rgba(8,7,10,.26) 56%,
      rgba(8,7,10,.30) 80%,
      rgba(8,7,10,.34) 100%),
    url("../img/silk-band.webp") center 88%/104% auto no-repeat,
    linear-gradient(180deg,#08070a,#0b0906);
}
.cta-band .fine{
  color:#9a9384;
  text-shadow:0 1px 14px rgba(0,0,0,1),0 0 22px rgba(0,0,0,.9);
}

/* CTA 合规小字压在金线上 → 给文字垫一层柔和的暗底（径向，无边） */
.cta-band .fine{
  display:inline-block;
  padding:10px 30px;
  margin-top:20px;
  color:#a8a192;
  background:radial-gradient(ellipse 96% 120% at 50% 50%,rgba(6,5,5,.90),rgba(6,5,5,.66) 62%,rgba(6,5,5,0) 100%);
}

/* CTA 收口：金线压到最底部 90px 的一条带里，合规小字留在它上方 */
.cta-band{
  background:
    linear-gradient(180deg,
      rgba(8,7,10,.58) 0%,
      rgba(8,7,10,.44) 32%,
      rgba(8,7,10,.30) 60%,
      rgba(8,7,10,.18) 84%,
      rgba(8,7,10,.22) 100%),
    url("../img/silk-band.webp") center bottom/100% 96px no-repeat,
    linear-gradient(180deg,#08070a,#0b0906);
}
.cta-band .fine{
  display:block;
  padding:0;
  margin-top:18px;
  background:none;
  color:#8f8878;
}
@media (max-width:900px){
  .cta-band{
    background:
      linear-gradient(180deg,
        rgba(8,7,10,.58) 0%,
        rgba(8,7,10,.42) 32%,
        rgba(8,7,10,.24) 62%,
        rgba(8,7,10,.18) 86%,
        rgba(8,7,10,.22) 100%),
      url("../img/silk-band.webp") center bottom/100% 70px no-repeat,
      linear-gradient(180deg,#08070a,#0b0906);
  }
}

/* ==========================================================================
   第五轮 · CTA 去掉底部大图
   首页「准备进入全球市场了吗」区域底部原来压了一张熔金横图，
   在 16:9 与移动端上都会被裁成一条突兀的亮带 → 整张图去掉，
   只保留暖黑底 + 一团埋得很深的径向暖光，边界完全化开。
   ========================================================================== */
.cta-band{
  background:
    radial-gradient(ellipse 64% 82% at 50% 126%,rgba(211,171,62,.15),rgba(211,171,62,.04) 46%,transparent 72%),
    linear-gradient(180deg,rgba(8,7,10,.96) 0%,rgba(9,7,6,.94) 46%,rgba(10,8,6,.96) 100%);
  border-top:0;border-bottom:0;
}
.cta-band::after{content:none}
.cta-band>.eyebrow{position:relative;z-index:1}
.cta-band .fine{z-index:1}
@media (max-width:900px){
  .cta-band{
    background:
      radial-gradient(ellipse 92% 70% at 50% 122%,rgba(211,171,62,.14),transparent 74%),
      linear-gradient(180deg,rgba(8,7,10,.96) 0%,rgba(9,7,6,.94) 50%,rgba(10,8,6,.96) 100%);
  }
}

/* 语言从 4 种扩到 8 种：下拉菜单限高可滚，页脚语言按钮自动换行不挤 */
.lang__menu{
  min-width:186px;
  max-height:min(70vh,430px);
  overflow-y:auto;
  overscroll-behavior:contain;
}
.lang__menu button{white-space:nowrap}
.drawer__sub button{white-space:nowrap}
.ftr__langs{gap:6px 6px}
.ftr__langs button{white-space:nowrap}