/* 分享封面：仅用于微信/QQ/QQ空间抓取分享缩略图，移出可视区、不可点击、不占布局 */
.share-cover{position:absolute;left:-9999px;top:0;width:300px;height:300px;overflow:hidden;pointer-events:none;}
.share-cover img{display:block;width:300px;height:300px;}

:root{
  --bg:#1c1712;          /* 深棕底，避免纯黑刺眼 */
  --bg2:#262019;
  --panel:#2e271e;
  --card:#3a3026;
  --line:#4a3d2e;
  --gold:#e9c46a;
  --gold2:#f4a261;
  --red:#c0392b;
  --red2:#e74c3c;
  --ok:#2e9e5b;
  --txt:#efe6d6;
  --txt2:#b9a987;
  --green:#5fbf6a;
  --blue:#5b9bff;
  --purple:#b06bff;
  --orange:#ff9f40;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
/* 锁定字体放大：安卓/微信内核可能对小字号文本自动放大，导致徽章等小标签排版错位 */
html,body{margin:0;padding:0;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{
  font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:15px;line-height:1.5;color:var(--txt);
  background:var(--bg);
}
a{color:var(--gold);text-decoration:none;}

/* ============ 登录/注册/选角 ============ */
/* 登录页背景：图 + 深色蒙版压暗，保证文字可读 */
.auth-body{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;
  background:linear-gradient(rgba(20,14,8,.72),rgba(20,14,8,.82)),
    url('img/beijing.jpg') center/cover no-repeat,
    radial-gradient(circle at 50% 0%,#3a2a1c,#1c1712 70%);
  padding:20px;}
.auth-wrap{width:90%;max-width:380px;background:rgba(46,39,30,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(233,196,106,.25);
  border-radius:16px;padding:26px 20px;box-shadow:0 8px 30px rgba(0,0,0,.55);margin-top:-60px;}
.logo{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:26px;line-height:1;font-weight:800;color:var(--gold);letter-spacing:2px;
  text-shadow:0 2px 8px rgba(0,0,0,.6);
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;}
.logo .logo-ic{width:26px;height:26px;flex:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));}
.logo + .subtitle{
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;}
/* 标题下无副标题的页面（如选职业）：单独留出与下方内容的间距 */
.logo-gap{margin-bottom:16px;}
.subtitle{text-align:center;color:var(--txt2);margin:6px 0 18px;font-size:13px;}
.auth-err{background:rgba(192,57,43,.2);border:1px solid var(--red);color:#ffb3a7;
  padding:8px 10px;border-radius:8px;margin-bottom:12px;font-size:13px;text-align:center;}
/* 操作成功提示（如改密成功跳回登录页） */
.auth-ok{background:rgba(46,204,113,.15);border:1px solid #2ecc71;color:#a9dfbf;
  padding:8px 10px;border-radius:8px;margin-bottom:12px;font-size:13px;text-align:center;}
/* 输入框校验气泡：不合规时在输入框下方浮出，几秒后自动淡出 */
.inp-wrap{position:relative;}
/* 注册页输入框左侧图标（与登录/改密页一致） */
.auth-form .inp-wrap > svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--txt2);pointer-events:none;}
.auth-form .inp-wrap .inp{padding-left:42px;}
/* 密码框右侧的眼睛：点击切换明文/密文 */
.inp-wrap .inp.has-eye{padding-right:46px;}
.inp-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);
  width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  background:none;border:0;padding:0;color:var(--txt2);cursor:pointer;border-radius:8px;opacity:.45;transition:opacity .15s ease,color .15s ease;}
.inp-eye:hover{color:var(--gold);opacity:1;}
.inp-eye svg{width:18px;height:18px;}
.inp-eye .eye-off{display:none;}
.inp-eye.on .eye-open{display:none;}
.inp-eye.on .eye-off{display:block;}
/* 眼睛默认隐藏，密码框有内容（输入后）才显示 */
.inp-eye{display:none;}
.inp.has-eye:not(:placeholder-shown) + .inp-eye{display:flex;}
.inp-wrap .inp.err{border-color:var(--red);}
.field-bubble{position:absolute;left:8px;right:8px;top:calc(100% + 6px);z-index:5;
  background:rgba(192,57,43,.96);color:#fff;font-size:12px;line-height:1.5;
  padding:6px 10px;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.45);
  opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;}
.field-bubble.show{opacity:1;transform:translateY(0);}
/* 职业选择组的气泡：文案居中 */
.class-cards + .field-bubble{text-align:center;}
.field-bubble::before{content:'';position:absolute;top:-5px;left:16px;width:0;height:0;
  border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(192,57,43,.96);}
.auth-form{display:flex;flex-direction:column;gap:12px;}
/* 登录页：带左侧 SVG 图标的输入框 */
.auth-form .input-icon{position:relative;}
.auth-form .input-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--txt2);pointer-events:none;}
.auth-form .input-icon .inp{padding-left:42px;}
/* 同容器内带眼睛的输入框：右侧留出眼睛位置 */
.auth-form .input-icon .inp.has-eye{padding-right:46px;}
.inp{width:100%;height:46px;border-radius:10px;border:1px solid var(--line);
  background:var(--bg2);color:var(--txt);padding:0 14px;font-size:15px;outline:none;}
.inp:focus{border-color:var(--gold);}
/* 野外PK配置：输入框/下拉统一高度，文本垂直居中 */
.pvp-form input, .pvp-form select{height:34px;line-height:34px;box-sizing:border-box;}
/* 野外PK：输入框与开打按钮合并为一体化组合框 */
.pvp-combo{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:10px;background:var(--bg2);overflow:hidden;}
.pvp-combo .gmodal .inp, .gmodal .pvp-combo .inp, .pvp-combo .inp{border:none;background:transparent;border-radius:0;flex:1;height:46px;line-height:46px;box-sizing:border-box;padding-top:0;padding-bottom:0;}
.pvp-combo .inp:focus{border-color:transparent;}
.pvp-combo .act-btn{border:none;border-radius:0;border-left:1px solid var(--line);background:transparent;color:var(--gold);height:46px;width:auto;padding:0 18px;}
/* 分隔线恒为 1px 灰线：悬停/聚焦/按下都不消失不变金（覆盖 .act-btn 通用 hover 的金色 border-color） */
.pvp-combo .act-btn:hover, .pvp-combo .act-btn:active,
.pvp-combo .act-btn:not(:disabled):not(.disabled):not(.insuff):not(.boss-atk):not(.boss-auto):not(.danger):hover{border-left-color:var(--line);}
.pvp-combo .gmodal .act-btn, .gmodal .pvp-combo .act-btn, .pvp-combo .act-btn{height:46px;}
.pvp-combo:focus-within{border-color:var(--gold);}
.btn-primary{height:48px;border:none;border-radius:10px;background:linear-gradient(180deg,var(--gold),var(--gold2));
  color:#3a2410;font-size:16px;font-weight:700;cursor:pointer;}
.btn-primary:active{filter:brightness(.9);}
.auth-link{display:block;text-align:center;margin-top:14px;font-size:13px;color:var(--txt2);}
/* 登录/改密页底部双链接：左右分布 */
.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:14px;}
.auth-links .auth-link{margin-top:0;}
/* 登录页底部版权：固定在页面最下方，链接沿用正文颜色且无下划线 */
.auth-foot{position:fixed;left:0;right:0;bottom:0;text-align:center;
  padding:12px 10px calc(12px + env(safe-area-inset-bottom));
  font-size:12px;color:var(--txt2);opacity:.55;}
.auth-foot a{color:inherit;text-decoration:none;}
.class-cards{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;}
.class-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);
  border-radius:12px;padding:12px 14px;cursor:pointer;}
