/* Coinpoker官网登录入口 - 全局SEO优化样式 */
:root {
    --css365jz-bg-dark: #0b0e14;
    --css365jz-bg-card: #151922;
    --css365jz-primary: #f59e0b;
    --css365jz-primary-hover: #d97706;
    --css365jz-text-main: #f8fafc;
    --css365jz-text-sub: #94a3b8;
    --css365jz-border: #1e293b;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif; background-color: var(--css365jz-bg-dark); color: var(--css365jz-text-main); line-height: 1.6; }
a { text-decoration: none; color: var(--css365jz-primary); transition: all 0.3s ease; }
a:hover { color: var(--css365jz-primary-hover); }
ul, li { list-style: none; }
img { max-width: 100%; height: auto; display: block; }
.ze378ccontainer { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* 按钮样式 */
.ze378cbtn { display: inline-block; padding: 12px 28px; background: var(--css365jz-primary); color: #000; font-weight: bold; border-radius: 6px; font-size: 16px; border: 2px solid var(--css365jz-primary); }
.ze378cbtn:hover { background: transparent; color: var(--css365jz-primary); }
.ze378cbtn_outline { background: transparent; color: var(--css365jz-primary); }
.ze378cbtn_outline:hover { background: var(--css365jz-primary); color: #000; }
.ze378cbtn_sm { padding: 8px 16px; font-size: 14px; }

/* 头部导航 */
.ze378cheader { background: rgba(11, 14, 20, 0.95); backdrop-filter: blur(10px); padding: 15px 0; position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid var(--css365jz-border); }
.ze378cnav_container { display: flex; justify-content: space-between; align-items: center; }
.ze378clogo { font-size: 26px; font-weight: 800; color: #fff; letter-spacing: 1px; }
.ze378clogo span { color: var(--css365jz-primary); }
.ze378cnav { display: flex; align-items: center; gap: 25px; }
.ze378cnav a { color: var(--css365jz-text-sub); font-size: 15px; font-weight: 500; position: relative; }
.ze378cnav a:hover, .ze378cnav a.current { color: #fff; }
.ze378cnav a.current::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background: var(--css365jz-primary); }

/* Hero 首屏 */
.ze378chero { padding: 100px 0; background: radial-gradient(circle at top right, #1e293b 0%, #0b0e14 60%); overflow: hidden; }
.ze378chero_inner { display: flex; align-items: center; gap: 60px; }
.ze378chero_text { flex: 1; }
.ze378chero_text h1 { font-size: 48px; line-height: 1.2; margin-bottom: 20px; }
.ze378chero_text h1 em { font-style: normal; color: var(--css365jz-primary); }
.ze378chero_text p { font-size: 18px; color: var(--css365jz-text-sub); margin-bottom: 35px; max-width: 500px; }
.ze378chero_actions { display: flex; gap: 15px; margin-bottom: 30px; }
.ze378chero_img { flex: 1; position: relative; }
.ze378chero_img img { border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,0.5); }

/* 特性区块 (参考新浪邮箱左右交替布局) */
.ze378cfeature { padding: 100px 0; border-bottom: 1px solid var(--css365jz-border); }
.ze378cfeature_inner { display: flex; align-items: center; gap: 80px; }
.ze378cfeature:nth-child(even) .ze378cfeature_inner { flex-direction: row-reverse; }
.ze378cfeature_text { flex: 1; }
.ze378cfeature_text h2 { font-size: 36px; margin-bottom: 20px; color: #fff; }
.ze378cfeature_text p { font-size: 16px; color: var(--css365jz-text-sub); line-height: 1.8; margin-bottom: 20px; }
.ze378cfeature_img { flex: 1; }
.ze378cfeature_img img { border-radius: 12px; border: 1px solid var(--css365jz-border); }

/* 首页底部CTA */
.ze378ccta { padding: 80px 0; text-align: center; background: var(--css365jz-bg-card); }
.ze378ccta h2 { font-size: 32px; margin-bottom: 15px; }
.ze378ccta p { color: var(--css365jz-text-sub); margin-bottom: 30px; font-size: 18px; }
.ze378cqr_wrap { display: inline-flex; flex-direction: column; align-items: center; margin-top: 20px; }
.ze378cqr_wrap img { width: 120px; height: 120px; background: #fff; padding: 10px; border-radius: 8px; margin-bottom: 10px; }
.ze378cqr_wrap span { font-size: 14px; color: var(--css365jz-text-sub); }

/* 列表页与文章页通用 */
.ze378cpage_banner { background: var(--css365jz-bg-card); padding: 60px 0 40px; border-bottom: 1px solid var(--css365jz-border); text-align: center; }
.ze378cpage_banner h1 { font-size: 32px; margin-bottom: 15px; }
.ze378cbreadcrumb { font-size: 14px; color: var(--css365jz-text-sub); }
.ze378cbreadcrumb a { color: var(--css365jz-text-sub); }
.ze378cbreadcrumb a:hover { color: var(--css365jz-primary); }
.ze378ccontent_wrap { display: flex; gap: 40px; padding: 60px 0; }
.ze378cmain_content { flex: 3; }
.ze378csidebar { flex: 1; }

/* 文章列表 */
.ze378carticle_list { display: flex; flex-direction: column; gap: 30px; }
.ze378carticle_list li { display: flex; gap: 25px; background: var(--css365jz-bg-card); padding: 20px; border-radius: 8px; border: 1px solid var(--css365jz-border); transition: border-color 0.3s; }
.ze378carticle_list li:hover { border-color: var(--css365jz-primary); }
.ze378carticle_list img { width: 240px; height: 160px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }
.ze378carticle_list_info { display: flex; flex-direction: column; justify-content: space-between; }
.ze378carticle_list_info h3 { font-size: 20px; margin-bottom: 10px; }
.ze378carticle_list_info h3 a { color: #fff; }
.ze378carticle_list_info h3 a:hover { color: var(--css365jz-primary); }
.ze378carticle_list_info p { font-size: 14px; color: var(--css365jz-text-sub); margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ze378carticle_meta { font-size: 13px; color: #64748b; display: flex; gap: 15px; }

/* 产品/赛程网格列表 */
.ze378cnews_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.ze378cnews_card { background: var(--css365jz-bg-card); border: 1px solid var(--css365jz-border); border-radius: 8px; overflow: hidden; transition: transform 0.3s; }
.ze378cnews_card:hover { transform: translateY(-5px); border-color: var(--css365jz-primary); }
.ze378cnews_card img { width: 100%; height: 180px; object-fit: cover; }
.ze378cnews_card_info { padding: 20px; }
.ze378cnews_card_info h4 { font-size: 16px; margin-bottom: 10px; }
.ze378cnews_card_info h4 a { color: #fff; }

/* 分页 */
.ze378cpagination { margin-top: 40px; display: flex; justify-content: center; gap: 10px; }
.ze378cpagination a { display: inline-block; padding: 8px 15px; background: var(--css365jz-bg-card); border: 1px solid var(--css365jz-border); color: var(--css365jz-text-sub); border-radius: 4px; font-size: 14px; }
.ze378cpagination a:hover, .ze378cpagination a.current { background: var(--css365jz-primary); color: #000; border-color: var(--css365jz-primary); font-weight: bold; }

/* 侧边栏 */
.ze378csidebar_box { background: var(--css365jz-bg-card); border: 1px solid var(--css365jz-border); border-radius: 8px; padding: 25px; margin-bottom: 30px; }
.ze378csidebar_box h3 { font-size: 18px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--css365jz-primary); display: inline-block; }
.ze378csidebar_list li { margin-bottom: 15px; border-bottom: 1px dashed var(--css365jz-border); padding-bottom: 15px; }
.ze378csidebar_list li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.ze378csidebar_list a { color: var(--css365jz-text-sub); font-size: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ze378csidebar_list a:hover { color: var(--css365jz-primary); }

/* 文章详情 */
.ze378carticle_header { margin-bottom: 30px; border-bottom: 1px solid var(--css365jz-border); padding-bottom: 20px; }
.ze378carticle_header h1 { font-size: 28px; margin-bottom: 15px; }
.ze378carticle_body { font-size: 16px; line-height: 2; color: #cbd5e1; }
.ze378carticle_body p { margin-bottom: 20px; }
.ze378carticle_body img { margin: 20px auto; border-radius: 8px; }
.ze378ctags { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--css365jz-border); display: flex; gap: 10px; flex-wrap: wrap; }
.ze378ctags a { padding: 5px 12px; background: var(--css365jz-bg-card); border: 1px solid var(--css365jz-border); border-radius: 20px; font-size: 13px; color: var(--css365jz-text-sub); }
.ze378ctags a:hover { border-color: var(--css365jz-primary); color: var(--css365jz-primary); }
.ze378cprenext { margin-top: 30px; display: flex; flex-direction: column; gap: 15px; font-size: 15px; }
.ze378cprenext a { color: var(--css365jz-text-sub); }
.ze378cprenext a:hover { color: var(--css365jz-primary); }

/* 页脚 */
.ze378cfooter { background: #05070a; padding: 60px 0 30px; border-top: 1px solid var(--css365jz-border); margin-top: 40px; }
.ze378cfooter_inner { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.ze378cfooter_col h4 { font-size: 18px; margin-bottom: 20px; color: #fff; }
.ze378cfooter_col p { font-size: 14px; color: var(--css365jz-text-sub); line-height: 1.8; }
.ze378cfooter_col a { display: block; font-size: 14px; color: var(--css365jz-text-sub); margin-bottom: 12px; }
.ze378cfooter_col a:hover { color: var(--css365jz-primary); }
.ze378ccopyright { text-align: center; padding-top: 30px; border-top: 1px solid var(--css365jz-border); font-size: 13px; color: #475569; }

/* 响应式 */
@media (max-width: 992px) {
    .ze378chero_inner, .ze378cfeature_inner, .ze378cfeature:nth-child(even) .ze378cfeature_inner { flex-direction: column; text-align: center; }
    .ze378chero_text p { margin: 0 auto 35px; }
    .ze378chero_actions { justify-content: center; }
    .ze378ccontent_wrap { flex-direction: column; }
    .ze378cnews_grid { grid-template-columns: repeat(2, 1fr); }
    .ze378cfooter_inner { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .ze378carticle_list li { flex-direction: column; }
    .ze378carticle_list img { width: 100%; height: 200px; }
    .ze378cnews_grid { grid-template-columns: 1fr; }
    .ze378chero_text h1 { font-size: 32px; }
    .ze378cnav { gap: 15px; }
}