@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&display=swap');

*{box-sizing:border-box}
:root{--bg:#04131a;--deep:#031017;--gold:#d8ad56;--jade:#69c3bb;--text:#eff4f2;--muted:#86a6a8}
body{margin:0;min-height:100vh;color:var(--text);font-family:Georgia,"Times New Roman",serif;background:radial-gradient(circle at 50% -20%,#123845 0,transparent 45%),linear-gradient(#061923,#031015)}
a{text-decoration:none;color:inherit}.mist{position:fixed;pointer-events:none;border-radius:50%;filter:blur(85px);opacity:.12}.m1{width:420px;height:280px;left:-80px;top:160px;background:#6fb8c0}.m2{width:460px;height:320px;right:-90px;bottom:40px;background:#9b783a}
.header{position:sticky;top:0;z-index:10;background:rgba(3,14,19,.86);border-bottom:1px solid rgba(216,173,86,.18);backdrop-filter:blur(10px)}
.header-inner{width:min(1180px,calc(100% - 40px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:13px}.seal{display:grid;place-items:center;width:44px;height:44px;border:1px solid #8b6d35;color:#e4c274;font-size:1.2rem;transform:rotate(45deg)}.brand span:last-child{display:flex;flex-direction:column}.brand strong{font-size:1rem;color:#ecd08a}.brand small{margin-top:4px;font-family:Arial,sans-serif;font-size:.62rem;letter-spacing:.15em;color:#6da29e;text-transform:uppercase}
nav{display:flex;gap:8px}nav a{font-family:Arial,sans-serif;padding:9px 12px;font-size:.78rem;color:#90a7a8;border-bottom:1px solid transparent}nav a:hover,nav .active{color:#fff;border-color:#b88d42}
.shell{width:min(1180px,calc(100% - 40px));margin:auto;padding:40px 0 58px}
.hero{position:relative;min-height:350px;display:flex;align-items:center;padding:48px 54px;overflow:hidden;border:1px solid rgba(216,173,86,.2);background:linear-gradient(115deg,rgba(5,26,34,.96),rgba(3,16,22,.92));box-shadow:0 28px 80px rgba(0,0,0,.24)}
.hero:after{content:"";position:absolute;inset:14px;border:1px solid rgba(216,173,86,.08);pointer-events:none}.hero-copy{position:relative;z-index:2}.kicker,.tag{font-family:Arial,sans-serif;color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.17em}.hero h1{margin:12px 0 18px;font-size:clamp(3.8rem,7vw,6.2rem);line-height:.86;font-weight:500}.hero h1 em{font-style:normal;color:#e6c77e}.hero p:last-child{max-width:520px;color:#89a4a5;font-size:.96rem;line-height:1.65}
.hero-symbol{position:absolute;right:72px;top:50%;transform:translateY(-50%);width:140px;height:140px;border:1px solid rgba(216,173,86,.28);border-radius:50%;display:grid;place-items:center;color:#d5ad58;font-size:2.3rem;box-shadow:0 0 50px rgba(216,173,86,.08)}
.mountains{position:absolute;right:0;bottom:0;width:55%;height:80%;opacity:.16}.mountain{position:absolute;bottom:0;background:linear-gradient(160deg,#82a9a7,#264852);clip-path:polygon(50% 0,100% 100%,0 100%)}.mountain.a{width:300px;height:230px;right:170px}.mountain.b{width:390px;height:300px;right:-20px}.mountain.c{width:220px;height:170px;right:380px}
.ornament{display:flex;align-items:center;justify-content:center;gap:15px;margin:28px 0}.ornament span{width:100px;height:1px;background:linear-gradient(90deg,transparent,#8b6d35)}.ornament span:last-child{transform:scaleX(-1)}.ornament b{color:#b98f45;font-weight:400}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.scroll-card{position:relative;min-height:185px;padding:24px 27px;border:1px solid rgba(216,173,86,.17);background:linear-gradient(145deg,rgba(9,31,37,.88),rgba(4,19,25,.92));transition:.2s}.scroll-card:before{content:"";position:absolute;left:13px;top:13px;bottom:13px;width:1px;background:linear-gradient(transparent,rgba(216,173,86,.28),transparent)}.scroll-card:hover{transform:translateY(-3px);border-color:rgba(216,173,86,.4);background:linear-gradient(145deg,rgba(11,38,44,.95),rgba(5,22,28,.96))}
.scroll-card h2{margin:10px 0 10px;font-size:1.28rem;font-weight:500;color:#f0ddaa}.scroll-card p{max-width:520px;color:#83a1a2;line-height:1.45;font-size:.86rem}.arrow{position:absolute;left:27px;bottom:22px;color:#d0aa5b;font-family:Arial,sans-serif;font-size:.72rem;font-weight:700}.wide{grid-column:1/-1}
footer{border-top:1px solid rgba(216,173,86,.13);min-height:88px}.bottom{margin:0;height:88px}.bottom p{margin:0;color:#7f9898;font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:780px){.header-inner{padding:14px 0;align-items:flex-start;flex-direction:column;gap:10px}nav{overflow:auto;width:100%}.hero{padding:36px 27px}.hero-symbol,.mountains{display:none}.cards{grid-template-columns:1fr}.wide{grid-column:auto}.support{grid-template-columns:1fr;align-items:flex-start}.hero h1{font-size:4rem}}


.utility-hub{
  margin-top:22px;
  display:grid;
  grid-template-columns:1fr 1fr 1.12fr;
  gap:12px;
}
.utility-card{
  min-width:0;
  min-height:132px;
  padding:18px 20px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  border:1px solid rgba(216,173,86,.18);
  background:linear-gradient(145deg,rgba(8,28,34,.88),rgba(4,18,24,.94));
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:.2s ease;
}
.utility-card:hover{
  transform:translateY(-3px);
  border-color:rgba(216,173,86,.42);
  background:linear-gradient(145deg,rgba(11,38,44,.96),rgba(5,22,28,.98));
}
.utility-symbol{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,173,86,.28);
  border-radius:50%;
  color:#d5ad58;
}
.utility-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.utility-copy small{
  color:var(--gold);
  font-family:Arial,sans-serif;
  font-size:.61rem;
  font-weight:800;
  letter-spacing:.14em;
}
.utility-copy strong{
  margin:6px 0 5px;
  color:#f0ddaa;
  font-size:1.22rem;
  font-weight:500;
}
.utility-copy span{
  color:#83a1a2;
  font-size:.8rem;
  line-height:1.35;
}
.utility-arrow{
  color:#d0aa5b;
  font-family:Arial,sans-serif;
  font-size:1rem;
}
.donation-card{
  grid-template-columns:1fr auto;
}
.donation-qr{
  display:flex;
  align-items:center;
  gap:9px;
  padding:6px 8px;
  border:1px solid rgba(216,173,86,.15);
  background:rgba(3,15,20,.58);
}
.donation-qr img{
  width:70px;
  height:70px;
  display:block;
}
.donation-qr em{
  color:#d0aa5b;
  font-family:Arial,sans-serif;
  font-size:.65rem;
  font-style:normal;
  white-space:nowrap;
}

.community-modal[hidden]{display:none}
.community-modal{
  position:fixed;
  inset:0;
  z-index:100;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(1,9,13,.78);
  backdrop-filter:blur(8px);
}
.community-dialog{
  position:relative;
  width:min(92vw,540px);
  padding:30px;
  border:1px solid rgba(216,173,86,.32);
  background:linear-gradient(145deg,#0a242b,#05161d);
  box-shadow:0 30px 80px rgba(0,0,0,.5);
}
.community-dialog h2{
  margin:8px 0 7px;
  color:#f0ddaa;
  font-size:1.65rem;
  font-weight:500;
}
.community-dialog>p{
  margin:0 0 20px;
  color:#83a1a2;
  font-size:.88rem;
}
.community-close{
  position:absolute;
  top:12px;
  right:14px;
  width:34px;
  height:34px;
  border:1px solid rgba(216,173,86,.2);
  background:transparent;
  color:#d9b360;
  font-size:1.3rem;
  cursor:pointer;
}
.community-links{
  display:grid;
  gap:10px;
}
.community-links a{
  padding:14px 16px;
  border:1px solid rgba(216,173,86,.13);
  background:rgba(3,16,21,.55);
  transition:.18s ease;
}
.community-links a:hover{
  border-color:rgba(216,173,86,.38);
  transform:translateX(3px);
}
.community-links b{
  display:block;
  margin-bottom:4px;
  color:#efdcaa;
  font-size:.96rem;
  font-weight:500;
}
.community-links span{
  color:#7f9ea0;
  font-family:Arial,sans-serif;
  font-size:.74rem;
}

@media(max-width:900px){
  .utility-hub{
    grid-template-columns:1fr;
  }
}
@media(max-width:520px){
  .utility-card{
    min-height:118px;
    padding:16px;
  }
  .donation-card{
    grid-template-columns:1fr;
  }
  .donation-qr{
    justify-self:start;
  }
}


/* Wuxia Atmosphere v4 hero */
.hero-v4{
  position:relative;
  min-height:360px;
  display:flex;
  align-items:center;
  padding:48px 54px;
  overflow:hidden;
  border:1px solid rgba(216,173,86,.28);
  background:#061820;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.hero-v4:before{
  content:"";
  position:absolute;
  inset:14px;
  z-index:4;
  pointer-events:none;
  border:1px solid rgba(216,173,86,.10);
}
.hero-v4:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,15,21,.98) 0%,rgba(2,15,21,.92) 36%,rgba(2,15,21,.42) 62%,rgba(2,15,21,.15) 100%),
    linear-gradient(0deg,rgba(2,15,21,.42),transparent 42%);
}
.hero-art{
  position:absolute;
  inset:0 0 0 34%;
  z-index:0;
  background:
    url('images/hero-wuxia.webp') center right/cover no-repeat;
  opacity:.92;
}
.hero-shade{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 84% 28%,rgba(216,173,86,.10),transparent 18rem),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.20));
}
.hero-v4 .hero-copy{
  position:relative;
  z-index:5;
  width:min(62%,690px);
}
.hero-kicker-row{
  display:flex;
  align-items:center;
  gap:14px;
  width:min(390px,80%);
  margin-bottom:10px;
}
.hero-kicker-row .kicker{
  margin:0;
  white-space:nowrap;
}
.hero-kicker-row>span{
  width:100%;
  height:1px;
  background:linear-gradient(90deg,rgba(216,173,86,.72),transparent);
}
.hero-v4 h1{
  margin:8px 0 18px;
  font-size:clamp(4rem,7.4vw,6.7rem);
  line-height:.84;
  font-weight:500;
  letter-spacing:-.035em;
  text-shadow:0 4px 22px rgba(0,0,0,.28);
}
.hero-v4 h1 em{
  display:inline-block;
  color:#e8c773;
  font-style:normal;
  text-shadow:0 0 28px rgba(216,173,86,.10);
}
.hero-v4 .hero-copy>p{
  max-width:570px;
  margin:0;
  color:#9cb3b3;
  font-size:.96rem;
  line-height:1.62;
}
.hero-seal{
  position:absolute;
  z-index:5;
  right:6.5%;
  top:50%;
  width:144px;
  height:144px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
}
.hero-seal .seal-ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(216,173,86,.36);
}
.hero-seal .seal-ring-one{
  inset:0;
  box-shadow:0 0 42px rgba(216,173,86,.07);
}
.hero-seal .seal-ring-two{
  inset:20px;
  border-color:rgba(216,173,86,.20);
}
.hero-seal:before,
.hero-seal:after{
  content:"";
  position:absolute;
  background:linear-gradient(90deg,transparent,rgba(216,173,86,.42),transparent);
}
.hero-seal:before{
  width:175px;
  height:1px;
}
.hero-seal:after{
  width:1px;
  height:175px;
  background:linear-gradient(0deg,transparent,rgba(216,173,86,.35),transparent);
}
.hero-seal b{
  position:relative;
  z-index:2;
  color:#e2b65b;
  font-size:2.2rem;
  font-weight:400;
  filter:drop-shadow(0 0 10px rgba(216,173,86,.18));
}

.bottom p{
  letter-spacing:.10em;
}

@media(max-width:900px){
  .hero-art{inset:0;opacity:.50}
  .hero-v4:after{
    background:linear-gradient(90deg,rgba(2,15,21,.96),rgba(2,15,21,.73) 70%,rgba(2,15,21,.55));
  }
  .hero-v4 .hero-copy{width:76%}
  .hero-seal{right:4%;width:116px;height:116px}
}
@media(max-width:700px){
  .hero-v4{
    min-height:330px;
    padding:38px 28px;
  }
  .hero-v4 .hero-copy{width:100%}
  .hero-v4 h1{font-size:4rem}
  .hero-seal{display:none}
  .hero-art{inset:0;opacity:.38}
  .hero-v4:after{
    background:linear-gradient(90deg,rgba(2,15,21,.98),rgba(2,15,21,.78));
  }
}


/* =========================
   Wuxia Atmosphere v5
   Global atmosphere unification
   ========================= */
body.wuxia-site-v5{
  position:relative;
  background:
    radial-gradient(circle at 50% 0%, rgba(112,90,42,.11) 0%, transparent 28%),
    radial-gradient(circle at 15% 22%, rgba(58,94,97,.10) 0%, transparent 24%),
    radial-gradient(circle at 85% 18%, rgba(80,66,40,.08) 0%, transparent 26%),
    linear-gradient(180deg, #07151b 0%, #041117 32%, #031015 68%, #041219 100%);
  overflow-x:hidden;
}
body.wuxia-site-v5:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(ellipse at bottom left, rgba(52,85,88,.12), transparent 38%),
    radial-gradient(ellipse at bottom right, rgba(78,61,33,.10), transparent 34%);
}
body.wuxia-site-v5:after{
  content:"";
  position:fixed;
  left:0; right:0; bottom:0;
  height:48vh;
  z-index:-1;
  pointer-events:none;
  opacity:.17;
  background:
    linear-gradient(180deg, transparent 0%, rgba(2,12,17,.35) 30%, rgba(2,12,17,.78) 100%),
    radial-gradient(ellipse at center bottom, rgba(145,117,61,.10), transparent 55%);
  clip-path: polygon(0 82%, 7% 68%, 14% 78%, 22% 60%, 30% 76%, 39% 58%, 47% 75%, 56% 62%, 66% 80%, 74% 57%, 84% 74%, 92% 61%, 100% 79%, 100% 100%, 0 100%);
}

.mist{
  opacity:.07;
  filter:blur(95px);
}
.m1{
  background:#567c7f;
  top:210px;
}
.m2{
  background:#876d3f;
  bottom:120px;
}

.header{
  background:rgba(3,14,19,.92);
  border-bottom:1px solid rgba(216,173,86,.16);
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.header-inner{
  min-height:78px;
}
nav a{
  color:#93a6a4;
}
nav a:hover, nav .active{
  border-color:#bf9550;
  color:#f6edd2;
}

.shell{
  position:relative;
  padding:46px 0 62px;
}
.shell:before{
  content:"";
  position:absolute;
  inset:220px -80px 0 -80px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 35% 16%, rgba(124,95,48,.05), transparent 22%),
    radial-gradient(circle at 72% 12%, rgba(74,110,110,.05), transparent 20%),
    linear-gradient(180deg, transparent 0%, rgba(6,20,25,.18) 14%, rgba(5,17,22,.38) 55%, transparent 100%);
}

.hero-v4{
  border-color:rgba(216,173,86,.24);
  box-shadow:0 24px 72px rgba(0,0,0,.26);
}
.hero-v4:after{
  background:
    linear-gradient(90deg, rgba(4,16,21,.98) 0%, rgba(4,16,21,.92) 34%, rgba(4,16,21,.56) 61%, rgba(4,16,21,.20) 100%),
    linear-gradient(180deg, rgba(4,16,21,.16), rgba(4,16,21,.20) 55%, rgba(4,16,21,.52) 100%);
}
.hero-shade{
  background:
    radial-gradient(circle at 83% 28%, rgba(216,173,86,.09), transparent 18rem),
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.26));
}
.hero-v4 .hero-copy>p{
  color:#a6b7b7;
}
.hero-v4{
  margin-bottom:4px;
}
.ornament{
  margin:24px 0 26px;
}
.ornament span{
  background:linear-gradient(90deg, transparent, rgba(191,149,80,.85));
}
.ornament b{
  color:#c59d57;
}

/* Section cards made more atmospheric */
.cards{
  gap:14px;
}
.scroll-card{
  overflow:hidden;
  border:1px solid rgba(216,173,86,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
    linear-gradient(145deg, rgba(7,24,30,.92), rgba(3,15,20,.96));
  box-shadow:0 16px 34px rgba(0,0,0,.14);
}
.scroll-card:before{
  background:linear-gradient(transparent, rgba(216,173,86,.30), transparent);
}
.scroll-card:after{
  content:"";
  position:absolute;
  inset:auto -28px -36px auto;
  width:160px;
  height:160px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(216,173,86,.07), transparent 62%);
  pointer-events:none;
}
.scroll-card:hover{
  border-color:rgba(216,173,86,.32);
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)),
    linear-gradient(145deg, rgba(9,29,35,.96), rgba(4,18,24,.98));
  box-shadow:0 18px 36px rgba(0,0,0,.18);
}
.scroll-card h2{
  color:#f2dfaa;
}
.scroll-card p{
  color:#8ea7a9;
}
.arrow{
  color:#d6af62;
}

/* Bottom utility cards aligned with hero tone */
.utility-hub{
  gap:14px;
  margin-top:24px;
}
.utility-card{
  border:1px solid rgba(216,173,86,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0)),
    linear-gradient(145deg, rgba(8,26,32,.92), rgba(4,17,23,.96));
  box-shadow:0 15px 30px rgba(0,0,0,.13);
}
.utility-card:hover{
  border-color:rgba(216,173,86,.34);
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    linear-gradient(145deg, rgba(10,31,37,.97), rgba(5,19,25,.99));
  box-shadow:0 18px 36px rgba(0,0,0,.18);
}
.utility-symbol{
  border-color:rgba(216,173,86,.24);
  color:#d9b360;
}
.utility-copy strong{
  color:#f2dfaa;
}
.utility-copy span{
  color:#8ea7a9;
}
.donation-qr{
  border-color:rgba(216,173,86,.13);
  background:rgba(4,16,21,.58);
}

.community-dialog{
  background:
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
    linear-gradient(145deg,#0a242b,#05161d);
}
.community-links a{
  background:rgba(4,17,22,.62);
}
.community-links span{
  color:#87a3a5;
}

footer{
  border-top:1px solid rgba(216,173,86,.11);
}
.bottom p{
  color:#88a0a1;
}


/* =========================
   Wuxia Atmosphere v6
   Clean background pass
   ========================= */

/* Remove large ambient blobs / stains */
body.wuxia-site-v5{
  background:
    linear-gradient(180deg,
      #07161d 0%,
      #06141b 28%,
      #051219 62%,
      #041017 100%);
}

body.wuxia-site-v5:before,
body.wuxia-site-v5:after{
  content:none !important;
  display:none !important;
}

.mist{
  display:none !important;
}

.shell:before{
  content:none !important;
  display:none !important;
}

/* Clean header */
.header{
  background:rgba(3,14,19,.94);
  box-shadow:none;
}

/* Hero remains atmospheric, but controlled inside itself */
.hero-v4{
  background:#061820;
  box-shadow:0 20px 52px rgba(0,0,0,.22);
}

/* Cleaner separator */
.ornament{
  opacity:.9;
}
.ornament span{
  background:linear-gradient(90deg,transparent,rgba(184,143,70,.68));
}

/* Flat elegant cards */
.scroll-card{
  background:linear-gradient(180deg,#071a22 0%,#06171e 100%) !important;
  box-shadow:none !important;
}
.scroll-card:after{
  content:none !important;
}
.scroll-card:hover{
  background:linear-gradient(180deg,#091f28 0%,#071a22 100%) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.14) !important;
}

/* Clean utility area */
.utility-card{
  background:linear-gradient(180deg,#071a22 0%,#06171e 100%) !important;
  box-shadow:none !important;
}
.utility-card:hover{
  background:linear-gradient(180deg,#091f28 0%,#071a22 100%) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.14) !important;
}

.donation-qr{
  background:#06151b !important;
}

/* Modal also cleaner */
.community-dialog{
  background:linear-gradient(180deg,#0a222a,#06171e) !important;
}
.community-links a{
  background:#071920 !important;
}

/* Footer cleaner */
footer{
  background:#041017;
}


/* =========================
   Wuxia Atmosphere v7
   Decorated section cards
   ========================= */

.cards{
  gap:16px;
}

.scroll-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(216,173,86,.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0) 28%),
    radial-gradient(circle at 84% 18%, rgba(216,173,86,.055), transparent 20%),
    radial-gradient(circle at 18% 78%, rgba(88,125,126,.06), transparent 24%),
    linear-gradient(145deg, #081c24 0%, #06171e 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 0 0 1px rgba(0,0,0,.08),
    0 12px 24px rgba(0,0,0,.10);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.scroll-card:before{
  content:"";
  position:absolute;
  left:14px;
  top:14px;
  bottom:14px;
  width:1px;
  background:linear-gradient(transparent, rgba(216,173,86,.34), transparent);
}

.scroll-card:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(216,173,86,.16), rgba(216,173,86,0) 42%) left 18px top 18px / 30px 1px no-repeat,
    linear-gradient(180deg, rgba(216,173,86,.16), rgba(216,173,86,0) 42%) left 18px top 18px / 1px 30px no-repeat,
    linear-gradient(270deg, rgba(216,173,86,.16), rgba(216,173,86,0) 42%) right 18px bottom 18px / 30px 1px no-repeat,
    linear-gradient(0deg, rgba(216,173,86,.16), rgba(216,173,86,0) 42%) right 18px bottom 18px / 1px 30px no-repeat;
}

.scroll-card:hover{
  border-color:rgba(216,173,86,.34);
  background:
    linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,0) 28%),
    radial-gradient(circle at 84% 18%, rgba(216,173,86,.085), transparent 22%),
    radial-gradient(circle at 18% 78%, rgba(88,125,126,.075), transparent 26%),
    linear-gradient(145deg, #0a1f28 0%, #071a22 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 16px 30px rgba(0,0,0,.14),
    0 0 0 1px rgba(216,173,86,.05);
  transform:translateY(-3px);
}

.scroll-card .tag,
.scroll-card .label{
  color:#d9b15e;
}

.scroll-card h2{
  position:relative;
  margin:12px 0 12px;
  color:#f3e0ab;
  text-shadow:0 1px 0 rgba(0,0,0,.16), 0 0 18px rgba(216,173,86,.045);
}

.scroll-card p{
  color:#93abad;
  max-width:90%;
}

.arrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 0;
  color:#ddb766;
  font-size:.73rem;
  font-weight:700;
  letter-spacing:.01em;
}

.arrow::after{
  content:"";
  width:26px;
  height:1px;
  background:linear-gradient(90deg, rgba(221,183,102,.85), rgba(221,183,102,0));
}

/* Slightly richer utility cards too, but softer than main sections */
.utility-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0) 30%),
    radial-gradient(circle at 82% 18%, rgba(216,173,86,.045), transparent 20%),
    linear-gradient(145deg, #081c24 0%, #06171e 100%) !important;
  border-color:rgba(216,173,86,.16);
}

.utility-card:hover{
  background:
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,0) 30%),
    radial-gradient(circle at 82% 18%, rgba(216,173,86,.07), transparent 22%),
    linear-gradient(145deg, #0a1f28 0%, #071a22 100%) !important;
}

.utility-copy strong{
  text-shadow:0 0 16px rgba(216,173,86,.035);
}


/* =========================
   Wuxia Atmosphere v11
   Decoration + motion pass
   ========================= */

/* QR: cleaner, no external label */
.donation-qr{
  justify-content:center;
  min-width:88px;
  padding:8px;
}
.donation-qr img{
  width:72px;
  height:72px;
  border:1px solid rgba(216,173,86,.20);
  box-shadow:
    0 0 0 3px rgba(216,173,86,.03),
    0 8px 18px rgba(0,0,0,.18);
}

/* Animated decorative particles */
.wuxia-particles{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.wuxia-particles::before,
.wuxia-particles::after{
  content:"";
  position:absolute;
  inset:-20%;
  background-image:
    radial-gradient(circle, rgba(216,173,86,.72) 0 1px, transparent 1.6px),
    radial-gradient(circle, rgba(216,173,86,.38) 0 1px, transparent 1.5px);
  background-size:170px 170px, 250px 250px;
  background-position:20px 35px, 90px 120px;
  opacity:.15;
  animation:wuxiaParticleDrift 28s linear infinite;
}
.wuxia-particles::after{
  opacity:.08;
  transform:scale(1.2);
  animation-duration:42s;
  animation-direction:reverse;
}

@keyframes wuxiaParticleDrift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(90px,-130px,0)}
}

/* Main shell above particles */
.header,
.shell,
footer{
  position:relative;
  z-index:2;
}

/* Hero decorative corners */
.hero-v4{
  transition:border-color .35s ease, box-shadow .35s ease;
}
.hero-v4:hover{
  border-color:rgba(216,173,86,.36);
  box-shadow:
    0 22px 58px rgba(0,0,0,.26),
    0 0 34px rgba(216,173,86,.025);
}
.hero-v4 .hero-art{
  animation:heroBreath 15s ease-in-out infinite alternate;
  transform-origin:center center;
}
@keyframes heroBreath{
  from{transform:scale(1.00) translate3d(0,0,0)}
  to{transform:scale(1.025) translate3d(-6px,-2px,0)}
}
.hero-seal{
  animation:sealFloat 6s ease-in-out infinite;
}
.hero-seal .seal-ring-one{
  animation:sealRotate 24s linear infinite;
}
.hero-seal .seal-ring-two{
  animation:sealRotateReverse 17s linear infinite;
}
@keyframes sealFloat{
  0%,100%{transform:translateY(-50%) translateY(0)}
  50%{transform:translateY(-50%) translateY(-5px)}
}
@keyframes sealRotate{
  to{transform:rotate(360deg)}
}
@keyframes sealRotateReverse{
  to{transform:rotate(-360deg)}
}

/* Ornament shimmer */
.ornament b{
  animation:ornamentGlow 3.8s ease-in-out infinite;
}
@keyframes ornamentGlow{
  0%,100%{opacity:.65;filter:drop-shadow(0 0 0 rgba(216,173,86,0))}
  50%{opacity:1;filter:drop-shadow(0 0 7px rgba(216,173,86,.22))}
}

/* Cards: local glow + moving detail */
.scroll-card{
  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease;
}
.scroll-card::after{
  transition:opacity .3s ease, transform .45s ease;
}
.scroll-card:hover::after{
  opacity:1;
  transform:translate3d(-5px,0,0);
}
.scroll-card:hover{
  transform:translateY(-4px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 16px 34px rgba(0,0,0,.16),
    0 0 28px rgba(216,173,86,.035);
}

/* “Подробнее” animated line */
.arrow{
  position:relative;
}
.arrow::after{
  transform-origin:left center;
  transition:transform .25s ease, opacity .25s ease;
}
.scroll-card:hover .arrow::after{
  transform:scaleX(1.45);
  opacity:1;
}

/* Utility cards */
.utility-card{
  position:relative;
  overflow:hidden;
}
.utility-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    110deg,
    transparent 0%,
    transparent 42%,
    rgba(216,173,86,.035) 50%,
    transparent 58%,
    transparent 100%
  );
  transform:translateX(-120%);
  transition:transform .65s ease;
}
.utility-card:hover::after{
  transform:translateX(120%);
}
.utility-card:hover{
  box-shadow:
    0 14px 28px rgba(0,0,0,.14),
    0 0 24px rgba(216,173,86,.025);
}

/* Reveal animations */
.reveal,
.reveal-card{
  opacity:0;
  transform:translateY(18px);
  transition:
    opacity .7s ease,
    transform .7s cubic-bezier(.2,.7,.2,1);
}
.reveal-card{
  transition-delay:var(--reveal-delay,0ms);
}
.reveal.is-visible,
.reveal-card.is-visible{
  opacity:1;
  transform:translateY(0);
}
.reveal-hero{
  transform:translateY(12px) scale(.992);
}
.reveal-hero.is-visible{
  transform:translateY(0) scale(1);
}

/* Decorative animated accent on top navigation */
nav a{
  position:relative;
}
nav a::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:4px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,173,86,.8),transparent);
  transform:scaleX(0);
  transition:transform .25s ease;
}
nav a:hover::after,
nav a.active::after{
  transform:scaleX(1);
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  .reveal,
  .reveal-card{
    opacity:1 !important;
    transform:none !important;
  }
}


/* =========================
   Wuxia Atmosphere v12
   Refined Wuxia pass
   ========================= */

body.wuxia-site-v5{
  background:
    linear-gradient(180deg,#07161d 0%,#06141b 34%,#051219 68%,#041017 100%);
}
body.wuxia-site-v5::before{
  content:"";
  position:fixed;
  left:0; right:0; bottom:0;
  height:32vh;
  z-index:-2;
  pointer-events:none;
  opacity:.14;
  background:linear-gradient(180deg,transparent 0%,rgba(2,11,15,.12) 25%,rgba(2,11,15,.72) 100%);
  clip-path:polygon(
    0 88%, 7% 74%, 14% 82%, 22% 65%, 31% 78%,
    40% 62%, 48% 77%, 58% 67%, 67% 82%, 76% 61%,
    85% 76%, 93% 66%, 100% 80%, 100% 100%, 0 100%
  );
}
body.wuxia-site-v5::after{
  content:"";
  position:fixed;
  left:0; right:0; bottom:0;
  height:20vh;
  z-index:-1;
  pointer-events:none;
  opacity:.08;
  background:linear-gradient(180deg,transparent,rgba(120,101,63,.06),rgba(2,10,14,.52));
}

.shell{
  padding-top:38px;
  padding-bottom:56px;
}
.ornament{
  margin:20px 0 22px;
}
.cards{
  gap:14px;
}

.scroll-card{
  min-height:176px;
  padding:24px 28px;
  border:1px solid rgba(216,173,86,.24) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0) 28%),
    radial-gradient(circle at 88% 18%,rgba(216,173,86,.045),transparent 22%),
    linear-gradient(145deg,#081b23 0%,#06171e 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(216,173,86,.025),
    0 9px 20px rgba(0,0,0,.08);
}

.scroll-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(216,173,86,.62),transparent) left 14px top 14px/44px 1px no-repeat,
    linear-gradient(180deg,rgba(216,173,86,.62),transparent) left 14px top 14px/1px 44px no-repeat,
    linear-gradient(270deg,rgba(216,173,86,.48),transparent) right 14px bottom 14px/38px 1px no-repeat,
    linear-gradient(0deg,rgba(216,173,86,.48),transparent) right 14px bottom 14px/1px 38px no-repeat;
}

.scroll-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 84% 20%,rgba(216,173,86,.055),transparent 20%),
    radial-gradient(circle at 18% 82%,rgba(88,125,126,.04),transparent 22%);
}
.scroll-card > *{
  position:relative;
  z-index:2;
}

.scroll-card:hover{
  transform:translateY(-3px);
  border-color:rgba(216,173,86,.42) !important;
  box-shadow:
    inset 0 0 0 1px rgba(216,173,86,.04),
    0 14px 28px rgba(0,0,0,.13),
    0 0 24px rgba(216,173,86,.025);
}

.scroll-card .tag{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#deb55f;
}
.scroll-card .tag::after{
  content:"";
  width:38px;
  height:1px;
  background:linear-gradient(90deg,rgba(216,173,86,.56),transparent);
}

.scroll-card h2{
  margin:11px 0 10px;
  font-size:1.34rem;
  color:#f3dfab;
}
.scroll-card p{
  max-width:92%;
  color:#9bb0b1;
  line-height:1.48;
}

.arrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(216,173,86,.14);
  background:rgba(216,173,86,.025);
  color:#e0b862;
  font-size:.71rem;
  transition:
    border-color .22s ease,
    background .22s ease,
    transform .22s ease;
}
.arrow::after{
  content:"→";
  width:auto;
  height:auto;
  background:none;
  font-size:.95rem;
  transition:transform .22s ease;
}
.scroll-card:hover .arrow{
  border-color:rgba(216,173,86,.32);
  background:rgba(216,173,86,.055);
}
.scroll-card:hover .arrow::after{
  transform:translateX(3px);
}

.scroll-card.wide{
  min-height:164px;
  border-color:rgba(216,173,86,.30) !important;
}
.scroll-card.wide::before{
  background:
    linear-gradient(90deg,rgba(216,173,86,.74),transparent) left 14px top 14px/62px 1px no-repeat,
    linear-gradient(180deg,rgba(216,173,86,.62),transparent) left 14px top 14px/1px 44px no-repeat,
    linear-gradient(270deg,rgba(216,173,86,.56),transparent) right 14px bottom 14px/54px 1px no-repeat,
    linear-gradient(0deg,rgba(216,173,86,.48),transparent) right 14px bottom 14px/1px 38px no-repeat;
}

.utility-copy span,
.community-links span{
  color:#8fa8a9;
}

.donation-card{
  border-color:rgba(216,173,86,.20);
}
.donation-qr{
  position:relative;
}
.donation-qr::before{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(216,173,86,.08);
  pointer-events:none;
}

.wuxia-particles::before,
.wuxia-particles::after{
  opacity:.10;
}


/* =========================
   Wuxia Atmosphere v13
   Section intro + card symbols
   ========================= */

.guide-section-intro{
  margin:0 0 18px;
  text-align:center;
}
.guide-section-intro .tag{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#d9b15f;
  font-size:.66rem;
  letter-spacing:.16em;
}
.guide-section-intro .tag::before,
.guide-section-intro .tag::after{
  content:"";
  width:54px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,173,86,.48));
}
.guide-section-intro .tag::after{
  transform:scaleX(-1);
}
.guide-section-intro h2{
  margin:9px 0 7px;
  color:#f1ddaa;
  font-size:1.45rem;
  font-weight:500;
}
.guide-section-intro>p:last-child{
  margin:0;
  color:#879fa1;
  font-size:.82rem;
}

