/* BoosMall PC：help 页面样式（自模板内联样式抽取） */
html,body{height:100%;}
body{display:flex;flex-direction:column;}
.bm-wrapper{flex:1 0 auto;display:flex;flex-direction:column;}
.bm-main{flex:1 0 auto;}
.bm-footer{flex-shrink:0;}

/* ================= 帮助中心：面包屑 ================= */
.bm-h-crumb{font-size:13px;color:#999;padding:16px 2px 12px;}
.bm-h-crumb a{color:#999;text-decoration:none;}
.bm-h-crumb a:hover{color:var(--bm-primary);}
.bm-h-crumb .bm-hc-cur{color:var(--bm-dark);font-weight:bold;}

/* ================= 帮助中心：顶部横幅 ================= */
.bm-h-hero{position:relative;display:flex;align-items:center;border-radius:14px;padding:38px 46px;margin-bottom:20px;overflow:hidden;border:1px solid #ffe0d6;background:linear-gradient(120deg,#fff1ec 0%,#fff 55%,#fff7f0 100%);}
.bm-h-hero::before{content:"";position:absolute;right:150px;top:-110px;width:280px;height:280px;border-radius:50%;border:30px solid rgba(229,77,66,.05);pointer-events:none;}
.bm-h-hero::after{content:"?";position:absolute;right:26px;top:-60px;font-size:250px;line-height:1;font-weight:800;font-family:Georgia,"Times New Roman",serif;color:rgba(229,77,66,.08);pointer-events:none;}
.bm-hh-left{position:relative;z-index:2;max-width:680px;}
.bm-hh-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;letter-spacing:2px;color:var(--bm-primary);background:#fff;border:1px solid #ffd9cd;padding:2px 12px;border-radius:12px;}
.bm-hh-title{font-size:32px;font-weight:bold;color:var(--bm-dark);margin-top:14px;line-height:1.35;}
.bm-hh-title em{font-style:normal;color:var(--bm-primary);}
.bm-hh-sub{font-size:14px;color:#8a7a74;margin-top:10px;line-height:1.8;max-width:600px;}
.bm-hh-act{display:flex;gap:12px;margin-top:20px;}
.bm-hh-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 22px;border-radius:19px;font-size:14px;text-decoration:none;transition:all .2s;}
.bm-hh-solid{background:var(--bm-primary);color:#fff;box-shadow:0 6px 16px rgba(229,77,66,.28);}
.bm-hh-solid:hover{background:var(--bm-primary-dark);transform:translateY(-1px);}
.bm-hh-ghost{background:#fff;color:var(--bm-primary);border:1px solid var(--bm-primary);}
.bm-hh-ghost:hover{background:var(--bm-primary);color:#fff;}

/* ================= 帮助中心：一级栏目导航 ================= */
.bm-hq{margin-bottom:20px;}
.bm-hq-head{display:flex;align-items:baseline;gap:10px;margin:0 2px 14px;}
.bm-hq-head h2{font-size:20px;color:var(--bm-dark);display:flex;align-items:center;}
.bm-hq-head h2::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--bm-primary);margin-right:10px;}
.bm-hq-head span{font-size:13px;color:var(--bm-text-gray);}
.bm-hq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;}
.bm-hq-card{display:flex;gap:14px;background:#fff;border:1px solid var(--bm-border);border-radius:12px;padding:18px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;}
.bm-hq-card:hover{border-color:#ffc3b4;box-shadow:0 10px 26px rgba(229,77,66,.10);transform:translateY(-3px);}
.bm-hq-card.bm-hq-on{border-color:var(--bm-primary);box-shadow:0 8px 22px rgba(229,77,66,.14);}
.bm-hq-ic{flex:0 0 48px;height:48px;border-radius:12px;color:#fff;font-size:22px;font-weight:bold;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -6px 12px rgba(0,0,0,.08);}
.bm-hq-grid .bm-hq-card:nth-of-type(6n+1) .bm-hq-ic{background:linear-gradient(135deg,#ff8a65,#e54d42);}
.bm-hq-grid .bm-hq-card:nth-of-type(6n+2) .bm-hq-ic{background:linear-gradient(135deg,#5ac8fa,#2f7de1);}
.bm-hq-grid .bm-hq-card:nth-of-type(6n+3) .bm-hq-ic{background:linear-gradient(135deg,#ffd86f,#f5a623);}
.bm-hq-grid .bm-hq-card:nth-of-type(6n+4) .bm-hq-ic{background:linear-gradient(135deg,#7ed6a5,#26a368);}
.bm-hq-grid .bm-hq-card:nth-of-type(6n+5) .bm-hq-ic{background:linear-gradient(135deg,#b08cf7,#7a5af5);}
.bm-hq-grid .bm-hq-card:nth-of-type(6n+6) .bm-hq-ic{background:linear-gradient(135deg,#f78fb0,#ee5a8f);}
.bm-hq-body{flex:1;min-width:0;}
.bm-hq-name{font-size:16px;color:var(--bm-dark);font-weight:bold;}
.bm-hq-intro{font-size:12px;color:var(--bm-text-gray);margin-top:6px;line-height:1.7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;}
.bm-hq-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;}
.bm-hq-num{font-size:12px;color:var(--bm-text-gray);background:var(--bm-gray);border-radius:10px;padding:2px 10px;}
.bm-hq-card.bm-hq-on .bm-hq-num{background:#fff2f0;color:var(--bm-primary);}
.bm-hq-go{font-style:normal;font-size:13px;color:var(--bm-primary);opacity:0;transform:translateX(-6px);transition:all .2s;}
.bm-hq-card:hover .bm-hq-go{opacity:1;transform:none;}

/* ================= 帮助中心：文章列表 ================= */
.bm-h-list{display:flex;flex-direction:column;padding:0;}
.bm-h-art{display:flex;align-items:center;gap:16px;padding:19px 22px;text-decoration:none;transition:background .2s;}
.bm-h-art:hover{background:#fff9f7;}
.bm-h-art+.bm-h-art{border-top:1px dashed #f2e9e6;}
.bm-ha-box{flex:1;min-width:0;}
.bm-ha-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.bm-ha-pill{flex:0 0 auto;font-size:12px;color:var(--bm-primary);background:#fff2f0;border:1px solid #ffdfd8;border-radius:10px;padding:1px 10px;}
.bm-ha-title{font-size:16px;color:var(--bm-dark);font-weight:bold;line-height:1.5;transition:color .2s;}
.bm-h-art:hover .bm-ha-title{color:var(--bm-primary);}
.bm-ha-intro{font-size:13px;color:#8a8f99;margin-top:7px;line-height:1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.bm-ha-meta{display:flex;align-items:center;gap:16px;margin-top:9px;font-size:12px;color:#b0b4bb;}
.bm-ha-meta span{display:inline-flex;align-items:center;}
.bm-ha-meta .bm-ha-date::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--bm-primary);margin-right:6px;}
.bm-ha-arrow{flex:0 0 30px;width:30px;height:30px;border:1px solid var(--bm-border);border-radius:50%;color:#c0c4cc;font-size:18px;font-style:normal;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.bm-h-art:hover .bm-ha-arrow{background:var(--bm-primary);border-color:var(--bm-primary);color:#fff;transform:translateX(3px);}

/* ================= 帮助中心：侧栏栏目树 ================= */
.bm-h-nav{display:flex;flex-direction:column;}
.bm-hn-row{position:relative;}
.bm-hn-link{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:8px;color:#444;text-decoration:none;font-size:14px;transition:background .2s,color .2s;}
.bm-hn-link:hover{background:#fff5f4;color:var(--bm-primary);}
.bm-hn-row.bm-active>.bm-hn-link{background:#fff5f4;color:var(--bm-primary);font-weight:bold;}
.bm-hn-arrow{flex:0 0 auto;width:16px;font-size:10px;color:#c0c4cc;text-align:center;transition:transform .2s;font-style:normal;user-select:none;}
.bm-hn-row:not(.bm-has-kids)>.bm-hn-link .bm-hn-arrow{visibility:hidden;}
.bm-hn-row.bm-has-kids>.bm-hn-link .bm-hn-arrow{cursor:pointer;}
.bm-hn-row.bm-hn-close>.bm-hn-link .bm-hn-arrow{transform:rotate(-90deg);}
.bm-hn-count{margin-left:auto;font-size:11px;color:#999;background:#f2f3f5;border-radius:9px;padding:1px 8px;flex:0 0 auto;}
.bm-hn-row.bm-active>.bm-hn-link .bm-hn-count{background:rgba(229,77,66,.12);color:var(--bm-primary);}
.bm-hn-row .bm-hn-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bm-hn-row.bm-hn-lv0>.bm-hn-link{font-weight:bold;color:var(--bm-dark);}
.bm-hn-row.bm-hn-lv1>.bm-hn-link{padding-left:32px;}
.bm-hn-row.bm-hn-lv2>.bm-hn-link{padding-left:52px;font-size:13px;}
.bm-hn-row.bm-hn-lv0.bm-active>.bm-hn-link{color:var(--bm-primary);}
.bm-hn-all{padding:10px;border-bottom:1px solid #f2f3f5;margin-bottom:4px;}
.bm-hn-all a{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:8px;color:var(--bm-dark);font-weight:bold;font-size:14px;text-decoration:none;}
.bm-hn-all a:hover{background:#fff5f4;color:var(--bm-primary);}
.bm-hn-all a.bm-active{background:#fff5f4;color:var(--bm-primary);}
/* 侧栏：其它求助方式 */
.bm-hx-body{padding:14px 16px;}
.bm-hx-body p{font-size:13px;color:var(--bm-text-gray);line-height:1.8;margin-bottom:12px;}
.bm-hx-links{display:flex;flex-direction:column;gap:8px;}
.bm-hx-link{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--bm-border);border-radius:8px;color:#444;font-size:13px;text-decoration:none;transition:all .2s;}
.bm-hx-link:hover{border-color:var(--bm-primary);color:var(--bm-primary);background:#fff9f7;}
.bm-hx-link i{font-style:normal;font-size:15px;line-height:1;}
.bm-hx-link span{margin-left:auto;color:#c0c4cc;font-size:13px;}