/* ============ 中国品牌智库 thinktank ============ */

/* Hero 区 — 白底，红系主色 */
.tt-hero {
    background: #fff;
    padding: 60px 0 30px;
    position: relative;
}

/* 粉红角标 芯片（左方框+红文字） */
.tt-hero-chip {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 26px;
}
.tt-hero-chip-box {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: #fff5f6;
    border: 1px solid rgba(200, 16, 46, 0.20);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.tt-hero-chip-text {
    font-size: 12.5px;
    font-weight: 500;
    color: #C8102E;
    letter-spacing: 0.04em;
}

/* 主标题 */
.tt-hero-title {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.25;
    color: #111827;
    letter-spacing: 0.01em;
    margin: 0 0 14px;
    max-width: 1100px;
}

/* 红副标题（lead） */
.tt-hero-redlead {
    font-size: 18px;
    font-weight: 700;
    color: #C8102E;
    line-height: 1.7;
    margin: 0 0 18px;
    max-width: 1100px;
    letter-spacing: 0.02em;
}

/* 描述灰字 */
.tt-hero-desc {
    font-size: 13.5px;
    font-weight: 400;
    color: #6b7280;
    line-height: 2;
    margin: 0 0 28px;
    max-width: 860px;
}

/* 3 行小数据（左对齐三列） */
.tt-hero-stats {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 22px 44px;
    align-items: center;
}
.tt-stat {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}
.tt-stat-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: #fff5f6;
    border: 1px solid rgba(200, 16, 46, 0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #C8102E;
}
.tt-stat-text {
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    line-height: 1.6;
    letter-spacing: 0.02em;
}
.tt-stat-text strong {
    font-weight: 800;
    color: #111827;
    margin-right: 2px;
}

/* ============ 6 个 Tab 导航 ============ */
.tt-tabs {
    background: #fff;
    padding: 14px 0 36px;
    position: relative;
}
.tt-tabs-inner {
    padding-top: 14px;
    padding-bottom: 14px;
    border-top: 1px solid rgba(17, 24, 39, 0.06);
    border-bottom: 1px solid rgba(17, 24, 39, 0.06);
}
.tt-tabs-nav {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

/* 单 Tab */
.tt-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 16px 14px 15px;
    border-radius: 8px;
    border: 1px solid transparent;
    background: #fff;
    color: #6b7280;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    min-height: 74px;
}
.tt-tab:hover {
    color: #111827;
    background: #fafafa;
    border-color: rgba(17, 24, 39, 0.08);
    transform: translateY(-1px);
}
.tt-tab-icon {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    flex-shrink: 0;
}
.tt-tab-label {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: inherit;
}

/* 选中 Tab：红框 + 红字 + 粉红浅底 */
.tt-tab--active {
    background: #fff5f6;
    border-color: #C8102E;
    color: #C8102E;
    box-shadow: 0 0 0 1px rgba(200, 16, 46, 0.14);
}
.tt-tab--active .tt-tab-label {
    font-weight: 700;
    color: #C8102E;
}
.tt-tab--active:hover {
    background: #fdebed;
    color: #C8102E;
}

/* ============ ThinkTank 响应式 ============ */
@media (max-width: 1024px) {
    .tt-hero { padding: 46px 0 24px; }
    .tt-hero-title { font-size: 28px; max-width: 100%; }
    .tt-hero-redlead { font-size: 16px; }
    .tt-hero-desc { font-size: 13px; }

    .tt-tabs-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }
    .tt-tab { min-height: 70px; padding: 14px 12px 13px; }
    .tt-tab-label { font-size: 12.5px; }
}
@media (max-width: 640px) {
    .tt-hero { padding: 34px 0 20px; }
    .tt-hero-chip { margin-bottom: 20px; }
    .tt-hero-title { font-size: 22px; line-height: 1.3; margin-bottom: 10px; }
    .tt-hero-redlead { font-size: 14px; line-height: 1.7; margin-bottom: 14px; }
    .tt-hero-desc { font-size: 12.5px; line-height: 1.95; margin-bottom: 22px; }
    .tt-hero-stats {
        gap: 14px 28px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tt-hero-stats .tt-stat:last-child { grid-column: 1 / -1; }

    .tt-tabs { padding: 10px 0 28px; }
    .tt-tabs-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .tt-tab { min-height: 66px; padding: 12px 10px 11px; }
    .tt-tab-icon { width: 18px; height: 18px; }
    .tt-tab-label { font-size: 12px; }
}

/* ============ 推荐内容 ============ */
.tt-rec {
    background: #fff;
    padding: 8px 0 28px;
    position: relative;
}
.tt-rec-head {
    margin-bottom: 22px;
}
.tt-rec-title {
    font-size: 18px;
    font-weight: 800;
    color: #111827;
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin: 0;
}

/* 3 卡片网格：1 大（深红跨两行） 2 白（1-2 同列） */
.tt-rec-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

/* 通用卡片（深红 / 白卡基础） */
.tt-rec-card {
    background: #fff;
    border: 1px solid rgba(17, 24, 39, 0.10);
    border-radius: 14px;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    transition: all 0.25s ease;
    overflow: hidden;  /* 渐变头顶部不被切掉圆角 */
}
.tt-rec-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(17, 24, 39, 0.06);
}
/* 旧的 tt-rec-card-top / typechip — 已替换为白卡新结构，保留兼容但不使用 */
.tt-rec-card-top {
    display: none;
}

/* ============ 白卡新结构（三层分段：①渐变头 ②主体 ③底部） ============ */
.tt-rec-card--white {
    /* 留白 0，三段独立 padding */
}

