/* ============================================================
   JUX 聚宝盆 — 官方落地页 · 全面视觉升级版
   ============================================================ */

/* ─── Reset ─── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

/* ─── Design Tokens ─── */
:root{
  --bg:         #030a18;
  --bg2:        #061226;
  --bg3:        #081736;
  --bg4:        #0b2050;

  --gold:       #d4a843;
  --gold-l:     #f5cb5c;
  --gold-d:     #9a7620;
  --gold-dim:   rgba(212,168,67,0.14);
  --gold-bd:    rgba(212,168,67,0.3);

  --blue:       #1e5cb3;
  --blue-l:     #5b9cf6;

  --white:      #ffffff;
  --silver:     #8da4be;
  --text:       #d8e8f6;

  --r-sm:6px;--r-md:14px;--r-lg:22px;
  --shadow-gold: 0 8px 40px rgba(212,168,67,0.25);
  --shadow-card: 0 4px 30px rgba(0,0,0,0.55);
  --tr:0.32s ease;
}

body{
  font-family:'Noto Serif SC','Inter',serif;
  background:var(--bg);color:var(--text);
  overflow-x:hidden;line-height:1.75;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

/* ─── Scroll bar ─── */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:var(--gold-d);border-radius:3px}

/* ─── Container ─── */
.container{max-width:1100px;margin:0 auto;padding:0 28px}

/* ─── Reveal animation ─── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal.in,.reveal.visible{opacity:1;transform:none}
.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal-left.in,.reveal-left.visible{opacity:1;transform:none}
.reveal-right{opacity:0;transform:translateX(32px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal-right.in,.reveal-right.visible{opacity:1;transform:none}
.delay-1{transition-delay:0.12s}
.delay-2{transition-delay:0.24s}
.delay-3{transition-delay:0.36s}
.delay-4{transition-delay:0.48s}

/* Hero 区域内容强制可见 — 防止首屏空白 */
.hero-section .reveal,
.hero-section .reveal-left,
.hero-section .reveal-right,
.site-header,
.chart-section,
.stats-row {
  opacity:1!important;transform:none!important;
}

/* ============================================================
   FLOATING NAV — enhanced
   ============================================================ */
#floatingNav{
  opacity:1!important;
  pointer-events:all!important;
  backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
}
#floatingNav a{
  padding:6px 14px;border-radius:100px;
  font-size:0.78rem;color:var(--silver);
  letter-spacing:0.06em;transition:all 0.25s;
  text-decoration:none;
}
#floatingNav a.nav-active{background:rgba(212,168,67,0.18);color:var(--gold-l);}
#floatingNav a:hover{color:var(--gold-l);}

/* ============================================================
   HERO SECTION
   ============================================================ */
.hero-section{
  position:relative;min-height:100vh;
  display:flex;flex-direction:column;
  align-items:center;justify-content:flex-start;
  padding:60px 0 80px;overflow:hidden;
  background:
    radial-gradient(ellipse 90% 55% at 50% -5%,rgba(20,55,130,0.55) 0%,transparent 70%),
    radial-gradient(ellipse 60% 40% at 80% 20%,rgba(212,168,67,0.06) 0%,transparent 60%),
    var(--bg);
}
.hero-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(1px 1px at  8% 15%,rgba(255,255,255,0.55) 0%,transparent 100%),
    radial-gradient(1px 1px at 22% 50%,rgba(255,255,255,0.4)  0%,transparent 100%),
    radial-gradient(1px 1px at 55%  8%,rgba(255,255,255,0.6)  0%,transparent 100%),
    radial-gradient(1px 1px at 78% 30%,rgba(255,255,255,0.35) 0%,transparent 100%),
    radial-gradient(1px 1px at 40% 78%,rgba(255,255,255,0.4)  0%,transparent 100%),
    radial-gradient(1.5px 1.5px at 92% 65%,rgba(212,168,67,0.6) 0%,transparent 100%),
    radial-gradient(1px 1px at  3% 88%,rgba(255,255,255,0.3)  0%,transparent 100%),
    radial-gradient(1px 1px at 65% 92%,rgba(255,255,255,0.45) 0%,transparent 100%),
    radial-gradient(1px 1px at 33% 25%,rgba(255,255,255,0.3)  0%,transparent 100%),
    radial-gradient(1px 1px at 88% 88%,rgba(212,168,67,0.4)   0%,transparent 100%);
}
.globe-glow{
  position:absolute;top:-150px;left:50%;transform:translateX(-50%);
  width:800px;height:800px;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at 50% 40%,rgba(26,90,200,0.16) 0%,transparent 62%);
}

