@charset "utf-8";
/* ============================================================
   usercenter.css — 新用户中心「补充样式层」
   加载顺序在 UserService 原 css（header/users_master/mb_css/style）之后：
   1) 对原 css 中引用了但资源缺失的图片做降级（透明背景 + 纯色替代，不报错不破版）
   2) 新增页面级组件样式：表单、消息、商城、角色列表、积分兑换、转职等
   配色沿用 Dekaron 经典用户中心：橙 #C94700 / 边框 #F8BE63 / 底色 #FFFEF0
   ============================================================ */

/* ---------- 全局降级：缺失背景图 → 纯色 ---------- */
.login dt b{ background-image:none; }                 /* regsiter.gif 缺失 */
/* 登录框按钮行：原版 .u_btn 高度48px + overflow:hidden 会裁掉底部「账号充值」按钮的下边框
   （zc.gif 21px+下边距6px 与 cz.gif 21px+下边距6px 共54px），改为 54px 完整显示 */
.u_btn{ height:54px; overflow:visible; }
.slt1{ background-image:none; }
.l_ban{ background-image:none; }
.news dt{ background-image:none; }
.p02 b{ background-image:none; }
.ban03 b{ background-image:none; }
.dh b{ background-image:none; }
.p09 dt{ background-image:none; }
.ry dt{ background-image:none; }
.ic01,.ic02,.ic04,.ic05{ background-image:none; }
.ban04 h3{ background-image:none; }
.games_list dl dt{ background-image:none; }
.game_one dl dt{ background-image:none; }
.times dt{ background-image:none; }
.zhuce,.mesg,.mesg0,.zc_foot{ background-image:none; }
.nav_up li{ background-image:none; }
.nav_down{ background-image:none; }
a.nav_bg1{ background-image:none; }
a.nav_bg2{ background-image:none; }
.bar{ background-image:none; }
.p_r{ background-image:none; }
.p_r span{ background-image:none; }
.btn1,.btn2,.btn3{ background-image:none; }
.ban01,.ban02{ background-image:none; }
.p06,.p09 dt b,.ry dt b{ background-image:none; }
.foot{ border-top-color:#C9C9C9; }
#Notice h3,#newhot h3,#FAQ h3,#bbs h3,.bbs h3{ background-image:none; background-color:#FFF3DC; border-bottom:1px solid #F8BE63; }
.us-panel h3, .us-account-box h3, .us-left-menu h3{ background-image:none; background:linear-gradient(180deg,#FFF6E6 0%,#FFE9B8 100%); border-bottom:1px solid #F8BE63; }

/* ---------- 主内容区布局 ---------- */
.us-main{ float:left; width:700px; margin-left:10px; min-height:480px; }
@media (max-width:980px){
    .mid{ width:auto; padding:0 10px; }
    .us-main{ width:100%; margin-left:0; }
    .col0{ width:100%; margin-bottom:8px; }
}

/* ---------- 经典面板 ---------- */
.us-panel{ border:1px solid #E8B96A; background:#FFFDF6; margin-bottom:10px; overflow:hidden; border-radius:10px; box-shadow:0 2px 6px rgba(201,71,0,.07); }
.us-panel h3{
    color:#C94700; height:31px; line-height:31px; font-size:14px; font-weight:bold;
    text-indent:12px; background:#FFF3DC; border-bottom:1px solid #F8BE63; margin:0;
}
.us-panel-body{ padding:16px 18px; overflow:hidden; }
.us-panel-body p{ margin:6px 0; line-height:24px; }

/* ---------- 左列：账号信息框 ---------- */
.us-account-box{ border:1px solid #E8B96A; background:#FFFDF6; margin-bottom:8px; overflow:hidden; border-radius:10px; box-shadow:0 2px 6px rgba(201,71,0,.07); }
.us-account-box h3{
    color:#C94700; height:31px; line-height:31px; font-size:14px; font-weight:bold;
    text-indent:12px; background:#FFF3DC; border-bottom:1px solid #F8BE63; margin:0;
}
.us-account-inner{ padding:10px 12px; }
.us-uname{ font-size:15px; font-weight:bold; color:#000; line-height:26px; }
.us-ustat,.us-ujf{ font-size:12px; color:#666; line-height:22px; }
.us-ustat b.org, .us-ujf b.org{ color:#C94700; }
.us-ujf b{ color:#C94700; }
b.gr{ color:#009900; }
b.Gray{ color:#999; }


/* ---------- 左列：用户中心菜单（独立图标 images/menu/*.png） ---------- */
.us-left-menu{ border:1px solid #E8B96A; background:#FFFDF6; margin-bottom:8px; overflow:hidden; border-radius:10px; box-shadow:0 2px 6px rgba(201,71,0,.07); }
.us-left-menu h3{
    background-image:none; background:linear-gradient(180deg,#FFF6E6 0%,#FFE9B8 100%); border-bottom:1px solid #F8BE63;
    color:#513823; font-size:14px; line-height:32px; height:32px; padding:0 12px; margin:0;
}
.us-left-menu ul{ padding:6px 0 6px 0; }
.us-left-menu li{ height:44px; width:230px; padding:0; }
.us-left-menu li a{
    display:block; height:44px; line-height:44px; padding:0 8px;
    color:#513823; font-size:14px; font-weight:bold; text-decoration:none;
    border-bottom:1px dashed #F0E4CE; overflow:hidden;
}
.us-left-menu li a img.menu-ico{
    float:left; width:30px; height:30px; margin:7px 8px 0 4px;
    border-radius:6px; vertical-align:middle;
}
.us-left-menu li a:hover{ background:#FFF3DC; color:#000; }
.us-left-menu li[class$="b"] a{ background:#F8BE63; color:#000; }

/* ---------- 客服中心 ---------- */
/* 原版 .bbs 是 float:left（首页主体布局用），放进左列 col0 会把后面的模块挤到旁边窄条，
   这里覆盖为块级，让后续模块（角色排行）正常排在下方 */
.col0 .bbs{ float:none; width:auto; margin-top:0; }
.bbs h3{
    color:#C94700; height:31px; line-height:31px; font-size:14px; font-weight:bold;
    text-indent:12px; background:#FFF3DC; border-bottom:1px solid #F8BE63; margin:0;
}
.bbs_c{ width:195px; margin:0 auto; padding:8px 0; line-height:24px; color:#666; }
.bbs_c dd{ line-height:24px; }

/* ---------- 左列：角色排行（客服中心下方） ---------- */
.us-rank-box{ border:1px solid #D6D6D6; background:#FFF; margin-bottom:8px; overflow:hidden; }
.us-rank-box h3{
    color:#C94700; height:31px; line-height:31px; font-size:14px; font-weight:bold;
    text-indent:12px; background:#FFF3DC; border-bottom:1px solid #F8BE63; margin:0;
}
.us-rank-inner{ padding:8px 10px; }
.us-rank-line{ line-height:24px; font-size:12px; overflow:hidden; margin:2px 0; }
.us-rank-no{ display:inline-block; width:20px; font-weight:bold; }
.us-rank-nm{
    display:inline-block; width:72px; color:#4d4438;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;
}
.us-rank-job{ display:inline-block; width:52px; color:#999; font-size:11px; }
.us-rank-lv{ float:right; color:#C94700; font-weight:bold; }

/* ---------- 首页轮播图（新闻公告上方，后台可传图设置；轮播区固定 260px 高，图片拉伸铺满、不裁切） ---------- */
.us-banner-box{
    position:relative; width:100%; height:260px; margin-bottom:10px;
    border:1px solid #F8BE63; background:#111; overflow:hidden;
}
.us-banner-list{ position:relative; width:100%; height:100%; margin:0; padding:0; list-style:none; }
.us-banner-item{
    position:absolute; left:0; top:0; width:100%; height:100%; display:none;
}
.us-banner-item.active{ display:block; }
.us-banner-item img{
    width:100%; height:100%; display:block; background:#111;
}
.us-banner-title{
    position:absolute; left:0; right:0; bottom:0; margin:0; padding:8px 14px;
    background:rgba(0,0,0,.55); color:#FFF; font-size:14px; line-height:22px; text-align:left;
}
.us-banner-arrow{
    position:absolute; top:50%; margin-top:-20px; width:36px; height:40px; line-height:40px;
    background:rgba(0,0,0,.45); color:#FFF; font-size:26px; text-align:center;
    text-decoration:none; z-index:5; user-select:none;
}
.us-banner-arrow:hover{ background:rgba(0,0,0,.7); text-decoration:none; }
.us-banner-prev{ left:0; }
.us-banner-next{ right:0; }
.us-banner-dots{
    position:absolute; right:12px; bottom:10px; z-index:6; line-height:0;
}
.us-banner-dot{
    display:inline-block; width:10px; height:10px; margin:0 3px;
    border-radius:50%; background:rgba(255,255,255,.6); cursor:pointer;
}
.us-banner-dot.active{ background:#F8BE63; }

/* ---------- 下载中心（前台 download.php 列表） ---------- */
.us-down-tbl{ width:100%; border-collapse:collapse; font-size:13px; }
.us-down-tbl th{
    background:#F8BE63; color:#2B2B2B; padding:8px 10px; text-align:left;
    border:1px solid #E3A84A; font-size:13px;
}
.us-down-tbl td{
    padding:8px 10px; border:1px solid #E8E1D2; background:#FFF; vertical-align:middle;
}
.us-down-tbl tr:nth-child(even) td{ background:#FAF6EC; }
.us-down-title{ font-size:13px; color:#333; }
.us-down-desc{ margin:3px 0 0; font-size:12px; color:#888; line-height:18px; }
.us-down-btn{
    display:inline-block; padding:5px 14px; background:#C94700; color:#FFF;
    font-size:12px; text-decoration:none; border-radius:2px; border:1px solid #A83A00;
}
.us-down-btn:hover{ background:#A83A00; text-decoration:none; color:#FFF; }

/* ---------- 提示消息 ---------- */
.msg{ padding:10px 14px; margin:10px 0; border:1px solid; font-size:13px; line-height:22px; border-radius:6px; }
.msg.red{ color:#B32929; background:#FFF5F5; border-color:#E0A0A0; border-left:4px solid #CC5555; }
.msg.green{ color:#067; background:#F0FFF4; border-color:#A8D8B8; border-left:4px solid #4CAF6E; }

/* ---------- 攻城战信息（主页新闻公告下方） ---------- */
.siege-body{ line-height:26px; }
.siege-line{ font-size:13px; color:#5a5044; margin:6px 0; }
.siege-line b{ color:#C94700; }

/* ---------- 左列：攻城战信息（角色排行下方） ---------- */
.us-siege-box{ border:1px solid #D6D6D6; background:#FFF; margin-bottom:8px; overflow:hidden; }
.us-siege-box h3{
    color:#C94700; height:31px; line-height:31px; font-size:14px; font-weight:bold;
    text-indent:12px; background:#FFF3DC; border-bottom:1px solid #F8BE63; margin:0;
}
.us-siege-inner{ padding:8px 10px; }
.us-siege-line{ line-height:22px; font-size:12px; color:#5a5044; margin:3px 0; }
.us-siege-line b{ color:#C94700; }
.us-siege-atk{ padding-left:12px; color:#8E2400; }

/* ---------- 左列：每日 BCD 活动（攻城战信息下方） ---------- */
.us-bcd-box{ border:1px solid #D6D6D6; background:#FFF; margin-bottom:8px; overflow:hidden; }
.us-bcd-box h3{
    color:#C94700; height:31px; line-height:31px; font-size:14px; font-weight:bold;
    text-indent:12px; background:#FFF3DC; border-bottom:1px solid #F8BE63; margin:0;
}
.us-bcd-inner{ padding:8px 10px; }
.us-bcd-line{ line-height:22px; font-size:12px; color:#5a5044; margin:3px 0; overflow:hidden; white-space:nowrap; }
.us-bcd-no{ display:inline-block; width:16px; color:#B98A5A; }
.us-bcd-tm{ color:#C94700; font-weight:bold; margin-right:6px; }
.us-bcd-nm{ color:#333; margin-right:6px; }
.us-bcd-open{ color:#009900; font-weight:bold; }
.us-bcd-wait{ color:#999; font-size:11px; }
.us-bcd-empty{ color:#999; font-size:12px; padding:8px 0; text-align:center; }

/* ---------- 表单 ---------- */
.us-form{ margin-top:4px; }
.form-item{ margin:12px 0; overflow:hidden; }
.form-item label{
    float:left; width:130px; text-align:right; line-height:30px;
    color:#444; font-weight:bold; font-size:13px; padding-right:12px;
}
.form-item .ctrl{ float:left; }
.form-item input[type="text"],
.form-item input[type="password"],
.form-item select{
    height:24px; line-height:24px; padding:2px 6px;
    border:1px solid #CC9966; background:#FFFEF0; color:#333;
    border-radius:4px; box-sizing:border-box;
    transition:border-color .2s ease, box-shadow .2s ease;
}
.form-item input[type="text"],
.form-item input[type="password"]{ width:220px; }
.form-item input[type="text"]:focus,
.form-item input[type="password"]:focus,
.form-item select:focus{
    border-color:#C94700; outline:none;
    box-shadow:0 0 4px rgba(201,71,0,.25);
}
.form-item input[disabled]{ background:#F2E8D8; color:#888; }
.form-item .job-select{ width:260px; height:28px; }
.form-item .captcha-row{ float:left; }
.form-item .captcha-row input{ width:100px; }
.form-item .captcha-row img{ margin:1px 0 0 8px; vertical-align:middle; cursor:pointer; border:1px solid #CC9966; border-radius:3px; }

/* 提交按钮（金色渐变，文字完整显示不裁切；尺寸/缩进与输入框对齐不变） */
.btn-submit, .us-panel button[type="submit"], .us-form button[type="submit"], form button[type="submit"]{
    width:120px; height:32px; line-height:32px; cursor:pointer;
    border:1px solid #C94700; background:linear-gradient(180deg,#FFB35C 0%,#E8822A 100%); color:#FFF;
    font-size:13px; font-weight:bold; font-family:"微软雅黑","宋体";
    margin:12px 0 4px 142px; border-radius:5px;
    white-space:nowrap; text-shadow:0 1px 2px rgba(120,50,0,.35);
    box-shadow:0 2px 4px rgba(201,71,0,.25);
    transition:background .2s ease, box-shadow .2s ease;
}
.us-panel button[type="submit"]:hover, .btn-submit:hover{ background:linear-gradient(180deg,#FFA94B 0%,#D97320 100%); box-shadow:0 3px 8px rgba(201,71,0,.35); }
.us-panel button[disabled]{ opacity:.55; cursor:not-allowed; box-shadow:none; }

/* 下一步 / 确认 / 返回 / 取消（浅金底 + 金色描边，按钮内正常写文字） */
.btn-next, .btn-confirm, .btn-back, .btn-cancel{
    display:inline-block; padding:0 18px; height:30px; line-height:28px;
    cursor:pointer; vertical-align:middle; border-radius:5px;
    border:1px solid #CC9966; background:linear-gradient(180deg,#FFF6E6 0%,#FFE9B8 100%); color:#7A3E00;
    font-size:13px; font-family:"微软雅黑","宋体"; white-space:nowrap;
    box-shadow:0 1px 3px rgba(201,71,0,.12);
    transition:background .2s ease, box-shadow .2s ease;
}
.btn-next:hover, .btn-confirm:hover, .btn-back:hover, .btn-cancel:hover{ background:linear-gradient(180deg,#FFE9B8 0%,#FFD98A 100%); color:#5A2C00; }

/* 字段提示 */
.field-tip{ clear:both; margin:4px 0 0 142px; font-size:12px; color:#999; line-height:20px; min-height:18px; }
.field-tip.good{ color:#009900; }
.field-tip.bad{ color:#CC0000; }

/* 链接组 */
.link-group{ padding:10px 0 6px 142px; overflow:hidden; }
.link-group a{ color:#003399; text-decoration:underline; margin-right:16px; line-height:26px; }
.link-group a:hover{ color:#C94700; }

/* 功能提示 */
.func-tip{ color:#C94700; font-size:12px; line-height:22px; }

/* ---------- 用户中心：账号总览 ---------- */
.us-acc-grid{ width:100%; border-collapse:collapse; margin:4px 0 8px; }
.us-acc-grid th{
    background:linear-gradient(180deg,#FFF6E6 0%,#FFE9B8 100%); color:#513823; line-height:28px; height:28px;
    border:1px solid #F8BE63; font-size:13px;
}
.us-acc-grid td{
    line-height:30px; height:30px; border:1px solid #F8BE63; text-align:center;
    background:#FFF; color:#C94700; font-size:15px; font-weight:bold;
}
.us-acc-grid td span{ color:#666; font-size:12px; font-weight:normal; }

/* ---------- 通用数据表（商城/兑换/抽奖页 account-tbl） ---------- */
.account-tbl{ width:100%; border-collapse:collapse; margin:4px 0 8px; border-radius:8px; overflow:hidden; }
.account-tbl th{
    background:linear-gradient(180deg,#FFF6E6 0%,#FFE9B8 100%); color:#513823; line-height:28px; height:28px;
    border:1px solid #F8BE63; font-size:13px;
}
.account-tbl td{
    line-height:26px; height:26px; border:1px solid #F0E4CE; text-align:center;
    background:#FFFDF6; color:#333; font-size:13px;
}
.account-tbl td b.org{ color:#C94700; font-weight:bold; }
.account-tbl tr:hover td{ background:#FFF6E6; }

/* ---------- 用户中心：角色列表（每行 2 个角色） ---------- */
.char-title{ font-size:14px; font-weight:bold; color:#C94700; line-height:30px; }
.char-item{
    float:left; width:49%; margin:8px 0.5%; box-sizing:border-box;
    border:1px solid #E8B96A; background:#FFFDF6; padding:10px 12px; overflow:hidden;
    border-radius:8px; box-shadow:0 1px 4px rgba(201,71,0,.08);
    transition:border-color .2s ease, box-shadow .2s ease;
}
.char-item:hover{ border-color:#C94700; box-shadow:0 3px 8px rgba(201,71,0,.15); }
.char-head{ overflow:hidden; line-height:26px; }
.char-name{ font-size:14px; font-weight:bold; color:#4A2A00; margin-right:10px; }
.char-lv{ color:#C94700; font-weight:bold; margin-right:10px; }
.char-class{ color:#666; margin-right:10px; }
.online{ color:#009900; }
.offline{ color:#999; }
.char-line{ color:#666; line-height:24px; }
.func-btns{ margin-top:8px; overflow:hidden; }
.func-btn{
    float:left; margin:0 10px 10px 0; padding:5px 16px; cursor:pointer;
    border:1px solid #C94700; background:linear-gradient(180deg,#FFB35C 0%,#E8822A 100%); color:#FFF;
    font-size:13px; font-family:"微软雅黑","宋体"; border-radius:5px;
    text-shadow:0 1px 2px rgba(120,50,0,.35); box-shadow:0 1px 3px rgba(201,71,0,.25);
    transition:background .2s ease, box-shadow .2s ease;
}
.func-btn:hover{ background:linear-gradient(180deg,#FFA94B 0%,#D97320 100%); box-shadow:0 2px 6px rgba(201,71,0,.35); }
.func-btn[disabled]{ opacity:.5; cursor:not-allowed; box-shadow:none; }
/* 表单内提交按钮：与角色信息按钮同款外观，取消浮动适配表单；nowrap 防止长文字按钮折行
   注：会同时命中全局 button[type=submit] 规则（特异性更高），故关键尺寸用 !important 锁定，保证文字垂直居中；
   左缩进 142px 与表单输入框（label 宽度）左对齐，同全局提交按钮位置一致 */
.func-btn-submit{
    float:none !important; display:inline-block !important; margin:12px 0 4px 142px !important;
    white-space:nowrap !important; width:auto !important; height:32px !important;
    line-height:30px !important; padding:0 24px !important; box-sizing:border-box;
}
.char-empty{ color:#999; padding:16px 0; text-align:center; }

/* ---------- 欢迎框（未登录） ---------- */
.welcome-box{ text-align:center; padding:36px 20px; }
.welcome-box .big-ico{ font-size:34px; color:#C94700; }
.welcome-box p{ color:#666; font-size:14px; margin:12px 0; line-height:26px; }
.welcome-box .link-group{ padding-left:0; }

/* ---------- 新闻公告（首页） ---------- */
.us-news-body{ padding:8px 18px 6px; }
.news-item{ padding:12px 0; border-bottom:1px dashed #E3D5B0; }
.news-item:last-child{ border-bottom:0; }
.news-head{ overflow:hidden; line-height:24px; }
.news-ico{ font-size:14px; color:#C94700; margin-right:6px; }
.news-title{ color:#8E2400; font-size:14px; font-weight:bold; }
.news-date{ float:right; color:#B98A5A; font-size:12px; padding-top:2px; }
.news-content{ color:#5a5044; font-size:13px; line-height:24px; margin-top:6px; padding:8px 12px; background:#FFF9EA; border:1px solid #F2E3C2; border-radius:4px; word-break:break-all; }
.news-empty{ color:#B98A5A; font-size:13px; padding:10px 0; text-align:center; }

/* ---------- 公告详情页 ---------- */
.news-detail{ padding:6px 4px; }
.news-detail-title{ color:#8E2400; font-size:17px; line-height:30px; padding-bottom:10px; border-bottom:1px solid #E3D5B0; text-align:center; }
.news-detail-date{ color:#B98A5A; font-size:12px; padding:10px 0 14px; }
.news-detail-content{ color:#4d4438; font-size:14px; line-height:28px; word-break:break-all; }
/* 公告正文图片自适应：不超出内容区宽度，等比缩放，居中显示 */
.news-detail-content img{ max-width:100%; height:auto; display:block; margin:10px auto; }
.news-detail-content a{ color:#C94700; text-decoration:underline; }
.news-detail-back{ margin-top:20px; padding-top:12px; border-top:1px solid #E3D5B0; }
.news-detail-back a{ color:#C94700; font-size:13px; }
.news-detail-back a:hover{ text-decoration:underline; }
/* 首页公告标题链接 */
.news-title a{ color:#8E2400; text-decoration:none; }
.news-title a:hover{ color:#C94700; text-decoration:underline; }

/* 首页公告：查看全部入口 */
.news-more{ margin:8px 0 0; text-align:right; border-top:1px dashed #EADFC4; padding-top:8px; }
.news-more a{ color:#C94700; font-size:12px; text-decoration:none; }
.news-more a:hover{ text-decoration:underline; }

/* 公告列表页：分页导航 */
.news-pager{ margin:12px 0 4px; text-align:center; }
.news-pager a, .news-pager-cur, .news-pager-dot{
    display:inline-block; min-width:26px; height:26px; line-height:26px;
    margin:0 2px; padding:0 6px; font-size:12px; text-align:center;
    border:1px solid #E3D5B0; background:#FFFDF6; color:#8E2400; text-decoration:none;
}
.news-pager a:hover{ background:#FFF3DA; border-color:#F8BE63; }
.news-pager-cur{ background:#F8BE63; color:#FFF; border-color:#F8BE63; font-weight:bold; }
.news-pager-dot{ border:none; background:none; color:#999; }
.news-pager-info{ margin-left:8px; font-size:12px; color:#999; }

/* ---------- 角色排行（未登录首页） ---------- */
.rank-table{ width:100%; border-collapse:collapse; }
.rank-table th{
    background:#FFF3DA; color:#8E2400; font-size:13px; font-weight:bold;
    padding:9px 10px; text-align:left; border:1px solid #E3D5B0;
}
.rank-table td{
    padding:8px 10px; border:1px solid #EADFC4;
    font-size:13px; color:#5a5044;
}
.rank-table tr:nth-child(even) td{ background:#FFFDF6; }
.rank-no{ color:#C94700; font-weight:bold; }
.rank-name{ font-weight:bold; color:#4d4438; }
.rank-lv{ color:#C94700; font-weight:bold; }
/* 前三名名次高亮 */
.rank-table tr:nth-child(2) .rank-no{ color:#F0A500; font-size:15px; }
.rank-table tr:nth-child(3) .rank-no{ color:#4F8AC9; font-size:15px; }
.rank-table tr:nth-child(4) .rank-no{ color:#B98A5A; font-size:15px; }

/* ---------- WEB商城 ---------- */
.shop-sub{ color:#B98A5A; font-size:11px; letter-spacing:2px; margin-left:8px; font-weight:normal; }
.shop-balance{ float:right; color:#C94700; font-weight:bold; font-size:12px; text-indent:0; padding-right:12px; }
.shop-header{ overflow:hidden; padding:6px 2px 10px; }
.shop-title-box h3{ color:#C94700; font-size:16px; line-height:26px; }
.shop-title-box .subtitle{ color:#B98A5A; font-size:11px; letter-spacing:2px; }
.shop-header-right{ float:right; padding-top:6px; color:#666; font-size:13px; }
.shop-header-right .shop-balance{ color:#C94700; font-weight:bold; }
.shop-items{ overflow:hidden; margin:0; padding:2px 8px 10px; border:1px solid #E0A050; border-radius:10px; background:rgba(255,255,255,0.04); }
.shop-card{
    float:left; width:31.5%; margin:8px 0.9%; box-sizing:border-box;
    border:1px solid #E0A050; background:#FFFEF0;
    border-radius:10px; box-shadow:0 2px 6px rgba(201,71,0,.08);
    transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
    padding-bottom:12px;
}
.shop-card:hover{ border-color:#C94700; box-shadow:0 6px 16px rgba(201,71,0,.20); transform:translateY(-3px); }
.shop-img{ width:100%; height:110px; text-align:center; overflow:hidden; background:#FFF; border-bottom:1px solid #EED5AE; position:relative; box-sizing:border-box; border-radius:9px 9px 0 0; }
.shop-img img{ width:100%; height:100%; display:block; object-fit:contain; transition:transform .25s ease; }
.shop-card:hover .shop-img img{ transform:scale(1.07); }
.shop-noimg{ line-height:110px; font-size:26px; color:#D8B98A; }
.shop-img-tip{
    position:absolute; left:0; right:0; bottom:0; background:rgba(80,40,0,.72);
    color:#FFF; font-size:11px; line-height:20px; padding:0 4px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.shop-name{ font-size:14px; font-weight:bold; color:#4A2A00; line-height:26px; margin:8px 10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.shop-name::before{ content:"◆"; color:#E0A050; margin-right:4px; font-size:10px; }
.shop-desc{ color:#A08A66; font-size:12px; line-height:20px; height:20px; margin:0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.shop-price{ margin:6px 10px 0; color:#C94700; font-size:15px; font-weight:bold; line-height:26px; }
.shop-price .price-ico{ color:#E0A050; }
.shop-stock{ margin:0 10px; color:#8A7A66; font-size:12px; line-height:22px; }
.shop-stock.soldout{ color:#CC0000; }
.buy-btn{
    margin:10px 10px 0; width:calc(100% - 20px); padding:7px 0; cursor:pointer;
    border:1px solid #C94700; background:linear-gradient(180deg,#FFB35C 0%,#E8822A 100%); color:#FFF;
    font-size:14px; font-weight:bold; font-family:"微软雅黑","宋体";
    border-radius:5px; text-shadow:0 1px 2px rgba(120,50,0,.35);
    box-shadow:0 2px 4px rgba(201,71,0,.25);
    transition:background .2s ease, box-shadow .2s ease;
}
.buy-btn:hover{ background:linear-gradient(180deg,#FFA94B 0%,#D97320 100%); box-shadow:0 3px 8px rgba(201,71,0,.35); }
.buy-btn[disabled], .soldout-btn[disabled]{ background:#D8C9B4; border-color:#B9A88E; color:#FFF; opacity:1; cursor:not-allowed; box-shadow:none; text-shadow:none; }

/* ---------- 积分兑换 / 转职 ---------- */
.exchange-row{
    border:1px solid #F8BE63; background:#FFF; margin:8px 0; padding:10px 12px; overflow:hidden;
}
.exchange-info{ float:left; color:#444; line-height:24px; font-size:13px; }
.exchange-info b{ color:#000; font-size:14px; }
.exchange-row form{ float:right; margin:4px 0 0 0; }
.exchange-row button{
    padding:4px 18px; cursor:pointer;
    border:1px solid #CC9966; background:#FFF3DC; color:#7A3E00;
    font-size:13px; font-family:"宋体";
}
.exchange-row button:hover{ background:#FFE9B8; }
.exchange-row button[disabled]{ opacity:.5; cursor:not-allowed; }

/* ---------- 页面小标题（注册/找回等主内容标题） ---------- */
.page-title{ font-size:16px; font-weight:bold; color:#C94700; line-height:32px; }
.page-title .subtitle{ color:#B98A5A; font-size:11px; letter-spacing:2px; font-weight:normal; }

/* ---------- 玩家截图 ---------- */
.us-shot-grid{ display:flex; flex-wrap:wrap; gap:12px; }
.us-shot-item{ width:150px; }
.us-shot-item a img{ width:150px; height:150px; object-fit:cover; border:1px solid #3a4150; border-radius:4px; display:block; background:#1d2129; }
.us-shot-item .us-shot-title{ font-size:13px; color:#ffd24a; margin:4px 0 0; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.us-shot-item .us-shot-meta{ font-size:12px; color:#8a909c; }

.us-rank-tbl{ width:100%; border-collapse:collapse; table-layout:fixed; }
.us-rank-tbl th{ background:#f6eee0; color:#513823; font-weight:bold; text-align:center; line-height:26px; height:26px; border-bottom:1px solid #D6D6D6; }
.us-rank-tbl th:nth-child(1){ width:34px; }
.us-rank-tbl th:nth-child(2){ width:auto; }
.us-rank-tbl th:nth-child(3){ width:52px; }
.us-rank-tbl th:nth-child(4){ width:38px; }
.us-rank-tbl td{ line-height:24px; height:24px; text-align:center; border-bottom:1px dashed #EEE; font-size:12px; }
.us-rank-tbl td.us-rank-no{ display:table-cell; float:none; width:34px; font-weight:bold; }
.us-rank-tbl td.us-rank-nm{ display:table-cell; float:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.us-rank-tbl td.us-rank-job{ display:table-cell; float:none; width:52px; color:#999; font-size:11px; }
.us-rank-tbl td.us-rank-lv{ display:table-cell; float:none; width:38px; color:#C94700; font-weight:bold; }

/* ---------- 角色排行页：职业筛选 ---------- */
.rank-filter{ }
.rank-filter a.rank-flt{ display:inline-block; padding:4px 14px; margin:0 6px 6px 0; border:1px solid #D6D6D6; background:#FFF; color:#513823; border-radius:3px; text-decoration:none; font-size:12px; }
.rank-filter a.rank-flt:hover{ background:#FFF3DC; border-color:#F8BE63; }
.rank-filter a.rank-flt.on{ background:#C94700; color:#FFF; border-color:#C94700; font-weight:bold; }

/* ---------- 角色排行页：11 列宽表 ---------- */
.rank-tbl{ width:100%; border-collapse:collapse; table-layout:fixed; }
.rank-tbl th{ background:linear-gradient(180deg,#FFF6E6 0%,#FFE9B8 100%); color:#513823; font-weight:bold; text-align:center; line-height:26px; height:26px; border-bottom:1px solid #D6D6D6; font-size:12px; }
.rank-tbl th:nth-child(1){ width:36px; }
.rank-tbl th:nth-child(2){ width:15%; }
.rank-tbl th:nth-child(3){ width:46px; }
.rank-tbl th:nth-child(4){ width:36px; }
.rank-tbl th:nth-child(5), .rank-tbl th:nth-child(6), .rank-tbl th:nth-child(7), .rank-tbl th:nth-child(8), .rank-tbl th:nth-child(9), .rank-tbl th:nth-child(10){ width:34px; }
.rank-tbl th:nth-child(11){ width:46px; }
.rank-tbl td{ line-height:23px; height:23px; text-align:center; border-bottom:1px dashed #EEE; font-size:11px; }
.rank-tbl td.rank-no{ font-weight:bold; }
.rank-tbl td.rank-nm{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rank-tbl td.rank-job{ color:#999; }
.rank-tbl td.rank-lv{ color:#C94700; font-weight:bold; }
.rank-tbl td.rank-at{ color:#333; }
.rank-tbl td.rank-st{ font-size:11px; }
.rank-tbl .rank-on{ color:#1FA04C; font-weight:bold; }
.rank-tbl .rank-off{ color:#999; }

/* ---------- 幸运抽奖：九宫格 ---------- */
.lot-top{ text-align:center; margin:6px 0 14px; }
.lot-top-item{ display:inline-block; margin:0 14px; color:#4A2A00; font-size:14px; }
.lot-top-item b{ color:#C94700; font-size:16px; }
.lot-grid{
    display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;
    max-width:540px; margin:0 auto 14px;
}
.lot-cell{
    background:linear-gradient(180deg,#FFFDF4 0%,#FFF3DC 100%);
    border:1px solid #E0A050; border-radius:10px; text-align:center;
    padding:14px 6px; min-height:78px; box-sizing:border-box;
    box-shadow:0 2px 6px rgba(201,71,0,.08);
    transition:all .12s ease;
}
.lot-cell .lot-ico{ display:block; color:#E0A050; font-size:18px; line-height:22px; }
.lot-cell .lot-name{ display:block; color:#4A2A00; font-size:13px; font-weight:bold; line-height:20px; margin-top:4px; }
.lot-cell .lot-pct{ display:block; color:#B98A5A; font-size:11px; line-height:16px; }
.lot-cell.empty{ background:#F7F1E4; border-style:dashed; }
.lot-cell.empty .lot-name{ color:#A08A66; }
.lot-cell.on{
    border:2px solid #FFB35C;
    background:linear-gradient(180deg,#FFE9B8 0%,#FFD98A 100%);
    box-shadow:0 0 14px rgba(255,150,30,.55);
    transform:scale(1.04);
}
.lot-cell.on .lot-ico{ color:#C94700; }
.lot-cell.on .lot-name{ color:#C94700; }
.lot-btn{
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    background:linear-gradient(180deg,#FFB35C 0%,#E8822A 100%);
    border:1px solid #C94700; border-radius:12px; color:#FFF; cursor:pointer;
    font-size:18px; font-weight:bold; text-shadow:0 1px 2px rgba(120,50,0,.35);
    box-shadow:0 3px 8px rgba(201,71,0,.3);
    min-height:78px; user-select:none; transition:all .15s ease;
}
.lot-btn .lot-btn-sub{ font-size:11px; font-weight:normal; opacity:.92; margin-top:2px; }
.lot-btn:hover{ background:linear-gradient(180deg,#FFA94B 0%,#D97320 100%); transform:scale(1.03); }
.lot-btn.disabled{ background:#C8B79A; border-color:#A08A66; cursor:not-allowed; box-shadow:none; }
.lot-char-row{ text-align:center; margin:4px 0 0; color:#4A2A00; font-size:13px; }
.lot-char-row .job-select{ max-width:280px; }
.lot-result{ margin-top:12px; }