/* ===== 全民天龙后台 · 天青毛玻璃（20261027）：与官网 qmtl.win 同一套——底色取自水墨图（模糊+云雾），面板白玻璃，侧栏深青玻璃 ===== */
:root{
  --qg-ink:#1e3442; --qg-ink-2:#3a5566; --qg-muted:#6a7f8c;
  --qg-teal:#3f8fb3; --qg-teal-d:#2a6c8d; --qg-gold:#9a7428; --qg-gold-l:#ecd9a8;
  --qg-glass:rgba(255,255,255,.58); --qg-glass-2:rgba(255,255,255,.74); --qg-line:rgba(255,255,255,.72);
  --qg-shadow:0 10px 34px rgba(30,52,66,.12);
}
html{background:#eef3f5!important}
body{background:transparent!important;position:relative}
body::before{content:""!important;position:fixed!important;inset:-60px!important;z-index:-2!important;pointer-events:none;
  background:url('/assets/img/wuxia-hero.webp') center 30%/cover no-repeat!important;
  filter:blur(34px) saturate(.75) brightness(1.18)!important;transform:scale(1.08);opacity:1!important}
body::after{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none;
  background:radial-gradient(1100px 600px at 15% 0%,rgba(255,255,255,.8),transparent 65%),
    radial-gradient(900px 500px at 90% 20%,rgba(236,217,168,.22),transparent 60%),
    linear-gradient(180deg,rgba(238,244,247,.74) 0%,rgba(246,249,250,.88) 100%)!important;opacity:1!important}

/* ---- 白玻璃面板 ---- */
.card,.stat-card,.quick-action,.dropdown-menu,.list-group-item,.toast,
.side,.box,.success-wrap,.dl-panel,.dl-card,.form-section,.card-recharge,
.ap-card,.ap-stat,.ap-table-wrap,.ap-modal-card,.ap-user-drop,.ap-filter,.ap-quick a,.ap-empty{
  background:var(--qg-glass)!important;border:1px solid var(--qg-line)!important;box-shadow:var(--qg-shadow)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;backdrop-filter:blur(18px) saturate(140%)!important;color:var(--qg-ink)}
.card,.stat-card,.ap-card,.ap-stat,.ap-table-wrap,.ap-modal-card,.success-wrap,.dl-panel{border-radius:18px!important}
.card-header,.card-footer,.ap-card-head,.ap-modal-head,.ap-modal-foot{background:rgba(255,255,255,.4)!important;border-color:rgba(30,52,66,.07)!important}
.quick-action:hover,.card:hover{background:var(--qg-glass-2)!important}
.stat-value{color:var(--qg-teal-d)!important}
.stat-label,.text-muted{color:var(--qg-muted)!important}

/* ---- 顶栏 / 侧栏 ---- */
.navbar,.ap-topbar,.top-bar,header.navbar{background:rgba(255,255,255,.6)!important;border-bottom:1px solid var(--qg-line)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;backdrop-filter:blur(18px) saturate(140%)!important}
.navbar .nav-link,.navbar-brand,.ap-topbar,.ap-topbar a{color:var(--qg-ink)!important}
.sidebar,.ap-side{background:rgba(30,52,66,.74)!important;border-right:1px solid rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:blur(20px) saturate(140%)!important;backdrop-filter:blur(20px) saturate(140%)!important}
.sidebar .nav-link,.ap-side a,.ap-menu-item{color:rgba(255,255,255,.84)!important}
.sidebar .nav-link:hover,.sidebar .nav-link.active,.ap-menu-item:hover,.ap-menu-item.on,.ap-menu-item.active{
  color:#fff!important;background:rgba(255,255,255,.14)!important}

/* ---- 表格 ---- */
.table,.ap-table{--bs-table-bg:transparent;background:transparent!important;color:var(--qg-ink)!important}
.table>:not(caption)>*>*{background-color:transparent!important;color:var(--qg-ink)!important;border-color:rgba(30,52,66,.08)!important}
.table thead th,.ap-table thead th{background:rgba(255,255,255,.5)!important;color:var(--qg-teal-d)!important}
.table tbody tr:hover>*,.ap-table tbody tr:hover{background:rgba(255,255,255,.4)!important}

/* ---- 表单 ---- */
.form-control,.form-select,.input-group-text,.ap-field input,.ap-field select,.inp input,.input-wrap input,.input-shell input{
  background:rgba(255,255,255,.72)!important;border-color:rgba(42,108,141,.22)!important;color:var(--qg-ink)!important}
.form-control:focus,.form-select:focus{border-color:var(--qg-teal)!important;box-shadow:0 0 0 .2rem rgba(63,143,179,.18)!important}
.form-label,.field-label,.section-title{color:var(--qg-ink-2)!important}

/* ---- 按钮 ---- */
.btn-primary,.submit,.login-submit,.btn-brand,.dl-btn,.btn-wx,.amount-btn.active,.ap-btn-primary{
  background:linear-gradient(135deg,#55a6c9,var(--qg-teal-d))!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;
  box-shadow:0 8px 22px rgba(42,108,141,.28)!important}
.btn-outline-primary,.btn-ghost{color:var(--qg-teal-d)!important;border-color:rgba(42,108,141,.4)!important;background:rgba(255,255,255,.55)!important}
.amount-btn{background:rgba(255,255,255,.6)!important;border:1px solid rgba(42,108,141,.22)!important;color:var(--qg-ink)!important}
.badge.bg-primary{background:var(--qg-teal)!important}

/* ---- 登录页：左图右玻璃 ---- */
.page{background:transparent!important}
.side{border-left:1px solid var(--qg-line)!important;border-radius:0!important}
.art::after{background:linear-gradient(180deg,rgba(24,46,60,.10) 40%,rgba(24,46,60,.72))!important}
.art-cap h1,.cap h1{color:#fff!important}
.brand b,.box h2{color:var(--qg-ink)}
.links a,a.link{color:var(--qg-teal-d)}

/* ---- 玩家登录页 / 注册 ---- */
.login-story,.login-panel,.login-card,.register-card,.auth-card,.form-card{
  background:var(--qg-glass)!important;border:1px solid var(--qg-line)!important;box-shadow:var(--qg-shadow)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;backdrop-filter:blur(18px) saturate(140%)!important}
.role-tab.active,.role-tab.on{background:rgba(255,255,255,.85)!important;color:var(--qg-teal-d)!important}

@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .card,.stat-card,.side,.box,.ap-card,.ap-stat,.ap-table-wrap,.success-wrap{background:rgba(255,255,255,.9)!important}
}
/* 顶栏文字对比 */
.navbar .navbar-brand,.navbar .navbar-brand *,.navbar .nav-link,.navbar .navbar-toggler,.navbar .btn,.navbar i{color:var(--qg-ink)!important}
.navbar .navbar-toggler{border-color:rgba(30,52,66,.2)!important}
.ap-topbar h1,.ap-topbar h2,.ap-topbar h3,.ap-topbar b,.ap-topbar strong,.ap-topbar i,.ap-topbar span:not([class*="lv"]){color:var(--qg-ink)!important}
.ap-topbar-title{color:var(--qg-ink)!important;-webkit-text-fill-color:var(--qg-ink)!important;background:none!important}
