*{margin:0;padding:0;box-sizing:border-box;}
body{background:#f5f7fa;font-family:system-ui,-apple-system,Microsoft Yahei;color:#333;font-size:15px;line-height:1.7}
a{text-decoration:none;color:#333}
.container{max-width:1200px;margin:0 auto;padding:0 15px}

/* 页面头部 已上调padding-top，拉开和导航距离 */
.page-head{
    padding:100px 0 20px;
    border-bottom:1px solid #eee;
    margin-bottom:24px
}
.bread{font-size:14px;color:#666;margin-bottom:10px}
.bread a{color:#2563eb}
.bread span{margin:0 6px;color:#999}
.page-head h1{font-size:28px;color:#222;margin-bottom:8px}
.page-head .intro{color:#666;max-width:860px}

/* 筛选按钮 */
.filter-tag-box{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.filter-tag{padding:8px 16px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;color:#333;transition:0.2s}
.filter-tag.active{background:#2563eb;color:#fff;border-color:#2563eb}
.filter-tag:hover{border-color:#2563eb;color:#2563eb}

.main-wrap{display:flex;gap:24px;padding-bottom:30px}
.left-main{width:calc(100% - 310px)}
.right-sidebar{width:286px}

/* 问答卡片样式 */
.ask-card{background:#fff;border-radius:8px;padding:22px;margin-bottom:16px;box-shadow:0 1px 4px #0000000c}
.ask-title{font-size:17px;margin-bottom:10px}
.ask-title a{color:#222}
.ask-title a:hover{color:#2563eb}
.ask-desc{color:#666;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ask-tag-group{display:flex;gap:8px}
.tag{font-size:12px;padding:3px 9px;background:#f0f4fb;color:#2563eb;border-radius:4px}
.tag-hot{background:#e8fff3;color:#289e60;}
.ask-meta{margin-top:12px;font-size:12px;color:#999}

/* 侧边栏模块 */
.side-module{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 4px #0000000c}
.side-title{font-size:16px;padding-bottom:12px;border-bottom:1px solid #eee;margin-bottom:14px}
.hot-ask li{list-style:none;padding:8px 0;border-bottom:1px solid #f4f4f4}
.hot-ask li:last-child{border:none}
.hot-ask a:hover{color:#2563eb}

/* 转化引导模块 */
.ad-block{border:1px solid #48bb78;border-radius:8px;padding:20px;text-align:center;background:#f7fdfa}
.ad-block h4{color:#208957;margin-bottom:10px}
.ad-block p{font-size:14px;color:#444;margin-bottom:14px}
.ad-btn{display:inline-block;padding:9px 22px;background:#48bb78;color:#fff;border-radius:6px}
.ad-btn:hover{opacity:0.9}

/* 移动端适配 */
@media(max-width:768px){
.main-wrap{flex-direction:column}
.left-main,.right-sidebar{width:100%}
.page-head h1{font-size:22px}
}