/*
Theme Name: portal2
Author: Dev
Version: 1.0
Description: 独立随机色彩SEO主题
*/
* { margin:0; padding:0; box-sizing:border-box }
body {
    font-family: "Microsoft YaHei", sans-serif;
    font-size:15px;
    color:#333;
    background:#f7f8fa;
    line-height:1.7;
}
a { text-decoration:none; color:#333 }
img { max-width:100%; height:auto; display:block }
ul { list-style:none }

/* 主容器 */
.cw-container { max-width:1180px; margin:0 auto; padding:0 15px }

/* 头部 */
.cw-header {
    background:#fff;
    padding:20px 0;
    box-shadow:0 1px 3px rgba(0,0,0,.04);
    margin-bottom:20px
}
.cw-logo {
    font-size:24px;
    font-weight:bold;
    color:<?php $c=["#409eff","#67c23a","#e6a23c","#f56c6c","#a855f7"]; echo $c[array_rand($c)]; ?>;
}

/* 面包屑 */
.cw-crumb {
    background:#fff;
    padding:12px 15px;
    border-radius:8px;
    font-size:13px;
    color:#909399;
    margin-bottom:20px
}

/* 布局 */
.cw-row { display:flex; gap:25px; margin-bottom:30px }
.cw-main { flex:1 }
.cw-sidebar { width:300px }
@media(max-width:900px){
    .cw-row{flex-direction:column}
    .cw-sidebar{width:100%}
}

/* 文章卡片 */
.cw-card {
    background:#fff;
    padding:22px;
    border-radius:10px;
    margin-bottom:18px;
    display:flex;
    gap:20px;
    box-shadow:0 1px 2px rgba(0,0,0,.03)
}
.cw-thumb { width:180px; height:125px; border-radius:6px; overflow:hidden; flex-shrink:0 }
.cw-thumb img { width:100%; height:100%; object-fit:cover }
.cw-title { font-size:17px; font-weight:500; margin-bottom:6px }
.cw-meta { font-size:12px; color:#909399; margin-bottom:8px }
.cw-desc { font-size:14px; color:#666 }

/* 分页 */
.cw-pager { text-align:center; margin:30px 0 }
.cw-pager a,.cw-pager span {
    display:inline-block; padding:7px 14px;
    background:#fff; border:1px solid #eee;
    border-radius:6px; margin:0 3px;
}

/* 侧边 */
.cw-widget {
    background:#fff;
    padding:20px;
    border-radius:10px;
    margin-bottom:20px;
}
.cw-widget h3 {
    font-size:16px;
    padding-bottom:10px;
    border-bottom:2px solid #409eff;
    margin-bottom:15px;
}
.cw-widget li { padding:6px 0; border-bottom:1px dashed #eee }

/* 内容页 */
.cw-single { background:#fff; padding:40px; border-radius:10px }
.cw-single h1 { font-size:24px; text-align:center; margin-bottom:20px }
.cw-content { font-size:16px; line-height:2 }

/* 上下篇 */
.cw-postnav {
    display:flex;
    justify-content:space-between;
    margin:30px 0;
}
.cw-postnav a {
    background:#fff;
    padding:12px 18px;
    border-radius:8px;
    border:1px solid #eee;
}

/* 相关 */
.cw-related {
    background:#fff;
    padding:25px;
    border-radius:10px;
    margin-top:20px;
}

/* 猜你喜欢 4列 */
.cw-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin:30px 0;
}
@media(max-width:768px){.cw-grid{grid-template-columns:repeat(2,1fr)}}
.cw-grid-box { background:#fff; border-radius:8px; overflow:hidden }
.cw-grid-img { height:110px }
.cw-grid-img img { width:100%; height:100%; object-fit:cover }
.cw-grid-info { padding:12px }
.cw-grid-title {
    font-size:14px;
    line-height:1.5;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

/* 底部 */
.cw-footer {
    background:#222;
    color:#aaa;
    text-align:center;
    padding:25px 0;
    margin-top:30px;
    font-size:13px;
}
/* 相关文章列表 */
.cw-related-list {
    list-style: none;
    padding: 0;
    margin: 15px 0 0;
}
.cw-related-list li {
    padding: 8px 0;
    border-bottom: 1px dashed #eee;
}
.cw-related-list a {
    color: #333;
    font-size: 14px;
}
.cw-related-list a:hover {
    color: #409eff;
}

/* 猜你喜欢卡片 hover */
.cw-grid-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 3px 8px rgba(0,0,0,.08);
    transition: all .3s;
}
.cw-grid-box a {
    display: block;
    color: #333;
}