/* 霹雳墨香游戏网站 - 主样式表 */
* { margin:0; padding:0; box-sizing:border-box; }

body {
    background-color: #0d0500;
    color: #c8a96e;
    font-family: "微软雅黑","宋体",Arial,sans-serif;
    font-size: 14px;
    min-width: 960px;
}

a { color:#c8a96e; text-decoration:none; }
a:hover { color:#f5d98a; text-decoration:none; }

/* ===== 顶部导航 ===== */
#header {
    background: linear-gradient(180deg,#1a0800 0%,#2a0e00 60%,#1a0800 100%);
    border-bottom: 2px solid #7a4a10;
    position: relative;
    z-index: 100;
}
#header .header-inner {
    width: 960px; margin:0 auto;
    display:flex; align-items:center; justify-content:space-between;
    height: 82px;
}
#logo {
    display:flex;
    align-items:center;
    flex-shrink:0;
}
.site-logo-link {
    display:flex;
    align-items:center;
    gap:13px;
    line-height:1;
    overflow:visible;
}
.site-logo-link:hover {
    opacity:0.98;
}
.site-logo-mark {
    width:52px;
    height:66px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    filter:drop-shadow(0 0 16px rgba(255,191,65,0.38)) drop-shadow(0 4px 12px rgba(0,0,0,0.52));
}
.site-logo-image {
    display:block;
    width:48px;
    height:62px;
    max-width:none;
}
.site-logo-text {
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    padding-top:1px;
    padding-bottom:2px;
}
.site-logo-text::before {
    content:'';
    position:absolute;
    left:16px;
    top:1px;
    width:224px;
    height:10px;
    background:linear-gradient(90deg,rgba(255,213,97,0.08) 0%,rgba(255,146,38,0.30) 40%,rgba(186,42,0,0.48) 72%,rgba(88,10,0,0) 100%);
    transform:skewX(-26deg) rotate(-3deg);
    border-radius:24px;
    box-shadow:0 0 16px rgba(255,120,24,0.14);
    z-index:0;
}
.site-logo-text::after {
    content:'';
    position:absolute;
    left:5px;
    bottom:-1px;
    width:168px;
    height:1px;
    background:linear-gradient(90deg,rgba(255,223,121,0.88) 0%,rgba(255,141,41,0.72) 58%,rgba(120,20,0,0) 100%);
    box-shadow:0 0 8px rgba(255,157,52,0.22);
    z-index:0;
}
.site-logo-title {
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-end;
    gap:7px;
    white-space:nowrap;
    font-family:"Microsoft YaHei UI","Microsoft YaHei","SimHei",sans-serif;
    font-size:38px;
    font-weight:900;
    letter-spacing:1px;
    line-height:0.98;
}
.site-logo-title .storm {
    color:#ffe58f;
    text-shadow:0 0 12px rgba(255,206,82,0.20), 0 2px 0 rgba(102,26,0,0.95), 0 4px 10px rgba(0,0,0,0.42), 0 0 1px rgba(255,249,215,0.72);
}
.site-logo-title .mso {
    color:#f5c95a;
    text-shadow:0 0 10px rgba(255,187,58,0.18), 0 2px 0 rgba(76,20,0,0.96), 0 4px 10px rgba(0,0,0,0.46), 0 0 1px rgba(255,240,168,0.64);
}
.site-logo-sub {
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:flex-end;
    gap:2px;
    width:max-content;
    padding-left:4px;
    white-space:nowrap;
}
.site-logo-sub::after {
    content:'';
    position:absolute;
    left:4px;
    right:0;
    bottom:-2px;
    height:1px;
    background:linear-gradient(90deg,rgba(255,223,121,0.72) 0%,rgba(255,153,50,0.58) 48%,rgba(120,20,0,0) 100%);
    box-shadow:0 0 8px rgba(255,157,52,0.16);
    z-index:0;
}
.site-logo-sub-prefix {
    font-family:"Georgia","Trebuchet MS","Segoe UI","Verdana",Arial,sans-serif;
    font-size:11px;
    font-weight:700;
    font-style:italic;
    color:#f2ba56;
    letter-spacing:1px;
    text-transform:uppercase;
    text-shadow:0 0 6px rgba(255,196,80,0.12);
}
.site-logo-sub-main {
    font-family:"Georgia","Candara","Segoe UI","Trebuchet MS","Verdana",Arial,sans-serif;
    font-size:14px;
    font-weight:800;
    font-style:italic;
    color:#ffd98a;
    letter-spacing:0.5px;
    line-height:1;
    text-shadow:0 0 8px rgba(255,210,108,0.14), 0 1px 0 rgba(72,22,0,0.72);
}

#nav { display:flex; align-items:center; gap:0; }
#nav a {
    color:#c8a96e; font-size:14px; padding:0 14px; height:82px;
    line-height:82px; display:block; position:relative;
    transition: color 0.2s;
}
#nav a:hover, #nav a.active { color:#f5d98a; }
#nav a.active::after {
    content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%);
    width:30px; height:2px; background:#d4af37;
}
#nav .btn-register {
    background: linear-gradient(135deg,#8b1a1a,#c0392b);
    color:#fff; border-radius:4px; margin-left:16px;
    padding:0 20px; height:38px; line-height:38px;
    font-weight:bold; margin-top:0;
    box-shadow:0 2px 8px rgba(192,57,43,0.5);
    transition: all 0.2s;
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
}
#nav .btn-register:hover {
    background: linear-gradient(135deg,#a0201f,#e74c3c);
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(192,57,43,0.7);
}