/* Card layout polish */
.scroll-card{
  position:relative;
  padding-top:25px;
  padding-bottom:26px;
}
.card-mini-icon{
  position:absolute !important;
  left:20px;
  top:18px;
  z-index:3;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,173,86,.22);
  border-radius:50%;
  color:#dcb35e;
  font-size:.68rem;
  background:rgba(5,18,24,.68);
  box-shadow:0 0 14px rgba(216,173,86,.035);
}
.scroll-card .tag{
  margin-left:30px;
}

.card-bg-symbol{
  position:absolute !important;
  right:26px;
  top:50%;
  transform:translateY(-50%);
  z-index:1;
  color:rgba(216,173,86,.052);
  font-size:5.4rem;
  line-height:1;
  font-weight:400;
  pointer-events:none;
  user-select:none;
}

/* Slight veil so background symbol never interferes with text */
.scroll-card > h2,
.scroll-card > p,
.scroll-card > .arrow,
.scroll-card > .tag,
.scroll-card > .card-mini-icon{
  position:relative;
  z-index:3;
}

/* Footer action row feel */
.arrow{
  margin-top:5px;
  border:none !important;
  background:transparent !important;
  padding:0 !important;
  min-height:auto !important;
  font-size:.72rem;
  letter-spacing:.02em;
}
.arrow::before{
  content:"";
  width:32px;
  height:1px;
  margin-right:2px;
  background:linear-gradient(90deg,rgba(216,173,86,.56),transparent);
}
.arrow::after{
  content:"→";
  font-size:.95rem;
}
.scroll-card:hover .arrow{
  background:transparent !important;
}
.scroll-card:hover .arrow::before{
  width:42px;
}

/* More breathing room in title + description */
.scroll-card h2{
  margin-top:13px;
}
.scroll-card p{
  margin-bottom:17px;
}

/* Wide card background symbol slightly larger */
.scroll-card.wide .card-bg-symbol{
  font-size:6.5rem;
  right:42px;
  opacity:.9;
}

/* Mobile */
@media(max-width:700px){
  .guide-section-intro .tag::before,
  .guide-section-intro .tag::after{
    width:30px;
  }
  .card-bg-symbol{
    font-size:4rem;
    right:18px;
  }
}


/* =========================
   Wuxia Atmosphere v14
   Cleaner card decoration
   ========================= */

/* Remove previous mini icon styling completely */
.card-mini-icon{
  display:none !important;
}

/* Reset tag offset caused by removed icon */
.scroll-card .tag{
  margin-left:0 !important;
  display:inline-flex;
  align-items:center;
  gap:10px;
}

/* Replace icon with a fine line + diamond */
.scroll-card .tag::after{
  content:"";
  width:58px;
  height:1px;
  background:
    linear-gradient(90deg,
      rgba(216,173,86,.62) 0%,
      rgba(216,173,86,.62) 43%,
      transparent 43%,
      transparent 57%,
      rgba(216,173,86,.26) 57%,
      transparent 100%);
  position:relative;
}

.scroll-card .tag::before{
  content:"◇";
  order:2;
  margin-left:1px;
  color:rgba(216,173,86,.74);
  font-size:.58rem;
  line-height:1;
}

/* Keep only one arrow visually */
.arrow::after{
  content:"" !important;
  display:none !important;
}

/* Cleaner action line */
.arrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.arrow::before{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,rgba(216,173,86,.58),transparent);
  transition:width .22s ease;
}
.scroll-card:hover .arrow::before{
  width:44px;
}

/* Slightly strengthen corners since icon is gone */
.scroll-card::before{
  background:
    linear-gradient(90deg,rgba(216,173,86,.66),transparent) left 14px top 14px/48px 1px no-repeat,
    linear-gradient(180deg,rgba(216,173,86,.58),transparent) left 14px top 14px/1px 42px no-repeat,
    linear-gradient(270deg,rgba(216,173,86,.46),transparent) right 14px bottom 14px/40px 1px no-repeat,
    linear-gradient(0deg,rgba(216,173,86,.42),transparent) right 14px bottom 14px/1px 36px no-repeat;
}


/* =========================
   Wuxia Atmosphere v25
   Calm unified hero-matched background
   ========================= */

/* One continuous background across the whole page */
body.wuxia-site-v5{
  background-color:#06151b !important;
  background-image:
    linear-gradient(
      180deg,
      rgba(3,14,19,.30) 0%,
      rgba(3,14,19,.38) 40%,
      rgba(3,14,19,.48) 72%,
      rgba(3,14,19,.58) 100%
    ),
    url('images/site-bg-v25.webp') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
  animation:none !important;
}

/* Remove every old decorative/pseudo background layer */
body.wuxia-site-v5::before,
body.wuxia-site-v5::after,
.shell::before,
.shell::after{
  content:none !important;
  display:none !important;
}

.page-decor-v20,
.temple-corner-v20,
.mountain-ridge-v20,
.mist-v20,
.page-scenery-v18,
.page-scenery-image,
.page-scenery-mist,
.page-scenery-mountains,
.guide-zone-backdrop{
  display:none !important;
}

/* No separate "box" background behind the guide section */
.guide-zone-v21{
  background:transparent !important;
  border:none !important;
  overflow:visible !important;
}

/* Cards stay dark, but the unified background can softly show around them */
.guide-zone-v21 .scroll-card,
.guide-zone-v21 .utility-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,0) 28%),
    linear-gradient(145deg,rgba(6,24,31,.88),rgba(4,19,25,.92)) !important;
  border-color:rgba(216,173,86,.22) !important;
  backdrop-filter:blur(5px);
  box-shadow:
    0 12px 28px rgba(0,0,0,.14),
    inset 0 0 0 1px rgba(255,255,255,.01);
}

/* Hero remains the richest element */
.hero-v4{
  box-shadow:
    0 26px 64px rgba(0,0,0,.30),
    0 0 0 1px rgba(216,173,86,.02);
}

/* Header/footer blend into the same page */
.header{
  background:rgba(3,14,19,.90) !important;
  backdrop-filter:blur(10px);
}
footer{
  background:rgba(3,14,19,.42) !important;
  backdrop-filter:blur(5px);
}

/* Keep particles extremely subtle */
.wuxia-particles::before,
.wuxia-particles::after{
  opacity:.025 !important;
}

@media(max-width:900px){
  body.wuxia-site-v5{
    background-attachment:scroll !important;
    background-position:center top !important;
  }
}


/* =========================
   Wuxia Atmosphere v26
   Ash + mist + rare embers
   ========================= */

.mist-layer-v26,
.ash-layer-v26,
.ember-layer-v26{
  position:fixed;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}

.mist-layer-v26{
  z-index:0;
  top:auto;
  height:34vh;
  bottom:0;
  opacity:.28;
  background:
    radial-gradient(ellipse at 28% 100%,
      rgba(105,127,128,.08) 0%,
      rgba(76,97,98,.04) 36%,
      transparent 68%),
    radial-gradient(ellipse at 78% 95%,
      rgba(122,109,76,.045) 0%,
      rgba(77,69,49,.02) 32%,
      transparent 66%);
  filter:blur(10px);
  animation:mistDriftV26 26s ease-in-out infinite alternate;
}

@keyframes mistDriftV26{
  0%{transform:translate3d(-2%,0,0) scale(1.02)}
  50%{transform:translate3d(2%,-1%,0) scale(1.05)}
  100%{transform:translate3d(5%,0,0) scale(1.02)}
}

.ash-layer-v26{
  z-index:3;
}

.ember-layer-v26{
  z-index:3;
}

.ash-particle-v26,
.ember-particle-v26{
  position:absolute;
  top:-8vh;
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  opacity:0;
  will-change:transform,opacity;
}

.ash-particle-v26{
  background:rgba(184,194,193,.72);
  box-shadow:0 0 4px rgba(184,194,193,.10);
  animation:ashFallV26 var(--duration) linear var(--delay) infinite;
}

@keyframes ashFallV26{
  0%{
    transform:translate3d(0,-8vh,0) rotate(0deg);
    opacity:0;
  }
  10%{opacity:var(--opacity)}
  82%{opacity:var(--opacity)}
  100%{
    transform:translate3d(var(--drift),112vh,0) rotate(260deg);
    opacity:0;
  }
}

.ember-particle-v26{
  background:rgba(224,183,93,.92);
  box-shadow:
    0 0 5px rgba(224,183,93,.20),
    0 0 11px rgba(224,183,93,.10);
  animation:emberFallV26 var(--duration) ease-in-out var(--delay) infinite;
}

@keyframes emberFallV26{
  0%{
    transform:translate3d(0,-8vh,0) scale(.7);
    opacity:0;
  }
  12%{opacity:.38}
  45%{opacity:.18}
  70%{opacity:.34}
  100%{
    transform:translate3d(var(--drift),108vh,0) scale(1.05);
    opacity:0;
  }
}

/* Keep page content above mist, while particles can pass visually over empty areas */
.header,
.shell,
footer{
  position:relative;
  z-index:2;
}

/* Prevent particles from looking too strong over cards */
.scroll-card,
.utility-card,
.hero-v4{
  position:relative;
  z-index:4;
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .mist-layer-v26,
  .ash-particle-v26,
  .ember-particle-v26{
    animation:none !important;
  }
  .ash-layer-v26,
  .ember-layer-v26{
    display:none !important;
  }
}


/* =========================
   Wuxia Atmosphere v27
   Remove forum + stronger falling decoration
   ========================= */

/* Two equal bottom cards only */
.utility-hub{
  grid-template-columns:1fr 1fr !important;
}
.forum-card{
  display:none !important;
}

/* Make falling decoration clearly visible */
.ash-layer-v26,
.ember-layer-v26{
  z-index:20 !important;
}

.ash-particle-v26{
  background:rgba(203,210,207,.82) !important;
  box-shadow:
    0 0 4px rgba(203,210,207,.12),
    0 0 9px rgba(203,210,207,.05) !important;
}

.ember-particle-v26{
  background:rgba(232,191,98,.96) !important;
  box-shadow:
    0 0 6px rgba(232,191,98,.28),
    0 0 14px rgba(232,191,98,.14) !important;
}

/* Give ash a less "snow-like" irregular shape */
.ash-particle-v26:nth-child(3n){
  border-radius:30% 70% 60% 40%;
}
.ash-particle-v26:nth-child(4n){
  border-radius:70% 30% 40% 60%;
}
.ash-particle-v26:nth-child(5n){
  width:calc(var(--size) * 1.6);
  height:calc(var(--size) * .55);
  border-radius:70% 30% 70% 30%;
}

/* Slow rotating drift */
@keyframes ashFallV26{
  0%{
    transform:translate3d(0,-10vh,0) rotate(0deg);
    opacity:0;
  }
  8%{opacity:var(--opacity)}
  30%{
    transform:translate3d(calc(var(--drift) * .28),28vh,0) rotate(75deg);
  }
  60%{
    transform:translate3d(calc(var(--drift) * -.15),64vh,0) rotate(165deg);
    opacity:var(--opacity);
  }
  88%{opacity:calc(var(--opacity) * .8)}
  100%{
    transform:translate3d(var(--drift),112vh,0) rotate(300deg);
    opacity:0;
  }
}

@keyframes emberFallV26{
  0%{
    transform:translate3d(0,-8vh,0) scale(.65) rotate(0deg);
    opacity:0;
  }
  10%{opacity:.55}
  35%{
    transform:translate3d(calc(var(--drift) * .4),32vh,0) scale(.85) rotate(70deg);
    opacity:.30;
  }
  65%{
    transform:translate3d(calc(var(--drift) * -.2),67vh,0) scale(1) rotate(150deg);
    opacity:.45;
  }
  100%{
    transform:translate3d(var(--drift),110vh,0) scale(1.1) rotate(260deg);
    opacity:0;
  }
}

/* Keep clickable content above the decorative layers where needed */
.header{
  z-index:50 !important;
}
.community-modal{
  z-index:100 !important;
}

/* But particles are visible across hero/cards */
.hero-v4,
.scroll-card,
.utility-card{
  overflow:hidden;
}

/* =========================
   v29 — subtle individual card backgrounds
   ========================= */
.guide-zone-v21 .scroll-card{
  position:relative;
  isolation:isolate;
  background-color:rgba(4,24,31,.94) !important;
  background-image:
    linear-gradient(115deg, rgba(5,25,32,.98) 0%, rgba(5,25,32,.92) 58%, rgba(13,38,43,.76) 100%),
    radial-gradient(circle at 88% 22%, rgba(211,164,74,.10), transparent 34%),
    linear-gradient(135deg, transparent 0 70%, rgba(75,139,142,.07) 70% 71%, transparent 71% 100%) !important;
  box-shadow:inset 0 0 34px rgba(23,72,76,.10);
}
.guide-zone-v21 .scroll-card:nth-child(2){
  background-image:
    linear-gradient(115deg, rgba(5,25,32,.98) 0%, rgba(5,25,32,.91) 57%, rgba(17,38,40,.78) 100%),
    radial-gradient(ellipse at 86% 78%, rgba(191,143,65,.09), transparent 38%),
    linear-gradient(28deg, transparent 0 73%, rgba(97,151,147,.055) 73% 74%, transparent 74%) !important;
}
.guide-zone-v21 .scroll-card:nth-child(3){
  background-image:
    linear-gradient(115deg, rgba(5,25,32,.98) 0%, rgba(5,25,32,.91) 59%, rgba(10,36,42,.78) 100%),
    radial-gradient(circle at 84% 34%, rgba(87,149,151,.095), transparent 36%),
    linear-gradient(145deg, transparent 0 74%, rgba(211,164,74,.05) 74% 75%, transparent 75%) !important;
}
.guide-zone-v21 .scroll-card:nth-child(4){
  background-image:
    linear-gradient(115deg, rgba(5,25,32,.98) 0%, rgba(5,25,32,.92) 57%, rgba(20,37,38,.77) 100%),
    radial-gradient(ellipse at 90% 24%, rgba(202,151,66,.085), transparent 36%),
    linear-gradient(35deg, transparent 0 76%, rgba(84,142,143,.055) 76% 77%, transparent 77%) !important;
}
.guide-zone-v21 .scroll-card:nth-child(5){
  background-image:
    linear-gradient(105deg, rgba(5,25,32,.98) 0%, rgba(5,25,32,.92) 62%, rgba(13,39,44,.76) 100%),
    radial-gradient(ellipse at 78% 48%, rgba(201,154,68,.09), transparent 32%),
    linear-gradient(150deg, transparent 0 79%, rgba(82,145,145,.055) 79% 80%, transparent 80%) !important;
}
.guide-zone-v21 .scroll-card::before{
  content:"" !important;
  position:absolute !important;
  inset:8px !important;
  pointer-events:none !important;
  border:1px solid rgba(197,153,67,.055) !important;
  opacity:1 !important;
  background:none !important;
  transform:none !important;
}
.guide-zone-v21 .scroll-card:hover{
  background-color:rgba(5,27,34,.97) !important;
  box-shadow:inset 0 0 42px rgba(37,91,91,.14),0 10px 30px rgba(0,0,0,.16) !important;
}


/* =========================
   Wuxia Atmosphere v30
   Unified typography + denser guide cards
   ========================= */

:root{
  --site-font: Georgia, "Times New Roman", serif;
}

/* One font family across the entire home page */
html, body, button, input, textarea, select,
.site-header, .hero-v4, .scroll-card, .utility-card,
.section-heading, .section-kicker, .card-kicker,
h1, h2, h3, p, a, span{
  font-family:var(--site-font) !important;
}

/* Preserve hierarchy through weight/spacing rather than another font */
.site-brand-subtitle,
.nav-link,
.card-kicker,
.section-kicker,
.hero-kicker{
  letter-spacing:.09em;
}

/* Cards were visually too empty: increase type and tighten vertical space */
.scroll-card{
  min-height:0 !important;
  padding:28px 30px 25px !important;
}

.scroll-card h2,
.scroll-card h3{
  font-size:clamp(23px, 1.55vw, 29px) !important;
  line-height:1.16 !important;
  margin-top:10px !important;
  margin-bottom:13px !important;
}

.scroll-card p{
  font-size:clamp(16px, 1.02vw, 18px) !important;
  line-height:1.62 !important;
  max-width:94%;
  margin-bottom:16px !important;
}

.scroll-card .card-kicker{
  font-size:13px !important;
  line-height:1.25 !important;
}

.scroll-card .more-link,
.scroll-card .card-link,
.scroll-card [class*="more"]{
  font-size:15px !important;
}

/* Let the wide Game Content card be compact too */
.scroll-card:last-child{
  min-height:0 !important;
}

/* Responsive */
@media (max-width:760px){
  .scroll-card{
    padding:23px 22px !important;
  }
  .scroll-card h2,
  .scroll-card h3{
    font-size:23px !important;
  }
  .scroll-card p{
    font-size:16px !important;
    max-width:100%;
  }
}


/* =========================
   Wuxia Atmosphere v31
   Centered bottom CTA in guide cards
   ========================= */

.scroll-card{
  display:flex !important;
  flex-direction:column !important;
}

/* Keep the CTA at the bottom center of every card */
.scroll-card .more-link,
.scroll-card .card-link,
.scroll-card [class*="more"]{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  margin-top:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  min-width:160px;
  min-height:42px;
  padding:10px 22px !important;
  font-size:17px !important;
  line-height:1 !important;
  text-align:center !important;
  font-weight:700 !important;
}

/* Remove decorative side line that made the CTA look off-center */
.scroll-card .more-link::before,
.scroll-card .more-link::after,
.scroll-card .card-link::before,
.scroll-card .card-link::after,
.scroll-card [class*="more"]::before,
.scroll-card [class*="more"]::after{
  display:none !important;
}

@media (max-width:760px){
  .scroll-card .more-link,
  .scroll-card .card-link,
  .scroll-card [class*="more"]{
    min-width:150px;
    min-height:40px;
    font-size:16px !important;
  }
}


/* =========================
   Wuxia Atmosphere v32
   CTA moved lower to marked position
   ========================= */

.scroll-card{
  padding-bottom:22px !important;
}

/* Put "Подробнее" at the visual bottom-center, below the description */
.scroll-card .more-link,
.scroll-card .card-link,
.scroll-card [class*="more"]{
  position:relative !important;
  margin-top:auto !important;
  margin-bottom:0 !important;
  align-self:center !important;
  transform:translateY(8px);
  min-width:190px !important;
  min-height:42px !important;
  justify-content:center !important;
  text-align:center !important;
}


/* =========================
   Wuxia Atmosphere v33
   FIX: real bottom-centered "Подробнее"
   ========================= */

/* Cards become true vertical layouts */
.scroll-card,
.guide-card,
[class*="guide-card"]{
  display:flex !important;
  flex-direction:column !important;
  position:relative !important;
  padding-bottom:72px !important;
}

/* Explicitly position the actual CTA at bottom center */
.guide-cta-v33{
  position:absolute !important;
  left:50% !important;
  bottom:20px !important;
  top:auto !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  width:auto !important;
  min-width:180px !important;
  min-height:38px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  z-index:5 !important;
}

/* Remove the old little line around the link */
.guide-cta-v33::before,
.guide-cta-v33::after{
  display:none !important;
  content:none !important;
}

@media(max-width:760px){
  .scroll-card,
  .guide-card,
  [class*="guide-card"]{
    padding-bottom:66px !important;
  }
  .guide-cta-v33{
    bottom:17px !important;
    min-width:160px !important;
    font-size:16px !important;
  }
}

/* =========================
   Wuxia Atmosphere v34
   User requested fixes
   ========================= */

body.wuxia-site-v34{
  overflow-x:hidden;
}

/* Header: keep only one visible title on the page (inside hero) */
.wuxia-site-v34 .brand{
  gap:14px;
}
.wuxia-site-v34 .brand-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.wuxia-site-v34 .brand-copy small{
  margin-top:0;
  color:#d6b66d;
  font-size:.72rem;
  letter-spacing:.26em;
}
.wuxia-site-v34 .seal-icon{
  width:52px;
  height:52px;
  border:1px solid rgba(216,173,86,.75);
  transform:rotate(45deg);
  background:linear-gradient(180deg,rgba(8,28,36,.92),rgba(4,17,23,.98));
  box-shadow:0 0 0 1px rgba(216,173,86,.06), 0 10px 22px rgba(0,0,0,.16);
}
.wuxia-site-v34 .seal-icon img{
  width:18px;
  height:18px;
  display:block;
  transform:rotate(-45deg);
  filter:drop-shadow(0 0 4px rgba(216,173,86,.10));
}

/* More obvious gentle motion */
.wuxia-site-v34 .hero-v4{
  overflow:hidden;
}
.wuxia-site-v34 .hero-v4::before{
  box-shadow:0 0 0 rgba(216,173,86,0);
  animation:heroFramePulseV34 6s ease-in-out infinite;
}
@keyframes heroFramePulseV34{
  0%,100%{opacity:.78; box-shadow:0 0 0 rgba(216,173,86,0)}
  50%{opacity:1; box-shadow:0 0 16px rgba(216,173,86,.06)}
}
.wuxia-site-v34 .hero-shade::after{
  content:"";
  position:absolute;
  inset:-15% auto -15% -35%;
  width:36%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent);
  animation:heroSweepV34 13s ease-in-out infinite;
  pointer-events:none;
}
@keyframes heroSweepV34{
  0%, 100%{transform:translateX(0) skewX(-18deg); opacity:0}
  12%{opacity:.0}
  40%{opacity:.32}
  62%{opacity:0}
  100%{transform:translateX(320%) skewX(-18deg)}
}

/* Number alignment */
.wuxia-site-v34 .scroll-card .tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}
.wuxia-site-v34 .scroll-card .tag-num{
  display:inline-block;
  min-width:2ch;
  text-align:right;
}
.wuxia-site-v34 .scroll-card .tag-sep{
  opacity:.85;
}
.wuxia-site-v34 .scroll-card .tag-label{
  letter-spacing:.12em;
}

/* Card light shimmer */
.wuxia-site-v34 .guide-zone-v21 .scroll-card,
.wuxia-site-v34 .guide-zone-v21 .utility-card{
  position:relative;
}
.wuxia-site-v34 .guide-zone-v21 .scroll-card::after,
.wuxia-site-v34 .guide-zone-v21 .utility-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 0%, transparent 45%, rgba(216,173,86,.045) 50%, transparent 56%, transparent 100%);
  transform:translateX(-130%);
  animation:cardSweepV34 11s ease-in-out infinite;
}
.wuxia-site-v34 .guide-zone-v21 .utility-card::after{
  animation-duration:13s;
}
@keyframes cardSweepV34{
  0%, 70%, 100%{transform:translateX(-130%)}
  24%{transform:translateX(130%)}
}

/* Make falling ash / embers actually present and subtle */
.wuxia-site-v34 .ash-layer-v26,
.wuxia-site-v34 .ember-layer-v26,
.wuxia-site-v34 .mist-layer-v26{
  display:block !important;
}
.wuxia-site-v34 .ash-layer-v26,
.wuxia-site-v34 .ember-layer-v26{
  mix-blend-mode:screen;
}
.wuxia-site-v34 .ash-layer-v26{ z-index:8 !important; }
.wuxia-site-v34 .ember-layer-v26{ z-index:9 !important; }
.wuxia-site-v34 .ash-particle-v26{
  background:rgba(202,208,204,.78) !important;
}
.wuxia-site-v34 .ember-particle-v26{
  background:rgba(228,186,90,.90) !important;
}

/* Keep active content above particles, modal above everything */
.wuxia-site-v34 .header{z-index:50 !important;}
.wuxia-site-v34 .community-modal{z-index:100 !important;}

@media (max-width:760px){
  .wuxia-site-v34 .brand-copy small{
    font-size:.64rem;
    letter-spacing:.2em;
  }
  .wuxia-site-v34 .seal-icon{
    width:46px;
    height:46px;
  }
}


/* =========================
   Wuxia Atmosphere v39
   Restore rich image-based design + requested refinements
   ========================= */

[hidden]{display:none !important;}

/* Header mark: round, no hieroglyph */
.wuxia-site-v39 .brand{gap:14px;}
.wuxia-site-v39 .round-brand-icon{
  width:52px;
  height:52px;
  flex:0 0 52px;
  position:relative;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(216,173,86,.62);
  background:
    radial-gradient(circle at 50% 50%,rgba(216,173,86,.06),transparent 56%),
    linear-gradient(180deg,rgba(7,29,37,.95),rgba(3,17,23,.98));
  box-shadow:inset 0 0 0 1px rgba(216,173,86,.06),0 0 22px rgba(216,173,86,.035);
}
.wuxia-site-v39 .round-brand-icon::before,
.wuxia-site-v39 .round-brand-icon::after,
.wuxia-site-v39 .round-brand-core::before,
.wuxia-site-v39 .round-brand-core::after{
  content:"";
  position:absolute;
}
.wuxia-site-v39 .round-brand-icon::before{
  inset:9px;
  border-radius:50%;
  border:1px solid rgba(216,173,86,.22);
  border-left-color:transparent;
  transform:rotate(20deg);
}
.wuxia-site-v39 .round-brand-icon::after{
  width:10px;
  height:10px;
  background:linear-gradient(135deg,#efd17f,#bd8f3e);
  clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);
  filter:drop-shadow(0 0 6px rgba(216,173,86,.28));
}
.wuxia-site-v39 .round-brand-core{
  width:100%;
  height:100%;
  position:relative;
}
.wuxia-site-v39 .round-brand-core::before{
  width:5px;height:5px;border-radius:50%;
  background:rgba(216,173,86,.72);
  left:12px;top:25px;
  box-shadow:22px -12px 0 rgba(216,173,86,.58),24px 13px 0 rgba(216,173,86,.42);
}
.wuxia-site-v39 .brand-copy small{
  color:#78a8a4;
  letter-spacing:.22em;
  font-size:.7rem;
}

/* Restore the rich hero image from the earlier version */
.wuxia-site-v39 .hero-art{
  background:url('images/hero-wuxia.webp') center right/cover no-repeat !important;
  opacity:.92 !important;
}
.wuxia-site-v39 .hero-v4::after{
  background:
    linear-gradient(90deg,rgba(2,15,21,.98) 0%,rgba(2,15,21,.92) 36%,rgba(2,15,21,.42) 62%,rgba(2,15,21,.15) 100%),
    linear-gradient(0deg,rgba(2,15,21,.42),transparent 42%) !important;
}

/* Keep digits + letters on one exact baseline */
.wuxia-site-v39 .scroll-card .tag{
  display:grid !important;
  grid-template-columns:2.4ch auto auto minmax(30px,58px);
  align-items:center !important;
  column-gap:8px !important;
  min-height:18px;
  margin-left:0 !important;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
  line-height:1 !important;
}
.wuxia-site-v39 .scroll-card .tag-num,
.wuxia-site-v39 .scroll-card .tag-sep,
.wuxia-site-v39 .scroll-card .tag-label{
  display:block !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  align-self:center !important;
}
.wuxia-site-v39 .scroll-card .tag-num{text-align:right;min-width:2.4ch;}
.wuxia-site-v39 .scroll-card .tag::before{content:none !important;display:none !important;}
.wuxia-site-v39 .scroll-card .tag::after{
  content:"" !important;
  display:block !important;
  width:100% !important;
  height:1px !important;
  background:linear-gradient(90deg,rgba(216,173,86,.5),transparent) !important;
  position:static !important;
}

/* Six equal cards: game content + other */
.wuxia-site-v39 .cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.wuxia-site-v39 .scroll-card.wide{grid-column:auto !important;}

/* Falling leaves share the same reusable foreground atmosphere */
.wuxia-site-v39 .leaf-layer-v39{
  position:fixed;
  inset:0;
  z-index:19;
  pointer-events:none;
  overflow:hidden;
}
.wuxia-site-v39 .leaf-particle-v39{
  position:absolute;
  top:-8vh;
  width:var(--leaf-size);
  height:calc(var(--leaf-size)*.56);
  border-radius:100% 0 100% 0;
  border:1px solid rgba(216,173,86,.16);
  background:linear-gradient(135deg,rgba(201,177,119,.26),rgba(102,139,130,.18));
  opacity:0;
  animation:leafFallV39 var(--leaf-duration) linear var(--leaf-delay) infinite;
  will-change:transform,opacity;
}
@keyframes leafFallV39{
  0%{transform:translate3d(0,-8vh,0) rotate(10deg);opacity:0;}
  12%{opacity:.22;}
  48%{transform:translate3d(calc(var(--leaf-drift)*.35),48vh,0) rotate(180deg);opacity:.18;}
  100%{transform:translate3d(var(--leaf-drift),110vh,0) rotate(410deg);opacity:0;}
}

/* Future tabs can reuse these layers unchanged */
.wuxia-site-v39 .ash-layer-v26,
.wuxia-site-v39 .ember-layer-v26,
.wuxia-site-v39 .leaf-layer-v39{display:block !important;}

@media(max-width:760px){
  .wuxia-site-v39 .round-brand-icon{width:46px;height:46px;flex-basis:46px;}
  .wuxia-site-v39 .cards{grid-template-columns:1fr !important;}
}


/* =========================
   Wuxia Atmosphere v40
   Header identity + favicon + larger navigation text
   ========================= */

.wuxia-site-v40 .header-inner{
  min-height:82px !important;
}

.wuxia-site-v40 .brand{
  gap:13px !important;
  align-items:center !important;
}

.wuxia-site-v40 .v40-brand-image{
  width:56px !important;
  height:56px !important;
  flex:0 0 56px !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

.wuxia-site-v40 .v40-brand-image::before,
.wuxia-site-v40 .v40-brand-image::after{
  content:none !important;
  display:none !important;
}

.wuxia-site-v40 .v40-brand-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
  filter:drop-shadow(0 0 10px rgba(216,173,86,.14));
}

.wuxia-site-v40 .brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:3px !important;
}

.wuxia-site-v40 .brand-copy strong{
  display:block !important;
  color:#f0d997 !important;
  font-size:1.15rem !important;
  line-height:1.05 !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
}

.wuxia-site-v40 .brand-copy small{
  display:block !important;
  color:#76a4a5 !important;
  font-size:.68rem !important;
  line-height:1.15 !important;
  letter-spacing:.16em !important;
}

/* Larger top navigation text */
.wuxia-site-v40 nav{
  gap:34px !important;
}

.wuxia-site-v40 nav a{
  font-size:1rem !important;
  line-height:1 !important;
  padding:10px 8px 13px !important;
  letter-spacing:.01em !important;
}

.wuxia-site-v40 nav a::after{
  left:4px !important;
  right:4px !important;
  bottom:5px !important;
}

@media(max-width:760px){
  .wuxia-site-v40 .v40-brand-image{
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
  }
  .wuxia-site-v40 .brand-copy strong{font-size:1rem !important;}
  .wuxia-site-v40 .brand-copy small{font-size:.58rem !important;}
  .wuxia-site-v40 nav{gap:14px !important;}
  .wuxia-site-v40 nav a{font-size:.92rem !important;}
}


/* =========================
   Wuxia Atmosphere v41
   Fixed hero numeral / Cyrillic baseline
   ========================= */

.wuxia-site-v41 .hero-title-v41{
  margin:8px 0 18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:0 !important;
  font-size:clamp(4rem,7.4vw,6.7rem) !important;
  line-height:.84 !important;
  font-weight:500 !important;
  letter-spacing:-.035em !important;
  text-shadow:0 4px 22px rgba(0,0,0,.28) !important;
}

.wuxia-site-v41 .hero-title-main-v41{
  display:block !important;
  line-height:.84 !important;
  color:#f3efea !important;
}

.wuxia-site-v41 .hero-title-accent-v41{
  display:flex !important;
  align-items:baseline !important;
  gap:.12em !important;
  line-height:.84 !important;
  margin-top:.06em !important;
  color:#e8c773 !important;
  white-space:nowrap !important;
}

.wuxia-site-v41 .hero-nine-v41,
.wuxia-site-v41 .hero-yin-v41{
  display:inline-block !important;
  font:inherit !important;
  line-height:1 !important;
  color:#e8c773 !important;
  vertical-align:baseline !important;
  position:relative !important;
  top:0 !important;
  transform:none !important;
}

/* Optical correction for this serif font: keep both glyph groups visually level */
.wuxia-site-v41 .hero-nine-v41{
  min-width:.72em;
  text-align:left;
}

.wuxia-site-v41 .hero-yin-v41{
  margin-left:-.02em;
}

@media(max-width:700px){
  .wuxia-site-v41 .hero-title-v41{
    font-size:4rem !important;
  }
}


/* =========================
   Wuxia Atmosphere v42
   Optical numeral alignment fix
   ========================= */

/* Keep the second hero line in one optical row */
.wuxia-site-v42 .hero-title-accent-v42{
  display:flex !important;
  align-items:flex-start !important;
  gap:.12em !important;
  line-height:.84 !important;
  margin-top:.06em !important;
  white-space:nowrap !important;
  color:#e8c773 !important;
}

.wuxia-site-v42 .hero-nine-v42,
.wuxia-site-v42 .hero-yin-v42{
  display:inline-block !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:1em !important;
  font-weight:500 !important;
  line-height:1 !important;
  color:#e8c773 !important;
  vertical-align:top !important;
}

/* Georgia's 9 sits visually lower than Cyrillic capitals. Move only the numeral up. */
.wuxia-site-v42 .hero-nine-v42{
  position:relative !important;
  top:-.115em !important;
  min-width:.72em !important;
  text-align:left !important;
}

.wuxia-site-v42 .hero-yin-v42{
  position:relative !important;
  top:0 !important;
  margin-left:-.02em !important;
}

/* Small labels: numerals are aligned to the same optical center as letters */
.wuxia-site-v42 .scroll-card .tag-num{
  position:relative !important;
  top:-.035em !important;
  min-width:2.2ch !important;
  text-align:right !important;
  font-variant-numeric:lining-nums tabular-nums !important;
  font-feature-settings:"lnum" 1,"tnum" 1 !important;
}

.wuxia-site-v42 .scroll-card .tag-sep,
.wuxia-site-v42 .scroll-card .tag-label{
  position:relative !important;
  top:0 !important;
}

/* Footer numerals receive the same optical correction */
.wuxia-site-v42 .footer-nine-v42,
.wuxia-site-v42 .footer-year-v42{
  display:inline-block !important;
  position:relative !important;
  top:-.035em !important;
  font-variant-numeric:lining-nums tabular-nums !important;
  font-feature-settings:"lnum" 1,"tnum" 1 !important;
}

