*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0a0a0a;--bg2:#111;--gold:#c9a84c;--gold-light:#e8d5a3;--gold-dim:#8a7340;
  --text:#f5f0e6;--muted:#9a9080;--card:#161616;--border:rgba(201,168,76,.25);
  --header-h:72px;
  --section-min-h:calc(100vh - var(--header-h));
  --section-min-h:calc(100svh - var(--header-h));
}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}
body{font-family:'Noto Sans SC',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 40px}

/* Sticky dark nav with gold CTA */
.header{position:sticky;top:0;z-index:100;background:rgba(10,10,10,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{font-family:'Noto Serif SC',serif;font-size:1.15rem;font-weight:700;color:var(--gold);letter-spacing:.04em;display:flex;align-items:center;gap:12px}
.logo-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;object-fit:cover;border:1px solid rgba(201,168,76,.35)}
.logo-text{display:flex;align-items:baseline;gap:10px}
.logo .en{font-family:'Noto Sans SC',sans-serif;font-weight:500;font-size:.78rem;letter-spacing:.28em;color:var(--gold-light);text-transform:uppercase}
.logo .sep{color:var(--gold-dim);font-weight:400;opacity:.7}
.logo .cn{letter-spacing:.08em}
.nav-links{display:flex;gap:36px;list-style:none}
.nav-links a{font-size:.88rem;color:var(--muted);letter-spacing:.06em;transition:color .25s}
.nav-links a:hover{color:var(--gold)}
.nav-cta{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:#0a0a0a;padding:10px 24px;border-radius:2px;font-size:.85rem;font-weight:700;letter-spacing:.08em;transition:box-shadow .25s,transform .2s}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,168,76,.35)}

/* Hero — full-bleed editorial + floating phones */
.hero{min-height:100vh;height:100vh;position:relative;display:flex;align-items:center;padding:0;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('assets/hero-user.jpg') center center/cover no-repeat}
.hero-bg::after{content:'';position:absolute;inset:0;background:
  linear-gradient(to right,rgba(10,10,10,.96) 0%,rgba(10,10,10,.88) 22%,rgba(10,10,10,.62) 42%,rgba(10,10,10,.4) 62%,rgba(10,10,10,.55) 100%),
  linear-gradient(to top,rgba(10,10,10,.78) 0%,rgba(10,10,10,.25) 35%,transparent 55%),
  linear-gradient(to bottom,rgba(10,10,10,.35) 0%,transparent 28%)}
.hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%;padding:0 56px;display:block;min-height:calc(100vh - 72px);display:flex;align-items:center}
.hero-copy{padding:32px 0 72px;max-width:520px;position:relative;z-index:3}
.hero-eyebrow{display:inline-block;border:1px solid var(--gold-dim);color:var(--gold);padding:7px 20px;font-size:.72rem;letter-spacing:.42em;margin-bottom:28px;font-weight:500;text-transform:uppercase}
.hero h1{font-family:'Noto Serif SC',serif;font-size:4.6rem;font-weight:700;line-height:1.1;margin-bottom:18px;letter-spacing:.02em;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 24px rgba(0,0,0,.5))}
.hero h1 .tagline{font-style:normal;display:block;font-size:1.15rem;color:var(--muted);-webkit-text-fill-color:var(--muted);font-family:'Noto Sans SC',sans-serif;font-weight:300;letter-spacing:.16em;margin-top:16px}
.hero-desc{font-size:1.02rem;color:rgba(245,240,230,.75);max-width:440px;margin-bottom:36px;font-weight:300;line-height:1.85}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap}
.btn-gold{background:linear-gradient(135deg,var(--gold),#a88830);color:#0a0a0a;padding:16px 36px;font-size:.95rem;font-weight:700;letter-spacing:.1em;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;display:inline-block}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(201,168,76,.35)}
.btn-outline{border:1px solid var(--gold-dim);color:var(--gold);padding:16px 36px;font-size:.95rem;letter-spacing:.1em;background:transparent;cursor:pointer;transition:background .25s;display:inline-block}
.btn-outline:hover{background:rgba(201,168,76,.1)}
.hero-stats{display:flex;gap:40px;margin-top:40px;padding-top:26px;border-top:1px solid rgba(201,168,76,.22);max-width:480px}
.stat-num{font-family:'Noto Serif SC',serif;font-size:1.7rem;color:var(--gold);font-weight:700}
.stat-label{font-size:.72rem;color:var(--muted);letter-spacing:.12em;margin-top:4px}

/* Floating staggered phones — docked to viewport right edge */
.hero-phones{display:none;position:absolute;right:28px;top:50%;transform:translateY(-48%);width:300px;height:540px;z-index:2;pointer-events:none;perspective:1200px}
.hero-phones .phone{position:absolute;aspect-ratio:9/19.5;pointer-events:auto}
.hero-phones .phone-a{width:152px;right:138px;top:18px;transform:rotate(-5deg);z-index:2;box-shadow:0 36px 70px rgba(0,0,0,.65),0 0 0 1px rgba(201,168,76,.22)}
.hero-phones .phone-b{width:162px;right:0;top:84px;transform:rotate(4.5deg);z-index:3;box-shadow:0 44px 80px rgba(0,0,0,.72),0 0 0 1px rgba(201,168,76,.28)}
.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gold);opacity:.7;animation:cue-bounce 2.2s ease-in-out infinite}
.scroll-cue span{font-size:.65rem;letter-spacing:.28em}
.scroll-cue .arrow{width:16px;height:16px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(45deg);margin-top:-4px}
@keyframes cue-bounce{0%,100%{transform:translateX(-50%) translateY(0);opacity:.5}50%{transform:translateX(-50%) translateY(8px);opacity:.95}}

