:root{--bga:#12121c;--bgb:#1a1a28;--bgc:#22223a;--txp:#f5e6cc;--txs:#b8a892;--txt:#786a5a;--gd:#c9955a;--gd2:#a67a3e;--gd3:#e8c888;--dg:#5c4a38;--bd:rgba(201,149,90,.12);--bd2:rgba(201,149,90,.25);--fn:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--ff:'Prompt','Segoe UI',sans-serif}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:18px}
body{font-family:var(--fn);background:var(--bga);color:var(--txp);line-height:1.7;min-height:100vh;background-image:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(201,149,90,.012) 40px,rgba(201,149,90,.012) 41px)}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
a{color:var(--gd);text-decoration:none;transition:.3s}a:hover{color:var(--gd3)}
::selection{background:var(--gd);color:var(--bga)}
.btn{display:inline-flex;align-items:center;padding:9px 26px;font-size:.66rem;font-weight:600;letter-spacing:1.5px;transition:.35s;cursor:pointer;font-family:var(--ff);text-transform:uppercase;position:relative}
.btn-s{border:1px solid var(--gd);color:var(--gd);background:transparent}
.btn-s:hover{background:var(--gd);color:var(--bga)}
.btn-o{border:1px solid var(--txs);color:var(--txs);background:transparent;opacity:.7}
.btn-o:hover{border-color:var(--gd3);color:var(--gd3);opacity:1}
section{padding:40px 0}
.st{font-family:var(--ff);font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--txp);margin-bottom:4px}
.st .hl{color:var(--gd)}
.st-s{font-size:.42rem;letter-spacing:5px;color:var(--txt);font-family:var(--ff);text-transform:uppercase;font-weight:500;margin-bottom:2px;display:flex;align-items:center;gap:6px}
.st-hr{width:36px;height:2px;background:var(--gd);margin:6px 0 16px}
@media(max-width:768px){
  .gr2,.gr3,.gr4{grid-template-columns:1fr!important}
  .hmb{display:block!important}
}