/* ================================================================
   独立博客专题页专属（blog.html）
   源：pages.css（原第 5843-6074 行区间内容，按需拆分）
   ================================================================ */

.bl-figure img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-12);
    border: 1px solid rgba(93, 151, 67, 0.14);
    box-shadow: var(--shadow-sm);
}
/* 通用提示条 */
.bl-tip {
    display: flex;
    align-items: flex-start;
    gap: var(--space-12);
    margin-top: var(--space-20);
    padding: var(--space-16);
    border-radius: var(--radius-12);
    border: 1px dashed rgba(93, 151, 67, 0.35);
    background: linear-gradient(135deg, rgba(93, 151, 67, 0.07), rgba(255, 255, 255, 0.6));
}
.bl-tip p {
    margin: 0;
    font-size: var(--fs-13);
    line-height: var(--lh-loose);
    color: var(--text-secondary);
}
.bl-tip-icon {
    font-size: var(--fs-18);
    line-height: 1.5;
}
/* 表格金额/推荐列强调 */
.bl-table td b { color: var(--primary-dark); }
/* ---- 为什么写博客 ---- */
.bl-why {
    position: relative;
    padding: var(--space-24) var(--space-20) var(--space-20);
    border-radius: var(--radius-12);
    border: 1px solid rgba(93, 151, 67, 0.12);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: var(--shadow-sm);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.bl-why:hover {
    transform: translateY(-4px);
    border-color: rgba(93, 151, 67, 0.32);
    box-shadow: 0 16px 34px rgba(93, 151, 67, 0.14);
}
.bl-why-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: var(--space-12);
    border-radius: var(--radius-12);
    font-size: var(--fs-22);
    background: rgba(93, 151, 67, 0.10);
}
.bl-why-tag { position: absolute; top: var(--space-16); right: var(--space-16); }
.bl-why h3 { margin: 0 0 8px; font-size: var(--fs-15); color: var(--text-primary); }
.bl-why p { margin: 0; font-size: var(--fs-13); line-height: var(--lh-base); color: var(--text-secondary); }
/* ---- 阿里云云大使推荐卡 ---- */
.bl-aliyun {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 340px; gap: var(--space-24);
    margin: 24px 0;
    padding: var(--space-28);
    border-radius: var(--radius-16);
    border: 1px solid rgba(234, 88, 12, 0.28);
    background:
        radial-gradient(600px 200px at 100% 0%, rgba(234, 88, 12, 0.10), transparent 70%),
        linear-gradient(135deg, rgba(255, 247, 240, 0.95), rgba(255, 255, 255, 0.9));
    box-shadow: 0 18px 40px rgba(234, 88, 12, 0.12);
    overflow: hidden;
}
.bl-aliyun::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, #ea580c, #f59e0b);
}
.bl-aliyun-body h3 {
    margin: 12px 0 10px;
    font-size: var(--fs-20);
    color: var(--text-primary);
}
.bl-aliyun-body > p {
    margin: 0 0 12px;
    font-size: var(--fs-13);
    line-height: var(--lh-loose);
    color: var(--text-secondary);
}
.bl-aliyun-list {
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
}
.bl-aliyun-list li {
    position: relative; padding-left: var(--space-20); margin-bottom: var(--space-6);
    font-size: var(--fs-13);
    line-height: var(--lh-base);
    color: var(--text-primary);
}
.bl-aliyun-list li::before {
    content: '✔';
    position: absolute;
    left: 0;
    color: #ea580c;
    font-weight: 700;
}
.bl-aliyun-btn {
    background: linear-gradient(135deg, #ea580c, #f97316);
    box-shadow: 0 6px 18px rgba(234, 88, 12, 0.32);
}
.bl-aliyun-btn:hover {
    background: linear-gradient(135deg, #c2410c, #ea580c);
    box-shadow: 0 10px 24px rgba(234, 88, 12, 0.4);
}
.bl-aliyun-note {
    margin: 12px 0 0;
    font-size: var(--fs-12);
    color: #8a9482;
}
.bl-aliyun-art img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-16);
    box-shadow: 0 14px 30px rgba(234, 88, 12, 0.22);
}
@media (max-width: 900px) {
    .bl-aliyun { grid-template-columns: 1fr; }
    .bl-aliyun-art { order: -1; }
}
/* ---- 开源程序卡片 ---- */
.bl-programs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-16);
    margin-bottom: var(--space-20);
}
.bl-prog {
    --bl-c: 93, 151, 67;
    padding: var(--space-20);
    border-radius: var(--radius-12);
    border: 1px solid rgba(var(--bl-c), 0.18);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: var(--shadow-sm);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.bl-prog:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--bl-c), 0.45);
    box-shadow: 0 14px 30px rgba(var(--bl-c), 0.16);
}
.bl-prog-head {
    display: flex;
    align-items: center;
    gap: var(--space-10);
    margin-bottom: var(--space-10);
}
.bl-prog-head h3 { margin: 0; font-size: var(--fs-15); color: var(--text-primary); }
.bl-prog-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-12);
    font-size: var(--fs-18);
    background: rgba(var(--bl-c), 0.12);
    color: rgb(var(--bl-c));
}
.bl-prog p {
    margin: 0 0 12px;
    font-size: var(--fs-12);
    line-height: var(--lh-base);
    color: var(--text-secondary);
}
.bl-prog-link {
    font-size: var(--fs-12);
    font-weight: 600;
    color: rgb(var(--bl-c));
    text-decoration: none;
}
.bl-prog-link:hover { text-decoration: underline; }
@media (max-width: 1024px) {
    .bl-programs { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .bl-programs { grid-template-columns: 1fr; }
}
/* ---- 底部行动号召 ---- */
.bl-cta {
    margin-top: var(--space-10); padding: 42px var(--space-28) ;
    border-radius: var(--radius-16);
    text-align: center;
    border: 1px solid rgba(93, 151, 67, 0.22);
    background:
        radial-gradient(500px 180px at 50% 0%, rgba(93, 151, 67, 0.12), transparent 75%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(244, 249, 236, 0.92));
    box-shadow: var(--shadow-md);
}
.bl-cta h2 {
    margin: 0 0 10px;
    font-size: var(--fs-22);
    color: var(--text-primary);
}
.bl-cta p {
    margin: 0 auto 22px;
    max-width: 560px;
    font-size: var(--fs-13);
    line-height: var(--lh-loose);
    color: var(--text-secondary);
}
.bl-cta-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; gap: var(--space-12);
}
.bl-cta-btn { font-size: var(--fs-14); }