/* ── Site Header ── */
.site-header{position:relative;text-align:center;z-index:2;margin-bottom:60px;}

.header-badge{
  display:inline-block;
  font-family:'Playfair Display',serif;
  font-size:0.7rem;letter-spacing:0.3em;
  color:var(--gold);
  border:1px solid rgba(212,168,67,0.35);
  padding:5px 20px;border-radius:100px;
  margin-bottom:22px;
  background:rgba(212,168,67,0.07);
  backdrop-filter:blur(6px);
}
.main-title{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:14px;line-height:1.05;margin-bottom:16px;
}
.title-jux{
  font-family:'Playfair Display',serif;
  font-size:clamp(3rem,8vw,5.5rem);font-weight:900;
  background:linear-gradient(135deg,#f5cb5c 0%,#d4a843 45%,#9a7620 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  letter-spacing:0.05em;
  filter:drop-shadow(0 0 22px rgba(212,168,67,0.5));
}
.title-cn{
  font-family:'Noto Serif SC',serif;
  font-size:clamp(2.2rem,6vw,4rem);font-weight:900;
  background:linear-gradient(135deg,#fff 0%,#f5cb5c 50%,#d4a843 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 0 18px rgba(212,168,67,0.45));
}
.title-en{
  font-family:'Playfair Display',serif;
  font-size:clamp(0.72rem,1.8vw,0.95rem);
  letter-spacing:0.38em;color:var(--gold-d);margin-bottom:22px;
}
.title-line-wrap{display:flex;align-items:center;justify-content:center;gap:14px;}
.title-line{width:130px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);}
.title-diamond{color:var(--gold);font-size:0.62rem;}
.hero-tagline{
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-size:1rem;color:var(--text);letter-spacing:0.18em;margin-bottom:60px;
}
.tagline-line{width:36px;height:1px;background:var(--gold-d);}
.tagline-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);}

/* ── Stats chips in hero ── */
.stats-row{
  display:flex;flex-wrap:wrap;justify-content:center;gap:12px;
  position:relative;z-index:2;margin-bottom:0;
}
.stat-item{
  display:flex;flex-direction:column;align-items:center;
  padding:14px 26px;
  background:rgba(255,255,255,0.035);
  border:1px solid var(--gold-bd);
  border-radius:var(--r-md);
  backdrop-filter:blur(10px);
  min-width:120px;
  transition:all var(--tr);
}
.stat-item:hover{background:var(--gold-dim);border-color:rgba(212,168,67,0.5);}
.stat-value{
  font-family:'Inter',sans-serif;font-size:1.5rem;font-weight:800;
  background:linear-gradient(135deg,var(--gold-l),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  line-height:1;
}
.stat-label{font-size:0.7rem;color:var(--silver);margin-top:5px;letter-spacing:0.08em;}

/* ── Chart section ── */
.chart-section{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;}
.chart-meta-row{display:flex;justify-content:center;align-items:center;gap:36px;margin-bottom:28px;flex-wrap:wrap;}
.chart-badge{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,0.04);
  border:1px solid var(--gold-bd);border-radius:100px;
  padding:10px 22px;font-size:0.88rem;font-weight:600;
  color:var(--gold-l);backdrop-filter:blur(6px);
}
.badge-icon{font-size:1rem;color:var(--gold);}
.chart-wrap{width:100%;max-width:360px;margin:0 auto;}
.chart-legend{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;
  margin-top:28px;
}
.legend-item{display:flex;align-items:center;gap:8px;font-size:0.84rem;color:var(--text);}
.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}

/* ============================================================
   SECTION BASE
   ============================================================ */
section{padding:100px 0;position:relative;}
section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(212,168,67,0.03) 0%,transparent 70%);
}

