body { background: var(--pt-bg); }

/* Hero：图片背景 + 半透明遮罩 + 文字投影（与教程页同款） */
.help-hero { background:linear-gradient(135deg,rgba(79,110,247,.42) 0%,rgba(129,140,248,.30) 100%),url('../../banners/banner-guide.png') center/cover no-repeat; color:#fff; padding:48px 0 44px; text-align:center; position:relative; overflow:hidden; text-shadow:0 1px 10px rgba(0,0,0,.35); }
.help-hero::before { content:''; position:absolute; inset:0; background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E"); }
.help-hero > * { position:relative; z-index:1; }
.help-hero h1 { font-size:30px; font-weight:800; margin-bottom:10px; }
.help-hero p { opacity:0.92; }

/* 搜索框 */
.help-search { margin:22px auto 0; max-width:520px; display:flex; align-items:center; gap:9px; background:#fff; border-radius:999px; padding:0 18px; height:48px; box-shadow:0 8px 24px rgba(17,24,39,.16); }
.help-search .layui-icon { font-size:18px; color:var(--pt-text-muted); }
.help-search input { flex:1; min-width:0; border:0; outline:0; font-size:15px; background:transparent; color:var(--pt-text); }

/* 主体 */
.help-body { padding:28px 0 8px; }

/* 分类筛选 */
.help-chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.chip { border:1px solid var(--pt-border); background:var(--pt-bg-white); color:var(--pt-text-secondary); border-radius:999px; padding:6px 16px; font-size:13px; cursor:pointer; transition:all .15s ease; }
.chip:hover { border-color:var(--pt-primary); color:var(--pt-primary); }
.chip.active { background:var(--pt-primary); border-color:var(--pt-primary); color:#fff; }

/* FAQ 折叠 */
.faq-item { border:1px solid var(--pt-border); border-radius:var(--pt-radius-sm); margin-bottom:8px; background:var(--pt-bg-white); }
.faq-q { padding:14px 18px; font-size:14px; font-weight:600; cursor:pointer; display:flex; justify-content:space-between; align-items:center; }
.faq-q:hover { color:var(--pt-primary); }
.faq-q::after { content:'▾'; font-size:12px; transition:transform 0.2s; color:var(--pt-text-muted); }
.faq-a { padding:0 18px 14px; font-size:13px; color:var(--pt-text-secondary); line-height:1.8; display:none; }
.faq-a a { color:var(--pt-primary); }
.faq-item.open .faq-a { display:block; }
.faq-item.open .faq-q::after { transform:rotate(180deg); }

/* 空状态 */
.help-empty { text-align:center; color:var(--pt-text-muted); padding:36px 0; font-size:14px; }
.help-empty a { color:var(--pt-primary); }

/* 延伸阅读（教程导流） */
.help-readmore { margin:26px 0 8px; padding:20px 24px; background:var(--pt-bg-white); border:1px solid var(--pt-border); border-radius:var(--pt-radius); }
.rm-head { font-size:15px; font-weight:700; margin-bottom:14px; color:var(--pt-text); }
.rm-links { display:flex; flex-wrap:wrap; gap:10px 22px; }
.rm-links a { font-size:14px; color:var(--pt-primary); }
.rm-links a:hover { text-decoration:underline; }

@media(max-width:768px){
    .help-hero { padding:38px 0 34px; }
    .help-search { max-width:100%; }
}