/* ==========================================
   酷汇外汇网 - 全站现代化样式优化
   创建时间: 2025-11-26
   适用范围: 整站(Portal/Forum/Home)
   ========================================== */

/* ========== 全局基础样式 ========== */
* {
    box-sizing: border-box;
}

body {
    background: #f5f7fa !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    color: #333 !important;
}

.wp {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

/* ========== 顶部导航栏美化 ========== */
#toptb {
    background: #fff !important;
    border-bottom: 1px solid #e8e8e8 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

#toptb a {
    color: #666 !important;
    transition: color 0.3s ease;
}

#toptb a:hover {
    color: #1890ff !important;
    background: #f0f7ff !important;
}

/* ========== 主导航栏美化 ========== */
#hl_nv {
    background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%) !important;
    box-shadow: 0 2px 12px rgba(24, 144, 255, 0.3);
}

#hl_nv li a {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 500;
    padding: 0 24px !important;
    transition: all 0.3s ease;
}

#hl_nv li a:hover,
#hl_nv li.a a {
    background: rgba(255, 255, 255, 0.2) !important;
    text-decoration: none;
}

/* ========== LOGO区域 ========== */
#hd {
    background: #fff !important;
    border-bottom: 1px solid #f0f0f0;
}

#hd .hdc {
    padding: 20px 0;
}

/* ========== Portal 门户页面 ========== */

/* Portal - 面包屑导航 */
#pt.bm {
    background: #fff;
    border-radius: 8px;
    padding: 14px 24px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border: none;
}

#pt .z a {
    color: #666;
    transition: all 0.3s ease;
    padding: 4px 8px;
    border-radius: 4px;
}

#pt .z a:hover {
    color: #1890ff;
    background: #f0f7ff;
    text-decoration: none;
}

#pt .z em {
    color: #d9d9d9;
}

/* Portal - 分类标题 */
.hl_lb_pdmc {
    background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%) !important;
    border-radius: 8px !important;
    padding: 24px 28px !important;
    margin-bottom: 16px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(24,144,255,0.2) !important;
}

.hl_lb_pdmc h1 {
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    border: none !important;
    margin: 0 !important;
}

.hl_lb_pdmc .y a {
    color: rgba(255,255,255,0.95) !important;
    background: rgba(255,255,255,0.15) !important;
    padding: 8px 18px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    text-decoration: none !important;
}

.hl_lb_pdmc .y a:hover {
    background: rgba(255,255,255,0.25) !important;
    border-color: rgba(255,255,255,0.5) !important;
}

/* Portal - 子分类导航 */
.hl_lb_xjfl {
    background: #fff !important;
    padding: 16px 24px !important;
    border-radius: 8px !important;
    margin: 16px 0 !important;
    border: 1px solid #e8e8e8 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.hl_lb_xjfl a {
    color: #666 !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin: 4px !important;
}