/* Features — dark luxury cards */
.features{min-height:var(--section-min-h);display:flex;align-items:center;padding:48px 0;background:var(--bg2);box-sizing:border-box}
.features .container{width:100%}
.section-label{font-size:.75rem;letter-spacing:.25em;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
.section-title{font-family:'Noto Serif SC',serif;font-size:2.5rem;font-weight:700;margin-bottom:14px;color:var(--gold-light)}
.section-sub{color:var(--muted);font-size:1rem;max-width:560px;margin-bottom:44px;font-weight:300}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feat-card{background:var(--card);border:1px solid var(--border);padding:36px 28px;transition:border-color .3s,transform .3s,box-shadow .3s}
.feat-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.feat-card:hover .feat-icon{
  border-color:rgba(232,213,163,.7);
  box-shadow:0 0 22px rgba(201,168,76,.28),0 8px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,244,214,.28),inset 0 -1px 0 rgba(138,115,64,.25);
  transform:translateY(-1px);
}
.feat-icon{
  width:46px;height:46px;border-radius:12px;
  border:1px solid rgba(201,168,76,.65);
  background:
    linear-gradient(160deg,rgba(245,230,190,.22) 0%,rgba(201,168,76,.14) 38%,rgba(138,115,64,.08) 72%,rgba(20,16,8,.55) 100%),
    linear-gradient(180deg,rgba(201,168,76,.1),transparent 60%);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:22px;
  color:var(--gold-light);
  box-shadow:
    0 0 16px rgba(201,168,76,.18),
    0 6px 16px rgba(0,0,0,.3),
    inset 0 1px 0 rgba(255,244,214,.32),
    inset 0 -1px 0 rgba(100,80,40,.28);
  transition:border-color .3s,box-shadow .3s,transform .3s;
  position:relative;
}
.feat-icon::before{
  content:'';position:absolute;inset:1px;border-radius:11px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,244,214,.12),transparent 42%);
}
.feat-icon svg{
  width:22px;height:22px;display:block;position:relative;z-index:1;
  stroke:url(#featGoldStroke);fill:none;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.feat-icon svg .fill{fill:url(#featGoldFill);stroke:none;opacity:1}
.feat-icon svg .soft{fill:url(#featGoldFill);stroke:none;opacity:.28}
.feat-card h3{font-family:'Noto Serif SC',serif;font-size:1.15rem;color:var(--gold-light);margin-bottom:10px}
.feat-card p{color:var(--muted);font-size:.88rem;font-weight:300;line-height:1.75}

/* Screenshots — flat phone row (original simple layout) */
.screenshots{min-height:var(--section-min-h);display:flex;align-items:center;padding:48px 0;text-align:center;position:relative;box-sizing:border-box}
.screenshots::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 40%,rgba(201,168,76,.05),transparent 70%);pointer-events:none}
.screenshots .container{position:relative;z-index:1;width:100%}
.screenshots .section-sub{margin-left:auto;margin-right:auto}
.phone-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:40px;align-items:flex-end}
.phone{width:176px;aspect-ratio:9/19.5;background:#1a1a1a;border-radius:40px;padding:8px;box-shadow:0 25px 60px rgba(0,0,0,.6),0 0 0 1px rgba(201,168,76,.18);position:relative;flex-shrink:0}
.phone-bezel{width:100%;height:100%;background:#0d0d0d;border-radius:34px;overflow:hidden;position:relative}
.phone-camera{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:14px;height:14px;background:#222;border-radius:50%;z-index:10;box-shadow:inset 0 0 0 2px #333,0 0 0 1px #111}
.phone-camera::after{content:'';position:absolute;top:3px;left:3px;width:4px;height:4px;background:#0a4a6e;border-radius:50%;opacity:.6}
.phone-status{height:36px;background:rgba(0,0,0,.4);display:flex;align-items:flex-end;justify-content:space-between;padding:0 18px 6px;font-size:9px;color:#ccc;position:relative;z-index:5}
.phone-screen{height:calc(100% - 36px);overflow:hidden;background:#111}
.phone-screen img{width:100%;height:100%;object-fit:cover}
.gallery-ui{padding:8px;height:100%;display:flex;flex-direction:column;gap:6px;background:#0f0f0f}
.gallery-ui .g-header{font-size:11px;color:var(--gold);padding:4px 4px 8px;font-weight:600;letter-spacing:.05em}
.gallery-ui .g-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:1}
.gallery-ui .g-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px}
.gallery-ui .g-card{grid-column:1/-1;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
.phone-caption{margin-top:16px;font-size:.8rem;color:var(--muted);letter-spacing:.08em}


/* Download hub — dark luxury cards */
.download{min-height:var(--section-min-h);display:flex;align-items:center;padding:48px 0;background:var(--bg2);box-sizing:border-box;position:relative;overflow:hidden}
.download::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 40% at 50% 0%,rgba(201,168,76,.06),transparent 70%);pointer-events:none}
.download .container{width:100%;position:relative;z-index:1}
.download .section-sub{margin-bottom:36px}
.dl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px}
.dl-card{
  background:linear-gradient(165deg,#1a1814 0%,#141210 55%,#101010 100%);
  border:1px solid rgba(201,168,76,.28);
  padding:32px 22px 28px;text-align:center;
  position:relative;overflow:hidden;
  transition:border-color .3s,transform .28s,box-shadow .3s;
  display:flex;flex-direction:column;align-items:center;min-height:360px;
}
.dl-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,213,163,.45),transparent);
  opacity:.8;
}
.dl-card:hover{
  border-color:rgba(201,168,76,.65);
  transform:translateY(-5px);
  box-shadow:0 22px 48px rgba(0,0,0,.45),0 0 28px rgba(201,168,76,.1);
}
.dl-card.is-primary{
  border-color:rgba(201,168,76,.45);
  background:linear-gradient(165deg,#221e16 0%,#17140f 50%,#12100c 100%);
  box-shadow:0 0 0 1px rgba(201,168,76,.08),0 12px 36px rgba(0,0,0,.3);
}
.dl-card.is-primary:hover{box-shadow:0 24px 52px rgba(0,0,0,.5),0 0 36px rgba(201,168,76,.16)}
.dl-badge{
  position:absolute;top:14px;right:14px;
  font-size:.62rem;letter-spacing:.14em;color:#0a0a0a;font-weight:700;
  background:linear-gradient(135deg,var(--gold-light),var(--gold));
  padding:4px 10px;border-radius:2px;
}
.dl-icon{
  width:52px;height:52px;border-radius:14px;margin:8px auto 22px;
  border:1px solid rgba(201,168,76,.55);
  background:linear-gradient(160deg,rgba(245,230,190,.2),rgba(201,168,76,.1) 45%,rgba(20,16,8,.5));
  box-shadow:0 0 18px rgba(201,168,76,.16),inset 0 1px 0 rgba(255,244,214,.28);
  display:flex;align-items:center;justify-content:center;color:var(--gold-light);
  position:relative;
}
.dl-icon::after{content:'';position:absolute;inset:1px;border-radius:13px;background:linear-gradient(180deg,rgba(255,244,214,.1),transparent 50%);pointer-events:none}
.dl-icon svg{width:24px;height:24px;display:block;position:relative;z-index:1;stroke:url(#dlGoldStroke);fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.dl-icon svg .fill{fill:url(#dlGoldFill);stroke:none}
.dl-icon svg .soft{fill:url(#dlGoldFill);stroke:none;opacity:.25}
.dl-card h3{font-size:1.18rem;color:var(--gold-light);margin-bottom:10px;font-family:'Noto Serif SC',serif;letter-spacing:.04em}
.dl-card p{font-size:.84rem;color:var(--muted);margin-bottom:18px;line-height:1.7;font-weight:300;flex:0}
.dl-meta{font-size:.72rem;letter-spacing:.12em;color:rgba(201,168,76,.75);margin-bottom:18px;text-transform:uppercase}
.dl-code{
  width:100%;max-width:200px;
  background:rgba(201,168,76,.07);
  border:1px solid rgba(201,168,76,.32);
  padding:12px 14px;margin:0 auto 22px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.92rem;color:var(--gold-light);letter-spacing:.14em;
  box-shadow:inset 0 0 0 1px rgba(201,168,76,.06);
}
.dl-code em{font-style:normal;color:var(--muted);font-size:.72rem;letter-spacing:.08em;display:block;margin-bottom:4px}
.dl-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  margin-top:auto;
  border:1px solid rgba(201,168,76,.7);color:var(--gold-light);
  padding:12px 28px;min-width:148px;
  font-size:.82rem;letter-spacing:.12em;font-weight:500;
  background:transparent;
  transition:background .25s,color .25s,border-color .25s,box-shadow .25s,transform .2s;
}
.dl-btn:hover{
  background:rgba(201,168,76,.14);border-color:var(--gold-light);
  box-shadow:0 0 20px rgba(201,168,76,.18);transform:translateY(-1px);
}
.dl-btn.is-solid{
  background:linear-gradient(135deg,var(--gold-light),var(--gold) 55%,#a88830);
  color:#0a0a0a;border-color:transparent;font-weight:700;
  box-shadow:0 8px 24px rgba(201,168,76,.25);
}
.dl-btn.is-solid:hover{
  background:linear-gradient(135deg,#f3e2b8,var(--gold-light) 40%,var(--gold));
  color:#0a0a0a;box-shadow:0 10px 28px rgba(201,168,76,.35);
}
.qr-box{
  width:132px;height:132px;margin:4px auto 18px;
  background:
    linear-gradient(145deg,#1c1a16,#12110f);
  border:1px solid rgba(201,168,76,.4);
  display:grid;place-items:center;position:relative;
  box-shadow:0 0 24px rgba(201,168,76,.1),inset 0 0 0 1px rgba(201,168,76,.08);
}
.qr-box::before,.qr-box::after{content:'';position:absolute;width:18px;height:18px;border-color:var(--gold);border-style:solid;opacity:.85}
.qr-box::before{top:8px;left:8px;border-width:2px 0 0 2px}
.qr-box::after{bottom:8px;right:8px;border-width:0 2px 2px 0}
.qr-frame{position:absolute;inset:8px;pointer-events:none}
.qr-frame i{position:absolute;width:18px;height:18px;border-color:var(--gold);border-style:solid;opacity:.85}
.qr-frame i:nth-child(1){top:0;right:0;border-width:2px 2px 0 0}
.qr-frame i:nth-child(2){bottom:0;left:0;border-width:0 0 2px 2px}
.qr-pattern{
  width:78px;height:78px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;
  position:relative;z-index:1;
}
.qr-pattern span{
  background:rgba(201,168,76,.55);border-radius:1px;
  box-shadow:0 0 0 0.5px rgba(232,213,163,.15);
}
.qr-pattern span.on{background:linear-gradient(145deg,var(--gold-light),var(--gold));opacity:.95}
.qr-pattern span.off{background:transparent;box-shadow:none}
.qr-label{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:.58rem;letter-spacing:.2em;color:rgba(201,168,76,.7);z-index:2}

/* Changelog timeline — dark luxury */
.changelog{min-height:var(--section-min-h);display:flex;align-items:center;padding:48px 0;box-sizing:border-box;position:relative;overflow:hidden}
.changelog::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 45% 35% at 20% 30%,rgba(201,168,76,.05),transparent 70%);pointer-events:none}
.changelog .container{width:100%;position:relative;z-index:1}
.changelog .section-sub{margin-bottom:28px}
.version-list{margin-top:8px;display:flex;flex-direction:column;gap:0;position:relative;padding-left:0}
.version-item{
  display:grid;grid-template-columns:132px 18px 1fr;gap:0 22px;
  padding:0 0 18px;position:relative;align-items:start;
}
.version-item:last-child{padding-bottom:0}
.ver-meta{text-align:right;padding-top:2px}
.ver-num{font-family:'Noto Serif SC',serif;font-size:1.15rem;color:rgba(201,168,76,.72);font-weight:700;letter-spacing:.02em;line-height:1.2}
.ver-date{font-size:.7rem;color:var(--muted);margin-top:6px;letter-spacing:.08em}
.ver-rail{position:relative;display:flex;justify-content:center;min-height:100%}
.ver-rail::before{
  content:'';position:absolute;top:10px;bottom:-18px;left:50%;width:1px;
  background:linear-gradient(180deg,rgba(201,168,76,.45),rgba(201,168,76,.12) 70%,transparent);
  transform:translateX(-50%);
}
.version-item:last-child .ver-rail::before{bottom:8px;background:linear-gradient(180deg,rgba(201,168,76,.35),transparent)}
.ver-dot{
  width:11px;height:11px;border-radius:50%;margin-top:8px;z-index:1;position:relative;
  background:#1a1a1a;border:1.5px solid rgba(201,168,76,.45);
  box-shadow:0 0 0 3px rgba(10,10,10,.9);
}
.ver-body{
  background:linear-gradient(145deg,rgba(26,24,20,.55),rgba(16,16,16,.35));
  border:1px solid rgba(201,168,76,.16);
  padding:14px 18px 14px 20px;position:relative;
  transition:border-color .25s,box-shadow .25s;
}
.ver-body:hover{border-color:rgba(201,168,76,.32);box-shadow:0 10px 28px rgba(0,0,0,.25)}
.ver-body-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;flex-wrap:wrap}
.ver-body h4{font-size:.98rem;margin:0;color:rgba(232,213,163,.88);font-family:'Noto Serif SC',serif;font-weight:600;letter-spacing:.03em}
.ver-body ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.ver-body li{font-size:.8rem;color:var(--muted);padding:2px 0 2px 14px;position:relative;font-weight:300;line-height:1.55}
.ver-body li::before{content:'';position:absolute;left:0;top:.65em;width:5px;height:1px;background:rgba(201,168,76,.55)}
.ver-tag{
  display:inline-flex;align-items:center;gap:4px;
  background:linear-gradient(135deg,var(--gold-light),var(--gold) 55%,#a88830);
  color:#0a0a0a;font-size:.62rem;font-weight:700;
  padding:3px 10px;letter-spacing:.14em;margin-top:8px;
  box-shadow:0 4px 14px rgba(201,168,76,.28);
}
.ver-dl{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid rgba(201,168,76,.4);color:var(--gold);
  padding:5px 12px;font-size:.68rem;letter-spacing:.1em;
  text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;
  white-space:nowrap;
}
.ver-dl:hover{background:rgba(201,168,76,.12);border-color:var(--gold-light);box-shadow:0 0 14px rgba(201,168,76,.15)}
.ver-dl svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Latest highlight */
.version-item.is-latest .ver-num{color:var(--gold-light);font-size:1.28rem;text-shadow:0 0 24px rgba(201,168,76,.25)}
.version-item.is-latest .ver-dot{
  background:linear-gradient(145deg,var(--gold-light),var(--gold));
  border-color:var(--gold-light);
  box-shadow:0 0 0 4px rgba(201,168,76,.15),0 0 16px rgba(201,168,76,.45);
}
.version-item.is-latest .ver-rail::before{
  background:linear-gradient(180deg,rgba(232,213,163,.7),rgba(201,168,76,.25) 60%,rgba(201,168,76,.1));
}
.version-item.is-latest .ver-body{
  border-color:rgba(201,168,76,.42);
  background:linear-gradient(145deg,rgba(40,34,22,.75),rgba(22,20,16,.5));
  box-shadow:0 14px 36px rgba(0,0,0,.35),0 0 28px rgba(201,168,76,.08);
}
.version-item.is-latest .ver-body::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,213,163,.55),transparent);
}
.version-item.is-latest .ver-body h4{color:var(--gold-light)}
.version-item.is-latest .ver-dl{
  background:linear-gradient(135deg,var(--gold-light),var(--gold) 60%,#a88830);
  color:#0a0a0a;border-color:transparent;font-weight:700;
  box-shadow:0 6px 18px rgba(201,168,76,.28);
}
.version-item.is-latest .ver-dl:hover{filter:brightness(1.06);box-shadow:0 8px 22px rgba(201,168,76,.38)}
.version-item.is-latest .ver-dl svg{stroke:#0a0a0a}


/* Friend links — premium chips */
.friends{min-height:var(--section-min-h);display:flex;align-items:center;padding:48px 0;background:var(--bg2);box-sizing:border-box;position:relative;overflow:hidden}
.friends::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 40% at 50% 100%,rgba(201,168,76,.05),transparent 70%);pointer-events:none}
.friends .container{width:100%;position:relative;z-index:1}
.friends .section-sub{margin-bottom:28px}
.friend-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;justify-content:flex-start}
.friend-link{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid rgba(201,168,76,.22);
  background:linear-gradient(160deg,rgba(28,26,22,.9),rgba(16,16,16,.75));
  padding:13px 22px;min-width:118px;
  font-size:.86rem;color:rgba(245,240,230,.72);letter-spacing:.06em;font-weight:400;
  transition:border-color .25s,color .25s,box-shadow .25s,transform .22s,background .25s;
  box-shadow:inset 0 1px 0 rgba(232,213,163,.04);
}
.friend-link::before{
  content:'';position:absolute;top:0;left:12%;right:12%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,213,163,.28),transparent);
  opacity:0;transition:opacity .25s;
}
.friend-link:hover{
  border-color:rgba(201,168,76,.7);
  color:var(--gold-light);
  transform:translateY(-2px);
  background:linear-gradient(160deg,rgba(40,34,22,.95),rgba(20,18,14,.9));
  box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 20px rgba(201,168,76,.12),inset 0 1px 0 rgba(232,213,163,.12);
}
.friend-link:hover::before{opacity:1}
.friend-link .dot{
  width:5px;height:5px;border-radius:50%;
  background:rgba(201,168,76,.35);
  box-shadow:0 0 0 0 rgba(201,168,76,0);
  transition:background .25s,box-shadow .25s;
  flex-shrink:0;
}
.friend-link:hover .dot{
  background:linear-gradient(145deg,var(--gold-light),var(--gold));
  box-shadow:0 0 8px rgba(201,168,76,.55);
}
.friend-link .en{font-family:'Noto Sans SC',sans-serif;letter-spacing:.08em}
.friend-link .cn{font-size:.78rem;color:rgba(154,144,128,.85);letter-spacing:.04em;margin-left:2px}
.friend-link:hover .cn{color:rgba(232,213,163,.75)}

/* Footer */
.footer{
  padding:56px 0 44px;text-align:center;position:relative;
  border-top:1px solid rgba(201,168,76,.18);
  background:linear-gradient(180deg,rgba(14,13,11,.6),#0a0a0a);
}
.footer::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:180px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,213,163,.55),transparent);
}
.footer-logo{
  display:inline-flex;align-items:baseline;justify-content:center;gap:12px;
  font-family:'Noto Serif SC',serif;font-size:1.2rem;color:var(--gold);
  margin-bottom:6px;letter-spacing:.06em;font-weight:700;
}
.footer-logo .en{
  display:inline;font-family:'Noto Sans SC',sans-serif;font-size:.72rem;
  letter-spacing:.32em;color:var(--gold-light);font-weight:500;
}
.footer-logo .sep{color:var(--gold-dim);font-weight:400;opacity:.75;font-size:.95rem}
.footer-logo .cn{letter-spacing:.1em}
.footer-tag{
  font-size:.68rem;letter-spacing:.28em;color:rgba(201,168,76,.55);
  margin-bottom:18px;text-transform:uppercase;
}
.footer p{font-size:.78rem;color:var(--muted);line-height:2}
.footer-links{display:flex;justify-content:center;gap:28px;margin:20px 0 8px;font-size:.8rem;color:var(--muted);letter-spacing:.08em}
.footer-links a{transition:color .2s}
.footer-links a:hover{color:var(--gold)}


@media (max-width:1100px){
  .hero-phones{right:16px;width:260px;height:440px;transform:translateY(-46%)}
  .hero-phones .phone-a{width:130px;right:118px;top:16px}
  .hero-phones .phone-b{width:140px;right:0;top:72px}
  .hero h1{font-size:3.4rem}
  .hero-copy{max-width:420px}
  .feat-grid{grid-template-columns:repeat(2,1fr)}
  .dl-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .nav-links{display:none}
  .feat-grid,.dl-grid{grid-template-columns:1fr}
  .hero h1{font-size:2.8rem}
  .hero-phones{display:none}
  .version-item{grid-template-columns:72px 14px 1fr;gap:0 12px}.ver-meta{text-align:left}
  .hero-stats{gap:28px}
  .logo .en{display:none}
}