/* ============================================================
   [2026-09-18] PC 端问答页深度化正文样式（问题型深度指南）
   对应视图：Views/Information/QuesDetail.cshtml（qa != null 分支）
   数据源：dbo.destoon_qa_article
   说明：老版问答（qa == null）不使用本文件，样式仍走 question.min.css，互不影响。
   容器：.body-nav .left-box 宽 900px / 1px #ddd 边框
   ============================================================ */

/* 头部元信息 */
.left-box .qa-meta {
    padding: 20px 34px 0;
    font-size: 13px;
    color: #999;
    line-height: 1.6;
}

.left-box .qa-meta span {
    margin-right: 16px;
    display: inline-block;
}

.left-box .qa-tag-official {
    color: #f15500;
    font-weight: 700;
    background: #fff3ec;
    border: 1px solid #ffd9c4;
    border-radius: 3px;
    padding: 1px 8px;
    margin-right: 14px;
    font-size: 12px;
}

/* 结论前置：前 100 字给答案 */
.left-box .qa-lead {
    margin: 18px 34px 26px;
    padding: 16px 20px;
    background: #fffaf6;
    border-left: 4px solid #f15500;
    border-radius: 2px;
}

.left-box .qa-lead-tit {
    font-size: 13px;
    font-weight: 700;
    color: #f15500;
    letter-spacing: .5px;
    margin-bottom: 8px;
}

.left-box .qa-lead-txt {
    font-size: 16px;
    line-height: 1.9;
    color: #333;
    font-weight: 600;
    margin: 0;
}

/* H2 小节 */
.left-box .qa-sec {
    padding: 0 34px;
    margin-bottom: 34px;
}

.left-box .qa-sec h2 {
    font-size: 19px;
    font-weight: 700;
    color: #222;
    line-height: 1.5;
    padding-left: 12px;
    border-left: 4px solid #f15500;
    margin: 30px 0 14px;
}

.left-box .qa-sec p {
    font-size: 16px;
    line-height: 1.95;
    color: #444;
    margin: 0 0 14px;
    word-break: break-word;
}

/* 官方原文引用 */
.left-box blockquote.qa-quote {
    margin: 0 0 16px;
    padding: 12px 18px;
    background: #f7f8fa;
    border-left: 3px solid #c9d2e0;
    color: #555;
    font-size: 15px;
    line-height: 1.9;
    border-radius: 2px;
}

/* 步骤 */
.left-box p.qa-step {
    padding-left: 16px;
    border-left: 2px solid #eee;
    color: #3f3f3f;
}

/* 来源标注 */
.left-box p.qa-src {
    font-size: 13px;
    color: #999;
    margin-top: -6px;
}

/* 数据表 */
.left-box .qa-table-wrap {
    overflow-x: auto;
    margin: 6px 0 20px;
}

.left-box table.qa-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.7;
}

.left-box table.qa-table th {
    background: #f7f8fa;
    color: #333;
    font-weight: 700;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid #e6e8eb;
    white-space: nowrap;
}

.left-box table.qa-table td {
    padding: 10px 12px;
    border: 1px solid #e6e8eb;
    color: #444;
    word-break: break-word;
}

.left-box table.qa-table tbody tr:nth-child(even) {
    background: #fcfcfd;
}

/* 本篇专属 FAQ */
.left-box .qa-sec-faq {
    background: #fafbfc;
    border-top: 1px solid #eef0f3;
    border-bottom: 1px solid #eef0f3;
    padding: 4px 34px 20px;
    margin-bottom: 30px;
}

.left-box .qa-faq-item {
    padding: 14px 0;
    border-bottom: 1px dashed #e6e8eb;
}

.left-box .qa-faq-item:last-child {
    border-bottom: none;
}

.left-box .qa-faq-item h3 {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    line-height: 1.7;
    margin: 0 0 6px;
}

.left-box .qa-faq-item h3::before {
    content: "Q ";
    color: #f15500;
    font-weight: 900;
}

.left-box .qa-faq-item p {
    font-size: 15px;
    line-height: 1.9;
    color: #555;
    margin: 0;
}

/* 延伸阅读（内链） */
.left-box .qa-link-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.left-box .qa-link-list li {
    padding: 9px 0 9px 18px;
    border-bottom: 1px solid #f0f2f5;
    position: relative;
}

.left-box .qa-link-list li:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 18px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f15500;
}

.left-box .qa-link-list li a {
    font-size: 15px;
    color: #2b5fa8;
    line-height: 1.7;
}

.left-box .qa-link-list li a:hover {
    color: #f15500;
    text-decoration: underline;
}

/* 作者署名 */
.left-box .qa-author {
    margin: 0 34px 22px;
    padding: 16px 20px;
    background: #fafbfc;
    border: 1px solid #eef0f3;
    border-radius: 3px;
    overflow: hidden;
}

/* [2026-09-20] 头像换为方形品牌标 ltj-avatar.jpg（蓝笑脸）：圆角方块 + 白底，
   原来的 logo.png 是白底白字横版标，在 #fafbfc 卡片上等于隐形。 */
.left-box .qa-author-av {
    float: left;
    width: 46px;
    height: 46px;
    margin-right: 14px;
    object-fit: contain;
    border-radius: 6px;
    background: #fff;
}

.left-box .qa-author-box {
    float: left;
    padding-top: 2px;
}

.left-box .qa-author-nm {
    font-size: 15px;
    font-weight: 700;
    color: #222;
    line-height: 1.6;
}

.left-box .qa-author-ti {
    font-size: 13px;
    color: #888;
    line-height: 1.6;
}

.left-box .qa-author-tag {
    float: right;
    margin-top: 13px;
    font-size: 12px;
    color: #0f9d58;
    background: #eef9f2;
    border: 1px solid #cfeadd;
    border-radius: 3px;
    padding: 2px 10px;
}

/* 标签 */
.left-box .qa-tags {
    margin: 0 34px 24px;
    padding-top: 4px;
}

.left-box .qa-tag-item {
    display: inline-block;
    font-size: 13px;
    color: #666;
    background: #f5f6f8;
    border-radius: 3px;
    padding: 4px 12px;
    margin: 0 8px 8px 0;
}