:root{--primary:#10B981;--primary-dark:#059669;--secondary:#3B82F6;--success:#22C55E;--warning:#F59E0B;--danger:#EF4444;--gold:#FFD700;--silver:#C0C0C0;--bronze:#CD7F32;--bg:#F0FDF4;--card-bg:#FFFFFF;--text:#064E3B;--text-secondary:#3D6B4F;--text-light:#8BA89A;--border:#BBF7D0;--shadow:0 2px 8px rgba(16,185,129,0.1)}
/* ===== Frontend Visual Enhancement ===== */

/* 1. 动态渐变背景 */
html,body{min-height:100%;}
body{background:linear-gradient(135deg,#ffffff 0%,var(--bg) 50%,#f8fafc 100%);background-size:200% 200%;animation:bodyGradient 20s ease infinite;}
@keyframes bodyGradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,0,0,0.02) 0%,transparent 35%),radial-gradient(circle at 80% 70%,rgba(0,0,0,0.02) 0%,transparent 35%);pointer-events:none;z-index:-1;}

/* 2. 卡片质感 */
body .card,body .hall-card,body .pc-post-card,body .pc-hall-card,body .pc-sidebar-section,body .pc-filter-bar,body .pc-sort-bar,body .filter-bar{border-radius:16px;background:rgba(255,255,255,0.96);border:1px solid rgba(255,255,255,0.7);box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);transition:transform 0.25s ease,box-shadow 0.25s ease;}
body .hall-banner{border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);transition:transform 0.25s ease,box-shadow 0.25s ease;}
body .card:hover,body .hall-card:hover,body .pc-post-card:hover,body .pc-hall-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1);}

/* 3. 按钮渐变与图标 */
body .btn{border-radius:10px;font-weight:600;letter-spacing:0.01em;transition:all 0.2s ease;}
body .btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:0 4px 14px rgba(0,0,0,0.12);}
body .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.18);}
body .btn-secondary{background:linear-gradient(135deg,var(--secondary) 0%,#2563EB 100%);box-shadow:0 4px 14px rgba(0,0,0,0.12);}
body .btn-success{background:linear-gradient(135deg,var(--success) 0%,#16A34A 100%);}
body .btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#DC2626 100%);}
body .btn-outline{background:#fff;border:1px solid rgba(0,0,0,0.1);color:var(--primary);}
body .btn-primary::before{content:'✨ ';}
body .btn-success::before{content:'✅ ';}
body .btn-danger::before{content:'⚠️ ';}
body .btn-secondary::before{content:'🔹 ';}

/* 4. 导航/顶部栏玻璃拟态 */
body .hall-topbar,body .tab-bar,body .pc-header,body .filter-bar{background:rgba(255,255,255,0.92) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.6);box-shadow:0 2px 12px rgba(0,0,0,0.06);}

/* 5. 标题层级 */
body h1,body h2,body h3,body .title{font-weight:700;letter-spacing:-0.01em;}
body .title{text-shadow:0 1px 2px rgba(0,0,0,0.06);}

/* 6. 标签页签美化 */
body .game-tab.active,body .category-tab.active,body .filter-tag.active,body .pc-hall-cat.active,body .pc-hall-subcat.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff !important;border-color:transparent;box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:20px;}
body .game-tab,body .category-tab,body .filter-tag,body .pc-hall-cat,body .pc-hall-subcat{transition:all 0.2s ease;}
body .game-tab:hover,body .category-tab:hover,body .filter-tag:hover,body .pc-hall-cat:hover,body .pc-hall-subcat:hover{transform:translateY(-1px);}

/* 7. 列表/标题图标 */
body .card h3::before,body .pc-sidebar-section h4::before{content:'▎';color:var(--primary);margin-right:6px;}
body .pc-nav a[href*="hall"]::before{content:'🏆 ';}
body .pc-nav a[href*="lottery"]::before{content:'📰 ';}
body .pc-nav a[href*="message"]::before{content:'💬 ';}
body .pc-nav a[href*="index"]::before{content:'🏠 ';}

/* 8. 淡入动画 */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
body .card,body .hall-card,body .pc-post-card,body .pc-hall-card,body .pc-sidebar-section{animation:fadeInUp 0.5s ease both;}

/* 9. 重点数据高亮 */
body .hall-streak,body .hall-record span,body .pc-hall-record span{font-weight:700;color:var(--primary);}