/* ── Section Title ── */
.section-title{
  display:flex;align-items:center;justify-content:center;gap:18px;
  font-family:'Noto Serif SC',serif;
  font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;
  color:var(--gold-l);letter-spacing:0.08em;
  margin-bottom:12px;text-align:center;
}
.section-title-line{
  flex:1;max-width:120px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold));
}
.section-sub{
  text-align:center;color:var(--silver);
  font-size:0.95rem;margin-bottom:52px;letter-spacing:0.04em;
}

/* ── Chapter label ── */
.chapter-label{
  font-size:0.68rem;color:var(--gold-d);letter-spacing:0.3em;
  text-align:center;margin-bottom:14px;text-transform:uppercase;
}

/* ── Sub section title ── */
.sub-section-title{
  font-family:'Noto Serif SC',serif;font-size:1.1rem;color:var(--gold);font-weight:600;
  margin:48px 0 22px;padding-left:14px;border-left:3px solid var(--gold);letter-spacing:0.05em;
}

/* ============================================================
   MINING SECTION
   ============================================================ */
.mining-section{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 50%,var(--bg) 100%);}

.deposit-flow{
  display:flex;align-items:stretch;justify-content:center;
  gap:0;flex-wrap:wrap;margin-bottom:52px;
}
.flow-item{
  background:rgba(255,255,255,0.03);
  border:1px solid var(--gold-bd);
  border-radius:var(--r-md);
  padding:28px 32px;text-align:center;
  min-width:180px;flex:1;max-width:220px;
  position:relative;
  transition:all var(--tr);
}
.flow-item:hover{background:var(--gold-dim);transform:translateY(-3px);}
.flow-icon{font-size:1.8rem;margin-bottom:12px;color:var(--gold);}
.flow-pct{
  font-family:'Inter',sans-serif;font-size:1.9rem;font-weight:800;
  background:linear-gradient(135deg,var(--gold-l),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  line-height:1;
}
.flow-label{font-size:0.78rem;color:var(--silver);margin-top:6px;letter-spacing:0.05em;}
.flow-note{font-size:0.68rem;color:var(--gold-d);margin-top:8px;}
.flow-arrow{
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;color:var(--gold-d);padding:0 10px;align-self:center;flex-shrink:0;
}

.yield-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;}
.yield-card{
  background:linear-gradient(135deg,rgba(14,32,65,0.8),rgba(10,24,50,0.7));
  border:1px solid var(--gold-bd);border-radius:var(--r-md);
  padding:24px 32px;text-align:center;min-width:180px;flex:1;max-width:230px;
  transition:all var(--tr);
}
.yield-card:hover{box-shadow:var(--shadow-gold);transform:translateY(-4px);}
.yc-icon{font-size:1.5rem;margin-bottom:10px;}
.yc-val{
  font-family:'Inter',sans-serif;font-size:1.6rem;font-weight:800;
  background:linear-gradient(135deg,var(--gold-l),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  line-height:1;margin-bottom:6px;
}
.yc-label{font-size:0.78rem;color:var(--silver);}

/* ============================================================
   VAULT SECTION
   ============================================================ */
.vault-section{
  background:
    linear-gradient(180deg,var(--bg) 0%,rgba(10,20,50,0.6) 50%,var(--bg) 100%);
}
.vault-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;}
.vault-card{
  background:linear-gradient(145deg,rgba(14,35,80,0.7),rgba(8,20,55,0.6));
  border:1px solid rgba(100,150,255,0.22);
  border-radius:var(--r-lg);padding:32px 28px;text-align:center;
  flex:1;min-width:200px;max-width:280px;
  transition:all var(--tr);
}
.vault-card:hover{border-color:rgba(100,150,255,0.4);transform:translateY(-4px);box-shadow:0 10px 40px rgba(26,90,200,0.2);}
.vc-icon{font-size:2rem;color:var(--blue-l);margin-bottom:14px;}
.vc-title{font-family:'Noto Serif SC',serif;font-size:1.1rem;font-weight:700;color:var(--gold-l);margin-bottom:10px;}
.vc-desc{font-size:0.84rem;color:var(--silver);line-height:1.65;}

/* ============================================================
   REWARD SECTION
   ============================================================ */
.reward-section{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);}