@media(max-width:700px){
  .wuxia-site-v42 .hero-nine-v42{top:-.10em !important;}
}


/* =========================
   Wuxia Atmosphere v43
   Footer regression fix
   ========================= */
/* Footer text stays a single plain text node. The generic .ornament span rule is only for the two side lines. */
.wuxia-site-v43 footer .bottom > span{
  width:100px !important;
  height:1px !important;
}
.wuxia-site-v43 footer .bottom p{
  display:block !important;
  white-space:nowrap !important;
  direction:ltr !important;
  unicode-bidi:normal !important;
  transform:none !important;
}


/* =========================
   Wuxia Atmosphere v44
   Clean alignment fix
   ========================= */

.wuxia-site-v44 .hero-title-v41{
  display:block !important;
  margin:8px 0 18px !important;
  font-size:clamp(4rem,7.4vw,6.7rem) !important;
  line-height:.84 !important;
  letter-spacing:-.035em !important;
}

.wuxia-site-v44 .hero-title-main-v41{
  display:block !important;
  line-height:.84 !important;
  color:#f3efea !important;
}

.wuxia-site-v44 .hero-title-accent-v42{
  display:inline-flex !important;
  align-items:flex-start !important;
  gap:0 !important;
  line-height:.84 !important;
  margin-top:.02em !important;
  white-space:nowrap !important;
  color:#e8c773 !important;
}

.wuxia-site-v44 .hero-nine-v42,
.wuxia-site-v44 .hero-yin-v42{
  display:inline-block !important;
  position:static !important;
  top:auto !important;
  transform:none !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:1em !important;
  font-weight:500 !important;
  line-height:.84 !important;
  color:#e8c773 !important;
  vertical-align:top !important;
}

.wuxia-site-v44 .hero-nine-v42{
  min-width:auto !important;
}

.wuxia-site-v44 .hero-yin-v42{
  margin-left:.03em !important;
}

.wuxia-site-v44 .scroll-card .tag{
  display:inline-flex !important;
  align-items:center !important;
  gap:.4rem !important;
}

.wuxia-site-v44 .scroll-card .tag-num,
.wuxia-site-v44 .scroll-card .tag-sep,
.wuxia-site-v44 .scroll-card .tag-label{
  position:static !important;
  top:auto !important;
  transform:none !important;
  line-height:1 !important;
}

.wuxia-site-v44 .scroll-card .tag-num{
  min-width:2ch !important;
  text-align:right !important;
  font-variant-numeric:lining-nums tabular-nums !important;
  font-feature-settings:"lnum" 1, "tnum" 1 !important;
}

.wuxia-site-v44 .site-footer-v44{
  border-top:1px solid rgba(216,173,86,.11) !important;
  margin-top:28px !important;
  padding:24px 0 30px !important;
}

.wuxia-site-v44 .footer-inner-v44{
  width:min(1120px, calc(100% - 48px)) !important;
  margin:0 auto !important;
  text-align:center !important;
  color:#88a0a1 !important;
  font-family:Arial, sans-serif !important;
  font-size:.78rem !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

@media(max-width:700px){
  .wuxia-site-v44 .hero-title-v41{
    font-size:4rem !important;
  }
}


/* =========================
   Wuxia Atmosphere v45
   Final typography alignment pass
   ========================= */

/* One consistent numeric system across the interface */
.wuxia-site-v45,
.wuxia-site-v45 *{
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
}

/* Header typography: same baseline and more readable size */
.wuxia-site-v45 .header-inner{
  align-items:center !important;
}

.wuxia-site-v45 .brand{
  align-items:center !important;
}

.wuxia-site-v45 .brand-copy{
  justify-content:center !important;
  line-height:1 !important;
}

.wuxia-site-v45 .brand-copy strong{
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:1.22rem !important;
  line-height:1.05 !important;
  margin:0 !important;
}

.wuxia-site-v45 .brand-copy small{
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:.72rem !important;
  line-height:1.1 !important;
  margin-top:5px !important;
}

.wuxia-site-v45 nav{
  align-items:center !important;
}

.wuxia-site-v45 nav a{
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:1.02rem !important;
  line-height:1 !important;
  padding:10px 12px 12px !important;
}

/* Hero title: 9 and Инь are one text run, so they cannot drift vertically */
.wuxia-site-v45 .hero-title-v41{
  display:block !important;
  margin:8px 0 18px !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:clamp(4rem,7.4vw,6.7rem) !important;
  line-height:.84 !important;
  letter-spacing:-.035em !important;
}

.wuxia-site-v45 .hero-title-main-v41,
.wuxia-site-v45 .hero-title-accent-v45{
  display:block !important;
  position:static !important;
  top:auto !important;
  transform:none !important;
  margin:0 !important;
  padding:0 !important;
  font:inherit !important;
  line-height:.84 !important;
}

.wuxia-site-v45 .hero-title-main-v41{
  color:#f3efea !important;
}

.wuxia-site-v45 .hero-title-accent-v45{
  margin-top:.04em !important;
  color:#e8c773 !important;
  white-space:nowrap !important;
}

/* Card labels: each label is now a single text run */
.wuxia-site-v45 .scroll-card .card-tag-v45{
  display:block !important;
  position:static !important;
  top:auto !important;
  transform:none !important;
  line-height:1 !important;
  min-height:1em !important;
  letter-spacing:.10em !important;
  white-space:nowrap !important;
  font-family:Georgia, "Times New Roman", serif !important;
}

/* Titles and body copy share predictable line boxes */
.wuxia-site-v45 .scroll-card h2{
  line-height:1.12 !important;
}

.wuxia-site-v45 .scroll-card p{
  line-height:1.58 !important;
}

/* Footer: one text node, same font family and numeric metrics */
.wuxia-site-v45 .footer-inner-v44{
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:.82rem !important;
  line-height:1 !important;
  letter-spacing:.10em !important;
  font-variant-numeric:lining-nums tabular-nums !important;
  font-feature-settings:"lnum" 1,"tnum" 1 !important;
}

@media(max-width:760px){
  .wuxia-site-v45 .brand-copy strong{font-size:1rem !important;}
  .wuxia-site-v45 .brand-copy small{font-size:.62rem !important;}
  .wuxia-site-v45 nav a{font-size:.92rem !important;}
}


/* =========================
   Wuxia Atmosphere v46
   Footer decorative lines restored
   ========================= */
.wuxia-site-v45 .footer-inner-v44{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.wuxia-site-v45 .footer-title-v46{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  white-space:nowrap !important;
}

.wuxia-site-v45 .footer-title-v46::before,
.wuxia-site-v45 .footer-title-v46::after{
  content:"";
  display:block;
  width:92px;
  max-width:18vw;
  height:1px;
  background:linear-gradient(90deg, rgba(216,173,86,0), rgba(216,173,86,.72), rgba(216,173,86,0));
  opacity:.95;
}

@media(max-width:700px){
  .wuxia-site-v45 .footer-title-v46{
    gap:12px !important;
  }
  .wuxia-site-v45 .footer-title-v46::before,
  .wuxia-site-v45 .footer-title-v46::after{
    width:56px;
  }
}


/* =========================
   Wuxia Atmosphere v48
   Empty section pages
   ========================= */
.wuxia-site-v48 .empty-page-v48{
  min-height:calc(100vh - 190px);
}


/* =========================
   Wuxia Atmosphere v49
   Taiwan official server page
   ========================= */

.wuxia-site-v49 .taiwan-page-v49{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
  padding:44px 0 64px;
}

.wuxia-site-v49 .taiwan-hero-v49{
  position:relative;
  min-height:290px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  padding:42px 48px;
  border:1px solid rgba(216,173,86,.24);
  background:
    linear-gradient(90deg,rgba(4,17,23,.97),rgba(5,26,34,.88)),
    url("images/hero-wuxia.webp") center/cover no-repeat;
  box-shadow:0 22px 60px rgba(0,0,0,.24);
  overflow:hidden;
}

.wuxia-site-v49 .taiwan-hero-v49::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 30%,rgba(216,173,86,.10),transparent 22%),
    linear-gradient(110deg,transparent 0 54%,rgba(216,173,86,.04) 60%,transparent 67%);
}

.wuxia-site-v49 .taiwan-hero-copy-v49{
  position:relative;
  z-index:2;
  max-width:760px;
}

.wuxia-site-v49 .taiwan-hero-copy-v49 h1{
  margin:12px 0 14px;
  font-size:clamp(3.4rem,6vw,5.6rem);
  line-height:.95;
  color:#f3efea;
}

.wuxia-site-v49 .taiwan-hero-copy-v49 > p{
  margin:0 0 12px;
  font-size:1.2rem;
  line-height:1.6;
  color:#a9b9b9;
}

.wuxia-site-v49 .taiwan-hero-copy-v49 .taiwan-lead-v49{
  font-size:1.35rem;
  color:#d8d4c7;
}

.wuxia-site-v49 .taiwan-hero-mark-v49{
  position:relative;
  z-index:2;
  flex:0 0 150px;
  width:150px;
  height:150px;
  border-radius:50%;
  border:1px solid rgba(216,173,86,.35);
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle,rgba(216,173,86,.08),rgba(6,22,28,.72) 64%),
    rgba(4,16,21,.72);
  box-shadow:inset 0 0 0 14px rgba(216,173,86,.025);
}

.wuxia-site-v49 .taiwan-hero-mark-v49 span{
  font-size:2.2rem;
  letter-spacing:.18em;
  color:#e0bd6d;
  font-weight:700;
}

.wuxia-site-v49 .taiwan-content-v49,
.wuxia-site-v49 .taiwan-patch-v49{
  margin-top:24px;
  border:1px solid rgba(216,173,86,.18);
  background:linear-gradient(145deg,rgba(8,27,34,.94),rgba(4,17,23,.97));
  box-shadow:0 16px 34px rgba(0,0,0,.14);
}

.wuxia-site-v49 .taiwan-content-v49{
  padding:34px 36px 36px;
}

.wuxia-site-v49 .taiwan-section-head-v49{
  max-width:780px;
  margin-bottom:26px;
}

.wuxia-site-v49 .taiwan-section-head-v49 h2,
.wuxia-site-v49 .taiwan-patch-copy-v49 h2{
  margin:12px 0 10px;
  color:#f0dfae;
  font-size:2.15rem;
  line-height:1.12;
}

.wuxia-site-v49 .taiwan-section-head-v49 > p:last-child,
.wuxia-site-v49 .taiwan-patch-copy-v49 > p{
  margin:0;
  color:#97aaab;
  font-size:1.08rem;
  line-height:1.6;
}

.wuxia-site-v49 .taiwan-steps-v49{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.wuxia-site-v49 .taiwan-step-v49{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:18px;
  padding:24px;
  border:1px solid rgba(216,173,86,.15);
  background:rgba(3,18,24,.58);
}

.wuxia-site-v49 .taiwan-step-num-v49{
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(216,173,86,.38);
  display:grid;
  place-items:center;
  color:#ddb762;
  font-size:.92rem;
  font-weight:700;
  line-height:1;
}

.wuxia-site-v49 .taiwan-step-body-v49 h3{
  margin:2px 0 9px;
  color:#efe2be;
  font-size:1.45rem;
}

.wuxia-site-v49 .taiwan-step-body-v49 > p{
  margin:0 0 16px;
  color:#a7b5b5;
  line-height:1.58;
}

.wuxia-site-v49 .taiwan-action-v49{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 16px;
  border:1px solid rgba(216,173,86,.28);
  color:#e5c16f;
  text-decoration:none;
  font-weight:700;
  background:rgba(216,173,86,.04);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.wuxia-site-v49 .taiwan-action-v49:hover{
  transform:translateY(-2px);
  border-color:rgba(216,173,86,.48);
  background:rgba(216,173,86,.08);
}

.wuxia-site-v49 .taiwan-warning-v49{
  margin-top:16px;
  padding:15px 16px;
  border-left:2px solid rgba(216,173,86,.62);
  background:rgba(216,173,86,.045);
}

.wuxia-site-v49 .taiwan-warning-critical-v49{
  border-left-color:#d89b58;
  background:rgba(170,92,48,.08);
}

.wuxia-site-v49 .taiwan-warning-v49 strong{
  display:block;
  margin-bottom:5px;
  color:#e0bd6d;
}

.wuxia-site-v49 .taiwan-warning-v49 p{
  margin:0;
  color:#abb7b7;
  line-height:1.55;
}

.wuxia-site-v49 .taiwan-patch-v49{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);
  gap:28px;
  padding:34px 36px;
  align-items:start;
}

.wuxia-site-v49 .taiwan-install-v49{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(216,173,86,.14);
}

.wuxia-site-v49 .taiwan-install-v49 h3{
  margin:0 0 12px;
  color:#efe2be;
  font-size:1.35rem;
}

.wuxia-site-v49 .taiwan-install-v49 ol{
  margin:0;
  padding-left:22px;
  color:#a7b5b5;
}

.wuxia-site-v49 .taiwan-install-v49 li{
  margin:8px 0;
  line-height:1.5;
}

.wuxia-site-v49 .taiwan-install-v49 code{
  color:#e2bf70;
  background:rgba(0,0,0,.18);
  padding:2px 5px;
}

.wuxia-site-v49 .taiwan-admin-v49{
  margin-top:18px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border:1px solid rgba(216,173,86,.18);
  background:rgba(4,16,21,.58);
}

.wuxia-site-v49 .taiwan-admin-v49 > span{
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#e3bb65;
  border:1px solid rgba(216,173,86,.35);
  font-weight:700;
}

.wuxia-site-v49 .taiwan-admin-v49 p{
  margin:3px 0 0;
  color:#a8b5b5;
  line-height:1.5;
}

.wuxia-site-v49 .taiwan-patch-image-v49{
  display:block;
  border:1px solid rgba(216,173,86,.18);
  background:rgba(3,15,20,.72);
  text-decoration:none;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease;
}

.wuxia-site-v49 .taiwan-patch-image-v49:hover{
  transform:translateY(-3px);
  border-color:rgba(216,173,86,.38);
}

.wuxia-site-v49 .taiwan-patch-image-v49 img{
  display:block;
  width:100%;
  max-height:420px;
  object-fit:cover;
  object-position:top center;
  background:#08161c;
}

.wuxia-site-v49 .taiwan-patch-image-v49 span{
  display:block;
  padding:14px 16px;
  color:#dbc073;
  font-size:.98rem;
  line-height:1.4;
}

@media(max-width:900px){
  .wuxia-site-v49 .taiwan-hero-mark-v49{display:none}
  .wuxia-site-v49 .taiwan-steps-v49,
  .wuxia-site-v49 .taiwan-patch-v49{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .wuxia-site-v49 .taiwan-page-v49{
    width:min(100% - 20px,1180px);
    padding-top:24px;
  }
  .wuxia-site-v49 .taiwan-hero-v49,
  .wuxia-site-v49 .taiwan-content-v49,
  .wuxia-site-v49 .taiwan-patch-v49{
    padding:24px 20px;
  }
  .wuxia-site-v49 .taiwan-step-v49{
    grid-template-columns:1fr;
  }
}


/* =========================
   Wuxia Atmosphere v50
   Private server page
   ========================= */

.wuxia-site-v50 .pirate-page-v50{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
  padding:44px 0 64px;
}

.wuxia-site-v50 .pirate-hero-v50{
  position:relative;
  min-height:290px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  padding:42px 48px;
  border:1px solid rgba(216,173,86,.24);
  background:
    linear-gradient(90deg,rgba(4,17,23,.97),rgba(5,26,34,.88)),
    url("images/hero-wuxia.webp") center/cover no-repeat;
  box-shadow:0 22px 60px rgba(0,0,0,.24);
  overflow:hidden;
}

.wuxia-site-v50 .pirate-hero-v50::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 30%,rgba(77,132,149,.13),transparent 24%),
    linear-gradient(110deg,transparent 0 54%,rgba(216,173,86,.035) 60%,transparent 67%);
}

.wuxia-site-v50 .pirate-hero-copy-v50{
  position:relative;
  z-index:2;
  max-width:760px;
}

.wuxia-site-v50 .pirate-hero-copy-v50 h1{
  margin:12px 0 14px;
  font-size:clamp(3.4rem,6vw,5.6rem);
  line-height:.95;
  color:#f3efea;
}

.wuxia-site-v50 .pirate-hero-copy-v50 > p{
  margin:0 0 12px;
  font-size:1.2rem;
  line-height:1.6;
  color:#a9b9b9;
}

.wuxia-site-v50 .pirate-hero-copy-v50 .pirate-lead-v50{
  font-size:1.35rem;
  color:#d8d4c7;
}

.wuxia-site-v50 .pirate-hero-mark-v50{
  position:relative;
  z-index:2;
  flex:0 0 150px;
  width:150px;
  height:150px;
  border-radius:50%;
  border:1px solid rgba(216,173,86,.35);
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle,rgba(74,126,143,.11),rgba(6,22,28,.76) 64%),
    rgba(4,16,21,.72);
  box-shadow:inset 0 0 0 14px rgba(216,173,86,.022);
}

.wuxia-site-v50 .pirate-hero-mark-v50 span{
  font-size:2.2rem;
  letter-spacing:.18em;
  color:#d8b765;
  font-weight:700;
}

.wuxia-site-v50 .pirate-content-v50,
.wuxia-site-v50 .pirate-notes-v50{
  margin-top:24px;
  border:1px solid rgba(216,173,86,.18);
  background:linear-gradient(145deg,rgba(8,27,34,.94),rgba(4,17,23,.97));
  box-shadow:0 16px 34px rgba(0,0,0,.14);
}

.wuxia-site-v50 .pirate-content-v50{
  padding:34px 36px 36px;
}

.wuxia-site-v50 .pirate-section-head-v50{
  max-width:780px;
  margin-bottom:26px;
}

.wuxia-site-v50 .pirate-section-head-v50 h2,
.wuxia-site-v50 .pirate-note-v50 h2{
  margin:12px 0 10px;
  color:#f0dfae;
  font-size:2.15rem;
  line-height:1.12;
}

.wuxia-site-v50 .pirate-section-head-v50 > p:last-child,
.wuxia-site-v50 .pirate-note-v50 p:last-child{
  margin:0;
  color:#97aaab;
  font-size:1.08rem;
  line-height:1.6;
}

.wuxia-site-v50 .pirate-steps-v50{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.wuxia-site-v50 .pirate-step-v50{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:18px;
  padding:24px;
  border:1px solid rgba(216,173,86,.15);
  background:rgba(3,18,24,.58);
}

.wuxia-site-v50 .pirate-step-num-v50{
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(216,173,86,.38);
  display:grid;
  place-items:center;
  color:#ddb762;
  font-size:.92rem;
  font-weight:700;
  line-height:1;
}

.wuxia-site-v50 .pirate-step-body-v50 h3{
  margin:2px 0 9px;
  color:#efe2be;
  font-size:1.45rem;
}

.wuxia-site-v50 .pirate-step-body-v50 > p{
  margin:0 0 16px;
  color:#a7b5b5;
  line-height:1.58;
}

.wuxia-site-v50 .pirate-action-v50{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 16px;
  border:1px solid rgba(216,173,86,.28);
  color:#e5c16f;
  text-decoration:none;
  font-weight:700;
  background:rgba(216,173,86,.04);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.wuxia-site-v50 .pirate-action-v50:hover{
  transform:translateY(-2px);
  border-color:rgba(216,173,86,.48);
  background:rgba(216,173,86,.08);
}

.wuxia-site-v50 .pirate-download-grid-v50{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:4px;
}

.wuxia-site-v50 .pirate-download-grid-v50 a{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-height:112px;
  padding:16px 48px 16px 16px;
  border:1px solid rgba(216,173,86,.18);
  background:rgba(2,15,20,.52);
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.wuxia-site-v50 .pirate-download-grid-v50 a:hover{
  transform:translateY(-2px);
  border-color:rgba(216,173,86,.38);
  background:rgba(216,173,86,.045);
}

.wuxia-site-v50 .pirate-download-grid-v50 small{
  color:#829b9e;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.wuxia-site-v50 .pirate-download-grid-v50 strong{
  color:#ead49b;
  font-size:1.16rem;
  line-height:1.35;
}

.wuxia-site-v50 .pirate-download-grid-v50 span{
  position:absolute;
  top:16px;
  right:16px;
  color:#d9b662;
  font-size:1.15rem;
}

.wuxia-site-v50 .pirate-notes-v50{
  padding:30px 36px;
}

.wuxia-site-v50 .pirate-note-v50{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:20px;
  align-items:start;
}

.wuxia-site-v50 .pirate-note-icon-v50{
  width:62px;
  height:62px;
  border-radius:50%;
  border:1px solid rgba(216,173,86,.32);
  display:grid;
  place-items:center;
  color:#deb966;
  font-weight:700;
  letter-spacing:.08em;
  background:rgba(216,173,86,.035);
}

.wuxia-site-v50 .pirate-warning-v50{
  margin-top:24px;
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:16px 18px;
  border-left:2px solid rgba(216,173,86,.58);
  background:rgba(216,173,86,.045);
}

.wuxia-site-v50 .pirate-warning-v50 > span{
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid rgba(216,173,86,.32);
  display:grid;
  place-items:center;
  color:#deb966;
  font-weight:700;
}

.wuxia-site-v50 .pirate-warning-v50 strong{
  color:#e6c16b;
}

.wuxia-site-v50 .pirate-warning-v50 p{
  margin:4px 0 0;
  color:#a7b5b5;
  line-height:1.55;
}

@media(max-width:900px){
  .wuxia-site-v50 .pirate-hero-mark-v50{display:none}
  .wuxia-site-v50 .pirate-steps-v50{grid-template-columns:1fr}
}

@media(max-width:620px){
  .wuxia-site-v50 .pirate-page-v50{
    width:min(100% - 20px,1180px);
    padding-top:24px;
  }
  .wuxia-site-v50 .pirate-hero-v50,
  .wuxia-site-v50 .pirate-content-v50,
  .wuxia-site-v50 .pirate-notes-v50{
    padding:24px 20px;
  }
  .wuxia-site-v50 .pirate-step-v50,
  .wuxia-site-v50 .pirate-note-v50{
    grid-template-columns:1fr;
  }
  .wuxia-site-v50 .pirate-download-grid-v50{
    grid-template-columns:1fr;
  }
}


/* =========================
   Wuxia Atmosphere v51
   Partner russifiers
   ========================= */

.partner-russifier-v51{
  width:min(1180px, calc(100% - 40px));
  margin:24px auto 0;
  padding:30px 34px;
  border:1px solid rgba(216,173,86,.18);
  background:linear-gradient(145deg,rgba(8,27,34,.94),rgba(4,17,23,.97));
  box-shadow:0 16px 34px rgba(0,0,0,.14);
}

.partner-russifier-head-v51{
  max-width:760px;
  margin-bottom:18px;
}

.partner-russifier-head-v51 h2{
  margin:12px 0 10px;
  color:#f0dfae;
  font-size:2.05rem;
  line-height:1.12;
}

.partner-russifier-head-v51 p:last-child{
  margin:0;
  color:#9fb0b0;
  font-size:1.08rem;
  line-height:1.6;
}

.partner-russifier-link-v51{
  position:relative;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 30px;
  align-items:center;
  gap:16px;
  padding:18px 20px;
  border:1px solid rgba(216,173,86,.22);
  background:rgba(3,18,24,.58);
  color:inherit;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.partner-russifier-link-v51:hover{
  transform:translateY(-2px);
  border-color:rgba(216,173,86,.46);
  background:rgba(216,173,86,.05);
}

.partner-russifier-icon-v51{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,173,86,.34);
  color:#ddb762;
  font-weight:700;
  letter-spacing:.06em;
}

.partner-russifier-copy-v51{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.partner-russifier-copy-v51 small{
  color:#7f9b9e;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.78rem;
}

.partner-russifier-copy-v51 strong{
  color:#ead49b;
  font-size:1.26rem;
  line-height:1.3;
}

.partner-russifier-copy-v51 span{
  color:#a7b5b5;
  font-size:1rem;
}

.partner-russifier-arrow-v51{
  justify-self:end;
  color:#d9b662;
  font-size:1.25rem;
}

.pirate-russifier-link-v51{
  margin-top:16px;
}

@media(max-width:620px){
  .partner-russifier-v51{
    width:min(100% - 20px,1180px);
    padding:24px 20px;
  }
  .partner-russifier-link-v51{
    grid-template-columns:46px minmax(0,1fr) 24px;
    gap:12px;
    padding:16px;
  }
  .partner-russifier-icon-v51{
    width:42px;
    height:42px;
  }
}


/* =========================
   Wuxia Atmosphere v52
   Pirate patch version warning
   ========================= */

.wuxia-site-v50 .pirate-version-warning-v52{
  margin-top:16px;
  padding:15px 16px;
  border-left:2px solid rgba(216,173,86,.62);
  background:rgba(216,173,86,.045);
}

.wuxia-site-v50 .pirate-version-warning-v52 strong{
  display:block;
  margin-bottom:5px;
  color:#e0bd6d;
}

.wuxia-site-v50 .pirate-version-warning-v52 p{
  margin:0;
  color:#abb7b7;
  line-height:1.55;
}


/* =========================
   Wuxia Atmosphere v53
   Beginner sections without icons
   ========================= */

.wuxia-site-v53 .beginner-page-v53{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
  padding:44px 0 64px;
}

.wuxia-site-v53 .beginner-head-v53{
  padding:38px 42px;
  border:1px solid rgba(216,173,86,.20);
  background:linear-gradient(145deg,rgba(8,27,34,.95),rgba(4,17,23,.98));
  box-shadow:0 18px 44px rgba(0,0,0,.18);
}

.wuxia-site-v53 .beginner-head-v53 h1{
  margin:12px 0 12px;
  color:#f3efea;
  font-size:clamp(3.2rem,5vw,5rem);
  line-height:1;
}

.wuxia-site-v53 .beginner-head-v53 > p:last-child{
  margin:0;
  color:#9fb0b0;
  font-size:1.15rem;
  line-height:1.6;
}

.wuxia-site-v53 .beginner-grid-v53{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
}

.wuxia-site-v53 .beginner-card-v53{
  position:relative;
  min-height:235px;
  padding:28px 28px 72px;
  border:1px solid rgba(216,173,86,.16);
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0)),
    linear-gradient(145deg,rgba(7,24,30,.94),rgba(3,15,20,.97));
  box-shadow:0 16px 34px rgba(0,0,0,.14);
  text-decoration:none;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}

.wuxia-site-v53 .beginner-card-v53::after{
  content:"";
  position:absolute;
  inset:auto -30px -44px auto;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(216,173,86,.06),transparent 64%);
  pointer-events:none;
}

.wuxia-site-v53 .beginner-card-v53:hover{
  transform:translateY(-3px);
  border-color:rgba(216,173,86,.34);
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),
    linear-gradient(145deg,rgba(9,29,35,.97),rgba(4,18,24,.99));
}

.wuxia-site-v53 .beginner-card-v53 h2{
  margin:14px 0 12px;
  color:#f2dfaa;
  font-size:1.85rem;
  line-height:1.15;
}

.wuxia-site-v53 .beginner-card-v53 p{
  margin:0;
  color:#91a6a8;
  font-size:1.05rem;
  line-height:1.58;
}

.wuxia-site-v53 .beginner-action-v53{
  position:absolute;
  left:28px;
  bottom:24px;
  color:#d8b661;
  font-size:1.02rem;
  font-weight:700;
}

@media(max-width:760px){
  .wuxia-site-v53 .beginner-grid-v53{
    grid-template-columns:1fr;
  }
  .wuxia-site-v53 .beginner-page-v53{
    width:min(100% - 20px,1180px);
    padding-top:24px;
  }
  .wuxia-site-v53 .beginner-head-v53{
    padding:28px 22px;
  }
}


/* =========================
   Wuxia Atmosphere v54
   Repository content import
   ========================= */

.wuxia-site-v54 .repo-page-shell-v54,
.wuxia-site-v54 .world-directory-v54{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:42px 0 64px;
}

.wuxia-site-v54 .repo-hero-v54{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:30px;
  align-items:center;
  padding:38px 42px;
  border:1px solid rgba(216,173,86,.22);
  background:linear-gradient(145deg,rgba(8,27,34,.96),rgba(4,17,23,.98));
  box-shadow:0 20px 52px rgba(0,0,0,.20);
}

.wuxia-site-v54 .repo-hero-copy-v54 h1,
.wuxia-site-v54 .world-head-v54 h1{
  margin:12px 0 14px;
  color:#f3efea;
  font-size:clamp(3rem,5vw,5rem);
  line-height:1;
}

.wuxia-site-v54 .repo-hero-copy-v54 > p:last-child,
.wuxia-site-v54 .world-head-v54 > p:last-child{
  color:#9fb0b0;
  font-size:1.12rem;
  line-height:1.6;
  margin:0;
}

.wuxia-site-v54 .repo-hero-image-v54{
  min-height:220px;
  display:grid;
  place-items:center;
}

.wuxia-site-v54 .repo-hero-image-v54 img{
  display:block;
  max-width:100%;
  max-height:230px;
  object-fit:contain;
  filter:drop-shadow(0 16px 22px rgba(0,0,0,.28));
}

.wuxia-site-v54 .repo-content-v54{
  margin-top:22px;
  padding:32px 36px;
  border:1px solid rgba(216,173,86,.16);
  background:linear-gradient(145deg,rgba(7,24,30,.94),rgba(3,15,20,.98));
  box-shadow:0 16px 34px rgba(0,0,0,.14);
  color:#9fb0b0;
  overflow:hidden;
}

.wuxia-site-v54 .repo-content-v54 h1,
.wuxia-site-v54 .repo-content-v54 h2,
.wuxia-site-v54 .repo-content-v54 h3,
.wuxia-site-v54 .repo-content-v54 h4{
  color:#f0dfae;
  line-height:1.18;
}

