/* 帮助中心 · 大尺寸固定弹窗 */
.ecom-help-layer{
  position:fixed;inset:0;z-index:10050;display:flex;align-items:stretch;justify-content:center;padding:24px;
}
.ecom-help-layer[hidden]{display:none!important}
.ecom-help-backdrop{
  position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);
  transition:opacity var(--ecom-dur-modal, .28s) ease;
}
.ecom-help-layer.ecom-motion-in .ecom-help-backdrop{opacity:0}
.ecom-help-layer.ecom-motion-in.ecom-motion-visible .ecom-help-backdrop{opacity:1}
.ecom-help-panel{
  position:fixed;top:24px;right:24px;bottom:24px;left:24px;
  width:auto;height:auto;max-width:none;max-height:none;
  display:flex;flex-direction:column;background:#fff;border-radius:18px;
  box-shadow:0 32px 80px rgba(15,23,42,.28);overflow:hidden;
  z-index:1;
  transition:opacity var(--ecom-dur-modal, .28s) cubic-bezier(.22,1,.36,1),transform var(--ecom-dur-modal, .28s) cubic-bezier(.22,1,.36,1);
}
.ecom-help-layer.ecom-motion-in .ecom-help-panel{opacity:0;transform:translateY(16px) scale(.985)}
.ecom-help-layer.ecom-motion-in.ecom-motion-visible .ecom-help-panel{opacity:1;transform:translateY(0) scale(1)}
.ecom-help-hd{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:22px 28px;border-bottom:1px solid #f0f0f0;flex-shrink:0;
}
.ecom-help-hd h3{margin:0;font-size:22px;font-weight:700;color:#111;line-height:1.3;letter-spacing:-.02em}
.ecom-help-sub{margin:6px 0 0;font-size:14px;color:#737373;line-height:1.45}
.ecom-help-close{
  width:40px;height:40px;border:none;border-radius:10px;background:#f5f5f5;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#525252;flex-shrink:0;
}
.ecom-help-close:hover{background:#ebebeb;color:#111}
.ecom-help-main{
  flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr);
}
.ecom-help-nav{
  display:flex;flex-direction:column;gap:4px;padding:20px 16px;
  border-right:1px solid #f0f0f0;background:#fafafa;overflow-y:auto;flex-shrink:0;
}
.ecom-help-nav button{
  display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;
  border-radius:10px;border:1px solid transparent;background:transparent;
  font:inherit;font-size:14px;font-weight:600;color:#525252;cursor:pointer;text-align:left;
}
.ecom-help-nav button .ico{display:inline-flex;flex-shrink:0;opacity:.72}
.ecom-help-nav button.on{
  background:#fff;border-color:#e5e5e5;color:#111;
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.ecom-help-nav button.on .ico{opacity:1}
.ecom-help-nav button:hover:not(.on){background:rgba(255,255,255,.7)}
.ecom-help-content{
  display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff;
}
.ecom-help-body{
  flex:1;min-height:0;overflow-y:auto;padding:28px 36px 20px;
}
.ecom-help-sec{display:none}
.ecom-help-sec.on{display:block}
.ecom-help-sec h4{
  margin:0 0 20px;font-size:20px;font-weight:700;color:#111;letter-spacing:-.02em;
}
.ecom-help-sec h5{margin:20px 0 10px;font-size:15px;font-weight:700;color:#404040}
.ecom-help-list{
  margin:0;padding:0 0 0 22px;line-height:1.85;color:#525252;font-size:15px;
}
.ecom-help-list li{margin-bottom:8px}
.ecom-help-steps{margin:0;padding:0;list-style:none}
.ecom-help-steps li{
  display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 16px;
  padding:18px 0;border-bottom:1px dashed #e8e8e8;font-size:15px;color:#525252;
}
.ecom-help-steps li:last-child{border-bottom:none}
.ecom-help-steps li::before{
  content:counter(step);counter-increment:step;grid-row:span 2;align-self:start;
  width:36px;height:36px;border-radius:999px;background:#111;color:#fff;
  font-size:14px;font-weight:700;line-height:36px;text-align:center;
}
.ecom-help-sections{counter-reset:step}
.ecom-help-steps b{font-size:15px;font-weight:700;color:#111;display:block;margin-bottom:2px}
.ecom-help-steps span{line-height:1.7}
.ecom-help-tip{
  display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:14px 16px;border-radius:12px;
  background:#f0fdf4;border:1px solid #bbf7d0;font-size:14px;color:#166534;line-height:1.65;
}
.ecom-help-tip .ico{flex-shrink:0;margin-top:2px;color:#14b8a6}
.ecom-help-subsec{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #f0f0f0}
.ecom-help-subsec:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.ecom-help-table{width:100%;max-width:720px;border-collapse:collapse;font-size:14px;margin-bottom:16px}
.ecom-help-table--size td:first-child{font-weight:600;color:#262626;vertical-align:top;background:#fafafa}
.ecom-help-size-lead{margin:0 0 16px}
.ecom-plat-dl-usage{font-size:12px;color:#525252;font-weight:500}
.ecom-help-table th,.ecom-help-table td{padding:12px 14px;border:1px solid #eef2f6;text-align:left}
.ecom-help-table th{background:#f8fafc;font-weight:600;color:#404040}
.ecom-help-muted{font-size:15px;color:#737373;line-height:1.7;margin:0}
.ecom-help-faq{
  border:1px solid #eef2f6;border-radius:12px;padding:0 18px;margin-bottom:10px;background:#fafafa;
}
.ecom-help-faq summary{
  cursor:pointer;font-size:15px;font-weight:600;color:#111;padding:16px 0;list-style:none;
}
.ecom-help-faq summary::-webkit-details-marker{display:none}
.ecom-help-faq p{margin:0 0 16px;font-size:14px;color:#525252;line-height:1.75}
.ecom-help-disclaimer{
  margin-top:24px;padding:16px 18px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;
}
.ecom-help-disclaimer h5{margin:0 0 8px;font-size:14px;font-weight:700;color:#9a3412}
.ecom-help-disclaimer p{margin:0;font-size:14px;color:#7c2d12;line-height:1.7}
.ecom-help-ft{
  display:flex;align-items:center;justify-content:flex-end;gap:12px;
  padding:16px 28px;border-top:1px solid #f0f0f0;flex-shrink:0;background:#fff;
}
.ecom-help-btn{
  display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:10px;
  border:1px solid #111;background:#111;color:#fff;font:inherit;font-size:14px;font-weight:600;
  text-decoration:none;cursor:pointer;
}
.ecom-help-btn--ghost{background:#fff;color:#404040;border-color:#e5e5e5}
.ecom-help-btn--ghost:hover{background:#fafafa}
.ecom-help-btn:hover{opacity:.92}
body.ecom-help-open{overflow:hidden}

@media(max-width:860px){
  .ecom-help-layer{padding:0}
  .ecom-help-panel{top:0;right:0;bottom:0;left:0;border-radius:0}
  .ecom-help-main{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .ecom-help-nav{
    flex-direction:row;flex-wrap:nowrap;overflow-x:auto;border-right:none;border-bottom:1px solid #f0f0f0;
    padding:12px 16px;
  }
  .ecom-help-nav button{width:auto;min-width:max-content;white-space:nowrap}
  .ecom-help-body{padding:20px 18px 16px}
  .ecom-help-hd{padding:16px 18px}
  .ecom-help-ft{padding:12px 18px 16px}
}

html.dark .ecom-help-panel{background:#141414}
html.dark .ecom-help-hd{border-bottom-color:#2a2a2a}
html.dark .ecom-help-hd h3,html.dark .ecom-help-sec h4,html.dark .ecom-help-sec>h5,html.dark .ecom-help-subsec h5,html.dark .ecom-help-steps b,html.dark .ecom-help-faq summary{color:#f5f5f5}
html.dark .ecom-help-sub,html.dark .ecom-help-list,html.dark .ecom-help-steps li,html.dark .ecom-help-steps span,html.dark .ecom-help-faq p,html.dark .ecom-help-muted{color:#a3a3a3}
html.dark .ecom-help-nav{background:#111;border-right-color:#2a2a2a}
html.dark .ecom-help-nav button{color:#d4d4d4}
html.dark .ecom-help-nav button.on{background:#1f1f1f;border-color:#333;color:#f5f5f5}
html.dark .ecom-help-nav button:hover:not(.on){background:#1a1a1a}
html.dark .ecom-help-content{background:#141414}
html.dark .ecom-help-close{background:#1f1f1f;color:#d4d4d4}
html.dark .ecom-help-close:hover{background:#2a2a2a;color:#fff}
html.dark .ecom-help-tip{background:#14281f;border-color:#166534;color:#86efac}
html.dark .ecom-help-subsec{border-bottom-color:#2a2a2a}
html.dark .ecom-help-faq{background:#1a1a1a;border-color:#333}
html.dark .ecom-help-table th,html.dark .ecom-help-table td{border-color:#333}
html.dark .ecom-help-table th{background:#1f1f1f;color:#e5e5e5}
html.dark .ecom-help-table--size td:first-child{background:#1a1a1a;color:#e5e5e5}
html.dark .ecom-plat-dl-usage{color:#a3a3a3}
html.dark .ecom-help-ft{border-top-color:#2a2a2a;background:#141414}
html.dark .ecom-help-btn--ghost{background:#1f1f1f;border-color:#333;color:#e5e5e5}