.reward-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:52px;}
.reward-card{
  background:rgba(255,255,255,0.03);border:1px solid var(--gold-bd);
  border-radius:var(--r-lg);padding:32px 28px;text-align:center;
  flex:1;min-width:200px;max-width:300px;
  transition:all var(--tr);position:relative;overflow:hidden;
}
.reward-card::before{
  content:'';position:absolute;top:-50px;right:-50px;
  width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,rgba(212,168,67,0.07) 0%,transparent 70%);
  pointer-events:none;
}
.reward-card:hover{background:var(--gold-dim);box-shadow:var(--shadow-gold);transform:translateY(-4px);}
.rc-pct{
  font-family:'Inter',sans-serif;font-size:3rem;font-weight:900;line-height:1;
  background:linear-gradient(135deg,var(--gold-l),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  margin-bottom:8px;
}
.rc-title{font-family:'Noto Serif SC',serif;font-size:1.1rem;font-weight:700;color:var(--gold-l);margin-bottom:12px;}
.rc-desc{font-size:0.83rem;color:var(--silver);line-height:1.65;}

/* dividend */
.div-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}
.div-card{
  background:linear-gradient(135deg,rgba(45,28,2,0.5),rgba(35,20,2,0.4));
  border:1px solid rgba(212,168,67,0.22);border-radius:var(--r-md);
  padding:18px 24px;min-width:160px;flex:1;max-width:220px;
  text-align:center;transition:all var(--tr);
}
.div-card:hover{border-color:var(--gold-bd);transform:translateY(-3px);}
.dc-pct{
  font-family:'Inter',sans-serif;font-size:2rem;font-weight:800;
  background:linear-gradient(135deg,var(--gold-l),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  line-height:1;margin-bottom:6px;
}
.dc-label{font-size:0.78rem;color:var(--silver);}

/* ============================================================
   LEVEL SECTION
   ============================================================ */
.level-section{background:linear-gradient(180deg,var(--bg2) 0%,var(--bg3) 50%,var(--bg2) 100%);}

/* Level table */
.level-table-wrap{
  overflow-x:auto;border-radius:var(--r-lg);
  border:1px solid var(--gold-bd);
  box-shadow:var(--shadow-card);
  scrollbar-width:thin;scrollbar-color:var(--gold-d) transparent;
}
.level-table{
  width:100%;border-collapse:collapse;
  font-size:0.9rem;min-width:700px;
}
.level-table thead tr{
  background:linear-gradient(135deg,rgba(25,50,110,0.9),rgba(15,35,80,0.9));
}
.level-table th{
  padding:16px 20px;text-align:left;
  font-family:'Inter',sans-serif;font-size:0.72rem;
  font-weight:700;letter-spacing:0.1em;color:var(--gold);text-transform:uppercase;
}
.level-table td{
  padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.05);
  vertical-align:middle;color:var(--text);
}
.level-table tbody tr:hover td{background:rgba(212,168,67,0.04);}
.level-table tbody tr:last-child td{border-bottom:none;}
.level-table tbody tr.s7-row td{background:rgba(60,35,2,0.3);}
.level-table tbody tr.s7-row:hover td{background:rgba(80,45,2,0.4);}

