*{box-sizing:border-box}body{margin:0;font-family:Arial,'Microsoft YaHei',sans-serif;background:#150d09;color:#311b00}.topbar{height:54px;background:rgba(7,11,15,.86);border-bottom:1px solid rgba(202,176,101,.32);box-shadow:0 4px 28px rgba(0,0,0,.45)}.top-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:54px}.logo{font-size:28px;font-weight:900;color:#cfa85a;line-height:22px;text-decoration:none;text-shadow:0 0 10px rgba(207,168,90,.35)}.logo span{display:inline-block;font-size:12px;color:#a79a7d;margin-left:10px;vertical-align:middle;line-height:14px}.top-links{display:flex;gap:22px;align-items:center;height:54px}.top-links a{text-decoration:none;color:#ded6bc;text-align:center;font-weight:800;font-size:13px;position:relative;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center}.top-links a:hover{color:#fff2b7}.top-links em{display:block;font-style:normal;font-size:10px;color:#9b9586;line-height:12px}.top-links .menu-item{position:relative;height:54px;display:flex;align-items:center}.top-links .sub-menu{display:none;position:absolute;left:50%;top:100%;transform:translateX(-50%);min-width:170px;background:rgba(10,13,16,.96);border:1px solid rgba(202,176,101,.36);z-index:20;padding:8px 0;box-shadow:0 12px 28px rgba(0,0,0,.45)}.top-links .menu-item:hover .sub-menu{display:block}.top-links .sub-menu a{display:block;white-space:nowrap;padding:9px 14px;color:#d7d0bb}.top-links .sub-menu strong{display:block}.top-links .sub-menu a:hover{background:rgba(207,168,90,.13)}.hero{height:210px;max-width:1100px;margin:0 auto;position:relative}.hero-mask{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero h1{font-size:112px;margin:5px 0 -8px;color:#c40000;letter-spacing:8px;text-shadow:0 5px 0 #4a0b06,0 0 24px #ffb000;font-weight:1000}.hero p{font-size:20px;color:#a90000;font-weight:900;text-shadow:0 1px #ffe9b6}.ad{position:absolute;left:120px;bottom:14px;background:#47350c;color:#ffd95a;border:1px solid #d89126;padding:7px 14px;border-radius:3px}.wrap{max-width:980px;margin:0 auto 40px}.titlebar{background:linear-gradient(#ffd747,#fff35c);border:1px solid #8a2b06;text-align:center;padding:7px 20px}.titlebar h2{margin:0;color:#b31d0f;text-shadow:1px 1px #fff;font-size:26px;letter-spacing:2px}.code{color:#9c2751;font-weight:700}.toolbar{display:flex;justify-content:flex-end;gap:8px;padding:8px 0}.toolbar button,.quick button{border:1px solid #c7c7c7;background:#fff;padding:8px 14px;cursor:pointer}.toolbar button.active,.toolbar button:hover,.quick button:hover{background:#ad2a12;color:#fff}.table-card{background:#ffff2b;border:1px solid #856a1a;box-shadow:0 10px 40px rgba(0,0,0,.45)}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#8d271d;color:#fff;padding:9px 6px;border:1px solid #a88b31}td{padding:7px 6px;border:1px solid #a88b31;text-align:center;background:#ffff32}tr:nth-child(even) td{background:#f6f627}.release-normal td{background:#ffff9a}.release-normal:nth-child(even) td{background:#fbfbb0}.release-top td{background:#ffe12b!important;box-shadow:inset 0 0 0 999px rgba(255,225,43,.22)}.release-auto-top td{background:#fff36a!important}.release-unopened .open-state{color:#006a2c;font-weight:900}.release-opened .open-state{color:#b21b0f;font-weight:900}.package-badge{display:inline-block;padding:2px 6px;border-radius:2px;font-weight:900}.package-normal{background:#fff4a5;color:#8a5500;border:1px solid #d8b85b}.package-top{background:#d92316;color:#fff;border:1px solid #ffcd36}.auto-note{font-size:11px;color:#a00000;margin-left:4px}.srv{text-align:left;font-weight:800}.hot{color:#e30000}.tag{color:#007a20;font-weight:800}.btn{display:inline-block;background:#e3701d;color:#fff;border:1px solid #b7470b;border-radius:2px;text-decoration:none;padding:4px 10px;font-weight:700}.done{color:#a02d15;font-weight:700}.quick{position:fixed;right:calc(50% - 550px);top:300px;background:rgba(255,255,255,.92);padding:10px;border-radius:4px;display:flex;flex-direction:column;gap:7px;box-shadow:0 6px 20px rgba(0,0,0,.25)}.quick b{font-size:12px;color:#7b2c16}@media(max-width:1000px){.top-inner,.wrap,.hero{max-width:96%}.hero h1{font-size:64px}.titlebar h2{font-size:18px}.quick{display:none}table{min-width:900px}.table-card{overflow:auto}.top-links{gap:10px}.ad{left:10px}.hero{height:170px}}.logo-image-mode{display:flex;align-items:center;gap:8px}.logo-image-mode img{max-height:36px;max-width:130px;object-fit:contain}.logo-image-mode span{font-size:12px;color:#623f23;line-height:14px}


/* Use global site theme from backend */
body{background:var(--site-bg,#080909)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;}
.topbar,.top-inner,.top-links{background:var(--nav-bg,rgba(7,11,15,.92))!important;background-size:cover!important;background-position:center!important;}
.btn,.toolbar button.active,.quick button:hover{background:var(--button-color,var(--theme-color,#d6a33e))!important;border-color:var(--theme-color,#d6a33e)!important;}


/* Publish page aligned with 大区服务器 module style */
:root{
  --pub-gold:#d8bd75;
  --pub-gold2:#e8cf92;
  --pub-line:rgba(212,182,102,.26);
  --pub-card:rgba(13,13,14,.88);
  --pub-card2:rgba(22,22,20,.92);
}
body{
  color:#d7d2bf!important;
  background:var(--site-bg,#080909)!important;
  background-size:cover!important;
  background-position:center!important;
  background-attachment:fixed!important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.88) 0 5%,transparent 18% 72%,rgba(0,0,0,.85) 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);
  mix-blend-mode:screen;
}
.topbar{
  background:rgba(7,11,15,.88)!important;
  border-bottom:1px solid rgba(202,176,101,.28)!important;
  box-shadow:0 4px 28px rgba(0,0,0,.5)!important;
}
.logo{color:#cfa85a!important}
.logo span{color:#a79a7d!important}
.top-links a{color:#ded6bc!important}
.top-links a:hover{color:#fff2b7!important}
.hero{
  height:190px!important;
  max-width:1180px!important;
  margin:14px auto 0!important;
  border:1px solid var(--pub-line);
  background:
    radial-gradient(circle at 50% 0,rgba(211,176,92,.18),transparent 38%),
    linear-gradient(180deg,rgba(18,18,18,.9),rgba(8,9,12,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.hero h1{
  font-size:64px!important;
  color:var(--pub-gold)!important;
  letter-spacing:5px!important;
  text-shadow:0 0 18px rgba(214,177,86,.32),0 3px 0 rgba(0,0,0,.55)!important;
  margin:0 0 4px!important;
}
.hero p{
  color:#d7c492!important;
  text-shadow:none!important;
  font-weight:800!important;
}
.ad{
  left:22px!important;
  bottom:18px!important;
  background:rgba(151,129,75,.14)!important;
  color:#d8bd75!important;
  border:1px solid rgba(212,182,102,.28)!important;
  border-radius:14px!important;
}
.wrap{
  max-width:1180px!important;
  margin:14px auto 40px!important;
}
.titlebar{
  background:var(--pub-card)!important;
  border:1px solid var(--pub-line)!important;
  padding:14px 18px!important;
  text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.titlebar h2{
  color:var(--pub-gold)!important;
  font-size:22px!important;
  text-shadow:none!important;
  letter-spacing:.5px!important;
  margin:0!important;
}
.code{
  color:#a79b86!important;
  margin-top:6px;
}
.toolbar{
  display:flex!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:12px 0!important;
}
.toolbar button,.quick button{
  min-width:74px;
  height:34px;
  border:1px solid rgba(189,157,86,.45)!important;
  background:rgba(78,65,38,.75)!important;
  color:#bfb49d!important;
  border-radius:0!important;
  font-weight:800;
}
.toolbar button.active,.toolbar button:hover,.quick button:hover{
  background:#b38b3e!important;
  color:#130d05!important;
  box-shadow:0 0 10px rgba(224,180,82,.32);
}
.table-card{
  background:var(--pub-card)!important;
  border:1px solid var(--pub-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 32px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
table{
  width:100%;
  border-collapse:collapse!important;
  font-size:13px!important;
  color:#d7d2bf!important;
}
th{
  background:rgba(147,113,49,.18)!important;
  color:#c0a865!important;
  border:1px solid rgba(183,148,70,.2)!important;
  padding:10px 8px!important;
  font-weight:900!important;
  white-space:nowrap;
}
td{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(189,156,85,.12)!important;
  color:#cfc6b3!important;
  padding:10px 8px!important;
  text-align:center!important;
}
tbody tr:nth-child(odd) td{
  background:rgba(255,255,255,.025)!important;
}
tbody tr:hover td{
  background:rgba(151,129,75,.11)!important;
}
.release-top td,
.release-auto-top td{
  background:rgba(179,139,62,.16)!important;
  box-shadow:none!important;
}
.srv{
  text-align:left!important;
  color:#efe5c7!important;
  font-weight:900!important;
}
.package-badge,.open-state{
  display:inline-block!important;
  margin-top:4px;
  padding:2px 8px!important;
  border-radius:999px!important;
  font-size:11px!important;
}
.package-normal{
  background:rgba(212,182,102,.14)!important;
  color:#d8bd75!important;
  border:1px solid rgba(212,182,102,.28)!important;
}
.package-top{
  background:#b38b3e!important;
  color:#130d05!important;
  border:1px solid #d8bd75!important;
}
.release-unopened .open-state{
  color:#74d18b!important;
}
.release-opened .open-state{
  color:#f0a268!important;
}
.auto-note{
  color:#ffd15f!important;
}
.btn,.done{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:4px 10px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-weight:900!important;
}
.btn{
  color:#130d05!important;
  background:#d8bd75!important;
  border:1px solid #d8bd75!important;
}
.done{
  color:#d8bd75!important;
  border:1px solid rgba(212,182,102,.28)!important;
  background:rgba(151,129,75,.14)!important;
}
.quick{
  position:fixed!important;
  right:calc(50% - 650px)!important;
  top:300px!important;
  width:150px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:12px!important;
  background:var(--pub-card)!important;
  border:1px solid var(--pub-line)!important;
  border-radius:16px!important;
  box-shadow:0 12px 32px rgba(0,0,0,.34)!important;
}
.quick b{
  color:var(--pub-gold)!important;
  font-size:15px!important;
  margin-bottom:4px;
}
.logo-image-mode span{color:#a79a7d!important}
@media(max-width:1180px){
  .quick{display:none!important}
}
@media(max-width:1000px){
  .top-inner,.wrap,.hero{max-width:96%!important}
  .hero{height:160px!important}
  .hero h1{font-size:46px!important}
  .titlebar h2{font-size:18px!important}
  table{min-width:900px}
  .table-card{overflow:auto!important}
}


/* Publish frontend hide package/open-state labels */
.package-badge,
.package-normal,
.package-top,
.auto-note,
.open-state{
  display:none!important;}
.srv br{
  display:none!important;}

/* Hide package badges / auto-note only, keep open-state */
.package-badge,.package-normal,.package-top,.auto-note{
  display:none!important;
}
.srv br{
  display:none!important;
}


/* Publish backend configurable header/menu/quick filter */
.top-inner{
  position:relative!important;
  justify-content:center!important;
}
#releaseLogo{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
#releaseMenu{
  margin:0 auto!important;
  justify-content:center!important;
  text-align:center!important;
}
.logo-image-mode img{
  max-height:38px!important;
  max-width:150px!important;
  object-fit:contain!important;
}
.logo-image-mode{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.quick.quick-right{right:calc(50% - 650px)!important;left:auto!important;top:300px!important;bottom:auto!important}
.quick.quick-left{left:calc(50% - 650px)!important;right:auto!important;top:300px!important;bottom:auto!important}
.quick.quick-hide{display:none!important}
.quick.quick-top,
.quick.quick-bottom{
  position:static!important;
  width:min(1180px,96vw)!important;
  margin:12px auto!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
}
.quick.quick-top{order:1}
.quick.quick-bottom{order:99}
.quick.quick-top b,
.quick.quick-bottom b{margin:0 10px 0 0!important}
@media(max-width:1180px){
  #releaseLogo{left:12px!important}
  .quick.quick-left,.quick.quick-right{display:none!important}
}
@media(max-width:720px){
  .top-inner{justify-content:flex-end!important;padding-left:120px;padding-right:8px}
  #releaseMenu{gap:10px!important;overflow-x:auto;justify-content:flex-start!important}
  #releaseLogo{max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}


/* Quick filter outside table border fix */
.wrap{
  position:relative!important;
}
.quick{
  z-index:30!important;
}
.quick.quick-right{
  position:fixed!important;
  left:auto!important;
  right:max(12px,calc((100vw - 1180px)/2 - 170px))!important;
  top:360px!important;
  bottom:auto!important;
  margin:0!important;
}
.quick.quick-left{
  position:fixed!important;
  right:auto!important;
  left:max(12px,calc((100vw - 1180px)/2 - 170px))!important;
  top:360px!important;
  bottom:auto!important;
  margin:0!important;
}
.quick.quick-right,
.quick.quick-left{
  width:150px!important;
  border:1px solid rgba(212,182,102,.34)!important;
  background:rgba(13,13,14,.94)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.42)!important;
}
.table-card{
  overflow:auto!important;
}
@media(max-width:1460px){
  .quick.quick-right,
  .quick.quick-left{
    position:static!important;
    width:min(1180px,96vw)!important;
    margin:12px auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .quick.quick-right b,
  .quick.quick-left b{
    margin:0 10px 0 0!important;
  }
}


/* SVG menu icons */
.menu-svg-icon{width:18px;height:18px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:6px}
.menu-emoji-icon{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;margin-right:6px;font-style:normal}

/* FOOTER SOCIAL */
.site-footer{padding:24px 42px;background:#08090d;color:#999;border-top:1px solid rgba(211,178,112,.25)}
.footer-inner{width:min(1280px,96vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-social{display:flex;gap:10px;flex-wrap:wrap}.social-icon{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#f7d889}
@media(max-width:900px){.footer-inner{display:block;text-align:center}.footer-social{justify-content:center;margin-top:12px}}


/* FRONTEND MENU ACCORDION FIX */
@media(max-width:900px){
  .nav-item .mega-menu,
  .menu-item .sub-menu{
    display:none!important;
  }
  .nav-item.menu-open .mega-menu,
  .menu-item.menu-open .sub-menu{
    display:block!important;
  }
}


/* game_publish standalone quick filter inside border fix */
body:not(.release-template-frame-body) #releaseDefaultContent .wrap{
  position:relative!important;
  overflow:visible!important;
}
body:not(.release-template-frame-body) #releaseDefaultContent .wrap > #publishQuick.quick,
body:not(.release-template-frame-body) #releaseDefaultContent > #publishQuick.quick,
body:not(.release-template-frame-body) #publishQuick.quick.quick-inline{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 0 12px!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(18,18,18,.92),rgba(10,10,11,.92))!important;
  border:1px solid rgba(212,182,102,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body:not(.release-template-frame-body) #publishQuick.quick.quick-inline b,
body:not(.release-template-frame-body) #releaseDefaultContent .wrap > #publishQuick.quick b,
body:not(.release-template-frame-body) #releaseDefaultContent > #publishQuick.quick b{
  margin:0 auto 0 0!important;
  white-space:nowrap!important;
  line-height:34px!important;
}
body:not(.release-template-frame-body) #publishQuick.quick.quick-inline button,
body:not(.release-template-frame-body) #releaseDefaultContent .wrap > #publishQuick.quick button,
body:not(.release-template-frame-body) #releaseDefaultContent > #publishQuick.quick button{
  width:auto!important;
  min-width:74px!important;
  white-space:nowrap!important;
}
body:not(.release-template-frame-body) #publishQuick.quick.quick-hide{
  display:none!important;
}
@media(max-width:720px){
  body:not(.release-template-frame-body) #publishQuick.quick.quick-inline,
  body:not(.release-template-frame-body) #releaseDefaultContent .wrap > #publishQuick.quick,
  body:not(.release-template-frame-body) #releaseDefaultContent > #publishQuick.quick{
    justify-content:flex-start!important;
  }
  body:not(.release-template-frame-body) #publishQuick.quick.quick-inline b,
  body:not(.release-template-frame-body) #releaseDefaultContent .wrap > #publishQuick.quick b,
  body:not(.release-template-frame-body) #releaseDefaultContent > #publishQuick.quick b{
    width:100%!important;
    margin:0 0 2px!important;
    line-height:1.4!important;
  }
}


/* game_publish quick filter: right outside container floating follow-scroll fix */
body:not(.release-template-frame-body) #releaseDefaultContent{
  overflow:visible!important;
}
body:not(.release-template-frame-body) #releaseDefaultContent .wrap{
  overflow:visible!important;
}
body:not(.release-template-frame-body) #releaseDefaultContent > #publishQuick.quick.quick-side-float,
body:not(.release-template-frame-body) #publishQuick.quick.quick-side-float{
  position:fixed!important;
  left:var(--quick-left,auto)!important;
  right:auto!important;
  top:var(--quick-top,118px)!important;
  bottom:auto!important;
  transform:none!important;
  z-index:80!important;
  width:150px!important;
  max-width:150px!important;
  min-width:150px!important;
  margin:0!important;
  padding:12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:8px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(18,18,18,.96),rgba(8,9,11,.96))!important;
  border:1px solid rgba(216,189,117,.34)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(8px);
}
body:not(.release-template-frame-body) #publishQuick.quick.quick-side-float:before{
  content:"";
  position:absolute;
  left:-1px;
  top:10px;
  bottom:10px;
  width:2px;
  background:linear-gradient(180deg,transparent,#d8bd75,transparent);
  opacity:.85;
}
body:not(.release-template-frame-body) #publishQuick.quick.quick-side-float b{
  display:block!important;
  width:auto!important;
  margin:0 0 4px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  text-align:center!important;
  color:#d8bd75!important;
  font-size:14px!important;
  letter-spacing:.5px;
}
body:not(.release-template-frame-body) #publishQuick.quick.quick-side-float button{
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
  text-align:center!important;
  border-radius:6px!important;
}
body:not(.release-template-frame-body) #publishQuick.quick.quick-side-float button.active,
body:not(.release-template-frame-body) #publishQuick.quick.quick-side-float button:hover{
  transform:translateX(-2px);
}
body:not(.release-template-frame-body) #publishQuick.quick.quick-side-fallback{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:min(1180px,96vw)!important;
  max-width:96vw!important;
  min-width:0!important;
  margin:12px auto 0!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  border-radius:0!important;
}
body:not(.release-template-frame-body) #publishQuick.quick.quick-side-fallback b{
  margin:0 auto 0 0!important;
  line-height:34px!important;
}
body:not(.release-template-frame-body) #publishQuick.quick.quick-side-fallback button{
  width:auto!important;
  min-width:74px!important;
}
@media(max-width:720px){
  body:not(.release-template-frame-body) #publishQuick.quick.quick-side-fallback{
    justify-content:flex-start!important;
  }
  body:not(.release-template-frame-body) #publishQuick.quick.quick-side-fallback b{
    width:100%!important;
    margin:0 0 2px!important;
    line-height:1.4!important;
  }
}