.hl_lb_xjfl a:hover {
    background: #1890ff !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Portal - 文章列表项 */
.hl_lb_nrys {
    background: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 24px !important;
    margin-bottom: 16px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    position: relative !important;
    overflow: hidden !important;
}

.hl_lb_nrys::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 4px !important;
    background: linear-gradient(180deg, #1890ff 0%, #096dd9 100%) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.hl_lb_nrys:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}

.hl_lb_nrys:hover::before {
    opacity: 1 !important;
}

/* Portal - 文章缩略图 */
.hl_atc {
    float: left !important;
    margin-right: 24px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

.hl_atc img {
    display: block !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border-radius: 8px !important;
    width: 230px !important;
    height: 150px !important;
    object-fit: cover !important;
}

.hl_lb_nrys:hover .hl_atc img {
    transform: scale(1.08) !important;
}

/* Portal - 文章标题 */
.hl_lb_btys {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #262626 !important;
    line-height: 1.6 !important;
    transition: color 0.3s ease !important;
    display: inline-block !important;
}

.hl_lb_btys:hover {
    color: #1890ff !important;
    text-decoration: none !important;
}

/* Portal - 文章摘要 */
.hl_lb_jjgd {
    color: #666 !important;
    line-height: 1.8 !important;
    margin: 14px 0 !important;
    font-size: 14px !important;
}

.hl_lb_jjgd i {
    font-style: normal !important;
}

/* Portal - 文章元信息 */
.hl_nr dd {
    color: #999 !important;
    font-size: 13px !important;
    margin-top: 12px !important;
}

.hl_nr dd .pipe {
    color: #d9d9d9 !important;
    margin: 0 6px !important;
}

/* Portal - 侧边栏盒子 */
.sidebar_box {
    background: #fff !important;
    border-radius: 10px !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.sidebar_box:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
    transform: translateY(-2px) !important;
}

/* Portal - 侧边栏标题 */
.sidebar_title {
    background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%) !important;
    padding: 16px 24px !important;
    border: none !important;
    margin: 0 !important;
}

.sidebar_title h2 {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* Portal - 侧边栏内容 */
.sidebar_con {
    padding: 20px !important;
}

.sidebar_con a {
    color: #666 !important;
    transition: color 0.3s ease !important;
}

.sidebar_con a:hover {
    color: #1890ff !important;
    text-decoration: none !important;
}

/* ========== 论坛 Forum 页面 ========== */

/* Forum - 版块列表 */
.bm {
    background: #fff !important;
    border-radius: 10px !important;
    border: none !important;
    margin-bottom: 16px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

.bm_h {
    background: linear-gradient(to right, #f8f9fa, #fff) !important;
    border-bottom: 2px solid #f0f0f0 !important;
    padding: 16px 24px !important;
    border-radius: 10px 10px 0 0 !important;
}

.bm_h h2 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #262626 !important;
}

.bm_c {
    padding: 20px !important;
}

/* Forum - 主题列表 */
.tl th,
.tl td {
    padding: 16px 12px !important;
}

.tl tbody tr {
    transition: all 0.3s ease !important;
    border-bottom: 1px solid #f5f5f5 !important;
}

.tl tbody tr:hover {
    background: #f8f9fa !important;
}

.tl a {
    color: #333 !important;
    transition: color 0.3s ease !important;
}

.tl a:hover {
    color: #1890ff !important;
    text-decoration: none !important;
}

/* Forum - 帖子内容 */
.plc {
    background: #fff !important;
    border-radius: 8px !important;
    padding: 24px !important;
    margin-bottom: 16px !important;
}

.pcb {
    line-height: 1.8 !important;
    font-size: 15px !important;
}

/* ========== 分页器美化 ========== */
.pgs {
    padding: 24px 0 !important;
}

.pgs .pg a,
.pgs .pg strong {
    border-radius: 6px !important;
    padding: 10px 16px !important;
    margin: 0 4px !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e8e8e8 !important;
    background: #fff !important;
}

.pgs .pg a:hover {
    background: #1890ff !important;
    color: #fff !important;
    border-color: #1890ff !important;
    text-decoration: none !important;
    transform: translateY(-2px) !important;
}

.pgs .pg strong {
    background: #1890ff !important;
    color: #fff !important;
    border-color: #1890ff !important;
}

/* ========== 按钮美化 ========== */
button,
.btn,
.pn {
    background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(24,144,255,0.3) !important;
}

button:hover,
.btn:hover,
.pn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 16px rgba(24,144,255,0.4) !important;
    text-decoration: none !important;
}

/* ========== 表单美化 ========== */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #d9d9d9 !important;
    border-radius: 6px !important;
    padding: 10px 16px !important;
    transition: all 0.3s ease !important;
    font-size: 14px !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
    border-color: #1890ff !important;
    box-shadow: 0 0 0 2px rgba(24,144,255,0.2) !important;
    outline: none !important;
}

/* ========== 标签/Tag 美化 ========== */
.con_list_t a,
.tg a {
    display: inline-block !important;
    padding: 6px 14px !important;
    margin: 4px !important;
    background: #f5f5f5 !important;
    border-radius: 6px !important;
    color: #666 !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    border: 1px solid transparent !important;
    text-decoration: none !important;
}

.con_list_t a:hover,
.tg a:hover {
    background: #1890ff !important;
    color: #fff !important;
    border-color: #1890ff !important;
    transform: translateY(-2px) !important;
}

/* ========== 用户头像美化 ========== */
.avt img {
    border-radius: 50% !important;
    border: 2px solid #e8e8e8 !important;
    transition: all 0.3s ease !important;
}

.avt img:hover {
    border-color: #1890ff !important;
    transform: scale(1.05) !important;
}

/* ========== 消息提示框 ========== */
.ntc,
.alert {
    border-radius: 8px !important;
    padding: 16px 20px !important;
    margin-bottom: 16px !important;
    border-left: 4px solid #1890ff !important;
}

/* ========== Footer 页脚美化 ========== */
.hl_footer {
    margin-top: 32px !important;
    background: #fff !important;
    border-top: 1px solid #e8e8e8 !important;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.04) !important;
}

.hl_fttop {
    background: #262626 !important;
    color: #999 !important;
    padding: 40px 0 !important;
}

.hl_links a {
    color: #999 !important;
    transition: color 0.3s ease !important;
}

.hl_links a:hover {
    color: #1890ff !important;
    text-decoration: none !important;
}

/* ========== 响应式优化 ========== */
@media (max-width: 1200px) {
    .wp {
        padding: 0 16px;
    }
    
    .hl_lb_nrys {
        padding: 20px !important;
    }
    
    .hl_lb_btys {
        font-size: 16px !important;
    }
    
    .hl_atc img {
        width: 180px !important;
        height: 120px !important;
    }
}

@media (max-width: 768px) {
    .hl_atc {
        float: none !important;
        margin: 0 0 16px 0 !important;
    }
    
    .hl_atc img {
        width: 100% !important;
        height: auto !important;
    }
    
    #hl_nv li a {
        padding: 0 16px !important;
        font-size: 14px !important;
    }
}

/* ========== 滚动条美化 ========== */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #096dd9 0%, #0050b3 100%);
}

/* ========== 加载动画 ========== */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.bm,
.hl_lb_nrys,
.sidebar_box {
    animation: fadeIn 0.4s ease-out;
}

/* ========== 高亮搜索结果 ========== */
.highlight {
    background: linear-gradient(to right, #fff3cd, #fff9e6) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    color: #856404 !important;
}

/* ========== 打印样式优化 ========== */
@media print {
    #toptb,
    #hl_nv,
    .sidebar_box,
    .hl_footer {
        display: none !important;
    }
    
    body {
        background: #fff !important;
    }
    
    .bm,
    .hl_lb_nrys {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
}