/* ================================================================
   博客专题页 V4：纸面编辑风（bl2-，自模板内联 <style> 下沉）
   ================================================================ */
    /* ========== 博客封面 V4：纸面编辑风（浅色、留白、刊物排版） ========== */
    .bl2-hero{position:relative;border-radius:22px;padding: 34px 44px var(--space-28);text-align:center;border:1px solid rgba(93,151,67,.22);background:
      radial-gradient(130% 170% at 10% -18%,rgba(93,151,67,.15),transparent 46%),
      radial-gradient(130% 170% at 94% 122%,rgba(230,126,34,.13),transparent 48%),
      linear-gradient(180deg,#ffffff,#fbfdf7);box-shadow:0 20px 48px rgba(45,70,35,.12);margin-bottom: var(--space-6);overflow:hidden}
    .bl2-hero::before{content:'';position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#5d9743,#7ab85e 55%,#e67e22)}
    .bl2-hero::after{content:'✎';position:absolute;right: var(--space-28);bottom: var(--space-12);font-size: 74px;line-height:1;color:rgba(93,151,67,.09);pointer-events:none;transform:rotate(-10deg)}
    .bl2-hero>*{position:relative}
    .bl2-hero-over{display:inline-flex;align-items:center;gap: var(--space-12);margin-top: var(--space-2);font-size: var(--fs-12);font-weight:700;letter-spacing:.28em;color:#4a7a35;text-transform:uppercase}
    .bl2-hero-over::before,.bl2-hero-over::after{content:'';width:42px;height:2px;border-radius: var(--radius-2);background:linear-gradient(90deg,transparent,#5d9743)}
    .bl2-hero-over::after{background:linear-gradient(90deg,#5d9743,transparent)}
    .bl2-hero h1{margin:16px 0 4px;font-size:var(--fs-h1);line-height:1.26;color:#2f3b2c;font-weight:800}
    .bl2-hero h1 .bl2-grad{position:relative;color:#5d9743;background:none;-webkit-text-fill-color:initial;background-clip:initial;background-size:auto;animation:none}
    .bl2-hero h1 .bl2-grad::after{content:'';position:absolute;left:1%;right:1%;bottom: var(--space-2);height:9px;border-radius: var(--radius-6);background:linear-gradient(90deg,rgba(93,151,67,.22),rgba(230,126,34,.24));transform:rotate(-1.2deg);z-index:-1}
    .bl2-hero-type{margin:6px auto 0;max-width:680px;min-height:0;font-family:inherit;font-size: var(--fs-15);line-height:2;color:#5a6657}
    .bl2-hero-chips{display:flex;justify-content:center;flex-wrap:wrap;gap: var(--space-10);margin-top: var(--space-16)}
    .bl2-hero-chip{display:inline-flex;align-items:baseline;gap: var(--space-6);padding: var(--space-8) var(--space-16);border-radius: var(--radius-12);font-size: var(--fs-12);color:#333;background:rgba(255,255,255,.72);border:1px solid rgba(93,151,67,.3);box-shadow:0 3px 8px rgba(45,70,35,.06)}
    .bl2-hero-chip b{color:#4a7a35;font-size: var(--fs-16);font-weight:800}
    .bl2-hero-cta{display:inline-flex;align-items:center;gap: var(--space-8);margin-top: var(--space-24);padding: var(--space-12) var(--space-32);border-radius: var(--radius-pill);font-size: var(--fs-15);font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,#4a7a35,#5d9743);box-shadow:0 12px 26px rgba(93,151,67,.32);transition:transform .22s,box-shadow .22s;animation:none}
    .bl2-hero-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(93,151,67,.46);color:#fff}

    @keyframes bl2-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
    /* 争议对垒区 */
    .bl2-vs{display:grid;grid-template-columns:1fr 56px 1fr;gap:0;align-items:stretch;margin-top: var(--space-24)}
    .bl2-vs-col{ padding: var(--space-24) ;border-radius: var(--radius-16);border:1px solid rgba(148,163,184,.25);background:rgba(248,250,252,.7)}
    .bl2-vs-col h3{margin:0 0 14px;font-size: var(--fs-15)}
    .bl2-vs-col ul{margin:0;padding:0;list-style:none}
    .bl2-vs-col li{position:relative; margin-bottom: var(--space-8);padding-left: var(--space-24);font-size: var(--fs-13);line-height: var(--lh-base);color:var(--text-secondary)}
    .bl2-vs-con li::before{content:'✗';position:absolute;left: var(--space-2);color:#94a3b8;font-weight:700}
    .bl2-vs-pro li::before{content:'✓';position:absolute;left: var(--space-2);color:#5d9743;font-weight:700}
    .bl2-vs-mid{display:flex;align-items:center;justify-content:center;font-size: var(--fs-22);font-weight:800;color:#ea580c;animation:bl2-float 3s ease-in-out infinite}
    .bl2-quote{margin:26px auto 0;max-width:760px;padding: var(--space-20) var(--space-28);border-radius: var(--radius-16);border-left:5px solid #ea580c;background:linear-gradient(135deg,rgba(234,88,12,.08),rgba(255,255,255,.6));font-size: var(--fs-14);line-height:2;color:var(--text-primary);box-shadow:var(--shadow-sm)}
    .bl2-quote b{color:#ea580c}
    .bl2-quote a{color:#ea580c;font-weight:700;text-decoration:underline;text-underline-offset:4px}

    /* 可跳转高亮热点链接 */
    .bl2-hot{position:relative;color:#ea580c!important;font-weight:700;text-decoration:none;border-bottom:2px dashed rgba(234,88,12,.6);transition:color .2s}
    .bl2-hot:hover{color:#c2410c!important;border-bottom-style:solid}
    .bl2-hot::after{content:'↗';font-size:.85em;margin-left: var(--space-2)}
    .bl2-banner{display:flex;align-items:center; gap: var(--space-12);margin:24px 0;padding: var(--space-16) var(--space-20);border-radius: var(--radius-16);border:1px solid rgba(234,88,12,.4);background:linear-gradient(120deg,rgba(234,88,12,.14),rgba(249,115,22,.06) 60%,rgba(255,255,255,.7));box-shadow:0 12px 28px rgba(234,88,12,.18);text-decoration:none;transition:transform .25s,box-shadow .25s;animation:bl2-glow 2.6s ease-in-out infinite}
    .bl2-banner:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(234,88,12,.3)}
    @keyframes bl2-glow{0%,100%{box-shadow:0 12px 28px rgba(234,88,12,.18)}50%{box-shadow:0 12px 40px rgba(234,88,12,.4)}}
    .bl2-banner-emoji{font-size: var(--fs-28);animation:bl2-float 3s ease-in-out infinite}
    .bl2-banner p{margin:0;font-size: var(--fs-13);line-height: var(--lh-base);color:var(--text-primary)}
    .bl2-banner .bl2-go{margin-left:auto;flex-shrink:0;padding: var(--space-8) var(--space-16);border-radius: var(--radius-pill);font-size: var(--fs-13);font-weight:700;color:#fff;background:linear-gradient(135deg,#ea580c,#f97316);white-space:nowrap}
    @media (max-width:640px){.bl2-banner .bl2-go{display:none}}

    /* 四步搭建路线：可点击步骤卡 */
    .bl2-roadmap{display:flex;align-items:stretch;gap: var(--space-12);margin:22px 0}
    .bl2-road-card{position:relative;flex:1;display:flex;flex-direction:column;gap: var(--space-6);padding: var(--space-20) var(--space-16) var(--space-16);border-radius: var(--radius-16);text-decoration:none;overflow:hidden;border:1px solid rgba(93,151,67,.22);background:linear-gradient(160deg,rgba(93,151,67,.08),rgba(255,255,255,.9) 60%);box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}
    .bl2-road-card::before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#5d9743,#a3e635);opacity:0;transition:opacity .25s}
    .bl2-road-card:hover{transform:translateY(-5px);border-color:rgba(93,151,67,.5);box-shadow:0 16px 34px rgba(93,151,67,.2)}
    .bl2-road-card:hover::before{opacity:1}
    .bl2-road-num{position:absolute;top: var(--space-12);right: var(--space-12);font-size: var(--fs-26);font-weight:800;color:rgba(93,151,67,.16);font-variant-numeric:tabular-nums}
    .bl2-road-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom: var(--space-4);border-radius: var(--radius-12);font-size: var(--fs-20);background:rgba(93,151,67,.12);border:1px solid rgba(93,151,67,.22)}
    .bl2-road-card h3{margin:0;font-size: var(--fs-15);color:var(--text-primary)}
    .bl2-road-card p{margin:0;font-size: var(--fs-12);line-height:1.7;color:var(--text-secondary)}
    .bl2-road-go{margin-top:auto;padding-top: var(--space-8);font-size: var(--fs-12);font-weight:700;color:#ea580c}
    .bl2-road-arrow{display:flex;align-items:center;font-size: var(--fs-20);font-weight:700;color:rgba(93,151,67,.45)}
    @media (max-width:860px){.bl2-roadmap{flex-wrap:wrap}.bl2-road-card{flex:1 1 calc(50% - 12px)}.bl2-road-arrow{display:none}}

    /* 数字速览 V4：浅色刊例数据卡 —— 左色条 + 图标章 + 大数字，与封面同一套语言 */
    .bl2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap: var(--space-16);margin:20px 0 6px}
    .bl2-stat{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap: var(--space-6); padding: var(--space-16) ;border-radius: var(--radius-16);border:1px solid rgba(93,151,67,.18);background:linear-gradient(180deg,#ffffff,rgba(240,247,237,.85));box-shadow:0 6px 16px rgba(45,70,35,.07);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
    .bl2-stat::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sc,#5d9743)}
    .bl2-stat::after{content:'';position:absolute;right: -24px;top: -24px;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sc,#5d9743) 16%,transparent),transparent 70%);pointer-events:none}
    .bl2-stat:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--sc,#5d9743) 55%,#fff);box-shadow:0 14px 28px rgba(45,70,35,.12)}
    .bl2-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius: var(--radius-12);font-size: var(--fs-18);background:color-mix(in srgb,var(--sc,#5d9743) 13%,#fff);border:1px solid color-mix(in srgb,var(--sc,#5d9743) 30%,#fff)}
    .bl2-stat-num{display:flex;align-items:baseline; gap: var(--space-2);margin-top: var(--space-2)}
    .bl2-stat-num{font-weight:800}
    .bl2-stat .bl2-count{font-size: 36px;line-height:1;color:#23301f;font-weight:800;font-variant-numeric:tabular-nums}
    .bl2-stat-num i{font-style:normal;font-size: var(--fs-13);font-weight:700;color:var(--sc,#5d9743)}
    .bl2-stat-num i.bl2-cur{font-size: var(--fs-20)}
    .bl2-stat-label{font-size: var(--fs-12);line-height: var(--lh-ui);color:#5a6657}
    @media (max-width:820px){.bl2-stats{grid-template-columns:repeat(2,1fr)}}
    @media (max-width:640px){.bl2-stats{grid-template-columns:repeat(2,1fr);gap: var(--space-10)}.bl2-stat{padding: var(--space-12) var(--space-12)}.bl2-stat .bl2-count{font-size: var(--fs-28)}.bl2-stat-icon{width:32px;height:32px;font-size: var(--fs-15)}}

    /* 复制域名 */
    .bl2-copy{display:inline-flex;align-items:center;gap: var(--space-8);padding: var(--space-8) var(--space-16);border-radius: var(--radius-12);font-family:Consolas,monospace;font-size: var(--fs-15);font-weight:700;color:#3c5a2e;background:rgba(93,151,67,.12);border:1px dashed rgba(93,151,67,.5);cursor:pointer;transition:all .2s}
    .bl2-copy:hover{background:rgba(93,151,67,.2)}
    .bl2-copy .bl2-copyed{color:#5d9743;font-family:inherit;font-size: var(--fs-12)}

    /* FAQ 手风琴 */
    .bl2-faq{ margin-top: var(--space-16);border-radius: var(--radius-16);border:1px solid rgba(93,151,67,.2);overflow:hidden;box-shadow:var(--shadow-sm)}
    .bl2-faq details{border-bottom:1px solid rgba(93,151,67,.14);background:rgba(255,255,255,.8)}
    .bl2-faq details:last-child{border-bottom:none}
    .bl2-faq summary{padding: var(--space-16) var(--space-20);font-size: var(--fs-14);font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;transition:background .2s}
    .bl2-faq summary::-webkit-details-marker{display:none}
    .bl2-faq summary::after{content:'+';margin-left:auto;font-size: var(--fs-20);color:#5d9743;transition:transform .3s}
    .bl2-faq details[open] summary::after{transform:rotate(45deg)}
    .bl2-faq details[open] summary{background:rgba(93,151,67,.08)}
    .bl2-faq .bl2-faq-body{padding:0 22px 18px;font-size: var(--fs-13);line-height: var(--lh-loose);color:var(--text-secondary)}

    /* 侧边栏：使用模块（框架复用通用 .widget / .widget-title / .widget-content） */
    .bl2-use-steps{margin:0;padding:0;list-style:none;counter-reset:bl2u}
    .bl2-use-steps li{position:relative;counter-increment:bl2u;padding:0 0 14px 34px;font-size: var(--fs-12);line-height: var(--lh-ui);color:var(--text-primary)}
    .bl2-use-steps li::before{content:counter(bl2u);position:absolute;left:0;top:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size: var(--fs-11);font-weight:700;color:#fff;background:linear-gradient(135deg,#5d9743,#7ab55e)}
    .bl2-use-steps li::after{content:'';position:absolute;left: var(--space-10);top: var(--space-24);bottom: var(--space-2);width:1.5px;background:rgba(93,151,67,.3)}
    .bl2-use-steps li:last-child::after{display:none}
    .bl2-use-steps a{color:#ea580c;font-weight:700;text-decoration:none;border-bottom:1px dashed rgba(234,88,12,.55)}
    .bl2-use-steps a:hover{border-bottom-style:solid}
    .bl2-use-btn{display:block;margin-top: var(--space-4);padding:10px 0;border-radius: var(--radius-8);text-align:center;font-size: var(--fs-13);font-weight:700;color:#fff!important;text-decoration:none;background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:0 6px 16px rgba(234,88,12,.3);transition:transform .2s,box-shadow .2s}
    .bl2-use-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(234,88,12,.42)}

    /* 悬浮底栏 CTA */
    .bl2-floatbar{position:fixed;left:50%;bottom:0;transform:translate(-50%,110%);z-index:980;display:flex;align-items:center; gap: var(--space-12);width:min(680px,calc(100vw - 28px));margin-bottom: var(--space-12);padding: var(--space-12) var(--space-16);border-radius: var(--radius-16);border:1px solid rgba(234,88,12,.45);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -6px 40px rgba(234,88,12,.3);transition:transform .45s cubic-bezier(.2,.9,.3,1.2)}
    .bl2-floatbar.bl2-show{transform:translate(-50%,0)}
    .bl2-floatbar-emoji{font-size: var(--fs-24)}
    .bl2-floatbar p{margin:0;font-size: var(--fs-13);line-height: var(--lh-ui);color:var(--text-primary)}
    .bl2-floatbar a{margin-left:auto;flex-shrink:0;padding: var(--space-10) var(--space-20);border-radius: var(--radius-pill);font-size: var(--fs-13);font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:0 6px 18px rgba(234,88,12,.4);white-space:nowrap;transition:transform .2s}
    .bl2-floatbar a:hover{transform:scale(1.05)}
    .bl2-floatbar-close{flex-shrink:0;width:26px;height:26px;border:none;border-radius:50%;background:rgba(148,163,184,.2);color:#64748b;font-size: var(--fs-14);cursor:pointer}
    @media (max-width:560px){.bl2-floatbar p{display:none}}

    /* 保留并复用原卡片区（bl-why 等）：样式仍由上方 bl- 段提供，bl2 里不重复 */