/*
Theme Name: portal12
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:#fffbf5;
    line-height:1.7;
}
a { color:#333; text-decoration:none }
a:hover { color:#e69100 }
img { max-width:100%; height:auto; border-radius:6px; display:block }
ul { list-style:none }

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

/* 头部 金色阳光 */
.gs-header {
    background:#ffb700;
    padding:22px 0;
    margin-bottom:20px;
}
.gs-logo {
    font-size:24px;
    font-weight:bold;
    color:#333;
}
.gs-logo a { color:#333; }

/* 面包屑 */
.gs-bread {
    background:#fff;
    padding:12px 18px;
    border-radius:8px;
    font-size:13px;
    color:#777;
    margin-bottom:20px;
    border-left:3px solid #ff9800;
}

/* 布局 */
.gs-row { display:flex; gap:25px; margin-bottom:30px }
.gs-main { flex:1 }
.gs-side { width:300px }

/* 瀑布流 */
.gs-masonry {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

/* 文章卡片 */
.gs-card {
    background:#fff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(0,0,0,.04);
    transition:all .3s;
}
.gs-card:hover { transform:translateY(-4px); }
.gs-thumb { border-radius:8px; overflow:hidden; margin-bottom:12px }
.gs-thumb img { width:100%; object-fit:cover; }
.gs-title { font-size:17px; font-weight:500; margin-bottom:6px }
.gs-meta { font-size:12px; color:#999; margin-bottom:8px }
.gs-desc { font-size:14px; color:#555 }

/* 分页 */
.gs-pager { text-align:center; margin:30px 0 }
.gs-pager a,.gs-pager span {
    display:inline-block; padding:8px 15px;
    background:#fff; border:1px solid #eee;
    border-radius:6px; margin:0 3px;
}
.gs-pager .current { background:#ff9800; color:#fff; border-color:#ff9800 }

/* 侧边栏 */
.gs-widget {
    background:#fff;
    padding:20px;
    border-radius:12px;
    margin-bottom:20px;
}
.gs-widget h3 {
    font-size:16px;
    padding-bottom:10px;
    border-bottom:2px solid #ffb700;
    margin-bottom:15px;
}
.gs-side-item {
    display:flex;
    gap:10px;
    padding:8px 0;
    border-bottom:1px dashed #eee;
}
.gs-side-img {
    width:50px;
    height:50px;
    flex-shrink:0;
}
.gs-side-title { font-size:14px; line-height:1.4 }

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

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

/* 文字列表 */
.gs-text-list a {
    display:block;
    padding:8px 0;
    font-size:14px;
    border-bottom:1px dashed #eee;
}
.gs-related { background:#fff; padding:25px; border-radius:12px; margin-top:20px }

/* 底部 */
.gs-footer {
    background:#ffb700;
    color:#333;
    text-align:center;
    padding:25px 0;
    margin-top:30px;
    font-size:13px;
}

/* 移动端全新布局 */
@media(max-width:900px) {
    .gs-row{flex-direction:column; gap:15px}
    .gs-side{width:100%}
    .gs-masonry{grid-template-columns:1fr; gap:15px}
    .gs-card{padding:15px}
    .gs-widget{padding:15px}
    .gs-side-img{width:45px; height:45px}
}