/* ① 第一层（渐变头）：高端渐变纹理背景（多重径向光斑 + 斜向点阵纹理 + 柔和品牌红光晕） */
.tt-rec-w-head {
    position: relative;              /* 绝对定位基准 */
    flex: 2.2 1 54%;
    min-height: 190px;
    overflow: hidden;                /* 纹理光斑不超出卡片圆角 */
    isolation: isolate;              /* 纹理与背景混合独立，不影响文字层级 */
    /* === 多层叠加背景，从下到上 === */
    background-image:
        /* 第5层（最上）：极淡点阵方格纹理（苹果风高端纹理） */
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><circle cx='2' cy='2' r='0.9' fill='%23ffffff' opacity='0.78'/><circle cx='16' cy='10' r='0.7' fill='%23ffffff' opacity='0.55'/><circle cx='24' cy='22' r='0.6' fill='%23ffffff' opacity='0.45'/></svg>"),
        /* 第4层：15度 极淡斜条纹（+45deg 高端斜纹） */
        repeating-linear-gradient(
            15deg,
            rgba(255, 255, 255, 0.30) 0px,
            rgba(255, 255, 255, 0.30) 1px,
            transparent 1px,
            transparent 14px
        ),
        /* 第3层：右下 柔和品牌红光晕（呼应集和红色，高端品牌感） */
        radial-gradient(120% 120% at 100% 100%,
            rgba(200, 16, 46, 0.12) 0%,
            rgba(200, 16, 46, 0.06) 22%,
            rgba(200, 16, 46, 0.02) 42%,
            transparent 68%),
        /* 第2层：左上 冷调冰青光斑（蓝紫科技感，中和红色） */
        radial-gradient(110% 110% at 0% 0%,
            rgba(170, 200, 255, 0.28) 0%,
            rgba(200, 220, 255, 0.18) 35%,
            rgba(230, 240, 255, 0.10) 62%,
            transparent 82%),
        /* 第1层（最底层）：淡蓝紫 → 暖米白 的柔和线性渐变（主底色） */
        linear-gradient(160deg,
            rgba(220, 232, 255, 0.85) 0%,
            rgba(234, 242, 255, 0.62) 38%,
            rgba(248, 244, 250, 0.42) 72%,
            #ffffff 100%);
    /* 每张底图大小：点阵 28 重复，其余 100% 全铺 */
    background-size: 28px 28px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
    background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat;
    padding: 40px 30px 44px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}
.tt-rec-w-chip {
    /* 胶囊：往右上角再挪一点（top/right 28→22），整体更小 */
    position: absolute;
    top: 22px;
    right: 22px;
    padding: 5px 11px 5px;        /* 比原来 6/14 更小，更紧凑 */
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(180, 190, 255, 0.50);
    color: #6b7280;
    font-size: 11px;               /* 由 12 → 11，再小一点 */
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.02em;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
    flex-shrink: 0;
    z-index: 2;
}
/* 标题：往左下角放（left/bottom 更贴角），字体稍微小一点 */
.tt-rec-w-head .tt-rec-w-title {
    position: absolute;
    left: 22px;                         /* 更贴左：28 → 22 */
    bottom: 26px;                       /* 更贴底部：32 → 26（贴近分隔线） */
    right: 28px;
    max-width: calc(100% - 50px);
    font-size: 17.5px;                  /* 更小：19 → 17.5 */
    font-weight: 800;
    color: #111827;
    line-height: 1.5;
    letter-spacing: 0.01em;
    margin: 0;
    padding: 0;
    z-index: 2;
}

/* ② 第二层（主体：描述 + 元数据）：flex:1.8（与 head 1.2 合计 ≈ 3 份 → 40%:60%），左右留白 26px 与一层对齐 */
.tt-rec-w-body {
    padding: 18px 26px 2px;
    flex: 1.8 1 58%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
/* 第二层中不再有标题，第一子是 desc：去掉 margin-bottom 微调 */
.tt-rec-w-body .tt-rec-w-desc {
    font-size: 12.5px;
    font-weight: 400;
    color: #6b7280;
    line-height: 2;
    margin: 0 0 14px;
    flex: 1 1 auto;
}
.tt-rec-w-accent {
    color: #C8102E;
    font-weight: 600;
}

/* 元数据行（研究院 / 时长）样式不变 */
.tt-rec-w-meta {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 20px;
    padding: 0 0 14px;
}
.tt-rec-w-metaitem {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.8px;
    font-weight: 500;
    color: #6b7280;
    line-height: 1.6;
    white-space: nowrap;
}
.tt-rec-w-metaitem i {
    color: #C8102E;
    opacity: 0.88;
    font-size: 11px;
}

/* 第二层里的旧 tt-rec-w-title 残留（标题已移动到第一层）保护：若仍意外在 body 内，样式保留但不生效 */
.tt-rec-w-body .tt-rec-w-title {
    font-size: 17px;
    font-weight: 800;
    color: #111827;
    line-height: 1.55;
    letter-spacing: 0.01em;
    margin: 0 0 12px;
}

/* ③ 第三层（左下载 + 右查看详情）：左右 margin 26px 与 一二层左右留白对齐，flex 0 不参与比例 */
.tt-rec-w-foot {
    flex: 0 0 auto;
    margin: 0 26px 26px;
    padding-top: 12px;
    border-top: 1px solid rgba(17, 24, 39, 0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    box-sizing: border-box;
}
.tt-rec-w-down {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #9ca3af;
    line-height: 1.5;
    white-space: nowrap;
}
.tt-rec-w-down i {
    color: #C8102E;
    opacity: 0.8;
    font-size: 11px;
}
.tt-rec-w-detail {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #C8102E;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.tt-rec-w-detail:hover {
    transform: translateX(2px);
    color: #a51028;
}
.tt-rec-w-detail span {
    display: inline-block;
}

/* 旧的白卡通用字段（被新 tt-rec-card--white 替换）— 隐藏保留 */
.tt-rec-typechip,
.tt-rec-card-title,
.tt-rec-card-desc,
.tt-rec-card-foot,
.tt-rec-card-meta { display: none; }

/* ===== 深红大卡 ===== */
.tt-rec-card--featured {
    background: linear-gradient(155deg, #8a0a22 0%, #a51028 42%, #B11B36 100%);
    border-color: rgba(200, 16, 46, 0.45);
    color: #fff;
    padding: 26px 28px 28px;   /* 内部内容离开四边的留白（通用 .tt-rec-card padding:0 被这里单独覆盖） */
}
.tt-rec-card--featured:hover {
    box-shadow: 0 14px 30px rgba(200, 16, 46, 0.18);
}
.tt-rec-card--featured .tt-rec-card-top {
    display: flex !important;   /* 深红大卡使用旧的 tt-rec-card-top 日期胶囊，强制显示 */
    align-items: flex-start;
    justify-content: flex-start;  /* 日期胶囊在左上 */
    margin-bottom: 22px;
}
.tt-rec-datechip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.4;
}
.tt-rec-datechip i {
    font-size: 11px;
    opacity: 0.95;
}
.tt-rec-f-title {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    line-height: 1.45;
    margin: 0 0 16px;
    letter-spacing: 0.01em;
    max-width: 480px;
}
.tt-rec-f-line {
    font-size: 13px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.86);
    line-height: 2;
    margin: 0 0 auto;
}
.tt-rec-f-foot {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.tt-rec-f-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 18px 10px;
    border-radius: 999px;
    background: #fff;
    color: #C8102E;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}
.tt-rec-f-btn:hover {
    background: #fff5f6;
    transform: translateY(-1px);
}
.tt-rec-f-btn i { font-size: 12px; }
.tt-rec-f-btn--disabled { pointer-events: none; cursor: default; }

/* 整卡链接 */
.tt-rec-grid > .tt-rec-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform .2s ease;
    border-radius: 16px;
}
.tt-rec-grid > .tt-rec-card-link:hover {
    transform: translateY(-2px);
    filter: drop-shadow(0 10px 20px rgba(200,16,46,0.18));
}
.tt-rec-grid > .tt-rec-card-link > article { border-radius: 16px; }

.tt-rec-f-time {
    font-size: 12px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.78);
    letter-spacing: 0.02em;
}

/* ============ 企业品牌银行 BICBRAND SYSTEM ============ */
.tt-bbs {
    background: #fff;
    padding: 18px 0 72px;
    position: relative;
}
.tt-bbs-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}
.tt-bbs-head-left {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.tt-bbs-head-ico {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: #fff5f6;
    border: 1px solid rgba(200, 16, 46, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #C8102E;
}
.tt-bbs-head-titles {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.tt-bbs-name {
    font-size: 18px;
    font-weight: 800;
    color: #111827;
    line-height: 1.4;
    letter-spacing: 0.02em;
    margin: 0;
}
.tt-bbs-en {
    font-size: 11px;
    font-weight: 600;
    color: #9ca3af;
    letter-spacing: 0.24em;
}
.tt-bbs-more {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 600;
    color: #6b7280;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.tt-bbs-more:hover {
    color: #C8102E;
    transform: translateX(2px);
}

/* 2 行 × 3 列 胶囊 */
.tt-bbs-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.tt-bbs-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px 17px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(17, 24, 39, 0.08);
    text-decoration: none;
    transition: all 0.25s ease;
    min-height: 84px;
}
.tt-bbs-item:hover {
    border-color: rgba(200, 16, 46, 0.28);
    background: #fffafa;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.05);
}
.tt-bbs-icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #fff5f6;
    border: 1px solid rgba(200, 16, 46, 0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #C8102E;
}
.tt-bbs-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.tt-bbs-name2 {
    font-size: 14px;
    font-weight: 800;
    color: #111827;
    line-height: 1.5;
    letter-spacing: 0.01em;
    margin: 0;
}
.tt-bbs-desc {
    font-size: 12px;
    font-weight: 400;
    color: #6b7280;
    line-height: 1.85;
    margin: 0;
}

/* ============ ThinkTank 品牌知识中心 / 行业知识库 桌面端样式 ============ */

/* 通用 section 标题头（复用 BBS 头结构：左红图标+中黑标题灰英文 / 右查看更多） */
.tt-sec-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
    gap: 24px;
}
.tt-sec-head-left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.tt-sec-head-ico {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background: #fff5f6;
    border: 1px solid rgba(200, 16, 46, 0.20);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.tt-sec-head-titles {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
}
.tt-sec-name {
    font-size: 19px;
    font-weight: 800;
    color: #111827;
    line-height: 1.3;
    letter-spacing: 0.01em;
    margin: 0;
}
.tt-sec-en {
    font-size: 11px;
    font-weight: 600;
    color: #9ca3af;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.tt-sec-more {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    line-height: 1.5;
    text-decoration: none;
    padding: 6px 0;
    transition: color .2s ease;
}
.tt-sec-more:hover { color: #C8102E; }
.tt-sec-more > span { font-size: 13px; font-weight: 700; }

/* section 间距 */
.tt-kc { padding: 32px 0 56px; }
.tt-ik { padding: 16px 0 56px; }

/* 卡片网格：3 列等宽 */
.tt-kc-grid,
.tt-ik-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

/* 单张卡片：白底 + 圆角 14px + 浅灰边 + 悬停轻微阴影上抬（与推荐白卡一致） */
.tt-kc-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100%;
    background: #fff;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.tt-kc-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 26px rgba(17, 24, 39, 0.07);
    border-color: rgba(200, 16, 46, 0.20);
}

/* ============= ① 第一层：渐变头（占卡片上约 40%，对角胶囊+标题） ============= */
.tt-kc-head {
    position: relative;              /* 绝对定位基准 */
    flex: 0 0 auto;
    min-height: 178px;
    overflow: hidden;
    isolation: isolate;
    padding: 28px 28px 34px;
    box-sizing: border-box;
}
/* 第 1 张：冷蓝 → 右上橙红高端渐变（知识中心 1） */
.tt-kc-head--1 {
    background-image:
        radial-gradient(130% 130% at 100% 0%,
            rgba(255, 170, 180, 0.32) 0%,
            rgba(255, 200, 200, 0.22) 28%,
            rgba(255, 240, 240, 0.10) 56%,
            transparent 80%),
        radial-gradient(110% 110% at 0% 100%,
            rgba(170, 200, 255, 0.30) 0%,
            rgba(200, 220, 255, 0.22) 32%,
            rgba(230, 240, 255, 0.12) 60%,
            transparent 82%),
        linear-gradient(155deg,
            rgba(218, 230, 255, 0.82) 0%,
            rgba(238, 242, 255, 0.62) 38%,
            rgba(248, 244, 250, 0.42) 72%,
            #ffffff 100%);
    background-size: 100% 100%, 100% 100%, 100% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
}
/* 第 2 张：浅紫 → 右上粉红（知识中心 2） */
.tt-kc-head--2 {
    background-image:
        radial-gradient(130% 130% at 100% 0%,
            rgba(245, 180, 220, 0.30) 0%,
            rgba(255, 210, 230, 0.20) 28%,
            rgba(255, 240, 248, 0.10) 56%,
            transparent 80%),
        radial-gradient(110% 110% at 0% 100%,
            rgba(200, 195, 255, 0.28) 0%,
            rgba(220, 220, 255, 0.22) 32%,
            rgba(240, 240, 255, 0.12) 60%,
            transparent 82%),
        linear-gradient(155deg,
            rgba(228, 226, 255, 0.82) 0%,
            rgba(240, 238, 255, 0.62) 38%,
            rgba(250, 244, 250, 0.42) 72%,
            #ffffff 100%);
    background-size: 100% 100%, 100% 100%, 100% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
}
/* 第 3 张：浅天蓝 → 右上紫粉（知识中心 3） */
.tt-kc-head--3 {
    background-image:
        radial-gradient(130% 130% at 100% 0%,
            rgba(228, 190, 248, 0.30) 0%,
            rgba(240, 215, 250, 0.20) 28%,
            rgba(250, 240, 255, 0.10) 56%,
            transparent 80%),
        radial-gradient(110% 110% at 0% 100%,
            rgba(180, 215, 255, 0.28) 0%,
            rgba(210, 230, 255, 0.22) 32%,
            rgba(235, 245, 255, 0.12) 60%,
            transparent 82%),
        linear-gradient(155deg,
            rgba(218, 236, 255, 0.82) 0%,
            rgba(236, 244, 255, 0.62) 38%,
            rgba(248, 244, 252, 0.42) 72%,
            #ffffff 100%);
    background-size: 100% 100%, 100% 100%, 100% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
}
/* 行业知识库 3 张：与知识中心同风格渐变 */
.tt-ik-head--1 { background-image: radial-gradient(130% 130% at 100% 0%, rgba(255, 170, 180, 0.32) 0%, rgba(255, 200, 200, 0.22) 28%, rgba(255, 240, 240, 0.10) 56%, transparent 80%), radial-gradient(110% 110% at 0% 100%, rgba(170, 200, 255, 0.30) 0%, rgba(200, 220, 255, 0.22) 32%, rgba(230, 240, 255, 0.12) 60%, transparent 82%), linear-gradient(155deg, rgba(218, 230, 255, 0.82) 0%, rgba(238, 242, 255, 0.62) 38%, rgba(248, 244, 250, 0.42) 72%, #ffffff 100%); background-size: 100% 100%, 100% 100%, 100% 100%; background-repeat: no-repeat, no-repeat, no-repeat; }
.tt-ik-head--2 { background-image: radial-gradient(130% 130% at 100% 0%, rgba(245, 180, 220, 0.30) 0%, rgba(255, 210, 230, 0.20) 28%, rgba(255, 240, 248, 0.10) 56%, transparent 80%), radial-gradient(110% 110% at 0% 100%, rgba(200, 195, 255, 0.28) 0%, rgba(220, 220, 255, 0.22) 32%, rgba(240, 240, 255, 0.12) 60%, transparent 82%), linear-gradient(155deg, rgba(228, 226, 255, 0.82) 0%, rgba(240, 238, 255, 0.62) 38%, rgba(250, 244, 250, 0.42) 72%, #ffffff 100%); background-size: 100% 100%, 100% 100%, 100% 100%; background-repeat: no-repeat, no-repeat, no-repeat; }
.tt-ik-head--3 { background-image: radial-gradient(130% 130% at 100% 0%, rgba(228, 190, 248, 0.30) 0%, rgba(240, 215, 250, 0.20) 28%, rgba(250, 240, 255, 0.10) 56%, transparent 80%), radial-gradient(110% 110% at 0% 100%, rgba(180, 215, 255, 0.28) 0%, rgba(210, 230, 255, 0.22) 32%, rgba(235, 245, 255, 0.12) 60%, transparent 82%), linear-gradient(155deg, rgba(218, 236, 255, 0.82) 0%, rgba(236, 244, 255, 0.62) 38%, rgba(248, 244, 252, 0.42) 72%, #ffffff 100%); background-size: 100% 100%, 100% 100%, 100% 100%; background-repeat: no-repeat, no-repeat, no-repeat; }

/* 右上胶囊：白色，带细边（白皮书）/ 描边灰（文章） */
.tt-kc-chip {
    position: absolute;
    top: 22px;
    right: 22px;
    padding: 5px 11px 5px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(180, 190, 255, 0.50);
    color: #6b7280;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.02em;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
    flex-shrink: 0;
    z-index: 2;
}
.tt-kc-chip--outline {
    background: rgba(255, 255, 255, 0.75);
    border-color: rgba(107, 114, 128, 0.45);
    color: #4b5563;
}
/* 左下标题：与 tt-rec-w-title 同位置逻辑 */
.tt-kc-title {
    position: absolute;
    left: 22px;
    bottom: 26px;
    right: 28px;
    max-width: calc(100% - 50px);
    font-size: 17.5px;
    font-weight: 800;
    color: #111827;
    line-height: 1.5;
    letter-spacing: 0.01em;
    margin: 0;
    padding: 0;
    z-index: 2;
}

/* ============= ② 第二层：白底内容（分类胶囊 + 描述 + 元数据） ============= */
.tt-kc-body {
    flex: 1 1 auto;
    /* 整体占位：保证即便描述、元数据少，body 也有统一最小高度，footer 对齐一致 */
    min-height: 168px;
    padding: 18px 26px 2px;
    display: flex;
    flex-direction: column;
}
/* 红色分类胶囊（品牌资产管理 / 品牌升级 / 汽车 / 科技） */
.tt-kc-tag {
    display: inline-flex;
    align-self: flex-start;
    padding: 3.5px 11.5px 3.5px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.01em;
    margin-bottom: 11px;
}
.tt-kc-tag--red {
    background: #C8102E;
    color: #fff;
}
/* 描述：强制 3 行占位（即使 1-2 行文字也占 3 行），超过 3 行省略号截断 */
.tt-kc-desc {
    font-size: 12.5px;
    font-weight: 400;
    color: #6b7280;
    line-height: 1.9;
    margin: 0 0 14px;
    /* 3 行固定占位：line-height(1.9em) × 3 */
    min-height: calc(1.9em * 3);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/* 元数据行（机构 + 时间） */
.tt-kc-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
    padding-bottom: 14px;
}
.tt-kc-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 500;
    color: #9ca3af;
    line-height: 1.5;
}
.tt-kc-meta-item svg { flex-shrink: 0; }

/* ============= ③ 第三层：底部（左侧统计/右侧详情按钮或分钟胶囊） ============= */
.tt-kc-foot {
    margin: 0 24px 22px;
    padding-top: 12px;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.tt-kc-stats {
    font-size: 12px;
    font-weight: 500;
    color: #9ca3af;
    line-height: 1.5;
}
/* 品牌知识中心：右为「查看详情 →」红色字 */
.tt-kc-link {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12.5px;
    font-weight: 700;
    color: #C8102E;
    line-height: 1.5;
    letter-spacing: 0.01em;
    transition: color .2s ease;
}
.tt-kc-link > span { font-size: 13px; font-weight: 700; }
.tt-kc-link:hover { color: #a20c24; }
/* 行业知识库：右为红色描边圆角胶囊「12 分钟」 */
.tt-kc-min {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: 3.5px 11.5px 3.5px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(200, 16, 46, 0.55);
    color: #C8102E;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.01em;
}

/* ============ ThinkTank 品牌问答社区 桌面端样式 ============ */
.tt-qa { padding: 12px 0 56px; }

/* ---- ① 4 列独立统计卡片（分开显示，不连在一起） ---- */
.tt-qa-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 24px;
}
.tt-qa-stat {
    min-height: 92px;
    padding: 16px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: #fff;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 10px;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.tt-qa-stat:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(17, 24, 39, 0.05);
    border-color: rgba(200, 16, 46, 0.18);
}
.tt-qa-stat-num {
    font-size: 20px;
    font-weight: 800;
    color: #C8102E;
    line-height: 1.25;
    letter-spacing: 0.01em;
}
.tt-qa-stat-lab {
    font-size: 11.5px;
    font-weight: 500;
    color: #6b7280;
    line-height: 1.6;
    letter-spacing: 0.02em;
}

/* ---- ② 品牌一百问（左小图标+标题+红色核心胶囊 / 下两列 3×2 浅底白条） ---- */
.tt-qa-100 { margin-bottom: 18px; }
.tt-qa-100-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 0 2px;
}
.tt-qa-100-ico {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    background: #fff5f6;
    border: 1px solid rgba(200, 16, 46, 0.18);
}
.tt-qa-100-title {
    font-size: 14px;
    font-weight: 800;
    color: #111827;
    line-height: 1.5;
    letter-spacing: 0.01em;
}
.tt-qa-100-core {
    padding: 2.5px 9px 2.5px;
    border-radius: 999px;
    background: #C8102E;
    color: #fff;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.02em;
    margin-left: 2px;
}
.tt-qa-100-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
}
.tt-qa-100-row {
    min-height: 40px;
    padding: 9px 20px 9px;
    background: #fff;                      /* 纯胶囊白底 */
    border: 1px solid rgba(17, 24, 39, 0.08);   /* 浅灰细边：白底上能看清胶囊轮廓 */
    border-radius: 999px;                  /* 胶囊大圆角 */
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
/* 鼠标放上去：整颗胶囊变红，编号和问题字变白，描边也变红 */
.tt-qa-100-row:hover {
    background: #C8102E;
    border-color: #C8102E;
}
.tt-qa-100-row:hover .tt-qa-100-no {
    color: #fff;
}
.tt-qa-100-row:hover .tt-qa-100-q {
    color: #fff;
}
.tt-qa-100-no {
    flex-shrink: 0;
    min-width: 32px;
    font-size: 12px;
    font-weight: 700;
    color: #C8102E;
    line-height: 1.5;
    letter-spacing: 0.02em;
}
.tt-qa-100-q {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    line-height: 1.7;
    letter-spacing: 0.01em;
}

/* ---- ③ 问答热榜列表（3 张白底卡） ---- */
.tt-qa-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.tt-qa-card {
    position: relative;              /* 右上角徽章定位基准 */
    background: #fff;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 12px;
    padding: 18px 24px 16px;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.tt-qa-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(17, 24, 39, 0.06);
    border-color: rgba(200, 16, 46, 0.18);
}
/* 右上角「点赞徽章」：红底白字圆角胶囊 + 左侧点赞图标 */
.tt-qa-card-no {
    position: absolute;
    top: 18px;
    right: 24px;
    z-index: 2;
    min-width: auto;
    height: auto;
    line-height: 1.4;
    padding: 5px 11px 5px 9px;
    border-radius: 999px;
    background: #C8102E;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-align: center;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 2px 6px rgba(200, 16, 46, 0.18);
}
.tt-qa-card-no svg { flex-shrink: 0; display: inline-block; vertical-align: middle; }
/* 头：标题单行或多行显示，右侧给点赞徽章留避让空间 */
.tt-qa-card-head {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    /* 右避让：徽章宽 ≈ 70px + 右间距 24 + 安全值 8 */
    padding-right: 108px;
}
.tt-qa-card-title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 16.5px;
    font-weight: 800;
    color: #C8102E;
    line-height: 1.55;
    letter-spacing: 0.01em;
}
/* 两个小分类胶囊 */
.tt-qa-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}
.tt-qa-card-tag {
    padding: 2.5px 9px 2.5px;
    border-radius: 4px;
    background: #fff5f6;
    color: #C8102E;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.02em;
}
/* 描述 */
.tt-qa-card-desc {
    margin: 0 0 12px;
    font-size: 12.5px;
    font-weight: 400;
    color: #6b7280;
    line-height: 1.9;
}
/* 底部元数据：回答数 + 浏览 + 用户 */
.tt-qa-card-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}
.tt-qa-card-meta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 500;
    color: #9ca3af;
    line-height: 1.6;
}
.tt-qa-card-meta svg { flex-shrink: 0; }
.tt-qa-card-user {
    margin-left: auto;
    font-size: 11.5px;
    font-weight: 500;
    color: #9ca3af;
    line-height: 1.6;
    letter-spacing: 0.01em;
}

/* ============ ThinkTank 新模块响应式 ============ */
@media (max-width: 1100px) {
    .tt-rec-grid {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    }
    /* 第 3 张白卡挪到第 2 行，占右列；深红卡不变 */
    .tt-rec-card:nth-child(3) {
        grid-column: 2 / 3;
    }
}
@media (max-width: 860px) {
    .tt-rec-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .tt-rec-card:nth-child(3) { grid-column: auto; }
    .tt-rec-f-title { font-size: 20px; max-width: 100%; }
}
@media (max-width: 1024px) {
    .tt-rec { padding: 0 0 22px; }
    .tt-bbs { padding: 10px 0 60px; }
    .tt-rec-title { font-size: 17px; }
    .tt-bbs-name { font-size: 17px; }

    .tt-bbs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .tt-bbs-item { min-height: 80px; padding: 14px 16px 15px; }
    .tt-bbs-icon { width: 38px; height: 38px; }
    .tt-bbs-name2 { font-size: 13.5px; }
    .tt-bbs-desc { font-size: 11.8px; line-height: 1.8; }

    /* 品牌知识中心 / 行业知识库：3 列 → 2 列 */
    .tt-kc { padding: 24px 0 36px; }
    .tt-ik { padding: 12px 0 48px; }
    .tt-sec-head { margin-bottom: 18px; }
    .tt-sec-name { font-size: 17.5px; }
    .tt-kc-grid, .tt-ik-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
    .tt-kc-head { min-height: 168px; padding: 26px 26px 32px; }
    .tt-kc-chip { top: 20px; right: 20px; font-size: 10.8px; padding: 4.5px 10.5px 4.5px; }
    .tt-kc-title { left: 22px; bottom: 26px; right: 26px; font-size: 16.5px; max-width: calc(100% - 48px); }
    .tt-kc-body { padding: 16px 24px 2px; min-height: 158px; }
    .tt-kc-desc { font-size: 12px; line-height: 1.9; min-height: calc(1.9em * 3); }
    .tt-kc-foot { margin: 0 22px 22px; }

    /* 品牌问答社区：4格统计→2×2（独立卡片，不连），其他尺寸同步缩小 */
    .tt-qa { padding: 8px 0 48px; }
    .tt-qa-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 20px;
    }
    .tt-qa-stat {
        min-height: 84px;
        padding: 14px 18px;
    }
    .tt-qa-stat-num { font-size: 18px; }
    .tt-qa-100-head { margin-bottom: 10px; }
    .tt-qa-100-title { font-size: 13.5px; }
    .tt-qa-100-core { font-size: 10px; }
    .tt-qa-100-grid { gap: 7px 12px; }
    .tt-qa-100-row { min-height: 38px; padding: 8px 18px 8px; border-radius: 999px; }
    .tt-qa-100-q { font-size: 12.5px; }
    .tt-qa-list { gap: 10px; }
    .tt-qa-card { padding: 16px 22px 14px; }
    /* 右上角点赞徽章：尺寸等比缩小 */
    .tt-qa-card-no {
        position: absolute;
        top: 16px;
        right: 22px;
        padding: 4.5px 10px 4.5px 8.5px;
        font-size: 11.5px;
        gap: 4.5px;
    }
    .tt-qa-card-no svg { width: 12px; height: 12px; }
    .tt-qa-card-head { padding-right: 98px; margin-bottom: 9px; }
    .tt-qa-card-title { font-size: 15.5px; }
    .tt-qa-card-desc { font-size: 12px; }
    .tt-qa-card-foot { gap: 12px; }
}
@media (max-width: 640px) {
    .tt-rec { padding: 0 0 18px; }
    .tt-rec-head { margin-bottom: 18px; }
    .tt-rec-title { font-size: 16px; }
    .tt-rec-grid { gap: 12px; }

    .tt-rec-card { border-radius: 12px; }

    /* 白卡 三层结构 响应式（第一层：高端纹理背景，移动端降密度） */
    .tt-rec-w-head {
        flex: 1.2 1 46%;
        padding: 22px 22px 26px;
        border-bottom: 1px solid rgba(17, 24, 39, 0.08);
        background-image:
            /* 移动端：点阵更小更密（22px）、透明度降低 */
            url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'><circle cx='2' cy='2' r='0.85' fill='%23ffffff' opacity='0.7'/><circle cx='13' cy='8' r='0.65' fill='%23ffffff' opacity='0.5'/><circle cx='19' cy='18' r='0.55' fill='%23ffffff' opacity='0.4'/></svg>"),
            repeating-linear-gradient(
                15deg,
                rgba(255, 255, 255, 0.25) 0px,
                rgba(255, 255, 255, 0.25) 1px,
                transparent 1px,
                transparent 12px
            ),
            radial-gradient(120% 120% at 100% 100%,
                rgba(200, 16, 46, 0.10) 0%,
                rgba(200, 16, 46, 0.05) 22%,
                rgba(200, 16, 46, 0.02) 42%,
                transparent 68%),
            radial-gradient(110% 110% at 0% 0%,
                rgba(170, 200, 255, 0.24) 0%,
                rgba(200, 220, 255, 0.16) 35%,
                rgba(230, 240, 255, 0.09) 62%,
                transparent 82%),
            linear-gradient(160deg,
                rgba(220, 232, 255, 0.80) 0%,
                rgba(234, 242, 255, 0.58) 38%,
                rgba(248, 244, 250, 0.40) 72%,
                #ffffff 100%);
        background-size: 22px 22px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
        background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat;
    }
    .tt-rec-w-chip {
        position: absolute;
        top: 18px;
        right: 18px;
        padding: 4px 10px 4px;
        font-size: 10.5px;
        line-height: 1.35;
    }
    .tt-rec-w-head .tt-rec-w-title {
        position: absolute;
        left: 18px;
        bottom: 20px;
        right: 22px;
        max-width: calc(100% - 40px);
        font-size: 15px;
        line-height: 1.5;
    }
    .tt-rec-w-body {
        padding: 14px 22px 0;
    }
    .tt-rec-w-body .tt-rec-w-desc {
        font-size: 12px;
        line-height: 1.9;
        margin-bottom: 12px;
    }
    .tt-rec-w-meta {
        gap: 10px 16px;
        padding-bottom: 12px;
    }
    .tt-rec-w-metaitem {
        font-size: 11.2px;
    }
    .tt-rec-w-foot {
        margin: 0 20px 20px;
        padding-top: 10px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .tt-rec-w-down { font-size: 11.5px; }
    .tt-rec-w-detail { font-size: 12.5px; }

    .tt-rec-card--featured .tt-rec-card-top { margin-bottom: 16px; display: flex !important; }
    .tt-rec-f-title { font-size: 18px; line-height: 1.4; margin-bottom: 12px; }
    .tt-rec-f-line { font-size: 12px; line-height: 1.9; }
    .tt-rec-f-foot {
        margin-top: 18px;
        padding-top: 14px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .tt-rec-f-btn { padding: 9px 16px 9px; font-size: 12.5px; }
    .tt-rec-f-time { font-size: 11.5px; }

    .tt-bbs { padding: 4px 0 48px; }
    .tt-bbs-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 18px;
    }
    .tt-bbs-name { font-size: 16px; }
    .tt-bbs-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .tt-bbs-item { min-height: auto; padding: 13px 15px 14px; }
    .tt-bbs-icon { width: 36px; height: 36px; }
    .tt-bbs-icon svg { width: 20px; height: 20px; }
    .tt-bbs-name2 { font-size: 13px; }
    .tt-bbs-desc { font-size: 11.5px; line-height: 1.8; }

    /* 品牌知识中心 / 行业知识库 响应式（≤640） */
    .tt-kc, .tt-ik { padding: 20px 0 30px; }
    .tt-sec-head { margin-bottom: 16px; gap: 10px; flex-direction: column; align-items: flex-start; }
    .tt-sec-name { font-size: 16px; }
    .tt-sec-en { font-size: 10.5px; }
    .tt-sec-more { font-size: 11.5px; }
    .tt-kc-grid, .tt-ik-grid { grid-template-columns: 1fr; gap: 12px; }

    .tt-kc-head { min-height: 148px; padding: 22px 22px 26px; }
    .tt-kc-chip {
        top: 18px; right: 18px;
        padding: 4px 10px 4px;
        font-size: 10.5px;
        line-height: 1.35;
    }
    .tt-kc-title {
        left: 20px; bottom: 24px; right: 22px;
        max-width: calc(100% - 42px);
        font-size: 15px;
        line-height: 1.5;
    }
    .tt-kc-body { padding: 14px 22px 0; min-height: 148px; }
    .tt-kc-tag {
        padding: 3px 9px 3px;
        font-size: 10.5px;
        margin-bottom: 10px;
    }
    .tt-kc-desc { font-size: 12px; line-height: 1.9; margin-bottom: 12px; min-height: calc(1.9em * 3); }
    .tt-kc-meta { gap: 10px 16px; padding-bottom: 12px; }
    .tt-kc-meta-item { font-size: 11.2px; }
    .tt-kc-foot {
        margin: 0 20px 20px;
        padding-top: 10px;
    }
    .tt-kc-stats { font-size: 11.5px; }
    .tt-kc-link { font-size: 12px; }
    .tt-kc-min { font-size: 11.5px; padding: 3px 9px 3px; }

    /* 品牌问答社区：移动端：4格统计仍2×2，品牌一百问降1列，三条问答更小 */
    .tt-qa { padding: 6px 0 42px; }
    .tt-sec-head { margin-bottom: 16px; gap: 10px; flex-direction: column; align-items: flex-start; }
    .tt-sec-name { font-size: 16px; }
    .tt-sec-en { font-size: 10.5px; }
    .tt-sec-more { font-size: 11.5px; }

    .tt-qa-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-bottom: 18px;
    }
    .tt-qa-stat {
        min-height: 78px;
        padding: 12px 16px;
    }
    .tt-qa-stat-num { font-size: 17px; }
    .tt-qa-stat-lab { font-size: 11px; }

    .tt-qa-100-head { margin-bottom: 10px; }
    .tt-qa-100-ico { width: 22px; height: 22px; }
    .tt-qa-100-title { font-size: 13px; }
    .tt-qa-100-core { font-size: 10px; padding: 2.5px 8px 2.5px; }
    .tt-qa-100-grid { grid-template-columns: minmax(0, 1fr); gap: 7px; }
    .tt-qa-100-row { min-height: 38px; padding: 7px 17px 7px; border-radius: 999px; }
    .tt-qa-100-no { min-width: 28px; font-size: 11.5px; }
    .tt-qa-100-q { font-size: 12px; }

    .tt-qa-list { gap: 10px; }
    .tt-qa-card { padding: 14px 18px 14px; border-radius: 11px; }
    /* 移动端：右上角点赞徽章更小，避让空间同步收窄 */
    .tt-qa-card-no {
        position: absolute;
        top: 14px;
        right: 18px;
        padding: 4px 9px 4px 7.5px;
        font-size: 11px;
        gap: 4px;
        box-shadow: 0 1.5px 5px rgba(200, 16, 46, 0.18);
    }
    .tt-qa-card-no svg { width: 11px; height: 11px; }
    .tt-qa-card-head { padding-right: 86px; gap: 11px; margin-bottom: 9px; }
    .tt-qa-card-title { font-size: 14.5px; }
    .tt-qa-card-tags { gap: 7px; margin-bottom: 9px; }
    .tt-qa-card-tag { padding: 2.5px 8px 2.5px; font-size: 10px; }
    .tt-qa-card-desc { font-size: 11.5px; margin-bottom: 10px; }
    .tt-qa-card-foot { gap: 10px; }
    .tt-qa-card-meta { font-size: 10.8px; }
    .tt-qa-card-user { font-size: 10.8px; margin-left: auto; }
}

/* ====================================================
   政策和趋势  POLICY & TRENDS
   ==================================================== */
.tt-pt {
    padding: 12px 0 56px;
}
/* 3 列 政策卡片网格 */
.tt-pt-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}
.tt-pt-card {
    background: #fff;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 12px;
    padding: 24px 24px 22px;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    text-decoration: none;
    color: inherit;
}
.tt-pt-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(17, 24, 39, 0.06);
    border-color: rgba(200, 16, 46, 0.18);
}
/* 顶部行：左红分类胶囊 + 右灰年份 */
.tt-pt-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 16px;
}
.tt-pt-tag {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.5;
}
.tt-pt-tag--red {
    background: rgba(200, 16, 46, 0.92);
    color: #fff;
    padding: 4.5px 11.5px 4.5px;
}
.tt-pt-year {
    flex: 0 0 auto;
    margin-left: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #9ca3af;
}
/* 标题 */
.tt-pt-title {
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 800;
    color: #111827;
    line-height: 1.55;
    letter-spacing: 0.01em;
}
/* 描述 */
.tt-pt-desc {
    margin: 0;
    font-size: 13.5px;
    color: #6b7280;
    line-height: 1.7;
    letter-spacing: 0.01em;
}

/* ---- ≤1024px 政策和趋势 ---- */
@media (max-width: 1024px) {
    .tt-pt { padding: 6px 0 48px; }
    .tt-pt-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin-top: 20px;
    }
    .tt-pt-card { padding: 22px 22px 20px; }
    .tt-pt-head { margin-bottom: 14px; }
    .tt-pt-tag--red { padding: 4px 10.5px 4px; font-size: 10.5px; }
    .tt-pt-year { font-size: 11.5px; }
    .tt-pt-title { font-size: 16px; }
    .tt-pt-desc { font-size: 12.5px; }
}

/* ---- ≤640px 政策和趋势 ---- */
@media (max-width: 640px) {
    .tt-pt { padding: 0 0 42px; }
    .tt-pt-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-top: 18px;
    }
    .tt-pt-card {
        padding: 20px 20px 18px;
        border-radius: 11px;
    }
    .tt-pt-head { margin-bottom: 13px; gap: 8px; }
    .tt-pt-tag--red { padding: 3.5px 10px 3.5px; font-size: 10px; }
    .tt-pt-year { font-size: 11px; }
    .tt-pt-title { font-size: 15px; margin-bottom: 9px; }
    .tt-pt-desc { font-size: 12px; line-height: 1.65; }
}

/* ============ 企业品牌银行 brandbank ============ */
.tt-bb { padding: 56px 0 64px; background: #fff; }

.tt-bb-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 22px;
}
.tt-bb-top-ico {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(200,16,46,0.08);
    border: 1px solid rgba(200,16,46,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
}
.tt-bb-top-name {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 700;
    color: #111827;
    line-height: 1.45;
    letter-spacing: 0.01em;
}
.tt-bb-top-lead {
    margin: 0;
    font-size: 13.5px;
    color: #6b7280;
    line-height: 1.7;
    letter-spacing: 0.01em;
}

/* 深灰 Hero 大卡 */
.tt-bb-hero {
    position: relative;
    border-radius: 20px;
    background:
        radial-gradient(1200px 260px at 85% -20%, rgba(200,16,46,0.35), transparent 60%),
        radial-gradient(900px 220px at 10% 110%, rgba(255,180,100,0.18), transparent 58%),
        linear-gradient(135deg, #16171c 0%, #1d1f26 45%, #242731 100%);
    border: 1px solid rgba(255,255,255,0.06);
    overflow: hidden;
    padding: 54px 64px 52px;
    box-sizing: border-box;
    box-shadow: 0 20px 54px rgba(17,24,39,0.22);
}
.tt-bb-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 52px 52px, 52px 52px;
    mask-image: radial-gradient(ellipse at 70% 30%, #000 0%, transparent 72%);
    pointer-events: none;
}
.tt-bb-hero-content { position: relative; z-index: 2; max-width: 920px; }
.tt-bb-hero-en {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.22em;
    font-weight: 600;
    color: #ff5a6b;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(200,16,46,0.12);
    border: 1px solid rgba(255,120,130,0.22);
    margin-bottom: 18px;
}
.tt-bb-hero-title {
    margin: 0 0 16px;
    font-size: 34px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.28;
    letter-spacing: 0.01em;
}
.tt-bb-hero-desc {
    margin: 0 0 28px;
    max-width: 820px;
    font-size: 14.5px;
    color: rgba(255,255,255,0.72);
    line-height: 1.85;
    letter-spacing: 0.01em;
}
.tt-bb-hero-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.tt-bb-btn {
    padding: 10px 22px 11px;
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.14);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
    backdrop-filter: blur(8px);
}
.tt-bb-btn:hover {
    background: #C8102E;
    border-color: #C8102E;
    transform: translateY(-1px);
}

/* 6 卡网格 */
.tt-bb-grid {
    margin-top: 34px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 20px;
}
.tt-bb-card {
    position: relative;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(17,24,39,0.08);
    padding: 26px 26px 26px;
    box-sizing: border-box;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.tt-bb-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(17,24,39,0.08);
    border-color: rgba(200,16,46,0.22);
}
.tt-bb-card-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(200,16,46,0.06);
    border: 1px solid rgba(200,16,46,0.14);
    margin-bottom: 16px;
}
.tt-bb-card-name {
    margin: 0 0 8px;
    font-size: 15.5px;
    font-weight: 700;
    color: #111827;
    line-height: 1.5;
    letter-spacing: 0.01em;
}
.tt-bb-card-desc {
    margin: 0;
    font-size: 13px;
    color: #6b7280;
    line-height: 1.75;
    letter-spacing: 0.01em;
}

/* ---- ≤1024px 品牌银行 ---- */
@media (max-width: 1024px) {
    .tt-bb { padding: 40px 0 46px; }
    .tt-bb-hero { padding: 40px 40px 40px; }
    .tt-bb-hero-title { font-size: 28px; }
    .tt-bb-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
/* ---- ≤640px 品牌银行 ---- */
@media (max-width: 640px) {
    .tt-bb { padding: 28px 0 34px; }
    .tt-bb-top { gap: 10px; margin-bottom: 16px; }
    .tt-bb-top-ico { width: 32px; height: 32px; }
    .tt-bb-top-name { font-size: 17px; }
    .tt-bb-top-lead { font-size: 12.5px; }
    .tt-bb-hero { padding: 28px 22px 28px; border-radius: 16px; }
    .tt-bb-hero-title { font-size: 22px; }
    .tt-bb-hero-desc { font-size: 13px; line-height: 1.75; margin-bottom: 20px; }
    .tt-bb-hero-btns { gap: 8px; }
    .tt-bb-btn { padding: 8px 16px 9px; font-size: 12px; }
    .tt-bb-grid { margin-top: 24px; grid-template-columns: 1fr; gap: 14px; }
    .tt-bb-card { padding: 22px 20px 22px; }
}

/* =========================================================
   tt-filter：知识中心筛选（搜索框 + 两行胶囊）
   ========================================================= */
.tt-filter {
    padding: 32px 0 12px;
    background: #fff;
}
/* 搜索框 */
.tt-filter-search {
    position: relative;
    max-width: 680px;
    margin: 0 0 24px;
}
.tt-filter-search input {
    width: 100%;
    height: 44px;
    padding: 0 16px 0 44px;
    border-radius: 10px;
    border: 1px solid rgba(17,24,39,0.12);
    background: #fff;
    font-size: 14px;
    color: #111827;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
    box-sizing: border-box;
}
.tt-filter-search input::placeholder {
    color: #9ca3af;
}
.tt-filter-search input:focus {
    border-color: #C8102E;
    box-shadow: 0 0 0 3px rgba(200,16,46,0.08);
}
.tt-filter-search-ico {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: #9ca3af;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
/* 胶囊行 */
.tt-filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}
.tt-filter-chip {
    display: inline-flex;
    align-items: center;
    padding: 6.5px 16px 7.5px;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1;
    color: #6b7280;
    background: #f3f4f6;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.tt-filter-chip:hover {
    color: #111827;
    background: #eef0f3;
    transform: translateY(-1px);
}
/* 一级 active：品牌红 */
.tt-filter-chip--red {
    color: #fff;
    background: #C8102E;
    border-color: #C8102E;
    font-weight: 500;
}
.tt-filter-chip--red:hover {
    color: #fff;
    background: #b00d27;
    border-color: #b00d27;
}
/* 二级 active：深灰 */
.tt-filter-chip--dark {
    color: #fff;
    background: #111827;
    border-color: #111827;
    font-weight: 500;
}
.tt-filter-chip--dark:hover {
    color: #fff;
    background: #000;
    border-color: #000;
}

@media (max-width: 640px) {
    .tt-filter { padding: 22px 0 4px; }
    .tt-filter-search { margin-bottom: 18px; }
    .tt-filter-search input { height: 42px; }
    .tt-filter-row { gap: 8px; margin-bottom: 10px; }
    .tt-filter-chip { padding: 5.5px 13px 6.5px; font-size: 12.5px; }
}

/* =========================================================
   tt-pager：知识中心分页（胶囊按钮）
   ========================================================= */
.tt-pager {
    padding: 0 0 56px;
    background: #fff;
}
.tt-pager-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.tt-pager-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #6b7280;
    border: 1px solid transparent;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.tt-pager-item:hover {
    color: #111827;
    background: #eef0f3;
    transform: translateY(-1px);
}
.tt-pager-item--active {
    background: #C8102E;
    color: #fff;
    border-color: #C8102E;
}
.tt-pager-item--active:hover {
    background: #b00d27;
    color: #fff;
    border-color: #b00d27;
}
.tt-pager-item--disabled {
    color: #d1d5db;
    background: #f9fafb;
    cursor: not-allowed;
    transform: none;
}
.tt-pager-item--disabled:hover {
    color: #d1d5db;
    background: #f9fafb;
    transform: none;
}
.tt-pager-ellipsis {
    min-width: 32px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0 6px;
}
.tt-pager-ico {
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.tt-pager-item .tt-pager-ico + span,
.tt-pager-item span + .tt-pager-ico {
    margin-left: 4px;
}

@media (max-width: 640px) {
    .tt-pager { padding: 0 0 32px; }
    .tt-pager-inner { gap: 7px; }
    .tt-pager-item {
        min-width: 34px;
        height: 34px;
        padding: 0 10px;
        font-size: 12.5px;
    }
    .tt-pager-ellipsis { min-width: 28px; height: 34px; }
}

/* =========================================================
   tt-qa-entry：品牌问答社区入口模块（faq.php 用）
   ========================================================= */
.tt-qa-entry {
    padding: 36px 0 56px;
    background: #fff;
}

/* ① 头行：左 标题+描述 / 右 3 个数据项 */
.tt-qa-entry .tt-qa-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 26px;
}
.tt-qa-entry .tt-qa-head-title {
    font-size: 28px;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
    margin: 0 0 8px 0;
    letter-spacing: -0.3px;
}
.tt-qa-entry .tt-qa-head-desc {
    font-size: 14px;
    line-height: 1.7;
    color: #6b7280;
    margin: 0;
    max-width: 62ch;
}
.tt-qa-entry .tt-qa-head-stats {
    display: flex;
    align-items: flex-start;
    gap: 0;
    flex-shrink: 0;
}
.tt-qa-entry .tt-qa-stat {
    min-height: unset;
    padding: 0 24px;
    text-align: center;
    box-sizing: border-box;
    display: block;
    flex-direction: unset;
    align-items: unset;
    justify-content: unset;
    gap: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    transition: none;
}
.tt-qa-entry .tt-qa-stat:first-child { padding-left: 0; }
.tt-qa-entry .tt-qa-stat:last-child { padding-right: 0; }
.tt-qa-entry .tt-qa-stat:hover {
    transform: none;
    box-shadow: none;
    border-color: transparent;
}
.tt-qa-entry .tt-qa-stat-num {
    display: block;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 6px;
    letter-spacing: -0.3px;
}
.tt-qa-entry .tt-qa-stat-num--red { color: #C8102E; }
.tt-qa-entry .tt-qa-stat-num--black { color: #111827; }
.tt-qa-entry .tt-qa-stat-label {
    display: block;
    font-size: 12.5px;
    color: #9ca3af;
    line-height: 1;
    white-space: nowrap;
}

/* ② 4 张卡片行：独立卡片 + 间隙 + 标题一行不换行省略 */
.tt-qa-entry .tt-qa-cards-wrap {
    position: relative;
    margin-bottom: 28px;
}
.tt-qa-entry .tt-qa-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
}
.tt-qa-entry .tt-qa-card {
    position: relative;
    background: #fff;
    border: 1px solid #f0f1f3;
    border-radius: 12px;
    padding: 16px 14px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
}
.tt-qa-entry .tt-qa-card:hover {
    border-color: #e8ebee;
    box-shadow: 0 8px 22px rgba(17,24,39,.06);
    transform: translateY(-2px);
    background: #fff;
}
.tt-qa-entry .tt-qa-card-ico {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #C8102E;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.tt-qa-entry .tt-qa-card-ico svg { display: block; }
.tt-qa-entry .tt-qa-card-body {
    flex: 1;
    min-width: 0;
}
.tt-qa-entry .tt-qa-card {
    position: relative;
}
.tt-qa-entry .tt-qa-card-head {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto;
    align-items: center;
    column-gap: 14px;
    row-gap: 6px;
    margin-bottom: 4px;
    /* 给右侧箭头列预留 20px 宽度，防止与标题重叠 */
    padding-right: 0;
}
.tt-qa-entry .tt-qa-card-title {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    line-height: 1.25;
    margin: 0;
    /* 关键：防止被压缩导致标题文字与箭头列重叠 */
    min-width: 0;
    width: 100%;
    overflow: visible;
}
.tt-qa-entry .tt-qa-card-title-text {
    white-space: nowrap;
    /* 标题文字不截断，完整显示在标题列内，不会延伸到箭头列 */
    flex: 0 0 auto;
    max-width: 100%;
}
.tt-qa-entry .tt-qa-card-chip {
    grid-column: 1;
    grid-row: 1;
    /* 标签紧跟标题文字右侧，不换行、不被压缩 */
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}
.tt-qa-entry .tt-qa-card-arrow {
    grid-column: 2;
    grid-row: 1;
    /* 箭头独占右侧列，垂直居中，绝对不参与标题宽度计算 */
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    align-self: center;
    color: #9ca3af;
    position: relative;
    z-index: 1;
}
.tt-qa-entry .tt-qa-card-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 17px;
    padding: 0 7px;
    border-radius: 4px;
    background: #C8102E;
    color: #fff;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 17px;
    white-space: nowrap;
    flex-shrink: 0;
}
.tt-qa-entry .tt-qa-card-arrow {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    background: #f9fafb;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}
.tt-qa-entry .tt-qa-card:hover .tt-qa-card-arrow {
    background: #C8102E;
    color: #fff;
    transform: translateX(2px);
}
.tt-qa-entry .tt-qa-card-sub {
    font-size: 12.5px;
    color: #6b7280;
    line-height: 1.5;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tt-qa-entry .tt-qa-cards-arrow {
    display: none;
}

/* ③ 搜索行 + 胶囊行：合并为一行，左胶囊 / 右搜索+按钮 */
.tt-qa-entry .tt-qa-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}
.tt-qa-entry .tt-qa-filter-row {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    /* 右侧搜索区：宽度收缩 */
    flex: 0 0 auto;
    order: 2;
}
.tt-qa-entry .tt-qa-search {
    position: relative;
    height: 34px;
    width: 220px;
    max-width: 220px;
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0 10px 0 30px;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.tt-qa-entry .tt-qa-search:focus-within {
    border-color: #C8102E;
    box-shadow: 0 0 0 3px rgba(200,16,46,.12);
}
.tt-qa-entry .tt-qa-search-ico {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.tt-qa-entry .tt-qa-search input {
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 13px;
    color: #111827;
    padding: 0;
}
.tt-qa-entry .tt-qa-search input::placeholder { color: #9ca3af; }
.tt-qa-entry .tt-qa-btn-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    padding: 0 16px 0 13px;
    border-radius: 8px;
    background: #C8102E;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    border: 0;
    transition: background .18s ease, transform .18s ease;
    flex-shrink: 0;
}
.tt-qa-entry .tt-qa-btn-all svg { flex-shrink: 0; display: inline-block; }
.tt-qa-entry .tt-qa-btn-all:hover { background: #b00d27; transform: translateY(-1px); }
.tt-qa-entry .tt-qa-chip-row {
    margin-top: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    /* 左侧胶囊区：占剩余空间，允许换行不挤压搜索区 */
    flex: 1 1 auto;
    min-width: 0;
    order: 1;
}

/* ④ 响应式：独立卡片 + 间隙版本 */
@media (max-width: 1024px) {
    .tt-qa-entry .tt-qa-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .tt-qa-entry .tt-qa-card { padding: 18px 16px; }
    .tt-qa-entry .tt-qa-card-ico { width: 42px; height: 42px; }
    .tt-qa-entry .tt-qa-head { flex-direction: column; align-items: stretch; gap: 18px; }
    .tt-qa-entry .tt-qa-head-stats { align-self: flex-start; }
    .tt-qa-entry .tt-qa-stat { padding: 0 22px; }
}
@media (max-width: 640px) {
    .tt-qa-entry { padding: 22px 0 34px; }
    .tt-qa-entry .tt-qa-head { margin-bottom: 20px; }
    .tt-qa-entry .tt-qa-head-title { font-size: 22px; }
    .tt-qa-entry .tt-qa-head-desc { font-size: 13px; }
    .tt-qa-entry .tt-qa-head-stats { flex-wrap: wrap; gap: 6px 0; }
    .tt-qa-entry .tt-qa-stat {
        padding: 0 16px;
        flex: 1 1 33%;
    }
    .tt-qa-entry .tt-qa-stat-num { font-size: 24px; }
    .tt-qa-entry .tt-qa-cards-wrap { margin-bottom: 22px; }
    .tt-qa-entry .tt-qa-cards { grid-template-columns: 1fr; gap: 12px; margin: 0; }
    .tt-qa-entry .tt-qa-card { padding: 16px 14px; }
    .tt-qa-entry .tt-qa-card-ico { width: 40px; height: 40px; }
    .tt-qa-entry .tt-qa-filter-row { gap: 10px; }
    .tt-qa-entry .tt-qa-search { flex: 1 1 100%; max-width: 100%; }
    .tt-qa-entry .tt-qa-chip-row { gap: 8px; }
}

/* =========================================================
   tt-qa-list-section：FAQ 问答列表模块（Tab + 左列表 + 右侧栏）
   ========================================================= */
.tt-qa-list-section {
    padding: 10px 0 72px;
    background: #fafafa;
}

/* ---------- 顶部 Tabs：热门 / 最新 / 待回答 ---------- */
.tt-qa-list-tabs {
    display: inline-flex;
    align-items: center;
    gap: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 4px;
    margin-bottom: 24px;
}
.tt-qa-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    padding: 0 18px 0 15px;
    border-radius: 999px;
    background: transparent;
    border: 0;
    color: #6b7280;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
    white-space: nowrap;
}
.tt-qa-tab:hover {
    color: #374151;
    background: #f3f4f6;
}
.tt-qa-tab.is-active {
    background: #fff5f6;
    color: #C8102E;
    font-weight: 600;
    box-shadow: inset 0 0 0 1px rgba(200,16,46,.25);
}

/* ---------- 主体：左问答列表 + 右侧栏 ---------- */
.tt-qa-list-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: start;
}

/* ============== 左侧问答列表 ============== */
.tt-qa-list-main {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

/* 单条问答卡片 */
.tt-qa-list-item {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 0;
    background: #fff;
    border: 1px solid #eef0f2;
    border-radius: 14px;
    padding: 22px 0;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.tt-qa-list-item:hover {
    border-color: rgba(200,16,46,.22);
    box-shadow: 0 10px 26px rgba(17,24,39,.06);
    transform: translateY(-2px);
}

/* 左侧投票/元数据列 */
.tt-qa-li-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 2px 16px 2px 22px;
    border-right: 1px solid #f1f2f4;
    gap: 2px;
}
.tt-qa-li-num {
    font-size: 22px;
    font-weight: 800;
    color: #C8102E;
    line-height: 1.1;
    letter-spacing: -0.3px;
}
.tt-qa-li-num-sub {
    font-size: 11.5px;
    color: #9ca3af;
    font-weight: 500;
    line-height: 1.4;
}
.tt-qa-li-reply {
    margin-top: 8px;
    padding: 3px 8px;
    border-radius: 4px;
    background: #f3f4f6;
    color: #6b7280;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
}

/* 右侧主体内容 */
.tt-qa-li-body {
    padding: 2px 26px 2px 22px;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* 标签行（顶部热门 + 分类） */
.tt-qa-li-tags-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}
.tt-qa-li-tags-row--soft {
    margin-top: 10px;
    margin-bottom: 0;
}
.tt-qa-li-hot {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    border-radius: 4px;
    background: #fff5f6;
    color: #C8102E;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    border: 1px solid rgba(200,16,46,.18);
}
.tt-qa-li-tag {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    border-radius: 4px;
    background: #fff5f6;
    color: #C8102E;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    border: 1px solid rgba(200,16,46,.18);
}
.tt-qa-li-tag--soft {
    background: #f3f4f6;
    color: #6b7280;
    border: 1px solid #e5e7eb;
}

/* 标题 */
.tt-qa-li-title {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.5;
    color: #111827;
    letter-spacing: .01em;
}
.tt-qa-li-title a {
    color: inherit;
    text-decoration: none;
    transition: color .18s ease;
}
.tt-qa-li-title a:hover {
    color: #C8102E;
}

/* 描述 */
.tt-qa-li-desc {
    margin: 0 0 0;
    font-size: 13px;
    line-height: 1.85;
    color: #6b7280;
}

/* 底部信息行：用户 · 角色 · 日期 · 已回答 */
.tt-qa-li-foot {
    margin-top: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    font-size: 12px;
    color: #9ca3af;
    line-height: 1.5;
}
.tt-qa-li-user {
    font-weight: 500;
    color: #6b7280;
}
.tt-qa-li-role {
    color: #9ca3af;
}
.tt-qa-li-divider {
    margin: 0 8px;
    color: #d1d5db;
}
.tt-qa-li-date {
    color: #9ca3af;
}
.tt-qa-li-answered {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 4px;
    background: #ecfdf5;
    color: #059669;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    border: 1px solid rgba(5,150,105,.18);
}

/* 回答预览区（已回答时显示） */
.tt-qa-li-preview {
    margin-top: 14px;
    padding: 14px 16px;
    background: #fafafa;
    border-radius: 10px;
    border: 1px solid #f1f2f4;
    position: relative;
}
.tt-qa-li-preview::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 28px;
    width: 12px;
    height: 12px;
    background: #fafafa;
    border-left: 1px solid #f1f2f4;
    border-top: 1px solid #f1f2f4;
    transform: rotate(45deg);
}
.tt-qa-li-preview p {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.9;
    color: #4b5563;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tt-qa-li-like {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 999px;
    background: #fff;
    color: #C8102E;
    font-size: 11.5px;
    font-weight: 600;
    border: 1px solid rgba(200,16,46,.22);
}
.tt-qa-li-like strong {
    font-weight: 800;
}

/* ============== 右侧边栏 ============== */
.tt-qa-sidebar {
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: sticky;
    top: 20px;
}

/* 红色 CTA 立即提问块 */
.tt-qa-side-ask {
    background: linear-gradient(155deg, #C8102E 0%, #a51028 100%);
    border-radius: 14px;
    padding: 24px 22px 22px;
    color: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(200,16,46,.22);
}
.tt-qa-side-ask::after {
    content: "";
    position: absolute;
    top: -40px;
    right: -40px;
    width: 140px;
    height: 140px;
    background: radial-gradient(circle, rgba(255,255,255,.14) 0%, transparent 70%);
    pointer-events: none;
}
.tt-qa-side-ask-title {
    margin: 0 0 6px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .02em;
    position: relative;
    z-index: 1;
}
.tt-qa-side-ask-desc {
    margin: 0 0 16px;
    font-size: 12.5px;
    line-height: 1.7;
    color: rgba(255,255,255,.86);
    position: relative;
    z-index: 1;
}
.tt-qa-side-ask-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 40px;
    padding: 0 20px;
    border-radius: 999px;
    background: #fff;
    color: #C8102E;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease;
    position: relative;
    z-index: 1;
}
.tt-qa-side-ask-btn strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}
.tt-qa-side-ask-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0,0,0,.15);
}

/* 通用侧边栏块：品牌一百问 / 专家团队 */
.tt-qa-side-block {
    background: #fff;
    border: 1px solid #eef0f2;
    border-radius: 14px;
    padding: 20px 20px 22px;
}
.tt-qa-side-head {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}
.tt-qa-side-head svg { flex-shrink: 0; }
.tt-qa-side-head span {
    font-size: 15px;
    font-weight: 800;
    color: #111827;
    line-height: 1.4;
    letter-spacing: .01em;
}

/* 品牌一百问目录 */
.tt-qa-side-hundred {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.tt-qa-side-hundred li {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border-radius: 8px;
    transition: background .15s ease;
    cursor: pointer;
}
.tt-qa-side-hundred li:hover {
    background: #fff5f6;
}
.tt-qa-hun-num {
    flex-shrink: 0;
    min-width: 34px;
    font-size: 12px;
    font-weight: 700;
    color: #C8102E;
    line-height: 1.4;
    letter-spacing: .02em;
}
.tt-qa-side-hundred li a {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 12.5px;
    color: #374151;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tt-qa-side-hundred li:hover a {
    color: #C8102E;
}
.tt-qa-side-more {
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 600;
    color: #C8102E;
    line-height: 1.5;
    text-decoration: none;
    transition: transform .15s ease;
}
.tt-qa-side-more:hover {
    transform: translateX(2px);
}

/* 专家团队 */
.tt-qa-side-experts {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.tt-qa-side-experts li {
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px;
    border-radius: 10px;
    transition: background .18s ease;
}
.tt-qa-side-experts li:hover {
    background: #fafafa;
}
.tt-qa-exp-avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #C8102E 0%, #e24a60 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 2px 6px rgba(200,16,46,.25);
}
.tt-qa-exp-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.tt-qa-exp-name {
    font-size: 14px;
    font-weight: 800;
    color: #111827;
    line-height: 1.4;
}
.tt-qa-exp-name small {
    margin-left: 4px;
    color: #f59e0b;
    font-size: 12px;
    line-height: 1;
}
.tt-qa-exp-role {
    font-size: 12px;
    font-weight: 500;
    color: #6b7280;
    line-height: 1.5;
}
.tt-qa-exp-tags {
    margin-top: 4px;
    font-size: 11px;
    color: #9ca3af;
    line-height: 1.5;
}

/* ---------- 问答列表 响应式 ---------- */
@media (max-width: 1100px) {
    .tt-qa-list-body {
        grid-template-columns: minmax(0, 1fr) 290px;
        gap: 20px;
    }
}
@media (max-width: 960px) {
    .tt-qa-list-body {
        grid-template-columns: minmax(0, 1fr);
    }
    .tt-qa-sidebar {
        position: static;
    }
    .tt-qa-side-ask {
        padding: 22px 20px 20px;
    }
}
/* 问答列表内嵌分页：覆盖 tt-pager 默认白底和外层大 padding */
.tt-qa-list-main .tt-pager {
    padding: 8px 0 0;
    background: transparent;
}

@media (max-width: 640px) {
    .tt-qa-list-section {
        padding: 4px 0 44px;
    }
    .tt-qa-list-tabs {
        margin-bottom: 18px;
        padding: 3px;
        width: 100%;
        justify-content: stretch;
    }
    .tt-qa-tab {
        flex: 1 1 0;
        height: 34px;
        padding: 0 10px;
        font-size: 12.5px;
    }
    .tt-qa-list-item {
        grid-template-columns: 72px minmax(0, 1fr);
        padding: 18px 0;
        border-radius: 12px;
    }
    .tt-qa-li-meta {
        padding: 2px 12px 2px 16px;
    }
    .tt-qa-li-num {
        font-size: 19px;
    }
    .tt-qa-li-body {
        padding: 2px 18px 2px 16px;
    }
    .tt-qa-li-title {
        font-size: 15.5px;
    }
    .tt-qa-li-desc {
        font-size: 12.5px;
    }
    .tt-qa-li-answered {
        margin-left: 0;
        margin-top: 4px;
    }
    .tt-qa-li-foot {
        flex-wrap: wrap;
        gap: 0 0;
    }
    .tt-qa-side-ask-title {
        font-size: 21px;
    }
}

/* =========================================================
   tt-policy-page：政策和趋势页面主结构
   ========================================================= */
.tt-policy-page {
    padding: 36px 0 72px;
    background: #fff;
}

/* ---------- ① 顶部 Header ---------- */
.tt-pp-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 44px;
}
.tt-pp-head-ico {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #C8102E;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(200,16,46,.22);
}
.tt-pp-head-texts { min-width: 0; }
.tt-pp-head-name {
    margin: 2px 0 4px;
    font-size: 22px;
    font-weight: 800;
    color: #111827;
    line-height: 1.3;
    letter-spacing: .01em;
}
.tt-pp-head-lead {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: #6b7280;
}

/* ---------- ② 时间轴：5 节点 ---------- */
.tt-pp-timeline {
    position: relative;
    margin-bottom: 56px;
}
.tt-pp-tl-line {
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #e5e7eb 5%, #e5e7eb 95%, transparent 100%);
}
.tt-pp-tl-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
}
.tt-pp-tl-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 0;
}
/* 红点 */
.tt-pp-tl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #C8102E;
    box-shadow: 0 0 0 4px rgba(200,16,46,.12);
    margin-bottom: 12px;
    flex-shrink: 0;
}
/* 年份 */
.tt-pp-tl-year {
    font-size: 13px;
    font-weight: 700;
    color: #C8102E;
    line-height: 1.4;
    letter-spacing: .02em;
    margin-bottom: 4px;
}
/* 主题 */
.tt-pp-tl-title {
    font-size: 15px;
    font-weight: 800;
    color: #111827;
    line-height: 1.4;
    margin-bottom: 8px;
    letter-spacing: .01em;
}
/* 胶囊 */
.tt-pp-tl-chip {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 9px;
    border-radius: 4px;
    background: #fff5f6;
    border: 1px solid rgba(200,16,46,.18);
    color: #C8102E;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px;
}
/* 描述 */
.tt-pp-tl-desc {
    margin: 0;
    font-size: 12px;
    line-height: 1.8;
    color: #6b7280;
}

