*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#141416;--surface:#1e1e22;--surface2:#2a2a30;--text:#e8e8ec;--text2:#b0b0b8;--text3:#78788a;--gold:#e8c547;--green:#4caf50;--red:#ef5350;--blue:#42a5f5;--radius:10px}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;font-size:15px;-webkit-text-size-adjust:100%}
.help-wrap{max-width:720px;margin:0 auto;padding:16px 20px 80px}

/* Header */
.help-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0 16px;border-bottom:1px solid var(--surface2);margin-bottom:24px}
.help-logo{font-size:18px;font-weight:700;color:var(--gold)}
.lang-switcher{display:flex;gap:6px}
.lang-btn{background:var(--surface);border:1px solid var(--surface2);color:var(--text2);padding:5px 10px;border-radius:6px;font-size:13px;cursor:pointer;text-decoration:none;transition:all .2s}
.lang-btn:hover{border-color:var(--gold);color:var(--text)}
.lang-btn.active{background:var(--gold);color:#141416;border-color:var(--gold);font-weight:600}

/* TOC */
.help-toc{background:var(--surface);border-radius:var(--radius);padding:16px 20px;margin-bottom:28px}
.help-toc-title{font-weight:700;font-size:14px;color:var(--gold);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}
.help-toc a{display:block;color:var(--text2);text-decoration:none;font-size:14px;padding:4px 0;transition:color .2s}
.help-toc a:hover{color:var(--gold)}

/* Headings */
h2{font-size:20px;font-weight:700;color:var(--text);margin:32px 0 12px;padding-top:16px;border-top:1px solid var(--surface2)}
h2:first-of-type{border-top:none;margin-top:0}
h3{font-size:16px;font-weight:600;color:var(--text);margin:20px 0 8px}

/* Content */
p{margin-bottom:12px;color:var(--text2)}
strong{color:var(--text);font-weight:600}
ul{margin:0 0 14px 20px;color:var(--text2)}
li{margin-bottom:6px}

/* Tables */
table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:14px}
th{background:var(--surface);color:var(--text);padding:10px 12px;text-align:left;font-weight:600;border-bottom:2px solid var(--surface2)}
td{padding:8px 12px;border-bottom:1px solid var(--surface2);color:var(--text2)}
.tc{text-align:center}

/* Tags */
.htag{display:inline-block;font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px;vertical-align:middle}
.htag-pro{background:rgba(232,197,71,.15);color:var(--gold)}
.htag-premium{background:rgba(66,165,245,.15);color:var(--blue)}
.htag-free{background:rgba(76,175,80,.15);color:var(--green)}

/* Info boxes */
.htip,.hwarn,.hinfo{border-radius:8px;padding:12px 14px;margin:14px 0;font-size:14px;line-height:1.5}
.htip{background:rgba(66,165,245,.08);border-left:3px solid var(--blue);color:var(--text2)}
.hwarn{background:rgba(239,83,80,.08);border-left:3px solid var(--red);color:var(--text2)}
.hinfo{background:rgba(232,197,71,.08);border-left:3px solid var(--gold);color:var(--text2)}

/* Code block */
.code-block{font-family:'SF Mono',Menlo,monospace;font-size:12px;padding:10px 12px;background:var(--surface);border-radius:6px;margin:8px 0 14px;color:var(--text2);overflow-x:auto}

/* Footer */
.help-footer{text-align:center;margin-top:32px;padding-top:16px;border-top:1px solid var(--surface2);font-size:12px;color:var(--text3)}

/* Responsive */
@media(max-width:480px){
  .help-wrap{padding:12px 14px 60px}
  h2{font-size:18px}
  table{font-size:13px}
  th,td{padding:7px 8px}
}