/*
Theme Name: Xianhui Trader
Theme URI: https://xianhuitrader.com
Author: Xianhui
Description: Crypto trading education theme
Version: 1.0
*/

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    color: #222;
}

.container {

    width:1200px;

    max-width:90%;

    margin:0 auto;

}

/* ===== 首页 Hero 区域 ===== */

.hero {
    padding: 100px 0;
    background: #f7f9fc;
}


.hero-content{

display:flex;

align-items:center;

justify-content:space-between;

gap:40px;


}


.hero-text {
    width: 48%;
}


.hero-text h1 {
    font-size:48px;
    font-weight:700;
    margin-bottom:20px;
}


.hero-text h2 {
    font-size: 32px;
    margin-bottom: 20px;
}


.hero-text p {
    font-size: 18px;
    line-height: 1.8;
    color: #666;
}


.hero-buttons {
    margin-top: 35px;
}


.btn {
    display: inline-block;
    padding: 14px 30px;
    background: #111;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    margin-right: 15px;
}


.btn.outline {
    background: white;
    color: #111;
    border: 1px solid #111;
}


.hero-image {
    width: 45%;
    max-width:600px;
}

.hero-image img{

width:100%;

height:380px;

object-fit:cover;

border-radius:24px;

display:block;

}


.chart-box {
    height: 320px;
    background: #111;
    color: white;
    border-radius: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 30px;
}

.chart-box{

height:320px;
background:#0f172a;
color:white;
border-radius:20px;

padding:40px;

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

}


.chart-title{

font-size:22px;
margin-bottom:40px;

}


.chart-line{

font-size:45px;

letter-spacing:5px;

}


.chart-info{

margin-top:40px;

color:#aaa;

}

html,body{

overflow-x:hidden;

}

/* ===== Header导航 ===== */


.site-header{

height:80px;

background:white;

border-bottom:1px solid #eee;

}


.header-inner{

height:100%;

display:flex;

align-items:center;

justify-content:space-between;

}



.logo a{

font-size:26px;

font-weight:700;

color:#111;

text-decoration:none;

}



.main-nav ul{

display:flex;

list-style:none;

gap:35px;

margin:0;

padding:0;

}



.main-nav a{

text-decoration:none;

color:#222;

font-size:16px;

}



.main-nav a:hover{

color:#2563eb;

}



.search{

font-size:22px;

}

/* ===== 三大入口 ===== */


.category-section{

padding:80px 0;

background:white;

}


.category-section h2{

text-align:center;

font-size:36px;

margin-bottom:50px;

}



.category-cards{

display:flex;

gap:30px;

justify-content:center;

}



.category-card{

flex:1;

background:#f8fafc;

padding:40px;

border-radius:20px;

}



.category-card h3{

font-size:26px;

margin-bottom:20px;

}



.category-card p{

color:#666;

line-height:1.8;

}



.category-card a{

display:inline-block;

margin-top:20px;

color:#111;

text-decoration:none;

font-weight:600;

}

/* ===== 热门文章 ===== */


.featured-section{

padding:80px 0;

background:#f7f9fc;

}



.featured-section h2{

text-align:center;

font-size:36px;

margin-bottom:50px;

}



.article-cards{

display:flex;

gap:30px;

}



.article-card{

background:white;

padding:35px;

border-radius:20px;

flex:1;

}



.article-card h3{

font-size:22px;

line-height:1.5;

}



.article-card p{

color:#666;

line-height:1.8;

margin-top:15px;

}



.article-card a{

display:inline-block;

margin-top:20px;

color:#111;

text-decoration:none;

font-weight:bold;

}