*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei",Arial,sans-serif;background:#f5f7fa;color:#333;line-height:1.6}
.toolbar{width:100%;height:36px;background:#f8f9fa;border-bottom:1px solid #e8e8e8}
.toolbar-box{width:1200px;margin:0 auto;line-height:36px}
.toolbar-left{float:left}
.toolbar-right{float:right}
.toolbar a{color:#666;font-size:13px;text-decoration:none}
.toolbar a:hover{color:#0aa770}

.header{background:#fff}
.header-box{width:1200px;margin:0 auto;padding:15px 0;overflow:hidden}
.logo{float:left}
.search{float:right;width:460px;margin-top:8px}
.search form{margin:0}
.search-wrap{display:flex;border:2px solid #237ded;border-radius:4px;overflow:hidden;height:38px}
.search .search_ipt{flex:1;border:0;line-height:36px;height:36px;padding:0 12px;font-size:14px;outline:none}
.search .search_btn{width:90px;height:36px;background:#237ded;color:#fff;border:0;font-size:14px;cursor:pointer;white-space:nowrap}
.search .search_btn:hover{background:#1a6fd1}

/* 新搜索表单样式 */
.search form ul{list-style:none;margin-bottom:8px}
.search form ul li{display:inline-block;padding:4px 12px;background:#f0f4f9;border-radius:4px;font-size:13px;color:#666;cursor:pointer;margin-right:6px}
.search form ul li.on{background:#237ded;color:#fff}
.search form > div{display:flex;border:2px solid #237ded;border-radius:4px;overflow:hidden;height:38px}
.search form .search_ipt{flex:1;border:0;line-height:36px;height:36px;padding:0 12px;font-size:14px;outline:none}
.search form .search_btn{width:90px;height:36px;background:#237ded;color:#fff;border:0;font-size:14px;cursor:pointer}

.jptpdh{width:1200px;margin:10px auto 0}
.jptpdh1{height:45px}
.jptpdh1l{width:200px;float:left;height:45px;line-height:45px;background:#237ded;text-align:center;border-radius:4px 0 0 4px}
.jptpdh1l a{color:#fff;font-size:18px;font-weight:bold;text-decoration:none}
.jptpdh1r{width:1000px;float:left;height:45px;background:#5A9EF2;border-radius:0 4px 4px 0}
.jptpdh1r ul{list-style:none}
.jptpdh1r li{float:left;padding:0 18px;line-height:45px}
.jptpdh1r li a{color:#fff;font-size:15px;text-decoration:none}
.jptpdh1r li a:hover{color:#fff;text-decoration:underline}
.breadcrumb{width:1200px;margin:15px auto 0}
.breadcrumb a{color:#666;font-size:13px;text-decoration:none}
.breadcrumb a:hover{color:#0aa770}
.main-wrapper{width:1200px;margin:20px auto;display:flex;gap:20px}
.main-left{flex:1;min-width:0}
.main-right{width:300px;flex-shrink:0}
.qa-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 12px rgba(0,0,0,0.08)}
.question-area{margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid #eef2f7}
.qa-header{display:flex;align-items:flex-start;gap:10px}
.question-label{flex-shrink:0;width:28px;height:28px;background:#0aa770;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:28px;border-radius:6px}
.question-area h1{flex:1;font-size:22px;color:#1a2a3a;line-height:28px;margin:0}

/* 点赞和已帮助人数模块 */
.stats-bar{display:flex;gap:20px;margin:12px 0;padding-left:38px}
.stat-item{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#666;background:#f8f9fa;padding:6px 14px;border-radius:20px;cursor:pointer;transition:all 0.2s}
.stat-item:hover{background:#eef2f7}
.like-icon{color:#e74c3c;transition:transform 0.2s}
.stat-item:active .like-icon{transform:scale(1.3)}
.like-count,.help-count{color:#1a2a3a;font-weight:bold}
.help-icon{width:18px;height:18px;background:#0aa770;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.like-stat.liked .like-icon{fill:#e74c3c;stroke:#e74c3c}

/* 已帮助数字居中显示 */
.help-stat .help-count{margin:0 4px}

.answer-area{background:#f0f7ff;padding:22px;border-radius:10px;margin:15px 0;border-left:4px solid #237ded}
.answer-area .qa-header{align-items:flex-start}
.answer-label{flex-shrink:0;width:28px;height:28px;background:#237ded;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:28px;border-radius:6px}
.answer-content{flex:1;font-size:17px;line-height:1.9;color:#1a2a3a}
.answer-content p{margin:0}
.section-title{font-size:18px;color:#1a2a3a;margin:15px 0 8px 0;padding-bottom:6px;border-bottom:2px solid #0aa770;display:inline-block;font-weight:bold;line-height:1.3}
.section-content{font-size:16px;line-height:1.8;color:#555;padding:4px 0}
.recommend-summary{padding:10px 0;margin:6px 0 12px 0;font-size:16px;color:#333;line-height:1.8;border-bottom:1px dashed #e8e8e8}
.bar-chart-module{background:#fafbfc;border-radius:10px;padding:12px 16px;margin:8px 0 12px 0}

/* 新布局：文字单独一行，进度条和百分比在下方 */
.bar-item-v2{margin:14px 0}
.bar-text-row{font-size:15px;color:#444;font-weight:500;margin-bottom:8px;line-height:1.4}
.bar-visual-row{display:flex;align-items:center;gap:10px}
.bar-track{flex:1;height:14px;background:#e8e8e8;border-radius:7px;overflow:hidden;min-width:60px}
.bar-fill{height:100%;background:linear-gradient(90deg,#0aa770,#2ecc71);border-radius:7px;transition:width 0.3s ease}
.bar-fill.blue{background:linear-gradient(90deg,#237ded,#5A9EF2)}
.bar-percent{width:100px;font-size:14px;color:#888;text-align:right;flex-shrink:0;white-space:nowrap}

/* 底部小字样式 */
.bar-note{font-size:12px;color:#999;text-align:center;margin-top:10px;padding-top:8px;border-top:1px dashed #e8e8e8}

.pain-section{margin:15px 0}
.pain-section-title{color:#1a2a3a !important;border-bottom-color:#1a2a3a !important}
.pain-icon{margin-right:8px;font-size:20px}
.pain-module-v9{background:#fff;border-radius:12px;padding:20px;border:1px solid #e8e8e8;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.pain-list-v9{list-style:none}
.pain-list-v9 li{margin:0;border-bottom:1px solid #f0f0f0;padding:14px 0}
.pain-list-v9 li:last-child{border-bottom:none}
.pain-link-v9{display:block;padding:14px 16px;text-decoration:none;color:#237ded;transition:all 0.25s ease;border-radius:8px}
.pain-link-v9:hover{background:#f8fbff;transform:translateX(4px)}
.pain-main{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.pain-num-v9{flex-shrink:0;width:26px;height:26px;background:linear-gradient(135deg,#237ded,#5A9EF2);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:bold;box-shadow:0 2px 4px rgba(35,125,237,0.3)}
.pain-title-v9{flex:1;font-size:16px;font-weight:500;color:#237ded;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pain-tip-row{padding-left:36px;margin-top:4px}
.pain-tip-label{font-size:13px;color:#237ded;font-weight:bold;margin-right:4px}
.pain-tip-text{font-size:13px;color:#555;background:#f0f7ff;padding:4px 10px;border-radius:6px;border-left:3px solid #237ded}

/* 查看完整回答链接 */
.view-full-answer{padding-left:36px;margin-top:8px}
.view-full-answer a{color:#0aa770;font-size:13px;text-decoration:none;font-weight:500}
.view-full-answer a:hover{color:#237ded;text-decoration:underline}

.pain-viewall-v9{display:none}

.fanwen-module-v2{margin:18px 0}
.fanwen-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;margin-top:10px}
.fanwen-card{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:12px 14px;text-decoration:none;color:#333;transition:all 0.2s;overflow:hidden}
.fanwen-card:hover{border-color:#0aa770;box-shadow:0 3px 10px rgba(10,167,112,0.15);transform:translateY(-2px)}
.fw-icon{font-size:18px;flex-shrink:0}
.fw-title{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tags-pro-module{border-left:none !important;box-shadow:0 4px 16px rgba(0,0,0,0.1) !important}
.tags-pro-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.tag-pro-item{display:flex;align-items:center;padding:12px 14px;background:linear-gradient(135deg,#fff,#fafbfc);border-radius:10px;text-decoration:none;color:#333;transition:all 0.25s ease;border:1px solid #e8e8e8;box-shadow:0 2px 6px rgba(0,0,0,0.04)}
.tag-pro-item:hover{background:linear-gradient(135deg,#f8fbff,#fff);border-color:#237ded;box-shadow:0 4px 12px rgba(35,125,237,0.15);transform:translateY(-2px)}
.tag-pro-dot{width:6px;height:6px;background:#237ded;border-radius:50%;margin-right:10px;flex-shrink:0;box-shadow:0 0 4px rgba(35,125,237,0.4)}
.tag-pro-name{font-size:14px;color:#1a2a3a;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tag-pro-num{font-size:12px;color:#888;background:#f0f4f9;padding:3px 10px;border-radius:12px;flex-shrink:0;margin-left:8px;font-weight:500}
.tag-pro-item:hover .tag-pro-num{color:#237ded;background:#e8f1ff}
.topics-pro-module{background:linear-gradient(135deg,#fff,#fafbfc) !important}
.topics-pro-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.topic-pro-item{display:flex;align-items:center;padding:12px 14px;background:#fff;border-radius:10px;text-decoration:none;color:#333;transition:all 0.25s ease;border:1px solid #e8e8e8;box-shadow:0 2px 6px rgba(0,0,0,0.04)}
.topic-pro-item:hover{background:#f8fbff;border-color:#0aa770;box-shadow:0 4px 12px rgba(10,167,112,0.15);transform:translateY(-2px)}
.topic-pro-arrow{width:22px;height:22px;background:linear-gradient(135deg,#0aa770,#2ecc71);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;margin-right:10px;flex-shrink:0;box-shadow:0 2px 4px rgba(10,167,112,0.3)}
.topic-pro-item{display:flex;align-items:flex-start;padding:12px 14px;background:#fff;border-radius:10px;text-decoration:none;color:#333;transition:all 0.25s ease;border:1px solid #e8e8e8;box-shadow:0 2px 6px rgba(0,0,0,0.04)}
.topic-pro-arrow{width:22px;height:22px;background:linear-gradient(135deg,#0aa770,#2ecc71);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;margin-right:10px;flex-shrink:0;box-shadow:0 2px 4px rgba(10,167,112,0.3);margin-top:2px}
.topic-pro-title-wrap{flex:1;display:block;line-height:1.5}
.topic-pro-title{font-size:14px;color:#1a2a3a;font-weight:500}
.topic-pro-help{font-size:12px;color:#999;margin-left:6px;white-space:nowrap}
.module{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #eef2f7}
.module h3{font-size:16px;color:#1a2a3a;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #0aa770;display:inline-block}
.qa-nav{display:flex;justify-content:space-between;margin-top:20px;padding-top:15px;border-top:1px solid #eef2f7}
.qa-nav a{padding:8px 20px;background:#f0f4f9;color:#333;text-decoration:none;border-radius:30px;font-size:14px}
.qa-nav a:hover{background:#0aa770;color:#fff}
.sidebar-module{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,0.08)}
.sidebar-module h3{font-size:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #0aa770;display:inline-block}

/* ==================== V11.16 标识系统 + 右侧问答6种文案 ==================== */

/* ---------- 最多搜索的问题模块 - 标识系统 ---------- */

/* 问答列表容器 - 无背景色 */
.pain-module-v10 {
    background: transparent;
    border-radius: 0;
    padding: 0;
    border: none;
    box-shadow: none;
}

.pain-list-v10 {
    list-style: none;
}

.pain-list-v10 li {
    margin: 0;
    border-bottom: 1px solid #f0f0f0;
    padding: 14px 0;
}

.pain-list-v10 li:last-child {
    border-bottom: none;
}

/* 链接样式 */
.pain-link-v10 {
    display: block;
    padding: 0;
    text-decoration: none;
    color: #333;
    transition: all 0.2s ease;
}

.pain-link-v10:hover {
    background: transparent;
    transform: none;
}

/* 主内容区 */
.pain-main-v2 {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 6px;
}

/* 序号 */
.pain-num-v10 {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    background: linear-gradient(135deg, #237ded, #5A9EF2);
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(35,125,237,0.3);
    margin-top: 2px;
}

/* 标题 - 包含标识 */
.pain-title-v10 {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    color: #237ded;
    line-height: 1.5;
    word-break: break-all;
}

/* 标识样式 - 使用文件二版本：渐变背景更醒目 */
.qa-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 13px;
    margin-right: 8px;
    vertical-align: 1px;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.badge-emoji {
    font-size: 14px;
}

.badge-text {
    font-size: 12px;
    font-weight: 600;
}

/* 热门回答 - 渐变红色（文件二版本） */
.badge-hot {
    background: linear-gradient(135deg, #ff4d4f, #ff7875);
    color: #fff;
    border: none;
}

/* 快速解决 - 渐变金色（文件二版本） */
.badge-quick {
    background: linear-gradient(135deg, #faad14, #ffc53d);
    color: #fff;
    border: none;
}

/* 高赞回答 - 渐变蓝色（保留） */
.badge-high {
    background: linear-gradient(135deg, #1890ff, #69c0ff);
    color: #fff;
    border: none;
}

/* 深度解析 - 渐变紫色（保留） */
.badge-deep {
    background: linear-gradient(135deg, #7225ed, #b37feb);
    color: #fff;
    border: none;
}

/* 回答摘要 - 无背景色 */
.pain-tip-row-v2 {
    padding-left: 36px;
    margin-top: 6px;
}

.pain-tip-text-v2 {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
}

/* 查看完整回答 - 小间距 */
.view-full-answer-v2 {
    padding-left: 36px;
    margin-top: 4px;
}

.view-full-answer-v2 a {
    color: #0aa770;
    font-size: 13px;
    text-decoration: none;
    font-weight: 500;
}

.view-full-answer-v2 a:hover {
    color: #237ded;
    text-decoration: underline;
}

/* ---------- 右侧相关问答模块 ---------- */

/* 模块容器 */
.faq-sidebar-module {
    background: #fff;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    border: 1px solid #f0f0f0;
    overflow: hidden;
}

/* 模块标题 - 无下边框 */
.faq-sidebar-header {
    font-size: 16px;
    color: #1a2a3a;
    margin: 0;
    padding: 14px 18px;
    background: #fafbfc;
    font-weight: bold;
}

/* 列表容器 */
.faq-sidebar-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 单个问答项 */
.faq-sidebar-list li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f0f0f0;
}

/* 【新增】最后一个去掉下边框 */
.faq-sidebar-list li:last-child {
    border-bottom: none;
}

/* 【新增】hover效果 */
.faq-sidebar-list li:hover {
    background: #f6ffed;
}

.faq-sidebar-item {
    display: block;
    padding: 10px 12px;
    text-decoration: none;
    color: #333;
    line-height: 1.5;
    transition: background 0.2s;
}

.faq-sidebar-item:hover {
    background: #f6f9ff;
}

/* 标题：使用文件二版本 - 15px黑色加粗更显眼 */
.faq-sidebar-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.5;
    margin-bottom: 8px;
    transition: color 0.2s;
}

.faq-sidebar-item:hover .faq-sidebar-title {
    color: #237ded;
}

/* 【新增】互动数据行 */
.faq-sidebar-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #8c8c8c;
}

/* 【新增】图标基础样式 */
.faq-sidebar-meta i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: -2px;
    flex-shrink: 0;
}

/* 互动数据 - 6种文案 */
.help-count {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #888;
    margin-top: 2px;
}

/* 图标：CSS背景SVG - 保留文件一版本（有display/width/height更完整） */
.faq-icon-check,
.faq-icon-like,
.faq-icon-heart,
.faq-icon-bulb,
.faq-icon-target,
.faq-icon-trophy {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: -4px;
    margin-right: 5px;
}

/* 对勾图标 - 蓝色 */
.faq-icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2352c41a'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}

/* 点赞图标 - 金色 */
.faq-icon-like {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23faad14'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}

/* 爱心图标 - 粉色 */
.faq-icon-heart {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23eb2f96'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}

/* 灯泡图标 - 绿色 */
.faq-icon-bulb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2352c41a'%3E%3Cpath d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z'/%3E%3C/svg%3E");
}

/* 靶心图标 - 紫色 */
.faq-icon-target {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23722ed1'%3E%3Cpath d='M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3-8c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3z'/%3E%3C/svg%3E");
}

/* 奖杯图标 - 橙色 */
.faq-icon-trophy {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fa8c16'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-3v-3.1c1.63-.33 2.98-1.46 3.61-2.96C20.08 12.63 22 10.55 22 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E");
}

/* ---------- 顶部点赞/帮助图标（保留文件一版本） ---------- */

.icon-like {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e74c3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

/* 已帮助图标 - 使用文件二版本：18px更大，圆形背景 */
.icon-check {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2352c41a'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

.like-stat.liked .icon-like {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e74c3c' stroke='%23e74c3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

/* 移动端适配 */
@media (max-width: 1000px) {
    .pain-title-v10 {
        font-size: 15px;
    }
    .qa-badge {
        padding: 1px 6px;
        font-size: 11px;
    }
    .badge-emoji {
        font-size: 12px;
    }
    .badge-text {
        font-size: 11px;
    }
    .faq-sidebar-title {
        font-size: 14px;
    }
    .faq-sidebar-item {
        padding: 10px 14px;
    }
    .pain-tip-row-v2 {
        padding-left: 0;
    }
    .view-full-answer-v2 {
        padding-left: 0;
    }
}
.faq-inline-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: -4px;
    margin-right: 5px;
    flex-shrink: 0;
}

/* 右侧meta行样式 */
.faq-sidebar-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #666;
    font-weight: 500;
}
/* 面包屑 */
.breadcrumb {
    padding: 10px 0;
    font-size: 14px;
    color: #666;
}
.breadcrumb a { color: #237ded; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.faq-emoji {
    font-size: 16px;
    margin-right: 4px;
    display: inline-block;
}

.faq-sidebar-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #888;
}
/* ===== 标识样式 - 各标识背景色完全不同 ===== */
.badge-hot {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
    color: #fff;
}


.badge-best {
    background: linear-gradient(135deg, #2c3e50 0%, #4a69bd 100%);
    color: #fff;
    border: 1px solid #1e3799;
}

.badge-picked {
    background: linear-gradient(135deg, #e55039 0%, #fa8231 100%);
    color: #fff;
    border: 1px solid #eb2f06;
}

.badge-quick {
    background: linear-gradient(135deg, #00d2d3 0%, #01a3a4 100%);
    color: #fff;
}

.badge-toplike {
    background: linear-gradient(135deg, #ff9f43 0%, #feca57 100%);
    color: #fff;
}


/* 新footer样式 */
.footer{background:#1a2a3a;color:#999;text-align:center;padding:30px;margin-top:20px}
.footer a{color:#999;text-decoration:none}
.footer a:hover{color:#fff}

.anchor-target{height:0;margin:0;padding:0}

@media (max-width:1000px){
    .main-wrapper{flex-direction:column}
    .main-right{width:100%}
    .toolbar-box,.header-box,.jptpdh,.breadcrumb,.main-wrapper{width:100%;padding:0 15px}
    .search{width:100%;float:none;margin-top:10px}
    .search-wrap{width:100%}
    .fanwen-grid{grid-template-columns:repeat(2, 1fr)}
    .pain-main{flex-wrap:wrap}
    .pain-title-v9{white-space:normal;font-size:15px}
    .pain-tip-row{padding-left:0}
    .bar-name{white-space:normal;font-size:14px}
    .answer-content{font-size:16px}
    .tag-pro-item{padding:10px 12px}
    .topic-pro-item{padding:10px 12px}
    .jptpdh1r li{padding:0 10px}
    .jptpdh1r li a{font-size:13px}
    .stats-bar{padding-left:0;flex-wrap:wrap;gap:10px}
    .bar-visual-row{flex-wrap:wrap}
    .view-full-answer{padding-left:0}
}