.wuxia-site-v54 .repo-content-v54 h1{font-size:2.6rem;margin:8px 0 22px}
.wuxia-site-v54 .repo-content-v54 h2{font-size:2rem;margin:34px 0 15px}
.wuxia-site-v54 .repo-content-v54 h3{font-size:1.35rem;margin:20px 0 9px}
.wuxia-site-v54 .repo-content-v54 p,
.wuxia-site-v54 .repo-content-v54 li{line-height:1.62}
.wuxia-site-v54 .repo-content-v54 a{color:#d9b662}
.wuxia-site-v54 .repo-content-v54 mark{color:#f0c96f;background:rgba(216,173,86,.08)}
.wuxia-site-v54 .repo-content-v54 code{color:#e5c16f;background:rgba(0,0,0,.2);padding:2px 5px}

.wuxia-site-v54 .repo-content-v54 section,
.wuxia-site-v54 .repo-content-v54 article,
.wuxia-site-v54 .repo-content-v54 aside{
  border-color:rgba(216,173,86,.16)!important;
}

.wuxia-site-v54 .repo-content-v54 section{
  margin:22px 0;
  padding:22px;
  border:1px solid rgba(216,173,86,.12);
  background:rgba(3,18,24,.42);
}

.wuxia-site-v54 .repo-content-v54 article,
.wuxia-site-v54 .repo-content-v54 aside{
  padding:16px;
  margin:12px 0;
  background:rgba(2,15,20,.38);
}

.wuxia-site-v54 .repo-content-v54 img{
  max-width:100%;
  height:auto;
  object-fit:contain;
  border-radius:2px;
}

.wuxia-site-v54 .repo-content-v54 figure{
  margin:20px 0;
}

.wuxia-site-v54 .repo-content-v54 figcaption{
  margin-top:8px;
  color:#7f999b;
  text-align:center;
}

.wuxia-site-v54 .repo-content-v54 table{
  width:100%;
  border-collapse:collapse;
  margin:18px 0 28px;
  min-width:680px;
}

.wuxia-site-v54 .repo-content-v54 .table-wrap,
.wuxia-site-v54 .repo-content-v54 [class*="table"]{
  max-width:100%;
  overflow-x:auto;
}

.wuxia-site-v54 .repo-content-v54 th,
.wuxia-site-v54 .repo-content-v54 td{
  padding:10px 12px;
  border:1px solid rgba(216,173,86,.16);
  vertical-align:top;
  color:#a8b6b6;
}

.wuxia-site-v54 .repo-content-v54 th{
  color:#e9d296;
  background:rgba(216,173,86,.05);
}

.wuxia-site-v54 .repo-content-v54 [class*="grid"]{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.wuxia-site-v54 .repo-content-v54 .special-skill-icon img{
  width:62px;
  height:62px;
  object-fit:contain;
}

.wuxia-site-v54 .repo-loading-v54,
.wuxia-site-v54 .repo-error-v54{
  padding:40px 20px;
  text-align:center;
  color:#9fb0b0;
}

.wuxia-site-v54 .world-head-v54{
  padding:36px 40px;
  border:1px solid rgba(216,173,86,.20);
  background:linear-gradient(145deg,rgba(8,27,34,.95),rgba(4,17,23,.98));
}

.wuxia-site-v54 .world-group-v54{
  margin-top:22px;
}

.wuxia-site-v54 .world-group-v54 > h2{
  margin:0 0 14px;
  color:#f0dfae;
  font-size:2rem;
}

.wuxia-site-v54 .world-grid-v54{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.wuxia-site-v54 .world-card-v54{
  min-height:230px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:18px 16px;
  border:1px solid rgba(216,173,86,.16);
  background:linear-gradient(145deg,rgba(7,24,30,.94),rgba(3,15,20,.98));
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease;
}

.wuxia-site-v54 a.world-card-v54:hover{
  transform:translateY(-3px);
  border-color:rgba(216,173,86,.38);
}

.wuxia-site-v54 .world-card-v54 img{
  width:150px;
  height:150px;
  object-fit:contain;
  display:block;
}

.wuxia-site-v54 .world-card-v54 span{
  margin-top:12px;
  text-align:center;
  color:#ecd9a3;
  font-size:1.05rem;
  font-weight:700;
}

.wuxia-site-v54 .world-card-v54 b{
  margin-top:8px;
  color:#d4ae5d;
  font-size:.92rem;
}

@media(max-width:900px){
  .wuxia-site-v54 .repo-hero-v54{grid-template-columns:1fr}
  .wuxia-site-v54 .repo-hero-image-v54{min-height:150px}
  .wuxia-site-v54 .world-grid-v54{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wuxia-site-v54 .repo-content-v54 [class*="grid"]{grid-template-columns:1fr}
}

@media(max-width:620px){
  .wuxia-site-v54 .repo-page-shell-v54,
  .wuxia-site-v54 .world-directory-v54{
    width:min(100% - 20px,1180px);
    padding-top:24px;
  }
  .wuxia-site-v54 .repo-hero-v54,
  .wuxia-site-v54 .world-head-v54,
  .wuxia-site-v54 .repo-content-v54{padding:24px 20px}
  .wuxia-site-v54 .world-grid-v54{grid-template-columns:1fr}
}


/* =========================
   Wuxia Atmosphere v55
   Schools / sects / factions refinements
   ========================= */

.wuxia-site-v54 .world-directory-v55{
  padding-top: 34px;
}

.wuxia-site-v54 .world-head-v55{
  position: relative;
  padding: 20px;
  border: 1px solid rgba(216,173,86,.22);
  background:
    linear-gradient(180deg, rgba(10,30,38,.96), rgba(4,18,24,.98)),
    radial-gradient(circle at top right, rgba(216,173,86,.08), transparent 45%);
  box-shadow: 0 18px 46px rgba(0,0,0,.18), inset 0 0 0 1px rgba(216,173,86,.05);
}

.wuxia-site-v54 .world-head-frame-v55{
  position: relative;
  padding: 34px 42px 38px;
  border: 1px solid rgba(216,173,86,.15);
  background: linear-gradient(145deg, rgba(5,20,26,.82), rgba(4,15,20,.92));
  overflow: hidden;
}

.wuxia-site-v54 .world-head-frame-v55::before,
.wuxia-site-v54 .world-head-frame-v55::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.wuxia-site-v54 .world-head-frame-v55::before{
  background:
    radial-gradient(circle at 85% 25%, rgba(216,173,86,.08), transparent 18%),
    radial-gradient(circle at 12% 85%, rgba(216,173,86,.05), transparent 20%);
}

.wuxia-site-v54 .world-head-frame-v55::after{
  inset: 14px;
  border: 1px solid rgba(216,173,86,.08);
}

.wuxia-site-v54 .world-head-v55 .tag{
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 16px;
  letter-spacing: .18em;
}

.wuxia-site-v54 .world-head-v55 .tag::after{
  content: "";
  width: 150px;
  height: 1px;
  background: linear-gradient(90deg, rgba(216,173,86,.85), rgba(216,173,86,0));
}

.wuxia-site-v54 .world-head-v55 h1{
  margin: 0;
  font-size: clamp(3.3rem, 6vw, 5.8rem);
  line-height: .95;
  letter-spacing: -.03em;
  text-wrap: balance;
  text-shadow: 0 4px 18px rgba(0,0,0,.2);
}

.wuxia-site-v54 .world-head-v55 p:last-child{
  max-width: 860px;
  margin-top: 18px;
  font-size: 1.18rem;
  color: #b9c5c6;
}

.wuxia-site-v54 .world-group-v55{
  margin-top: 28px;
  padding: 18px 18px 20px;
  border: 1px solid rgba(216,173,86,.14);
  background: linear-gradient(145deg, rgba(5,20,26,.82), rgba(3,15,20,.9));
}

.wuxia-site-v54 .world-group-v55 > h2{
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  padding: 10px 16px 11px;
  border: 1px solid rgba(216,173,86,.22);
  background: linear-gradient(90deg, rgba(216,173,86,.08), rgba(216,173,86,.02));
  color: #f1dfad;
  font-size: 1.75rem;
  line-height: 1;
  box-shadow: inset 0 0 0 1px rgba(216,173,86,.06);
}

.wuxia-site-v54 .world-group-v55 > h2::before,
.wuxia-site-v54 .world-group-v55 > h2::after{
  content: "";
  display: block;
}

.wuxia-site-v54 .world-group-v55 > h2::before{
  width: 12px;
  height: 12px;
  border: 1px solid rgba(216,173,86,.55);
  transform: rotate(45deg);
  opacity: .75;
}

.wuxia-site-v54 .world-group-v55 > h2::after{
  width: 84px;
  height: 1px;
  background: linear-gradient(90deg, rgba(216,173,86,.75), rgba(216,173,86,0));
}

.wuxia-site-v54 .world-group-v55 .world-grid-v54{
  gap: 16px;
}

.wuxia-site-v54 .world-group-v55 .world-card-v54{
  min-height: auto;
  padding: 14px 14px 16px;
  border: 1px solid rgba(216,173,86,.18);
  background: linear-gradient(145deg, rgba(6,22,29,.96), rgba(3,15,20,.98));
  box-shadow: inset 0 0 0 1px rgba(216,173,86,.05);
}

.wuxia-site-v54 .world-group-v55 .world-card-v54 img{
  width: 100%;
  max-width: 190px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: 1px solid rgba(216,173,86,.16);
  background: rgba(0,0,0,.18);
}

.wuxia-site-v54 .world-group-v55 .world-card-v54 span{
  margin-top: 10px;
  font-size: 1.1rem;
  line-height: 1.2;
}

.wuxia-site-v54 .world-group-v55 .world-card-v54 b{
  margin-top: 10px;
}

@media (max-width: 900px){
  .wuxia-site-v54 .world-head-frame-v55{padding: 28px 24px 30px;}
  .wuxia-site-v54 .world-head-v55 h1{font-size: clamp(2.6rem, 8vw, 4.3rem);}
  .wuxia-site-v54 .world-head-v55 p:last-child{font-size: 1.04rem;}
}

@media (max-width: 620px){
  .wuxia-site-v54 .world-head-v55 .tag::after,
  .wuxia-site-v54 .world-group-v55 > h2::after{width: 42px;}
  .wuxia-site-v54 .world-group-v55{padding: 14px;}
  .wuxia-site-v54 .world-group-v55 > h2{font-size: 1.38rem; padding: 9px 12px;}
  .wuxia-site-v54 .world-group-v55 .world-card-v54 img{max-width: 100%;}
}


/* =========================
   Wuxia Atmosphere v56
   Schools cards refinements
   ========================= */

.wuxia-site-v54 .world-head-v55{
  overflow: hidden;
}

.wuxia-site-v54 .world-head-v55 h1{
  letter-spacing: -.035em;
}

.wuxia-site-v54 .world-head-v55 p:last-child{
  max-width: 900px;
}

.wuxia-site-v54 .world-group-v55 .world-card-v54{
  position: relative;
  min-height: auto;
  padding: 12px 12px 16px;
  border: 1px solid rgba(216,173,86,.18);
  background: linear-gradient(145deg, rgba(6,22,29,.97), rgba(3,15,20,.99));
  box-shadow: inset 0 0 0 1px rgba(216,173,86,.05);
  overflow: hidden;
}

.wuxia-site-v54 .world-group-v55 .world-card-v54::before{
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(216,173,86,.10);
  pointer-events: none;
}

.wuxia-site-v54 .world-group-v55 .world-card-v54::after{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(216,173,86,.045), transparent 38%);
  pointer-events: none;
}

.wuxia-site-v54 .world-group-v55 .world-card-v54 img{
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  border: 1px solid rgba(216,173,86,.12);
  background: rgba(0,0,0,.18);
}

.wuxia-site-v54 .world-group-v55 .world-card-v54 span,
.wuxia-site-v54 .world-group-v55 .world-card-v54 b{
  position: relative;
  z-index: 1;
}

.wuxia-site-v54 .world-group-v55 .world-card-v54 span{
  margin-top: 12px;
  padding: 0 8px;
  font-size: 1.08rem;
}

.wuxia-site-v54 .world-group-v55 .world-card-v54 b{
  margin-top: 10px;
}

.wuxia-site-v54 .world-group-v55 .world-grid-v54{
  align-items: stretch;
}

@media (max-width: 620px){
  .wuxia-site-v54 .world-group-v55 .world-card-v54{padding: 10px 10px 14px;}
  .wuxia-site-v54 .world-group-v55 .world-card-v54::before{inset: 8px;}
}


/* =========================
   Wuxia Atmosphere v58
   Schools section headers + Azure Guard redesign
   ========================= */

.wuxia-site-v54 .world-group-v55 > h2{
  display:flex;
  align-items:center;
  width:100%;
  box-sizing:border-box;
}

.wuxia-site-v54 .world-group-v55 > h2::after{
  flex:1 1 auto;
  width:auto;
  min-width:40px;
}

.wuxia-site-v58 .azure-page-v58{
  padding-top:34px;
}

.wuxia-site-v58 .azure-hero-v58{
  width:100%;
  min-height:356px;
}

.wuxia-site-v58 .azure-title-v58 .hero-title-main-v41,
.wuxia-site-v58 .azure-title-v58 .hero-title-accent-v45{
  display:block;
}

.wuxia-site-v58 .azure-hero-seal-v58{
  width:160px;
  height:160px;
}

.wuxia-site-v58 .azure-hero-seal-v58::before{
  width:210px;
}

.wuxia-site-v58 .azure-hero-seal-v58::after{
  height:210px;
}

.wuxia-site-v58 .azure-seal-portrait-v58{
  position:relative;
  z-index:2;
  width:120px;
  height:120px;
  border-radius:50%;
  overflow:hidden;
  border:1px solid rgba(216,173,86,.36);
  box-shadow:0 12px 28px rgba(0,0,0,.32), inset 0 0 0 1px rgba(216,173,86,.08);
  background:radial-gradient(circle at 35% 25%, rgba(255,255,255,.08), rgba(2,12,18,.9));
}

.wuxia-site-v58 .azure-seal-portrait-v58 img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.wuxia-site-v58 .azure-summary-v58{
  margin-top:24px;
}

.wuxia-site-v58 .azure-summary-frame-v58{
  padding:28px 30px;
  border:1px solid rgba(216,173,86,.16);
  background:linear-gradient(145deg, rgba(8,27,34,.92), rgba(4,17,23,.97));
  box-shadow:0 16px 38px rgba(0,0,0,.16), inset 0 0 0 1px rgba(216,173,86,.05);
}

.wuxia-site-v58 .azure-backlink-v58{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  color:#e0bb68;
  text-decoration:none;
  font-weight:700;
}

.wuxia-site-v58 .azure-meta-grid-v58{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.wuxia-site-v58 .azure-meta-grid-v58 article{
  padding:18px 20px;
  border:1px solid rgba(216,173,86,.14);
  background:linear-gradient(145deg, rgba(5,20,26,.88), rgba(3,15,20,.94));
}

.wuxia-site-v58 .azure-meta-grid-v58 span{
  display:block;
  margin-bottom:8px;
  color:#93a8aa;
  font-size:.88rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.wuxia-site-v58 .azure-meta-grid-v58 strong{
  display:block;
  color:#f0dfae;
  font-size:1.12rem;
  line-height:1.3;
}

.wuxia-site-v58 .azure-content-v58{
  margin-top:24px;
  padding:34px 36px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0) 16%),
    radial-gradient(circle at top right, rgba(216,173,86,.06), transparent 28%),
    linear-gradient(145deg, rgba(7,24,30,.96), rgba(3,15,20,.99));
  border:1px solid rgba(216,173,86,.16);
}

.wuxia-site-v58 .azure-content-v58 > * + *{
  margin-top:26px;
}

.wuxia-site-v58 .azure-content-v58 h1,
.wuxia-site-v58 .azure-content-v58 h2,
.wuxia-site-v58 .azure-content-v58 h3{
  position:relative;
}

.wuxia-site-v58 .azure-content-v58 h2{
  margin:0 0 16px;
  padding-bottom:14px;
  font-size:clamp(2rem, 3.6vw, 3rem);
}

.wuxia-site-v58 .azure-content-v58 h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:120px;
  height:1px;
  background:linear-gradient(90deg, rgba(216,173,86,.88), rgba(216,173,86,0));
}

.wuxia-site-v58 .azure-content-v58 h3{
  font-size:1.45rem;
  color:#f0dfae;
}

.wuxia-site-v58 .azure-content-v58 section,
.wuxia-site-v58 .azure-content-v58 article,
.wuxia-site-v58 .azure-content-v58 aside{
  border-color:rgba(216,173,86,.14)!important;
}

.wuxia-site-v58 .azure-content-v58 > section,
.wuxia-site-v58 .azure-content-v58 > article,
.wuxia-site-v58 .azure-content-v58 > aside{
  padding:28px 28px 30px;
  background:linear-gradient(145deg, rgba(5,20,26,.78), rgba(3,15,20,.9));
  border:1px solid rgba(216,173,86,.14);
  box-shadow:inset 0 0 0 1px rgba(216,173,86,.04);
}

.wuxia-site-v58 .azure-content-v58 .azure-auto-grid-v58,
.wuxia-site-v58 .azure-content-v58 [class*="grid"]{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.wuxia-site-v58 .azure-content-v58 .azure-auto-card-v58,
.wuxia-site-v58 .azure-content-v58 [class*="grid"] > section,
.wuxia-site-v58 .azure-content-v58 [class*="grid"] > article,
.wuxia-site-v58 .azure-content-v58 [class*="grid"] > div{
  padding:22px;
  border:1px solid rgba(216,173,86,.14);
  background:linear-gradient(145deg, rgba(6,22,29,.92), rgba(3,15,20,.96));
  box-shadow:inset 0 0 0 1px rgba(216,173,86,.04);
}

.wuxia-site-v58 .azure-content-v58 [class*="grid"] img,
.wuxia-site-v58 .azure-content-v58 .special-skill-icon img,
.wuxia-site-v58 .azure-content-v58 [class*="skill"] img,
.wuxia-site-v58 .azure-content-v58 [class*="combat"] img,
.wuxia-site-v58 .azure-content-v58 [class*="rework"] img{
  width:64px;
  height:64px;
  object-fit:contain;
  display:block;
  margin-bottom:16px;
  background:rgba(255,255,255,.02);
}

.wuxia-site-v58 .azure-content-v58 ul{
  margin:0;
  padding-left:22px;
}

.wuxia-site-v58 .azure-content-v58 li + li{
  margin-top:8px;
}

.wuxia-site-v58 .azure-content-v58 strong{
  color:#f0dfae;
}

.wuxia-site-v58 .azure-content-v58 .azure-section-req-v58 .azure-auto-grid-v58,
.wuxia-site-v58 .azure-content-v58 .azure-section-req-v58 [class*="grid"]{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.wuxia-site-v58 .azure-content-v58 .azure-section-effects-v58 .azure-auto-grid-v58,
.wuxia-site-v58 .azure-content-v58 .azure-section-effects-v58 [class*="grid"],
.wuxia-site-v58 .azure-content-v58 .azure-section-combat-v58 .azure-auto-grid-v58,
.wuxia-site-v58 .azure-content-v58 .azure-section-combat-v58 [class*="grid"],
.wuxia-site-v58 .azure-content-v58 .azure-section-special-v58 .azure-auto-grid-v58,
.wuxia-site-v58 .azure-content-v58 .azure-section-special-v58 [class*="grid"],
.wuxia-site-v58 .azure-content-v58 .azure-section-rework-v58 .azure-auto-grid-v58,
.wuxia-site-v58 .azure-content-v58 .azure-section-rework-v58 [class*="grid"]{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.wuxia-site-v58 .azure-content-v58 mark{
  color:#f3cc6b;
  background:rgba(216,173,86,.09);
  padding:0 .18em;
}

@media (max-width: 1020px){
  .wuxia-site-v58 .azure-meta-grid-v58{grid-template-columns:repeat(2,minmax(0,1fr));}
  .wuxia-site-v58 .azure-content-v58 .azure-section-req-v58 .azure-auto-grid-v58,
  .wuxia-site-v58 .azure-content-v58 .azure-section-req-v58 [class*="grid"]{grid-template-columns:1fr 1fr;}
}

@media (max-width: 820px){
  .wuxia-site-v58 .azure-content-v58 .azure-auto-grid-v58,
  .wuxia-site-v58 .azure-content-v58 [class*="grid"],
  .wuxia-site-v58 .azure-content-v58 .azure-section-req-v58 .azure-auto-grid-v58,
  .wuxia-site-v58 .azure-content-v58 .azure-section-req-v58 [class*="grid"]{grid-template-columns:1fr;}
}

@media (max-width: 700px){
  .wuxia-site-v58 .azure-summary-frame-v58,
  .wuxia-site-v58 .azure-content-v58{padding:24px 20px;}
  .wuxia-site-v58 .azure-meta-grid-v58{grid-template-columns:1fr;}
  .wuxia-site-v58 .azure-hero-seal-v58{display:none;}
}


/* =========================
   Wuxia Atmosphere v59
   Static Azure Guard page fix
   ========================= */

.wuxia-site-v59 .azure-static-v59{
  margin-top:24px;
}

.wuxia-site-v59 .azure-section-v59 + .azure-section-v59{
  margin-top:26px;
}

.wuxia-site-v59 .azure-section-v59{
  padding:28px 28px 30px;
  border:1px solid rgba(216,173,86,.14);
  background:linear-gradient(145deg, rgba(5,20,26,.84), rgba(3,15,20,.94));
  box-shadow:inset 0 0 0 1px rgba(216,173,86,.04);
}

.wuxia-site-v59 .azure-section-v59 > h2{
  margin:0 0 14px;
  padding-bottom:14px;
  font-size:clamp(2rem, 3.7vw, 3rem);
  position:relative;
}

.wuxia-site-v59 .azure-section-v59 > h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:140px;
  height:1px;
  background:linear-gradient(90deg, rgba(216,173,86,.88), rgba(216,173,86,0));
}

.wuxia-site-v59 .azure-section-lead-v59{
  margin:0 0 20px;
  color:#9fb0b0;
}

.wuxia-site-v59 .azure-grid-v59{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.wuxia-site-v59 .azure-grid-3-v59{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.wuxia-site-v59 .azure-card-v59{
  padding:22px;
  border:1px solid rgba(216,173,86,.14);
  background:linear-gradient(145deg, rgba(6,22,29,.92), rgba(3,15,20,.96));
  box-shadow:inset 0 0 0 1px rgba(216,173,86,.04);
}

.wuxia-site-v59 .azure-card-v59 h3{
  margin:0 0 14px;
  color:#f0dfae;
  font-size:1.42rem;
}

.wuxia-site-v59 .azure-card-v59 p,
.wuxia-site-v59 .azure-card-v59 li{
  color:#a8b6b6;
}

.wuxia-site-v59 .azure-card-v59 ul{
  margin:0;
  padding-left:22px;
}

.wuxia-site-v59 .azure-card-v59 li + li{
  margin-top:8px;
}

.wuxia-site-v59 .azure-note-v59{
  margin-top:16px;
  padding:16px 18px;
  border-left:2px solid rgba(216,173,86,.5);
  background:linear-gradient(90deg, rgba(216,173,86,.06), rgba(216,173,86,0));
  color:#b6c2c3;
}

.wuxia-site-v59 .azure-skill-card-v59{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:18px;
  align-items:start;
}

.wuxia-site-v59 .azure-skill-card-v59 img{
  width:64px;
  height:64px;
  object-fit:contain;
  display:block;
  margin-top:4px;
}

.wuxia-site-v59 .azure-skill-meta-v59{
  margin-bottom:8px;
  color:#8ea1a3;
  font-size:.92rem;
}

@media (max-width: 1020px){
  .wuxia-site-v59 .azure-grid-3-v59{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width: 820px){
  .wuxia-site-v59 .azure-grid-v59,
  .wuxia-site-v59 .azure-grid-3-v59{grid-template-columns:1fr;}
}

@media (max-width: 620px){
  .wuxia-site-v59 .azure-section-v59{padding:22px 18px 24px;}
  .wuxia-site-v59 .azure-skill-card-v59{grid-template-columns:1fr;}
}

/* =========================
   Wuxia Atmosphere v60
   Azure Guard polish
   ========================= */

.wuxia-site-v60 .azure-page-v60{
  width:min(1320px, calc(100% - 40px));
  margin:36px auto 72px;
  display:grid;
  gap:28px;
}

.wuxia-site-v60 .azure-hero-v60,
.wuxia-site-v60 .azure-section-v60{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(216,173,86,.16);
  background:
    radial-gradient(circle at 18% 25%, rgba(36,122,148,.18), transparent 34%),
    radial-gradient(circle at 88% 14%, rgba(216,173,86,.08), transparent 26%),
    linear-gradient(145deg, rgba(4,20,27,.96), rgba(1,12,17,.98));
  box-shadow:
    inset 0 0 0 1px rgba(216,173,86,.045),
    0 18px 50px rgba(0,0,0,.28);
}

.wuxia-site-v60 .azure-hero-v60::before,
.wuxia-site-v60 .azure-section-v60::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(216,173,86,.08);
  pointer-events:none;
}

.wuxia-site-v60 .azure-hero-v60{
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(0, 1.02fr) minmax(380px, .98fr);
  gap:24px;
  align-items:center;
  padding:44px 46px 44px 46px;
}

.wuxia-site-v60 .azure-hero-copy-v60{
  position:relative;
  z-index:2;
  max-width:650px;
}

.wuxia-site-v60 .azure-hero-title-v60{
  margin:14px 0 20px;
  display:grid;
  gap:4px;
  line-height:.92;
  font-size:clamp(4.7rem, 8vw, 7.6rem);
}

.wuxia-site-v60 .azure-hero-title-v60 .accent{
  color:#efd08a;
}

.wuxia-site-v60 .azure-hero-lead-v60,
.wuxia-site-v60 .azure-hero-sub-v60{
  max-width:600px;
  color:#d8e0df;
  font-size:1.18rem;
}

.wuxia-site-v60 .azure-hero-sub-v60{color:#aeb9b9;}

.wuxia-site-v60 .azure-meta-grid-v60{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
  max-width:720px;
}

.wuxia-site-v60 .azure-meta-card-v60{
  padding:18px 18px 16px;
  border:1px solid rgba(84,205,210,.26);
  background:linear-gradient(145deg, rgba(7,30,39,.86), rgba(4,18,24,.96));
  box-shadow:
    inset 0 0 0 1px rgba(216,173,86,.03),
    0 0 16px rgba(39,172,192,.08);
}

.wuxia-site-v60 .azure-meta-card-v60 span{
  display:block;
  margin-bottom:10px;
  color:#88d7db;
  font-size:.78rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  font-weight:700;
}

.wuxia-site-v60 .azure-meta-card-v60 strong{
  display:block;
  color:#f3dfaa;
  font-size:1.15rem;
}

.wuxia-site-v60 .azure-hero-visual-v60{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.wuxia-site-v60 .azure-hero-visual-v60 img{
  position:relative;
  z-index:2;
  width:min(100%, 740px);
  max-height:620px;
  object-fit:contain;
  object-position:center center;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.36));
}

.wuxia-site-v60 .azure-visual-rings-v60{
  position:absolute;
  right:5%;
  top:50%;
  transform:translateY(-50%);
  width:400px;
  height:400px;
  border-radius:50%;
  background:
    radial-gradient(circle at center, rgba(216,173,86,.14) 0 2px, transparent 2px 34px, rgba(216,173,86,.12) 34px 35px, transparent 35px 70px, rgba(216,173,86,.12) 70px 71px, transparent 71px 108px, rgba(216,173,86,.12) 108px 109px, transparent 109px),
    conic-gradient(from 220deg, transparent 0 56%, rgba(216,173,86,.18) 56% 64%, transparent 64% 100%);
  opacity:.9;
  filter:drop-shadow(0 0 22px rgba(216,173,86,.08));
}

.wuxia-site-v60 .azure-section-v60{padding:38px 40px 40px;}

.wuxia-site-v60 .azure-section-head-v60{
  margin-bottom:22px;
}

.wuxia-site-v60 .azure-center-head-v60{
  text-align:center;
}

.wuxia-site-v60 .azure-section-kicker-v60{
  margin:0 0 10px;
  color:#7de3e4;
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.wuxia-site-v60 .azure-section-head-v60 h2,
.wuxia-site-v60 .azure-neigong-head-v60 h2{
  margin:0;
  color:#f5e7bb;
  font-size:clamp(2.5rem, 5vw, 4.5rem);
  line-height:.95;
}

.wuxia-site-v60 .azure-section-head-v60 p:last-child{
  margin-top:14px;
  max-width:820px;
  color:#b5c0c0;
}

.wuxia-site-v60 .azure-center-head-v60 p:last-child,
.wuxia-site-v60 .azure-center-head-v60 h2{
  margin-left:auto;
  margin-right:auto;
}

.wuxia-site-v60 .azure-grid-v60{
  display:grid;
  gap:18px;
}

.wuxia-site-v60 .azure-grid-requirements-v60{
  grid-template-columns:repeat(2, minmax(0,1fr));
}

.wuxia-site-v60 .azure-card-v60,
.wuxia-site-v60 .azure-wide-card-v60,
.wuxia-site-v60 .azure-skill-card-v60,
.wuxia-site-v60 .azure-rework-card-v60{
  position:relative;
  border:1px solid rgba(84,205,210,.22);
  background:linear-gradient(145deg, rgba(4,20,28,.86), rgba(4,14,20,.96));
  box-shadow:inset 0 0 0 1px rgba(216,173,86,.03);
}

.wuxia-site-v60 .azure-card-glow-v60::after,
.wuxia-site-v60 .azure-wide-card-glow-v60::after,
.wuxia-site-v60 .azure-skill-card-v60::after,
.wuxia-site-v60 .azure-rework-card-v60::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:0 0 0 1px rgba(84,205,210,.06), 0 0 24px rgba(58,191,197,.08);
}

.wuxia-site-v60 .azure-card-v60{padding:24px 24px 22px;}

.wuxia-site-v60 .azure-card-v60 h3,
.wuxia-site-v60 .azure-wide-card-v60 h3,
.wuxia-site-v60 .azure-skill-card-v60 h3,
.wuxia-site-v60 .azure-rework-card-v60 h3{
  margin:0 0 14px;
  color:#81e3e0;
  font-size:2rem;
  line-height:1;
}

.wuxia-site-v60 .azure-card-v60 ul{
  margin:0;
  padding:0;
  list-style:none;
}

.wuxia-site-v60 .azure-card-v60 li{
  position:relative;
  padding-left:20px;
  color:#c4d0cf;
}

.wuxia-site-v60 .azure-card-v60 li + li{margin-top:10px;}

.wuxia-site-v60 .azure-card-v60 li::before{
  content:"◇";
  position:absolute;
  left:0;
  top:0;
  color:#f0cf80;
}

.wuxia-site-v60 .azure-wide-card-v60{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
  padding:20px 24px;
}

.wuxia-site-v60 .azure-wide-card-v60 p,
.wuxia-site-v60 .azure-card-v60 p,
.wuxia-site-v60 .azure-skill-card-v60 p,
.wuxia-site-v60 .azure-rework-card-v60 p,
.wuxia-site-v60 .azure-effect-item-v60 p{
  margin:0;
  color:#c0cbcb;
}

.wuxia-site-v60 .azure-wide-card-v60 strong,
.wuxia-site-v60 .azure-card-v60 strong,
.wuxia-site-v60 .azure-skill-card-v60 strong,
.wuxia-site-v60 .azure-rework-card-v60 strong,
.wuxia-site-v60 .azure-effect-item-v60 strong{
  color:#f2cf7a;
}

.wuxia-site-v60 .azure-neigong-head-v60{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:24px;
}

.wuxia-site-v60 .azure-neigong-head-v60 img{
  width:84px;
  height:84px;
  object-fit:cover;
  border:1px solid rgba(216,173,86,.22);
  box-shadow:0 0 16px rgba(139,83,223,.18);
}

.wuxia-site-v60 .azure-neigong-grid-v60{
  display:grid;
  grid-template-columns:minmax(320px, .85fr) minmax(0, 1.35fr);
  gap:18px;
}

.wuxia-site-v60 .azure-stats-card-v60 h3,
.wuxia-site-v60 .azure-effects-card-v60 h3{
  color:#7de3e4;
  margin-bottom:18px;
}

.wuxia-site-v60 .azure-stats-grid-v60{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:8px 10px;
}

.wuxia-site-v60 .azure-stats-grid-v60 div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:10px 12px;
  background:rgba(255,255,255,.02);
}

.wuxia-site-v60 .azure-stats-grid-v60 div span{color:#9eb2b4;}
.wuxia-site-v60 .azure-stats-grid-v60 div strong{color:#ffd98e;}

.wuxia-site-v60 .azure-effects-grid-v60{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}

.wuxia-site-v60 .azure-effect-item-v60{
  padding:16px 16px 14px;
  border:1px solid rgba(84,205,210,.24);
  border-left:3px solid rgba(239,208,138,.88);
  background:linear-gradient(145deg, rgba(6,27,36,.78), rgba(3,16,22,.9));
}

.wuxia-site-v60 .azure-effect-item-v60 h4{
  margin:0 0 8px;
  color:#87ece4;
  font-size:1.5rem;
}

.wuxia-site-v60 .azure-skills-grid-v60{
  grid-template-columns:repeat(2, minmax(0,1fr));
}

.wuxia-site-v60 .azure-skill-card-v60,
.wuxia-site-v60 .azure-rework-card-v60{
  padding:22px 22px 18px;
}

.wuxia-site-v60 .azure-skill-top-v60{
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  gap:16px;
  align-items:start;
  margin-bottom:16px;
}

.wuxia-site-v60 .azure-skill-top-v60 img{
  width:72px;
  height:72px;
  object-fit:cover;
  border:1px solid rgba(216,173,86,.28);
}

.wuxia-site-v60 .azure-skill-top-v60 span{
  display:block;
  margin-top:6px;
  color:#7edfdc;
  font-size:.82rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
}

.wuxia-site-v60 .azure-skill-top-v60 h3{
  margin:10px 0 0;
  color:#f7e2a7;
  font-size:1.8rem;
  line-height:1;
}

.wuxia-site-v60 .azure-callout-v60{
  margin-top:14px;
  padding:12px 14px;
  border-left:2px solid rgba(241,208,124,.9);
  background:linear-gradient(90deg, rgba(241,208,124,.08), rgba(241,208,124,0));
  color:#d1dddd;
}

.wuxia-site-v60 .azure-rework-v60{
  background:
    radial-gradient(circle at 10% 12%, rgba(145,77,255,.16), transparent 25%),
    radial-gradient(circle at 92% 20%, rgba(89,69,232,.12), transparent 28%),
    linear-gradient(145deg, rgba(7,16,54,.92), rgba(5,10,30,.97));
}

.wuxia-site-v60 .azure-rework-grid-v60{
  grid-template-columns:repeat(3, minmax(0,1fr));
}

.wuxia-site-v60 .azure-rework-card-v60{
  border-color:rgba(171,114,255,.32);
  background:linear-gradient(145deg, rgba(12,18,68,.9), rgba(8,11,40,.96));
}

.wuxia-site-v60 .azure-rework-card-v60::after{
  box-shadow:0 0 0 1px rgba(174,111,255,.07), 0 0 24px rgba(138,76,255,.14);
}

.wuxia-site-v60 .azure-callout-purple-v60{
  border-left-color:rgba(196,121,255,.95);
  background:linear-gradient(90deg, rgba(170,95,255,.18), rgba(170,95,255,0));
}

@media (max-width: 1180px){
  .wuxia-site-v60 .azure-hero-v60{grid-template-columns:1fr; min-height:auto;}
  .wuxia-site-v60 .azure-hero-copy-v60{max-width:none;}
  .wuxia-site-v60 .azure-hero-visual-v60{min-height:460px; order:-1;}
  .wuxia-site-v60 .azure-neigong-grid-v60,
  .wuxia-site-v60 .azure-rework-grid-v60{grid-template-columns:1fr;}
}

@media (max-width: 900px){
  .wuxia-site-v60 .azure-grid-requirements-v60,
  .wuxia-site-v60 .azure-effects-grid-v60,
  .wuxia-site-v60 .azure-skills-grid-v60{grid-template-columns:1fr;}
  .wuxia-site-v60 .azure-wide-card-v60{grid-template-columns:1fr;}
}

@media (max-width: 720px){
  .wuxia-site-v60 .azure-page-v60{width:min(100% - 18px, 100%); margin:18px auto 52px;}
  .wuxia-site-v60 .azure-hero-v60,
  .wuxia-site-v60 .azure-section-v60{padding:24px 18px;}
  .wuxia-site-v60 .azure-hero-title-v60{font-size:clamp(3.2rem, 16vw, 5rem);}
  .wuxia-site-v60 .azure-meta-grid-v60{grid-template-columns:1fr;}
  .wuxia-site-v60 .azure-skill-top-v60{grid-template-columns:1fr;}
  .wuxia-site-v60 .azure-section-head-v60 h2,
  .wuxia-site-v60 .azure-neigong-head-v60 h2{font-size:clamp(2.1rem, 11vw, 3.6rem);}
}


/* =========================
   Wuxia Atmosphere v61
   Small Azure Guard refinements
   ========================= */
.wuxia-site-v60 .azure-meta-grid-v60{
  grid-template-columns:repeat(2, minmax(220px, 1fr));
  max-width:520px;
}

.wuxia-site-v60 .azure-grid-two-cards-v61{
  margin-top:18px;
  grid-template-columns:repeat(2, minmax(0,1fr));
}

.wuxia-site-v60 .azure-compact-card-v61{
  min-height:auto;
  padding:20px 24px 18px;
}

.wuxia-site-v60 .azure-compact-card-v61 h3{
  margin-bottom:10px;
}

.wuxia-site-v60 .azure-rework-v60{
  background:
    radial-gradient(circle at 10% 12%, rgba(145,77,255,.08), transparent 25%),
    radial-gradient(circle at 92% 20%, rgba(89,69,232,.06), transparent 28%),
    linear-gradient(145deg, rgba(7,16,44,.88), rgba(5,10,26,.95));
}

.wuxia-site-v60 .azure-rework-card-v60{
  border-color:rgba(171,114,255,.22);
  background:linear-gradient(145deg, rgba(11,18,56,.82), rgba(8,11,33,.92));
}

.wuxia-site-v60 .azure-rework-card-v60::after{
  box-shadow:0 0 0 1px rgba(174,111,255,.04), 0 0 14px rgba(138,76,255,.08);
}

.wuxia-site-v60 .azure-callout-purple-v60{
  background:linear-gradient(90deg, rgba(170,95,255,.10), rgba(170,95,255,0));
}

.wuxia-site-v60 .azure-rework-v60 .azure-section-kicker-v60,
.wuxia-site-v60 .azure-rework-v60 .azure-skill-top-v60 span,
.wuxia-site-v60 .azure-rework-v60 .azure-card-v60 h3,
.wuxia-site-v60 .azure-rework-v60 .azure-rework-card-v60 h3{
  color:#9ddfe6;
}

@media (max-width: 900px){
  .wuxia-site-v60 .azure-grid-two-cards-v61{
    grid-template-columns:1fr;
  }
}


/* =========================
   Wuxia Atmosphere v62
   Shared subpage heroes + game content expansions
   ========================= */

.wuxia-site-v62 .subpage-shell-v62,
.wuxia-site-v62 .game-page-v62,
.wuxia-site-v62 .activity-page-v62{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
  padding:34px 0 64px;
}

.wuxia-site-v62 .subpage-hero-v62{
  position:relative;
  padding:20px;
  border:1px solid rgba(216,173,86,.22);
  background:
    linear-gradient(180deg, rgba(10,30,38,.96), rgba(4,18,24,.98)),
    radial-gradient(circle at top right, rgba(216,173,86,.08), transparent 45%);
  box-shadow:0 18px 46px rgba(0,0,0,.18), inset 0 0 0 1px rgba(216,173,86,.05);
  overflow:hidden;
}

.wuxia-site-v62 .subpage-hero-inner-v62{
  position:relative;
  padding:34px 42px 38px;
  border:1px solid rgba(216,173,86,.15);
  background:linear-gradient(145deg, rgba(5,20,26,.82), rgba(4,15,20,.92));
  overflow:hidden;
}

.wuxia-site-v62 .subpage-hero-inner-v62::before,
.wuxia-site-v62 .subpage-hero-inner-v62::after{
  content:"";
  position:absolute;
  pointer-events:none;
}

.wuxia-site-v62 .subpage-hero-inner-v62::before{
  inset:0;
  background:
    radial-gradient(circle at 85% 25%, rgba(216,173,86,.08), transparent 18%),
    radial-gradient(circle at 12% 85%, rgba(216,173,86,.05), transparent 20%);
}

.wuxia-site-v62 .subpage-hero-inner-v62::after{
  inset:14px;
  border:1px solid rgba(216,173,86,.08);
}

.wuxia-site-v62 .subpage-hero-copy-v62,
.wuxia-site-v62 .subpage-hero-side-v62,
.wuxia-site-v62 .subpage-hero-v62 .world-head-frame-v55{
  position:relative;
  z-index:1;
}

.wuxia-site-v62 .subpage-hero-kicker-v62{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin:0 0 16px;
  color:#d7af59;
  font-size:.85rem;
  font-weight:700;
  letter-spacing:.22em;
}

.wuxia-site-v62 .subpage-hero-kicker-v62::after{
  content:"";
  width:150px;
  height:1px;
  background:linear-gradient(90deg, rgba(216,173,86,.85), rgba(216,173,86,0));
}

.wuxia-site-v62 .subpage-hero-title-v62{
  margin:0;
  color:#f3efea;
  font-size:clamp(3.1rem, 5.8vw, 5.6rem);
  line-height:.95;
  letter-spacing:-.035em;
  text-wrap:balance;
  text-shadow:0 4px 18px rgba(0,0,0,.2);
  max-width:880px;
}

.wuxia-site-v62 .subpage-hero-text-v62{
  max-width:860px;
  margin:18px 0 0;
  color:#b9c5c6;
  font-size:1.12rem;
  line-height:1.58;
}

.wuxia-site-v62 .subpage-hero-grid-v62{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:26px;
  align-items:center;
}

.wuxia-site-v62 .subpage-hero-side-v62{
  justify-self:end;
  width:190px;
  height:190px;
  border-radius:50%;
  border:1px solid rgba(216,173,86,.18);
  background:radial-gradient(circle at center, rgba(216,173,86,.08), rgba(216,173,86,.02) 58%, transparent 70%);
  display:grid;
  place-items:center;
  box-shadow:inset 0 0 0 1px rgba(216,173,86,.04);
}

.wuxia-site-v62 .subpage-hero-side-v62 b{
  color:#d7af59;
  font-size:2.4rem;
  letter-spacing:.12em;
}

.wuxia-site-v62 .subpage-hero-side-v62 span{
  width:120px;
  height:120px;
  border-radius:50%;
  border:1px solid rgba(216,173,86,.28);
  display:grid;
  place-items:center;
  box-shadow:0 0 0 16px rgba(216,173,86,.05), 0 0 0 32px rgba(216,173,86,.025);
}

.wuxia-site-v62 .beginner-page-v53 .beginner-grid-v53,
.wuxia-site-v62 .world-directory-v54 .world-group-v55,
.wuxia-site-v62 .game-page-v62 .content-section-v62,
.wuxia-site-v62 .activity-page-v62 .content-section-v62{
  margin-top:22px;
}

.wuxia-site-v62 .content-section-v62{
  position:relative;
  padding:26px 26px 28px;
  border:1px solid rgba(216,173,86,.15);
  background:linear-gradient(145deg, rgba(5,20,26,.84), rgba(3,15,20,.92));
  box-shadow:0 16px 34px rgba(0,0,0,.14);
}

.wuxia-site-v62 .content-section-v62::before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(216,173,86,.08);
  pointer-events:none;
}

.wuxia-site-v62 .section-kicker-v62{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
  color:#86d5db;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.20em;
  text-transform:uppercase;
}

.wuxia-site-v62 .section-kicker-v62::after{
  content:"";
  width:56px;
  height:1px;
  background:linear-gradient(90deg, rgba(134,213,219,.85), rgba(134,213,219,0));
}

.wuxia-site-v62 .section-title-v62{
  margin:0 0 10px;
  color:#f3efea;
  font-size:clamp(2rem, 3.6vw, 3rem);
  line-height:1.02;
}

.wuxia-site-v62 .section-text-v62{
  margin:0;
  color:#9eb2b4;
  font-size:1.04rem;
  line-height:1.65;
  max-width:820px;
}

.wuxia-site-v62 .content-grid-v62{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}

.wuxia-site-v62 .content-card-v62{
  position:relative;
  padding:22px 22px 24px;
  border:1px solid rgba(216,173,86,.15);
  background:
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0)),
    linear-gradient(145deg, rgba(7,24,30,.95), rgba(3,15,20,.98));
  overflow:hidden;
  text-decoration:none;
  box-shadow:0 16px 34px rgba(0,0,0,.12);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}

.wuxia-site-v62 .content-card-v62::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(216,173,86,.07);
  pointer-events:none;
}

.wuxia-site-v62 .content-card-v62::after{
  content:"";
  position:absolute;
  right:-28px;
  bottom:-36px;
  width:160px;
  height:160px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(216,173,86,.055), transparent 66%);
  pointer-events:none;
}

.wuxia-site-v62 a.content-card-v62:hover{
  transform:translateY(-3px);
  border-color:rgba(216,173,86,.34);
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)),
    linear-gradient(145deg, rgba(9,29,35,.98), rgba(4,18,24,1));
}

.wuxia-site-v62 .content-card-v62 .tag{
  position:relative;
  z-index:1;
  display:inline-block;
  margin:0 0 14px;
}

.wuxia-site-v62 .content-card-v62 h2,
.wuxia-site-v62 .content-card-v62 h3{
  position:relative;
  z-index:1;
  margin:0 0 10px;
  color:#f2dfaa;
  font-size:1.75rem;
  line-height:1.08;
}

.wuxia-site-v62 .content-card-v62 p,
.wuxia-site-v62 .content-card-v62 li{
  position:relative;
  z-index:1;
  margin:0;
  color:#93a8aa;
  font-size:1rem;
  line-height:1.6;
}

.wuxia-site-v62 .content-card-v62 .card-link-v62{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  color:#d6b15f;
  font-size:.96rem;
  font-weight:700;
}

.wuxia-site-v62 .compact-points-v62{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}

.wuxia-site-v62 .point-box-v62{
  padding:16px 18px;
  border:1px solid rgba(216,173,86,.14);
  background:linear-gradient(145deg, rgba(5,20,26,.72), rgba(3,15,20,.88));
}

.wuxia-site-v62 .point-box-v62 span{
  display:block;
  margin-bottom:8px;
  color:#86d5db;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.wuxia-site-v62 .point-box-v62 strong{
  display:block;
  color:#f2dfaa;
  font-size:1.2rem;
  line-height:1.25;
}

.wuxia-site-v62 .point-box-v62 p{
  margin:8px 0 0;
  color:#9cb0b2;
  font-size:.95rem;
  line-height:1.55;
}

.wuxia-site-v62 .content-list-v62{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}

.wuxia-site-v62 .content-list-v62 article{
  padding:18px 20px;
  border:1px solid rgba(216,173,86,.12);
  background:rgba(3,15,20,.42);
}

.wuxia-site-v62 .content-list-v62 h3{
  margin:0 0 8px;
  color:#f0dfae;
  font-size:1.26rem;
}

.wuxia-site-v62 .content-list-v62 p{
  margin:0;
  color:#93a8aa;
  line-height:1.58;
}

.wuxia-site-v62 .note-strip-v62{
  margin-top:18px;
  padding:14px 18px;
  border-left:2px solid rgba(216,173,86,.48);
  background:linear-gradient(90deg, rgba(216,173,86,.08), rgba(216,173,86,0));
  color:#b6c1c2;
  line-height:1.6;
}

@media (max-width: 900px){
  .wuxia-site-v62 .subpage-hero-grid-v62{grid-template-columns:1fr}
  .wuxia-site-v62 .subpage-hero-side-v62{justify-self:start; width:150px; height:150px;}
  .wuxia-site-v62 .subpage-hero-side-v62 span{width:92px;height:92px;}
  .wuxia-site-v62 .compact-points-v62{grid-template-columns:1fr}
}

@media (max-width: 760px){
  .wuxia-site-v62 .content-grid-v62,
  .wuxia-site-v62 .content-list-v62,
  .wuxia-site-v62 .beginner-grid-v53,
  .wuxia-site-v62 .world-grid-v54{grid-template-columns:1fr}
}

@media (max-width: 620px){
  .wuxia-site-v62 .subpage-shell-v62,
  .wuxia-site-v62 .game-page-v62,
  .wuxia-site-v62 .activity-page-v62{width:min(100% - 20px, 1180px); padding-top:24px;}
  .wuxia-site-v62 .subpage-hero-v62{padding:14px;}
  .wuxia-site-v62 .subpage-hero-inner-v62{padding:24px 20px 26px;}
  .wuxia-site-v62 .subpage-hero-kicker-v62::after{width:44px;}
  .wuxia-site-v62 .subpage-hero-title-v62{font-size:clamp(2.45rem, 11vw, 4rem);}
  .wuxia-site-v62 .subpage-hero-text-v62{font-size:1rem;}
  .wuxia-site-v62 .content-section-v62{padding:22px 18px 24px;}
  .wuxia-site-v62 .content-section-v62::before{inset:10px;}
}


/* =========================
   Wuxia Atmosphere v63
   Full repository content for Battle Pass & Braziers
   ========================= */
.wuxia-site-v63 .battle-overview-v63{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;align-items:start}
.wuxia-site-v63 .battle-rules-v63{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wuxia-site-v63 .battle-rules-v63 li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:14px 16px;border:1px solid rgba(216,173,86,.13);background:rgba(3,15,20,.42)}
.wuxia-site-v63 .battle-rules-v63 li b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(216,173,86,.28);color:#d9b662}
.wuxia-site-v63 .battle-rules-v63 li span{color:#aebdbe;line-height:1.55}.wuxia-site-v63 .battle-rules-v63 strong{color:#f0d48d}
.wuxia-site-v63 .battle-costume-v63{margin:0;padding:16px;border:1px solid rgba(216,173,86,.16);background:rgba(3,15,20,.55)}
.wuxia-site-v63 .battle-costume-v63 img{display:block;width:100%;max-height:380px;object-fit:contain}.wuxia-site-v63 .battle-costume-v63 figcaption{margin-top:12px;display:flex;justify-content:space-between;gap:12px;color:#8fa6a8}.wuxia-site-v63 .battle-costume-v63 figcaption strong{color:#efd89c}
.wuxia-site-v63 .battle-table-wrap-v63{margin-top:18px;overflow:auto;border:1px solid rgba(216,173,86,.14);background:rgba(2,13,18,.62)}
.wuxia-site-v63 .battle-table-v63{width:100%;border-collapse:collapse;min-width:760px;font-size:.95rem}.wuxia-site-v63 .battle-table-v63 th,.wuxia-site-v63 .battle-table-v63 td{padding:11px 13px;border-bottom:1px solid rgba(216,173,86,.10);border-right:1px solid rgba(216,173,86,.08);vertical-align:top}.wuxia-site-v63 .battle-table-v63 th{position:sticky;top:0;background:#081b22;color:#f0dcaa;text-align:left}.wuxia-site-v63 .battle-table-v63 td{color:#aebbbb}.wuxia-site-v63 .battle-table-v63 tr:nth-child(even) td{background:rgba(255,255,255,.012)}.wuxia-site-v63 .battle-table-v63 tr:hover td{background:rgba(216,173,86,.035)}
.wuxia-site-v63 .bundles-table-v63{min-width:900px}.wuxia-site-v63 .pirate-table-v63{min-width:1000px}.wuxia-site-v63 .battle-subtitle-v63{margin:24px 0 8px;color:#f1dda5;font-size:1.7rem}
.wuxia-site-v63 .upgraded-v63{display:grid;grid-template-columns:240px 1fr;gap:18px;margin:18px 0 24px;padding:18px 20px;border:1px solid rgba(216,173,86,.15);background:linear-gradient(145deg,rgba(8,27,34,.72),rgba(3,15,20,.9))}.wuxia-site-v63 .upgraded-v63>div span{display:block;color:#86d5db;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase}.wuxia-site-v63 .upgraded-v63>div strong{display:block;margin-top:6px;color:#efdca7;font-size:1.35rem}.wuxia-site-v63 .upgraded-v63 ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wuxia-site-v63 .upgraded-v63 li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:rgba(255,255,255,.02);color:#aebcbc}.wuxia-site-v63 .upgraded-v63 li b{color:#f0cf80}

.wuxia-site-v63 .brazier-hero-grid-v63{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:24px;align-items:center}.wuxia-site-v63 .brazier-sub-v63{margin:8px 0 0;color:#d7af59;font-size:1.15rem}.wuxia-site-v63 .brazier-image-v63{margin:0;padding:14px;border:1px solid rgba(216,173,86,.14);background:rgba(2,14,19,.52)}.wuxia-site-v63 .brazier-image-v63 img{display:block;width:100%;max-height:340px;object-fit:contain}
.wuxia-site-v63 .brazier-locations-v63{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.wuxia-site-v63 .brazier-locations-v63 article{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:16px;border:1px solid rgba(216,173,86,.14);background:rgba(3,15,20,.42)}.wuxia-site-v63 .brazier-locations-v63 article>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(216,173,86,.24);color:#d9b662}.wuxia-site-v63 .brazier-locations-v63 small{color:#7f9a9d}.wuxia-site-v63 .brazier-locations-v63 h3{margin:3px 0;color:#efdba7}.wuxia-site-v63 .brazier-locations-v63 strong{color:#86d5db}.wuxia-site-v63 .brazier-copy-v63{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wuxia-site-v63 .brazier-copy-v63 p{margin:0;color:#a8b9ba;line-height:1.62}
.wuxia-site-v63 .brazier-rules-v63,.wuxia-site-v63 .brazier-patterns-v63{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.wuxia-site-v63 .brazier-rules-v63 article,.wuxia-site-v63 .brazier-patterns-v63 article{padding:18px;border:1px solid rgba(216,173,86,.14);background:rgba(3,15,20,.42)}.wuxia-site-v63 .brazier-rules-v63 article>span{display:block;color:#d9b662;font-size:1.6rem;font-weight:700}.wuxia-site-v63 .brazier-rules-v63 h3,.wuxia-site-v63 .brazier-patterns-v63 h3{margin:8px 0;color:#efdba7}.wuxia-site-v63 .brazier-rules-v63 p,.wuxia-site-v63 .brazier-patterns-v63 p{margin:0;color:#98acae;line-height:1.56}
.wuxia-site-v63 .mini-grid-v63{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);gap:5px;margin-bottom:14px}.wuxia-site-v63 .mini-grid-v63 i{display:block;border:1px solid rgba(216,173,86,.13);background:rgba(255,255,255,.015)}.wuxia-site-v63 .mini-grid-v63 i.pressed{background:#d4aa52;border-color:#efcb7d;box-shadow:0 0 14px rgba(216,173,86,.24)}.wuxia-site-v63 .mini-grid-v63 i.affected{background:#8d4d28;border-color:#bd7543}
.wuxia-site-v63 .brazier-special-v63,.wuxia-site-v63 .brazier-warning-v63{margin-top:16px;display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:15px 17px;border:1px solid rgba(216,173,86,.14);background:linear-gradient(90deg,rgba(216,173,86,.055),rgba(216,173,86,0))}.wuxia-site-v63 .brazier-special-v63>span,.wuxia-site-v63 .brazier-warning-v63>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(216,173,86,.28);color:#d8b45f}.wuxia-site-v63 .brazier-special-v63 strong,.wuxia-site-v63 .brazier-warning-v63 strong{color:#efd99e}.wuxia-site-v63 .brazier-special-v63 p,.wuxia-site-v63 .brazier-warning-v63 p{margin:3px 0 0;color:#aebabb;line-height:1.56}.wuxia-site-v63 .brazier-warning-v63{border-left:2px solid rgba(190,92,60,.72);background:linear-gradient(90deg,rgba(190,92,60,.07),rgba(190,92,60,0))}
.wuxia-site-v63 .brazier-rewards-v63{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.wuxia-site-v63 .brazier-rewards-v63 article{padding:16px 18px;border:1px solid rgba(216,173,86,.13);background:rgba(3,15,20,.42)}.wuxia-site-v63 .brazier-rewards-v63 article.main{grid-column:1/-1;background:linear-gradient(90deg,rgba(216,173,86,.07),rgba(216,173,86,.02))}.wuxia-site-v63 .brazier-rewards-v63 small{display:block;color:#7f999c;text-transform:uppercase;letter-spacing:.12em}.wuxia-site-v63 .brazier-rewards-v63 strong{display:block;margin-top:6px;color:#efdba7;font-size:1.18rem}
@media(max-width:900px){.wuxia-site-v63 .battle-overview-v63,.wuxia-site-v63 .brazier-hero-grid-v63{grid-template-columns:1fr}.wuxia-site-v63 .battle-rules-v63,.wuxia-site-v63 .brazier-copy-v63,.wuxia-site-v63 .brazier-rules-v63,.wuxia-site-v63 .brazier-patterns-v63,.wuxia-site-v63 .brazier-locations-v63,.wuxia-site-v63 .brazier-rewards-v63,.wuxia-site-v63 .upgraded-v63{grid-template-columns:1fr}.wuxia-site-v63 .brazier-rewards-v63 article.main{grid-column:auto}.wuxia-site-v63 .upgraded-v63 ul{grid-template-columns:1fr}}


/* =========================
   Wuxia Atmosphere v64
   Visibility fix for Battle Pass and Braziers
   ========================= */
.wuxia-site-v64 .reveal{
  opacity:1;
  transform:none;
  filter:none;
}
.wuxia-site-v64 .reveal.is-visible{
  opacity:1;
  transform:none;
  filter:none;
}


/* v68: compact help text inside community modal */
.community-help-v68{margin:16px 0 0;text-align:center;color:#8fa4a6;font-size:.92rem;letter-spacing:.02em}
.community-modal[hidden]{display:none!important;}

/* =========================
   Wuxia Atmosphere v69
   Profile / Users
   ========================= */
.wuxia-site-v69 .community-shell-v69{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
  padding:38px 0 64px;
}
.wuxia-site-v69 .community-hero-v69{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:26px;
  align-items:center;
  padding:36px 40px;
  border:1px solid rgba(216,173,86,.20);
  background:linear-gradient(145deg,rgba(8,27,34,.95),rgba(4,17,23,.98));
  box-shadow:0 18px 44px rgba(0,0,0,.18);
}
.wuxia-site-v69 .community-hero-v69 h1{
  margin:12px 0 12px;
  color:#f3efea;
  font-size:clamp(3.2rem,5vw,5rem);
  line-height:1;
}
.wuxia-site-v69 .community-hero-v69 p:last-child{
  margin:0;
  color:#9fb0b0;
  font-size:1.1rem;
  line-height:1.6;
}
.wuxia-site-v69 .community-hero-orb-v69{
  width:174px;
  height:174px;
  justify-self:end;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,173,86,.34);
  background:radial-gradient(circle,rgba(216,173,86,.06),rgba(4,16,21,.72) 68%);
  box-shadow:inset 0 0 0 14px rgba(216,173,86,.025);
}
.wuxia-site-v69 .community-hero-orb-v69 img{
  width:118px;
  height:118px;
  border-radius:50%;
  object-fit:cover;
}
.wuxia-site-v69 .community-hero-orb-v69 span{
  color:#e2bf70;
  font-size:3rem;
}
.wuxia-site-v69 .community-auth-v69,
.wuxia-site-v69 .community-profile-grid-v69,
.wuxia-site-v69 .community-users-section-v69{
  margin-top:22px;
}
.wuxia-site-v69 .community-auth-grid-v69,
.wuxia-site-v69 .community-profile-grid-v69{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.wuxia-site-v69 .community-profile-grid-v69{
  grid-template-columns:300px minmax(0,1fr);
}
.wuxia-site-v69 .community-panel-v69,
.wuxia-site-v69 .community-avatar-panel-v69,
.wuxia-site-v69 .community-users-section-v69{
  padding:26px 28px;
  border:1px solid rgba(216,173,86,.16);
  background:linear-gradient(145deg,rgba(7,24,30,.94),rgba(3,15,20,.98));
  box-shadow:0 16px 34px rgba(0,0,0,.14);
}
.wuxia-site-v69 .community-panel-v69 h2,
.wuxia-site-v69 .community-users-head-v69 h2{
  margin:10px 0 18px;
  color:#f0dfae;
  font-size:2rem;
  line-height:1.1;
}
.wuxia-site-v69 .community-panel-v69 label,
.wuxia-site-v69 .community-file-v69{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:0 0 14px;
  color:#a9b9b9;
}
.wuxia-site-v69 .community-panel-v69 input,
.wuxia-site-v69 .community-panel-v69 select,
.wuxia-site-v69 .community-panel-v69 textarea{
  width:100%;
  padding:12px 13px;
  border:1px solid rgba(216,173,86,.18);
  background:rgba(4,20,26,.86);
  color:#eef1eb;
  font:inherit;
  outline:none;
}
.wuxia-site-v69 .community-panel-v69 input:focus,
.wuxia-site-v69 .community-panel-v69 select:focus,
.wuxia-site-v69 .community-panel-v69 textarea:focus{
  border-color:rgba(216,173,86,.45);
  box-shadow:0 0 0 2px rgba(216,173,86,.05);
}
.wuxia-site-v69 .community-panel-v69 textarea{
  min-height:130px;
  resize:vertical;
}
.wuxia-site-v69 .community-panel-v69 button,
.wuxia-site-v69 .community-file-v69{
  cursor:pointer;
}
.wuxia-site-v69 .community-panel-v69 button,
.wuxia-site-v69 .community-pagination-v69 button{
  padding:11px 16px;
  border:1px solid rgba(216,173,86,.28);
  background:rgba(216,173,86,.05);
  color:#e5c16f;
  font:inherit;
  font-weight:700;
}
.wuxia-site-v69 .community-panel-v69 button.secondary{
  color:#9fb0b0;
}
.wuxia-site-v69 .community-message-v69{
  min-height:1.3em;
  margin:12px 0 0;
  color:#9fb0b0;
}
.wuxia-site-v69 .community-message-v69[data-type="error"]{color:#e3a1a1}
.wuxia-site-v69 .community-message-v69[data-type="success"]{color:#9ad5b0}
.wuxia-site-v69 .community-note-v69,
.wuxia-site-v69 .community-private-v69{
  display:block;
  margin-top:14px;
  color:#81999b;
  line-height:1.55;
}
.wuxia-site-v69 .community-private-v69{
  margin:-7px 0 14px;
  font-size:.9rem;
}
.wuxia-site-v69 .community-actions-v69{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.wuxia-site-v69 .community-avatar-panel-v69{
  text-align:center;
}
.wuxia-site-v69 .community-avatar-frame-v69{
  width:150px;
  height:150px;
  margin:0 auto 18px;
  border-radius:50%;
  overflow:hidden;
  border:1px solid rgba(216,173,86,.34);
  box-shadow:0 0 0 10px rgba(216,173,86,.03);
}
.wuxia-site-v69 .community-avatar-frame-v69 img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.wuxia-site-v69 .community-avatar-panel-v69 p{
  color:#95aaac;
  line-height:1.55;
}
.wuxia-site-v69 .community-file-v69{
  padding:11px 13px;
  border:1px solid rgba(216,173,86,.20);
  color:#e0bd6d;
}
.wuxia-site-v69 .community-file-v69 input{
  margin-top:8px;
  font-size:.9rem;
}
.wuxia-site-v69 .community-users-head-v69{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-end;
  margin-bottom:20px;
}
.wuxia-site-v69 .community-users-head-v69 > p{
  color:#81999b;
  margin:0 0 4px;
}
.wuxia-site-v69 .community-users-grid-v69{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.wuxia-site-v69 .community-user-card-v69{
  min-height:245px;
  padding:16px;
  border:1px solid rgba(216,173,86,.15);
  background:linear-gradient(145deg,rgba(6,22,29,.94),rgba(3,15,20,.98));
  text-align:center;
}
.wuxia-site-v69 .community-user-avatar-v69{
  width:86px;
  height:86px;
  margin:0 auto 13px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(216,173,86,.26);
}
.wuxia-site-v69 .community-user-card-v69 h3{
  margin:0 0 7px;
  color:#f0dfae;
  font-size:1.15rem;
  overflow-wrap:anywhere;
}
.wuxia-site-v69 .community-user-server-v69{
  display:inline-block;
  padding:4px 8px;
  border:1px solid rgba(216,173,86,.16);
  color:#d8b662;
  font-size:.84rem;
}
.wuxia-site-v69 .community-user-card-v69 p{
  margin:10px 0 0;
  color:#8ea2a4;
  font-size:.92rem;
  line-height:1.45;
}
.wuxia-site-v69 .community-pagination-v69{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:20px;
}
.wuxia-site-v69 .community-pagination-v69 button:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.wuxia-site-v69 .community-pagination-v69 span{
  min-width:72px;
  text-align:center;
  color:#9fb0b0;
}
.wuxia-site-v69 .community-empty-v69{
  grid-column:1/-1;
  padding:30px;
  text-align:center;
  color:#8ea2a4;
}
@media(max-width:1000px){
  .wuxia-site-v69 .community-users-grid-v69{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wuxia-site-v69 .community-hero-v69{grid-template-columns:1fr}
  .wuxia-site-v69 .community-hero-orb-v69{justify-self:start}
}
@media(max-width:760px){
  .wuxia-site-v69 .community-auth-grid-v69,
  .wuxia-site-v69 .community-profile-grid-v69{grid-template-columns:1fr}
  .wuxia-site-v69 .community-users-grid-v69{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wuxia-site-v69 .community-users-head-v69{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
  .wuxia-site-v69 .community-shell-v69{width:min(100% - 20px,1180px);padding-top:24px}
  .wuxia-site-v69 .community-hero-v69,
  .wuxia-site-v69 .community-panel-v69,
  .wuxia-site-v69 .community-avatar-panel-v69,
  .wuxia-site-v69 .community-users-section-v69{padding:22px 18px}
  .wuxia-site-v69 .community-users-grid-v69{grid-template-columns:1fr}
}

/* =========================
   Wuxia Atmosphere v70
   Users / account cleanup
   ========================= */

/* Prevent the header emblem image from escaping its round container. */
.round-brand-icon{
  overflow:hidden !important;
}
.round-brand-icon img,
.v40-brand-image img{
  width:72% !important;
  height:72% !important;
  max-width:72% !important;
  max-height:72% !important;
  object-fit:contain !important;
  position:relative !important;
  z-index:1 !important;
}

.wuxia-site-v69 .community-profile-single-v70{
  grid-template-columns:1fr !important;
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}

.wuxia-site-v69 .community-user-card-v70{
  min-height:132px;
  display:grid;
  place-items:center;
  padding:22px 16px;
}

.wuxia-site-v69 .community-user-card-v70 .community-user-body-v69{
  width:100%;
  text-align:center;
}

.wuxia-site-v69 .community-user-card-v70 h3{
  font-size:1.22rem;
  margin-bottom:10px;
}

.wuxia-site-v69 .community-user-card-v70 .community-user-server-v69{
  padding:5px 10px;
}

@media (max-width:760px){
  .round-brand-icon img,
  .v40-brand-image img{
    width:68% !important;
    height:68% !important;
    max-width:68% !important;
    max-height:68% !important;
  }
}


/* =========================
   Wuxia Atmosphere v71
   Multi-server profile + Meridian section
   ========================= */
.wuxia-site-v69 .community-server-field-v71{
  margin:0 0 16px;
  padding:14px 16px 16px;
  border:1px solid rgba(216,173,86,.18);
}
.wuxia-site-v69 .community-server-field-v71 legend{
  padding:0 7px;
  color:#a9b9b9;
}
.wuxia-site-v69 .community-server-field-v71 > p{
  margin:0 0 12px;
  color:#81999b;
  font-size:.9rem;
}
.wuxia-site-v69 .community-server-options-v71{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 12px;
}
.wuxia-site-v69 .community-server-options-v71 label{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:8px;
  margin:0;
  padding:9px 10px;
  border:1px solid rgba(216,173,86,.12);
  background:rgba(4,20,26,.66);
}
.wuxia-site-v69 .community-server-options-v71 input{
  width:auto;
  margin:0;
  accent-color:#d8ad56;
}
.wuxia-site-v69 .community-user-servers-v71{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
}

.meridians-shell-v71{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:40px 0 64px;
}
.meridians-hero-v71{
  display:grid;
  grid-template-columns:minmax(0,1fr) 240px;
  gap:28px;
  align-items:center;
  padding:38px 42px;
  border:1px solid rgba(216,173,86,.2);
  background:linear-gradient(145deg,rgba(8,27,34,.96),rgba(4,17,23,.98));
  box-shadow:0 18px 46px rgba(0,0,0,.18);
}
.meridians-copy-v71 h1{
  margin:10px 0 14px;
  color:#f3efea;
  font-size:clamp(3.5rem,6vw,5.6rem);
  line-height:.95;
}
.meridians-copy-v71 > p:last-child{
  margin:0;
  max-width:760px;
  color:#a7b7b8;
  font-size:1.12rem;
  line-height:1.6;
}
.meridians-orb-v71{
  width:190px;height:190px;
  justify-self:end;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid rgba(216,173,86,.28);
  box-shadow:0 0 0 16px rgba(216,173,86,.03),0 0 0 34px rgba(216,173,86,.015);
  background:radial-gradient(circle,rgba(10,42,53,.96),rgba(3,16,22,.98));
}
.meridians-orb-v71 span{
  width:132px;height:132px;border-radius:50%;overflow:hidden;
  border:1px solid rgba(216,173,86,.35);
}
.meridians-orb-v71 img{width:100%;height:100%;object-fit:cover}
.meridians-overview-v71{
  display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:18px;
  margin-top:22px;
}
.meridians-image-v71,.meridians-summary-v71,.meridian-card-v71,.meridians-items-v71{
  border:1px solid rgba(216,173,86,.15);
  background:linear-gradient(145deg,rgba(6,22,29,.94),rgba(3,15,20,.98));
}
.meridians-image-v71{padding:14px;display:grid;place-items:center}
.meridians-image-v71 img{width:100%;height:100%;max-height:330px;object-fit:contain}
.meridians-summary-v71{padding:26px}
.meridians-summary-v71 h2,.meridians-items-v71 h2{margin:10px 0 12px;color:#f0dfae;font-size:2rem}
.meridians-summary-v71 p,.meridians-items-v71 p,.meridian-card-v71 p{color:#9fb0b0;line-height:1.58}
.meridians-facts-v71{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.meridians-facts-v71 article{padding:12px;border:1px solid rgba(216,173,86,.12);background:rgba(3,16,22,.5)}
.meridians-facts-v71 span{display:block;color:#e6c56f;font-size:1.25rem;font-weight:700}
.meridians-facts-v71 small{color:#7f999b}
.meridians-grid-v71{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.meridian-card-v71{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;padding:20px}
.meridian-num-v71{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(216,173,86,.24);color:#d8b662}
.meridian-card-v71 h3{margin:0 0 8px;color:#f0dfae;font-size:1.4rem}
.meridian-card-v71 p{margin:0}
.meridians-items-v71{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:22px;align-items:center;margin-top:18px;padding:24px}
.meridians-pills-v71{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.meridians-pills-v71 img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid rgba(216,173,86,.14);background:rgba(0,0,0,.15)}
.meridians-footer-link-v71{margin-top:18px;text-align:center}
.meridians-footer-link-v71 a{display:inline-block;padding:12px 18px;border:1px solid rgba(216,173,86,.24);color:#e0bd6d;background:rgba(216,173,86,.04);font-weight:700}
@media(max-width:860px){
  .meridians-hero-v71,.meridians-overview-v71,.meridians-items-v71{grid-template-columns:1fr}
  .meridians-orb-v71{justify-self:start}
  .meridians-grid-v71{grid-template-columns:1fr}
}
@media(max-width:560px){
  .meridians-shell-v71{width:min(100% - 20px,1180px);padding-top:24px}
  .meridians-hero-v71{padding:26px 20px}
  .meridians-facts-v71{grid-template-columns:1fr}
  .meridians-pills-v71{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wuxia-site-v69 .community-server-options-v71{grid-template-columns:1fr}
}


/* =========================
   Wuxia Atmosphere v72
   Meridian catalog from old meridians.html
   ========================= */
.wuxia-site-v72 .meridian-catalog-shell-v72{width:min(1180px,calc(100% - 40px));margin:34px auto 64px}
.wuxia-site-v72 .meridians-catalog-hero-v72{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:center;padding:38px 42px;border:1px solid rgba(216,173,86,.22);background:linear-gradient(145deg,rgba(8,27,34,.96),rgba(4,17,23,.98));box-shadow:0 20px 52px rgba(0,0,0,.2),inset 0 0 0 1px rgba(216,173,86,.04)}
.wuxia-site-v72 .meridians-catalog-hero-v72::before{content:"";position:absolute;inset:16px;border:1px solid rgba(216,173,86,.08);pointer-events:none}
.wuxia-site-v72 .meridians-catalog-hero-v72 h1{margin:10px 0 14px;color:#f3efea;font-size:clamp(3.5rem,6vw,5.7rem);line-height:.94}
.wuxia-site-v72 .meridians-catalog-hero-v72 p:last-child{max-width:760px;margin:0;color:#b6c3c4;font-size:1.12rem;line-height:1.6}
.wuxia-site-v72 .meridians-catalog-orb-v72{width:190px;height:190px;justify-self:end;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(216,173,86,.35);background:radial-gradient(circle,rgba(7,38,48,.98),rgba(2,15,21,.96));box-shadow:0 0 0 18px rgba(216,173,86,.035),0 0 0 36px rgba(216,173,86,.018)}
.wuxia-site-v72 .meridians-catalog-orb-v72 img{width:108px;height:108px;border-radius:50%;object-fit:cover}
.wuxia-site-v72 .meridian-category-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.wuxia-site-v72 .meridian-category-nav a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px;border:1px solid rgba(216,173,86,.16);background:linear-gradient(180deg,rgba(6,28,38,.92),rgba(3,18,25,.96));color:#efd08a;font-weight:700;transition:.2s ease}
.wuxia-site-v72 .meridian-category-nav a:hover{transform:translateY(-2px);border-color:rgba(104,205,212,.4)}
.wuxia-site-v72 .meridian-catalog-section{position:relative;margin-top:28px}
.wuxia-site-v72 .catalog-heading{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:14px}
.wuxia-site-v72 .catalog-heading>span{min-height:50px;display:grid;place-items:center;border:1px solid rgba(103,205,212,.34);background:rgba(6,25,37,.7);color:#73d9dd;font-weight:700}
.wuxia-site-v72 .catalog-heading p{margin:0 0 5px;color:#67d0d4;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.wuxia-site-v72 .catalog-heading h2{margin:0;color:#f0cf82;font-size:clamp(1.9rem,3.2vw,2.8rem)}
.wuxia-site-v72 .meridian-entry-featured{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;padding:18px;border:1px solid rgba(216,173,86,.18);background:linear-gradient(145deg,rgba(5,25,34,.95),rgba(2,17,24,.98))}
.wuxia-site-v72 .meridian-entry-image{margin:0;border:1px solid rgba(216,173,86,.18);background:#061826}
.wuxia-site-v72 .meridian-entry-image img{width:100%;height:auto}
.wuxia-site-v72 .meridian-entry-head{display:grid;grid-template-columns:minmax(0,1fr) 144px;gap:14px;margin-bottom:12px}
.wuxia-site-v72 .meridian-entry-label{margin:0 0 6px;color:#67d0d4;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.wuxia-site-v72 .meridian-entry-head h3{margin:0;color:#f0cf82;font-size:2rem}
.wuxia-site-v72 .meridian-circle-badge,.wuxia-site-v72 .meridian-summary-box,.wuxia-site-v72 .meridian-stats-box,.wuxia-site-v72 .meridian-rating-note{border:1px solid rgba(103,205,212,.18);background:rgba(5,31,41,.6)}
.wuxia-site-v72 .meridian-circle-badge{padding:12px;text-align:center}
.wuxia-site-v72 .meridian-circle-badge span{display:block;margin-bottom:6px;color:#aebfc1;font-size:.8rem}
.wuxia-site-v72 .meridian-circle-badge strong{display:block;color:#f4deb0;font-size:1.8rem}
.wuxia-site-v72 .meridian-summary-box,.wuxia-site-v72 .meridian-stats-box,.wuxia-site-v72 .meridian-rating-note{margin-top:10px;padding:13px 15px;border-left:2px solid rgba(103,205,212,.7)}
.wuxia-site-v72 .meridian-summary-box strong,.wuxia-site-v72 .meridian-stats-box h4{display:block;margin:0 0 8px;color:#f0cf82}
.wuxia-site-v72 .meridian-summary-box p{margin:0}
.wuxia-site-v72 .meridian-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.wuxia-site-v72 .stat-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(130,171,186,.12);color:#c8d4d5}
.wuxia-site-v72 .stat-line strong{color:#73d9dd;flex:none}
.wuxia-site-v72 .school-meridian-block{padding:16px;border:1px solid rgba(216,173,86,.14);background:linear-gradient(145deg,rgba(5,24,32,.92),rgba(3,17,24,.97))}
.wuxia-site-v72 .school-meridian-block + .school-meridian-block{margin-top:16px}
.wuxia-site-v72 .school-subsection-copy{margin-bottom:14px;padding:14px 16px;border-left:3px solid #67d0d4;background:rgba(3,33,46,.55)}
.wuxia-site-v72 .school-subsection-copy h3{margin:0 0 7px;color:#f0cf82;font-size:1.3rem}
.wuxia-site-v72 .school-subsection-copy p{margin:0;color:#b6c3c4}
.wuxia-site-v72 .school-meridian-grid,.wuxia-site-v72 .sect-meridian-grid,.wuxia-site-v72 .jianghu-meridian-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.wuxia-site-v72 .school-meridian-card,.wuxia-site-v72 .sect-meridian-card,.wuxia-site-v72 .jianghu-meridian-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid rgba(216,173,86,.14);background:linear-gradient(145deg,rgba(6,28,38,.92),rgba(4,19,27,.97))}
.wuxia-site-v72 .school-meridian-card img,.wuxia-site-v72 .sect-meridian-card img,.wuxia-site-v72 .jianghu-meridian-card img{width:64px;height:64px;object-fit:cover;border:1px solid rgba(216,173,86,.16)}
.wuxia-site-v72 .school-meridian-card span,.wuxia-site-v72 .sect-meridian-card span,.wuxia-site-v72 .jianghu-meridian-card span{color:#67d0d4;font-size:.8rem}
.wuxia-site-v72 .school-meridian-card h4,.wuxia-site-v72 .sect-meridian-card h3,.wuxia-site-v72 .jianghu-meridian-card h3{margin:4px 0 5px;color:#f0cf82;font-size:1rem}
.wuxia-site-v72 .school-meridian-card p,.wuxia-site-v72 .sect-meridian-card p,.wuxia-site-v72 .jianghu-meridian-card p{margin:0;color:#b9c6c7;font-size:.9rem;line-height:1.35}
.wuxia-site-v72 .school-meridian-card-detailed{display:block}
.wuxia-site-v72 .school-meridian-card-head{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}
.wuxia-site-v72 .school-meridian-description,.wuxia-site-v72 .school-meridian-stats{margin-top:10px;padding:10px 11px;border-left:2px solid rgba(103,208,212,.72);background:rgba(3,33,46,.48)}
.wuxia-site-v72 .school-meridian-description>strong,.wuxia-site-v72 .school-meridian-stats>strong{display:block;margin-bottom:6px;color:#f0cf82;font-size:.9rem}
.wuxia-site-v72 .school-stat-list>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid rgba(130,171,186,.1);color:#c8d4d5;font-size:.82rem}
.wuxia-site-v72 .school-stat-list b{color:#73d9dd;flex:none}
.wuxia-site-v72 .school-meridian-ratings{display:grid;gap:6px;margin-top:10px}
.wuxia-site-v72 .school-meridian-ratings>div{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgba(216,173,86,.12);background:rgba(5,24,36,.55);color:#c8d4d5;font-size:.82rem}
.wuxia-site-v72 .school-meridian-ratings b{color:#f0cf82;letter-spacing:.08em}
.wuxia-site-v72 .school-meridian-circle{color:#c5d1d3;font-size:.84rem}
.wuxia-site-v72 .school-meridian-circle strong{color:#73d9dd}
.wuxia-site-v72 .meridians-bottom-v72{margin-top:24px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 18px;border:1px solid rgba(216,173,86,.12);background:rgba(4,21,29,.72);color:#91a5a7}
.wuxia-site-v72 .meridians-bottom-v72 a{color:#e7c571;font-weight:700;white-space:nowrap}
@media(max-width:1080px){.wuxia-site-v72 .school-meridian-grid,.wuxia-site-v72 .sect-meridian-grid,.wuxia-site-v72 .jianghu-meridian-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.wuxia-site-v72 .meridians-catalog-hero-v72,.wuxia-site-v72 .meridian-entry-featured{grid-template-columns:1fr}.wuxia-site-v72 .meridians-catalog-orb-v72{justify-self:start}}
@media(max-width:680px){.wuxia-site-v72 .meridian-catalog-shell-v72{width:min(100% - 20px,1180px);margin-top:22px}.wuxia-site-v72 .meridians-catalog-hero-v72{padding:26px 20px}.wuxia-site-v72 .meridian-category-nav,.wuxia-site-v72 .school-meridian-grid,.wuxia-site-v72 .sect-meridian-grid,.wuxia-site-v72 .jianghu-meridian-grid,.wuxia-site-v72 .meridian-stats-grid{grid-template-columns:1fr}.wuxia-site-v72 .meridian-entry-head{grid-template-columns:1fr}.wuxia-site-v72 .meridians-bottom-v72{align-items:flex-start;flex-direction:column}}



/* WulinGuide account UI v1 */
.auth-modal-v1[hidden]{display:none!important}
.auth-modal-v1{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(0,7,10,.82);backdrop-filter:blur(8px)}
.auth-dialog-v1{position:relative;width:min(480px,100%);padding:30px;border:1px solid rgba(216,173,86,.28);background:linear-gradient(145deg,rgba(7,28,36,.99),rgba(3,17,23,.995));box-shadow:0 30px 90px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.015)}
.auth-dialog-v1::before{content:"";position:absolute;inset:11px;border:1px solid rgba(216,173,86,.08);pointer-events:none}
.auth-close-v1{position:absolute;right:13px;top:9px;width:36px;height:36px;border:0;background:transparent;color:#a8b9ba;font-size:1.8rem;cursor:pointer}
.auth-dialog-v1 h2{margin:8px 0 7px;color:#f0ddaa;font:500 2rem/1.05 Georgia,"Times New Roman",serif}
.auth-lead-v1{margin:0 0 18px;color:#97abad;line-height:1.5}
.auth-tabs-v1{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}
.auth-tabs-v1 button{padding:11px 12px;border:1px solid rgba(216,173,86,.16);background:rgba(4,20,27,.72);color:#95a9aa;cursor:pointer;font:600 .9rem Georgia,"Times New Roman",serif}
.auth-tabs-v1 button.is-active{border-color:rgba(216,173,86,.46);color:#f0cf82;background:rgba(216,173,86,.07)}
.auth-form-v1{display:grid;gap:13px}
.auth-form-v1[hidden]{display:none!important}
.auth-form-v1 label{display:grid;gap:7px;color:#c9d3d4;font-size:.9rem}
.auth-form-v1 input,.auth-form-v1 select{width:100%;padding:12px 13px;border:1px solid rgba(126,169,177,.22);outline:none;background:#04161d;color:#e8eeee;font:inherit}
.auth-form-v1 input:focus,.auth-form-v1 select:focus{border-color:rgba(216,173,86,.55);box-shadow:0 0 0 2px rgba(216,173,86,.07)}
.auth-submit-v1{margin-top:3px;padding:12px 16px;border:1px solid rgba(216,173,86,.44);background:rgba(216,173,86,.08);color:#f0cf82;font-weight:700;cursor:pointer}
.auth-message-v1{min-height:1.2em;margin:0;color:#e89b8c;font-size:.86rem}
.profile-shell-v1{width:min(980px,calc(100% - 40px));margin:38px auto 64px}
.profile-card-v1{position:relative;padding:34px;border:1px solid rgba(216,173,86,.24);background:linear-gradient(145deg,rgba(7,28,36,.96),rgba(3,17,23,.98));box-shadow:0 24px 64px rgba(0,0,0,.28)}
.profile-card-v1::before{content:"";position:absolute;inset:14px;border:1px solid rgba(216,173,86,.08);pointer-events:none}
.profile-card-head-v1{position:relative;z-index:1;display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:center}
.profile-avatar-wrap-v1{display:grid;justify-items:center;gap:10px}
.profile-avatar-wrap-v1 img{width:154px;height:154px;border-radius:50%;object-fit:cover;border:2px solid rgba(216,173,86,.52);box-shadow:0 0 0 7px rgba(216,173,86,.04),0 14px 34px rgba(0,0,0,.3)}
.profile-avatar-button-v1,.profile-avatar-reset-v1{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border:1px solid rgba(216,173,86,.22);background:rgba(216,173,86,.05);color:#e2c276;font:600 .82rem Georgia,"Times New Roman",serif;cursor:pointer}
.profile-avatar-reset-v1{border-color:rgba(126,169,177,.16);background:rgba(4,22,29,.7);color:#8fa7a9}
.profile-heading-v1 h1{margin:9px 0 10px;color:#f0ddaa;font:500 clamp(2.6rem,6vw,4.5rem)/.95 Georgia,"Times New Roman",serif}
.profile-heading-v1>p:last-child{margin:0;color:#95aaac}
.profile-info-grid-v1{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:30px}
.profile-field-v1{min-height:112px;padding:17px;border:1px solid rgba(216,173,86,.14);background:rgba(4,22,29,.68)}
.profile-field-v1 span{display:block;margin-bottom:12px;color:#718e92;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.profile-field-v1 strong{display:block;color:#e6d8b4;font-size:1.08rem;overflow-wrap:anywhere}
.profile-actions-v1{position:relative;z-index:1;margin-top:20px;display:flex;justify-content:flex-end}
.profile-actions-v1 button{padding:11px 17px;border:1px solid rgba(179,95,82,.32);background:rgba(145,55,44,.07);color:#d6a49c;cursor:pointer}
@media(max-width:720px){
  .profile-shell-v1{width:min(100% - 22px,980px);margin-top:24px}
  .profile-card-v1{padding:27px 20px}
  .profile-card-head-v1{grid-template-columns:1fr;text-align:center}
  .profile-info-grid-v1{grid-template-columns:1fr}
  .profile-actions-v1{justify-content:stretch}
  .profile-actions-v1 button{width:100%}
}



.auth-resend-v1{
  padding:10px 14px;
  border:1px solid rgba(126,169,177,.18);
  background:transparent;
  color:#8fa7a9;
  font:600 .8rem Georgia,"Times New Roman",serif;
  cursor:pointer;
}
.auth-resend-v1:hover{border-color:rgba(216,173,86,.32);color:#e2c276}
.auth-resend-v1:disabled{opacity:.55;cursor:default}


/* Keep auth fields dark, including browser autofill */
.auth-form-v1 input,
.auth-form-v1 select{
  background:#04161d !important;
  color:#e8eeee !important;
  caret-color:#f0cf82;
  border-color:rgba(126,169,177,.22) !important;
  box-shadow:none;
}
.auth-form-v1 input::placeholder{color:#6f878a}
.auth-form-v1 input:-webkit-autofill,
.auth-form-v1 input:-webkit-autofill:hover,
.auth-form-v1 input:-webkit-autofill:focus,
.auth-form-v1 input:-webkit-autofill:active{
  -webkit-text-fill-color:#e8eeee !important;
  caret-color:#f0cf82 !important;
  -webkit-box-shadow:0 0 0 1000px #04161d inset !important;
  box-shadow:0 0 0 1000px #04161d inset !important;
  border:1px solid rgba(126,169,177,.22) !important;
  transition:background-color 9999s ease-out 0s;
}
.auth-form-v1 input:focus{
  border-color:rgba(216,173,86,.55) !important;
  box-shadow:0 0 0 2px rgba(216,173,86,.07) !important;
}


/* Header account identity */
nav .header-user-v1{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border:1px solid rgba(216,173,86,.16);
  background:rgba(4,20,27,.55);
  color:#d9e1e1;
  border-radius:999px;
}
nav .header-user-v1:hover{
  border-color:rgba(216,173,86,.38);
  color:#fff;
}
.header-user-avatar-v1{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(216,173,86,.45);
  background:#071923;
}
.header-user-name-v1{
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:Arial,sans-serif;
  font-size:.78rem;
  color:#d9e1e1;
}
nav .header-logout-v1{
  color:#c98f83;
  border-bottom-color:transparent;
}
nav .header-logout-v1:hover{
  color:#f0b0a3;
  border-color:rgba(201,143,131,.45);
}
@media(max-width:780px){
  .header-user-name-v1{max-width:110px}
}


/* Profile page layout/footer alignment */
body.profile-page-v1{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
body.profile-page-v1 .header{
  flex:0 0 auto;
}
body.profile-page-v1 .profile-shell-v1{
  flex:1 0 auto;
  width:min(1180px,calc(100% - 40px));
}
body.profile-page-v1 .site-footer-v44{
  flex:0 0 auto;
  width:100%;
  margin-top:28px;
  padding:24px 0 30px;
  border-top:1px solid rgba(216,173,86,.11);
}
body.profile-page-v1 .footer-inner-v44{
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#88a0a1;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.82rem;
  line-height:1;
  letter-spacing:.10em;
  text-transform:uppercase;
}
body.profile-page-v1 .footer-title-v46{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  white-space:nowrap;
}
body.profile-page-v1 .footer-title-v46::before,
body.profile-page-v1 .footer-title-v46::after{
  content:"";
  display:block;
  width:92px;
  max-width:18vw;
  height:1px;
  background:linear-gradient(90deg,rgba(216,173,86,0),rgba(216,173,86,.72),rgba(216,173,86,0));
}
@media(max-width:700px){
  body.profile-page-v1 .footer-title-v46{gap:12px}
  body.profile-page-v1 .footer-title-v46::before,
  body.profile-page-v1 .footer-title-v46::after{width:56px}
}


/* Auth confirmation status */
.auth-status-v1{
  padding:6px 0 2px;
}
.auth-status-title-v1{
  margin:0 0 10px;
  color:#f0ddaa;
  font:600 1.08rem/1.3 Georgia,"Times New Roman",serif;
}
.auth-status-text-v1{
  margin:0;
  color:#9fb0b2;
  line-height:1.55;
  font-size:.9rem;
}
.auth-status-text-v1 strong{
  color:#e7d6aa;
  font-weight:600;
}


/* Private profile two-column layout v2 */
.profile-card-v2{padding:28px}
.profile-layout-v2{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  gap:28px;
  align-items:start;
}
.profile-left-v2{
  display:grid;
  gap:24px;
  align-content:start;
  padding:6px 2px 6px 0;
}
.profile-heading-v2{
  text-align:center;
}
.profile-heading-v2 h1{
  margin:8px 0 8px;
  font-size:clamp(2rem,3.8vw,3.15rem);
}
.profile-heading-v2>p:last-child{
  font-size:.9rem;
  line-height:1.5;
}
.profile-right-v2{
  min-width:0;
  display:grid;
  gap:18px;
}
.profile-info-grid-v2{
  margin-top:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.profile-info-grid-v2 .profile-field-v1{
  min-height:102px;
}
.profile-field-wide-v2{
  grid-column:1 / -1;
}
.profile-about-v2{
  border:1px solid rgba(216,173,86,.14);
  background:rgba(4,22,29,.68);
  padding:17px;
}
.profile-about-head-v2{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:12px;
}
.profile-about-head-v2>div>span{
  display:block;
  color:#718e92;
  font-size:.76rem;
  letter-spacing:.08em;
}
.profile-about-head-v2 small{
  display:block;
  margin-top:5px;
  color:#667f82;
  font-size:.72rem;
}
#profile-about-count-v2{
  color:#687f82;
  font-size:.72rem;
  white-space:nowrap;
}
#profile-about-v2{
  width:100%;
  min-height:150px;
  resize:vertical;
  padding:13px 14px;
  border:1px solid rgba(126,169,177,.22);
  outline:none;
  background:#04161d;
  color:#dfe8e8;
  font:inherit;
  line-height:1.55;
}
#profile-about-v2::placeholder{color:#647b7e}
#profile-about-v2:focus{
  border-color:rgba(216,173,86,.55);
  box-shadow:0 0 0 2px rgba(216,173,86,.07);
}
.profile-about-actions-v2{
  display:flex;
  justify-content:flex-end;
  margin-top:11px;
}
#profile-about-save-v2{
  min-height:38px;
  padding:9px 15px;
  border:1px solid rgba(216,173,86,.28);
  background:rgba(216,173,86,.06);
  color:#e7c878;
  font:600 .82rem Georgia,"Times New Roman",serif;
  cursor:pointer;
}
#profile-about-save-v2:disabled{opacity:.55;cursor:default}
.profile-card-v2 .profile-actions-v1{
  margin-top:0;
}

@media(max-width:860px){
  .profile-layout-v2{grid-template-columns:1fr}
  .profile-left-v2{
    grid-template-columns:190px minmax(0,1fr);
    align-items:center;
  }
  .profile-heading-v2{text-align:left}
}
@media(max-width:620px){
  .profile-card-v2{padding:24px 18px}
  .profile-left-v2{grid-template-columns:1fr}
  .profile-heading-v2{text-align:center}
  .profile-info-grid-v2{grid-template-columns:1fr}
  .profile-field-wide-v2{grid-column:auto}
  .profile-about-head-v2{flex-direction:column;gap:7px}
}


/* Compact private profile layout v3 */
body.profile-page-v1 .profile-shell-v1{
  width:min(1040px,calc(100% - 34px));
  margin:28px auto 46px;
}
body.profile-page-v1 .profile-card-v2{
  padding:22px;
}
body.profile-page-v1 .profile-card-v1::before{
  inset:11px;
}
body.profile-page-v1 .profile-layout-v2{
  grid-template-columns:220px minmax(0,1fr);
  gap:20px;
}
body.profile-page-v1 .profile-left-v2{
  gap:16px;
  padding-top:2px;
}
body.profile-page-v1 .profile-avatar-wrap-v1{
  gap:8px;
}
body.profile-page-v1 .profile-avatar-wrap-v1 img{
  width:132px;
  height:132px;
  box-shadow:0 0 0 6px rgba(216,173,86,.035),0 10px 26px rgba(0,0,0,.26);
}
body.profile-page-v1 .profile-avatar-button-v1,
body.profile-page-v1 .profile-avatar-reset-v1{
  min-height:34px;
  padding:7px 11px;
  font-size:.76rem;
}
body.profile-page-v1 .profile-heading-v2 .tag{
  margin-bottom:4px;
}
body.profile-page-v1 .profile-heading-v2 h1{
  margin:4px 0 5px;
  font-size:clamp(1.9rem,3vw,2.65rem);
  line-height:.98;
}
body.profile-page-v1 .profile-heading-v2>p:last-child{
  font-size:.8rem;
  line-height:1.4;
}
body.profile-page-v1 .profile-right-v2{
  gap:12px;
}
body.profile-page-v1 .profile-info-grid-v2{
  gap:10px;
}
body.profile-page-v1 .profile-info-grid-v2 .profile-field-v1{
  min-height:82px;
  padding:13px 14px;
}
body.profile-page-v1 .profile-field-v1 span{
  margin-bottom:7px;
  font-size:.7rem;
}
body.profile-page-v1 .profile-field-v1 strong{
  font-size:.98rem;
}
body.profile-page-v1 .profile-about-v2{
  padding:13px 14px;
}
body.profile-page-v1 .profile-about-head-v2{
  margin-bottom:8px;
}
body.profile-page-v1 .profile-about-head-v2 small{
  margin-top:3px;
  font-size:.68rem;
}
body.profile-page-v1 #profile-about-v2{
  min-height:105px;
  padding:11px 12px;
  font-size:.88rem;
}
body.profile-page-v1 .profile-about-actions-v2{
  margin-top:8px;
}
body.profile-page-v1 #profile-about-save-v2{
  min-height:34px;
  padding:7px 12px;
  font-size:.76rem;
}
body.profile-page-v1 .profile-actions-v1{
  margin-top:2px;
}
body.profile-page-v1 .profile-actions-v1 button{
  padding:9px 14px;
  font-size:.76rem;
}
@media(max-width:860px){
  body.profile-page-v1 .profile-layout-v2{
    grid-template-columns:1fr;
    gap:18px;
  }
  body.profile-page-v1 .profile-left-v2{
    grid-template-columns:150px minmax(0,1fr);
    gap:18px;
  }
  body.profile-page-v1 .profile-heading-v2{text-align:left}
}
@media(max-width:620px){
  body.profile-page-v1 .profile-shell-v1{
    width:min(100% - 18px,1040px);
    margin-top:18px;
  }
  body.profile-page-v1 .profile-card-v2{padding:18px 14px}
  body.profile-page-v1 .profile-left-v2{grid-template-columns:1fr}
  body.profile-page-v1 .profile-heading-v2{text-align:center}
}


/* Personal profile compact layout v4 */
body.profile-page-v1 .profile-shell-v1{
  width:min(920px,calc(100% - 28px));
  margin:22px auto 34px;
}
body.profile-page-v1 .profile-card-v2{
  padding:18px;
}
body.profile-page-v1 .profile-card-v1::before{inset:9px}
body.profile-page-v1 .profile-layout-v2{
  grid-template-columns:185px minmax(0,1fr);
  gap:16px;
}
body.profile-page-v1 .profile-left-v2{
  gap:12px;
  padding:0;
}
body.profile-page-v1 .profile-heading-v2{
  text-align:center;
}
body.profile-page-v1 .profile-heading-v2 .tag{
  margin:0 0 4px;
}
body.profile-page-v1 .profile-heading-v2 h1{
  margin:0;
  font-size:clamp(1.55rem,2.5vw,2.05rem);
  line-height:1;
}
body.profile-page-v1 .profile-avatar-wrap-v1 img{
  width:116px;
  height:116px;
}
body.profile-page-v1 .profile-avatar-button-v1,
body.profile-page-v1 .profile-avatar-reset-v1{
  min-height:31px;
  padding:6px 9px;
  font-size:.72rem;
}
body.profile-page-v1 .profile-right-v2{
  gap:10px;
}
body.profile-page-v1 .profile-info-grid-v2{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
}
body.profile-page-v1 .profile-info-grid-v2 .profile-field-v1{
  min-height:auto;
  padding:11px 12px;
}
body.profile-page-v1 .profile-field-v1 span{
  margin-bottom:6px;
  font-size:.67rem;
}
body.profile-page-v1 .profile-field-v1 strong{
  font-size:.94rem;
}
body.profile-page-v1 .profile-about-v2{
  padding:11px 12px;
}
body.profile-page-v1 #profile-about-v2{
  min-height:88px;
  padding:9px 10px;
  font-size:.84rem;
}
body.profile-page-v1 .profile-about-actions-v2{
  margin-top:7px;
}
body.profile-page-v1 #profile-about-save-v2,
body.profile-page-v1 .profile-actions-v1 button{
  min-height:31px;
  padding:6px 10px;
  font-size:.72rem;
}
body.profile-page-v1 .profile-server-row-v2{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
body.profile-page-v1 #profile-server-select-v2{
  width:100%;
  min-height:34px;
  padding:7px 9px;
  border:1px solid rgba(126,169,177,.22);
  background:#04161d;
  color:#e6d8b4;
  outline:none;
  font:600 .88rem Georgia,"Times New Roman",serif;
}
body.profile-page-v1 #profile-server-select-v2:focus{
  border-color:rgba(216,173,86,.55);
  box-shadow:0 0 0 2px rgba(216,173,86,.07);
}
body.profile-page-v1 #profile-server-save-v2{
  min-height:34px;
  padding:7px 10px;
  border:1px solid rgba(216,173,86,.28);
  background:rgba(216,173,86,.06);
  color:#e7c878;
  font:600 .72rem Georgia,"Times New Roman",serif;
  cursor:pointer;
}
body.profile-page-v1 #profile-server-save-v2:disabled{opacity:.55;cursor:default}
@media(max-width:760px){
  body.profile-page-v1 .profile-layout-v2{
    grid-template-columns:1fr;
  }
  body.profile-page-v1 .profile-left-v2{
    grid-template-columns:1fr;
  }
  body.profile-page-v1 .profile-heading-v2{text-align:center}
}


/* Profile sizing refinement v5 */
body.profile-page-v1 .profile-shell-v1{
  width:min(1080px,calc(100% - 34px));
  margin:28px auto 42px;
}
body.profile-page-v1 .profile-card-v2{
  padding:24px;
}
body.profile-page-v1 .profile-card-v1::before{
  inset:11px;
}
body.profile-page-v1 .profile-layout-v2{
  grid-template-columns:230px minmax(0,1fr);
  gap:22px;
}
body.profile-page-v1 .profile-left-v2{
  gap:14px;
}
body.profile-page-v1 .profile-heading-v2 h1{
  font-size:clamp(2rem,3vw,2.8rem);
}
body.profile-page-v1 .profile-avatar-wrap-v1 img{
  width:138px;
  height:138px;
}
body.profile-page-v1 .profile-avatar-button-v1,
body.profile-page-v1 .profile-avatar-reset-v1{
  min-height:34px;
  padding:7px 12px;
  font-size:.76rem;
}
body.profile-page-v1 .profile-right-v2{
  gap:12px;
}
body.profile-page-v1 .profile-info-grid-v2{
  gap:10px;
}
body.profile-page-v1 .profile-info-grid-v2 .profile-field-v1{
  min-height:0;
  height:auto;
  padding:12px 14px;
}
body.profile-page-v1 .profile-field-v1 span{
  margin-bottom:5px;
}
body.profile-page-v1 .profile-field-v1 strong{
  line-height:1.25;
}
body.profile-page-v1 .profile-server-row-v2{
  margin-top:2px;
}
body.profile-page-v1 .profile-about-v2{
  padding:12px 14px;
}
body.profile-page-v1 .profile-about-head-v2{
  margin-bottom:8px;
}
body.profile-page-v1 #profile-about-v2{
  min-height:120px;
  max-height:220px;
  padding:10px 12px;
}
body.profile-page-v1 .profile-about-actions-v2{
  margin-top:8px;
}
body.profile-page-v1 .profile-actions-v1{
  margin-top:0;
}
@media(max-width:860px){
  body.profile-page-v1 .profile-layout-v2{
    grid-template-columns:1fr;
  }
  body.profile-page-v1 .profile-left-v2{
    grid-template-columns:170px minmax(0,1fr);
    align-items:center;
  }
}
@media(max-width:620px){
  body.profile-page-v1 .profile-shell-v1{
    width:min(100% - 18px,1080px);
    margin-top:18px;
  }
  body.profile-page-v1 .profile-card-v2{
    padding:18px 14px;
  }
  body.profile-page-v1 .profile-left-v2{
    grid-template-columns:1fr;
  }
}


/* Larger profile layout v6 */
body.profile-page-v1 .profile-shell-v1{
  width:min(1180px,calc(100% - 38px));
  margin:32px auto 46px;
}
body.profile-page-v1 .profile-card-v2{
  padding:28px;
}
body.profile-page-v1 .profile-layout-v2{
  grid-template-columns:250px minmax(0,1fr);
  gap:28px;
}
body.profile-page-v1 .profile-left-v2{
  gap:18px;
}
body.profile-page-v1 .profile-section-title-v6{
  text-align:center;
  color:#e6c46e;
  font:700 .86rem/1.2 Georgia,"Times New Roman",serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:0 0 10px;
  border-bottom:1px solid rgba(216,173,86,.18);
}
body.profile-page-v1 .profile-avatar-wrap-v1 img{
  width:152px;
  height:152px;
}
body.profile-page-v1 .profile-avatar-button-v1,
body.profile-page-v1 .profile-avatar-reset-v1{
  min-height:36px;
  padding:8px 13px;
  font-size:.78rem;
}
body.profile-page-v1 .profile-right-v2{
  gap:13px;
}
body.profile-page-v1 .profile-info-grid-v2 .profile-field-v1{
  padding:13px 15px;
}
body.profile-page-v1 .profile-field-v1 strong{
  font-size:1rem;
}
body.profile-page-v1 #profile-about-v2{
  min-height:135px;
}
@media(max-width:860px){
  body.profile-page-v1 .profile-layout-v2{
    grid-template-columns:1fr;
  }
  body.profile-page-v1 .profile-left-v2{
    grid-template-columns:1fr;
  }
}


/* Users directory + admin history */
.users-page-v1{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.users-shell-v1{
  width:min(1180px,calc(100% - 36px));
  margin:34px auto 48px;
  flex:1 0 auto;
}
.users-head-v1{
  margin-bottom:20px;
  padding:22px 24px;
  border:1px solid rgba(216,173,86,.18);
  background:linear-gradient(145deg,rgba(7,28,36,.92),rgba(3,17,23,.96));
}
.users-head-v1 h1{
  margin:7px 0 6px;
  color:#f0ddaa;
  font:500 clamp(2.2rem,4vw,3.5rem)/1 Georgia,"Times New Roman",serif;
}
.users-head-v1>p:last-child{
  margin:0;
  color:#8ea5a7;
}
.users-grid-v1{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.user-card-v1{
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:92px;
  padding:13px 14px;
  border:1px solid rgba(216,173,86,.16);
  background:linear-gradient(145deg,rgba(7,26,33,.9),rgba(4,18,24,.95));
}
.user-card-avatar-v1{
  width:66px;
  height:66px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(216,173,86,.42);
  background:#071923;
}
.user-card-copy-v1{
  min-width:0;
}
.user-card-name-row-v1{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.user-card-name-row-v1 strong{
  color:#ead9ad;
  font-size:1rem;
  overflow-wrap:anywhere;
}
.user-card-copy-v1>span{
  display:block;
  margin-top:6px;
  color:#789497;
  font-size:.78rem;
}
.user-admin-badge-v1{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:2px 7px;
  border:1px solid rgba(216,173,86,.35);
  color:#e4bd61;
  font:700 .6rem/1 Arial,sans-serif;
  letter-spacing:.08em;
}
.users-message-v1{
  margin:12px 0 0;
  color:#8ea5a7;
  font-size:.84rem;
}
.admin-history-v1{
  margin-top:28px;
  padding:20px;
  border:1px solid rgba(179,95,82,.22);
  background:linear-gradient(145deg,rgba(28,18,19,.28),rgba(4,18,24,.96));
}
.admin-history-v1[hidden]{display:none!important}
.admin-history-head-v1{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:14px;
}
.admin-history-head-v1 h2{
  margin:7px 0 5px;
  color:#f0ddaa;
  font:500 1.8rem/1 Georgia,"Times New Roman",serif;
}
.admin-history-head-v1 p:last-child{
  margin:0;
  color:#8fa4a6;
  font-size:.82rem;
}
.admin-history-head-v1 button{
  padding:8px 12px;
  border:1px solid rgba(216,173,86,.25);
  background:rgba(216,173,86,.05);
  color:#dfbd6e;
  cursor:pointer;
}
.admin-history-note-v1{
  margin-bottom:12px;
  padding:10px 12px;
  border-left:2px solid rgba(216,173,86,.45);
  background:rgba(4,22,29,.64);
  color:#829a9c;
  font-size:.76rem;
  line-height:1.45;
}
.admin-history-table-wrap-v1{
  overflow:auto;
}
.admin-history-table-v1{
  width:100%;
  border-collapse:collapse;
  min-width:900px;
}
.admin-history-table-v1 th,
.admin-history-table-v1 td{
  padding:10px 11px;
  border-bottom:1px solid rgba(216,173,86,.1);
  text-align:left;
  vertical-align:top;
}
.admin-history-table-v1 th{
  color:#7f999b;
  font:700 .68rem/1.2 Arial,sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.admin-history-table-v1 td{
  color:#cdd7d8;
  font-size:.8rem;
}
.admin-history-table-v1 td strong{
  display:block;
  color:#e6d6ae;
}
.admin-history-table-v1 td small{
  display:block;
  margin-top:4px;
  color:#6f8789;
  font-size:.7rem;
}
.admin-ip-v1{
  color:#dfbd6e;
}
.users-page-v1 .site-footer-v44{
  margin-top:auto;
}
@media(max-width:900px){
  .users-grid-v1{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .users-shell-v1{width:min(100% - 18px,1180px);margin-top:20px}
  .users-grid-v1{grid-template-columns:1fr}
  .users-head-v1{padding:18px}
  .admin-history-head-v1{flex-direction:column}
}


/* Utility cards: keep all three in one row */
.utility-hub{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
@media(max-width:900px){
  .utility-hub{
    grid-template-columns:1fr !important;
  }
}


/* Community modal help spacing */
.community-help-v68{
  margin:18px 0 2px !important;
  padding:10px 0 6px;
  text-align:center;
}


/* Gold top-up notice */
.gold-topup-notice-v1{
  margin-top:14px;
  min-height:88px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:16px;
  padding:17px 20px;
  border:1px solid rgba(216,173,86,.20);
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0)),
    linear-gradient(145deg,rgba(8,26,32,.92),rgba(4,17,23,.96));
}
.gold-topup-icon-v1{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,173,86,.28);
  border-radius:50%;
  color:#d9b360;
  font-size:1rem;
}
.gold-topup-copy-v1{
  min-width:0;
}
.gold-topup-copy-v1 small{
  display:block;
  color:#d9b15f;
  font:800 .62rem/1 Arial,sans-serif;
  letter-spacing:.14em;
}
.gold-topup-copy-v1 strong{
  display:block;
  margin:7px 0 6px;
  color:#f0ddaa;
  font:500 1.05rem/1.3 Georgia,"Times New Roman",serif;
}
.gold-topup-copy-v1 span{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  color:#819b9d;
  font-size:.78rem;
}
.gold-topup-copy-v1 a{
  color:#cfae63;
  text-decoration:none;
}
.gold-topup-copy-v1 a:hover{
  color:#f0d58a;
}
.gold-topup-copy-v1 i{
  color:#607a7d;
  font-style:normal;
}
@media(max-width:620px){
  .gold-topup-notice-v1{
    grid-template-columns:1fr;
    padding:16px;
  }
  .gold-topup-icon-v1{
    width:40px;
    height:40px;
  }
}


/* Utility cards full-width content, no icons */
.utility-card{
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:12px !important;
}
.utility-symbol{
  display:none !important;
}
.gold-topup-notice-v1{
  grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;
}
.gold-topup-icon-v1{
  display:none !important;
}
.gold-topup-copy-v1{
  width:100%;
}


/* Compact gold top-up notice */
.gold-topup-notice-v1{
  min-height:0 !important;
  padding:10px 16px !important;
  margin-top:10px !important;
}
.gold-topup-copy-v1 small{
  margin-bottom:3px;
}
.gold-topup-copy-v1 strong{
  margin:3px 0 4px !important;
  line-height:1.2 !important;
}
.gold-topup-copy-v1 span{
  line-height:1.2;
}


/* Centered animated gold top-up notice */
.gold-topup-notice-v1{
  text-align:center;
}
.gold-topup-copy-v1{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.gold-topup-copy-v1 span{
  justify-content:center;
}
.gold-topup-notice-v1.reveal{
  opacity:0;
  transform:translateY(16px);
}
.gold-topup-notice-v1.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}


/* Gold top-up notice compact left alignment */
.gold-topup-notice-v1{
  width:fit-content !important;
  max-width:min(760px,100%) !important;
  justify-self:start !important;
  margin:10px 0 0 !important;
  padding:10px 16px !important;
  text-align:left !important;
}
.gold-topup-copy-v1{
  width:auto !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:left !important;
}
.gold-topup-copy-v1 span{
  justify-content:flex-start !important;
}
@media(max-width:760px){
  .gold-topup-notice-v1{
    width:100% !important;
  }
}


/* Gold top-up notice full-width balanced layout */
.gold-topup-notice-v1{
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
  margin:10px 0 0 !important;
  padding:10px 16px !important;
  text-align:left !important;
  box-sizing:border-box;
}
.gold-topup-copy-v1{
  width:100% !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  column-gap:14px !important;
  row-gap:4px !important;
  align-items:center !important;
  text-align:left !important;
}
.gold-topup-copy-v1 small{
  grid-column:1 / -1;
  margin:0 !important;
}
.gold-topup-copy-v1 strong{
  grid-column:1 / 3;
  margin:0 !important;
}
.gold-topup-copy-v1 span{
  grid-column:3;
  justify-content:flex-end !important;
  white-space:nowrap;
}
@media(max-width:760px){
  .gold-topup-copy-v1{
    grid-template-columns:1fr !important;
  }
  .gold-topup-copy-v1 small,
  .gold-topup-copy-v1 strong,
  .gold-topup-copy-v1 span{
    grid-column:1 !important;
  }
  .gold-topup-copy-v1 span{
    justify-content:flex-start !important;
    white-space:normal;
  }
}


/* Gold top-up notice: all content left aligned */
.gold-topup-copy-v1{
  display:block !important;
  text-align:left !important;
}
.gold-topup-copy-v1 small,
.gold-topup-copy-v1 strong,
.gold-topup-copy-v1 span{
  display:block !important;
  text-align:left !important;
}
.gold-topup-copy-v1 span{
  margin-top:4px !important;
  white-space:normal !important;
}


/* Profile select arrow + action buttons v7 */
body.profile-page-v1 #profile-server-select-v2{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:42px !important;
  background-color:#04161d !important;
  background-image:
    linear-gradient(45deg,transparent 50%,#c8ad69 50%),
    linear-gradient(135deg,#c8ad69 50%,transparent 50%) !important;
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50% !important;
  background-size:6px 6px,6px 6px !important;
  background-repeat:no-repeat !important;
}
body.profile-page-v1 #profile-server-select-v2::-ms-expand{
  display:none;
}
body.profile-page-v1 .profile-actions-v1{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
body.profile-page-v1 .profile-home-button-v1{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 13px;
  border:1px solid rgba(216,173,86,.28);
  background:rgba(216,173,86,.05);
  color:#d9bd78;
  text-decoration:none;
  font:600 .76rem Georgia,"Times New Roman",serif;
}
body.profile-page-v1 .profile-home-button-v1:hover{
  border-color:rgba(216,173,86,.52);
  color:#f1d590;
  background:rgba(216,173,86,.09);
}


/* Global typography: Golos Text */
html, body,
button, input, select, textarea,
a, p, span, small, strong, b, em, i,
h1, h2, h3, h4, h5, h6,
label, nav, table, th, td,
.tag, .kicker,
.brand, .brand-copy,
.utility-copy,
.profile-card-v1,
.users-page-v1{
  font-family:"Golos Text", Arial, sans-serif !important;
}


/* Content protection for non-admin visitors */
html.content-protected-v1,
html.content-protected-v1 body,
body.content-protected-v1{
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
}
html.content-protected-v1 img,
body.content-protected-v1 img{
  -webkit-user-drag:none !important;
  user-drag:none !important;
}
html.content-protected-v1 input,
html.content-protected-v1 textarea,
html.content-protected-v1 select,
html.content-protected-v1 [contenteditable="true"]{
  -webkit-user-select:text !important;
  user-select:text !important;
}
@media print{
  html.content-protected-v1 body{
    display:none !important;
  }
}


/* Content protection for non-admin users */
html.content-protected-v1,
html.content-protected-v1 body,
body.content-protected-v1{
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
}
html.content-protected-v1 img,
body.content-protected-v1 img{
  -webkit-user-drag:none !important;
}
html.content-protected-v1 input,
html.content-protected-v1 textarea,
html.content-protected-v1 select,
html.content-protected-v1 [contenteditable="true"]{
  -webkit-user-select:text !important;
  user-select:text !important;
}
@media print{
  html.content-protected-v1 body{
    visibility:hidden !important;
  }
}


/* Profile username field styling */
body.profile-page-v1 #profile-login-input-v1{
  width:100%;
  min-height:34px;
  padding:7px 9px;
  border:1px solid rgba(126,169,177,.22);
  background:#04161d !important;
  color:#e6d8b4 !important;
  caret-color:#f0cf82;
  outline:none;
  font:600 .88rem "Golos Text", Arial, sans-serif !important;
  box-shadow:none !important;
}
body.profile-page-v1 #profile-login-input-v1:focus{
  border-color:rgba(216,173,86,.55);
  box-shadow:0 0 0 2px rgba(216,173,86,.07) !important;
}
body.profile-page-v1 #profile-login-input-v1:-webkit-autofill,
body.profile-page-v1 #profile-login-input-v1:-webkit-autofill:hover,
body.profile-page-v1 #profile-login-input-v1:-webkit-autofill:focus{
  -webkit-text-fill-color:#e6d8b4 !important;
  -webkit-box-shadow:0 0 0 1000px #04161d inset !important;
  box-shadow:0 0 0 1000px #04161d inset !important;
  border:1px solid rgba(126,169,177,.22) !important;
}
body.profile-page-v1 #profile-login-save-v1{
  min-height:34px;
  padding:7px 10px;
  border:1px solid rgba(216,173,86,.28);
  background:rgba(216,173,86,.06);
  color:#e7c878;
  font:600 .72rem "Golos Text", Arial, sans-serif !important;
  cursor:pointer;
}
body.profile-page-v1 #profile-login-save-v1:hover{
  border-color:rgba(216,173,86,.5);
  background:rgba(216,173,86,.1);
}


/* Schools / factions / sects directory v1 */
.paths-shell-v1{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:36px 0 64px;
  position:relative;
  z-index:2;
}
.paths-hero-v1{
  padding:44px 48px;
  border:1px solid rgba(216,173,86,.22);
  background:
    radial-gradient(circle at 82% 30%,rgba(216,173,86,.08),transparent 26%),
    linear-gradient(135deg,rgba(4,21,27,.97),rgba(2,16,21,.99));
}
.paths-hero-v1 h1{
  margin:8px 0 12px;
  color:#f2eee7;
  font-size:clamp(2.6rem,5vw,4.8rem);
  line-height:.96;
}
.paths-hero-v1 p{
  max-width:760px;
  margin:0;
  color:#9db0b2;
  line-height:1.6;
}
.paths-tabs-v1{
  display:flex;
  justify-content:center;
  gap:10px;
  margin:20px 0 40px;
}
.paths-tabs-v1 a{
  padding:9px 16px;
  border:1px solid rgba(216,173,86,.2);
  color:#d8bd7b;
  background:rgba(5,22,29,.72);
  text-decoration:none;
}
.paths-tabs-v1 a:hover{
  border-color:rgba(216,173,86,.45);
  background:rgba(216,173,86,.06);
}
.paths-section-v1{
  scroll-margin-top:90px;
  margin-bottom:52px;
}
.paths-section-head-v1{
  margin-bottom:16px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(216,173,86,.14);
}
.paths-section-head-v1 h2{
  margin:5px 0 4px;
  color:#efd89b;
  font-size:2rem;
}
.paths-section-head-v1 p{
  margin:0;
  color:#81999b;
}
.paths-grid-v1{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.path-card-v1{
  padding:12px;
  border:1px solid rgba(216,173,86,.16);
  background:linear-gradient(145deg,rgba(7,27,35,.95),rgba(3,17,23,.99));
  min-width:0;
}
.path-card-v1:hover{
  border-color:rgba(216,173,86,.34);
  transform:translateY(-2px);
}
.path-icon-v1{
  width:100%;
  aspect-ratio:1;
  background-image:url("images/schools-sprite.webp");
  background-size:700% 500%;
  background-position:calc(var(--sx) * 16.6666667%) calc(var(--sy) * 25%);
  background-repeat:no-repeat;
  border:1px solid rgba(216,173,86,.14);
}
.path-card-copy-v1{
  padding:12px 4px 3px;
}
.path-card-copy-v1 small{
  display:block;
  color:#c99d4e;
  font-size:.65rem;
  letter-spacing:.12em;
  font-weight:700;
}
.path-card-copy-v1 h3{
  margin:5px 0 0;
  color:#ead49b;
  font-size:1.05rem;
  line-height:1.2;
}
@media(max-width:900px){
  .paths-grid-v1{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .paths-shell-v1{width:min(100% - 24px,1180px);padding-top:24px}
  .paths-hero-v1{padding:28px 22px}
  .paths-grid-v1{grid-template-columns:1fr}
  .paths-tabs-v1{flex-wrap:wrap}
}


/* Directory soon placeholders */
.path-card-soon-v1{
  min-height:0;
  opacity:.78;
}
.path-icon-soon-v1{
  width:100%;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:1px dashed rgba(216,173,86,.20);
  background:
    radial-gradient(circle at 50% 42%,rgba(216,173,86,.055),transparent 34%),
    linear-gradient(145deg,rgba(6,26,33,.82),rgba(3,16,22,.94));
}
.path-icon-soon-v1 span{
  color:#8d7a52;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.path-card-soon-v1 .path-card-copy-v1 h3{
  color:#7e8e8f;
  font-weight:500;
}


/* Enhanced paths section navigation v2 */
.paths-tabs-v1{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px !important;
  margin:22px 0 46px !important;
  position:relative;
}
.paths-tabs-v1::before{
  content:"";
  position:absolute;
  left:6%;
  right:6%;
  top:-11px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,173,86,.28),transparent);
}
.paths-tab-card-v2{
  min-height:104px;
  padding:17px 18px !important;
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) 24px;
  gap:14px;
  align-items:center;
  border:1px solid rgba(216,173,86,.20) !important;
  background:
    radial-gradient(circle at 12% 20%,rgba(216,173,86,.08),transparent 28%),
    linear-gradient(145deg,rgba(7,29,36,.96),rgba(3,17,23,.99)) !important;
  color:inherit !important;
  text-decoration:none !important;
  position:relative;
  overflow:hidden;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.paths-tab-card-v2::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,173,86,.48),transparent);
  transform:scaleX(.2);
  opacity:.35;
  transition:transform .24s ease,opacity .24s ease;
}
.paths-tab-card-v2:hover{
  transform:translateY(-4px);
  border-color:rgba(216,173,86,.48) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 28px rgba(216,173,86,.045);
  background:
    radial-gradient(circle at 12% 20%,rgba(216,173,86,.13),transparent 30%),
    linear-gradient(145deg,rgba(8,34,42,.98),rgba(4,20,27,.99)) !important;
}
.paths-tab-card-v2:hover::after{
  transform:scaleX(1);
  opacity:1;
}
.paths-tab-icon-v2{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,173,86,.34);
  border-radius:50%;
  color:#e3bf69;
  background:
    radial-gradient(circle,rgba(216,173,86,.11),rgba(6,25,31,.88));
  font-weight:700;
  font-size:1rem;
  box-shadow:inset 0 0 0 5px rgba(216,173,86,.025);
}
.paths-tab-copy-v2{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.paths-tab-copy-v2 small{
  color:#b58c45;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:3px;
}
.paths-tab-copy-v2 strong{
  color:#f0d99e;
  font-size:1.15rem;
  line-height:1.15;
}
.paths-tab-copy-v2 em{
  margin-top:5px;
  color:#80999b;
  font-size:.76rem;
  line-height:1.35;
  font-style:normal;
}
.paths-tab-arrow-v2{
  color:#cda853;
  font-size:1.15rem;
  transition:transform .24s ease,color .24s ease;
}
.paths-tab-card-v2:hover .paths-tab-arrow-v2{
  transform:translateX(4px);
  color:#f1cf79;
}
@media(max-width:850px){
  .paths-tabs-v1{
    grid-template-columns:1fr !important;
  }
  .paths-tab-card-v2{
    min-height:88px;
  }
}


/* Azure Guard placeholder page v1 */
.path-card-link-v2{
  display:block;
  text-decoration:none;
  color:inherit;
}
.path-icon-azure-v2{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18)),
    url("images/azure-guard.webp") !important;
  background-size:cover !important;
  background-position:center !important;
}
.path-open-v2{
  display:inline-block;
  margin-top:9px;
  color:#d7ae58;
  font-size:.76rem;
  font-weight:700;
}
.azure-shell-v2{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:36px 0 70px;
  position:relative;
  z-index:2;
}
.azure-back-v2{
  display:inline-flex;
  margin-bottom:16px;
  padding:9px 14px;
  border:1px solid rgba(216,173,86,.22);
  color:#d8bd7b;
  text-decoration:none;
  background:rgba(5,22,29,.72);
}
.azure-placeholder-v2{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  min-height:500px;
  border:1px solid rgba(216,173,86,.22);
  background:
    radial-gradient(circle at 18% 20%,rgba(49,139,151,.08),transparent 28%),
    linear-gradient(145deg,rgba(5,24,31,.98),rgba(2,16,21,.99));
  overflow:hidden;
}
.azure-placeholder-copy-v2{
  padding:54px 50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.azure-placeholder-copy-v2 h1{
  margin:8px 0 16px;
  color:#f0eee8;
  font-size:clamp(3rem,6vw,5.6rem);
  line-height:.9;
  letter-spacing:-.04em;
}
.azure-placeholder-copy-v2 h1 span{color:#d9b45f}
.azure-placeholder-copy-v2 p{
  max-width:650px;
  color:#9eb2b4;
  font-size:1rem;
  line-height:1.65;
}
.azure-coming-v2{
  margin-top:24px;
  width:max-content;
  padding:9px 13px;
  border:1px solid rgba(216,173,86,.22);
  color:#d7b86d;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.08em;
}
.azure-art-v2{
  min-height:500px;
  background:
    linear-gradient(90deg,rgba(3,17,22,.38),rgba(3,17,22,.04)),
    url("images/azure-guard.webp") center/cover no-repeat;
}
@media(max-width:850px){
  .azure-placeholder-v2{grid-template-columns:1fr}
  .azure-art-v2{min-height:360px;order:-1}
  .azure-placeholder-copy-v2{padding:32px 24px}
}


/* Azure Guard full page v3 */
.path-icon-azure-v3{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.14)),
    url("images/azure-guard-card.webp") !important;
  background-size:cover !important;
  background-position:center !important;
}
.azure-shell-v3{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:36px 0 72px;
  position:relative;
  z-index:2;
}
.azure-hero-v3{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);
  min-height:520px;
  border:1px solid rgba(216,173,86,.22);
  background:
    radial-gradient(circle at 20% 18%,rgba(46,149,160,.08),transparent 28%),
    linear-gradient(145deg,rgba(4,24,31,.98),rgba(2,16,21,.99));
  overflow:hidden;
}
.azure-hero-copy-v3{
  padding:58px 52px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.azure-hero-copy-v3 h1{
  margin:8px 0 18px;
  color:#f0eee8;
  font-size:clamp(4rem,7vw,7rem);
  line-height:.82;
  letter-spacing:-.055em;
}
.azure-hero-copy-v3 h1 span{color:#d9b45f}
.azure-lead-v3,.azure-sub-v3{
  max-width:700px;
  color:#a5b8ba;
  line-height:1.65;
}
.azure-lead-v3{font-size:1.06rem;margin:0 0 8px}
.azure-sub-v3{font-size:.95rem;margin:0}
.azure-meta-v3{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  max-width:520px;
  margin-top:26px;
}
.azure-meta-v3 div{
  padding:13px 14px;
  border:1px solid rgba(216,173,86,.16);
  background:rgba(2,17,23,.58);
}
.azure-meta-v3 small{display:block;color:#718b8d;font-size:.65rem;letter-spacing:.1em;margin-bottom:4px}
.azure-meta-v3 strong{color:#e7cd8f}
.azure-hero-visual-v3{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:520px;
  background:
    radial-gradient(circle at 52% 42%,rgba(67,169,177,.18),transparent 38%),
    linear-gradient(180deg,rgba(5,34,40,.15),rgba(2,15,20,.56));
}
.azure-hero-visual-v3::before{
  content:"";
  position:absolute;
  inset:10% 8%;
  border:1px solid rgba(216,173,86,.12);
  border-radius:50%;
  box-shadow:0 0 70px rgba(71,164,174,.06);
}
.azure-hero-visual-v3 img{
  position:relative;
  z-index:1;
  width:min(100%,500px);
  max-height:500px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.38));
}
.azure-section-v3{margin-top:48px}
.azure-section-head-v3{
  margin-bottom:18px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(216,173,86,.14);
}
.azure-section-head-v3 h2{
  margin:7px 0 4px;
  color:#f0d99e;
  font-size:2rem;
}
.azure-section-head-v3 p{
  margin:0;
  color:#82999b;
  max-width:760px;
}
.azure-grid-v3{display:grid;gap:14px}
.azure-grid-2-v3{grid-template-columns:repeat(2,minmax(0,1fr))}
.azure-grid-3-v3{grid-template-columns:repeat(3,minmax(0,1fr))}
.azure-compact-row-v3{margin-top:14px}
.azure-card-v3,.azure-skill-v3{
  border:1px solid rgba(216,173,86,.16);
  background:linear-gradient(145deg,rgba(7,28,35,.95),rgba(3,17,23,.99));
}
.azure-card-v3{padding:20px}
.azure-card-v3 h3,.azure-skill-v3 h3{
  margin:0 0 10px;
  color:#ecd393;
  font-size:1.2rem;
}
.azure-card-v3 p,.azure-skill-v3 p{
  color:#9aadaf;
  line-height:1.62;
}
.azure-card-v3 p{margin:0}
.azure-card-v3 ul{
  margin:12px 0 0;
  padding-left:19px;
  color:#a8b7b8;
  line-height:1.72;
}
.azure-skill-v3{padding:18px}
.azure-skill-top-v3{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:14px;
  align-items:center;
  margin-bottom:12px;
}
.azure-skill-top-v3 img{
  width:64px;
  height:64px;
  object-fit:cover;
  border:1px solid rgba(216,173,86,.28);
  background:#071820;
}
.azure-skill-top-v3 small{
  color:#b49350;
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.08em;
}
.azure-skill-top-v3 h3{margin:4px 0 0}
.azure-skill-v3 p{margin:0}
.azure-callout-v3{
  margin-top:14px;
  padding:11px 12px;
  border-left:2px solid rgba(216,173,86,.42);
  background:rgba(216,173,86,.035);
  color:#91a6a8;
  font-size:.85rem;
  line-height:1.5;
}
@media(max-width:900px){
  .azure-hero-v3{grid-template-columns:1fr}
  .azure-hero-visual-v3{min-height:380px;order:-1}
  .azure-hero-copy-v3{padding:36px 28px}
  .azure-grid-3-v3{grid-template-columns:1fr}
}
@media(max-width:700px){
  .azure-shell-v3{width:min(100% - 24px,1180px);padding-top:24px}
  .azure-grid-2-v3{grid-template-columns:1fr}
  .azure-meta-v3{grid-template-columns:1fr}
  .azure-hero-copy-v3 h1{font-size:4rem}
}


/* Azure Guard neigong — old-site two-column layout */
.azure-neigong-columns-v4{
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  gap:14px;
  align-items:start;
  margin-top:24px;
}
.azure-neigong-left-v4,
.azure-neigong-effects-v4{
  border:1px solid rgba(84,211,202,.22);
  background:rgba(3,22,35,.76);
  padding:22px;
}
.azure-neigong-left-v4{
  text-align:left;
}
.azure-neigong-left-v4 h3,
.azure-neigong-effects-v4 > h3{
  margin:0 0 16px;
  color:#efd081;
  font-size:1.05rem;
}
.azure-neigong-stats-v4{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.azure-neigong-stats-v4 div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 11px;
  border-bottom:1px solid rgba(117,214,207,.18);
  background:rgba(7,29,41,.52);
}
.azure-neigong-stats-v4 span{
  color:#aebdc5;
  font: .72rem/1.2 Arial,Helvetica,sans-serif;
}
.azure-neigong-stats-v4 strong{
  color:#ffe19a;
  font:700 .8rem/1 Arial,Helvetica,sans-serif;
}
.azure-neigong-effects-v4{
  position:relative;
  overflow:hidden;
}
.azure-neigong-effects-v4::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(#65ded5,#d8b768);
}
.azure-neigong-effect-v4{
  padding:15px 0;
  border-bottom:1px solid rgba(117,214,207,.15);
}
.azure-neigong-effect-v4:first-of-type{padding-top:0}
.azure-neigong-effect-v4:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.azure-neigong-effect-v4 small{
  display:block;
  margin-bottom:4px;
  color:#d6ad55;
  font:700 .7rem/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;
}
.azure-neigong-effect-v4 h4{
  margin:0 0 7px;
  color:#79e0d8;
  font-size:1.12rem;
  line-height:1.15;
}
.azure-neigong-effect-v4 p{
  margin:0;
  color:#c8d4d9;
  font: .88rem/1.55 Arial,Helvetica,sans-serif;
}
@media (max-width:980px){
  .azure-neigong-columns-v4{grid-template-columns:1fr}
}
@media (max-width:620px){
  .azure-neigong-stats-v4{grid-template-columns:1fr}
}


/* Azure Guard neigong — grouped frame layout */
.azure-neigong-frame-v5{
  margin-top:24px;
  padding:18px;
  border:1px solid rgba(216,173,86,.32);
  background:
    radial-gradient(circle at 50% 0%, rgba(85,215,205,.045), transparent 42%),
    rgba(2,14,22,.42);
  box-shadow:
    inset 0 0 0 1px rgba(105,195,187,.04),
    0 0 28px rgba(0,0,0,.16);
}
.azure-neigong-frame-v5 .azure-neigong-columns-v4{
  margin-top:0;
  grid-template-columns:minmax(310px,.74fr) minmax(0,1.26fr);
  gap:16px;
}
.azure-neigong-frame-v5 .azure-neigong-left-v4,
.azure-neigong-frame-v5 .azure-neigong-effects-v4{
  height:100%;
}
.azure-neigong-frame-v5 .azure-neigong-left-v4{
  border-color:rgba(84,211,202,.28);
}
.azure-neigong-frame-v5 .azure-neigong-effects-v4{
  border-color:rgba(84,211,202,.28);
}
@media (max-width:980px){
  .azure-neigong-frame-v5{padding:12px}
  .azure-neigong-frame-v5 .azure-neigong-columns-v4{grid-template-columns:1fr}
}


/* Azure Guard neigong image frame fit */
.azure-neigong-icon-wrap-v4{
  width:128px;
  height:128px;
  margin:0 0 20px;
  border:1px solid rgba(230,183,93,.68);
  background:#12061d;
  overflow:hidden;
  box-shadow:0 0 24px rgba(91,205,199,.16);
}
.azure-neigong-icon-v4{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  object-fit:cover;
  object-position:center;
}


/* Azure Guard compact polish v6 */
.azure-hero-v3{
  min-height:430px;
  grid-template-columns:minmax(0,1.02fr) minmax(330px,.78fr);
  box-shadow:0 0 28px rgba(89,220,211,.035), inset 0 0 0 1px rgba(216,173,86,.025);
}
.azure-hero-copy-v3{padding:40px 42px}
.azure-hero-copy-v3 h1{margin:6px 0 13px}
.azure-lead-v3{margin:0 0 5px}
.azure-meta-v3{margin-top:18px}
.azure-meta-v3 div{
  box-shadow:inset 0 0 18px rgba(216,173,86,.025),0 0 16px rgba(84,211,202,.018);
}
.azure-hero-visual-guard-v6{
  min-height:430px;
  align-items:flex-end;
  background:
    radial-gradient(circle at 52% 42%,rgba(68,202,195,.12),transparent 45%),
    linear-gradient(180deg,rgba(5,34,40,.04),rgba(2,15,20,.30));
}
.azure-hero-visual-guard-v6::before{
  inset:7% 6%;
  border-color:rgba(216,173,86,.18);
  box-shadow:0 0 36px rgba(89,220,211,.075), inset 0 0 30px rgba(216,173,86,.025);
}
.azure-hero-visual-guard-v6 img{
  width:min(100%,470px);
  max-height:425px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.42));
}
.azure-section-v3{margin-top:32px}
.azure-section-head-v3{margin-bottom:12px;padding-bottom:8px}
.azure-section-head-v3 h2{margin:5px 0 3px}
.azure-card-v3{padding:16px}
.azure-card-v3 ul{margin-top:8px;line-height:1.58}
.azure-neigong-frame-v5{
  margin-top:14px;
  padding:12px;
  box-shadow:
    0 0 22px rgba(75,220,209,.045),
    inset 0 0 0 1px rgba(216,173,86,.045),
    inset 0 0 28px rgba(64,190,184,.018);
}
.azure-neigong-frame-v5 .azure-neigong-columns-v4{
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  gap:12px;
}
.azure-neigong-left-v4,
.azure-neigong-effects-v4{
  padding:16px;
  box-shadow:
    inset 0 0 18px rgba(78,216,207,.018),
    0 0 14px rgba(78,216,207,.018);
}
.azure-neigong-icon-wrap-v4{
  width:128px;
  height:128px;
  margin:0 auto 14px;
  box-shadow:
    0 0 20px rgba(170,105,255,.13),
    0 0 0 1px rgba(230,183,93,.14);
}
.azure-neigong-title-v6{
  text-align:center;
  margin:0 0 12px !important;
  color:#f2d789 !important;
  letter-spacing:.01em;
  text-shadow:0 0 14px rgba(216,173,86,.10);
}
.azure-neigong-stats-v4{gap:6px}
.azure-neigong-stats-v4 div{padding:8px 10px}
.azure-neigong-effects-v4::before{box-shadow:0 0 12px rgba(101,222,213,.22)}
.azure-neigong-effect-v4{padding:10px 0}
.azure-neigong-effect-v4 small{margin-bottom:3px}
.azure-neigong-effect-v4 h4{margin:0 0 5px}
.azure-neigong-effect-v4 p{line-height:1.48}
.azure-grid-v3{gap:10px}
.azure-compact-row-v3{margin-top:10px}
.azure-skill-v3{
  padding:15px;
  box-shadow:inset 0 0 18px rgba(84,211,202,.012);
}
.azure-skill-top-v3{margin-bottom:9px}
.azure-callout-v3{
  margin-top:10px;
  padding:9px 11px;
  border-left-color:rgba(216,173,86,.62);
  box-shadow:inset 8px 0 18px rgba(216,173,86,.018),0 0 14px rgba(216,173,86,.018);
}
@media(max-width:900px){
  .azure-hero-v3{grid-template-columns:1fr}
  .azure-hero-visual-guard-v6{min-height:340px;order:-1}
  .azure-hero-visual-guard-v6 img{max-height:340px}
  .azure-hero-copy-v3{padding:30px 26px}
}

/* Azure Guard compact luminous polish v7 */
.azure-page-v3 .azure-shell-v3{padding-top:28px;padding-bottom:54px}
.azure-page-v3 .azure-back-v2{margin-bottom:12px}
.azure-page-v3 .azure-hero-v3{
  position:relative;
  min-height:390px;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);
  border-color:rgba(225,184,91,.38);
  background:
    radial-gradient(circle at 84% 46%,rgba(50,196,188,.13),transparent 27%),
    linear-gradient(135deg,rgba(5,31,38,.98),rgba(2,16,21,.995));
  box-shadow:
    0 0 32px rgba(58,211,202,.075),
    0 0 0 1px rgba(224,181,86,.035) inset,
    0 0 34px rgba(224,181,86,.028) inset;
}
.azure-page-v3 .azure-hero-v3::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(221,181,90,.34),transparent 16%,transparent 84%,rgba(221,181,90,.28)) top/100% 1px no-repeat,
    linear-gradient(90deg,rgba(86,229,216,.12),transparent 32%,transparent 72%,rgba(86,229,216,.1)) bottom/100% 1px no-repeat;
  opacity:.9;
}
.azure-page-v3 .azure-hero-copy-v3{padding:32px 36px}
.azure-page-v3 .azure-hero-copy-v3 .tag{
  color:#e4ba5e;
  text-shadow:0 0 14px rgba(226,184,91,.18);
}
.azure-page-v3 .azure-hero-copy-v3 h1{
  margin:4px 0 12px;
  font-size:clamp(3.6rem,6.3vw,6.2rem);
  text-shadow:0 0 24px rgba(235,239,232,.025);
}
.azure-page-v3 .azure-hero-copy-v3 h1 span{
  color:#deb75c;
  text-shadow:0 0 20px rgba(222,183,92,.12);
}
.azure-page-v3 .azure-lead-v3,
.azure-page-v3 .azure-sub-v3{line-height:1.5}
.azure-page-v3 .azure-lead-v3{margin:0 0 5px}
.azure-page-v3 .azure-sub-v3{margin:0}
.azure-page-v3 .azure-meta-v3{margin-top:15px;gap:9px}
.azure-page-v3 .azure-meta-v3 div{
  position:relative;
  overflow:hidden;
  padding:11px 13px;
  border-color:rgba(220,178,83,.28);
  background:linear-gradient(135deg,rgba(5,28,34,.82),rgba(2,17,22,.72));
  box-shadow:
    inset 0 0 19px rgba(66,212,202,.025),
    0 0 14px rgba(66,212,202,.02);
}
.azure-page-v3 .azure-meta-v3 div::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,transparent,rgba(75,221,210,.55),transparent);
  box-shadow:0 0 10px rgba(75,221,210,.24);
}
.azure-page-v3 .azure-meta-v3 strong{text-shadow:0 0 12px rgba(228,188,92,.08)}
.azure-page-v3 .azure-hero-visual-guard-v6{
  min-height:390px;
  padding:8px 10px 0;
  background:
    radial-gradient(circle at 50% 48%,rgba(60,207,198,.16),transparent 43%),
    radial-gradient(circle at 50% 60%,rgba(221,178,83,.045),transparent 56%),
    linear-gradient(180deg,rgba(5,34,40,.03),rgba(2,15,20,.28));
}
.azure-page-v3 .azure-hero-visual-guard-v6::before{
  inset:6% 7%;
  border-color:rgba(223,180,83,.30);
  box-shadow:
    0 0 28px rgba(70,220,208,.10),
    0 0 26px rgba(223,180,83,.045) inset;
}
.azure-page-v3 .azure-hero-visual-guard-v6 img{
  width:min(100%,440px);
  max-height:386px;
  object-fit:contain;
  object-position:center bottom;
  filter:
    drop-shadow(0 16px 22px rgba(0,0,0,.42))
    drop-shadow(0 0 12px rgba(67,212,202,.10));
}
.azure-page-v3 .azure-section-v3{margin-top:26px}
.azure-page-v3 .azure-section-head-v3{margin-bottom:10px;padding-bottom:7px}
.azure-page-v3 .azure-section-head-v3 h2{margin:4px 0 2px}
.azure-page-v3 .azure-section-head-v3 p{line-height:1.45}
.azure-page-v3 .azure-grid-v3{gap:9px}
.azure-page-v3 .azure-compact-row-v3{margin-top:9px}
.azure-page-v3 .azure-card-v3,
.azure-page-v3 .azure-skill-v3{
  border-color:rgba(216,173,86,.22);
  box-shadow:
    inset 0 0 20px rgba(65,210,200,.018),
    0 0 15px rgba(65,210,200,.012);
}
.azure-page-v3 .azure-card-v3{padding:14px 15px}
.azure-page-v3 .azure-card-v3 h3,
.azure-page-v3 .azure-skill-v3 h3{margin-bottom:7px}
.azure-page-v3 .azure-card-v3 ul{margin-top:6px;line-height:1.48}
.azure-page-v3 .azure-card-v3 p,
.azure-page-v3 .azure-skill-v3 p{line-height:1.5}
.azure-page-v3 .azure-skill-v3{padding:14px}
.azure-page-v3 .azure-skill-top-v3{margin-bottom:7px}
.azure-page-v3 .azure-callout-v3{margin-top:8px;padding:8px 10px}
@media(max-width:900px){
  .azure-page-v3 .azure-hero-v3{grid-template-columns:1fr;min-height:0}
  .azure-page-v3 .azure-hero-visual-guard-v6{min-height:330px;order:-1}
  .azure-page-v3 .azure-hero-visual-guard-v6 img{max-height:326px;width:min(100%,390px)}
  .azure-page-v3 .azure-hero-copy-v3{padding:26px 25px 28px}
}
@media(max-width:700px){
  .azure-page-v3 .azure-shell-v3{padding-top:20px}
  .azure-page-v3 .azure-hero-copy-v3 h1{font-size:clamp(3.05rem,16vw,4.2rem)}
  .azure-page-v3 .azure-hero-copy-v3{padding:23px 20px 25px}
  .azure-page-v3 .azure-hero-visual-guard-v6{min-height:285px}
  .azure-page-v3 .azure-hero-visual-guard-v6 img{max-height:282px;width:min(100%,335px)}
}

/* Azure Guard color polish v8 */
.azure-page-v3 .azure-lead-v3{
  max-width:760px;
  color:#b7c6c6;
}
.azure-page-v3 .azure-sub-v3{display:none}

/* Боевые навыки — лазурно-бирюзовая рамка */
.azure-page-v3 .azure-combat-section-v4 .azure-section-head-v3{
  border-bottom-color:rgba(84,214,205,.22);
}
.azure-page-v3 .azure-combat-section-v4 .azure-skill-v3{
  border-color:rgba(74,214,205,.32);
  box-shadow:
    inset 0 0 20px rgba(70,220,208,.030),
    0 0 16px rgba(70,220,208,.040);
}
.azure-page-v3 .azure-combat-section-v4 .azure-skill-top-v3 img{
  border-color:rgba(87,223,215,.30);
  box-shadow:0 0 12px rgba(69,214,204,.10);
}

/* Реворки — фиолетовая рамка */
.azure-page-v3 .azure-reworks-section-v4 .azure-section-head-v3{
  border-bottom-color:rgba(170,118,245,.24);
}
.azure-page-v3 .azure-reworks-section-v4 .azure-skill-v3{
  border-color:rgba(171,118,245,.34);
  box-shadow:
    inset 0 0 18px rgba(171,118,245,.050),
    0 0 16px rgba(171,118,245,.045);
}
.azure-page-v3 .azure-reworks-section-v4 .azure-skill-top-v3 img{
  border-color:rgba(185,135,255,.34);
  box-shadow:0 0 12px rgba(164,102,255,.14);
}
.azure-page-v3 .azure-reworks-section-v4 .azure-callout-v3{
  border-left-color:rgba(189,140,255,.78);
  background:rgba(153,92,236,.060);
}

/* Названия навыков — более заметный тёплый тон под сайт */
.azure-page-v3 .azure-skill-top-v3 h3{
  color:#f0cf78;
  text-shadow:0 0 12px rgba(240,207,120,.08);
}

/* Azure Guard card background style v9 */
.azure-page-v3 .azure-card-v3,
.azure-page-v3 .azure-skill-v3,
.azure-page-v3 .azure-neigong-left-v4,
.azure-page-v3 .azure-neigong-effects-v4{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 86% 18%, rgba(66,210,199,.10), transparent 25%),
    linear-gradient(145deg, rgba(7,28,34,.98), rgba(3,15,20,.995) 78%);
}
.azure-page-v3 .azure-card-v3::before,
.azure-page-v3 .azure-skill-v3::before,
.azure-page-v3 .azure-neigong-left-v4::before,
.azure-page-v3 .azure-neigong-effects-v4::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 88% 50%, transparent 0 17%, rgba(223,182,93,.14) 17.4%, rgba(223,182,93,.14) 17.9%, transparent 18.3%),
    radial-gradient(circle at 88% 50%, transparent 0 21%, rgba(72,216,205,.045) 21.4%, rgba(72,216,205,.045) 21.9%, transparent 22.3%),
    linear-gradient(180deg, transparent 8%, rgba(223,182,93,.12) 8%, rgba(223,182,93,.12) 92%, transparent 92%) 92% 50% / 2px 66% no-repeat,
    linear-gradient(155deg, transparent 0 47%, rgba(223,182,93,.12) 47.5%, rgba(223,182,93,.12) 48.6%, transparent 49.2%) 86% 31% / 68px 120px no-repeat,
    linear-gradient(28deg, transparent 0 47%, rgba(223,182,93,.12) 47.5%, rgba(223,182,93,.12) 48.6%, transparent 49.2%) 84% 64% / 70px 118px no-repeat,
    radial-gradient(circle at 80% 78%, rgba(72,216,205,.045), transparent 16%);
  opacity:.52;
}
.azure-page-v3 .azure-card-v3 > *,
.azure-page-v3 .azure-skill-v3 > *,
.azure-page-v3 .azure-neigong-left-v4 > *,
.azure-page-v3 .azure-neigong-effects-v4 > *{
  position:relative;
  z-index:1;
}
.azure-page-v3 .azure-card-v3::after,
.azure-page-v3 .azure-skill-v3::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 12% 12%, rgba(255,228,145,.08), transparent 3px),
    radial-gradient(circle at 82% 24%, rgba(79,216,206,.10), transparent 2px),
    radial-gradient(circle at 74% 82%, rgba(223,182,93,.08), transparent 2.5px),
    radial-gradient(circle at 90% 68%, rgba(76,213,203,.08), transparent 2px);
  opacity:.75;
}
.azure-page-v3 .azure-neigong-frame-v5{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 16%, rgba(66,210,199,.08), transparent 23%),
    linear-gradient(145deg, rgba(7,28,34,.96), rgba(3,15,20,.985) 78%);
  box-shadow:
    inset 0 0 18px rgba(66,210,199,.020),
    0 0 18px rgba(0,0,0,.14);
}
.azure-page-v3 .azure-neigong-frame-v5::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 88% 50%, transparent 0 18%, rgba(223,182,93,.12) 18.4%, rgba(223,182,93,.12) 18.8%, transparent 19.2%),
    linear-gradient(180deg, transparent 10%, rgba(223,182,93,.10) 10%, rgba(223,182,93,.10) 90%, transparent 90%) 92% 50% / 2px 68% no-repeat,
    linear-gradient(155deg, transparent 0 47%, rgba(223,182,93,.10) 47.5%, rgba(223,182,93,.10) 48.4%, transparent 49%) 86% 30% / 70px 124px no-repeat,
    linear-gradient(28deg, transparent 0 47%, rgba(223,182,93,.10) 47.5%, rgba(223,182,93,.10) 48.4%, transparent 49%) 84% 64% / 72px 122px no-repeat;
  opacity:.48;
}

/* Акцентные оттенки для разных блоков */
.azure-page-v3 .azure-combat-section-v4 .azure-skill-v3{
  background:
    radial-gradient(circle at 86% 18%, rgba(72,216,205,.14), transparent 25%),
    linear-gradient(145deg, rgba(7,28,34,.98), rgba(3,15,20,.995) 78%);
}
.azure-page-v3 .azure-reworks-section-v4 .azure-skill-v3{
  background:
    radial-gradient(circle at 86% 18%, rgba(170,118,245,.12), transparent 25%),
    linear-gradient(145deg, rgba(8,24,34,.98), rgba(3,15,20,.995) 78%);
}
.azure-page-v3 .azure-reworks-section-v4 .azure-skill-v3::before{
  background:
    radial-gradient(circle at 88% 50%, transparent 0 17%, rgba(189,140,255,.16) 17.4%, rgba(189,140,255,.16) 17.9%, transparent 18.3%),
    radial-gradient(circle at 88% 50%, transparent 0 21%, rgba(189,140,255,.05) 21.4%, rgba(189,140,255,.05) 21.9%, transparent 22.3%),
    linear-gradient(180deg, transparent 8%, rgba(189,140,255,.12) 8%, rgba(189,140,255,.12) 92%, transparent 92%) 92% 50% / 2px 66% no-repeat,
    linear-gradient(155deg, transparent 0 47%, rgba(189,140,255,.12) 47.5%, rgba(189,140,255,.12) 48.6%, transparent 49.2%) 86% 31% / 68px 120px no-repeat,
    linear-gradient(28deg, transparent 0 47%, rgba(189,140,255,.12) 47.5%, rgba(189,140,255,.12) 48.6%, transparent 49.2%) 84% 64% / 70px 118px no-repeat,
    radial-gradient(circle at 80% 78%, rgba(189,140,255,.05), transparent 16%);
  opacity:.56;
}
@media(max-width:700px){
  .azure-page-v3 .azure-card-v3::before,
  .azure-page-v3 .azure-skill-v3::before,
  .azure-page-v3 .azure-neigong-left-v4::before,
  .azure-page-v3 .azure-neigong-effects-v4::before,
  .azure-page-v3 .azure-neigong-frame-v5::before{
    opacity:.34;
  }
}

/* Azure Guard hero atmosphere v11 */
.azure-page-v3 .azure-hero-v3{
  overflow:hidden;
  background:
    radial-gradient(circle at 73% 44%, rgba(66,210,199,.15), transparent 20%),
    radial-gradient(circle at 82% 67%, rgba(223,182,93,.04), transparent 24%),
    linear-gradient(90deg, rgba(4,20,26,.96) 0%, rgba(4,20,26,.90) 42%, rgba(4,20,26,.64) 58%, rgba(4,20,26,.36) 100%),
    linear-gradient(135deg, rgba(5,31,38,.98), rgba(2,16,21,.995));
}
.azure-page-v3 .azure-hero-v3::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(ellipse at 66% 54%, rgba(88,216,207,.10), transparent 28%),
    radial-gradient(ellipse at 62% 88%, rgba(188,231,225,.06), transparent 16%),
    linear-gradient(180deg, transparent 72%, rgba(84,214,205,.055) 84%, transparent 100%),
    radial-gradient(circle at 88% 28%, rgba(91,220,211,.07), transparent 12%),
    radial-gradient(circle at 90% 72%, rgba(91,220,211,.06), transparent 10%),
    radial-gradient(circle at 56% 24%, rgba(223,182,93,.05), transparent 18%);
  opacity:1;
}
.azure-page-v3 .azure-hero-v3::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 59% 20%, rgba(255,255,255,.04), transparent 2px),
    radial-gradient(circle at 67% 64%, rgba(223,182,93,.10), transparent 2.6px),
    radial-gradient(circle at 81% 38%, rgba(84,214,205,.10), transparent 2.4px),
    radial-gradient(circle at 88% 58%, rgba(223,182,93,.08), transparent 2.2px),
    radial-gradient(circle at 75% 80%, rgba(84,214,205,.08), transparent 2px);
  opacity:.9;
}
.azure-page-v3 .azure-hero-copy-v3,
.azure-page-v3 .azure-hero-visual-v3{
  position:relative;
  z-index:1;
}
.azure-page-v3 .azure-hero-copy-v3{
  background:
    linear-gradient(90deg, rgba(3,17,22,.16), rgba(3,17,22,0));
}
.azure-page-v3 .azure-hero-visual-guard-v6{
  background:
    radial-gradient(circle at 50% 48%, rgba(60,207,198,.16), transparent 43%),
    radial-gradient(circle at 50% 78%, rgba(205,235,228,.06), transparent 18%),
    linear-gradient(180deg, rgba(5,34,40,.02), rgba(2,15,20,.20));
}
.azure-page-v3 .azure-hero-visual-guard-v6::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, transparent 0 78%, rgba(202,233,228,.08) 86%, transparent 100%),
    radial-gradient(ellipse at 58% 88%, rgba(198,233,227,.11), transparent 20%),
    radial-gradient(ellipse at 64% 91%, rgba(84,214,205,.08), transparent 24%);
  opacity:.9;
}
@media(max-width:900px){
  .azure-page-v3 .azure-hero-copy-v3{
    background:none;
  }
}

/* Azure Guard card cleanup v12 */
.azure-page-v3 .azure-card-v3::before,
.azure-page-v3 .azure-card-v3::after,
.azure-page-v3 .azure-skill-v3::before,
.azure-page-v3 .azure-skill-v3::after,
.azure-page-v3 .azure-neigong-left-v4::before,
.azure-page-v3 .azure-neigong-effects-v4::before,
.azure-page-v3 .azure-neigong-frame-v5::before{
  background:none !important;
  opacity:0 !important;
}
.azure-page-v3 .azure-card-v3,
.azure-page-v3 .azure-skill-v3,
.azure-page-v3 .azure-neigong-left-v4,
.azure-page-v3 .azure-neigong-effects-v4,
.azure-page-v3 .azure-neigong-frame-v5{
  background:
    radial-gradient(circle at 86% 18%, rgba(66,210,199,.08), transparent 22%),
    linear-gradient(145deg, rgba(7,28,34,.98), rgba(3,15,20,.995) 78%) !important;
}
.azure-page-v3 .azure-combat-section-v4 .azure-skill-v3{
  background:
    radial-gradient(circle at 86% 18%, rgba(72,216,205,.12), transparent 23%),
    linear-gradient(145deg, rgba(7,28,34,.98), rgba(3,15,20,.995) 78%) !important;
}
.azure-page-v3 .azure-reworks-section-v4 .azure-skill-v3{
  background:
    radial-gradient(circle at 86% 18%, rgba(170,118,245,.10), transparent 23%),
    linear-gradient(145deg, rgba(8,24,34,.98), rgba(3,15,20,.995) 78%) !important;
}

/* Azure Guard hero cleanup v13 */
.azure-page-v3 .azure-hero-v3{
  background:
    radial-gradient(circle at 76% 42%, rgba(66,210,199,.10), transparent 18%),
    radial-gradient(circle at 84% 26%, rgba(223,182,93,.03), transparent 20%),
    linear-gradient(90deg, rgba(4,20,26,.94) 0%, rgba(4,20,26,.90) 42%, rgba(4,20,26,.62) 58%, rgba(4,20,26,.34) 100%),
    linear-gradient(135deg, rgba(5,31,38,.98), rgba(2,16,21,.995));
}
.azure-page-v3 .azure-hero-v3::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(ellipse at 66% 56%, rgba(88,216,207,.08), transparent 24%),
    radial-gradient(ellipse at 61% 20%, rgba(223,182,93,.035), transparent 14%),
    radial-gradient(ellipse at 92% 30%, rgba(84,214,205,.05), transparent 10%),
    radial-gradient(ellipse at 90% 74%, rgba(84,214,205,.04), transparent 11%);
  opacity:1;
}
.azure-page-v3 .azure-hero-v3::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 59% 18%, rgba(255,255,255,.03), transparent 2px),
    radial-gradient(circle at 67% 66%, rgba(223,182,93,.07), transparent 2.4px),
    radial-gradient(circle at 81% 40%, rgba(84,214,205,.08), transparent 2.2px),
    radial-gradient(circle at 88% 60%, rgba(223,182,93,.06), transparent 2px),
    radial-gradient(circle at 75% 80%, rgba(84,214,205,.06), transparent 1.8px);
  opacity:.75;
}
.azure-page-v3 .azure-hero-copy-v3,
.azure-page-v3 .azure-hero-visual-v3{
  position:relative;
  z-index:1;
}
.azure-page-v3 .azure-hero-copy-v3{
  background:linear-gradient(90deg, rgba(3,17,22,.12), rgba(3,17,22,0));
}
.azure-page-v3 .azure-hero-visual-guard-v6{
  background:
    radial-gradient(circle at 50% 46%, rgba(60,207,198,.12), transparent 40%),
    linear-gradient(180deg, rgba(5,34,40,.01), rgba(2,15,20,.08));
}
.azure-page-v3 .azure-hero-visual-guard-v6::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 58% 88%, rgba(198,233,227,.05), transparent 14%);
  opacity:.6;
}

/* Azure Guard subtle hero background v14 */
.azure-page-v3 .azure-hero-v3{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 44%, rgba(55,190,181,.11), transparent 22%),
    radial-gradient(circle at 66% 82%, rgba(182,220,214,.035), transparent 16%),
    radial-gradient(circle at 91% 24%, rgba(216,173,86,.028), transparent 15%),
    linear-gradient(90deg, rgba(3,18,24,.985) 0%, rgba(4,23,29,.965) 42%, rgba(5,30,36,.90) 67%, rgba(3,18,23,.97) 100%);
}

/* Едва заметный бамбук/туман только внутри большой hero-карточки */
.azure-page-v3 .azure-hero-v3::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent 0 71%, rgba(89,139,111,.045) 71.15% 71.5%, transparent 71.65%),
    linear-gradient(90deg, transparent 0 79%, rgba(89,139,111,.040) 79.15% 79.45%, transparent 79.6%),
    linear-gradient(90deg, transparent 0 87%, rgba(89,139,111,.035) 87.10% 87.35%, transparent 87.5%),
    linear-gradient(155deg, transparent 0 47%, rgba(98,153,119,.035) 47.4% 48.0%, transparent 48.4%) 72% 18% / 150px 110px no-repeat,
    linear-gradient(25deg, transparent 0 47%, rgba(98,153,119,.030) 47.4% 48.0%, transparent 48.4%) 83% 34% / 150px 110px no-repeat,
    radial-gradient(ellipse at 70% 78%, rgba(177,215,210,.045), transparent 22%),
    radial-gradient(ellipse at 84% 72%, rgba(74,214,205,.035), transparent 18%);
  opacity:.9;
}

/* Мягкая дымка и немного глубины, без ярких пятен */
.azure-page-v3 .azure-hero-v3::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, transparent 0 70%, rgba(182,220,214,.022) 82%, transparent 100%),
    radial-gradient(circle at 61% 24%, rgba(223,182,93,.028), transparent 12%),
    radial-gradient(circle at 68% 62%, rgba(84,214,205,.035), transparent 18%),
    radial-gradient(circle at 93% 43%, rgba(84,214,205,.025), transparent 12%);
  opacity:.85;
}

.azure-page-v3 .azure-hero-copy-v3,
.azure-page-v3 .azure-hero-visual-v3{
  position:relative;
  z-index:1;
}

/* Текстовая часть остаётся максимально чистой */
.azure-page-v3 .azure-hero-copy-v3{
  background:
    linear-gradient(90deg, rgba(2,14,19,.24), rgba(2,14,19,.07) 74%, transparent);
}

/* Персонаж остаётся главным акцентом */
.azure-page-v3 .azure-hero-visual-guard-v6{
  background:
    radial-gradient(circle at 50% 46%, rgba(58,198,189,.10), transparent 39%),
    radial-gradient(ellipse at 52% 82%, rgba(181,219,213,.035), transparent 15%),
    linear-gradient(180deg, transparent, rgba(2,15,20,.055));
}
.azure-page-v3 .azure-hero-visual-guard-v6::after{
  content:none !important;
}
@media(max-width:900px){
  .azure-page-v3 .azure-hero-copy-v3{background:rgba(2,14,19,.10)}
  .azure-page-v3 .azure-hero-v3::before{opacity:.55}
}

/* Azure Guard REAL hero background v15 */
.azure-page-v3 .azure-hero-v3{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,
      rgba(2,14,19,.94) 0%,
      rgba(2,14,19,.88) 38%,
      rgba(2,14,19,.48) 58%,
      rgba(2,14,19,.18) 100%),
    url("assets/azure-hero-clean-bg.webp") center/cover no-repeat !important;
}
.azure-page-v3 .azure-hero-v3::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 76% 48%, rgba(63,205,195,.12), transparent 24%),
    linear-gradient(180deg, rgba(0,0,0,0), rgba(1,11,15,.12));
  opacity:1;
}
.azure-page-v3 .azure-hero-v3::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(90deg, rgba(219,178,82,.26), transparent 18%, transparent 82%, rgba(219,178,82,.20)) top/100% 1px no-repeat,
    linear-gradient(90deg, rgba(78,215,205,.10), transparent 35%, transparent 70%, rgba(78,215,205,.08)) bottom/100% 1px no-repeat;
}
.azure-page-v3 .azure-hero-copy-v3,
.azure-page-v3 .azure-hero-visual-v3{
  position:relative;
  z-index:1;
}
.azure-page-v3 .azure-hero-copy-v3{
  background:linear-gradient(90deg,rgba(2,13,18,.26),rgba(2,13,18,.06) 76%,transparent) !important;
}
.azure-page-v3 .azure-hero-visual-guard-v6{
  background:radial-gradient(circle at 50% 48%,rgba(56,198,188,.08),transparent 42%) !important;
}
.azure-page-v3 .azure-hero-visual-guard-v6::after{content:none !important}

/* Azure Guard scenic image background v16 */
.azure-page-v3 .azure-hero-v3{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,
      rgba(2,13,18,.965) 0%,
      rgba(2,13,18,.945) 34%,
      rgba(2,13,18,.80) 48%,
      rgba(2,13,18,.50) 62%,
      rgba(2,13,18,.20) 100%),
    url("assets/azure-hero-clean-bg.webp") 66% center/cover no-repeat !important;
}
.azure-page-v3 .azure-hero-v3::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 44%, rgba(58,198,188,.12), transparent 22%),
    linear-gradient(90deg, rgba(3,15,20,.16), transparent 28%) left/100% 100% no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(0,0,0,.06));
  opacity:1;
}
.azure-page-v3 .azure-hero-v3::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(220,179,82,.28), transparent 16%, transparent 84%, rgba(220,179,82,.20)) top/100% 1px no-repeat,
    linear-gradient(90deg, rgba(84,214,205,.10), transparent 35%, transparent 68%, rgba(84,214,205,.08)) bottom/100% 1px no-repeat;
}
.azure-page-v3 .azure-hero-copy-v3,
.azure-page-v3 .azure-hero-visual-v3{
  position:relative;
  z-index:1;
}
.azure-page-v3 .azure-hero-copy-v3{
  background:linear-gradient(90deg, rgba(2,13,18,.28), rgba(2,13,18,.10) 72%, transparent) !important;
}
.azure-page-v3 .azure-hero-visual-guard-v6{
  background:
    radial-gradient(circle at 50% 46%, rgba(56,198,188,.08), transparent 42%) !important;
}
.azure-page-v3 .azure-hero-visual-guard-v6::after{
  content:none !important;
}
@media(max-width:900px){
  .azure-page-v3 .azure-hero-v3{
    background-position: 62% center !important;
  }
}

/* Azure Guard clean image background v17 */
.azure-page-v3 .azure-hero-v3{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,
      rgba(2,14,18,.985) 0%,
      rgba(2,14,18,.965) 34%,
      rgba(2,14,18,.87) 46%,
      rgba(2,14,18,.56) 60%,
      rgba(2,14,18,.22) 100%),
    url("assets/azure-hero-clean-bg.webp") 68% center / cover no-repeat !important;
}
.azure-page-v3 .azure-hero-v3::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 46%, rgba(64,205,195,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(0,0,0,.08));
  opacity:1;
}
.azure-page-v3 .azure-hero-v3::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(220,179,82,.28), transparent 16%, transparent 84%, rgba(220,179,82,.20)) top/100% 1px no-repeat,
    linear-gradient(90deg, rgba(84,214,205,.10), transparent 35%, transparent 68%, rgba(84,214,205,.08)) bottom/100% 1px no-repeat;
}
.azure-page-v3 .azure-hero-copy-v3,
.azure-page-v3 .azure-hero-visual-v3{
  position:relative;
  z-index:1;
}
.azure-page-v3 .azure-hero-copy-v3{
  background:
    linear-gradient(90deg, rgba(2,13,18,.38), rgba(2,13,18,.14) 72%, transparent) !important;
}
.azure-page-v3 .azure-hero-visual-guard-v6{
  background:
    radial-gradient(circle at 50% 48%, rgba(56,198,188,.08), transparent 42%) !important;
}
.azure-page-v3 .azure-hero-visual-guard-v6::after{
  content:none !important;
}
@media (max-width: 900px){
  .azure-page-v3 .azure-hero-v3{
    background-position: 62% center !important;
  }
}

/* Shared school/faction/sect hero standard v18
   Use .guide-entry-hero-v1 on future school / faction / sect hero blocks.
   Per-page background image is supplied through --guide-hero-bg.
*/
.guide-entry-hero-v1{
  --guide-hero-bg:url("assets/azure-hero-clean-bg.webp");
  --guide-hero-accent:rgba(61,205,195,.10);
  --guide-hero-border:rgba(220,179,82,.28);
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,
      rgba(2,14,18,.985) 0%,
      rgba(2,14,18,.965) 34%,
      rgba(2,14,18,.87) 46%,
      rgba(2,14,18,.56) 60%,
      rgba(2,14,18,.22) 100%),
    var(--guide-hero-bg) 68% center / cover no-repeat !important;
}
.guide-entry-hero-v1::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 46%,var(--guide-hero-accent),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.08));
}
.guide-entry-hero-v1::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,var(--guide-hero-border),transparent 16%,transparent 84%,rgba(220,179,82,.20)) top/100% 1px no-repeat,
    linear-gradient(90deg,rgba(84,214,205,.10),transparent 35%,transparent 68%,rgba(84,214,205,.08)) bottom/100% 1px no-repeat;
}
.guide-entry-hero-v1 > *{
  position:relative;
  z-index:1;
}
@media(max-width:900px){
  .guide-entry-hero-v1{
    background-position:62% center !important;
  }
}

/* Azure Guard plain dark content cards v19 */
.azure-page-v3 .azure-card-v3,
.azure-page-v3 .azure-neigong-left-v4,
.azure-page-v3 .azure-neigong-effects-v4{
  background:
    radial-gradient(circle at 72% 36%, rgba(68,205,195,.05), transparent 22%),
    linear-gradient(180deg, rgba(5,24,30,.985), rgba(3,15,20,.995) 82%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    inset 0 0 18px rgba(71,210,199,.018),
    0 0 14px rgba(0,0,0,.10) !important;
}
.azure-page-v3 .azure-card-v3::before,
.azure-page-v3 .azure-card-v3::after,
.azure-page-v3 .azure-neigong-left-v4::before,
.azure-page-v3 .azure-neigong-effects-v4::before,
.azure-page-v3 .azure-neigong-effects-v4::after{
  background:none !important;
  opacity:0 !important;
  box-shadow:none !important;
}
.azure-page-v3 .azure-card-v3 h3,
.azure-page-v3 .azure-neigong-left-v4 h3,
.azure-page-v3 .azure-neigong-effects-v4 > h3{
  text-shadow:none;
}

/* Highlight quoted game terms v20 */
.azure-page-v3 .game-term-v20{
  color:#79d7cf;
  font-weight:700;
  text-shadow:0 0 10px rgba(121,215,207,.10);
}
.azure-page-v3 strong .game-term-v20{
  color:#86e0d7;
}
.azure-page-v3 .tag .game-term-v20,
.azure-page-v3 h2 .game-term-v20,
.azure-page-v3 h3 .game-term-v20{
  color:#e4c36f;
  text-shadow:0 0 10px rgba(228,195,111,.08);
}


/* Unified guide/catalog atmosphere — same visual language as Azure Guard skills */
.guide-unified-v1 .section-hero-unified{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(216,173,86,.38) !important;
  background:
    radial-gradient(ellipse at 82% 22%,rgba(53,160,167,.13),transparent 42%),
    radial-gradient(ellipse at 12% 85%,rgba(204,154,75,.06),transparent 44%),
    linear-gradient(145deg,rgba(7,28,34,.98),rgba(3,15,20,.995) 78%) !important;
  box-shadow:inset 0 0 0 1px rgba(216,173,86,.06),0 12px 36px rgba(0,0,0,.2);
}
.guide-unified-v1 .section-hero-unified::after{
  content:"";position:absolute;inset:8px;z-index:0;pointer-events:none;
  border:1px solid rgba(216,173,86,.09);
}
.guide-unified-v1 .section-hero-unified > *{position:relative;z-index:1}
.guide-unified-v1 .section-card-unified{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid rgba(216,173,86,.30) !important;
  background:radial-gradient(circle at 86% 18%,rgba(66,210,199,.08),transparent 22%),linear-gradient(145deg,rgba(7,28,34,.98),rgba(3,15,20,.995) 78%) !important;
  box-shadow:inset 0 0 0 1px rgba(216,173,86,.045),0 8px 22px rgba(0,0,0,.16);
  transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease;
}
.guide-unified-v1 .section-card-unified:hover,
.guide-unified-v1 .section-card-unified:focus-visible{
  border-color:rgba(239,200,117,.65) !important;
  box-shadow:0 0 22px rgba(216,173,86,.09),0 12px 25px rgba(0,0,0,.23);
  transform:translateY(-2px);
}
.guide-unified-v1 .section-card-unified::after{
  content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,173,86,.30),transparent);
  pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
  .guide-unified-v1 .section-card-unified{transition:none!important}
  .guide-unified-v1 .section-card-unified:hover{transform:none}
}


/* Shared dark panoramic hero background, approved for main guide categories */
.guide-unified-v1 .section-hero-unified{
  background:
    linear-gradient(90deg,rgba(2,16,22,.43) 0%,rgba(2,16,22,.35) 45%,rgba(2,16,22,.18) 100%),
    url("images/unified-guide-hero.svg?v=2") center center / cover no-repeat !important;
}


/* Hero frame parity: the Schools/Factions/Sects header is the reference. */
.guide-unified-v1 .section-hero-unified{
  box-shadow:none !important;
  border:1px solid rgba(216,173,86,.34) !important;
}
.guide-unified-v1 .section-hero-unified::before{
  content:"" !important;
  position:absolute !important;
  inset:8px !important;
  border:1px solid rgba(216,173,86,.10) !important;
  background:none !important;
  pointer-events:none !important;
  z-index:1 !important;
  display:block !important;
}
.guide-unified-v1 .section-hero-unified::after{content:none !important;display:none !important}
.guide-unified-v1.wuxia-site-v62 .subpage-hero-v62.section-hero-unified{
  padding:0 !important;
}
.guide-unified-v1.wuxia-site-v62 .section-hero-unified .subpage-hero-inner-v62{
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  background:transparent !important;
  overflow:visible !important;
  padding:36px 42px 38px !important;
}
.guide-unified-v1.wuxia-site-v62 .section-hero-unified .subpage-hero-inner-v62::before,
.guide-unified-v1.wuxia-site-v62 .section-hero-unified .subpage-hero-inner-v62::after{
  content:none !important;display:none !important;
}
@media(max-width:600px){
  .guide-unified-v1.wuxia-site-v62 .section-hero-unified .subpage-hero-inner-v62{
    padding:27px 23px !important;
  }
}

/* Unified clean panoramic banner: no baked-in lettering, strong contrast for live HTML text */
.guide-unified-v1 .section-hero-unified {
  background-image: linear-gradient(90deg,rgba(1,9,14,.84) 0%,rgba(1,10,15,.72) 46%,rgba(1,11,16,.49) 100%), url("images/unified-guide-hero-sharp.webp") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}