*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0E1613;--bg2:#131D19;--card:#16211C;--gold:#C9A227;--gold2:#E3C766;
  --line:rgba(201,162,39,.28);--ink:#F4F1E8;--dim:#9BA8A2;--dim2:#6F7C76}
body{background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",-apple-system,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
header{position:sticky;top:0;z-index:9;backdrop-filter:blur(12px);background:rgba(14,22,19,.88);border-bottom:1px solid rgba(201,162,39,.16)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:40px;height:40px;border-radius:6px;object-fit:cover}
.brand b{font-size:17px;letter-spacing:.06em}
.brand span{font-size:11px;color:var(--dim2);letter-spacing:.22em;display:block}
.menu{display:flex;gap:25px;font-size:14px;color:var(--dim)}
.menu a:hover,.menu a.on{color:var(--gold2)}
.btn{display:inline-block;padding:11px 26px;border-radius:4px;font-size:14px;letter-spacing:.05em;transition:.25s;border:1px solid var(--gold);color:var(--gold2);background:transparent}
.btn:hover{background:var(--gold);color:#101A16}
.btn.solid{background:var(--gold);color:#101A16;border-color:var(--gold)}
.btn.solid:hover{background:var(--gold2)}
.crumb{font-size:13px;color:var(--dim2);padding:22px 0 0}
.crumb a:hover{color:var(--gold2)}
.phero{padding:34px 0 44px;background:radial-gradient(800px 380px at 85% -20%,rgba(201,162,39,.12),transparent 62%),linear-gradient(180deg,#0E1613,#111B17);border-bottom:1px solid rgba(201,162,39,.14)}
.phero .kicker{display:inline-block;font-size:12px;letter-spacing:.28em;color:var(--gold);border:1px solid var(--line);padding:5px 13px;border-radius:99px;margin-bottom:20px}
.phero h1{font-size:clamp(26px,3.6vw,44px);font-weight:800;line-height:1.35}
.phero p{margin-top:16px;color:var(--dim);font-size:15.5px;max-width:720px}
section{padding:60px 0}
.h2{font-size:clamp(20px,2.4vw,28px);font-weight:800}
.h2:before{content:"";display:block;width:34px;height:2px;background:var(--gold);margin-bottom:18px}
.lead{color:var(--dim);margin-top:12px;font-size:15px;max-width:700px}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.tag{border:1px solid var(--line);border-radius:5px;padding:10px 14px;font-size:13px;color:var(--dim);display:flex;align-items:center;gap:8px}
.tag b{color:var(--gold2);font-weight:700;font-size:15px}
.tag.wide{border-color:rgba(201,162,39,.55)}
.box{background:var(--card);border:1px solid rgba(201,162,39,.16);border-radius:8px;padding:26px 24px;margin-top:18px}
.box h3{font-size:17px;margin-bottom:8px}
.box p{color:var(--dim);font-size:14px}
.ph{border:1px dashed rgba(201,162,39,.35);border-radius:8px;padding:40px 24px;text-align:center;color:var(--dim2);font-size:14px;background:rgba(22,33,28,.5);margin-top:24px}
.ph b{color:var(--gold2)}
.contact-in{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.qr{display:flex;gap:22px;align-items:center;background:var(--card);border:1px solid rgba(201,162,39,.2);border-radius:8px;padding:22px}
.qr img{width:132px;border-radius:6px;background:#fff;padding:6px}
.qr .qt{font-size:14px;color:var(--dim)}
.qr .qt b{display:block;font-size:17px;color:var(--ink);margin-bottom:6px}
form{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
input{flex:1;min-width:180px;background:#101A16;border:1px solid rgba(201,162,39,.22);border-radius:5px;padding:13px 14px;color:var(--ink);font-size:14px;font-family:inherit}
input::placeholder{color:var(--dim2)}
input:focus{outline:none;border-color:var(--gold)}
footer{border-top:1px solid rgba(201,162,39,.16);padding:30px 0;font-size:12.5px;color:var(--dim2)}
.foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
@media(max-width:900px){
  header .nav, .nav{display:flex;flex-wrap:wrap;height:auto;padding:10px 0 8px;gap:8px;justify-content:space-between}
  .menu{display:flex;order:3;width:100%;gap:18px;overflow-x:auto;font-size:13.5px;
        padding:2px 0 6px;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .menu a{flex:0 0 auto}
  .hero-in,.contact-in{grid-template-columns:1fr;gap:34px}
  .portrait{max-width:320px}
  .stats-in{grid-template-columns:repeat(2,1fr);gap:26px 0}
  .stat:nth-child(2){border:0}
  .blocks,.prob-list{grid-template-columns:1fr}
  section{padding:56px 0}
}