/* ==========================================================
   自适应问答主题
   梭猫云：https://suomaoyun.com
   ========================================================== */

/* ---- 1. 设计变量 ---- */
:root{
    --blue:#2c7be5;          /* 主导航栏蓝色 */
    --blue-light:#e3f0ff;    /* 答案虚线 */
    --bg:#ffffff;            /* 纯白背景 */
    --text:#1a1a1a;          /* 主文字 */
    --text2:#666666;         /* 次要文字 */
    --line:#f0f0f0;          /* 1px 实线分隔 */
    --gap:24px;              /* 统一间距 */
    --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}

/* ---- 2. 全局重置 ---- */
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font);}
*{box-sizing:border-box;}
a{color:var(--blue);text-decoration:none;}
a:hover{text-decoration:underline;}

/* ---- 3. 导航栏 ---- */
.ask-nav{background:var(--blue);box-shadow:0 2px 4px rgba(0,0,0,.05);}
.ask-nav-inner{max-width:1200px;margin:auto;height:56px;padding:0 var(--gap);display:flex;align-items:center;justify-content:space-between;}
.ask-nav-logo{font-size:18px;font-weight:600;color:#fff;}
.ask-nav-menu a{color:#fff;margin-left:20px;font-size:15px;}

/* ---- 4. 主容器 ---- */
.ask-container{max-width:1200px;margin:auto;padding:0 var(--gap);}
.ask-wrap{display:flex;gap:var(--gap);margin-top:var(--gap);}
.ask-main{flex:1;}
.ask-side{width:260px;flex-shrink:0;}

/* ---- 5. 分类导航 ---- */
.cate-nav{display:flex;gap:20px;padding-bottom:12px;border-bottom:1px solid var(--line);}
.cate-nav a{font-size:15px;color:var(--text2);padding-bottom:4px;border-bottom:2px solid transparent;}
.cate-nav a.on{color:var(--blue);border-color:var(--blue);}

/* ---- 6. 问答列表 ---- */
.ask-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--bg);}
.ask-list li{padding:18px;border-bottom:1px solid var(--line);}
.ask-list li:last-child{border-bottom:none;}
.ask-list li a{display:block;font-size:17px;font-weight:500;margin-bottom:4px;}
.ask-list small{color:var(--text2);font-size:13px;}

/* ---- 7. 详情页 ---- */
.ask-detail h1{font-size:26px;margin:0 0 20px;line-height:1.4;font-weight:600;}
.ask-detail-desc{margin:0 0 24px;font-size:18px;color:var(--text);}
.ask-meta{font-size:13px;color:var(--text2);margin-bottom:var(--gap);}
.ask-meta span{margin-right:16px;}

/* ---- 8. 答案块 ---- */
.ask-content{border:1px solid var(--line);border-radius:4px;padding:0 20px;background:var(--bg);}
.ans-block{padding:22px 0;border-bottom:1px dashed var(--blue-light);}
.ans-block:last-child{border:none;}
.ans-header{display:flex;align-items:center;margin-bottom:12px;}
.ans-avatar{width:36px;height:36px;border-radius:50%;margin-right:10px;background:var(--line);}
.ans-nick{font-weight:500;font-size:15px;}
.ans-time{margin-left:auto;font-size:12px;color:var(--text2);}
.ans-content{line-height:1.8;font-size:15px;}

/* 分页条简单样式 */
    .ask-pager{ margin:20px 0; text-align:center; }
    .ask-pager a,.ask-pager span{ display:inline-block; padding:4px 10px; margin:0 3px; border:1px solid #ddd; background:#fff; }
    .ask-pager span.current{ background:#0969da; color:#fff; border-color:#0969da; }

/* ---- 10. 侧边栏 ---- */
.ask-side h3{font-size:16px;margin:0 0 12px;font-weight:600;}
.ask-side ul{list-style:none;margin:0;padding:0;}
.ask-side li{padding:10px 0;border-bottom:1px solid var(--line);}
.ask-side li:last-child{border:none;}

/* ---- 11. 面包屑 ---- */
.ask-breadcrumb{font-size:13px;color:var(--text2);margin:12px 0;}
.ask-breadcrumb a{color:var(--text2);}
.ask-breadcrumb a:hover{color:var(--blue);}

/* ---- 12. 底部 ---- */
.footer-center{margin-top:60px;padding:28px 0 36px;border-top:1px solid var(--line);text-align:center;font-size:13px;color:var(--text2);}
.footer-line h4{margin:0 0 10px;font-size:14px;font-weight:600;}
.footer-links a{margin:0 8px;color:var(--text2);}
.ask-footer-disclaimer{margin-top:14px;line-height:1.6;}

/* ---- 13. 自适应 ---- */
@media(max-width:900px){
    .ask-wrap{flex-direction:column;}
    .ask-side{width:100%;}
}