/* ---------- ③ 2行3列 政策卡片 ---------- */
.tt-pp-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 48px;
}
.tt-pp-card {
    background: #fff;
    border: 1px solid #eef0f2;
    border-radius: 10px;
    padding: 20px 22px 22px;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.tt-pp-card:hover {
    transform: translateY(-2px);
    border-color: rgba(200,16,46,.22);
    box-shadow: 0 10px 26px rgba(17,24,39,.06);
}
.tt-pp-card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.tt-pp-card-tag {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 9px;
    border-radius: 4px;
    background: #fff5f6;
    border: 1px solid rgba(200,16,46,.18);
    color: #C8102E;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
}
.tt-pp-card-year {
    font-size: 12px;
    font-weight: 500;
    color: #9ca3af;
    line-height: 1.4;
}
.tt-pp-card-title {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 800;
    color: #111827;
    line-height: 1.5;
    letter-spacing: .01em;
}
.tt-pp-card-desc {
    margin: 0;
    font-size: 13px;
    line-height: 1.75;
    color: #6b7280;
}

/* ============================================================
   品牌一百问 brand100.php 主区（左问题列表 + 右统计/分类/AI引用）
   ============================================================ */
.tt-b100-main {
    padding: 40px 0 80px;
    background: #fafafa;
}
.tt-b100-main-inner {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}
/* 左主列 */
.tt-b100-col-main {
    flex: 1 1 0;
    min-width: 0;
}
.tt-b100-col-side {
    flex: 0 0 340px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 110px;
    align-self: flex-start;
}
@media (max-width: 960px) {
    .tt-b100-main-inner { flex-direction: column; }
    .tt-b100-col-side { flex: 1 1 100%; width: 100%; position: static; }
}

/* 问题列表通用 */
.tt-b100-q-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.tt-b100-q-item {
    background: #fff;
    border: 1px solid #f1f2f4;
    border-radius: 12px;
    overflow: hidden;
    transition: border-color .2s, box-shadow .2s;
}
.tt-b100-q-item:hover {
    border-color: #e6e8ec;
}
.tt-b100-q-item.is-open {
    border-color: rgba(200,16,46,.25);
    box-shadow: 0 4px 16px rgba(200,16,46,.04);
}
.tt-b100-q-head {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 22px;
    cursor: pointer;
    transition: background .2s;
}
.tt-b100-q-head:hover { background: #fafafa; }
.tt-b100-q-item.is-open .tt-b100-q-head {
    background: #fff;
    border-bottom: 1px solid #f1f2f4;
}

.tt-b100-q-num {
    flex: 0 0 42px;
    font-weight: 800;
    color: #C8102E;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .5px;
}
.tt-b100-q-head-body {
    flex: 1 1 auto;
    min-width: 0;
}
.tt-b100-q-title {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 8px;
    line-height: 1.5;
}
.tt-b100-q-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.tt-b100-q-tag {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: 4px;
    background: #fafafa;
    border: 1px solid transparent;
    color: #666;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
}
.tt-b100-q-tag--red {
    background: rgba(200,16,46,.04);
    border-color: transparent;
    color: #C8102E;
    gap: 3px;
}
.tt-b100-q-tag--red::before {
    content: '';
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/><circle cx='7.5' cy='7.5' r='.5' fill='currentColor'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/><circle cx='7.5' cy='7.5' r='.5' fill='currentColor'/></svg>") no-repeat center / contain;
}
.tt-b100-q-arr {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    transition: transform .25s;
    margin-top: 2px;
}
.tt-b100-q-item.is-open .tt-b100-q-arr {
    transform: rotate(90deg);
}

/* 展开内容 */
.tt-b100-q-body {
    display: none;
    padding: 0 22px 20px 80px;   /* 左对齐：42(num) + 16(gap) + 22 = 80 */
}
.tt-b100-q-item.is-open .tt-b100-q-body {
    display: block;
}
.tt-b100-q-body p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.85;
    color: #666;
    padding: 18px 0 4px;
}

/* 通用卡片 */
.tt-b100-card {
    background: #fff;
    border: 1px solid #eef0f3;
    border-radius: 12px;
    overflow: hidden;
}
.tt-b100-card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 18px;
    border-bottom: 1px solid #f1f2f4;
}
.tt-b100-card-head-ico {
    color: #6b7280;
    display: inline-flex;
}
.tt-b100-card-head-txt {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

/* 1. 统计卡片 */
.tt-b100-stat-head {
    padding: 10px 18px;
    font-size: 12px;
    font-weight: 700;
    color: #4b5563;
    background: #f5f7fb;
    border-bottom: 1px solid #eef0f3;
    letter-spacing: .3px;
}
.tt-b100-stat-grid {
    display: flex;
    padding: 16px;
    gap: 12px;
}
.tt-b100-stat-cell {
    flex: 1 1 0;
    min-width: 0;
    padding: 14px 8px;
    background: #fafafa;
    border: 1px solid #f1f2f4;
    border-radius: 8px;
    text-align: center;
}
.tt-b100-stat-num {
    font-size: 24px;
    font-weight: 900;
    color: #111827;
    line-height: 1.1;
    margin-bottom: 4px;
}
.tt-b100-stat-num--red { color: #C8102E; }
.tt-b100-stat-lab {
    font-size: 12px;
    color: #6b7280;
    font-weight: 600;
}

/* 2. 分类浏览 */
.tt-b100-cat-list {
    list-style: none;
    padding: 6px 0;
    margin: 0;
}
.tt-b100-cat-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    font-size: 13.5px;
    color: #374151;
    font-weight: 500;
    cursor: pointer;
    transition: background .2s;
}
.tt-b100-cat-list li:hover { background: #fafafa; }
.tt-b100-cat-list li.is-active {
    background: #fff5f6;
    color: #C8102E;
    font-weight: 700;
}
.tt-b100-cat-list li.is-active .tt-b100-cat-num {
    color: #C8102E;
}
.tt-b100-cat-list li + li { border-top: 1px dashed #f1f2f4; }
.tt-b100-cat-name { flex: 1 1 auto; }
.tt-b100-cat-num {
    flex: 0 0 auto;
    font-size: 12px;
    color: #9ca3af;
    font-weight: 600;
}

/* 3. AI 优先引用 */
.tt-b100-ai-card {
    position: relative;
    background: linear-gradient(135deg, #eef6ff 0%, #f3f8ff 60%, #f5faff 100%);
    border: 1px solid #e2ecf6;
}
.tt-b100-ai-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 18px 6px;
}
.tt-b100-ai-ico {
    display: inline-flex;
    color: #C8102E;
    flex: 0 0 auto;
}
.tt-b100-ai-head-txt {
    font-size: 14px;
    color: #0f2744;
    font-weight: 600;
}
.tt-b100-ai-body {
    padding: 6px 18px 20px;
}
.tt-b100-ai-body p {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.8;
    color: #374151;
    padding-left: 26px;   /* 跟 AI 图标对齐，缩进 */
}

/* thinktank.php 品牌一百问头 a 标签样式（去掉下划线，保持排版） */
.tt-qa-100-head--link {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border-radius: 10px 10px 0 0;
    background: #fffafa;
    border: 1px solid #fde2e5;
    border-bottom: none;
    transition: background .2s;
}
.tt-qa-100-head--link:hover { background: #fff5f6; }
.tt-qa-100-head--link .tt-qa-100-title { margin-bottom: 0; }
.tt-qa-100-head--link .tt-qa-100-core { margin-left: auto; }
.tt-qa-100-more {
    color: #6b7280;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 640px) {
    .tt-qa-100-more { display: none; }
    .tt-qa-100-head--link .tt-qa-100-core { margin-left: 0; }
}

/* ---------- ④ 持续更新条 ---------- */
.tt-pp-continuous {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px 24px;
    background: #fafafa;
    border-radius: 10px;
}
.tt-pp-cont-ico {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: #fff;
    border: 1px solid rgba(200,16,46,.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #C8102E;
    box-shadow: 0 2px 4px rgba(17,24,39,.03);
}
.tt-pp-cont-texts {
    flex: 1 1 auto;
    min-width: 0;
}
.tt-pp-cont-name {
    margin: 2px 0 6px;
    font-size: 14px;
    font-weight: 800;
    color: #111827;
    line-height: 1.4;
    letter-spacing: .01em;
}
.tt-pp-cont-desc {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.7;
    color: #6b7280;
}

/* ---------- 政策页 响应式 ---------- */
@media (max-width: 1100px) {
    .tt-pp-tl-grid { gap: 14px; }
    .tt-pp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
    .tt-pp-timeline { margin-bottom: 36px; }
    .tt-pp-tl-line { display: none; }
    .tt-pp-tl-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
    .tt-pp-tl-item { align-items: flex-start; text-align: left; }
    .tt-pp-tl-dot { margin-bottom: 8px; }
}
@media (max-width: 640px) {
    .tt-policy-page { padding: 20px 0 44px; }
    .tt-pp-head { margin-bottom: 28px; gap: 12px; }
    .tt-pp-head-ico { width: 36px; height: 36px; }
    .tt-pp-head-name { font-size: 19px; }
    .tt-pp-head-lead { font-size: 13px; }

    .tt-pp-tl-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .tt-pp-cards {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        margin-bottom: 32px;
    }
    .tt-pp-card { padding: 16px 18px 18px; }
    .tt-pp-card-title { font-size: 15px; }
    .tt-pp-card-desc { font-size: 12.5px; }

    .tt-pp-continuous { padding: 16px 18px; flex-direction: column; gap: 10px; }
    .tt-pp-cont-ico { width: 34px; height: 34px; }
    .tt-pp-cont-name { font-size: 13.5px; }
    .tt-pp-cont-desc { font-size: 12px; }
}