.class-card input{display:none;}
.class-card:has(input:checked){border-color:var(--gold);background:#43381f;}
.class-icon{font-size:30px;}
.class-name{font-weight:700;color:var(--gold);}
.class-stat{font-size:12px;color:var(--txt2);}

/* ============ 游戏主壳 ============ */
/* 游戏页背景：与登录页（.auth-body）完全一致的背景图 + 深色蒙版 + 径向光晕，fixed 防滚动抖动 */
body.game-body{
  background:linear-gradient(rgba(20,14,8,.72),rgba(20,14,8,.82)),
    url('img/beijing.jpg') center/cover no-repeat fixed,
    radial-gradient(circle at 50% 0%,#3a2a1c,#1c1712 70%);
}
#app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:480px;margin:0 auto;background:rgba(28,23,18,.84);overflow-x:hidden;}
/* 顶部留白加大：13px 字号行高为 1，中文字形会溢出线盒约 3px，原来 10px 显得贴顶 */
#topbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 12px 0;background:var(--panel);
  border-bottom:1px solid var(--line);}
.avatar{width:44px;height:44px;border-radius:10px;background:var(--card);display:flex;
  align-items:center;justify-content:center;font-size:24px;flex:none;color:var(--gold);cursor:pointer;}

/* ============ SVG 图标 ============ */
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-4px;}
.avatar .ic{width:26px;height:26px;}
.avatar .ic-taoist{width:34px;height:34px;transform:translateY(-5px);}
.c-gem{color:#54a0ff;}
.c-bind{color:#c8a86b;}
.ic.c-ingot{fill:none;}
.c-gold{color:var(--gold);}
.top-info{flex:1;min-width:0;}
.top-line1{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1;}
.top-line1>span{display:inline-flex;align-items:center;line-height:1;}
.top-line1 .unit{font-size:12px;font-weight:700;line-height:1;}
/* 等级/转生里的「级」「转」单位字 */
.unit-up{position:relative;}
.rk-rb{font-weight:400;color:inherit;}
#cname{font-weight:700;color:var(--gold);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lv{color:var(--orange);font-weight:700;}
.cls{color:var(--txt2);font-size:12px;}
.reborn{color:var(--red2);font-size:13px;font-weight:700;margin-left:-3px;position:relative;top:0;}
.bar{position:relative;width:150px;height:14px;background:var(--bg2);border-radius:7px;margin-top:4px;overflow:hidden;}
.bar-fill{position:absolute;left:0;top:0;height:100%;}
.bar.hp .bar-fill{background:linear-gradient(90deg,#e74c3c,#ff7b6b);}
.bar.mp .bar-fill{background:linear-gradient(90deg,#2e86de,#54a0ff);}
.bar.exp{width:100%;height:2px;border-radius:0;background:rgba(255,255,255,.08);}
.bar.exp .bar-fill{background:linear-gradient(90deg,#c9962b,#ffd24a);border-radius:0;}
.top-exp{flex:none;order:9;margin:0 -12px 0;width:calc(100% + 24px);}
#exptxt{display:none;}
.bar-txt{position:absolute;width:100%;text-align:center;font-size:11px;line-height:14px;color:#fff;}
.top-coin{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--gold);text-align:right;flex:none;cursor:pointer;}
.top-coin:hover div{opacity:.85;}
.top-coin .ic{width:13px;height:13px;vertical-align:-2px;margin-left:6px;}

#panel{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:12px;background:rgba(28,23,18,.45);}
.tab-pane{display:none;}
.tab-pane.active{display:block;}
/* 挂机主面板：占满可用高度，战报吃掉剩余空间，保证不超出底部菜单 */
#pane-main.active{display:flex;flex-direction:column;height:100%;min-height:0;}

.map-bar{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);
  border-radius:10px;padding:8px 10px;margin-bottom:10px;}
#mapname{font-weight:700;color:var(--gold);flex:1;min-width:0;display:flex;align-items:center;}
/* 顶栏按钮固定宽度，不因地图名后的10倍倒计时变长而被挤压 */
.map-bar .mini-btn{flex:none;white-space:nowrap;}
.mini-btn{height:26px;padding:0 10px;border-radius:8px;border:1px solid var(--line);
  background:var(--card);color:var(--txt);font-size:13px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;line-height:1;
  transition:background .12s,color .12s,border-color .12s;}
.mini-btn:not(.active):not(.claim-ready):not([style*="cursor:default"]):hover{
  background:var(--panel);color:var(--gold);border-color:var(--gold);}
.mini-btn.active{border-color:var(--gold);color:var(--gold);}
.ach-item .mini-btn{margin-top:-3px;}
.mini-btn.claim-ready{background:var(--gold);color:#1a1208;border-color:var(--gold);font-weight:600;}
.mini-btn.claim-ready:active{filter:brightness(.92);}
.m-cost .u{margin-left:3px;}
.m-cost .ic{width:14px;height:14px;vertical-align:-3px;margin-left:3px;}
.mini-btn:active{filter:brightness(.9);}
.monster-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px;font-size:13px;}
.mon-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.mon-head .ic{width:18px;height:18px;flex:none;position:relative;top:-1px;}
.mon-head b{font-size:15px;color:var(--txt);}
.mon-head .mon-power{margin-left:auto;color:var(--gold);font-size:12px;white-space:nowrap;}
.mon-head .mon-power i{font-style:italic;font-weight:700;}
/* 怪物动态血条：全宽 + 百分比文字 */
.mbar{position:relative;width:100%;height:18px;background:#2a2118;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:10px;}
/* 血条上方红色"击杀!"闪光（真实击杀瞬间显示，新怪确认后熄灭） */
.mbar-wrap{position:relative;}
.mon-kill-flash{position:absolute;left:0;right:0;bottom:calc(100% + 2px);text-align:center;font-size:14px;font-weight:800;color:#ff4d4d;text-shadow:0 0 8px rgba(255,60,60,.75),0 1px 2px rgba(0,0,0,.7);opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:2;}
.mon-kill-flash.on{opacity:1;animation:killpop .32s ease;}
@keyframes killpop{0%{transform:scale(.6);}60%{transform:scale(1.12);}100%{transform:scale(1);}}
.mfill{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,#e53935,#ff7043);transition:width .1s linear;}
.mbar-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none;z-index:1;}
/* 怪物属性 2×2 网格 */
.mon-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;}
.mon-grid .mg{display:flex;align-items:center;justify-content:space-between;background:var(--bg2);border-radius:8px;padding:6px 10px;font-size:12px;}
.mon-grid .mg span{color:var(--txt2);}
.mon-grid .mg b{color:var(--txt);font-weight:600;}
.battle-log{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px;
  flex:1 1 auto;min-height:90px;height:auto;overflow-y:auto;font-size:13px;line-height:1.7;}
.battle-log div{border-bottom:1px dashed #3a3026;padding:2px 6px;border-radius:6px;transition:background .15s;}
.battle-log div:hover{background:rgba(255,255,255,.04);}
.mail-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.mail-hd h3{margin:0;font-size:16px;line-height:1;}
.card .mail-hd h3{margin:0;}
.mail-actions{display:flex;align-items:center;gap:8px;}
/* 离线收益汇总（置顶高亮） */
.battle-log .log-offline{color:var(--gold);font-weight:600;background:rgba(230,180,80,.10);
  border:1px solid rgba(230,180,80,.35);border-radius:6px;padding:5px 8px;margin-bottom:4px;}
/* 阵亡提示（红色警示） */
.battle-log .log-dead{color:#ff5252;font-weight:600;}
/* 警告提示（战力不足等，黄色） */
.battle-log .log-warn{color:#ffc94d;font-weight:600;}
/* 太阳水自动回血（绿色） */
.battle-log .log-heal{color:#4caf50;font-weight:600;}

/* 卡片/列表 */
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px;}
.card h3{margin:0 0 8px;font-size:15px;color:var(--gold);display:flex;align-items:center;gap:8px;line-height:1;}
/* 更多面板内子视图（如每日任务）的标题，与弹窗标题 .gmodal h3 视觉统一 */
.card h3.mv-h3{margin:0 0 12px;padding:0;font-size:17px;line-height:1.2;}
.card h3 .h3-sub{font-size:12px;color:var(--txt2);font-weight:400;margin-left:-6px;position:relative;top:-1px;}
.h3count{font-size:12px;font-weight:600;color:var(--muted);background:#2a2218;border:1px solid var(--line);border-radius:10px;padding:1px 8px;}
.ach-h3-stats{display:inline-flex;align-items:center;gap:6px;}
.title-select-wrap{position:relative;display:inline-flex;align-items:center;}
.title-select{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--line);background:#2a2218;color:var(--gold);font-size:12px;line-height:1;cursor:pointer;outline:none;}
.title-select:hover{border-color:var(--gold);}
.title-select .ts-cur{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.title-select .ts-caret{width:14px;height:14px;flex:none;transition:transform .15s;}
.title-select.open .ts-caret{transform:rotate(180deg);}
.title-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:172px;max-height:240px;overflow-y:auto;-webkit-overflow-scrolling:touch;
  background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.5);padding:6px;z-index:30;display:none;}
.title-menu.open{display:block;}
.title-menu-hd{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--txt2);padding:4px 8px 6px;border-bottom:1px solid var(--line);margin-bottom:4px;}
.title-menu-cnt{color:var(--gold);font-weight:600;}
.title-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;color:var(--txt);font-size:13px;padding:8px 10px;border-radius:7px;cursor:pointer;}
.title-opt:hover{background:var(--bg2);color:var(--gold);}
.title-opt.active{color:var(--gold);background:rgba(233,196,106,.12);font-weight:600;}
.title-opt .to-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.title-opt .to-bonus{flex:none;font-size:11px;color:var(--txt2);font-weight:400;white-space:nowrap;}
.title-opt.active .to-bonus{color:var(--gold);}
.ach-claimed{color:var(--green);background:#1f2a1f;border-color:#33543a;}
.row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:14px;border-bottom:1px dashed #4a3d2e;}
.row:last-child{border-bottom:none;}
.k{color:var(--txt2);}
.v{color:var(--gold);font-weight:600;}
.q1{color:#cfcfcf;} .q2{color:var(--green);} .q3{color:var(--blue);} .q4{color:var(--purple);} .q5{color:var(--orange);} .q6{color:#ff2d2d;font-weight:700;}
.prem-extra{color:#ffd24d;font-weight:600;}

.item{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);
  border-radius:10px;padding:10px;margin-bottom:8px;transition:background .15s,border-color .15s;}
.item:hover{background:#42392e;border-color:rgba(255,255,255,.18);}
/* 背包装备内镶嵌宝石图标向下微调 1px */
.item .ic{transform:translateY(1px);}
/* 物品页签：名称行图标为 flex 居中布局，取消 1px 偏移以保证垂直居中 */
.item .iname .ic{transform:none;flex:none;}
.item .iname{flex:1;font-weight:600;}
.item .islot{font-size:12px;color:var(--txt2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* 技能页顶部提示条 */
.skill-tip{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:9px 12px;
  border-radius:10px;border:1px solid rgba(233,196,106,.35);
  background:linear-gradient(90deg,rgba(233,196,106,.14),rgba(233,196,106,.03));
  font-size:12px;line-height:1.6;color:var(--gold);}
/* 技能未解锁状态：移至最右并单独配色 */
.skill-locked{color:#d98f88;font-size:12px;}
/* 技能已满级：金边徽章 */
.skill-maxed{display:inline-flex;align-items:center;gap:3px;padding:2px 10px;border-radius:10px;border:1px solid var(--gold);color:var(--gold);background:rgba(233,196,106,.12);font-size:12px;font-weight:600;}
/* 技能名称/等级/描述/类型：简洁配色 */
.skill-name{color:var(--gold);font-size:14px;font-weight:700;}
.skill-lv{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:6px;border:1px solid var(--line);color:var(--txt2);font-size:11px;font-weight:600;vertical-align:1px;}
/* 他人技能面板右侧的等级芯片放大显示 */
.peq-modal .skill-lv{font-size:14px;padding:3px 11px;}
.skill-desc-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:3px;}
.skill-desc{color:var(--txt2);font-size:12px;}
.skill-type{display:inline-block;padding:1px 7px;border-radius:6px;font-size:11px;font-weight:600;position:relative;top:1px;margin-left:-4px;}
.skill-type-burst{color:var(--red);}
.skill-type-ctrl{color:var(--blue);}
.skill-type-buff{color:var(--green);}
.skill-tip .ic{flex:none;}
.skill-br{display:none;} /* 仅手机端在分号后换行 */
@media (max-width:899px){.skill-br{display:inline;}}
.item .iactions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center;}
/* 物品回收：数量在上、回收按钮在下（右侧纵向排列），样式对齐商城（价格+购买） */
.item .iactions.ia-col{flex-direction:column;flex-wrap:nowrap;align-items:flex-end;gap:0;}
.item .iactions.ia-col .imat-price{color:var(--gold);font-size:13px;font-weight:600;margin-bottom:4px;}
.item .iactions.ia-col .act-btn{height:28px;padding:0 12px;}
.item .iactions.ia-col .act-btn:hover:not(:disabled):not(.insuff){background:#3a2f1d;color:var(--gold);border-color:var(--gold);}
.ia-group{display:flex;gap:6px;align-items:center;}
/* 手机端：操作按钮分两行（穿戴/强化 一行，鉴定/祝福 一行） */
@media (max-width:899px){
  .item .iactions{flex-direction:column;align-items:stretch;}
  .item .ia-group{flex:1;}
  .item .ia-group .act-btn{flex:1;}
}
.item.premium-item{border-color:#ffb74d;box-shadow:0 0 8px rgba(255,183,77,.4);}
.item-premium{color:#ffd54a !important;text-shadow:0 0 6px rgba(255,213,74,.6);}
.badge-premium{display:inline-block;vertical-align:2px;margin-left:6px;background:linear-gradient(90deg,#ff8c1a,#ffd54a);color:#3a2a00;font-size:11px;font-weight:700;border-radius:8px;padding:1px 7px;}
.act-btn{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--line);
  background:var(--bg2);color:var(--gold);font-size:12px;cursor:pointer;white-space:nowrap;
  display:inline-flex;align-items:center;justify-content:center;line-height:1;
  transition:background .12s,color .12s,border-color .12s,filter .12s;}
.act-btn:active{filter:brightness(.9);}
.act-btn:not(:disabled):not(.disabled):not(.insuff):not(.boss-atk):not(.boss-auto):not(.danger):hover{
  background:#3a2f1d;color:var(--gold);border-color:var(--gold);}
.act-btn:disabled{opacity:.45;cursor:not-allowed;color:var(--txt2);border-color:var(--line);}
.act-btn.insuff{opacity:.45;cursor:not-allowed;color:var(--txt2);border-color:var(--line);}
.act-btn.danger{color:var(--red2);}
/* 背包穿戴/需Lv按钮统一宽度（取最宽文本对齐） */
.act-btn[data-act="equip"]{min-width:72px;}
/* 锁定按钮（与穿戴按钮同款尺寸/圆角/宽度），同时兼容缓存里的旧 lock-pill 类名 */
.act-btn.lock-btn,.act-btn.lock-pill{border-radius:8px;padding:0 10px;height:34px;font-size:12px;color:var(--gold);border:1px solid var(--line);background:var(--bg2);min-width:72px;box-sizing:border-box;}
.act-btn.lock-btn.on,.act-btn.lock-pill.on{border-color:var(--gold);color:var(--gold);background:rgba(233,196,106,.12);font-weight:600;}

.shop-item{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);
  border-radius:10px;padding:10px;margin-bottom:8px;transition:background .15s,border-color .15s;}
.shop-item:hover{background:#42392e;border-color:rgba(255,255,255,.18);}
.shop-item .sinfo{flex:1;min-width:0;}
.shop-item .sname{font-weight:600;}
.shop-item .sdesc{font-size:12px;color:var(--txt2);margin-top:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.shop-item .sprice{color:var(--gold);font-size:13px;margin-bottom:4px;}
.shop-item .act-btn{height:28px;}
.shop-item .act-btn:hover:not(:disabled):not(.insuff){background:#3a2f1d;color:var(--gold);border-color:var(--gold);}
/* 兑换标签顶部说明 */
.shop-intro{font-size:12px;line-height:1.6;color:var(--txt2);background:var(--bg2);
  border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin-bottom:10px;}
.shop-intro b{color:var(--gold);}
/* 兑换商品：单行，名称在左，兑换按钮在最右 */
.shop-item.ex-item{display:flex;flex-direction:row;align-items:center;gap:10px;text-align:left;}
.shop-item.ex-item .sinfo{flex:1;min-width:0;}
.shop-item.ex-item .sname{font-size:14px;font-weight:600;}
.shop-item.ex-item .sname .ex-swap{color:var(--gold);}
.shop-item.ex-item .sname .ic{width:20px;height:20px;padding:5px;border-radius:7px;background:var(--bg2);border:1px solid var(--line);box-sizing:content-box;}
.shop-item.ex-item .ex-btn{flex-shrink:0;height:28px;padding:0 14px;border-radius:6px;}

/* 购买数量弹窗 */
.shopbuy-modal{max-width:380px;}
.gmodal.shopbuy-modal h3{text-align:left;padding-left:16px;}
.sb-desc{font-size:12px;color:var(--txt2);line-height:1.6;margin:14px 0 16px;}
.sb-desc .ic{vertical-align:middle!important;transform:translateY(-1px);}
.sb-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:3px 0;}
.sb-row b{font-weight:600;color:var(--gold);}
.sb-qty{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:nowrap;}
.sb-qbtn{height:32px;box-sizing:border-box;line-height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font-size:13px;cursor:pointer;}
.sb-qbtn.on{border-color:var(--gold);color:var(--gold);background:rgba(201,150,43,.12);font-weight:600;}
.gmodal .sb-input-wrap .sb-input{width:84px;flex:none;height:32px;line-height:32px;box-sizing:border-box;text-align:left;padding:0 22px 0 8px;border-radius:8px;font-size:13px;}
.sb-input-wrap{position:relative;display:inline-flex;align-items:center;flex:none;}
.sb-unit{position:absolute;right:8px;font-size:12px;color:var(--txt2);pointer-events:none;}
/* 回收弹窗：快捷颗数较多（1/10/100/全部），加宽弹窗并允许换行 */
.gemrecycle-modal{max-width:420px;}
.gemrecycle-modal .sb-qty{flex-wrap:wrap;}
/* 去掉 number 输入框自带的上下加减箭头 */
.sb-input{-moz-appearance:textfield;appearance:textfield;}
.sb-input::-webkit-outer-spin-button,.sb-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
/* 仅数量区之后的第一行与数量区留 10px 间距，其余汇总行（消耗/手续费/获得/余额）行距统一 */
.sb-qty + .sb-row{margin-top:10px;}
.sb-total b{font-size:15px;}
.sb-total .sb-dotline,.sb-bal .sb-dotline,.sb-note .sb-dotline{flex:1;margin:0 10px;border-top:1px dashed var(--line);}
.sb-bal b{font-size:15px;}
.sb-lack{color:var(--red)!important;}
/* 手续费行：整行弱化灰字，作为「获得」净额的附注说明，不抢视觉 */
.sb-row.sb-note{font-size:12px;color:var(--txt2);}
.sb-row.sb-note b{color:var(--txt2);font-weight:500;}
.sb-row.sb-note .sb-dotline{opacity:.5;}

/* 顶部切换按钮统一为分段式标签：容器卡片 + 选中高亮 */
.bag-tabs,.shop-tabs,.chat-channels{display:flex;gap:6px;background:var(--panel);
  border:1px solid var(--line);border-radius:10px;padding:5px;margin-bottom:10px;}
.chat-channels{margin-bottom:10px;flex:none;}
.bag-tabs .mini-btn,.shop-tabs .mini-btn,.chat-channels .mini-btn{flex:0 0 auto;height:30px;
  padding:0 16px;border:none;background:transparent;color:var(--txt2);
  border-radius:7px;font-size:13px;font-weight:600;}
.bag-tabs .mini-btn.active,.shop-tabs .mini-btn.active,.chat-channels .mini-btn.active{
  background:#3a2f1d;color:var(--gold);}
.bag-tabs .mini-btn:not(.active):hover,.shop-tabs .mini-btn:not(.active):hover,.chat-channels .mini-btn:not(.active):hover{
  background:#3a2f1d;color:var(--gold);}
/* 背包标签：左侧三个标签收紧成组，右侧为图标操作按钮（回收全部 / 一键换装） */
.bag-tabs{gap:4px;}
.bag-tabs .mini-btn[data-bag]{padding:0 12px;}
/* 商城/聊天顶部标签与背包标签保持一致的间距 */
.shop-tabs,.chat-channels{gap:4px;}
.shop-tabs .mini-btn,.chat-channels .mini-btn{padding:0 12px;}
.bag-tabs .bag-cnt{font-size:11px;font-weight:500;color:var(--txt2);opacity:.6;margin-left:3px;}
.bag-tabs .mini-btn.active .bag-cnt{color:var(--gold);opacity:.6;}
.bag-tabs .bag-op{flex:0 0 auto;width:30px;height:30px;padding:0;margin-left:2px;
  display:flex;align-items:center;justify-content:center;color:var(--gold);border-radius:7px;transition:background .12s;}
.bag-tabs .bag-op .ic{width:17px;height:17px;}
.bag-tabs .bag-op:hover{background:#3a2f1d;}
.bag-tabs .bag-op:active{background:#3a2f1d;}
#bulk-all{margin-left:auto;}
@media (max-width:899px){
  .bag-tabs{gap:3px;padding:5px;}
  .bag-tabs .mini-btn[data-bag]{padding:0 10px;}
  .shop-tabs,.chat-channels{gap:3px;}
  .shop-tabs .mini-btn,.chat-channels .mini-btn{padding:0 10px;}
}
/* 背包页：操作工具条与标签固定，仅装备/背包商品列表自适应，超出只在列表内部滚动，整页不滚动 */
#pane-bag.active{display:flex;flex-direction:column;height:100%;min-height:0;}
#bag-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
/* 仅装备背包列表使用响应式网格（穿戴/物品保持原单列整行） */
#bag-list.bag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:stretch;align-content:start;grid-auto-rows:min-content;}
#bag-list.bag-grid .item{margin-bottom:0;cursor:pointer;}
#bag-list.bag-grid .item .iactions{flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:6px;}
/* 仅 ia-group 内按钮纵向拉伸；直接子级按钮（锁定）不参与列向 flex，避免 flex-basis:0 压扁高度 */
#bag-list.bag-grid .item .iactions .ia-group .act-btn{flex:1;width:100%;}
#bag-list.bag-grid .item .iactions > .act-btn{flex:0 0 auto;width:100%;}
@media (max-width:1200px){
  #bag-list.bag-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:899px){
  #bag-list.bag-grid{grid-template-columns:repeat(1,1fr);}
}
/* 穿戴纸娃娃 */
.doll-tip{text-align:center;font-size:13px;color:var(--txt2);margin:4px 0 8px;}
/* 顶部：小人立绘 + 总战力/强化等级（左右排布，压缩高度） */
.doll-head{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 6px;}
.doll-figure{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8d8378;}
.doll-figure:hover{filter:brightness(1.25);}
.doll-head .doll-figure{width:60px;height:60px;flex:none;opacity:.2;}
.doll-figure svg{width:100%;height:100%;}
.doll-summary{display:flex;justify-content:center;align-items:center;gap:18px;margin:2px 0 8px;}
.doll-head .doll-summary{flex-direction:row;align-items:flex-start;gap:26px;margin:0;}
.doll-summary .ds-cell{flex:none;display:flex;align-items:center;gap:5px;background:none;border:none;border-radius:0;padding:0;max-width:none;}
.doll-head .doll-summary .ds-cell{flex-direction:column;align-items:center;gap:3px;}
.doll-summary .ds-cell span{font-size:10px;color:var(--txt2);letter-spacing:1.5px;}
.doll-summary .ds-cell b{font-size:17px;color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;}
/* 下方：装备槽位两列网格 */
.doll-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:520px;margin:0 auto;padding:10px;box-sizing:border-box;}
/* padding:10px 给极品装备的 9px 光晕留出渲染空间，避免被 #bag-list 滚动容器边缘裁剪 */
.doll-slot{min-width:0;width:100%;box-sizing:border-box;padding:9px 10px;border-radius:13px;background:var(--card);border:1px solid var(--line);
  text-align:center;font-size:14px;line-height:1.25;box-shadow:0 2px 8px rgba(0,0,0,.28);
  display:flex;flex-direction:column;justify-content:center;min-height:66px;transition:background .15s;}
.doll-slot.filled{cursor:pointer;border-width:1.5px;}
.doll-slot.filled:hover{background:#42392e;}
.doll-slot.filled:active{filter:brightness(.92);}
.doll-slot .ds-slot{display:flex;align-items:center;color:var(--txt2);font-size:15px;font-weight:700;margin-bottom:4px;}
.doll-slot .ds-lv{margin-left:6px;font-size:11px;font-weight:400;opacity:.75;}
.doll-slot .ds-premium{margin-left:auto;flex:none;}
.doll-slot .ds-badges{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:3px;}
.doll-slot .ds-badges .badge-premium{margin-left:0;display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 8px;box-sizing:border-box;}
.badge-ident{position:relative;display:inline-block;width:18px;height:18px;border-radius:50%;
  background:transparent;border:1.5px solid #ff8c1a;color:#ffb020;flex:none;vertical-align:middle;}
.badge-ident i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-style:normal;font-size:10px;font-weight:700;line-height:1;}
/* 详情标题：品质圆点 + 名称 + 徽章分组（徽章间距统一用 .ed-badges 的 gap 控制） */
.equip-detail h3 .ed-name{font-weight:800;display:inline-flex;align-items:baseline;min-width:0;flex:0 1 auto;cursor:pointer;}
.equip-detail h3 .ed-name .ed-txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.equip-detail h3 .ed-plus{margin-left:4px;font-weight:700;color:#ffd54a;text-shadow:0 0 6px rgba(255,213,74,.55);flex:none;}
.equip-detail .luck-tip{cursor:pointer;}
.equip-detail .ed-sec{position:relative;}
.equip-detail .luck-pop{position:absolute;right:6px;top:50%;transform:translateY(-50%);max-width:70%;background:var(--bg2);color:var(--gold);border:1px solid var(--line);padding:3px 9px;border-radius:6px;font-size:11.5px;font-weight:400;letter-spacing:0;line-height:1.4;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .22s;box-shadow:0 1px 4px rgba(0,0,0,.3);z-index:6;}
.equip-detail .luck-pop.show{opacity:1;}
.equip-detail h3 .ed-badges{margin-left:8px;display:inline-flex;align-items:center;gap:6px;flex:none;}
.equip-detail h3 .ed-badges .badge-ident,
.equip-detail h3 .ed-badges .badge-premium{margin:0;display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 8px;box-sizing:border-box;}
.doll-slot .ds-name{font-weight:700;font-size:14px;line-height:1.2;display:flex;align-items:baseline;justify-content:center;gap:2px;border-top:1px dashed rgba(255,255,255,.15);padding-top:5px;}
.doll-slot .ds-name .ds-txt{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.doll-slot .ds-name .ds-plus{font-weight:400;font-size:.85em;opacity:.8;margin-left:2px;flex-shrink:0;}
.doll-slot:not(.filled) .ds-name{cursor:pointer;}
.doll-slot .ds-stat{color:var(--txt2);font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;}
.doll-slot .ds-empty{color:var(--txt2);opacity:.7;line-height:1.4;}
.doll-slot.q1{border-color:#cfcfcf;} .doll-slot.q2{border-color:var(--green);}
.doll-slot.q3{border-color:var(--blue);} .doll-slot.q4{border-color:var(--purple);}
.doll-slot.q5{border-color:var(--orange);} .doll-slot.q6{border-color:#ff2d2d;}
.doll-slot.premium{border-color:#ffb74d;box-shadow:0 0 9px rgba(255,183,77,.5);}
/* 装备详情弹窗内的操作按钮：一排显示，均分宽度，减少内间距 */
.gmodal-actions.eq-actions{flex-wrap:nowrap;gap:5px;border-top:1px solid var(--line);padding:12px 16px 16px;margin:4px -16px -16px;}
.gmodal-actions.eq-actions .ia-group{flex:1;gap:5px;}
.gmodal-actions.eq-actions .act-btn{flex:1;min-width:0;height:34px;padding:0 7px;font-size:12px;}
.gmodal-actions.eq-actions .act-btn.insuff{opacity:.5;}
/* 装备详情标题左侧的品质色圆点 */
.gmodal h3 .q-dot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle;margin-right:8px;box-shadow:0 0 6px currentColor;flex:none;}
/* 装备详情：信息行优化（标签居左、数值靠右、淡分隔线）+ 左侧图标 */
.gmodal.equip-detail h3{display:flex;align-items:center;text-align:left;padding:0 46px 10px 16px;line-height:1.2;}
.equip-detail .gmodal-body{line-height:1.6;}
/* 他人装备只读弹窗：底部无操作按钮栏，去掉 body 预留的 16px 底边距，减少宝石区下方空白 */
.equip-detail.ed-readonly .gmodal-body{margin-bottom:0;}
/* 数据分组卡片：描边圆角 + 深底色行，与称号弹窗 .tm-rows 风格一致 */
.equip-detail .ed-rows{border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.equip-detail .gmodal-body .row{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;margin-bottom:0;background:#2a2218;}
.equip-detail .gmodal-body .ed-rows .row + .row{border-top:1px solid var(--line);}
.equip-detail .gmodal-body .row .k{width:auto;color:var(--txt2);font-size:12px;letter-spacing:.5px;}
.equip-detail .gmodal-body .row .v{color:var(--txt2);font-weight:400;text-align:right;font-variant-numeric:tabular-nums;}
/* 分组小标题（基础信息 / 战斗属性）+ 极品/鉴定属性高亮 */
.equip-detail .ed-sec{font-size:12.5px;font-weight:700;color:var(--gold);letter-spacing:1px;
  margin:14px 0 7px;}
.equip-detail .ed-sec:first-child{margin-top:2px;}
.equip-detail .ed-sec.gem-sec{margin:14px 0 7px;}
.equip-detail .ed-prem{color:#ffd24d;font-weight:700;}
.equip-detail .ed-aff{color:var(--orange);}
/* 装备详情：数值颜色与左侧标签一致，仅极品加成/鉴定行因内联样式保留原色 */
/* 商城页：货币标签固定，仅商品列表自适应，超出只在列表内部滚动，整页不滚动 */
#pane-shop.active{display:flex;flex-direction:column;height:100%;min-height:0;}
#shop-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
/* 角色页：整屏不滚动，属性卡片区域自适应，超出只在内部滚动 */
#pane-char.active{display:flex;flex-direction:column;height:100%;min-height:0;}
#char-detail{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;}
/* 角色属性卡：战力 + 属性格固定顶部，仅信息行区域滚动 */
#char-detail > .card{display:flex;flex-direction:column;height:100%;min-height:0;margin-bottom:0;}
#char-detail > .card .char-power,#char-detail > .card .stat-grid{flex:none;}
#char-detail > .card .info-rows{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
#char-detail .row{padding:6px 8px;border-radius:8px;transition:background .12s;}
#char-detail .row:hover{background:var(--panel);}
.rank-body .row{padding:6px 8px;border-radius:8px;transition:background .12s;}
.rank-body .row:hover{background:var(--panel);}
#char-detail .row-red .v{color:#ff6b6b;font-weight:700;}
/* 角色属性卡信息行：行图标 + 斑马纹 */
#char-detail .row-ic{width:13px;height:13px;vertical-align:-2px;margin-right:5px;color:var(--gold2);}
#char-detail .row.prof .row-ic{transform:translateY(-2px);}
.info-rows .row:nth-child(odd){background:rgba(233,196,106,.025);}
/* 角色属性卡：战力主视觉 + 六维属性格 */
.char-power{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 0 12px;
  background:linear-gradient(180deg,rgba(233,196,106,.12),rgba(233,196,106,.02));
  border:1px solid rgba(233,196,106,.28);border-radius:10px;margin-bottom:10px;}
.char-power .cp-label{font-size:16px;color:var(--txt2);letter-spacing:2px;}
.char-power .cp-val{font-size:26px;font-weight:800;color:var(--gold);
  text-shadow:0 1px 8px rgba(233,196,106,.35);font-variant-numeric:tabular-nums;}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;}
.stat-cell{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:7px 4px;text-align:center;}
.stat-cell .sk{font-size:11px;color:var(--txt2);}
.stat-cell .sv{font-size:14px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums;}
.hr-full{height:1px;background:var(--line);margin:4px -12px 10px;}
/* 更多/每日任务等子视图：整屏不滚动，内容区自适应，超出只在内部滚动 */
#pane-more.active{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;}
#more-box{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
/* 更多根视图：顶部分类菜单固定，下方列表超出只在内部滚动 */
#more-box > .menu-row{flex:none;}
#more-box > .menu-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
/* 排行榜子视图：各榜单卡片不收缩、整体可滚动浏览 */
#more-box .rank-card{flex:none;}
/* 排行榜视图下滚动容器自带顶部圆角（与卡片/吸顶标题同 12px）：滚动内容在容器顶角被圆角裁剪，
   滑到吸顶标题下方的内容不会从标题圆角缺口处露出；:has() 仅在排行榜子视图命中，其它视图不受影响 */
#more-box:has(> .rank-card){border-radius:12px 12px 0 0;}
/* 展开的榜单（同时只有一个展开）：固定高度；卡片保留原底色与圆角，但自身不带边框、内边距清零——
   轮廓改由标题（顶边+两侧+顶部圆角+分割线）与榜单体（两侧+底边+底部圆角）分担绘制：
   自然位置时两部分拼合与原卡片外观完全一致；吸顶时标题自带圆角顶独立悬浮、两侧边框不外露直角；
   榜单体占满剩余高度、超出内部滚动 */
#more-box .rank-card:not(.collapsed){flex:none;max-height:380px;display:flex;flex-direction:column;
  background:var(--card);border:none;border-radius:12px;padding:0;}
#more-box .rank-card:not(.collapsed) .rank-hd{flex:none;}
#more-box .rank-card:not(.collapsed) .rank-body{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;
  border:1px solid var(--line);border-top:none;border-radius:0 0 12px 12px;padding:10px 12px 12px;}
/* 每日任务：标题固定顶部，任务列表超出只在列表内部滚动，整屏不滚动 */
#more-box .task-card{display:flex;flex-direction:column;height:100%;min-height:0;margin-bottom:0;}
#more-box .task-card .mv-h3{flex:none;}
#more-box .task-card .task-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
/* 成就：标题与分割线固定顶部，分组列表超出只在内部滚动，整屏不滚动 */
#more-box .ach-card{display:flex;flex-direction:column;height:100%;min-height:0;margin-bottom:0;}
#more-box .ach-card > h3{flex:none;}
#more-box .ach-card .hr-full{flex:none;}
#more-box .ach-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;
  /* 顶部 2px 用透明边框而非内边距：边框在滚动裁剪区之外，滚动内容不会从吸顶标题上方露出；
     顶部圆角裁剪吸顶标题与滚动内容的顶角，防止从圆角缺口跑出 */
  border-top:2px solid transparent;border-radius:8px 8px 0 0;}
/* 邮件：标题栏与分割线固定顶部，邮件列表超出只在内部滚动，整屏不滚动 */
#more-box .mail-card{display:flex;flex-direction:column;height:100%;min-height:0;margin-bottom:0;}
#more-box .mail-card .mail-hd{flex:none;}
#more-box .mail-card .hr-full{flex:none;}
#more-box .mail-card .mail-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
/* 技能页：整屏不滚动，技能列表自适应，超出只在内部滚动 */
#pane-skill.active{display:flex;flex-direction:column;height:100%;min-height:0;}
#skill-list{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-x:hidden;}
.skill-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
/* 技能卡片：极淡悬停提亮（仅技能列表内） */
#skill-list .card{cursor:pointer;transition:background .15s,border-color .15s;}
#skill-list .card:hover{background:#42392e;border-color:rgba(255,255,255,.18);}
/* 更多面板子视图返回栏 */
.more-top{margin-bottom:10px;}
.more-top .mini-btn{width:100%;height:34px;border:1px solid var(--line);background:var(--panel);
  color:var(--gold);border-radius:8px;font-size:13px;font-weight:600;
  transition:background .12s,color .12s,border-color .12s;}
.more-top .mini-btn:hover{background:#3a2f1d;border-color:var(--gold);}
.more-top .mini-btn:active{background:#3a2f1d;}

/* 聊天：占满面板高度，消息区弹性伸缩，输入框固定在底部 */
#pane-chat.active{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;}
.chat-box{flex:1;min-height:180px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--bg2);border:1px solid var(--line);
  border-radius:10px;padding:10px;font-size:13px;line-height:1.7;margin-bottom:8px;}
/* 聊天空状态：气泡图标徽章 + 主副文案，整块垂直居中 */
.chat-empty{height:100%;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.chat-empty .ce-badge{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);border:1px dashed var(--line);color:var(--txt2);margin-bottom:8px;}
.chat-empty .ce-badge .ic{width:24px;height:24px;opacity:.7;}
.chat-empty .ce-txt{font-size:13px;color:var(--txt2);}
.chat-empty .ce-sub{font-size:12px;color:var(--txt2);opacity:.6;margin-top:3px;}
/* 背包（装备/宝石页签为网格布局）：空状态跨满整行并留足高度 */
#bag-list .chat-empty,.gem-scroll .chat-empty{grid-column:1 / -1;min-height:200px;}
.chat-box .c-line{margin:2px 0;}
.chat-box .c-name{color:var(--gold);font-weight:600;}
.chat-box .c-self .c-name{color:var(--green);}
.chat-box .c-sys{margin:6px 0;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--txt2);font-weight:400;text-align:center;line-height:1.5;}
/* 聊天输入：与野外PK同款一体化组合框（输入框 + 发送按钮无缝拼接） */
.chat-input{display:flex;align-items:stretch;flex:none;border:1px solid var(--line);border-radius:10px;
  background:var(--bg2);overflow:hidden;}
.chat-input:focus-within{border-color:var(--gold);}
.chat-input .inp{flex:1;min-width:0;height:46px;line-height:46px;box-sizing:border-box;
  border:none;background:transparent;border-radius:0;padding:0 14px;font-size:15px;outline:none;}
.chat-input .inp:focus{border-color:transparent;}
/* 发送按钮：与「开打」同款——透明底 + 金色文字 + 左侧分隔线，圆角由外框裁剪 */
.chat-input .btn-primary{height:46px;flex:none;width:auto;min-width:0;padding:0 18px;
  border:none;border-radius:0;border-left:1px solid var(--line);
  background:transparent;color:var(--gold);font-size:15px;font-weight:600;
  transition:background .12s,color .12s;}
.chat-input .btn-primary:hover{background:#3a2f1d;color:var(--gold);}

.guild-box .g-title{font-size:18px;color:var(--gold);font-weight:700;margin-bottom:8px;}
/* 排行榜折叠：折叠态整块卡片可点开展开，展开态仅标题栏可点折叠 */
.rank-card{cursor:pointer;user-select:none;}
.rank-card .rank-body{cursor:default;}
/* 折叠态榜单悬停：背景/边框轻微提亮提示可点击（触屏设备不生效） */
.rank-card{transition:background .15s,border-color .15s;}
.rank-card.collapsed:hover{background:#453a2d;}
html.is-touch .rank-card.collapsed:hover{background:var(--card);border-color:var(--line);}
/* 榜单标题吸顶：与成就分组标题一致——滚到 #more-box 顶部时钉住，本榜内容/后续榜单从其下方滑过，
   直到所属卡片末尾将其推走。margin-top 必须为 0（sticky 按外边距盒吸顶）；不透明背景盖住下方滑过的内容 */
.rank-hd{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;}
/* 展开态：标题恢复原通栏样式，但顶部与两侧边框、顶部圆角由标题自身绘制——
   自然位置时与卡片轮廓重合（外观与原先完全一致）；吸顶时自带完整圆角顶，无直角外露 */
.rank-card:not(.collapsed) .rank-hd{margin:0;padding:12px 12px 10px;background:var(--card);
  border:1px solid var(--line);border-radius:12px 12px 0 0;}
.rank-toggle{width:18px;height:18px;stroke:var(--gold);transition:transform .2s;}
.rank-card.collapsed .rank-toggle{transform:rotate(-90deg);}
.rank-card.collapsed .rank-body{display:none;}
/* 折叠状态：卡片内边距全部移入标题栏，使整块可见区域（都属标题栏）均可点开展开 */
.rank-card.collapsed{padding:0;}
.rank-card.collapsed .rank-hd{margin:0;padding:12px;background:transparent;box-shadow:none;}
/* 排行榜名字可点击：颜色/字重保持原样（继承 .k），无下划线，仅手型光标 */
.plr-name{cursor:pointer;}
/* 查看他人角色属性弹窗：内嵌与角色页同款卡片 */
.gmodal.gmodal-player{max-width:420px;}
.gmodal.gmodal-player h3{display:flex;align-items:center;gap:7px;text-align:left;padding-left:16px;}
/* 他人装备面板弹窗（只读） */
.gmodal.peq-modal{max-width:560px;width:92%;}
.gmodal.peq-modal .gmodal-body{margin-bottom:0;max-height:72vh;overflow-y:auto;padding:0;}
/* 他人技能弹窗：卡片左右留出间距，不贴弹窗边缘 */
#psk-mask .gmodal-body{padding:0 12px;}
/* 他人技能面板卡片：极淡悬停提亮 */
#psk-mask .card{cursor:pointer;transition:background .15s,border-color .15s;}
#psk-mask .card:hover{background:#42392e;border-color:rgba(255,255,255,.18);}
/* padding 四边给极品装备 9px 光晕留出渲染空间：.gmodal-body 是滚动容器，
   左右若为 0 会把 box-shadow 光晕裁掉（只读弹窗看不到完整发光） */
.gmodal.peq-modal .doll-grid{padding:12px;}
/* 他人装备面板槽位：极淡悬停提亮（保留品质边框色） */
.gmodal.peq-modal .doll-slot{cursor:pointer;transition:background .15s;}
.gmodal.peq-modal .doll-slot:hover{background:#42392e;}
/* 手机端：左右内边距压窄（负 margin 抵消 .gmodal 的 16px 内边距），两列装备卡更宽；
   doll-grid 仍保留 12px 内边距兜住极品光晕，不会被滚动容器裁剪。
   计算：16px - 12px + 12px = 16px，卡片左边缘仍与标题文字对齐 */
@media (max-width:899px){
  .gmodal.peq-modal .gmodal-body{margin-left:-12px;margin-right:-12px;}
}
/* 名字旁复制按钮：低调灰金，hover 高亮 */
.copy-name{width:22px;height:22px;flex:none;display:inline-flex;align-items:center;justify-content:center;
  padding:0;border:none;background:none;color:var(--txt2);opacity:.75;cursor:pointer;border-radius:6px;
  transform:translateY(0);}
.copy-name .ic{width:14px;height:14px;}
.copy-name:hover{color:var(--gold);opacity:1;background:var(--bg2);}
.copy-name:active{filter:brightness(.9);}
.gmodal-player .gmodal-body{margin-bottom:0;max-height:68vh;overflow:hidden;display:flex;flex-direction:column;}
/* 查看他人属性弹窗：战力 + 属性格固定，仅信息行滚动（flex 约束链，不依赖百分比高度） */
.gmodal-player .char-card-inner{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;}
.gmodal-player .char-card-inner .char-power,.gmodal-player .char-card-inner .stat-grid{flex:none;}
.gmodal-player .char-card-inner .info-rows{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
/* 抵消 .gmodal .row 的表单式覆写，恢复角色页信息行样式 */
.gmodal-player .info-rows .row{gap:0;margin-bottom:0;padding:6px 8px;border-radius:8px;transition:background .15s;}
.gmodal-player .info-rows .row:hover{background:rgba(255,255,255,.04);}
.gmodal-player .info-rows .row .k{width:auto;color:inherit;font-size:14px;}
.gmodal-player .row-red .v{color:#ff6b6b;font-weight:700;}
.gmodal-player .row-ic{width:13px;height:13px;vertical-align:-2px;margin-right:5px;color:var(--gold2);}
.gmodal-player .row.prof .row-ic{transform:translateY(-2px);}
/* 世界BOSS战斗弹窗 */
.boss-modal{max-width:420px;}
.boss-stage{display:flex;align-items:center;gap:36px;padding:16px 6px 10px;margin-bottom:6px;position:relative;}
.boss-stage .fighter{flex:1;display:flex;justify-content:center;}
.fighter{font-size:44px;position:relative;line-height:1;will-change:transform;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));}
.fighter.player.atk{animation:bossLunge .28s ease;}
@keyframes bossLunge{0%{transform:translateX(0)}45%{transform:translateX(26px) scale(1.12)}100%{transform:translateX(0)}}
.fighter.boss.hit{animation:bossHit .3s ease;}
@keyframes bossHit{0%{transform:translateX(0)}15%{transform:translateX(-12px) rotate(-5deg);filter:brightness(2.2) sepia(1) hue-rotate(-25deg) drop-shadow(0 4px 6px rgba(0,0,0,.5))}40%{transform:translateX(9px)}65%{transform:translateX(-6px)}100%{transform:translateX(0)}}
.fighter.boss.die{animation:bossDie 1s forwards;}
@keyframes bossDie{to{transform:rotate(92deg) scale(.55);opacity:.18;filter:grayscale(1)}}
.boss-sprite.dead{filter:grayscale(1);opacity:.5;}
.pk-ico{width:46px;height:46px;display:block;
  fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;}
.fighter.player .pk-ico{color:#66bb6a;}
.fighter.boss .pk-ico{color:#ff7043;}
.pk-ico.ico-boss{width:40px;height:40px;}
.pk-ico.ico-taoist{width:54px;height:54px;transform:translateY(-11px);}
.vs{font-size:13px;font-weight:800;color:var(--gold);letter-spacing:1px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.float-layer{position:absolute;left:50%;top:-8px;transform:translateX(-50%);pointer-events:none;width:0;height:0;}
.float-text{position:absolute;left:0;top:0;transform:translateX(-50%);font-weight:800;font-size:18px;white-space:nowrap;animation:floatUp .9s ease forwards;}
.float-text.dmg{color:#ff5252;text-shadow:0 1px 2px #000;}
.float-text.self{color:#ffb74d;text-shadow:0 1px 2px #000;}
.float-text.ko{color:var(--gold);font-size:24px;text-shadow:0 1px 3px #000;}
.float-text.heal{color:#5dd879;text-shadow:0 1px 2px #000;}
@keyframes floatUp{0%{opacity:0;transform:translate(-50%,6px)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-36px)}}
.boss-hp-row{display:flex;gap:36px;margin:-10px 6px 14px;}
.boss-hp-col{flex:1;min-width:0;}
.boss-hp-name{font-size:11px;color:var(--txt2);text-align:center;margin-bottom:3px;}
.boss-hpbar{height:18px;border-radius:9px;background:#3a1414;border:1px solid #5a2020;position:relative;overflow:hidden;margin:0;}
.boss-hpbar .bar-fill{height:100%;background:linear-gradient(90deg,#e53935,#ff7043);transition:width .25s ease;}
/* BOSS血条扣血方向：红色靠右锚定，扣血时从左侧向右收缩（玩家血条保持靠左不变） */
.boss-hpbar:not(.boss-player-hpbar) .bar-fill{left:auto;right:0;}
.boss-hpbar .bar-txt{position:absolute;width:100%;text-align:center;font-size:11px;line-height:18px;color:#fff;text-shadow:0 1px 1px #000;}
.boss-player-hpbar{background:#143a1a;border-color:#1f5a2a;margin-top:0;}
.boss-player-hpbar .bar-fill{background:linear-gradient(90deg,#43a047,#66bb6a);}
.fighter.player.hurt{animation:bossHit .3s ease;}
.boss-info{font-size:13px;color:var(--txt2);text-align:center;padding:10px 0;}
.boss-tag{font-size:11px;color:var(--gold);margin-left:8px;font-weight:400;}
.gmodal.boss-modal h3{display:flex;align-items:center;gap:0;text-align:left;padding-left:16px;}
.gmodal.boss-modal h3 .h3-ico{position:relative;top:-1px;} /* BOSS 弹窗标题图标单独上移 1px */
.gmodal.boss-modal h3 .boss-tag{margin-left:7px;}
.boss-log{height:84px;overflow-y:auto;font-size:12px;color:var(--txt2);background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:6px 8px;margin:6px 0;}
.boss-log .log-boss{color:#ff8a80;}
.boss-log .log-heal{color:#5dd879;}
/* 开打前提示：阵亡需要复活丹才能继续挂机/挑战 */
.boss-log .boss-tip{color:var(--txt2);font-size:12px;line-height:1.6;margin-bottom:4px;}
.boss-log > div:not(.boss-tip){display:flex;align-items:flex-start;gap:3px;}
.boss-log .ic{width:15px;height:15px;flex:none;color:inherit;margin-top:2.5px;}
.boss-log .ic.ic-monster{width:15px;height:13px;margin-top:3.5px;}
.boss-log .boss-tip .ic{width:11px;height:11px;margin:0 4px 0 0;vertical-align:-1px;}
.boss-foot{display:flex;gap:8px;margin-top:8px;}
.boss-foot .act-btn{flex:1;}
.boss-atk{background:linear-gradient(90deg,#e53935,#ff7043);border:none;color:#fff;}
.boss-atk:hover{filter:brightness(1.15);box-shadow:0 0 10px rgba(229,57,53,.55);}
.boss-auto{background:var(--bg2);color:var(--gold);}
.boss-auto:hover{background:rgba(233,196,106,.12);color:var(--gold);}
.boss-auto.on{background:linear-gradient(90deg,#2e7d32,#66bb6a);border:none;color:#fff;}
.boss-auto.on:hover{filter:brightness(1.12);}
/* 触屏设备：移动端 :hover 会“粘”在最后点击的元素上，松手后高亮不消失。
   app.js 启动时检测到触屏会给 <html> 加 is-touch 类，这里把所有悬停效果还原为静止态 */
html.is-touch .act-btn:not(:disabled):not(.disabled):not(.insuff):not(.boss-atk):not(.boss-auto):not(.danger):hover{
  background:var(--bg2);color:var(--gold);border-color:var(--line);}
html.is-touch .shop-item .act-btn:hover:not(:disabled):not(.insuff){
  background:var(--bg2);color:var(--gold);border-color:var(--line);}
html.is-touch .gmodal-actions .act-btn:not(:disabled):not(.disabled):not(.danger):hover{
  background:var(--bg2);color:var(--gold);border-color:var(--line);}
html.is-touch .gmodal-actions .btn-cancel:hover{background:var(--bg2);color:var(--txt2);border-color:var(--line);}
html.is-touch .mini-btn:not(.active):not(.claim-ready):not([style*="cursor:default"]):hover{
  background:var(--card);color:var(--txt);border-color:var(--line);}
html.is-touch .more-top .mini-btn:hover{background:var(--panel);border-color:var(--line);}
html.is-touch .boss-atk:hover{background:linear-gradient(90deg,#e53935,#ff7043);color:#fff;border:none;box-shadow:none;filter:none;}
html.is-touch .boss-auto:hover{background:var(--bg2);color:var(--gold);border-color:var(--line);box-shadow:none;filter:none;}
html.is-touch .boss-auto.on:hover{background:linear-gradient(90deg,#2e7d32,#66bb6a);color:#fff;border:none;filter:none;}
html.is-touch .bag-tabs .mini-btn:not(.active):hover,html.is-touch .shop-tabs .mini-btn:not(.active):hover,html.is-touch .chat-channels .mini-btn:not(.active):hover{background:transparent;color:var(--txt2);}
html.is-touch .tab:not(.active):hover{background:transparent;color:var(--txt2);}
html.is-touch .bag-tabs .bag-op:hover{background:transparent;color:var(--gold);}
html.is-touch .menu-list .menu:hover,html.is-touch .menu-row .menu:hover{background:var(--card);border-color:var(--line);}
html.is-touch .ach-group-title:hover{background:#42372a;}
html.is-touch .task-claim:hover{filter:none;}
html.is-touch .boss-house-entry:hover{border-color:var(--line);box-shadow:none;}
html.is-touch .boss-house-entry.is-here:hover{transform:none;box-shadow:none;border-color:var(--gold);}
html.is-touch .gmodal-close:hover{color:var(--txt2);background:none;}
html.is-touch .gmodal-x:hover{background:transparent;color:var(--txt2);}
html.is-touch .title-select:hover{border-color:var(--line);}
html.is-touch #char-detail .row:hover,html.is-touch .rank-body .row:hover{background:transparent;}
.boss-win{text-align:center;color:var(--gold);font-weight:700;margin-top:8px;}
.boss-win .ic{width:16px;height:16px;vertical-align:-2px;}
.boss-win span .ic{width:13px;height:13px;vertical-align:-1px;}
.act-btn.disabled{opacity:.45;pointer-events:none;}
/* 邮件卡片 */
.mail-item{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:10px;transition:background .15s,border-color .15s;}
.mail-item:hover{background:#2f281f;border-color:rgba(255,255,255,.18);}
.mail-foot .mini-btn:hover{background:#2f281f !important;border-color:rgba(255,255,255,.18) !important;color:var(--txt) !important;}
.mail-actions{display:flex;align-items:center;gap:8px;flex:none;}
.mail-actions .mini-btn:hover{background:#2f281f !important;border-color:rgba(255,255,255,.18) !important;color:var(--txt) !important;}
.mail-item.claimed{opacity:.5;}
.mail-head{display:flex;justify-content:space-between;align-items:center;gap:8px;
  margin:-10px -12px 8px;padding:10px 12px;
  background:rgba(255,255,255,.03);border-bottom:1px solid var(--line);
  border-radius:10px 10px 0 0;}
.mail-t-grp{display:flex;align-items:center;gap:6px;min-width:0;}
.mail-title{font-weight:700;font-size:14px;color:var(--txt);}
.mail-time{flex:none;font-size:11px;color:var(--txt2);display:inline-flex;align-items:center;gap:4px;}
.mail-body{font-size:13px;color:var(--txt2);line-height:1.5;word-break:break-all;white-space:pre-line;}
.mail-attach{margin-top:7px;display:flex;flex-wrap:wrap;gap:8px;}
.mail-att{display:inline-flex;align-items:center;font-size:12px;font-weight:600;line-height:1;padding:0 8px;border-radius:6px;border:1px solid transparent;box-sizing:border-box;height:22px;}
.mail-att.gold{color:var(--gold);background:rgba(255,180,60,.12);}
.mail-att.bind{color:#c8a86b;background:rgba(200,168,107,.14);}
.mail-att.ingot{color:var(--green);background:rgba(76,175,80,.14);}
.mail-att.stone{color:#c792ea;background:rgba(199,146,234,.14);}
.mail-att.item{color:var(--gold);background:rgba(233,196,106,.16);border-color:var(--line);}
.mail-att.gem{background:rgba(255,255,255,.05);}
/* 邮件物品附件按真实品质着色（优先级高于 .mail-att.item 的默认金色） */
.mail-att.item.q1{color:#cfcfcf;background:rgba(207,207,207,.14);}
.mail-att.item.q2{color:var(--green);background:rgba(76,175,80,.14);}
.mail-att.item.q3{color:var(--blue);background:rgba(74,144,217,.14);}
.mail-att.item.q4{color:var(--purple);background:rgba(160,107,224,.14);}
.mail-att.item.q5{color:var(--orange);background:rgba(233,196,106,.16);}
.mail-att.item.q6{color:#ff2d2d;background:rgba(255,45,45,.16);font-weight:700;}
.mail-foot{margin-top:9px;padding-top:8px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;}
/* 攻沙 */
.siege-box{background:linear-gradient(135deg,#3a2a1d,#241a12);border:1px solid var(--gold);border-radius:12px;padding:14px 16px;margin-bottom:10px;}
.siege-owner{font-size:13px;color:var(--txt2);margin-bottom:10px;}
.siege-owner b{color:var(--gold);}
.siege-guard{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15px;color:var(--txt);margin-bottom:6px;}
.siege-guard .siege-hp{font-size:13px;color:var(--red);font-weight:600;}
.hp-bar{height:14px;background:var(--bg2);border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.hp-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#c0392b);transition:width .2s;}
.g-create-tip{font-size:12px;color:var(--txt2);font-weight:400;white-space:nowrap;}
.g-create-tip b{color:var(--gold);font-weight:700;}
/* 创建行会：输入框与按钮合并为同一整体（外框容器 + 内嵌输入框 + 右侧胶囊按钮） */
.create-row{display:flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:5px 5px 5px 14px;transition:border-color .12s;}
.create-row:focus-within{border-color:var(--gold);}
.create-row .inp{flex:1;width:auto;border:none;background:transparent;height:38px;padding:0;font-size:15px;color:var(--txt);}
.create-row .inp:focus{border-color:transparent;box-shadow:none;}
.create-row .gcreate-btn{display:flex;align-items:center;justify-content:center;gap:6px;
  height:40px;padding:0 18px;white-space:nowrap;flex:none;border-radius:9px;}
.create-row .gcreate-btn .ic{width:18px;height:18px;}

/* ===== 地图 ===== */
.map-banner{background:linear-gradient(135deg,#3a2f1d,#2a2117);border:1px solid var(--line);
  border-radius:12px;padding:14px 16px;margin-bottom:10px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;}
.mb-info{min-width:0;}
.mb-name{font-size:17px;font-weight:800;color:var(--gold);display:flex;align-items:center;}
/* 横幅地图名后的10倍徽章：字号略放大以匹配17px标题；高度固定由 flex 居中，不再依赖 top 微调 */
.mb-name .map-boost-on{margin-left:7px;font-size:11px;height:18px;}
.mb-sub{font-size:12px;color:var(--txt2);margin-top:4px;}
/* 手机端：代表怪物与掉落信息拆成两行显示（桌面端保持一行） */
.mb-colon{display:none;} /* 冒号仅手机端出现 */
@media (max-width:899px){
  .mb-sep{display:block;height:0;overflow:hidden;}
  .mb-colon{display:inline;}
  .mb-dspace{display:none;} /* 手机端去掉"掉落"与"经验"之间的空格 */
}
/* BOSS之家快捷入口（横幅最右侧） */
.boss-house-entry{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;
  border:1px solid rgba(255,82,82,.35);border-radius:10px;padding:8px 16px;cursor:pointer;
  font-size:14px;font-weight:600;color:#ff9a9a;letter-spacing:1px;
  background:rgba(255,82,82,.10);
  box-shadow:none;transition:.15s;}
.boss-house-entry:hover{border-color:rgba(255,82,82,.55);background:rgba(255,82,82,.16);box-shadow:none;}
.boss-house-entry i{font-style:normal;font-size:11px;font-weight:500;color:#d98a8a;letter-spacing:0;display:inline-flex;align-items:center;gap:2px;}
/* 「前往挑战」的右箭头 SVG 图标 */
.boss-house-entry i .ic{width:12px;height:12px;vertical-align:middle;margin:0;}
.boss-house-entry i .h3-ico{vertical-align:-2px;margin-left:2px;}
.boss-house-entry.is-here{cursor:default;border-color:var(--gold);color:var(--gold);
  background:transparent;box-shadow:none;}
.boss-house-entry.is-here i{color:var(--txt2);}
.boss-house-entry.is-here:hover{transform:none;box-shadow:none;}
.boss-house-entry.locked{cursor:not-allowed;border-color:var(--line);color:var(--txt2);
  background:transparent;box-shadow:none;}
.boss-house-entry.locked i{color:var(--txt3,#888);}
.map-list{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;}
/* 地图页占满面板高度，列表自适应剩余空间；超出只在列表内部滚动，整页不滚动 */
#pane-map.active{display:flex;flex-direction:column;height:100%;min-height:0;}
#map-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
#map-list > .card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;}
.map-item{display:flex;align-items:center;gap:10px;background:var(--card);
  border:1px solid var(--line);border-radius:10px;padding:10px;transition:.15s;}
.map-item:not(.active):hover{background:#42392e;border-color:rgba(255,255,255,.18);}
.map-item.active{border-color:var(--gold);background:linear-gradient(135deg,#3a2f1d,#2a2117);}
.map-item.locked{opacity:.55;}
.map-no{width:26px;height:26px;flex:none;border-radius:50%;background:var(--bg2);
  border:1px solid var(--line);color:var(--gold);font-weight:700;font-size:13px;
  display:flex;align-items:center;justify-content:center;}
.map-item.active .map-no{background:var(--gold);color:#3a2410;border-color:var(--gold);}
.map-main{flex:1;min-width:0;}
.map-name{font-weight:700;color:var(--txt);font-size:14px;display:flex;align-items:center;}
.map-sub{font-size:12px;color:var(--txt2);margin-top:2px;}
.map-right{flex:none;text-align:right;}
.map-boost{margin-right:6px;}
.map-right .mini-btn{border-color:var(--line);color:var(--txt2);}
/* 10倍徽章：固定行高 + flex 垂直居中。
   原来用 translateY/相对 top 做「居中微调」，不同字体（Windows 雅黑 vs 安卓/微信中文字体）
   的 ascent/descent 不同，文字会被顶偏上，改成盒内 flex 居中，各端一致 */
.map-boost-on{margin-left:6px;font-size:10px;line-height:1;color:var(--gold);border:1px solid var(--gold);
  border-radius:4px;padding:0 5px;height:16px;box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;
  vertical-align:baseline;white-space:nowrap;}
/* 内部也用 flex 居中：数字与「倍/分钟」按几何中心对齐，不依赖字体基线，
   避免 Windows 雅黑与手机系统字体差异导致的中文字偏下 */
.map-boost-on i{font-style:normal;display:inline-flex;align-items:center;}
.map-boost-on b{font-weight:inherit;}
/* 单位字（倍/分钟）在 CJK 字体里墨迹天然下垂：实测桌面 Chrome 中数字墨迹
   居中（119~126 行）而单位字偏下约 1px（119~128 行），全平台统一上提 1px，
   使数字与单位字墨迹中心一致、整盒内容相对边框垂直居中 */
.map-boost-on .boost-unit{transform:translateY(-1px);}
/* 横幅徽章为 11px 字号：11px 下 CJK 下垂量变小，-1px 会矫枉过正（单位字反偏高
   约 0.5px），实测改为 -0.5px 三者墨迹中心收敛到 0.3px 内 */
.mb-name .map-boost-on .boost-unit{transform:translateY(-.5px);}
/* 挂机页顶栏徽章：15px 地图名的 CJK 墨迹中心比行盒中心低约 0.5px（下垂），
   flex 几何居中的徽章因此显得偏高（实测名墨迹 123.5 vs 徽章盒 123.0，
   用户端截图 47.4 vs 47.0 同样偏低），整体下移 0.5px 与名字墨迹中心对齐 */
#mapname .map-boost-on{margin-left:3px;transform:translateY(.5px);}
.map-lock{font-size:12px;color:var(--txt2);}
.map-cur-tag{font-size:12px;color:var(--gold);font-weight:600;}
.member-list{font-size:13px;color:var(--txt2);}

/* ===== 行会面板 ===== */
.guild-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:linear-gradient(135deg,#3a2f1d,#2a2117);border:1px solid var(--gold);
  border-radius:12px;padding:14px 16px;margin-bottom:10px;}
.gb-name{font-size:18px;font-weight:800;color:var(--gold);}
.gb-tag{font-size:12px;color:var(--gold2);background:rgba(233,196,106,.12);
  border:1px solid var(--gold);border-radius:20px;padding:3px 10px;white-space:nowrap;}
.guild-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px;}
.g-stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 4px;text-align:center;min-width:0;}
.gs-v{font-size:16px;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gs-k{font-size:11px;color:var(--txt2);margin-top:2px;}
.donate-row{display:flex;gap:8px;}
.donate-row .act-btn{flex:1;height:38px;font-size:14px;font-weight:600;}
.guild-members{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;}
.gm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;transition:background .15s,border-color .15s;}
.gm-row:hover{background:#2f281f;border-color:rgba(255,255,255,.18);}
.gm-name{font-weight:600;color:var(--txt);}
.gm-name .gm-leader{color:var(--gold);font-size:11px;margin-left:5px;
  border:1px solid var(--gold);border-radius:4px;padding:0 4px;}
.gm-sub{font-size:12px;color:var(--txt2);margin-top:2px;}
.guild-members .gm-sub{position:sticky;top:0;background:var(--bg2);z-index:2;padding:2px 0;}
/* 行会成员管理按钮组 */
.gm-ops{display:flex;gap:5px;flex:none;align-items:center;}
.gm-ops .act-btn{height:30px;padding:0 9px;font-size:12px;border-radius:7px;}
.gm-ops .act-btn.danger{color:#e0564f;border-color:#e0564f;}
/* 行会成员行内按钮：悬停不凸——普通按钮中性提亮，危险按钮红色系 */
.gm-ops .act-btn:not(.danger):not(:disabled):not(.disabled):not(.insuff):hover{
  background:#2f281f;border-color:rgba(255,255,255,.18);color:var(--gold);}
.gm-ops .act-btn.danger:hover{background:rgba(224,86,79,.12);border-color:rgba(224,86,79,.5);color:#e0564f;}
html.is-touch .gm-ops .act-btn:not(.danger):not(:disabled):not(.disabled):not(.insuff):hover{
  background:var(--bg2);border-color:var(--line);color:var(--gold);}
/* 行会管理按钮（行会设置/退出等）：悬停不凸——去金色边框，改极淡中性提亮；退出按钮用红色系悬停 */
#guild-box .act-btn:not(.danger):not(:disabled):not(.disabled):not(.insuff):hover{
  background:#2f281f;border-color:rgba(255,255,255,.18);color:var(--gold);}
.act-btn.danger:hover{background:rgba(224,86,79,.12);border-color:rgba(224,86,79,.5);color:#e0564f;}
html.is-touch #guild-box .act-btn:not(.danger):not(:disabled):not(.disabled):not(.insuff):hover{
  background:var(--bg2);border-color:var(--line);color:var(--gold);}
/* 行会公告 */
.guild-notice{font-size:13px;color:var(--gold);line-height:1.5;background:var(--bg2);}
/* 待审申请列表 */
.guild-applies{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;}
/* 行会设置弹窗：分割线与上方内容的间距加宽 */
.gs-modal .row{padding-bottom:12px;}
/* 行会设置弹窗：公告文本框默认更高、可换行 */
.gs-modal .gs-notice-row{align-items:flex-start;}
.gs-modal .gs-notice-row .k{line-height:38px;}
.gs-modal #gs-notice{height:auto;min-height:68px;resize:vertical;line-height:1.5;padding:8px 10px;}
/* 行会设置弹窗：底部按钮改为等宽大按钮（取消灰色/保存金色） */
.gs-modal .gm-ops .btn-cancel{flex:1;height:38px;border-radius:8px;border:1px solid var(--line);
  background:var(--bg2);color:var(--txt2);font-size:14px;cursor:pointer;white-space:nowrap;}
.gs-modal .gm-ops .btn-cancel:hover{background:var(--bg);color:var(--txt);border-color:var(--txt2);}
.gs-modal .gm-ops .act-btn{flex:1;height:38px;font-size:14px;font-weight:600;}
/* 角色信息里的可点击称号 */
.title-link{color:var(--gold);cursor:pointer;padding-bottom:1px;display:inline-flex;align-items:center;gap:4px;}
.title-link:hover{color:#f3d38a;}
.title-link-ic{width:13px;height:13px;flex:none;opacity:.8;}
/* 称号属性弹窗 */
.gmodal-title{max-width:320px;text-align:center;}
.tm-head{padding:4px 0 12px;}
.tm-crown{width:40px;height:40px;color:var(--gold);margin-bottom:6px;}
.tm-name{font-size:20px;font-weight:700;color:var(--gold);letter-spacing:1px;}
.tm-sub{font-size:12px;color:var(--muted);margin-top:3px;}
.tm-rows{border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.tm-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;background:#2a2218;}
.tm-row+.tm-row{border-top:1px solid var(--line);}
.tm-k{color:var(--txt2);}
.tm-v{font-weight:700;font-size:15px;}
.tm-bonus{color:#b48cff;font-weight:700;}
.tm-tip{font-size:12px;color:var(--muted);margin-top:10px;}
.tm-none{padding:18px 10px;font-size:13px;color:var(--txt2);line-height:1.9;border:1px dashed var(--line);border-radius:10px;}
.gmodal-mask{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:50;}
/* 手机端：装备详情弹窗居中显示（跟随默认遮罩居中），内容过高时内部滚动 */
@media (max-width:899px){
  #equip-detail-mask .gmodal{max-height:92vh;max-height:92dvh;overflow-y:auto;}
}
.gmodal{position:relative;width:86%;max-width:340px;display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.5);}
/* 弹窗：标题与按钮栏固定顶部/底部，中间 body 超出滚动 */
.gmodal > h3{flex:none;}
.gmodal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
/* 弹窗遮罩存在期间锁定背景页面滚动（由 app.js 中的 MutationObserver 切换） */
body.modal-open{overflow:hidden;}
.gmodal-actions{flex:none;}
/* BOSS 战斗弹窗无固定 body，按原样自适应高度，不做裁切 */
.boss-modal{max-height:none;overflow:visible;}
.gmodal-close{position:absolute;top:10px;right:10px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  background:none;border:none;color:var(--txt2);cursor:pointer;padding:0;border-radius:6px;}
.gmodal-close:hover{color:#e0564f;background:var(--bg2);}
.gmodal-close .ic{width:16px;height:16px;}
/* 成就列表 */
/* margin-top 必须为 0：sticky 按外边距盒吸顶，若有上外边距会提前 16px 停住、上方露出滚动内容（看起来"往上动一下"）；
   组间距改由 .ach-grid 的 margin-bottom 提供 */
.ach-group-title{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:7px 12px;border-radius:8px;
  position:sticky;top:0;z-index:10;background:#42372a;border:1px solid var(--line);cursor:pointer;user-select:none;-webkit-user-select:none;
  transition:background .15s;}
.ach-group-title:hover{background:#4a3e30;}
.ach-group-title .agt-name{position:relative;padding-left:13px;font-size:14px;font-weight:700;color:var(--gold);white-space:nowrap;}
/* 分组名左侧装饰：小圆点（原竖条） */
.ach-group-title .agt-name::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 4px rgba(233,196,106,.45);}
.ach-group-title .agt-line{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent);}
.ach-group-title .agt-count{font-size:12px;font-style:normal;font-weight:600;color:var(--txt2);background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:0 8px;line-height:18px;}
.ach-group-title .agt-arrow{width:16px;height:16px;color:var(--txt2);flex:none;transition:transform .2s;}
/* 折叠状态：标题之间留 8px 间距（展开时由 .ach-grid 的 margin-bottom 提供 16px 组间距） */
.ach-group-title.is-collapsed{margin-bottom:8px;}
.ach-group-title.is-collapsed .agt-arrow{transform:rotate(-90deg);}
.ach-group-title.is-collapsed + .ach-grid{display:none;}
.ach-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px;}
.ach-item{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--card);transition:background .15s,border-color .15s;}
.ach-item:hover{background:#42392e;border-color:rgba(255,255,255,.18);}
@media (min-width:900px){
  .ach-grid{grid-template-columns:repeat(3,1fr);}
}
.ach-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.ach-name{font-size:14px;color:var(--txt);font-weight:600;}
.ach-done{color:var(--green);}
.ach-bar{height:6px;background:var(--bg2);border-radius:4px;overflow:hidden;}
.ach-fill{height:100%;background:var(--gold);border-radius:4px;}
.ach-sub{font-size:12px;color:var(--txt2);margin-top:4px;text-align:right;}

/* 每日任务 */
.task-list{display:flex;flex-direction:column;gap:8px;}
.task-item{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;transition:background .15s,border-color .15s;}
.task-item:not(.ready):hover{background:#2f281f;border-color:rgba(255,255,255,.18);}
.task-item.ready{border-color:var(--gold);background:#3a2f1d;}
.task-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;}
.task-name{font-size:14px;color:var(--txt);font-weight:600;}
.task-item.ready .task-name{color:var(--gold);}
.task-tag{font-size:12px;color:var(--txt2);flex:none;}
.task-tag.doing{color:#c8a24a;}
.task-tag.done{color:var(--green);}
.task-claim{height:20px;padding:0 5px;border:none;border-radius:5px;cursor:pointer;flex:none;line-height:1;
  background:linear-gradient(180deg,#e8b04a,#c8871d);color:#fff;font-size:12px;font-weight:700;
  box-shadow:0 0 6px rgba(232,176,74,.4);transition:filter .12s;}
.task-claim:hover{filter:brightness(1.08);}
.task-claim:active{filter:brightness(.9);}
.task-bar{height:6px;background:#241c11;border-radius:4px;overflow:hidden;}
.task-fill{height:100%;background:var(--gold);border-radius:4px;transition:width .3s;}
.task-fill.gray{background:#6b6b6b;}
.task-num{font-size:12px;color:var(--txt2);margin-top:5px;text-align:right;}
.gmodal h3{margin:0 -16px 12px;padding:0 46px 10px 16px;border-bottom:1px solid var(--line);color:var(--gold);text-align:left;}
.gmodal h3 .h3-ico, .mail-hd h3 .h3-ico, .ach-card>h3 .h3-ico, .task-card>h3 .h3-ico{width:18px;height:18px;vertical-align:-4px;margin-right:3px;}
.gmodal h3 .h3-ico{vertical-align:-3px;} /* 升阶等弹窗标题左侧图标上移 1px 与文字对齐，不影响邮件/成就/任务卡片标题 */
/* 内联标题（邮件/成就/任务）继承 .card h3 的 flex gap:8px，与图标 margin 叠加导致间距过宽，归零后由图标 margin 统一控制 */
.ach-card>h3, .task-card>h3.mv-h3, .mail-hd h3{gap:0;}
.ach-card>h3 .ach-h3-stats{margin-left:8px;}
/* 仅「回收背包全部装备」等弹窗：标题居中（左右内边距对称），保留原有分隔线 */
.gmconf-center .gmodal h3{text-align:center;padding:0 16px 10px;}
/* 仅技能确认弹窗：小图标+标题同一行靠左、右上角关闭按钮，上下间距收窄/放宽，其它弹窗不受影响 */
.gmconf-skill .gmconf-head{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap;margin:0 0 16px;}
.gmconf-skill .gmodal-ic{margin:0;flex:none;}
.gmconf-skill .gmodal-ic svg{display:block;width:15px;height:15px;color:var(--gold);
  background:radial-gradient(circle at 50% 35%, rgba(232,179,74,.22), rgba(232,179,74,.06));
  border:1px solid rgba(232,179,74,.4);border-radius:50%;padding:2px;
  box-sizing:content-box;opacity:.98;}
.gmconf-skill .gmodal h3{flex:none;margin:0;padding:0;border-bottom:none;text-align:left;white-space:nowrap;font-size:16px;letter-spacing:.5px;line-height:1;}
.gmconf-skill .gmodal-x{flex:none;width:26px;height:26px;margin-left:auto;
  display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--txt2);
  cursor:pointer;border-radius:8px;padding:0;}
.gmconf-skill .gmodal-x:hover{background:var(--bg2);color:var(--txt);}
.gmconf-skill .gmodal-x svg{width:15px;height:15px;display:block;}
.gmodal-body{font-size:13px;color:var(--txt2);line-height:1.7;margin-bottom:16px;}
.gmodal-body b{font-weight:700;}
.gmodal-actions{display:flex;gap:8px;border-top:1px solid var(--line);
  margin:4px -16px -16px;padding:12px 16px 16px;} /* 按钮上方通栏分割线：负 margin 抵消 .gmodal 的 16px 内边距，拉通到弹窗边缘 */
.gmodal-actions .btn-cancel{flex:1;height:38px;border-radius:8px;border:1px solid var(--line);
  background:var(--bg2);color:var(--txt2);font-size:14px;cursor:pointer;}
.gmodal-actions .btn-cancel:active{filter:brightness(.9);}
.gmodal-actions .btn-cancel:hover{background:var(--bg);color:var(--txt);border-color:var(--txt2);}
.gmodal-actions .act-btn{flex:1;height:38px;font-size:14px;font-weight:600;justify-content:center;}
.gmodal-actions .act-btn:not(:disabled):not(.disabled):not(.danger):hover{background:#3a2f1d;color:var(--gold);border-color:var(--gold);}
/* 危险按钮（如"确认退出"）悬停：保持红色基调，仅整体提亮，不切换成金色底 */
.gmodal.danger .act-btn:hover{filter:brightness(1.12);}
/* 货币获取途径弹窗 */
.cg-group{margin-bottom:14px;}
.cg-group:last-child{margin-bottom:0;}
.cg-title{font-size:14px;font-weight:700;color:var(--gold);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--line);}
.cg-list{margin:0;padding-left:18px;list-style:disc;}
.cg-list li{font-size:13px;color:var(--txt);line-height:1.9;}
.cg-list li::marker{color:rgba(255,255,255,.28);font-size:9px;}
.cg-list li b{color:var(--txt2);font-weight:600;}
.cg-modal{max-width:460px;max-height:80vh;display:flex;flex-direction:column;}
.cg-modal .gmodal-body{overflow-y:auto;flex:1;}
.gmodal-x{position:absolute;top:10px;right:12px;width:26px;height:26px;border:none;background:transparent;color:var(--txt2);font-size:16px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;}
.gmodal-x:hover{background:var(--bg2);color:var(--txt);}
.h3-tip{margin-left:auto;color:var(--txt2);cursor:pointer;display:inline-flex;align-items:center;}
.h3-tip:hover{color:var(--gold);}
/* 仅桌面端将攻略图标下移 1px；手机（含微信 webview）渲染差异大，保持居中 */
@media (min-width:900px){
  #map-guide-tip .ic{position:relative;top:1px;}
}
/* 装备掉落分布弹窗 */
.eg-modal{max-width:520px;}
.eg-sets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;}
.eg-set-card{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--bg2);}
.eg-boss-card{border-color:#a07b2e;background:rgba(160,123,46,.12);}
.eg-set-name{font-size:13px;font-weight:700;color:var(--gold);margin-bottom:2px;}
.eg-set-mul{font-size:11px;color:var(--txt2);margin-bottom:4px;}
.eg-set-maps{font-size:12px;color:var(--txt);line-height:1.5;}
/* 装备掉落分布：当前所在地图高亮 */
.eg-map-cur{color:var(--gold);font-weight:700;background:rgba(230,180,80,.16);border-radius:4px;padding:0 4px;}
.eg-set-lv{font-size:11px;color:var(--muted);margin-top:3px;}
.eg-boss-tip{border:1px solid #a07b2e;border-radius:10px;padding:10px 12px;background:rgba(160,123,46,.08);margin-bottom:14px;}
.eg-tip-title{font-size:13px;font-weight:700;color:var(--gold);margin-bottom:6px;}
.eg-boss-list{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px;}
.eg-boss-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:3px 0;}
.eg-boss-name{color:var(--gold);font-weight:600;min-width:70px;}
.eg-boss-tier{display:inline-block;background:#a060d9;color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px;}
.eg-boss-map{color:var(--txt2);margin-left:auto;}
.eg-quality{display:flex;gap:6px;margin-top:14px;margin-bottom:6px;padding-left:20px;flex-wrap:wrap;}
.q-tag{display:inline-block;width:28px;height:22px;line-height:22px;text-align:center;border-radius:5px;font-size:12px;font-weight:600;}
.q-tag.q1{background:#888;color:#fff;}
.q-tag.q2{background:#4caf50;color:#fff;}
.q-tag.q3{background:#4a90d9;color:#fff;}
.q-tag.q4{background:#a060d9;color:#fff;}
.q-tag.q5{background:#e8962b;color:#fff;}
.q-tag.q6{background:#d94a4a;color:#fff;}
.q-tag.prem{background:linear-gradient(135deg,#f5c97a,#e8962b);color:#5a3a0a;}
/* 弹窗美化：图标、危险态、进场动画 */
.gmconf-head{display:flex;flex-direction:column;align-items:center;}
/* 确认弹窗标题下分隔线拉通：stretch 让 h3 占满整行（配合 h3 的负 margin 出血到弹窗边缘），图标靠自身 text-align 居中 */
.gmconf-center .gmodal .gmconf-head{align-items:stretch;margin-top:-2px;} /* 头部整体上移，收紧图标与弹窗顶部的间距 */
.gmconf-center .gmodal .gmodal-ic{margin-top:-4px;} /* 进一步减少图标上方的间距 */
.gmconf-center .gmodal h3{padding-bottom:14px;} /* 标题文字与下方分隔线的间距加大（原 10px） */
.gmconf-skill .gmodal .gmconf-head{align-items:center;} /* 技能确认弹窗为横向头部，保持垂直居中 */
.gmodal-ic{font-size:34px;text-align:center;line-height:1;margin-bottom:6px;}
/* 信息说明弹窗：顶部独立头部块（拉通到弹窗边缘、浅底色、顶部圆角；标题无下划线） */
.gmconf-info .gmodal{max-width:560px;width:560px;}
.gmconf-info .gmodal-body{margin-bottom:0;}
@media (max-width:600px){ .gmconf-info .gmodal{max-width:92%;width:92%;} }
.gmconf-info .gmconf-head{flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;flex-wrap:nowrap;
  margin:-16px -16px 12px;padding:12px 16px;background:rgba(255,255,255,.03);border-radius:14px 14px 0 0;}
.gmconf-info .gmodal-ic{font-size:20px;margin:0;flex:none;line-height:1;}
.gmconf-info .gmodal-ic svg{display:block;width:22px;height:22px;color:var(--gold);}
.gmconf-info h3{text-align:left;padding:0;margin:0;border-bottom:none;font-size:15px;white-space:nowrap;}
/* 信息弹窗头部右上角关闭按钮 */
.gmconf-info .gmconf-x{margin-left:auto;flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  border:none;background:transparent;color:var(--txt2);cursor:pointer;border-radius:6px;transition:background .15s,color .15s;}
.gmconf-info .gmconf-x svg{width:15px;height:15px;display:block;}
.gmconf-info .gmconf-x:hover{background:var(--bg2);color:var(--txt);}
.gmodal-ic svg{display:inline-block;vertical-align:middle;color:#4a90d9;}
.gmodal.danger{border-color:#a23b3b;box-shadow:0 12px 34px rgba(180,30,30,.4);}
.gmodal.danger h3{color:#ff8a80;}
.gmodal.danger .gmodal-ic{filter:drop-shadow(0 2px 6px rgba(229,57,53,.5));}
.gmodal.danger .act-btn{background:linear-gradient(90deg,#e53935,#ff7043);border:none;color:#fff;
  box-shadow:0 4px 14px rgba(229,57,53,.4);}
.gmodal.danger .act-btn:active{filter:brightness(.92);}
.gmodal .row{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.gmodal .row .k{width:88px;flex:none;color:var(--txt2);font-size:13px;}
.gmodal .inp{flex:1;height:36px;}
.gmodal-check{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--txt);font-size:13px;cursor:pointer;}
.gmodal-check input{width:16px;height:16px;accent-color:var(--gold);cursor:pointer;}
/* 坐骑/翅膀升阶弹窗 */
.upg-row{display:flex;justify-content:space-between;align-items:center;padding:7px 2px;border-bottom:1px dashed var(--line);}
.upg-row:last-child{border-bottom:none;}
.upg-row > span{color:var(--txt2);font-size:13px;}
.upg-row > b{font-size:14px;color:var(--txt);}
.upg-cost{color:var(--gold) !important;}
.upg-cost .ic{width:18px;height:18px;vertical-align:-4px;} /* 消耗行内所有图标（材料 + 钻石）统一尺寸 */
/* 仅坐骑碎片图标单独略大 1px 并上移 1px（翅膀碎片与钻石图标保持原样） */
.upg-cost .ic.ic-mount-frag{width:19px;height:19px;vertical-align:-3px;margin-left:-2px;} /* 与左侧数字的间距收紧一点 */
.upg-atk{color:var(--red) !important;}
.upg-def{color:var(--blue) !important;}
.upg-sep{height:1px;background:var(--line);margin:10px 0;}
.upg-sub{font-size:12px;color:var(--txt2);margin:2px 2px 4px;letter-spacing:.5px;}
.upg-cols{display:flex;gap:10px;margin:2px 0 4px;}
.upg-col{flex:1;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);}
.upg-col .upg-k{color:var(--txt2);font-size:13px;}
/* 升阶弹窗：每次升阶随机获得(左) / 累计加成(右) 左右双栏卡片，风格同称号弹窗 .tm-rows */
.upg-duo{display:flex;gap:10px;margin:10px 0 4px;}
.upg-duo-side{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#2a2218;}
.upg-duo-side + .upg-duo-side{border-left:1px solid var(--line);padding-left:0;}
.upg-duo-side .upg-sub{margin:0;padding:8px 4px;text-align:center;font-size:12px;white-space:nowrap;border-bottom:1px solid var(--line);}
.upg-attr{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:7px 12px;border-bottom:1px solid var(--line);}
.upg-attr:last-child{border-bottom:none;}
.upg-attr .upg-k{color:var(--txt2);font-size:12.5px;}
.upg-attr b{font-weight:700;font-size:13px;color:var(--gold);}
/* 转生弹窗：每次转生获得(左) / 累计加成(右) 左右双栏布局 */
.rb-cols{display:flex;gap:26px;margin:14px 0 4px;}
.rb-side{flex:1;min-width:0;}
.rb-side + .rb-side{border-left:1px solid var(--line);padding-left:22px;}
.rb-side .upg-sub{margin:4px 0 6px;text-align:center;font-size:12.5px;}
.rb-attr{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 4px;border-bottom:1px dashed var(--line);}
.rb-attr:last-child{border-bottom:none;}
.rb-attr .upg-k{color:var(--txt2);font-size:12.5px;}
.rb-val{font-weight:700;color:var(--gold);}
.upg-note{font-size:12px;color:var(--txt2);line-height:1.6;margin-top:10px;}
.rank-list{display:flex;flex-direction:column;gap:8px;}
/* 排行榜右侧数值（等级/战力/财富/击杀数/攻击等）不加粗 */
.rank-body .v{font-weight:400;}
/* 排行榜右侧钻石图标单独向下微调 1px */
.rank-body .v .ic.c-gem{transform:translateY(1px);}
/* 排行榜右侧金币图标单独向下微调 1px */
.rank-body .v .ic.c-gold{transform:translateY(1px);}
/* 排行榜右侧元宝图标单独向下微调 1px */
.rank-body .v .ic.c-ingot{transform:translateY(1px);}
/* 排行榜：自己未上榜时置底显示，注明"未上榜" */
.rank-sep{height:1px;background:var(--line);margin:8px -8px;}
.rank-self{background:rgba(201,150,43,.10);border-radius:8px;}
/* 未上榜行：名字与徽章在 .k 内垂直居中对齐 */
.rank-self .k{display:flex;align-items:center;gap:4px;}
.tag-unrank{display:inline-flex;align-items:center;box-sizing:border-box;height:22px;font-size:11px;line-height:1;color:var(--muted);background:#2a2218;border:1px solid var(--line);border-radius:11px;padding:0 8px;margin-left:4px;}
.rank-item{display:flex;align-items:center;gap:10px;background:var(--card);
  border:1px solid var(--line);border-radius:10px;padding:10px;}
.rank-no{width:26px;height:26px;flex:none;border-radius:50%;background:var(--bg2);
  border:1px solid var(--line);color:var(--gold);font-weight:700;font-size:13px;
  display:flex;align-items:center;justify-content:center;}
.rank-item:first-child .rank-no{background:var(--gold);color:#3a2410;border-color:var(--gold);}
.rank-main{flex:1;min-width:0;}
.rank-name{font-weight:700;color:var(--txt);font-size:14px;}
.rank-crown{margin-left:4px;}
.rank-sub{font-size:12px;color:var(--txt2);margin-top:2px;}
.rank-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none;}
.rank-pts{font-size:13px;color:var(--gold2);font-weight:600;}
.rank-pts small{color:var(--txt2);font-weight:400;}
.rank-right .mini-btn{margin-top:0;height:30px;}

#tabbar{display:flex;flex-wrap:wrap;background:var(--panel);border-top:1px solid var(--line);padding-top:0;box-shadow:none;}
.tab{flex:1 1 20%;min-width:56px;height:54px;border:none;background:transparent;color:var(--txt2);
  font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;
  transition:background .12s,color .12s;}
.tab:not(.active):hover{background:#3a2f1d;color:var(--gold);}
/* 手机端两排互换：上排4个=行会/聊天/技能/更多，下排5个=挂机/角色/背包/商城/地图（商城在地图左边）
   行内用显式 order 控制精确顺序（DOM 中技能在行会/聊天之前，需覆盖）；桌面端媒体查询里 .tab{order:0;flex:0 0 auto} 会重置 */
[data-tab="guild"]{order:11;flex-basis:24.9%;}
[data-tab="chat"]{order:12;flex-basis:24.9%;}
[data-tab="skill"]{order:13;flex-basis:24.9%;}
[data-tab="more"]{order:14;flex-basis:24.9%;}
.tab-sep{order:20;flex-basis:100%;height:0;border-top:0.5px solid var(--line);}
[data-tab="main"],[data-tab="char"],[data-tab="bag"],[data-tab="shop"]{order:31;flex-basis:19.9%;}
[data-tab="map"]{order:32;flex-basis:19.9%;}
.tic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;}
/* 手机端隐藏侧栏退出按钮（仅桌面媒体查询中显示） */
.side-logout{display:none;}
.tab.active{color:var(--gold);background:#3a2f1d;}

#toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:rgba(0,0,0,.85);
  color:#fff;padding:10px 16px;border-radius:20px;font-size:13px;opacity:0;pointer-events:none;
  transition:opacity .3s;z-index:99;width:max-content;max-width:92vw;text-align:center;}
#toast.show{opacity:1;}

.boss-bar{height:18px;background:var(--bg2);border-radius:9px;overflow:hidden;margin:8px 0;}
.boss-bar .bf{height:100%;background:linear-gradient(90deg,var(--red),var(--orange));}
.reward-line{color:var(--green);font-size:13px;}
.menu-list .menu{display:flex;justify-content:space-between;align-items:center;background:var(--card);
  border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:8px;cursor:pointer;
  transition:background .15s,border-color .15s;}
.menu-list .menu:hover,.menu-row .menu:hover{background:rgba(233,196,106,.12);border-color:var(--gold);}
/* 副本挑战中禁用的菜单项（世界BOSS/野外PK）：灰显、不可点击 */
.menu-list .menu.disabled{opacity:.45;cursor:not-allowed;}
.menu-list .menu.disabled:hover{background:var(--card);border-color:var(--line);}
/* 更多页顶部一排（排行榜/成就/邮件）：用 flex 等宽替代 grid，兼容老微信 WebView */
.menu-row{display:flex;gap:8px;margin-bottom:8px;}
.menu-row .menu{position:relative;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;
  background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px 4px;margin-bottom:0;cursor:pointer;text-align:center;
  transition:background .15s,border-color .15s;}
.menu-row .menu .m-l{flex-direction:column;justify-content:center;gap:4px;font-size:13px;}
.menu-row .menu .ic{width:24px;height:24px;}
/* 成就/邮件的提示徽标：悬浮在卡片右上角 */
.menu-row .menu .badge{position:absolute;top:5px;right:5px;font-size:10px;padding:1px 6px;z-index:1;}
.menu .m-l{display:flex;align-items:center;gap:8px;min-width:0;}
/* 世界BOSS 图标：视觉上调高 1px */
#m-boss .ic{position:relative;top:-1px;}
.menu .m-cost{margin-left:auto;color:var(--gold);font-size:12px;font-weight:600;}
.menu .badge{background:var(--red);color:#fff;border-radius:10px;font-size:11px;padding:1px 7px;}
.menu .badge.b-ok{background:var(--ok);}
.menu .badge.b-err{background:var(--red);}
.menu .badge.b-wait{background:#6b6256;color:var(--txt2);}
/* 无徽章/提示的菜单行右侧的浅灰右箭头，提示可点击进入 */
.menu-list .menu .menu-arrow{width:15px;height:15px;color:#9aa4b0;flex:none;}
/* 更多页：仅「世界BOSS」与「坐骑升阶」菜单左侧图标单独上移 1px */
.menu-list #m-boss .ic,
.menu-list .menu[data-act="mount_up"] .ic{position:relative;top:-1px;}
/* 世界BOSS菜单迷你血条（徽章尺寸） */
.boss-mini-hp{position:relative;display:inline-block;width:56px;height:16px;border-radius:8px;background:#3a1414;border:1px solid #5a2020;overflow:hidden;vertical-align:middle;flex:none;}
.boss-mini-hp .bm-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#e53935,#ff7043);}
.boss-mini-hp .bm-txt{position:absolute;left:0;right:0;top:0;bottom:0;font-style:normal;font-weight:700;font-size:10px;line-height:15px;text-align:center;color:#fff;text-shadow:0 1px 1px #000;}

/* ============ 桌面三栏兼容（Grid 布局，整屏自适应无滚动条） ============ */
@media (min-width:900px){
  #app{max-width:1100px;height:100vh;display:grid;grid-template-columns:128px minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);overflow:hidden;}
  #topbar{grid-column:1 / 3;grid-row:1;}
  #tabbar{grid-column:1;grid-row:2;display:flex;flex-direction:column;flex-wrap:nowrap;
    border-top:none;border-right:1px solid var(--line);overflow-y:auto;min-height:0;}
  .tab{height:50px;flex:0 0 auto;flex-direction:row;gap:8px;justify-content:center;padding-left:0;font-size:13px;order:0;}
  /* 桌面侧栏顺序：商城固定在背包下面（手机端两排顺序不受影响） */
  [data-tab="main"]{order:1;}
  [data-tab="char"]{order:2;}
  [data-tab="bag"]{order:3;}
  [data-tab="shop"]{order:4;}
  [data-tab="skill"]{order:5;}
  [data-tab="map"]{order:6;}
  [data-tab="guild"]{order:7;}
  [data-tab="chat"]{order:8;}
  [data-tab="more"]{order:9;}
  .tab-sep{display:none;}
  #panel{grid-column:2;grid-row:2;min-height:0;overflow-y:auto;overflow-x:hidden;}
  /* 弹窗遮罩铺满全屏（含侧边栏，统一暗化并拦截误点）；padding-left 让出 128px 侧栏宽度，
     使 flex 居中的弹窗仍相对右侧内容区(#panel)居中，中心=视口中心+64px，位置与此前一致。 */
  .gmodal-mask{left:0;right:0;padding-left:128px;box-sizing:border-box;}
  /* 侧边栏置底退出登录（仅桌面显示），同时隐藏"更多"里的退出项 */
  .side-logout{display:flex;order:10;margin-top:auto;height:50px;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;
    padding-left:0;font-size:13px;color:#e0564f;background:transparent;border:none;
    border-top:1px solid var(--line);cursor:pointer;}
  .side-logout:hover{color:#ff8a80;background:rgba(224,86,79,.08);}
  #m-logout{display:none;}
  /* 战报高度由弹性布局自适应，无需固定视口高度 */
  .bar{width:180px;}
}

/* ============ 滚动条美化：变窄、贴合黑金主题 ============ */
* { scrollbar-width: thin; scrollbar-color: #4a4029 transparent; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #4a4029; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold); }
/* 桌面端侧边栏/面板滚动条更细 */
@media (min-width:900px){
  #tabbar, #panel { scrollbar-width: thin; }
}
/* 手机端：隐藏原生滚动条，改用悬浮指示条（见 #ovl-bar）。
   断点与桌面三栏布局(min-width:900px)对齐：<900px 都是手机界面，统一无原生滚动条 */
@media (max-width:899px){
  * { scrollbar-width: none; }
  ::-webkit-scrollbar { width: 0; height: 0; }
}
/* 手机端悬浮滚动条：滚动时浮现，覆盖在内容上、不占布局 */
#ovl-bar{display:none;position:fixed;width:4px;border-radius:2px;background:#4a4029;
  opacity:0;transition:opacity .25s;pointer-events:none;z-index:10002;}
#ovl-bar.on{opacity:.9;}
@media (max-width:899px){ #ovl-bar{display:block;} }

/* ===== 宝石系统 UI ===== */
.gem-dot{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle;margin-right:4px;box-shadow:0 0 4px rgba(0,0,0,.4);}
.gem-chip{display:inline-flex;align-items:center;gap:4px;height:26px;box-sizing:border-box;padding:0 10px;border-radius:10px;font-size:12px;line-height:1.6;white-space:nowrap;
  color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  /* 用宝石色的半透明淡染替代生硬实色描边，降低视觉跳跃感（老浏览器回退到上面的中性色） */
  background:color-mix(in srgb, var(--gc,#888) 12%, rgba(255,255,255,.05));
  border-color:color-mix(in srgb, var(--gc,#888) 42%, transparent);}
.gem-chip .gem-ic{width:13px;height:13px;margin-right:0;}
.gem-chip b{color:var(--gc,#fff);margin-left:2px;}
.gem-btn{margin:2px 3px 2px 0;font-size:12px;padding:4px 9px;line-height:1.5;border-color:var(--gold);color:var(--gold);}
/* 合成按钮：收窄内部左右间距，与“合成 +1级”文案更紧凑 */
.gem-btn[data-act="gem_compose"]{padding-left:6px;padding-right:6px;}
.gem-btn:hover{background:rgba(255,213,74,.12);}
.gem-btn.disabled{opacity:.4;pointer-events:none;}
.gem-row{font-size:13px;}
.gem-row .mini-btn{margin-left:6px;}
.gem-row .k{display:inline-flex;align-items:center;}
/* 孔位行做成独立小卡片，与弹窗边缘留白、与镶嵌操作盒风格统一 */
.equip-detail .ed-rows .row.gem-row{margin:6px 8px;padding:7px 10px;border-radius:8px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);}

/* ========================= 多人副本 ========================= */
.dungeon-card{display:flex;flex-direction:column;height:100%;min-height:0;}
.dungeon-card .mail-hd{display:flex;align-items:center;gap:8px;padding:1px 0;}
.dungeon-card .mail-hd h3{font-size:15px;}
.dungeon-card .mail-sub{font-size:11px;color:var(--txt2);margin-left:auto;}
.dungeon-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:8px;}
.dg-team,.dg-def{background:#1c1a16;border:1px solid #2e2a22;border-radius:10px;padding:10px;margin:8px 0;box-shadow:0 2px 8px rgba(0,0,0,.25);}
.dg-team{position:relative;background:linear-gradient(160deg,#242019,#191713);border-color:#3a3226;border-radius:12px;padding:11px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;}
.dg-team-hd{display:flex;align-items:center;gap:6px;font-weight:700;color:#f0d493;font-size:15px;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:-11px -12px 8px;padding:11px 12px 8px;border-bottom:1px solid rgba(255,255,255,.07);}
.dg-status{margin-left:auto;font-size:12px;color:#e0a83c;}
.hpbar{position:relative;height:20px;background:#2a2620;border-radius:10px;overflow:hidden;margin:8px 0;box-shadow:inset 0 1px 3px rgba(0,0,0,.5);}
.hpfill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#c0392b,#e74c3c);transition:width .4s ease;}
.hptxt{position:relative;display:block;text-align:center;font-size:11px;line-height:20px;color:#fff;text-shadow:0 1px 2px #000;}
.dg-members{margin:6px 0 8px;display:flex;flex-direction:column;gap:5px;}
.dg-member{display:flex;gap:6px;font-size:12px;color:#ccc;align-items:center;padding:6px 9px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;}
.dgm-name{color:#e8d9b5;min-width:52px;}
.dgm-power{color:#9a9486;}
.dgm-contrib{color:#6fb3e0;margin-left:auto;font-weight:600;}
.dg-def{position:relative;background:linear-gradient(160deg,#242019,#191713);border-color:#3a3226;border-radius:12px;padding:11px 12px;margin:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;}
.dg-def-hd{display:flex;align-items:center;gap:6px;font-weight:700;color:#f0d493;font-size:15px;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:-11px -12px 8px;padding:11px 12px 8px;border-bottom:1px solid rgba(255,255,255,.07);}
.dg-defs{display:grid;grid-template-columns:1fr;gap:6px;}
@media (min-width:520px){ .dg-defs{grid-template-columns:1fr 1fr;} }
.dungeon-card .hr-full{margin:7px -12px 7px;}
.dg-def-sub{margin-left:auto;font-size:10px;color:#9a9486;white-space:nowrap;display:flex;align-items:center;gap:4px;}
.dg-lv{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:600;color:#b8ae97;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1px 6px;}
.dg-lv .ic{width:9px;height:9px;}
.dg-today{display:inline-flex;align-items:center;gap:5px;background:rgba(232,200,122,.14);color:#e8c87a;border:1px solid rgba(232,200,122,.3);border-radius:10px;padding:2px 8px;font-weight:600;letter-spacing:.3px;}
.dg-today .dg-bar{position:relative;width:34px;height:5px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden;flex-shrink:0;}
.dg-today .dg-bar i{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:#e8c87a;transition:width .25s ease;}
.dg-today.dg-used-full{background:rgba(224,140,106,.18);color:#f0a987;border-color:rgba(224,140,106,.4);}
.dg-today.dg-used-full .dg-bar i{background:#f0a987;}
.dg-used-full{background:rgba(224,140,106,.18);color:#f0a987;border-color:rgba(224,140,106,.4);}
.dg-def-rew{display:flex;align-items:center;gap:6px;font-size:12px;color:#e8d9b5;background:rgba(232,200,122,.08);border:1px solid rgba(232,200,122,.18);border-radius:8px;padding:6px 8px;margin:14px 0 8px;}
.dg-rew-tag{flex-shrink:0;font-size:9px;color:#1a1712;background:linear-gradient(135deg,#e8c87a,#c9a44f);border-radius:3px;padding:1px 4px;font-weight:600;line-height:1.4;}
.dg-rew-note{margin-left:auto;font-size:10px;color:#9a9486;}
.dg-btns{display:flex;gap:6px;margin-bottom:5px;}
.dg-btns .mini-btn{flex:1;min-width:0;}
.dg-open{margin-top:6px;font-size:12px;color:#9a9486;line-height:1.8;}
.dg-team-chip{cursor:pointer;color:#6fb3e0;border:1px solid #2e4a5a;border-radius:6px;padding:1px 6px;margin:2px 4px 2px 0;display:inline-block;}
.dg-team-chip:hover{background:#16323f;}
.dg-team .big-btn{margin-top:10px;width:100%;height:34px;border:none;border-radius:10px;
  font-size:14px;font-weight:700;letter-spacing:2px;color:#2a1e08;cursor:pointer;
  background:linear-gradient(180deg,#f3d98b,#d9ab4a 55%,#c1923a);
  box-shadow:0 3px 10px rgba(217,171,74,.35),inset 0 1px 0 rgba(255,255,255,.5);
  transition:filter .15s ease,transform .05s ease;}
.dg-team .big-btn:hover{filter:brightness(1.06);}
.dg-team .big-btn:active{transform:translateY(1px);filter:brightness(.97);}
.dg-team .big-btn:disabled{color:#7a6f57;background:linear-gradient(180deg,#4a4438,#3a352c);box-shadow:none;cursor:default;letter-spacing:1px;}
.dg-team .mini-btn{margin-top:6px;width:100%;height:34px;font-size:13px;}
.equip-detail .ed-rows .row.gem-row + .row.gem-row{border-top:1px solid rgba(255,255,255,.08);}
.socket-icon{width:14px;height:14px;margin-right:8px;vertical-align:-2px;fill:currentColor;stroke:none;}
.socket-empty .socket-icon{color:rgba(255,213,74,.55);}
.gem-ic{width:16px;height:16px;margin-right:6px;vertical-align:-2px;fill:currentColor;stroke:none;}
/* 孔位以一排4个的网格展示，每格：上图标 / 下等级 */
.gem-sockets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0;}
.gem-slot{border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;}
.gem-slot.empty{opacity:.85;}
.gem-slot.empty .gem-big{color:rgba(255,255,255,.2);}
.gem-slot.clickable{cursor:pointer;transition:background .12s,border-color .12s;}
.gem-slot.clickable:hover{background:rgba(255,213,74,.08);border-color:rgba(255,213,74,.4);}
.gem-slot.unopened .gem-big{color:rgba(255,255,255,.25);}
/* 未来孔：前序孔位未开，不可直接开孔，点击提示 */
.gem-slot.gem-locked{cursor:not-allowed;opacity:.5;}
.gem-slot.picking{border-color:var(--gold);background:rgba(255,213,74,.1);}
.gs-num{font-size:11px;color:var(--txt2);}
.gem-big{width:22px;height:22px;fill:currentColor;stroke:none;}
/* 孔位卡片：相对定位，承载右上角等级角标 */
.gem-slot{position:relative;}
.gs-ico{display:flex;align-items:center;justify-content:center;}
/* 等级角标：贴紧卡片右上角，配色与卡片边框一致（左下角小圆角内收） */
.gs-badge{position:absolute;top:0;right:0;font-size:8px;line-height:1;font-weight:700;
  color:var(--txt2);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
  border-top:none;border-right:none;
  padding:1px 3px;border-radius:0 8px 0 3px;pointer-events:none;white-space:nowrap;}
/* 孔位宝石图标：轻微投影增强立体感（刻面明暗由 #i-gem 符号自带） */
.gem-slot .gem-big{filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45));}
.gs-lv{font-size:12px;line-height:1.4;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.gem-slot .gs-remove{padding:3px 8px;font-size:11px;margin-top:1px;}
.socket-hint{font-size:12px;opacity:.65;letter-spacing:.5px;}
.gem-inlay-box{margin:6px 0 10px;padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);}
.gem-inlay-title{font-size:12px;color:var(--txt2);margin-bottom:6px;letter-spacing:.5px;}
/* 当前宝石：在宝石镶嵌弹窗中固定不动 */
.gem-inlay-box.gem-cur{position:sticky;top:0;z-index:2;background:var(--panel);margin-bottom:12px;
  box-shadow:0 1px 0 rgba(255,255,255,.06);}
/* 宝石镶嵌弹窗：仅“可镶嵌”列表区可滚动，当前宝石与标题固定 */
#gem-slot-mask .gmodal-body{overflow:hidden;display:flex;flex-direction:column;margin-bottom:0;}
#gem-slot-mask .gem-inlay-box.gem-cur{position:static;margin-bottom:10px;}
#gem-slot-mask .gem-inlay-box:not(.gem-cur){flex:0 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;margin:0;padding-bottom:12px;}
#gem-slot-mask .gem-inlay-btns{overflow-y:auto;flex:1 1 auto;min-height:0;margin:0;padding-right:3px;}
/* 当前宝石：标签 + chip + 摘除 同一行 */
.gem-cur-row{display:flex;align-items:center;gap:10px;min-width:0;}
.gem-cur-label{flex:none;font-size:12px;color:var(--txt2);letter-spacing:.5px;}
.gem-cur-row .gem-chip{flex:none;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gem-cur-row .gib-remove{margin-left:auto;flex:none;font-weight:400;
  color:var(--txt2);border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.03);padding:3px 9px;}
.gem-cur-row .gib-remove:hover{color:var(--gold);border-color:rgba(255,213,74,.4);background:rgba(255,213,74,.08);}
/* 可镶嵌列表：2 列卡片网格（minmax(0,1fr) 防止内容把列撑出弹窗） */
.gem-inlay-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:100%;}
.gem-inlay-btns .gem-btn{display:flex;align-items:center;gap:6px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;
  text-align:left;margin:0;padding:7px 8px;border-radius:8px;height:auto;line-height:1.3;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);color:var(--txt);}
.gem-inlay-btns .gem-btn:hover{background:rgba(255,213,74,.1);border-color:rgba(255,213,74,.45);}
.gem-inlay-btns .gem-ic{width:20px;height:20px;margin-right:0;flex:none;}
.gem-inlay-btns .gib-info{display:flex;flex-direction:column;line-height:1.3;min-width:0;flex:1;}
.gem-inlay-btns .gib-name{font-size:12px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gem-inlay-btns .gib-val{font-size:11px;color:var(--txt2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gem-inlay-btns .gib-val b{color:var(--gc,#fff);}
.gem-none{font-size:12px;color:var(--txt2);opacity:.7;padding:2px 0;}
.gem-open-box{margin:6px 0 4px;padding:6px 8px;border-radius:6px;background:rgba(74,144,217,.08);border:1px solid rgba(74,144,217,.3);display:flex;align-items:center;gap:10px;}
.gem-cost{flex:1;min-width:0;font-size:12px;color:var(--txt2);margin-bottom:0;}
.gem-status{margin-top:2px;font-size:12px;}
.gem-status .lack{color:var(--red);}
.gem-status .ok{color:var(--green);}
/* 宝石背包页 */
.gem-head{position:sticky;top:0;z-index:3;display:flex;flex-direction:row;align-items:stretch;gap:20px;margin-bottom:8px;padding:6px 8px 6px 12px;border-radius:6px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-bottom:none;box-shadow:0 2px 6px rgba(0,0,0,.35);}
.gem-head-left{flex:none;display:flex;align-items:center;}
.gem-head-left .gh-num{margin-left:6px;}
.gem-head-right{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;min-width:0;padding-left:16px;border-left:1px solid rgba(255,255,255,.1);}
/* 宝石面板信息条最右侧提示图标 */
.gem-head-tip{flex:none;align-self:center;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:10px;border-radius:8px;color:var(--txt2);cursor:pointer;transition:background .15s,color .15s;}
.gem-head-tip:hover{background:rgba(255,255,255,.06);color:var(--gold);}
.gem-head-tip .ic{width:19px;height:19px;}
/* 各部位可镶嵌宝石说明弹窗 */
.gem-guide{display:flex;flex-direction:column;gap:6px;}
.gg-row{display:flex;align-items:stretch;gap:0;padding:0;border-radius:8px;background:var(--bg2);overflow:hidden;transition:background .15s;}
.gg-row:hover{background:rgba(255,255,255,.07);}
.gg-row:hover .gg-slot{background:rgba(255,255,255,.09);}
.gg-slot{flex:none;width:78px;display:flex;align-items:center;justify-content:center;text-align:center;
  font-weight:700;color:var(--txt);font-size:13px;line-height:1.2;padding:8px 6px;
  background:rgba(255,255,255,.05);}
.gg-slot span{display:inline-block;width:3em;white-space:nowrap;text-align:center;font-weight:700;color:var(--txt2);font-size:13px;line-height:1.2;}
.gg-slot.gg2 span{letter-spacing:1em;}
.gg-gems{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;}
.gg-chip{font-size:12px;line-height:1;padding:4px 8px;border:1px solid;border-radius:6px;background:rgba(255,255,255,.03);opacity:.5;transition:opacity .15s;}
.gg-chip.gg-on{opacity:1;}
/* 宝石模式：信息条固定不滚动，仅下方宝石列表区滚动（滚动条不穿过顶部固定区） */
#bag-list.gem-mode{display:flex;flex-direction:column;overflow:hidden;}
#bag-list.gem-mode .gem-head{position:static;top:auto;margin-bottom:8px;box-shadow:none;}
#bag-list.gem-mode .gem-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px;
  /* 顶部圆角：滚动容器自身带圆角，吸顶标题与滚动卡片都会被裁进圆角内，不会从顶部缺口跑出 */
  border-radius:6px 6px 0 0;
  display:grid;grid-template-columns:1fr;gap:10px;align-content:start;}
/* 桌面端：每种宝石（一个类型组）左右并排，一行显示 2 种宝石 */
@media (min-width:600px){
  #bag-list.gem-mode .gem-scroll{grid-template-columns:1fr 1fr;}
  #bag-list.gem-mode .gem-scroll .islot{grid-column:1 / -1;}
}
.gem-head-item{font-size:12px;color:var(--txt2);}
.gem-head-item b{color:var(--gold);}
/* 掉落说明：宝石每排显示 3 个，按内容宽度紧凑排列（不撑满整行） */
.eg-gem-row{display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start;align-items:center;overflow-x:auto;}
.eg-gem-chip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* 背包装备：已镶嵌宝石的图标行 */
.gem-inline{display:flex;align-items:center;flex-wrap:wrap;gap:0;line-height:1;}
.gem-inline .ic{flex:0 0 auto;align-self:center;}
/* 天工锥计数项：整体放大突出 */
.gem-head-item.gh-lg{font-size:15px;color:var(--txt2);}
.gem-group{margin-bottom:10px;padding:0 8px 8px;border-radius:6px;background:rgba(255,255,255,.02);
  /* 无 border：原 1px 侧边框会在标题吸顶时从标题圆角缺口露出，直插视口平直顶边形成 90° 小凸起 */
  clip-path:inset(0 round 6px);}
/* 分组折叠：点击标题右侧箭头收起该类型宝石（箭头样式仿成就称号 .agt-arrow） */
.gem-group-head{cursor:pointer;}
.gem-group-head .gem-grp-arrow{width:16px;height:16px;color:var(--txt2);flex:none;transition:transform .2s;margin-left:6px;}
.gem-group.collapsed{margin-bottom:4px;padding-bottom:0;}
.gem-group.collapsed .gem-item{display:none;}
.gem-group.collapsed .gem-group-head{margin-bottom:0;border-bottom:none;}
.gem-group.collapsed .gem-group-head .gem-grp-arrow{transform:rotate(-90deg);}
/* 标题条：通栏（margin 0 -8px 撑满分组内容区宽）。自带顶部圆角：吸顶时每个分组标题顶角都是圆角；
   圆角缺口只露出面板背景（分组已无边框、卡片离分组边缘有 8px 内边距，不会有内容从缺口跑出） */
.gem-group-head{font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px;line-height:1;color:var(--txt2);
  margin:0 -8px 8px;padding:9px 8px;background:var(--card);border-bottom:1px solid rgba(255,255,255,.09);border-radius:6px 6px 0 0;
  position:sticky;top:0;z-index:5;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.gem-group-head .gem-desc{margin-left:auto;}
.gem-group-head .gem-ic{margin-right:2px;}
.gem-desc{font-size:11px;font-weight:400;color:var(--txt2);}
.gem-item{display:block;padding:4px 0;}
/* 背包宝石卡片：图标 + 两行信息 + 右侧操作（合成/满级/占位锁），整行卡片 */
.gem-card{display:flex;align-items:center;gap:6px;min-width:0;padding:6px 9px 6px 12px;border-radius:8px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);transition:background .15s,border-color .15s;}
.gem-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);}
.gem-card .gem-ic{margin-right:0;flex:none;}
.gem-card .gib-info{display:flex;flex-direction:row;align-items:baseline;gap:6px;line-height:1.3;min-width:0;flex:1;white-space:nowrap;}
.gem-card .gib-name{font-size:12px;color:var(--txt2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gem-card .gib-val{font-size:11px;color:var(--txt2);white-space:nowrap;flex:none;}
.gem-card .gib-val b{color:var(--gc,#fff);}
.gem-card .gem-btn{margin-left:auto;flex:none;min-width:70px;justify-content:center;
  color:var(--txt2);border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.03);font-weight:400;}
.gem-card .gem-btn:hover{color:var(--gold);border-color:rgba(255,213,74,.4);background:rgba(255,213,74,.08);}
/* 操作区：回收 + 合成/满级/占位锁 统一靠右成组，间隔 6px */
.gem-card .gem-actions{margin-left:auto;display:flex;align-items:center;gap:6px;}
.gem-card .gem-actions > *{margin-left:0;}
.gem-card .gem-actions .gem-btn{min-width:70px;}
/* 回收：弱化红色，改为更淡的暖灰粉，避免抢眼 */
.gem-card .gem-actions .gem-recycle{color:#bf9a9a;border-color:rgba(191,154,154,.22);background:rgba(191,154,154,.04);min-width:54px;padding-left:6px;padding-right:6px;}
.gem-card .gem-actions .gem-recycle:hover{color:#ad8585;border-color:rgba(173,133,133,.32);background:rgba(173,133,133,.07);}
.gem-card .gem-max{margin-left:auto;flex:none;min-width:88px;text-align:center;font-size:12px;color:var(--gold);}
.gem-btn.gem-no{opacity:.4;cursor:not-allowed;color:var(--txt2);border-color:var(--line);background:transparent;}
.gem-ref{margin-top:6px;font-size:12px;color:var(--txt2);}
.gem-ref summary{cursor:pointer;color:var(--gold);font-size:13px;padding:4px 0;}
.gem-ref-body{padding:6px 8px;border-left:2px solid rgba(255,213,74,.4);margin-left:2px;}
.gem-ref-row{margin:4px 0;line-height:1.5;display:flex;gap:4px;flex-wrap:wrap;align-items:baseline;}
.gem-ref-row b{color:#fff;}