/* level badge */
.lvl-badge{
  display:inline-block;padding:4px 12px;border-radius:7px;
  font-family:'Inter',sans-serif;font-size:0.78rem;font-weight:800;letter-spacing:0.04em;
}
.lv-s1{background:rgba(100,150,255,0.15);border:1px solid rgba(100,150,255,0.3);color:#93b4ff;}
.lv-s2{background:rgba(120,170,255,0.15);border:1px solid rgba(120,170,255,0.3);color:#a8c8ff;}
.lv-s3{background:rgba(100,200,255,0.13);border:1px solid rgba(100,200,255,0.28);color:#b3e5fc;}
.lv-s4{background:rgba(212,168,67,0.14);border:1px solid rgba(212,168,67,0.35);color:#fcd06a;}
.lv-s5{background:rgba(212,168,67,0.2);border:1px solid rgba(212,168,67,0.45);color:#f5cb5c;}
.lv-s6{background:rgba(240,208,90,0.2);border:1px solid rgba(240,208,90,0.45);color:#f0d080;}
.lv-s7{
  background:linear-gradient(135deg,rgba(212,168,67,0.3),rgba(245,203,92,0.2));
  border:1px solid var(--gold);color:#fff;
  box-shadow:0 0 12px rgba(212,168,67,0.28);
}

/* reward tag */
.rwd-tag{
  display:inline-block;padding:4px 12px;border-radius:100px;
  font-size:0.78rem;font-weight:700;
}
.rt-n{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);color:var(--text);}
.rt-g{background:var(--gold-dim);border:1px solid var(--gold-bd);color:var(--gold-l);}
.rt-sp{
  background:linear-gradient(135deg,rgba(212,168,67,0.25),rgba(245,203,92,0.15));
  border:1px solid var(--gold);color:#fff;font-weight:800;
  box-shadow:0 0 10px rgba(212,168,67,0.2);
}

/* unlock progress */
.prog-cell{display:flex;align-items:center;gap:8px;}
.prog-bg{flex:1;height:5px;background:rgba(255,255,255,0.07);border-radius:100px;overflow:hidden;}
.prog-bar{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--gold-d),var(--gold));}
.prog-bar.hi{background:linear-gradient(90deg,var(--gold),var(--gold-l));}
.prog-bar.mx{background:linear-gradient(90deg,var(--gold-l),#fff);}
.prog-num{font-size:0.75rem;color:var(--gold-l);font-weight:700;min-width:30px;}

/* ============================================================
   NODE / BENEFIT SECTION
   ============================================================ */
.benefit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-bottom:52px;}
.benefit-card{
  background:linear-gradient(145deg,rgba(14,32,65,0.8),rgba(10,24,50,0.7));
  border:1px solid var(--gold-bd);border-radius:var(--r-lg);
  padding:28px 22px;text-align:center;
  transition:all var(--tr);
}
.benefit-card:hover{box-shadow:var(--shadow-gold);transform:translateY(-5px);border-color:rgba(212,168,67,0.5);}
.bc-icon{font-size:1.8rem;color:var(--gold);margin-bottom:14px;}
.bc-title{font-family:'Noto Serif SC',serif;font-size:1rem;font-weight:700;color:var(--gold-l);margin-bottom:10px;}
.bc-desc{font-size:0.8rem;color:var(--silver);line-height:1.65;}

/* ── Node private sale ── */
.node-section{background:linear-gradient(180deg,var(--bg3) 0%,var(--bg4) 50%,var(--bg3) 100%);}

.node-price-card{
  background:linear-gradient(135deg,rgba(40,25,3,0.7),rgba(25,15,2,0.6));
  border:1px solid rgba(212,168,67,0.45);border-radius:var(--r-lg);
  padding:36px;max-width:600px;margin:0 auto 48px;
  box-shadow:var(--shadow-gold);position:relative;overflow:hidden;
}
.node-price-card::before{
  content:'';position:absolute;top:-80px;right:-80px;
  width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(212,168,67,0.1) 0%,transparent 65%);
  pointer-events:none;
}
.node-price-inner{text-align:center;position:relative;z-index:1;}
.node-price-label{font-size:0.72rem;color:var(--gold-d);letter-spacing:0.2em;margin-bottom:10px;text-transform:uppercase;}
.node-price-value{
  font-family:'Inter',sans-serif;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:900;
  background:linear-gradient(135deg,var(--gold-l),var(--gold),var(--gold-d));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  line-height:1;margin-bottom:8px;
}
.node-price-value span{font-size:0.5em;opacity:0.7;}
.node-price-total{font-size:0.85rem;color:var(--silver);}

.node-meta-row{
  display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;
}
.node-meta-item{
  padding:10px 20px;border-radius:100px;
  background:rgba(255,255,255,0.04);border:1px solid rgba(212,168,67,0.2);
  font-size:0.82rem;color:var(--text);
}
.node-meta-item strong{color:var(--gold-l);}

/* Release progress */
.release-bar{
  max-width:600px;margin:0 auto 48px;
  background:rgba(255,255,255,0.03);border:1px solid var(--gold-bd);
  border-radius:var(--r-md);padding:24px 28px;
}
.rb-label{font-size:0.78rem;color:var(--silver);margin-bottom:6px;}
.rb-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.rb-row:last-child{margin-bottom:0;}
.rb-tag{
  font-size:0.72rem;font-weight:700;color:var(--gold-l);
  min-width:70px;
}
.rb-track{flex:1;height:8px;background:rgba(255,255,255,0.06);border-radius:100px;overflow:hidden;}
.rb-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--gold-d),var(--gold),var(--gold-l));}
.rb-pct{font-size:0.72rem;font-weight:700;color:var(--gold-l);min-width:32px;text-align:right;}

