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

.v-container { max-width:1200px; margin:0 auto; padding:0 15px }

.v-header {
    padding:20px 0;
    margin-bottom:20px;
}
.v-logo {
    font-size:24px;
    font-weight:bold;
    color:#000 !important;
}

.v-bread {
    background:#fff;
    padding:12px 18px;
    border-radius:8px;
    font-size:13px;
    color:#777;
    margin-bottom:20px;
    border-left:3px solid var(--sc);
}

.v-row { display:flex; gap:25px; margin-bottom:30px }
.v-main { flex:1 }
.v-side { width:300px }
@media(max-width:900px) {
    .v-row{flex-direction:column}
    .v-side{width:100%}
}

.v-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}
@media(max-width:768px) {
    .v-grid{grid-template-columns:1fr}
}
.v-card {
    background:#fff;
    padding:20px;
    border-radius:10px;
    box-shadow:0 1px 3px rgba(0,0,0,0.04);
}
.v-thumb { height:140px; border-radius:6px; overflow:hidden; margin-bottom:12px }
.v-thumb img { width:100%; height:100%; object-fit:cover }
.v-title { font-size:17px; font-weight:500; margin-bottom:6px }
.v-meta { font-size:12px; color:#999; margin-bottom:8px }
.v-desc { font-size:14px; color:#555 }

.v-pager { text-align:center; margin:30px 0 }
.v-pager a,.v-pager span {
    display:inline-block; padding:7px 14px;
    background:#fff; border:1px solid #eee;
    border-radius:6px; margin:0 3px;
}
.v-pager .current {
    background:var(--sc);
    color:#fff;
    border-color:var(--sc);
}

.v-widget {
    background:#fff;
    padding:20px;
    border-radius:10px;
    margin-bottom:20px;
}
.v-widget h3 {
    font-size:16px;
    padding-bottom:10px;
    border-bottom:2px solid var(--sc);
    margin-bottom:15px;
}
.v-widget li { padding:6px 0; border-bottom:1px dashed #eee }

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

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

.v-related { background:#fff; padding:25px; border-radius:10px; margin-top:20px }

.v-like {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin:30px 0;
}
@media(max-width:768px){.v-like{grid-template-columns:repeat(2,1fr)}}
.v-like-item { background:#fff; border-radius:8px; overflow:hidden }
.v-like-img { height:120px }
.v-like-img img { width:100%; height:100%; object-fit:cover }
.v-like-title {
    padding:12px;
    font-size:14px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.v-footer {
    color:#fff;
    text-align:center;
    padding:25px 0;
    margin-top:30px;
    font-size:13px;
    background:var(--sc);
}
a:hover { color:var(--sc); }