/* ===== 首页Banner ===== */
#banner {
    background: linear-gradient(135deg,#0d0500 0%,#1a0800 40%,#250e00 100%);
    border-bottom: 1px solid #4a2a00;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
}
#banner::before {
    content:'';
    position:absolute; top:0;left:0;right:0;bottom:0;
    background: radial-gradient(ellipse at 70% 50%, rgba(139,69,19,0.15) 0%, transparent 70%);
}
.banner-inner {
    width:960px; margin:0 auto;
    display:flex; align-items:center; justify-content:space-between;
    position:relative; z-index:1;
}
.banner-text { flex:1; }
.banner-slogan {
    font-size:12px; color:#7a5a2a; letter-spacing:6px;
    margin-bottom:12px; text-transform:uppercase;
}
.banner-title {
    font-size:56px; font-weight:bold; line-height:1.1;
    color:#d4af37;
    text-shadow: 0 0 20px rgba(212,175,55,0.4), 2px 2px 4px rgba(0,0,0,0.8);
    margin-bottom:20px;
}
.banner-title span { color:#f5d98a; }
.banner-desc {
    font-size:14px; color:#8a6a3a; line-height:1.8;
    max-width:420px; margin-bottom:32px;
    border-left:2px solid #4a2a00; padding-left:12px;
}
.banner-btns { display:flex; gap:12px; }
.btn-download {
    background: linear-gradient(135deg,#8b1a1a,#c0392b);
    color:#fff; padding:12px 28px; border-radius:4px;
    font-size:15px; font-weight:bold;
    box-shadow:0 2px 12px rgba(192,57,43,0.4);
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    transition:all 0.2s;
    text-decoration:none;
}
.btn-download:hover {
    color:#fff; transform:translateY(-2px);
    box-shadow:0 4px 16px rgba(192,57,43,0.6);
}
.btn-register2 {
    border: 1px solid #4a2a00;
    color:#c8a96e; padding:12px 28px; border-radius:4px;
    font-size:15px; font-weight:bold;
    background:transparent; display:inline-block; transition:all 0.2s;
}
.btn-register2:hover {
    border-color:#d4af37; color:#f5d98a;
    background:rgba(212,175,55,0.08);
}

/* ===== 登录框 ===== */
.login-box {
    background: linear-gradient(180deg,#1e0c00,#150800);
    border:1px solid #4a2a00; border-radius:6px;
    width:280px; padding:20px;
    box-shadow:0 4px 20px rgba(0,0,0,0.8);
}
.login-box h3 {
    text-align:center; color:#d4af37; font-size:15px;
    margin-bottom:16px; padding-bottom:10px;
    border-bottom:1px solid #3a1a00;
}
.login-box h3::before { content:""; }
.form-group { margin-bottom:12px; }
.form-group label { display:block; font-size:12px; color:#7a5a2a; margin-bottom:4px; }
.form-control {
    width:100%; padding:8px 10px;
    background:#0d0500; border:1px solid #3a1800;
    color:#c8a96e; border-radius:3px; font-size:13px;
    outline:none; transition: border-color 0.2s;
    font-family:inherit;
}
.form-control:focus { border-color:#7a4a10; }
.verify-row { display:flex; gap:8px; }
.verify-row .form-control { flex:1; }
.verify-img {
    height:34px; border:1px solid #3a1800; border-radius:3px;
    cursor:pointer;
}
.btn-login {
    width:100%; padding:10px;
    background: linear-gradient(135deg,#8b1a1a,#c0392b);
    color:#fff; border:none; border-radius:4px;
    font-size:15px; font-weight:bold; cursor:pointer;
    margin-top:6px; transition:all 0.2s;
}
.btn-login:hover { background:linear-gradient(135deg,#a0201f,#e74c3c); }
.login-links {
    display:flex; justify-content:space-between;
    margin-top:10px; font-size:12px; color:#5a3a10;
}
.login-links a { color:#5a3a10; }
.login-links a:hover { color:#c8a96e; }
.member-panel {
    display:flex;
    flex-direction:column;
    gap:10px;
}
.member-welcome {
    background:rgba(212,175,55,0.08);
    border:1px solid rgba(212,175,55,0.16);
    color:#f5d98a;
    border-radius:4px;
    padding:10px 12px;
    font-size:13px;
    line-height:1.6;
}
.member-welcome strong {
    color:#fff3c2;
    font-size:15px;
}
.member-line {
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#150800;
    border:1px solid #2a1000;
    border-radius:4px;
    padding:8px 10px;
    font-size:12px;
    gap:12px;
}
.member-line span { color:#7a5a2a; }
.member-line em {
    font-style:normal;
    color:#d4af37;
    text-align:right;
}
.member-actions {
    display:flex;
    gap:8px;
    margin-top:4px;
}
.btn-member-link,
.btn-logout {
    flex:1;
    display:block;
    text-align:center;
    border-radius:4px;
    padding:9px 8px;
    font-size:12px;
    font-weight:bold;
    transition:all 0.2s;
}
.btn-member-link {
    background:#1b0b00;
    border:1px solid #5a3410;
    color:#d4af37;
}
.btn-member-link:hover {
    color:#f5d98a;
    border-color:#8d5b1a;
    background:#241000;
}
.btn-logout {
    background:linear-gradient(135deg,#8b1a1a,#c0392b);
    border:1px solid #c0392b;
    color:#fff;
}
.btn-logout:hover {
    color:#fff;
    background:linear-gradient(135deg,#a0201f,#e74c3c);
}

/* ===== 统计栏 ===== */
#stats-bar {
    background: linear-gradient(180deg,#130600,#1a0800);
    border-bottom:1px solid #3a1800; padding:20px 0;
}
.stats-inner {
    width:960px; margin:0 auto;
    display:flex; gap:1px;
}
.stat-item {
    flex:1; text-align:center; padding:16px;
    background:linear-gradient(180deg,#1e0c00,#150800);
    border:1px solid #3a1800; border-radius:4px;
    margin:0 4px;
}
.stat-icon { font-size:28px; margin-bottom:8px; color:#d4af37; }
.stat-num {
    font-size:30px; font-weight:bold; color:#d4af37;
    font-family:Arial,sans-serif;
}
.stat-label { font-size:12px; color:#5a3a10; margin-top:4px; }

/* ===== 滚动公告 ===== */
#notice-bar {
    background:#1a0800; border:1px solid #3a1800;
    padding:8px 12px; margin:12px auto; width:960px;
    border-radius:4px; position:relative;
    overflow:hidden;
    height:44px;
}
.notice-tag {
    background:#8b1a1a; color:#fff; font-size:11px;
    padding:2px 8px; border-radius:2px; white-space:nowrap;
    position:absolute; left:12px; top:50%;
    transform:translateY(-50%);
    z-index:3;
}
.notice-track {
    display:block;
    overflow:hidden;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:12px;
    height:20px;
    z-index:1;
}
.notice-stage {
    position:relative; overflow:hidden; width:100%;
    height:20px; line-height:20px;
}
.notice-text {
    position:absolute; left:0; top:0;
    display:inline-block;
    color:#c8a96e; font-size:13px; white-space:nowrap;
    will-change:transform;
}

/* ===== 主内容区 ===== */
#main { width:960px; margin:0 auto; padding:16px 0 30px; display:flex; gap:16px; }
.main-left { flex:1; }
.main-right { width:220px; flex-shrink:0; }

/* ===== 新闻模块 ===== */
.section-box {
    background:linear-gradient(180deg,#1e0c00,#150800);
    border:1px solid #3a1800; border-radius:4px;
    margin-bottom:16px; overflow:hidden;
}
.section-title {
    padding:10px 16px; background:linear-gradient(90deg,#2a0e00,#1a0800);
    border-bottom:1px solid #3a1800;
    font-size:14px; font-weight:bold; color:#d4af37;
    display:flex; align-items:center; gap:8px;
}
.section-title::before {
    content:''; display:inline-block; width:3px; height:16px;
    background:#c0392b; border-radius:2px;
}

.news-tabs {
    display:flex; border-bottom:1px solid #3a1800; padding:0 12px;
}
.news-tab {
    padding:8px 16px; font-size:13px; color:#7a5a2a;
    cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px;
    transition: all 0.2s;
}
.news-tab.active, .news-tab:hover { color:#d4af37; border-bottom-color:#d4af37; }

.news-list { padding:8px 0; }
.news-item {
    display:flex; align-items:center; justify-content:space-between;
    padding:7px 16px; border-bottom:1px solid #1e0800;
    transition:background 0.15s;
}
.news-item:hover { background:rgba(212,175,55,0.05); }
.news-item:last-child { border-bottom:none; }
.news-badge {
    background:#8b1a1a; color:#fff; font-size:11px;
    padding:1px 6px; border-radius:2px; margin-right:8px;
    flex-shrink:0;
}
.news-title-link {
    color:#c8a96e; font-size:13px; flex:1;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.news-title-link:hover { color:#f5d98a; }
.news-date { color:#4a2a00; font-size:12px; flex-shrink:0; margin-left:8px; }

/* ===== 下载区 ===== */
.download-section { padding:16px; }
.download-tip { color:#5a3a10; font-size:12px; margin-bottom:12px; }
.download-cards { display:flex; gap:10px; }
.download-card {
    flex:1; text-align:center; padding:16px 8px;
    background:linear-gradient(180deg,#1a0800,#0d0500);
    border:1px solid #3a1800; border-radius:4px;
    cursor:pointer; transition:all 0.2s;
}
.download-card:hover {
    border-color:#7a4a10;
    background:linear-gradient(180deg,#220e00,#150800);
    transform:translateY(-2px);
}
.download-card .icon { font-size:36px; margin-bottom:10px; color:#d4af37; }
.download-card .name { color:#d4af37; font-size:13px; font-weight:bold; margin-bottom:4px; }
.download-card .size { color:#5a3a10; font-size:11px; }

/* ===== 右侧边栏 ===== */
.sidebar-box {
    background:linear-gradient(180deg,#1e0c00,#150800);
    border:1px solid #3a1800; border-radius:4px;
    margin-bottom:12px; overflow:hidden;
}
.sidebar-title {
    padding:8px 12px;
    background:linear-gradient(90deg,#2a0e00,#1a0800);
    border-bottom:1px solid #3a1800;
    font-size:13px; font-weight:bold; color:#d4af37;
    display:flex; align-items:center; gap:6px;
}
.sidebar-title .fa { font-size:13px; opacity:0.85; }

/* 快速导航 */
.quick-nav { display:flex; flex-wrap:wrap; padding:8px; gap:4px; }
.quick-nav-item {
    width:calc(50% - 2px); text-align:center; padding:10px 4px;
    background:#150800; border:1px solid #2a1000;
    border-radius:3px; cursor:pointer; transition:all 0.15s;
    display:flex; flex-direction:column; align-items:center; gap:4px;
}
.quick-nav-item:hover { border-color:#7a4a10; background:#1e0c00; }
.quick-nav-item .qn-icon { font-size:22px; color:#d4af37; margin-bottom:4px; }
.quick-nav-item .qn-label { font-size:12px; color:#8a6a3a; }

/* 服务器状态 */
.server-list { padding:8px 12px; }
.server-item {
    display:flex; align-items:center; justify-content:space-between;
    padding:6px 0; border-bottom:1px solid #1e0800; font-size:13px;
}
.server-item:last-child { border-bottom:none; }
.server-dot { width:8px; height:8px; border-radius:50%; display:inline-block; margin-right:4px; }
.dot-green { background:#2ecc71; box-shadow:0 0 6px #2ecc71; }
.dot-yellow { background:#f39c12; box-shadow:0 0 6px #f39c12; }
.dot-red { background:#e74c3c; box-shadow:0 0 6px #e74c3c; }
.server-online {
    text-align:center; padding:8px;
    font-size:24px; font-weight:bold; color:#d4af37;
}
.server-online .sub { font-size:11px; color:#5a3a10; }

/* 英雄排行 */
.rank-list { padding:8px 12px; }
.rank-item {
    display:flex; align-items:center; gap:8px;
    padding:7px 0; border-bottom:1px solid #1e0800; font-size:13px;
}
.rank-item:last-child { border-bottom:none; }
.rank-num {
    width:20px; height:20px; line-height:20px; text-align:center;
    border-radius:50%; font-size:12px; font-weight:bold; flex-shrink:0;
}
.rank-num.top1 { background:#d4af37; color:#000; }
.rank-num.top2 { background:#aaa; color:#000; }
.rank-num.top3 { background:#cd7f32; color:#000; }
.rank-num.other { background:#2a1000; color:#7a5a2a; }
.rank-name { flex:1; color:#c8a96e; }
.rank-class { color:#5a3a10; font-size:11px; }
.rank-level { color:#d4af37; font-size:12px; }

/* ===== 页脚 ===== */
#footer {
    background: linear-gradient(180deg,#1a0800,#0d0500);
    border-top:1px solid #2a1000; padding:24px 0 16px;
    text-align:center;
}
.footer-name { font-size:20px; color:#d4af37; font-weight:bold; margin-bottom:12px; letter-spacing:4px; }
.footer-links { display:flex; justify-content:center; gap:20px; margin-bottom:16px; }
.footer-links a { color:#5a3a10; font-size:12px; }
.footer-links a:hover { color:#c8a96e; }
.footer-copy { color:#3a1a00; font-size:11px; line-height:1.8; }

/* ===== 内页通用 ===== */
.page-banner {
    background:linear-gradient(135deg,#1a0800,#0d0500);
    border-bottom:1px solid #3a1800; padding:16px 0;
}
.page-banner-inner {
    width:960px; margin:0 auto;
    display:flex; align-items:center; gap:8px;
}
.page-banner-inner h2 { color:#d4af37; font-size:18px; }
.page-banner-inner .sep { color:#3a1800; }

.content-wrap { width:960px; margin:20px auto; }

/* ===== 注册页面 ===== */
.reg-box {
    max-width:520px; margin:0 auto;
    background:linear-gradient(180deg,#1e0c00,#150800);
    border:1px solid #3a1800; border-radius:6px; padding:30px 36px;
}
.reg-box h2 {
    text-align:center; color:#d4af37; font-size:18px;
    margin-bottom:24px; padding-bottom:14px;
    border-bottom:1px solid #3a1800;
}
.reg-form .form-group { margin-bottom:16px; }
.reg-form label { display:block; color:#8a6a3a; font-size:13px; margin-bottom:6px; }
.form-tip {
    color:#6f5125;
    font-size:12px;
    margin-top:6px;
    line-height:1.8;
}
.readonly-field {
    background:#140700;
    color:#f0d38b;
}
.inline-actions {
    display:flex;
    gap:12px;
    margin-top:16px;
}
.inline-actions .btn-submit {
    width:auto;
    min-width:180px;
    padding:12px 24px;
}
.inline-actions .btn-submit.pay-action-secondary {
    background:linear-gradient(135deg,#4d2500,#6a3c00);
    box-shadow:none;
}
.inline-actions .btn-submit.pay-action-secondary:hover {
    background:linear-gradient(135deg,#6a3000,#8b4a00);
}
.text-link-row {
    text-align:center;
    margin-top:12px;
    font-size:12px;
    color:#4a2a00;
}
.text-link-row a {
    color:#d4af37;
}
.user-center-intro {
    background:rgba(212,175,55,0.08);
    border:1px solid rgba(212,175,55,0.14);
    color:#b99252;
    border-radius:4px;
    padding:12px 14px;
    line-height:1.9;
    font-size:13px;
    margin-bottom:18px;
}
.user-summary-grid {
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}
.user-summary-card {
    background:linear-gradient(180deg,#160900,#120600);
    border:1px solid #3a1800;
    border-radius:6px;
    padding:16px 18px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
}
.user-summary-card .label {
    display:block;
    color:#7f5c2b;
    font-size:12px;
    margin-bottom:8px;
}
.user-summary-card .value {
    color:#f2d27c;
    font-size:24px;
    font-weight:bold;
    line-height:1.3;
}
.user-summary-card .sub {
    color:#8a6a3a;
    font-size:12px;
    margin-top:8px;
    line-height:1.7;
}
.status-online {
    color:#2ecc71;
}
.status-offline {
    color:#e67e22;
}
.user-center-actions {
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:16px;
    margin-top:20px;
}
.user-action-card {
    display:block;
    background:linear-gradient(180deg,#1e0c00,#150800);
    border:1px solid #3a1800;
    border-radius:6px;
    padding:20px 18px;
    min-height:176px;
    transition:all 0.2s;
    box-shadow:0 8px 22px rgba(0,0,0,0.18);
}
.user-action-card:hover {
    border-color:#8b4a00;
    transform:translateY(-3px);
    box-shadow:0 12px 26px rgba(0,0,0,0.26);
}
.user-action-icon {
    width:56px;
    height:56px;
    border-radius:14px;
    background:linear-gradient(135deg,#7f1717,#c0392b);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    margin-bottom:16px;
    box-shadow:0 8px 18px rgba(192,57,43,0.28);
}
.user-action-title {
    color:#f0d38b;
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}
.user-action-desc {
    color:#8f6a34;
    font-size:13px;
    line-height:1.9;
}
.user-center-section {
    margin-top:20px;
}
.user-center-section .section-title {
    border-bottom:1px solid #3a1800;
}
.reg-form .form-control { width:100%; }
.reg-form .form-tip { font-size:11px; color:#4a2a00; margin-top:4px; }
.btn-submit {
    width:100%; padding:12px;
    background:linear-gradient(135deg,#8b1a1a,#c0392b);
    color:#fff; border:none; border-radius:4px;
    font-size:15px; font-weight:bold; cursor:pointer;
    margin-top:8px; transition:all 0.2s;
    display:flex; align-items:center; justify-content:center; gap:10px;
    box-shadow:0 2px 12px rgba(192,57,43,0.35);
    text-decoration:none;
}
.btn-submit:hover {
    background:linear-gradient(135deg,#a0201f,#e74c3c);
    box-shadow:0 4px 16px rgba(192,57,43,0.55);
    transform:translateY(-2px);
}
.alert {
    padding:10px 14px; border-radius:4px; margin-bottom:14px; font-size:13px;
}
.alert-error { background:rgba(192,57,43,0.2); border:1px solid #8b1a1a; color:#e74c3c; }
.alert-success { background:rgba(46,204,113,0.1); border:1px solid #27ae60; color:#2ecc71; }
.pay-intro {
    margin-bottom:16px;
    padding:12px 14px;
    background:rgba(212,175,55,0.08);
    border:1px solid rgba(212,175,55,0.18);
    border-radius:4px;
    color:#c8a96e;
    line-height:1.8;
    font-size:12px;
}
.pay-actions {
    display:flex;
    gap:12px;
    margin-top:18px;
}
.pay-action-link {
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
}
.pay-action-secondary {
    background:linear-gradient(135deg,#2a1000,#4a2a00);
}
.pay-action-secondary:hover {
    background:linear-gradient(135deg,#3a1600,#603400);
}

.user-center-page .section-box {
    overflow:visible;
}
.user-center-body {
    padding:22px;
}
.user-center-hero {
    position:relative;
    overflow:hidden;
    padding:24px 26px;
    border:1px solid #4a2200;
    border-radius:8px;
    background:linear-gradient(135deg,#241004 0%,#1a0900 55%,#110500 100%);
    box-shadow:0 12px 30px rgba(0,0,0,0.28);
}
.user-center-hero:before {
    content:'';
    position:absolute;
    top:-40px;
    right:-30px;
    width:220px;
    height:220px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(212,175,55,0.18) 0%, rgba(212,175,55,0) 72%);
}
.user-center-hero-main {
    float:left;
    width:62%;
    position:relative;
    z-index:1;
}
.user-center-hero-main h2 {
    color:#f5d98a;
    font-size:34px;
    line-height:1.25;
    margin-bottom:12px;
}
.user-center-hero-main h2 span {
    color:#fff4c8;
}
.user-center-hero-main p {
    color:#a98043;
    line-height:1.9;
    font-size:13px;
}
.hero-kicker {
    color:#7a5a2a;
    font-size:11px;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:10px;
}
.user-hero-tags {
    overflow:hidden;
    margin-top:18px;
}
.user-hero-tags span {
    float:left;
    margin:0 10px 10px 0;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(212,175,55,0.10);
    border:1px solid rgba(212,175,55,0.16);
    color:#e7c778;
    font-size:12px;
    line-height:1;
}
.user-hero-tags .fa {
    margin-right:6px;
}
.user-hero-tags span.status-online {
    color:#d7f8cb;
    background:rgba(46,204,113,0.12);
    border-color:rgba(46,204,113,0.25);
}
.user-hero-tags span.status-offline {
    color:#ffe0bb;
    background:rgba(230,126,34,0.12);
    border-color:rgba(230,126,34,0.25);
}
.user-center-hero-side {
    float:right;
    width:31%;
    position:relative;
    z-index:1;
    padding:18px 18px 20px;
    border-radius:8px;
    background:rgba(10,4,0,0.34);
    border:1px solid rgba(212,175,55,0.12);
}
.hero-side-title {
    color:#f2d27c;
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}
.hero-side-text {
    color:#95703a;
    font-size:12px;
    line-height:1.9;
}
.hero-side-link {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:16px;
    padding:10px 16px;
    border-radius:999px;
    background:linear-gradient(135deg,#8b1a1a,#c0392b);
    color:#fff;
    box-shadow:0 6px 16px rgba(192,57,43,0.28);
}
.hero-side-link:hover {
    color:#fff;
    transform:translateY(-1px);
}
.user-center-block {
    margin-top:22px;
}
.user-center-block .section-title {
    border:1px solid #3a1800;
    border-radius:6px;
    margin-bottom:16px;
}
.user-card-grid,
.user-center-action-grid {
    margin:0 -8px;
    overflow:hidden;
}
.user-card-col,
.user-center-action-col {
    float:left;
    padding:0 8px 16px;
}
.user-col-6 {
    width:50%;
}
.user-col-4 {
    width:33.3333%;
}
.user-info-card {
    position:relative;
    min-height:162px;
    padding:20px 20px 18px 82px;
    border-radius:8px;
    border:1px solid #3a1800;
    background:linear-gradient(180deg,#1a0900,#120500);
    box-shadow:0 8px 22px rgba(0,0,0,0.16);
    overflow:hidden;
}
.user-info-card:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:#c88c2b;
}
.user-info-icon {
    position:absolute;
    left:20px;
    top:22px;
    width:44px;
    height:44px;
    border-radius:14px;
    background:linear-gradient(135deg,#7f1717,#c0392b);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    box-shadow:0 8px 16px rgba(192,57,43,0.22);
}
.user-info-label {
    color:#7f5d2f;
    font-size:12px;
    margin-bottom:10px;
}
.user-info-value {
    color:#f5d98a;
    font-size:28px;
    font-weight:bold;
    line-height:1.25;
    word-break:break-all;
}
.user-info-value-sm {
    font-size:22px;
}
.user-info-sub {
    margin-top:10px;
    color:#9a733c;
    font-size:12px;
    line-height:1.8;
}
.user-info-sub .status-online {
    color:#71e3a0;
}
.user-info-sub .status-offline {
    color:#ffb870;
}
.user-info-card.accent-account:before {
    background:#c0392b;
}
.user-info-card.accent-level:before {
    background:#d4af37;
}
.user-info-card.accent-point:before {
    background:#d68910;
}
.user-info-card.accent-gold:before {
    background:#f1c40f;
}
.user-info-card.security-card:before {
    background:#9b3d22;
}
.user-center-action-col {
    width:25%;
}
.user-center-action-card {
    position:relative;
    display:block;
    min-height:214px;
    padding:24px 22px 50px;
    border-radius:8px;
    border:1px solid #3a1800;
    background:linear-gradient(180deg,#1c0b00,#120500);
    box-shadow:0 10px 24px rgba(0,0,0,0.18);
    transition:all 0.2s;
}
.user-center-action-card:hover {
    border-color:#8b4a00;
    transform:translateY(-3px);
    box-shadow:0 14px 30px rgba(0,0,0,0.26);
}
.user-center-action-icon {
    width:58px;
    height:58px;
    border-radius:16px;
    background:linear-gradient(135deg,#8b1a1a,#c0392b);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    box-shadow:0 10px 18px rgba(192,57,43,0.24);
}
.user-center-action-title {
    color:#f3d488;
    font-size:18px;
    font-weight:bold;
    margin:18px 0 10px;
}
.user-center-action-desc {
    color:#8d6732;
    font-size:13px;
    line-height:1.9;
}
.user-center-action-link {
    position:absolute;
    left:22px;
    bottom:18px;
    color:#f5d98a;
    font-size:12px;
    font-weight:bold;
}
.user-center-action-link .fa {
    margin-left:6px;
}
/* ===== 新闻详情页 ===== */
.news-detail-box {
    background:linear-gradient(180deg,#1e0c00,#150800);
    border:1px solid #3a1800; border-radius:4px; padding:24px;
}
.news-detail-title { font-size:20px; color:#d4af37; margin-bottom:12px; line-height:1.4; }
.news-detail-meta { color:#5a3a10; font-size:12px; margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid #2a1000; }
.news-detail-content { color:#c8a96e; line-height:1.9; font-size:14px; }
.news-detail-content p { margin-bottom:12px; }

/* ===== 分页 ===== */
.pager { display:flex; justify-content:center; gap:6px; padding:16px 0; }
.pager a, .pager span {
    padding:5px 12px; border-radius:3px;
    border:1px solid #3a1800; font-size:13px;
    transition:all 0.15s;
}
.pager a { color:#c8a96e; }
.pager a:hover { border-color:#7a4a10; color:#f5d98a; }
.pager .current { background:#8b1a1a; border-color:#8b1a1a; color:#fff; }

/* ===== 管理后台 ===== */
.admin-wrap { min-height:100vh; background:#f5f5f5; }
.admin-header {
    background:linear-gradient(135deg,#1a0800,#2a0e00);
    padding:0 20px; height:50px; display:flex;
    align-items:center; justify-content:space-between;
}
.admin-header .brand { color:#d4af37; font-size:16px; font-weight:bold; }
.admin-header .logout { color:#c8a96e; font-size:13px; }
.admin-header .logout:hover { color:#f5d98a; }
.admin-layout { display:flex; }
.admin-sidebar {
    width:180px; background:#2c2c2c; min-height:calc(100vh - 50px);
    padding:16px 0; flex-shrink:0;
}
.admin-menu-group { margin-bottom:8px; }
.admin-menu-group-title {
    padding:6px 16px; color:#888; font-size:11px; text-transform:uppercase;
    letter-spacing:1px;
}
.admin-menu-item {
    display:block; padding:9px 16px 9px 24px;
    color:#ccc; font-size:13px; transition:all 0.15s;
}
.admin-menu-item:hover, .admin-menu-item.active {
    background:#3a3a3a; color:#fff;
}
.admin-content { flex:1; padding:20px; }
.admin-card {
    background:#fff; border-radius:4px; box-shadow:0 1px 4px rgba(0,0,0,0.1);
    margin-bottom:16px; overflow:hidden;
}
.admin-card-header {
    padding:12px 16px; background:#f9f9f9; border-bottom:1px solid #eee;
    font-size:15px; font-weight:bold; color:#333;
    display:flex; align-items:center; justify-content:space-between;
}
.admin-card-body { padding:16px; }
.admin-table { width:100%; border-collapse:collapse; font-size:13px; }
.admin-table th {
    background:#f5f5f5; padding:10px 12px; text-align:left;
    border-bottom:2px solid #ddd; color:#555; font-weight:bold;
}
.admin-table td {
    padding:9px 12px; border-bottom:1px solid #f0f0f0; color:#444;
    vertical-align:middle;
}
.admin-table tr:hover td { background:#fafafa; }
.btn-sm {
    padding:4px 12px; border-radius:3px; font-size:12px;
    border:none; cursor:pointer; transition:all 0.15s;
    display:inline-block; min-width:50px; line-height:20px;
    text-align:center; white-space:nowrap; vertical-align:middle;
    box-sizing:border-box; text-decoration:none;
}
.btn-primary { background:#3498db; color:#fff; }
.btn-primary:hover { background:#2980b9; }
.btn-danger { background:#e74c3c; color:#fff; }
.btn-danger:hover { background:#c0392b; }
.btn-success { background:#2ecc71; color:#fff; }
.btn-success:hover { background:#27ae60; }
.btn-warning { background:#f39c12; color:#fff; }
.btn-warning:hover { background:#d68910; }
.admin-action-cell { white-space:nowrap; }
.admin-action-cell .btn-sm { margin-right:6px; }
.admin-action-cell .btn-sm:last-child { margin-right:0; }
.admin-form .form-group { margin-bottom:16px; }
.admin-form label { display:block; font-weight:bold; color:#555; margin-bottom:6px; font-size:13px; }
.admin-form .input-field {
    width:100%; padding:8px 10px; border:1px solid #ddd;
    border-radius:3px; font-size:13px; color:#333; outline:none;
}
.admin-form .input-field:focus { border-color:#3498db; }
.admin-form textarea.input-field { height:300px; resize:vertical; font-family:inherit; }
.admin-form select.input-field { height:36px; }
.admin-stats { display:flex; gap:16px; margin-bottom:20px; }
.admin-stat-card {
    flex:1; background:#fff; border-radius:4px;
    padding:16px; box-shadow:0 1px 4px rgba(0,0,0,0.1);
    text-align:center;
}
.admin-stat-num { font-size:32px; font-weight:bold; color:#2c3e50; }
.admin-stat-label { color:#888; font-size:13px; margin-top:4px; }

/* 带图标的输入框 */
.input-icon { position:relative; display:block; }
.input-icon > .fa {
    position:absolute; left:10px; top:50%; transform:translateY(-50%);
    color:#5a3a10; font-size:13px; pointer-events:none;
}
.input-icon > .form-control { padding-left:30px; }

/* ===== 后台统计卡图标 ===== */
.admin-stat-icon { margin-bottom:8px; }
.admin-stat-card { text-align:center; padding:20px 16px; }

/* ===== Font Awesome 图标修正 ===== */
.fa { font-style:normal; }
.stat-icon .fa { font-size:28px; color:#d4af37; }
.sidebar-title .fa { font-size:13px; opacity:0.85; margin-right:2px; }
.qn-icon.fa { font-size:22px; color:#d4af37; margin-bottom:6px; display:block; }
.section-title .fa { font-size:13px; margin-right:4px; }
.notice-tag .fa { margin-right:4px; }

/* ===== 带图标输入框 ===== */
.input-icon { position:relative; display:block; }
.input-icon > .fa {
    position:absolute; left:10px; top:50%; transform:translateY(-50%);
    color:#5a3a10; font-size:13px; pointer-events:none; z-index:1;
}
.input-icon > .form-control { padding-left:30px; width:100%; box-sizing:border-box; }

/* ===== 下载卡片 FA 图标 ===== */
.download-card .icon .fa { font-size:36px; color:#d4af37; }

/* ===== logo FA 图标 ===== */
.logo-main .fa {
    font-size:21px;
    margin-right:6px;
    color:#f5d24b;
    text-shadow:0 0 12px rgba(245,210,75,0.45);
}
.logo-main .fa-bolt {
    transform:skewX(-10deg);
}
.brand .fa { margin-right:6px; color:#d4af37; }

.offline-log-filter-box {
    padding:22px 24px;
    border:1px solid #3a1800;
    border-radius:8px;
    background:linear-gradient(180deg,#190900,#120500);
    box-shadow:0 10px 24px rgba(0,0,0,0.16);
}
.offline-log-filter-row {
    margin:0 -10px;
    overflow:hidden;
}
.offline-log-filter-col {
    float:left;
    padding:0 10px;
}
.offline-log-filter-select {
    width:48%;
}
.offline-log-filter-note {
    width:52%;
}
.offline-log-filter-box .form-label {
    display:block;
    margin-bottom:8px;
    color:#a97a3e;
    font-size:12px;
    letter-spacing:1px;
}
.offline-log-note-title {
    color:#f1d38a;
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}
.offline-log-note-text {
    color:#8d6732;
    font-size:13px;
    line-height:1.9;
    padding:14px 16px;
    border-radius:6px;
    border:1px solid rgba(212,175,55,0.12);
    background:rgba(212,175,55,0.05);
    min-height:46px;
}
.offline-log-filter-actions {
    clear:both;
    padding-top:18px;
}
.offline-log-filter-actions .btn-submit {
    width:auto;
    min-width:160px;
    margin-top:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-right:10px;
}
.offline-log-filter-actions .offline-log-btn-secondary {
    background:linear-gradient(135deg,#4d2500,#6a3c00);
    box-shadow:none;
}
.offline-log-filter-actions .offline-log-btn-secondary:hover {
    background:linear-gradient(135deg,#6a3000,#8b4a00);
}
.offline-log-table-wrap {
    border:1px solid #3a1800;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,0.16);
}
.offline-log-table {
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}
.offline-log-table th {
    padding:14px 14px;
    background:linear-gradient(180deg,#2a0e00,#190900);
    border-bottom:1px solid #4a2200;
    color:#f1d38a;
    text-align:left;
    font-size:13px;
    font-weight:bold;
}
.offline-log-table td {
    padding:14px 14px;
    border-bottom:1px solid rgba(122,74,16,0.28);
    color:#c8a96e;
    font-size:13px;
    line-height:1.8;
    vertical-align:top;
    background:#140700;
    word-break:break-all;
}
.offline-log-table tr:nth-child(even) td {
    background:#170900;
}
.offline-log-table tr:hover td {
    background:#1c0b00;
}
.offline-log-time {
    color:#f5d98a;
    white-space:nowrap;
    font-family:Arial,sans-serif;
}
.offline-log-type {
    display:inline-block;
    padding:4px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:bold;
    line-height:1.2;
}
.log-type-start {
    color:#fff5d1;
    background:rgba(212,175,55,0.16);
    border:1px solid rgba(212,175,55,0.35);
}
.log-type-end {
    color:#ffd8bf;
    background:rgba(230,126,34,0.14);
    border:1px solid rgba(230,126,34,0.32);
}
.log-type-death {
    color:#ffd4cf;
    background:rgba(192,57,43,0.18);
    border:1px solid rgba(192,57,43,0.34);
}
.log-type-revive {
    color:#d7f8cb;
    background:rgba(46,204,113,0.14);
    border:1px solid rgba(46,204,113,0.3);
}
.log-type-warning {
    color:#ffe0bb;
    background:rgba(241,196,15,0.12);
    border:1px solid rgba(241,196,15,0.28);
}
.log-type-action {
    color:#d9e8ff;
    background:rgba(52,152,219,0.14);
    border:1px solid rgba(52,152,219,0.28);
}
.log-type-default {
    color:#e1d0aa;
    background:rgba(122,74,16,0.2);
    border:1px solid rgba(122,74,16,0.3);
}
.offline-log-reason {
    margin-top:8px;
    color:#8d6732;
    font-size:12px;
    line-height:1.6;
}
.offline-log-summary {
    color:#f0d08a;
}
.offline-log-currency {
    margin-top:6px;
    color:#8d6732;
    font-size:12px;
    line-height:1.7;
}
.offline-log-empty {
    padding:28px 30px;
    border:1px dashed rgba(212,175,55,0.22);
    border-radius:8px;
    background:rgba(212,175,55,0.05);
    color:#b48845;
    line-height:1.9;
}
.pk-log-session-link {
    display:inline-block;
    padding:6px 14px;
    border-radius:999px;
    border:1px solid rgba(212,175,55,0.28);
    color:#f1d38a;
    background:linear-gradient(180deg,#341400,#1c0900);
    transition:all .2s ease;
}
.pk-log-session-link:hover {
    color:#fff0bd;
    border-color:#d4af37;
    background:linear-gradient(180deg,#4a1d00,#281000);
}
.pk-log-selected td {
    background:rgba(212,175,55,0.08) !important;
}
.pk-log-detail-head {
    margin-bottom:18px;
    padding:18px 20px;
    border:1px solid #3a1800;
    border-radius:8px;
    background:linear-gradient(180deg,#190900,#120500);
    box-shadow:0 10px 24px rgba(0,0,0,0.16);
    overflow:hidden;
}
.pk-log-detail-main {
    float:left;
    width:68%;
}
.pk-log-detail-side {
    float:right;
    width:28%;
    color:#8d6732;
    font-size:12px;
    line-height:1.9;
    text-align:right;
}
.pk-log-meta {
    margin-top:10px;
    color:#a97a3e;
    font-size:12px;
    line-height:1.8;
}

.trade-home-section {
    padding:22px 24px 26px;
}
.trade-home-header {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}
.trade-home-kicker {
    color:#7a5a2a;
    font-size:11px;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:8px;
}
.trade-home-header h3 {
    color:#f5d98a;
    font-size:24px;
    margin-bottom:10px;
}
.trade-home-header p {
    color:#8d6732;
    font-size:13px;
    line-height:1.9;
    max-width:560px;
}
.trade-home-actions {
    display:flex;
    flex-direction:column;
    gap:10px;
    min-width:180px;
}
.trade-home-actions .btn-submit {
    width:auto;
    margin-top:0;
    min-width:180px;
}
.trade-home-btn-secondary {
    background:linear-gradient(135deg,#4d2500,#6a3c00);
    box-shadow:none;
}
.trade-home-btn-secondary:hover {
    background:linear-gradient(135deg,#6a3000,#8b4a00);
}
.trade-home-summary {
    color:#9a733c;
    font-size:12px;
    margin-bottom:18px;
}
.trade-home-summary strong {
    color:#f5d98a;
}
.trade-card-grid {
    margin:0 -8px;
    overflow:hidden;
}
.trade-card-grid-home .trade-card {
    width:50%;
}
.trade-card {
    float:left;
    width:33.3333%;
    padding:0 8px 16px;
    display:block;
}
.trade-card {
    color:inherit;
}
.trade-card:hover .trade-card-link {
    color:#fff0bd;
}
.trade-card:hover .trade-card-inner,
.trade-card:hover {
    text-decoration:none;
}
.trade-card > .trade-card-top,
.trade-card > .trade-card-title,
.trade-card > .trade-card-meta,
.trade-card > .trade-card-price,
.trade-card > .trade-card-sub,
.trade-card > .trade-card-link {
    position:relative;
    z-index:1;
}
.trade-card {
    position:relative;
    min-height:226px;
    border-radius:8px;
    border:1px solid #3a1800;
    background:linear-gradient(180deg,#1c0b00,#120500);
    box-shadow:0 10px 24px rgba(0,0,0,0.18);
    padding:18px 18px 20px;
    transition:all .2s ease;
}
.trade-card:hover {
    border-color:#8b4a00;
    transform:translateY(-3px);
    box-shadow:0 14px 30px rgba(0,0,0,0.26);
}
.trade-card-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:14px;
}
.trade-server-pill,
.trade-status-pill {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 10px;
    border-radius:999px;
    font-size:11px;
    line-height:1;
    border:1px solid rgba(212,175,55,0.18);
}
.trade-server-pill {
    color:#f1d38a;
    background:rgba(212,175,55,0.08);
}
.trade-status-pill {
    font-weight:bold;
}
.trade-status-active {
    color:#d7f8cb;
    background:rgba(46,204,113,0.12);
    border:1px solid rgba(46,204,113,0.28);
}
.trade-status-cancelled {
    color:#ffe0bb;
    background:rgba(230,126,34,0.12);
    border:1px solid rgba(230,126,34,0.28);
}
.trade-status-sold {
    color:#ffd4cf;
    background:rgba(192,57,43,0.16);
    border:1px solid rgba(192,57,43,0.28);
}
.trade-status-default {
    color:#e1d0aa;
    background:rgba(122,74,16,0.2);
    border:1px solid rgba(122,74,16,0.28);
}
.trade-card-title {
    color:#f5d98a;
    font-size:24px;
    font-weight:bold;
    line-height:1.25;
    margin-bottom:10px;
    word-break:break-all;
}
.trade-card-meta {
    color:#96713a;
    font-size:13px;
    line-height:1.8;
    min-height:44px;
}
.trade-card-price {
    margin-top:18px;
    padding:14px 16px;
    border-radius:8px;
    background:rgba(212,175,55,0.06);
    border:1px solid rgba(212,175,55,0.14);
}
.trade-card-price span,
.trade-card-price em {
    color:#8d6732;
    font-style:normal;
    font-size:12px;
}
.trade-card-price strong {
    display:inline-block;
    margin:0 8px;
    color:#fff0bd;
    font-size:28px;
    line-height:1;
}
.trade-card-sub {
    margin-top:12px;
    color:#7f5d2f;
    font-size:12px;
}
.trade-card-link {
    display:inline-block;
    margin-top:14px;
    color:#f5d98a;
    font-size:12px;
    font-weight:bold;
}
.trade-filter-box {
    margin-top:22px;
    padding:22px 24px;
    border:1px solid #3a1800;
    border-radius:8px;
    background:linear-gradient(180deg,#190900,#120500);
    box-shadow:0 10px 24px rgba(0,0,0,0.16);
}
.trade-filter-row {
    margin:0 -10px;
    overflow:hidden;
}
.trade-filter-col {
    float:left;
    width:36%;
    padding:0 10px;
}
.trade-filter-actions {
    float:left;
    width:28%;
    padding:20px 10px 0;
}
.trade-filter-actions .btn-submit {
    width:auto;
    min-width:160px;
    margin-top:0;
}
.trade-detail-price-box {
    margin:16px 0 14px;
    padding:14px 16px;
    border-radius:8px;
    background:rgba(212,175,55,0.06);
    border:1px solid rgba(212,175,55,0.14);
}
.trade-detail-price-label {
    color:#8d6732;
    font-size:12px;
    margin-bottom:8px;
}
.trade-detail-price-value {
    color:#fff0bd;
    font-size:30px;
    font-weight:bold;
    line-height:1.2;
}
.trade-detail-price-sub {
    color:#8d6732;
    font-size:12px;
    line-height:1.8;
    margin-top:8px;
}
.trade-detail-columns {
    overflow:hidden;
    margin:0 -8px;
}
.trade-detail-col {
    float:left;
    width:50%;
    padding:0 8px;
}
.trade-item-list {
    display:flex;
    flex-direction:column;
    gap:12px;
}
.trade-item-card {
    padding:16px 18px;
    border-radius:8px;
    border:1px solid #3a1800;
    background:linear-gradient(180deg,#190900,#120500);
    box-shadow:0 8px 20px rgba(0,0,0,0.16);
}
.trade-item-title {
    color:#a97a3e;
    font-size:12px;
    letter-spacing:1px;
    margin-bottom:6px;
}
.trade-item-name {
    color:#f1d38a;
    font-size:18px;
    font-weight:bold;
    line-height:1.4;
    word-break:break-all;
}
.trade-item-meta {
    color:#8d6732;
    font-size:12px;
    line-height:1.8;
    margin-top:8px;
}
.trade-item-link {
    display:block;
    color:inherit;
    text-decoration:none;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.trade-item-link:hover {
    color:inherit;
    border-color:#6a3000;
    box-shadow:0 12px 26px rgba(0,0,0,0.22);
    transform:translateY(-2px);
}
.trade-item-link:hover .trade-item-name {
    color:#fff0bd;
}
.trade-item-action {
    margin-top:10px;
    color:#d4af37;
    font-size:12px;
    line-height:1.6;
}
.trade-item-action .fa {
    margin-right:6px;
}
.trade-item-modal {
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    display:none;
    z-index:9999;
}
.trade-item-modal.is-visible {
    display:block;
}
.trade-item-modal-backdrop {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(6,2,0,0.82);
}
.trade-item-modal-dialog {
    position:relative;
    width:1280px;
    max-width:calc(100% - 16px);
    margin:10px auto;
    border:1px solid #4a2200;
    border-radius:12px;
    overflow:hidden;
    background:#120500;
    box-shadow:0 24px 60px rgba(0,0,0,0.42);
}
.trade-item-modal-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:14px 18px;
    border-bottom:1px solid rgba(122,74,16,0.28);
    background:linear-gradient(180deg,#2a0e00,#190900);
}
.trade-item-modal-title {
    color:#f1d38a;
    font-size:20px;
    font-weight:bold;
    line-height:1.4;
}
.trade-item-modal-title .fa {
    margin-right:8px;
    color:#d4af37;
}
.trade-item-modal-close {
    width:38px;
    height:38px;
    border:1px solid #6a3000;
    border-radius:50%;
    background:#220c00;
    color:#f1d38a;
    cursor:pointer;
    transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.trade-item-modal-close:hover {
    background:#341400;
    border-color:#9a5612;
    color:#fff0bd;
}
.trade-item-modal-frame {
    display:block;
    width:100%;
    height:84vh;
    min-height:620px;
    border:none;
    background:#120500;
}
.trade-item-modal-open {
    overflow:hidden;
}
.trade-item-popup-body {
    background:#120500;
}
.trade-item-detail-popup {
    padding-top:0;
}
.trade-item-detail-popup .section-box {
    margin-bottom:0;
    border:none;
    background:transparent;
    box-shadow:none;
}
.trade-item-detail-popup .section-box > .section-title {
    display:none;
}
.trade-item-detail-popup .user-center-body {
    padding:14px 14px 16px;
}
.trade-item-detail-popup .user-center-body:after {
    content:'';
    display:block;
    clear:both;
}
.trade-item-popup-hero {
    margin-bottom:12px;
}
.trade-item-detail-popup .user-center-hero {
    padding:16px 18px;
    border-radius:10px;
}
.trade-item-detail-popup .user-center-hero:before {
    top:-20px;
    right:-12px;
    width:140px;
    height:140px;
}
.trade-item-detail-popup .user-center-hero-main {
    float:none;
    width:100%;
}
.trade-item-detail-popup .hero-kicker {
    margin-bottom:6px;
    font-size:10px;
    letter-spacing:2px;
}
.trade-item-detail-popup .user-center-hero-main h2 {
    font-size:28px;
    line-height:1.2;
    margin-bottom:8px;
}
.trade-item-detail-popup .user-center-hero-main p {
    font-size:12px;
    line-height:1.75;
}
.trade-item-detail-popup .user-hero-tags {
    margin-top:12px;
}
.trade-item-detail-popup .user-hero-tags span {
    margin:0 8px 8px 0;
    padding:6px 10px;
    font-size:12px;
}
.trade-item-detail-popup .pay-intro {
    margin-top:10px !important;
    padding:10px 12px;
    line-height:1.7;
}
.trade-item-summary-grid {
    overflow:hidden;
    margin:18px -8px 6px;
}
.trade-item-summary-col {
    float:left;
    width:33.3333%;
    padding:0 8px;
    margin-bottom:16px;
}
.trade-item-detail-popup .trade-item-summary-grid {
    clear:both;
    margin:12px -6px 0;
}
.trade-item-detail-popup .trade-item-summary-col {
    width:25%;
    padding:0 6px;
    margin-bottom:12px;
}
.trade-item-stat-card {
    min-height:108px;
    padding:16px 18px;
    border:1px solid #3a1800;
    border-radius:8px;
    background:linear-gradient(180deg,#190900,#120500);
    box-shadow:0 8px 20px rgba(0,0,0,0.16);
}
.trade-item-detail-popup .trade-item-stat-card {
    min-height:0;
    padding:12px 14px;
    border-radius:7px;
}
.trade-item-stat-label {
    color:#a97a3e;
    font-size:12px;
    letter-spacing:1px;
    margin-bottom:10px;
}
.trade-item-detail-popup .trade-item-stat-label {
    font-size:11px;
    margin-bottom:5px;
}
.trade-item-stat-value {
    color:#f1d38a;
    font-size:20px;
    font-weight:bold;
    line-height:1.5;
    word-break:break-all;
}
.trade-item-detail-popup .trade-item-stat-value {
    font-size:18px;
    line-height:1.35;
}
.trade-item-section {
    clear:both;
}
.trade-item-detail-popup .trade-item-section {
    float:left;
    clear:none;
    width:calc(50% - 8px);
    margin:12px 4px 0;
}
.trade-item-detail-popup .user-center-block {
    margin-top:0;
}
.trade-item-detail-popup .user-center-block .section-title {
    margin-bottom:10px;
}
.trade-item-stat-list {
    border:1px solid #3a1800;
    border-radius:8px;
    overflow:hidden;
    background:linear-gradient(180deg,#190900,#120500);
    box-shadow:0 8px 20px rgba(0,0,0,0.16);
}
.trade-item-detail-popup .trade-item-stat-list {
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
    padding:10px;
    overflow:visible;
}
.trade-item-stat-row {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding:14px 16px;
    border-bottom:1px solid rgba(122,74,16,0.24);
}
.trade-item-detail-popup .trade-item-stat-row {
    display:block;
    padding:10px 12px;
    border:1px solid rgba(122,74,16,0.24);
    border-radius:8px;
    background:rgba(22,8,0,0.78);
}
.trade-item-stat-row:last-child {
    border-bottom:none;
}
.trade-item-detail-popup .trade-item-stat-row:last-child {
    border-bottom:1px solid rgba(122,74,16,0.24);
}
.trade-item-stat-name {
    min-width:168px;
    color:#a97a3e;
    font-size:13px;
    line-height:1.8;
}
.trade-item-detail-popup .trade-item-stat-name {
    min-width:0;
    margin-bottom:6px;
    font-size:12px;
    line-height:1.4;
}
.trade-item-stat-text {
    flex:1;
    color:#f1d38a;
    font-size:13px;
    line-height:1.8;
    text-align:right;
    word-break:break-all;
}
.trade-item-detail-popup .trade-item-stat-text {
    display:block;
    font-size:13px;
    line-height:1.5;
    text-align:left;
}
.trade-manage-balance {
    color:#fff0bd;
    font-size:34px;
    font-weight:bold;
    line-height:1.1;
    margin:6px 0 12px;
}
.trade-table-wrap {
    border:1px solid #3a1800;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,0.16);
}
.trade-table {
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}
.trade-table th {
    padding:14px;
    background:linear-gradient(180deg,#2a0e00,#190900);
    border-bottom:1px solid #4a2200;
    color:#f1d38a;
    text-align:left;
    font-size:13px;
    font-weight:bold;
}
.trade-table td {
    padding:14px;
    border-bottom:1px solid rgba(122,74,16,0.28);
    color:#c8a96e;
    font-size:13px;
    line-height:1.8;
    vertical-align:top;
    background:#140700;
}
.trade-table tr:nth-child(even) td {
    background:#170900;
}
.trade-table tr:hover td {
    background:#1c0b00;
}
.trade-table-name {
    color:#f5d98a;
    font-size:16px;
    font-weight:bold;
}
.trade-table-sub {
    color:#8d6732;
    font-size:12px;
}
.trade-table-price {
    color:#fff0bd;
    font-size:16px;
    font-weight:bold;
}
.trade-table-actions .btn-sm {
    margin-right:6px;
    margin-bottom:6px;
}
.trade-table-actions .btn-sm:last-child {
    margin-right:0;
}
.trade-hall-page .user-center-body,
.trade-detail-page .user-center-body,
.trade-item-detail-page .user-center-body,
.trade-manage-page .user-center-body {
    padding:22px;
}
@media (max-width: 960px) {
    .trade-detail-col,
    .trade-item-summary-col {
        float:none;
        width:100%;
    }
    .trade-item-modal-dialog {
        width:auto;
        margin:16px 14px;
    }
    .trade-item-modal-frame {
        height:72vh;
        min-height:420px;
    }
    .trade-item-detail-popup .trade-item-section {
        float:none;
        width:100%;
        margin:12px 0 0;
    }
    .trade-item-detail-popup .trade-item-summary-col {
        width:50%;
    }
    .trade-item-detail-popup .trade-item-stat-list {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .trade-item-stat-row {
        display:block;
    }
    .trade-item-stat-text {
        margin-top:6px;
        text-align:left;
    }
}
@media (max-width: 640px) {
    .trade-item-detail-popup .trade-item-summary-col {
        width:100%;
        padding:0;
    }
    .trade-item-detail-popup .trade-item-stat-list {
        grid-template-columns:1fr;
    }
}