/* ===================== 国风画风 · 中式木金红主题 ===================== */

/* 共享的卷云/回纹装饰 */
.cn-ornament{
  position:relative;
}
.cn-ornament::before,
.cn-ornament::after{
  content:"";position:absolute;width:14px;height:14px;
  border:2px solid rgba(245,179,36,.55);pointer-events:none;
}
.cn-ornament::before{top:6px;left:6px;border-right:none;border-bottom:none}
.cn-ornament::after{bottom:6px;right:6px;border-left:none;border-top:none}

/* 顶部条 · 暗木金边 */
.top-strip{
  position:relative;
  background:linear-gradient(180deg,#1A0E08 0%,#2A1810 50%,#1A0E08 100%)!important;
  border-bottom:none!important;
  box-shadow:0 4px 12px rgba(0,0,0,.45),inset 0 1px 0 rgba(245,179,36,.18),inset 0 -1px 0 rgba(0,0,0,.4)!important;
  padding:11px 14px!important;
  z-index:2;
}
.top-strip::after{
  content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent 0%,rgba(245,179,36,.2) 20%,#F5B324 50%,rgba(245,179,36,.2) 80%,transparent 100%);
  pointer-events:none;
}
.top-strip .page-title{
  color:#FFD45C!important;
  font-family:'Baloo 2','PingFang SC',serif!important;
  font-weight:800!important;
  text-shadow:0 1px 0 #6B3A00,0 2px 4px rgba(0,0,0,.5)!important;
  letter-spacing:1px!important;
  position:relative;padding-left:14px;
}
.top-strip .page-title::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:4px;height:18px;
  background:linear-gradient(180deg,#FFD45C,#D89000);
  border-radius:2px;
  box-shadow:0 0 6px rgba(245,179,36,.6);
}

/* 金币风格货币 */
.cmini{
  background:linear-gradient(180deg,#2A1810,#1A0E08)!important;
  border:1.5px solid #D89000!important;
  color:#FFD45C!important;
  box-shadow:inset 0 1px 0 rgba(245,179,36,.25),0 2px 4px rgba(0,0,0,.3)!important;
  font-weight:800!important;
  text-shadow:0 1px 0 rgba(0,0,0,.4);
}
.cmini .dot{
  box-shadow:0 0 6px rgba(245,179,36,.4),inset 0 1px 0 rgba(255,255,255,.3)!important;
  color:#3D2817!important;
}
.cmini .dot.g{background:linear-gradient(135deg,#FFE48A,#F5B324 50%,#B8860B)!important}
.cmini .dot.s{background:linear-gradient(135deg,#E0E5EC,#A0A8B0)!important}

/* 左侧导航 · 乌木金钉 */
.left-nav{
  background:linear-gradient(180deg,#0E0703 0%,#1A0E08 50%,#0E0703 100%)!important;
  box-shadow:inset -2px 0 4px rgba(0,0,0,.4)!important;
  border-right:1px solid rgba(245,179,36,.18);
}
.left-nav .logo-mini{
  background:radial-gradient(circle at 30% 30%,#FFE48A,#F5B324 50%,#8B5A00 100%)!important;
  color:#3D2817!important;
  border:1.5px solid #8B5A00!important;
  box-shadow:0 0 12px rgba(245,179,36,.45),inset 0 1px 0 rgba(255,255,255,.5)!important;
  font-family:'Baloo 2',serif!important;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
}
.left-nav .nav-btn{
  color:rgba(255,212,92,.55)!important;
  border:1px solid transparent!important;
  background:transparent!important;
}
.left-nav .nav-btn:hover{
  color:#FFD45C!important;
  background:rgba(245,179,36,.08)!important;
  border-color:rgba(245,179,36,.2)!important;
}
.left-nav .nav-btn.active{
  color:#FFD45C!important;
  background:linear-gradient(180deg,rgba(245,179,36,.18),rgba(245,179,36,.06))!important;
  border:1px solid rgba(245,179,36,.45)!important;
  box-shadow:inset 0 0 8px rgba(245,179,36,.2),0 0 8px rgba(245,179,36,.1)!important;
  text-shadow:0 0 4px rgba(245,179,36,.5);
}

/* Hero banner · 朱红金边宫灯 */
.hero-banner{
  position:relative;overflow:hidden;
  margin:6px 0 14px;padding:18px 18px 16px;
  border-radius:14px;
  background:
    radial-gradient(circle at 90% 20%,rgba(255,212,92,.35),transparent 60%),
    linear-gradient(135deg,#6B0000 0%,#C8302A 50%,#E8483B 100%);
  color:#FFE48A;
  border:2px solid #F5B324;
  box-shadow:0 10px 26px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,212,92,.25);
  text-shadow:0 1px 2px rgba(0,0,0,.5);
}
.hero-banner::before{
  content:"";position:absolute;inset:5px;
  border:1px solid rgba(255,212,92,.4);
  border-radius:10px;
  pointer-events:none;
}
.hero-banner::after{
  content:"福";position:absolute;right:18px;top:50%;transform:translateY(-50%);
  font-family:'PingFang SC','Microsoft YaHei',serif;font-weight:800;font-size:74px;
  color:rgba(255,212,92,.4);
  text-shadow:0 2px 8px rgba(0,0,0,.4);
  pointer-events:none;line-height:1;
}
.hero-banner .hb-greet{font-family:'Baloo 2','PingFang SC',serif;font-weight:800;font-size:21px;letter-spacing:1px;position:relative;z-index:1}
.hero-banner .hb-greet b{color:#FFE48A;font-weight:800}
.hero-banner .hb-sub{font-size:12px;font-weight:700;opacity:.95;margin-top:4px;position:relative;z-index:1;color:#FFE48A}
.hero-banner .hb-cta{
  display:inline-flex;align-items:center;gap:6px;margin-top:11px;
  padding:7px 14px;border-radius:6px;
  background:linear-gradient(180deg,#FFE48A 0%,#F5B324 50%,#D89000 100%);
  border:1px solid #8B5A00;color:#3D2817;
  font-size:11px;font-weight:800;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.3);
  position:relative;z-index:1;
}
.hero-banner .hb-cta::after{content:"›";font-size:15px;line-height:1;color:#8B0000}

/* 游戏 tile · 乌木金边，3D 牌匾感 */
.games-scroll{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}
.game-tile{
  position:relative;overflow:hidden;cursor:pointer;
  min-width:0;height:auto;min-height:108px;padding:14px 14px 12px;
  border-radius:12px;
  display:flex;flex-direction:column;justify-content:space-between;
  background:
    linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 30%),
    linear-gradient(135deg,#1A0E08 0%,#2A1810 50%,#1A0E08 100%);
  border:2px solid #D89000;
  color:#FFE48A;
  box-shadow:0 6px 14px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,212,92,.25),inset 0 -1px 0 rgba(0,0,0,.3);
  text-shadow:0 1px 2px rgba(0,0,0,.6);
  transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s;
}
.game-tile::before{
  content:"";position:absolute;inset:3px;
  border:1px solid rgba(245,179,36,.3);
  border-radius:8px;
  pointer-events:none;
}
.game-tile::after{
  content:attr(data-icon);
  position:absolute;right:-6px;bottom:-18px;
  font-family:serif;font-size:78px;line-height:1;
  color:rgba(245,179,36,.15);
  text-shadow:0 0 18px rgba(245,179,36,.25);
  pointer-events:none;
}
.game-tile:active{transform:scale(.97)}
.game-tile .gt-top{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}
.game-tile .gt-name{
  font-family:'Baloo 2','PingFang SC',serif;font-weight:800;font-size:17px;
  color:#FFE48A;
  text-shadow:0 1px 0 #6B3A00,0 2px 3px rgba(0,0,0,.5);
  letter-spacing:1px;
}
.game-tile .gt-desc{
  font-size:10px;font-weight:700;opacity:.85;letter-spacing:.3px;
  color:rgba(255,212,92,.85);
}
.game-tile .gt-play{
  display:inline-flex;align-items:center;gap:5px;align-self:flex-start;
  font-size:11px;font-weight:800;
  background:linear-gradient(180deg,#F5B324,#D89000);
  padding:4px 11px;border-radius:5px;
  color:#3D2817;text-shadow:0 1px 0 rgba(255,255,255,.3);
  border:1px solid #8B5A00;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 #5A3A00;
  transition:gap .2s,transform .1s;
  position:relative;z-index:1;
}
.game-tile .gt-play::after{content:"›";font-size:14px;line-height:1;color:#8B0000;margin-left:2px}
.game-tile:hover{transform:translateY(-3px);box-shadow:0 12px 22px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,212,92,.35)}
.game-tile:hover .gt-play{gap:9px}

/* 顶部色条 · 各游戏主题色 */
.game-tile[data-game="texas"]::after{color:rgba(120,255,160,.25)}
.game-tile[data-game="ddz"]::after{color:rgba(255,160,150,.3)}
.game-tile[data-game="wsk"]::after{color:rgba(255,212,92,.35)}
.game-tile[data-game="clb"]::after{color:rgba(120,230,210,.3)}
.game-tile[data-game="jhw"]::after{color:rgba(200,150,255,.3)}

.game-tile[data-game="texas"] .gt-name{color:#A8FFC8}
.game-tile[data-game="ddz"] .gt-name{color:#FFB0A8}
.game-tile[data-game="wsk"] .gt-name{color:#FFE48A}
.game-tile[data-game="clb"] .gt-name{color:#A8F0E4}
.game-tile[data-game="jhw"] .gt-name{color:#E0B8FF}

/* 签到条 · 朱红金边 */
.lobby-bottom{display:flex;flex-direction:column;gap:10px}
.activity-strip{
  border-radius:12px;padding:14px 16px;
  background:linear-gradient(135deg,#6B0000 0%,#C8302A 50%,#8B0000 100%);
  border:2px solid #F5B324;
  box-shadow:0 6px 16px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,212,92,.2);
  display:flex;align-items:center;gap:12px;cursor:pointer;
  transition:transform .15s;
  position:relative;overflow:hidden;
  color:#FFE48A;
  text-shadow:0 1px 2px rgba(0,0,0,.5);
}
.activity-strip::before{
  content:"";position:absolute;inset:3px;
  border:1px solid rgba(255,212,92,.35);
  border-radius:9px;pointer-events:none;
}
.activity-strip::after{content:"🧧";position:absolute;right:78px;top:50%;transform:translateY(-50%);font-size:36px;opacity:.7;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
.activity-strip:active{transform:scale(.99)}
.activity-strip .as-text h4{font-family:'Baloo 2','PingFang SC',serif;font-size:15px;color:#FFE48A;margin-bottom:2px;font-weight:800;letter-spacing:.5px}
.activity-strip .as-text p{font-size:11px;font-weight:700;color:rgba(255,228,138,.85)}
.activity-strip .as-btn{
  margin-left:auto;padding:7px 14px;border-radius:5px;border:1px solid #8B5A00;
  background:linear-gradient(180deg,#FFE48A,#F5B324 50%,#D89000);
  color:#3D2817;font-weight:800;font-size:12px;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 #5A3A00;
  transition:.1s;
}
.activity-strip .as-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 #5A3A00}

/* 快捷卡片 · 暗木金边 */
.quick-card{
  display:flex;align-items:center;gap:10px;padding:12px 14px;
  border-radius:10px;
  background:linear-gradient(180deg,#2A1810 0%,#1A0E08 100%);
  border:1.5px solid #D89000;
  box-shadow:0 4px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,212,92,.18);
  cursor:pointer;
  transition:transform .15s,box-shadow .15s;
  position:relative;overflow:hidden;
  color:#FFE48A;
}
.quick-card::before{
  content:"";position:absolute;inset:2px;
  border:1px solid rgba(255,212,92,.25);
  border-radius:7px;pointer-events:none;
}
.quick-card:active{transform:scale(.98)}
.quick-card:hover{box-shadow:0 6px 14px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,212,92,.3)}
.quick-card .qc-ic{
  width:38px;height:38px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;color:#3D2817;flex-shrink:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.3);
  border:1px solid #8B5A00;
}
.quick-card .qc-ic svg{width:20px;height:20px}
.quick-card .qc-tx{font-family:'Baloo 2','PingFang SC',serif;font-weight:800;font-size:13px;color:#FFE48A;text-shadow:0 1px 0 rgba(0,0,0,.4)}
.quick-card .qc-sub{font-size:10px;font-weight:700;color:rgba(255,228,138,.6);margin-top:1px}

/* 房间列表 tile · 暗木金边 */
.rooms-toolbar{padding:4px 2px 10px;display:flex;align-items:center;gap:8px}
.room-tile{
  background:linear-gradient(180deg,#2A1810 0%,#1A0E08 100%);
  border:1.5px solid #D89000;
  border-radius:10px;padding:12px 14px;margin-bottom:8px;
  box-shadow:0 4px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,212,92,.15);
  display:flex;align-items:center;gap:12px;
  transition:transform .15s,box-shadow .15s;
  color:#FFE48A;
  position:relative;overflow:hidden;
}
.room-tile::before{
  content:"";position:absolute;inset:2px;
  border:1px solid rgba(255,212,92,.22);
  border-radius:7px;pointer-events:none;
}
.room-tile:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,212,92,.25)}
.room-tile .rt-name{font-family:'Baloo 2','PingFang SC',serif;font-weight:800;font-size:14px;color:#FFE48A;text-shadow:0 1px 0 rgba(0,0,0,.4)}
.room-tile .rt-info{font-size:11px;font-weight:700;color:rgba(255,228,138,.65);margin-top:1px}
.room-tile .rt-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.room-tile .rt-players{font-family:'Baloo 2',serif;font-weight:800;font-size:14px;color:#FFE48A}
.room-tile .rt-join{
  padding:8px 16px;border-radius:6px;border:1px solid #8B5A00;
  background:linear-gradient(180deg,#FFE48A,#F5B324 50%,#D89000);
  color:#3D2817;font-weight:800;font-size:12px;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 #5A3A00;
  transition:.1s;
}
.room-tile .rt-join:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 #5A3A00}

/* Tab pill · 暗木金边 */
.tab-pill{
  padding:5px 12px;border-radius:6px;border:1.5px solid #D89000;font-size:11px;font-weight:800;
  color:rgba(255,228,138,.7);background:linear-gradient(180deg,#2A1810,#1A0E08);
  cursor:pointer;transition:.15s;
  box-shadow:inset 0 1px 0 rgba(255,212,92,.15);
}
.tab-pill.active{
  background:linear-gradient(180deg,#F5B324,#D89000);
  color:#3D2817;border-color:#8B5A00;
  text-shadow:0 1px 0 rgba(255,255,255,.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 #5A3A00;
}

/* 个人中心 · 资产盒子 */
.asset-box{
  background:linear-gradient(180deg,#2A1810 0%,#1A0E08 100%);
  border:1.5px solid #D89000;
  border-radius:10px;padding:14px;
  box-shadow:0 4px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,212,92,.15);
  color:#FFE48A;
  position:relative;overflow:hidden;
}
.asset-box::before{
  content:"";position:absolute;inset:2px;
  border:1px solid rgba(255,212,92,.22);
  border-radius:7px;pointer-events:none;
}
.asset-box h4{color:#FFE48A!important;font-family:'Baloo 2','PingFang SC',serif;font-weight:800}
.asset-chip{
  background:linear-gradient(180deg,#1A0E08,#0E0703)!important;
  border:1px solid #D89000!important;
  color:#FFE48A!important;
  box-shadow:inset 0 1px 0 rgba(255,212,92,.15)!important;
}
.asset-chip.gold .av{color:#FFD45C}
.rc-item{
  background:linear-gradient(180deg,#2A1810,#1A0E08)!important;
  border:1.5px solid #D89000!important;
  color:rgba(255,228,138,.85)!important;
  border-radius:8px!important;
}
.rc-item.active{
  background:linear-gradient(180deg,#F5B324,#D89000)!important;
  color:#3D2817!important;border-color:#8B5A00!important;
  text-shadow:0 1px 0 rgba(255,255,255,.3)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 #5A3A00!important;
}
.menu-row{
  background:linear-gradient(180deg,#2A1810 0%,#1A0E08 100%)!important;
  border:1.5px solid #D89000!important;
  border-radius:10px!important;
  color:#FFE48A!important;
  margin-bottom:8px!important;
  box-shadow:0 4px 10px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,212,92,.12)!important;
  position:relative;overflow:hidden;
}
.menu-row::before{
  content:"";position:absolute;inset:2px;
  border:1px solid rgba(255,212,92,.2);
  border-radius:7px;pointer-events:none;
}
.menu-row:hover{background:linear-gradient(180deg,#3D2817,#2A1810)!important;box-shadow:0 6px 14px rgba(0,0,0,.4)!important}
.menu-row .mr-text{color:#FFE48A;font-weight:800}
.menu-row .mr-icon{border:1px solid #8B5A00}

/* 签到页 */
.checkin-grid .day-dot{
  background:linear-gradient(180deg,#2A1810,#1A0E08)!important;
  border:1.5px solid #D89000!important;
  color:rgba(255,228,138,.7)!important;
}
.checkin-grid .day-dot.done{
  background:linear-gradient(180deg,#F5B324,#D89000)!important;
  color:#3D2817!important;border-color:#8B5A00!important;
  text-shadow:0 1px 0 rgba(255,255,255,.3)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 #5A3A00!important;
}