/* Rights cards */
.rights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;}
.right-card{
  background:rgba(255,255,255,0.025);
  border:1px solid rgba(212,168,67,0.2);border-radius:var(--r-md);
  padding:22px;text-align:center;
  transition:all var(--tr);
}
.right-card:hover{background:var(--gold-dim);border-color:var(--gold-bd);transform:translateY(-3px);}
.right-icon{font-size:1.5rem;color:var(--gold);margin-bottom:10px;}
.right-card h4{font-family:'Noto Serif SC',serif;font-size:0.95rem;color:var(--gold-l);margin-bottom:8px;}
.right-card p{font-size:0.78rem;color:var(--silver);line-height:1.6;}
.gold-right-icon{color:var(--gold-l)!important;}

/* ============================================================
   CTA SECTION
   ============================================================ */
.cta-section{
  padding:100px 0;
  background:linear-gradient(180deg,var(--bg) 0%,rgba(8,20,55,0.5) 50%,var(--bg) 100%);
  position:relative;overflow:hidden;
}
.cta-tagline{
  font-family:'Noto Serif SC','Playfair Display',serif;
  font-size:clamp(2rem,5vw,3.2rem);font-weight:900;
  color:#fff;text-align:center;margin-bottom:16px;line-height:1.25;
}
.cta-tagline span{
  background:linear-gradient(135deg,var(--gold-l),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.cta-sub{
  text-align:center;font-size:0.95rem;color:var(--silver);
  margin-bottom:52px;letter-spacing:0.06em;
}
.cta-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:17px 52px;border-radius:100px;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--gold-l),var(--gold),var(--gold-d));
  color:#060b18;font-family:'Inter','Noto Serif SC',sans-serif;
  font-size:1rem;font-weight:800;letter-spacing:0.08em;
  box-shadow:0 6px 40px rgba(212,168,67,0.45);
  transition:all var(--tr);
}
.cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 50px rgba(212,168,67,0.55);}
.cta-btn:active{transform:scale(0.97);}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{
  padding:48px 0 32px;
  background:rgba(2,6,16,0.99);
  border-top:1px solid rgba(212,168,67,0.1);
  position:relative;
}
.site-footer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:0.4;
}
.footer-brand{text-align:center;margin-bottom:28px;}
.footer-logo{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Noto Serif SC',serif;font-size:1.3rem;font-weight:900;
  background:linear-gradient(135deg,var(--gold-l),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  margin-bottom:8px;
}
.logo-icon{font-size:1.3rem;}
.footer-tagline{font-size:0.82rem;color:var(--silver);letter-spacing:0.1em;}
.footer-divider{
  display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px;
}
.footer-line{flex:1;max-width:200px;height:1px;background:rgba(212,168,67,0.12);}
.footer-diamond{color:var(--gold-d);font-size:0.5rem;}
.footer-disclaimer{font-size:0.78rem;color:rgba(141,164,190,0.6);text-align:center;margin-bottom:12px;line-height:1.7;}
.footer-copy{font-size:0.74rem;color:rgba(141,164,190,0.4);text-align:center;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:768px){
  section{padding:70px 0;}
  .container{padding:0 18px;}
  .flow-item{min-width:140px;padding:20px 18px;}
  .yield-card{min-width:140px;}
  .vault-card{min-width:160px;}
  .reward-card{min-width:160px;}
  .level-table{font-size:0.82rem;}
  .level-table th,.level-table td{padding:12px 14px;}
  .stat-item{min-width:100px;padding:12px 18px;}
  .stat-value{font-size:1.25rem;}
  .cta-btn{padding:15px 36px;font-size:0.92rem;}
}
@media(max-width:480px){
  .node-price-card{padding:24px 18px;}
  .benefit-grid{grid-template-columns:1fr 1fr;}
  .rights-grid{grid-template-columns:1fr 1fr;}
  .reward-card{min-width:130px;}
}