/* /assets/css/style.css */
html {
    overflow-y: scroll !important;
    min-width: 1084px;
}
body { background: #0a0a0a; color: #d4af37; font-family: "Microsoft YaHei", sans-serif; margin: 0; padding: 20px; min-width: 1044px;}
.container { width: 1000px; margin: 0 auto; background: rgba(20,20,20,0.95); border: 2px solid #5a4018; padding: 20px; box-shadow: 0 0 15px rgba(212,175,55,0.2); }
.header { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 15px; margin-bottom: 10px;}
/* 优化后大气的导航栏 */
.nav-bar { 
    background: linear-gradient(to bottom, #2a2010 0%, #111 100%); 
    padding: 15px 25px; 
    border: 1px solid #5a4018; 
    border-top: 3px solid #d4af37;
    border-radius: 5px;
    margin-bottom: 20px; 
    display: flex; 
    gap: 30px; 
    font-size: 16px; 
    align-items: center; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.6);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.nav-bar a { 
    color: #ccc; 
    text-decoration: none; 
    transition: all 0.3s ease; 
    padding: 6px 12px;
    border-radius: 3px;
}
.nav-bar a:hover { 
    color: #fff; 
    text-shadow: 0 0 10px #d4af37; 
    background: rgba(212, 175, 55, 0.15);
}
.top-right-auth { text-align: right; }
.btn { background: linear-gradient(180deg, #4a3810 0%, #221805 100%); color: #d4af37; border: 1px solid #d4af37; padding: 4px 12px; cursor: pointer; border-radius: 3px; font-size: 13px; text-decoration: none;}
.btn:hover { background: #5c4513; }
.blinking { animation: blinker 1.5s infinite; color: #ff3333 !important; border-color: #ff3333 !important; text-shadow: 0 0 5px #ff0000; font-weight: bold; }
@keyframes blinker { 50% { opacity: 0.4; box-shadow: 0 0 10px #ff0000; } }
.thread-row { border: 1px solid #333; padding: 12px; margin-bottom: 8px; background: #111; display:flex; justify-content: space-between; align-items: center;}
.thread-main { display: flex; align-items: center; gap: 2px; flex: 1; min-width:0; }
.thread-mark { display:inline-flex; align-items:center; height:1.4em; line-height:1; margin:0; white-space:nowrap; font-size:var(--thread-title-size, 16px) !important; }
.thread-mark-top { color:#ffcc00; }
.thread-mark-digest { color:#00ff00; }
.thread-category { display:inline-flex; align-items:center; color:var(--thread-category-color, #d86b6b); font-family:var(--thread-category-font, "Microsoft YaHei", sans-serif); font-size:var(--thread-category-size, 16px); font-weight:var(--thread-title-weight, 400); line-height:1.4; white-space:nowrap; }
.thread-title-box { display:flex; align-items:center; padding: 4px; color:var(--thread-title-color, #fff); font-family: var(--thread-title-font, "Microsoft YaHei", sans-serif); font-size: var(--thread-title-size, 16px); font-weight: var(--thread-title-weight, 400); line-height:1.4; cursor: pointer; }
.thread-highlight-title { font-family: var(--thread-title-font, "Microsoft YaHei", sans-serif); font-size: calc(var(--thread-title-size, 16px) + 4px) !important; font-weight: var(--thread-title-weight, 400); }
.thread-meta { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.thread-meta-info, .thread-meta-info a { color:var(--thread-meta-color, #888); font-family:var(--thread-meta-font, "Microsoft YaHei", sans-serif); font-size:var(--thread-meta-size, 16px); line-height:1.4; }
.thread-open-control { margin-left:4px; padding:2px 7px; color:var(--thread-action-color, #d4af37); font-family:var(--thread-action-font, "Microsoft YaHei", sans-serif); font-size:var(--thread-action-size, 16px); line-height:1.25; }
.thread-stats { display:inline-block; margin-left:10px; font-family:sans-serif; font-size:var(--thread-stats-size, 13px); font-weight:normal; line-height:1.4; text-shadow:none; vertical-align:middle; }
.replies-box { display: none; background: #050505; width: 100%; box-sizing:border-box;}
.modal { display: none; position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 100; justify-content: center; align-items: center;}
input, select, textarea { width: 100%; padding: 8px; margin: 5px 0; background: #000; border: 1px solid #555; color: #fff; box-sizing: border-box;}
.user-tag, .user-tag:hover, .user-tag:visited, .user-tag:focus { color: #00d2ff; text-decoration: none !important; cursor: pointer; position: relative;}
.user-level-badge { display:inline-block; padding:3px 9px; border:1px solid #d4af37; border-radius:999px; color:#ffe7a0; background:linear-gradient(135deg,#5a4018,#201605); box-shadow:0 0 10px rgba(212,175,55,.25), inset 0 0 8px rgba(255,220,120,.12); font-size:11px; font-weight:bold; letter-spacing:.5px; vertical-align:middle; }
.sort-controls { display:flex; align-items:center; gap:4px; font-size:11px; white-space:nowrap; }
.sort-link { display:inline-block; padding:3px 7px !important; border:1px solid #55451f; border-radius:3px; font-weight:600; line-height:1.2; text-decoration:none; }
.sort-link.sort-active { color:#d4af37; }
.sort-link.sort-inactive { color:#888; }
.card-code-copy { color:#ffe7a0; cursor:pointer; border-bottom:1px dashed #d4af37; padding:0 2px; }
.card-code-copy:hover { color:#fff; }
.post-content img { display: block; margin: 10px 0; max-width: var(--post-image-display-width, 100%); width: auto; height: auto; border-radius: 8px !important; cursor: zoom-in; }
.post-content { font-family: var(--thread-content-font, "Microsoft YaHei", sans-serif); font-size: var(--thread-content-size, 15px); font-weight: var(--thread-content-weight, 400); }
.category-tag-row { display:flex; align-items:center; gap:8px; margin:0; font-size:12px; color:#999; }
.category-tag-label { flex:0 0 auto; line-height:24px; }
.category-tag-list { display:flex; flex-wrap:wrap; gap:5px; max-height:26px; overflow:hidden; }
.category-tag-list.expanded { max-height:none; }
.category-tag-more { padding:2px 7px; margin:0; font-size:11px; }
.category-tag-chip, .thread-tag-chip { display:inline-block; padding:3px 10px; margin:0 4px 4px 0; border:1px solid rgba(212,175,55,.6); border-radius:5px; color:#ffe39a; background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(80,52,12,.2)); box-shadow:0 1px 4px rgba(0,0,0,.35); font-size:12px; line-height:18px; white-space:nowrap; vertical-align:middle; }
.thread-tag-chip { display:inline-flex; align-items:center; height:1.4em; margin-right:var(--thread-tag-gap, 2px); padding:0 7px; color:#9ee5ff; border-color:rgba(64,180,230,.6); background:linear-gradient(135deg,rgba(64,180,230,.2),rgba(15,55,72,.2)); font-size:var(--thread-tag-size, calc(var(--thread-title-size, 16px) - 2px)) !important; line-height:1 !important; vertical-align:middle; box-sizing:border-box; }
.post-tag-picker { display:inline-flex; align-items:center; flex-wrap:wrap; gap:6px; margin:0 0 15px 8px; color:#999; font-size:12px; vertical-align:middle; height:42px; box-sizing:border-box; position:relative; top:0; }
.post-tag-label { line-height:28px; }
.post-tag-list { display:flex; flex-wrap:wrap; gap:5px; max-height:31px; overflow:hidden; }
.post-tag-list.expanded { max-height:none; }
.post-tag-option { display:inline-block !important; width:auto !important; min-width:56px; margin:0 3px 3px 0 !important; padding:5px 11px !important; border:1px solid #80651d !important; border-radius:5px !important; background:linear-gradient(135deg,#30240d,#17130a) !important; color:#d9bd69 !important; cursor:pointer !important; pointer-events:auto !important; }
.post-tag-option.selected { border-color:#ffe27a !important; color:#1b1200 !important; background:#d4af37 !important; box-shadow:0 0 0 2px rgba(255,226,122,.35), 0 2px 8px rgba(212,175,55,.45) !important; }
.post-tag-option:hover { border-color:#ffe27a !important; color:#ffe7a0 !important; background:#4b3711 !important; }
.category-tag-chip { text-decoration:none !important; }
.post-tag-picker[hidden] { display:none !important; }
#p_cat { vertical-align:middle; }
.post-compose-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:15px; }
.post-compose-label { white-space:nowrap; }
.post-compose-row .post-tag-picker { margin:0; }
.default-open-control { display:inline-flex; align-items:center; gap:5px; margin-left:auto; white-space:nowrap; }
.post-tag-more { padding:4px 8px; margin:0; font-size:11px; }
.post-content table { border-collapse: collapse; margin: 10px 0; max-width: 100%; }
.post-content th, .post-content td { border: 1px solid rgba(212,175,55,.55); padding: 6px 10px; min-width: 48px; }
.post-content th, .post-content table tr:first-child > td { background: rgba(212,175,55,.18) !important; color: #ffe7a0 !important; font-weight: 700; text-align: left; }
.post-content pre { overflow-x: auto; padding: 10px 12px; background: #171717; border: 1px solid #3a3a3a; border-radius: 4px; white-space: pre-wrap; }
.post-content code { font-family: monospace; }
.reply-item-box { padding:15px 0; border-bottom:1px solid #1a1a1a; text-align:left; scroll-margin-top:12px; }
.reply-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; color:#888; font-size:12px; }
.reply-item-box > .post-content, .reply-item-box .sub-reply-text { color:#fff !important; }
.reply-edit-options { display:none; align-items:center; gap:6px; }
.reply-action-link { color:#d4af37 !important; text-decoration:none; white-space:nowrap; }
.reply-action-link:hover { color:#fff2bd !important; }
.reply-action-delete { color:#ff7777 !important; }
.sub-reply-level { margin-top:8px; }
.sub-reply-level-1 { margin:10px 0 0; padding:8px 10px; background:#111; border-left:3px solid #5a4018; }
.sub-reply-level .sub-reply-level { margin-left:16px; padding-left:10px; border-left:1px solid #3f3524; }
.sub-reply-item { padding:6px 0; border-bottom:1px dashed #333; font-size:13px; }
.sub-reply-item:last-child { border-bottom:0; }
.sub-reply-row { display:flex; align-items:baseline; justify-content:space-between; gap:6px; }
.sub-reply-content { min-width:0; overflow-wrap:anywhere; }
.sub-reply-date { margin-left:8px; color:#777; font-size:11px; white-space:nowrap; }
.reply-history { margin-top:8px; font-size:12px; }
.reply-history summary { color:#d4af37; cursor:pointer; }
.reply-history-entry { margin:6px 0; padding:7px; border-left:2px solid #d4af37; color:#aaa; }
.history-removed { color:#ff8888; }
.history-added { color:#88ddaa; }
.quote-heading { display:block; margin-bottom:4px; font-size:12px; }
.quote-heading a { color:#f0cd67 !important; font-weight:600; text-decoration:none; }
.quote-preview { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.reply-item-box { scroll-margin-top: 16px; }
.editor-attachment-input { display:none !important; }
.forum-attachment-item button { display:flex; align-items:center; justify-content:center; min-width:32px; height:32px; padding:0 7px; border:0; background:transparent; color:#333; cursor:pointer; }
.forum-attachment-item button:hover { background:#f1f1f1; }
.w-e-text-container img { max-width: 100% !important; height: auto !important; }
.post-content img { max-width: var(--post-image-display-width, 100%) !important; width: auto; height: auto; object-fit: contain; }
.modal-content { background: rgb(17, 0, 0); border: 1px solid rgb(85, 17, 17); padding: 25px; width: 800px; max-height: 90vh; overflow-y: auto; color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.8); position: relative; }
/* ... (保留原 index.php 中其余的 CSS 样式) ... */
/* 灯箱图片放大相关样式 (解决遮罩层覆盖页面问题) */
#lightbox { display:none; position:fixed; z-index:999999; top:0; left:0; width:100%; height:100%; padding:5vh 0; box-sizing:border-box; background:rgba(0,0,0,0.9); flex-direction:column; justify-content:center; align-items:center; overflow:hidden; }
#lb-media { position:relative; display:flex; align-items:center; justify-content:center; max-width:96vw; max-height:90vh; }
#lb-img { display:block; max-width:96vw; width:auto; max-height:calc(90vh - 58px); height:auto; object-fit:contain; cursor:zoom-out; transition:transform .2s ease; transform-origin:center center; }
#lb-img.lb-switch-prev { animation:lb-switch-prev .18s ease-out; }
#lb-img.lb-switch-next { animation:lb-switch-next .18s ease-out; }
@keyframes lb-switch-prev { from { opacity:.25; transform:translateX(-14px) scale(var(--lb-zoom, 1)); } to { opacity:1; transform:translateX(0) scale(var(--lb-zoom, 1)); } }
@keyframes lb-switch-next { from { opacity:.25; transform:translateX(14px) scale(var(--lb-zoom, 1)); } to { opacity:1; transform:translateX(0) scale(var(--lb-zoom, 1)); } }
@media (prefers-reduced-motion: reduce) { #lb-img.lb-switch-prev, #lb-img.lb-switch-next { animation:none; } }
#lb-controls { position:absolute; left:50%; bottom:14px; z-index:2; display:flex; align-items:center; justify-content:center; gap:10px; padding:8px 13px; border:1px solid rgba(255,255,255,.42); border-radius:16px; background:rgba(16,20,28,.62); box-shadow:0 8px 24px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.18); color:#fff; font-size:13px; line-height:1; user-select:none; transform:translateX(-50%); white-space:nowrap; }
#lb-counter { min-width:42px; text-align:center; font-variant-numeric:tabular-nums; color:rgba(255,255,255,.9); }
#lb-controls button { display:inline-flex; align-items:center; justify-content:center; width:32px; height:30px; padding:0; border:1px solid rgba(255,255,255,.14); border-radius:9px; background:rgba(255,255,255,.06); color:inherit; font-size:20px; line-height:1; cursor:pointer; transition:background .2s ease, border-color .2s ease, transform .2s ease; }
#lb-controls button:last-child { font-size:13px; }
#lb-controls button:hover, #lb-controls button:focus-visible { border-color:rgba(255,255,255,.72); background:rgba(255,255,255,.2); outline:none; transform:translateY(-1px); }
@media (max-width:560px) { #lb-controls { gap:6px; padding:6px 8px; bottom:9px; } #lb-controls button { width:29px; height:28px; } }
#lb-prev, #lb-next { position:absolute; top:35%; font-size:50px; color:#d4af37; cursor:pointer; user-select:none; padding:20px; font-weight:bold; text-shadow: 0 0 10px #000; transition:0.3s;}
#lb-prev { left: 5%; } #lb-next { right: 5%; }
#lb-prev:hover, #lb-next:hover { color:#fff; transform: scale(1.1); }
/* 适配双风格平滑过渡：分割线 */
.thread-divider { border-top: 1px dashed #5a4018; margin: 20px 0; text-align: center; position: relative; transition: all 0.3s ease; }
.thread-divider span { background:linear-gradient(90deg, #15120d 0%, #352814 50%, #15120d 100%); border:1px solid rgba(212,175,55,.28); border-radius:999px; box-shadow:0 0 18px rgba(212,175,55,.12); color:#c9b47a; padding:4px 18px; position:relative; top:-10px; font-size:12px; transition:all 0.3s ease; }
.reply-login-prompt { margin-top:20px; padding:24px 30px; text-align:center; color:#b8b8b8; background:linear-gradient(135deg, #121212 0%, #1d1a14 100%); border:1px solid #3b3324; border-left:3px solid #d4af37; border-radius:4px; letter-spacing:0; }
.reply-login-prompt a { color:#f0cd67; font-weight:600; text-decoration:none; border-bottom:1px solid rgba(240,205,103,.55); }
.reply-login-prompt a:hover { color:#fff2bd; border-bottom-color:#fff2bd; }
.editor-attachment-control { display:flex; align-items:center; gap:8px; min-height:31px; padding:4px 8px; background:#171717; border:1px solid #333; border-top:0; }
.attachment-toggle { padding:3px 9px; font-size:12px; line-height:1.4; }
.attachment-upload-panel { display:flex; align-items:center; gap:8px; }
.attachment-upload-panel[hidden] { display:none; }
.attachment-upload-panel .btn { display:inline-block; padding:3px 9px; font-size:12px; }
.reply-edit-menu { position:relative; display:inline-flex; align-items:center; }
.reply-edit-toggle { display:inline-flex !important; width:16px; height:16px; align-items:center; justify-content:center; padding:0; color:#d4af37; background:transparent; border:0; border-radius:0; font:inherit; font-size:10px; line-height:1; cursor:pointer; }
.reply-edit-options { position:absolute; right:0; top:calc(100% + 4px); z-index:20; min-width:max-content; gap:4px; padding:5px; background:#111; border:1px solid #555; border-radius:3px; box-shadow:0 3px 10px rgba(0,0,0,.35); }
.reply-edit-options.is-open { display:flex; }
.reply-edit-options .reply-action-link { padding:4px 7px; background:#1a1a1a; border:1px solid currentColor; border-radius:3px; font-size:12px; line-height:1.2; }
.editor-upload-options { display:flex; align-items:center; gap:10px; min-height:32px; }
.image-compress-control { display:inline-flex; align-items:center; gap:5px; color:#aaa; font-size:12px; white-space:nowrap; cursor:pointer; }
.image-compress-control input { width:auto; margin:0; padding:0; }
.attachment-limit { color:#999; font-size:12px; white-space:nowrap; }

/* 适配双风格平滑过渡：引用框 */
.forum-quote { border-left: 4px solid #d4af37; padding-left: 15px; margin: 15px 0; color: #fff; background: #2a2a2a; padding: 15px; border-radius: 4px; box-shadow: inset 0 0 10px rgba(0,0,0,0.8); transition: all 0.3s ease; }
.w-e-text blockquote, .w-e-text-container blockquote, .post-content blockquote, .forum-quote { background: #252b35 !important; color: #f4f7fb !important; border: 1px solid #4b596b !important; border-left: 4px solid #d4af37 !important; border-radius: 4px !important; padding: 12px 15px !important; box-shadow: 0 2px 10px rgba(0,0,0,0.55) !important; }
.thread-expand-content .post-content { color: #fff !important; }
.edit-history { color: #888; font-size: 12px; text-align: left; margin-top: 6px; }

/* 适配双风格平滑过渡：悬浮窗 */
#user-tooltip { position: fixed; z-index: 999999; max-width: calc(100vw - 24px); pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease; }
.tooltip-loading { background: rgba(0,0,0,0.8); color: #888; padding: 10px; border: 1px solid #333; border-radius: 4px; transition: all 0.3s ease; }
.user-tooltip-card { background: linear-gradient(145deg, #161616 0%, #0a0a0a 100%); border: 1px solid #5a4018; border-top: 3px solid #d4af37; border-radius: 8px; padding: 25px; min-width: min(280px, calc(100vw - 24px)); max-width: calc(100vw - 24px); box-sizing: border-box; box-shadow: 0 15px 40px rgba(0,0,0,0.9); position: relative; overflow: hidden; animation: fadeIn 0.2s ease-out; transition: all 0.3s ease; }
.tooltip-glow { position: absolute; top: -30px; right: -30px; width: 100px; height: 100px; background: radial-gradient(circle, rgba(212,175,55,0.2) 0%, transparent 70%); transition: all 0.3s ease; }
.tooltip-header { text-align: center; border-bottom: 1px solid rgba(212,175,55,0.2); padding-bottom: 15px; margin-bottom: 15px; transition: all 0.3s ease; }
.tooltip-username { color: #00ffcc; font-size: 20px; font-weight: bold; margin-bottom: 10px; letter-spacing: 1px; text-shadow: 0 0 10px rgba(0,255,204,0.3); transition: all 0.3s ease; }
.tooltip-badges { display: inline-flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; }
.badge-group { background: linear-gradient(90deg, #005588 0%, #003366 100%); color: #fff; padding: 4px 12px; border-radius: 15px; font-size: 11px; font-weight: bold; border: 1px solid #00ffcc; transition: all 0.3s ease; }
.badge-level { background: linear-gradient(90deg, #880000 0%, #cc0000 100%); color: #fff; padding: 4px 12px; border-radius: 15px; font-size: 11px; font-weight: bold; border: 1px solid #ff4444; transition: all 0.3s ease; }
.tooltip-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 12px; color: #aaa; text-align: center; }
.stat-item { background: rgba(0,0,0,0.6); padding: 10px; border-radius: 6px; border: 1px solid #222; transition: border-color 0.3s ease, background 0.3s ease; }
.stat-item:hover { border-color: #d4af37; }
.stat-label { color: #666; transition: all 0.3s ease; }
.stat-val { color: #fff; font-size: 16px; display: inline-block; margin-top: 5px; transition: all 0.3s ease; }
.gold-val { color: #ffcc00; }
.ingot-val { color: #00ff00; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* 优化：帖子行渐变高亮 (暗黑版) */
.thread-row { transition: all 0.3s ease; border: 1px solid #333; padding: 12px; margin-bottom: 8px; background: #111; display:flex; justify-content: space-between; align-items: center; }
.thread-row:hover {
    background: linear-gradient(90deg, #111 0%, #2a2010 50%, #111 100%);
    border-color: #d4af37;
    box-shadow: 0 0 15px rgba(212,175,55,0.15);
    transform: translateX(3px);
}

/* 适配双风格平滑过渡：悬浮窗样式 */
#user-tooltip { position: fixed; z-index: 999999; max-width: calc(100vw - 24px); pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease; }
.tooltip-loading { background: rgba(0,0,0,0.8); color: #888; padding: 10px; border: 1px solid #333; border-radius: 4px; transition: all 0.3s ease; }
.user-tooltip-card { background: linear-gradient(145deg, #161616 0%, #0a0a0a 100%); border: 1px solid #5a4018; border-top: 3px solid #d4af37; border-radius: 8px; padding: 25px; min-width: min(280px, calc(100vw - 24px)); max-width: calc(100vw - 24px); box-sizing: border-box; box-shadow: 0 15px 40px rgba(0,0,0,0.9); position: relative; overflow: hidden; animation: fadeIn 0.2s ease-out; transition: all 0.3s ease; }
.tooltip-glow { position: absolute; top: -30px; right: -30px; width: 100px; height: 100px; background: radial-gradient(circle, rgba(212,175,55,0.2) 0%, transparent 70%); transition: all 0.3s ease; }
.tooltip-header { text-align: center; border-bottom: 1px solid rgba(212,175,55,0.2); padding-bottom: 15px; margin-bottom: 15px; transition: all 0.3s ease; }
.tooltip-username { color: #00ffcc; font-size: 20px; font-weight: bold; margin-bottom: 10px; letter-spacing: 1px; text-shadow: 0 0 10px rgba(0,255,204,0.3); transition: all 0.3s ease; }
.tooltip-badges { display: inline-flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; }
.badge-group { background: linear-gradient(90deg, #005588 0%, #003366 100%); color: #fff; padding: 4px 12px; border-radius: 15px; font-size: 11px; font-weight: bold; border: 1px solid #00ffcc; transition: all 0.3s ease; }
.badge-level { background: linear-gradient(90deg, #880000 0%, #cc0000 100%); color: #fff; padding: 4px 12px; border-radius: 15px; font-size: 11px; font-weight: bold; border: 1px solid #ff4444; transition: all 0.3s ease; }
.tooltip-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 12px; color: #aaa; text-align: center; }
.stat-item { background: rgba(0,0,0,0.6); padding: 10px; border-radius: 6px; border: 1px solid #222; transition: border-color 0.3s ease, background 0.3s ease; }
.stat-item:hover { border-color: #d4af37; }
.stat-label { color: #666; transition: all 0.3s ease; }
.stat-val { color: #fff; font-size: 16px; display: inline-block; margin-top: 5px; transition: all 0.3s ease; }
.gold-val { color: #ffcc00; }
.ingot-val { color: #00ff00; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }