/* 问答中心 - 依赖 front-theme.css */
/* ask colors via tokens.css */
.ask-body{margin:0;background:var(--sa-bg);color:var(--sa-text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;}
.ask-content{padding:16px 0 40px;}
/* 与全站统一内容宽（不要用 layui 默认更宽容器） */
.ask-content .layui-container,
.ask-content > .layui-container{
    width:min(var(--sa-wrap,1160px),calc(100% - 32px))!important;
    max-width:var(--sa-wrap,1160px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
}
.ask-cat-bar{padding:12px 14px;margin-bottom:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.ask-cat-bar #category{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0;}
.ask-cat-bar .layui-btn{margin:0;}
.ask-cat-bar .fr{float:none;flex-shrink:0;}
.ask-cat-bar .active,.ask-cat-bar .layui-btn.active{background:var(--sa-brand);color:#fff;border-color:var(--sa-brand);}
.ask-tabs{display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px 15px!important;height:auto!important;line-height:1.4!important;align-items:center;}
.topic-tab{color:var(--sa-muted);text-decoration:none;font-size:14px;white-space:nowrap;}
.topic-tab.current-tab,.topic-tab:hover{color:var(--sa-brand);}

/* 列表：对齐 swiftadmin 问答，头像旁仅头像，时间在 meta 行，压缩行高 */
.ask-list-body{padding:4px 15px 16px!important;}
.ask-question-list{list-style:none;margin:0;padding:0;}
.question-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:12px 0;
    border-bottom:1px solid var(--sa-line-soft);
    min-height:0;
}
.question-item:last-child{border-bottom:0;}
.user-avatar{
    flex-shrink:0;
    width:42px;
    text-align:center;
    line-height:0;
}
.user-avatar a{display:inline-block;line-height:0;}
.user-avatar img{
    width:42px;
    height:42px;
    border-radius:50%;
    object-fit:cover;
    display:block;
    margin:0 auto;
}
/* 防止头像下方再出现昵称/时间等额外节点 */
.user-avatar .name,
.user-avatar .time,
.user-avatar time,
.user-avatar span,
.user-avatar p{display:none!important;}

.question-content{flex:1;min-width:0;padding-top:1px;}
.question-content .title{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:4px 8px;
    line-height:1.45;
}
.question-content .title > a:first-child{
    color:var(--sa-text);
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    line-height:1.45;
    word-break:break-word;
}
.question-content .title > a:first-child:hover{color:var(--sa-brand);}
.question-content .title .layui-badge{
    font-weight:400;
    vertical-align:middle;
    margin-right:2px;
}
.question-content .title .layui-icon{font-size:13px;color:#f59e0b;margin-right:2px;}
.question-content .tag{
    display:inline-block;
    margin:0;
    padding:0 7px;
    background:var(--sa-line-soft);
    color:var(--sa-muted);
    border-radius:3px;
    font-size:12px;
    text-decoration:none;
    line-height:20px;
    font-weight:400;
}
.question-meta{
    margin-top:4px;
    color:var(--sa-text-hint);
    font-size:12px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:0 6px;
    line-height:1.4;
    min-height:22px;
}
.question-meta .dot{color:#cbd5e1;user-select:none;}
.question-meta time{color:var(--sa-text-hint);font-style:normal;}
.meta-type{color:var(--sa-muted);text-decoration:none;}
.meta-type:hover{color:var(--sa-brand);}
.last-reply a{color:var(--sa-muted);text-decoration:none;}
.last-reply a:hover{color:var(--sa-brand);}
.reply-count{margin-left:auto;position:static;flex-shrink:0;}
.reply-count .answers{
    display:inline-block;
    min-width:26px;
    padding:1px 8px;
    background:var(--sa-brand-soft);
    color:var(--sa-brand-dark);
    border-radius:10px;
    text-align:center;
    font-size:12px;
    line-height:18px;
}

.ask-pager{margin-top:14px;text-align:center;font-size:13px;}
.ask-pager a{margin:0 6px;color:var(--sa-muted);text-decoration:none;}
.ask-pager a:hover{color:var(--sa-brand);}
.ask-side .layui-card{margin-bottom:14px;}
.ask-hot{list-style:none;margin:0;padding:0;}
.ask-hot li{padding:8px 0;border-bottom:1px dashed var(--sa-line-soft);}
.ask-hot a{color:var(--sa-text-secondary);text-decoration:none;font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ask-hot a:hover{color:var(--sa-brand);}
.ask-users{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px;}
.ask-users a{display:block;text-align:center;text-decoration:none;color:var(--sa-muted);font-size:12px;}
.ask-users img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 4px;}
.ask-stats p{margin:8px 0;color:var(--sa-muted);font-size:13px;}
.ask-sign{text-align:center;padding:8px 0;}

/* 详情页 */
.ask-detail-card{position:relative;overflow:hidden;}
.ask-detail-card .layui-card-body{padding:20px 22px 18px;position:relative;}
.ask-detail-card.is-solved{border-color:rgba(82,196,26,.35);}
.ask-solved-stamp{
    position:absolute;
    top:28px;
    right:28px;
    z-index:2;
    width:92px;
    height:92px;
    border:3px solid rgba(82,196,26,.72);
    border-radius:50%;
    color:rgba(82,196,26,.82);
    font-size:18px;
    font-weight:700;
    letter-spacing:2px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:rotate(-18deg);
    pointer-events:none;
    background:rgba(246,255,237,.35);
    box-shadow:inset 0 0 0 2px rgba(82,196,26,.2);
}
.ask-detail-head{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--sa-line-soft);}
.ask-detail-title{margin:0 0 10px;font-size:22px;line-height:1.4;word-break:break-word;font-weight:700;color:var(--sa-text-title);}
.ask-detail-title .layui-badge{margin-right:6px;vertical-align:middle;}
.ask-detail-meta{color:var(--sa-text-hint);font-size:13px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;line-height:1.5;}
.ask-detail-meta a{color:var(--sa-muted);text-decoration:none;}
.ask-detail-meta a:hover{color:var(--sa-brand);}
.ask-detail-tags{display:inline-flex;flex-wrap:wrap;gap:6px;}
.ask-detail-tags .tag{display:inline-block;padding:1px 8px;background:var(--sa-line-soft);color:var(--sa-muted);border-radius:3px;font-size:12px;text-decoration:none;line-height:18px;}

/* 固定标签选择 */
.ask-fixed-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.ask-fixed-tag{
    display:inline-block;padding:3px 12px;border:1px solid var(--sa-line);
    border-radius:999px;color:var(--sa-muted);font-size:13px;line-height:20px;
    text-decoration:none;background:#fff;transition:all .15s ease;cursor:pointer;
}
.ask-fixed-tag:hover,.ask-fixed-tag.is-on{
    border-color:var(--sa-brand);color:var(--sa-brand);background:var(--sa-brand-soft);
}
.ask-question-header{height:auto!important;line-height:1.4!important;}
.ask-question-header h1{margin:8px 0 10px;font-size:22px;line-height:1.35;word-break:break-word;}
.ask-question-header .info{color:var(--sa-text-hint);font-size:13px;display:flex;flex-wrap:wrap;gap:6px 12px;}
.ask-question-header .info a{color:var(--sa-muted);text-decoration:none;}
.ask-question-content{line-height:1.8;color:var(--sa-text-secondary);font-size:14px;overflow-wrap:anywhere;}
.ask-question-content img{max-width:100%;}
.ask-toolbar{margin-top:18px;padding-top:14px;border-top:1px solid var(--sa-line-soft);display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;}
.ask-toolbar-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.ask-toolbar-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.ask-toolbar .action{margin-left:0;color:var(--sa-muted);text-decoration:none;font-size:13px;}
.ask-toolbar .action:hover{color:var(--sa-brand);}
.ask-answer-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;height:auto!important;line-height:1.4!important;}
.ask-answer-header h3{margin:0;}
.ask-answer-header span,.ask-answer-count{color:var(--sa-text-hint);font-size:13px;}
.answer-list{list-style:none;margin:0;padding:0;}
.answer-list-item{padding:16px 0;border-bottom:1px solid var(--sa-line-soft);}
.layui-as-head{display:flex;gap:12px;margin-bottom:10px;}
.layui-as-avatar img{width:42px;height:42px;border-radius:50%;}
.layui-as-user a{color:var(--sa-text);text-decoration:none;font-weight:600;}
.layui-as-desc{color:var(--sa-text-hint);font-size:12px;margin-top:4px;}
.layui-as-content{line-height:1.8;color:var(--sa-text-secondary);overflow-wrap:anywhere;}
.layui-as-meta{margin-top:8px;color:var(--sa-text-hint);font-size:12px;}
.ask-reply-form{margin-top:20px;padding-top:16px;border-top:1px dashed var(--sa-line);}
.ask-upload-tip{margin-top:6px;font-size:12px;color:var(--sa-text-hint);}
.ask-author-box{display:flex;gap:12px;padding:16px;}
.ask-author-box img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.ask-author-box p{margin:6px 0;color:var(--sa-muted);font-size:13px;}
.ask-author-stats{display:flex;gap:12px;color:var(--sa-text-hint);font-size:12px;margin-top:8px;flex-wrap:wrap;}
.ask-author-stats strong{color:var(--sa-text);margin-right:4px;}
.ask-profile{padding:20px;margin-bottom:16px;}
.ask-profile-head{display:flex;gap:16px;align-items:center;}
.ask-profile-head img{width:72px;height:72px;border-radius:50%;object-fit:cover;}
.ask-profile-head h2{margin:0 0 6px;}
.ask-profile-head small{font-size:13px;color:var(--sa-text-hint);font-weight:400;}
.ask-empty{text-align:center;color:var(--sa-text-hint);padding:28px 0;}
@media(max-width:992px){
    .ask-side{margin-top:16px;}
    .ask-users{grid-template-columns:repeat(3,1fr);}
    .question-item{gap:10px;padding:10px 0;}
    .user-avatar{width:36px;}
    .user-avatar img{width:36px;height:36px;}
    .question-content .title > a:first-child{font-size:14px;}
    .ask-detail-title,.ask-question-header h1{font-size:18px;}
    .ask-content .layui-col-md9,
    .ask-content .layui-col-md3{width:100%;}
}
@media(max-width:640px){
    .ask-cat-bar{flex-direction:column;align-items:stretch;}
    .ask-cat-bar .fr{width:100%;}
    .ask-cat-bar .fr .layui-btn{width:100%;}
    .ask-users{grid-template-columns:repeat(4,1fr);}
    .ask-toolbar{flex-direction:column;align-items:flex-start;}
    .reply-count{margin-left:0;width:100%;text-align:right;}
}