/* Public website layout for the help plugin; client-area navigation is absent. */
html.help-site-root { height:auto !important; min-height:100%; overflow:auto !important; }
body.help-site-page {
  --color-primary:#ff6739;
  --color-primary-hover:#f45a2e;
  display:block !important; min-width:0 !important; margin:0 !important; padding:0 !important;
  height:auto !important; min-height:100vh; overflow:visible !important;
  background:#f4f6f9 !important; color:#1f2937;
  font:14px/1.6 "PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.help-site-page *, .help-site-page *::before, .help-site-page *::after { box-sizing:border-box; }
.help-site-page #mainLoading { display:none !important; }
.help-site-page > .template { display:block !important; position:relative !important; inset:auto !important; width:100% !important; height:auto !important; min-width:0 !important; min-height:0 !important; max-width:none; margin:0 !important; padding:0 !important; overflow:visible !important; }
.help-site-page > .template[v-cloak] { visibility:hidden; }
.help-site-page .template .help-layout { width:100%; min-width:0; margin:0; padding:0; }
.help-site-page .template .help-site-main { width:100%; min-width:0; padding:0 !important; overflow:visible; }
.help-site-page .template .main-card { height:auto; min-height:0; width:100%; margin:0; padding:0 !important; border:0; border-radius:0; background:transparent; box-shadow:none; }
.help-site-page .top-back { display:none; }
.help-site-page .help-site-frame { width:100%; max-width:1440px; margin:0 auto; padding:38px 20px 34px; }
.help-site-page .help-site-hero { color:#f5f7fc; background:radial-gradient(ellipse at 50% 0%,#2c2e45,#111524 75%); border-bottom:2px solid rgba(255,103,57,.3); }
.help-site-page .help-site-eyebrow { margin-bottom:10px; color:#ff9b7c; font-size:13px; line-height:1.5; }
.help-site-page .main-card .main-card-title { height:auto; margin:0 0 10px; font-size:28px; font-weight:700; line-height:1.4; color:#f5f7fc; }
.help-site-page .help-site-intro { margin:0 0 22px; color:#c2cad9; font-size:14px; line-height:1.7; }
.help-site-page .main-card .search-input { display:flex; width:560px; max-width:100%; height:44px; margin:0; }
.help-site-page .search-input .el-input__inner { flex:1; min-width:0; height:44px !important; border:1px solid #e6eaed; border-radius:8px 0 0 8px; font-size:14px; background:#fff; }
.help-site-page .search-input .el-input__inner:focus { border-color:#ff9b7c; }
.help-site-page .search-input .el-input-group__append { display:flex; flex:0 0 auto; align-items:center; width:auto; border:0; border-radius:0 8px 8px 0; background:#ff6739; color:#fff; padding:0; white-space:nowrap; }
.help-site-page .search-input .el-button { min-width:86px; height:44px; margin:0; padding:0 18px; border:0; border-radius:0 8px 8px 0; font-size:14px; font-weight:600; color:#fff; background:transparent; }
.help-site-page .main-card > .el-tabs > .el-tabs__header { width:100%; max-width:1440px; margin:0 auto; padding:0 20px; }
.help-site-page .el-tabs__item { height:58px; padding:0 26px; line-height:58px; font-size:15px; font-weight:500; color:#6b7280; }
.help-site-page .el-tabs__item.is-active, .help-site-page .el-tabs__item:hover { color:#d44c23; }
.help-site-page .el-tabs__active-bar { height:3px; background:#ff6739; border-radius:3px; }
.help-site-page .el-tabs__nav-wrap::after { height:1px; background:#e6eaed; }
.help-site-page .el-tabs__content { overflow:visible; }
.help-site-page .main-card .main-card-top { width:100%; max-width:1440px; min-width:0; margin:0 auto; padding:26px 20px 0; align-items:center; gap:20px; }
.help-site-page .main-card-top ul.top-menu { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; }
.help-site-page .main-card .main-card-top ul li { display:block; margin:0 !important; padding:8px 14px; border:1px solid transparent; border-radius:7px; font-size:14px; line-height:1.5; color:#6b7280; }
.help-site-page .main-card .main-card-top ul .top-menu-item-active { color:#bd4d2b; border-color:#ffe1d5; background:#fff3ed; }
.help-site-page .main-card-top ul li:hover { color:#d44c23; background:#fff3ed; }
.help-site-page .help-document-select { width:300px; max-width:100%; }
.help-site-page .help-document-select .el-input__inner { height:40px; border-color:#d8dee8; border-radius:7px; color:#374151; font-size:14px; }
.help-site-page .el-select-dropdown__item.selected { color:#d44c23; }
.help-site-page .help-total .main-card .main-card-content { display:block; width:100%; max-width:1440px; margin:24px auto 56px; padding:0 20px; overflow:visible; }
.help-site-page .help-total .contnet-right-out { width:100%; min-width:0 !important; min-height:200px !important; height:auto !important; }
.help-site-page .help-total .main-card-content .content-right { width:100%; height:auto; margin:0; padding:38px 44px; border:1px solid #e6eaed; border-radius:14px; background:#fff; box-shadow:0 4px 18px rgba(19,24,44,.035); overflow:visible; }
.help-site-page .help-total .main-card-content .right-title { margin:0; color:#1f2937; font-size:28px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.help-site-page .help-total .main-card-content .right-keywords-time { display:flex; flex-wrap:wrap; gap:8px 24px; padding:16px 0 22px; border-bottom:1px solid #edf0f4; }
.help-site-page .help-total .main-card-content .content-right .right-keywords-time :is(.right-time,.right-keywords) { margin:0; font-size:13px; line-height:1.6; color:#8b929e; overflow-wrap:anywhere; }
.help-site-page .help-total .main-card-content .right-content { margin-top:28px; min-width:0; }
.help-site-page .help-total .main-card-content .right-attachment { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:28px; padding-top:24px; border-top:1px solid #edf0f4; font-size:14px; color:#6b7280; }
.help-site-page .help-total .main-card-content .content-right .right-attachment .right-attachment-item { margin:0; padding:8px 12px; border:1px solid #ffe1d5; border-radius:7px; background:#fff7f3; color:#bd4d2b !important; overflow-wrap:anywhere; }
.help-site-page .help-total .main-card-content .page { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:20px 0 0; }
.help-site-page .help-total .main-card-content .page :is(.pre,.next) { min-width:0; margin:0; }
.help-site-page .page :is(.pre,.next) > div { display:flex; align-items:center; gap:10px; min-height:60px; padding:16px 20px; border:1px solid #e6eaed; border-radius:10px; background:#fff; color:#5b6474; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.help-site-page .page .next > div { justify-content:flex-end; text-align:right; }
.help-site-page .page :is(.pre,.next) > div:hover { border-color:#ffb39b; color:#d44c23; background:#fffaf7; }
.help-site-page .help-site-empty { display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:260px; padding:40px 20px; border:1px dashed #d8dee8; border-radius:14px; background:#fff; color:#8b929e; text-align:center; }
.help-site-page .help-site-empty > i { font-size:42px; color:#f2b39d; }
.help-site-page .help-site-empty h2 { margin:18px 0 8px; color:#374151; font-size:20px; font-weight:600; }
.help-site-page .help-site-empty p { margin:0; font-size:14px; }
.help-site-page .help .main-card .main-card-content { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; width:100%; max-width:1440px; margin:24px auto 56px; padding:0 20px; }
.help-site-page .help .main-card-content .help-site-empty { grid-column:1 / -1; }
.help-site-page .help .main-card-content .content-item { display:flex; flex-direction:column; align-items:flex-start; padding:26px; border:1px solid #e6eaed; border-radius:14px; background:#fff; box-shadow:0 4px 18px rgba(19,24,44,.035); }
.help-site-page .help .main-card-content .content-item-title { margin:0; color:#1f2937; font-size:18px; font-weight:600; line-height:1.5; }
.help-site-page .help .content-item-title img { width:32px; height:32px; object-fit:contain; margin-right:12px; }
.help-site-page .help .main-card-content .content-item-link { margin:18px 0 22px; }
.help-site-page .help .main-card-content .content-item .content-item-link .link-item { margin:0; padding:9px 0 9px 13px; color:#5b6474; font-size:14px; line-height:1.7; }
.help-site-page .help .content-item-link .link-item:hover { color:#d44c23; }
.help-site-page .help .main-card-content .more-btn { position:static; display:inline-flex; width:auto; min-height:36px; margin-top:auto; padding:7px 14px; border:1px solid #ffe1d5; border-radius:7px; background:#fff3ed; color:#bd4d2b; font-size:13px; font-weight:500; }
.help-site-page #help-site-header { position:relative; z-index:1000; background:#fff; border-bottom:1px solid #edf0f4; }
.help-site-page #help-site-header .nav-header { font-size:14px; }
.help-site-page #help-site-header .nav-item { font-size:15px; line-height:1.428571; }
.help-site-page #help-site-header .nav-right :is(.control,.btn) { font-size:14px; line-height:1.428571; }
.help-site-page #help-site-header .no-login:is([style*="display:block"],[style*="display: block"]) { display:flex !important; align-items:center; }
.help-site-page .help-site-footer { position:relative !important; left:auto; bottom:auto; width:100%; margin:0 !important; padding:0 !important; }
.help-site-page .el-loading-spinner .path { stroke:#ff6739; }
.help-site-page .help-search-results { width:100%; max-width:1440px; margin:28px auto 56px; padding:0 20px; }
.help-site-page .help-search-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.help-site-page .help-search-heading > div { flex:1; min-width:0; }
.help-site-page .help-search-heading h2 { margin:0 0 6px; color:#1f2937; font-size:24px; font-weight:700; line-height:1.5; }
.help-site-page .help-search-heading p { margin:0; color:#6b7280; font-size:14px; overflow-wrap:anywhere; }
.help-site-page :is(.help-search-close,.help-search-back) { padding:8px 14px; border:1px solid #ffe1d5; border-radius:7px; color:#bd4d2b; background:#fff3ed; font:inherit; font-size:14px; white-space:nowrap; cursor:pointer; }
.help-site-page .help-search-back { margin-left:auto; }
.help-site-page .help-search-list { margin:0; padding:0; list-style:none; border:1px solid #e6eaed; border-radius:12px; background:#fff; overflow:hidden; }
.help-site-page .help-search-list li + li { border-top:1px solid #edf0f4; }
.help-site-page .help-search-list a { display:flex; align-items:center; gap:16px; min-height:76px; padding:20px 24px; text-decoration:none; color:#374151; }
.help-site-page .help-search-list a:hover { background:#fff8f4; color:#d44c23; }
.help-site-page .help-search-list a:focus-visible { outline:2px solid #ff6739; outline-offset:-3px; }
.help-site-page .help-search-list .el-icon-document { flex:none; color:#ef8666; font-size:23px; }
.help-site-page .help-search-result-title { flex:1; min-width:0; font-size:16px; font-weight:500; line-height:1.6; overflow-wrap:anywhere; }
.help-site-page .help-search-category { flex:none; max-width:25%; padding:3px 10px; border-radius:5px; background:#f4f6f9; color:#7b8494; font-size:12px; overflow-wrap:anywhere; }
.help-site-page .help-search-list .el-icon-arrow-right { flex:none; color:#a5adba; }
.help-site-page .help-search-status { min-height:220px; padding:60px 20px; border:1px solid #e6eaed; border-radius:12px; background:#fff; color:#6b7280; text-align:center; font-size:15px; }
.help-site-page .help-search-status h3 { margin:0 0 10px; color:#374151; font-size:20px; }
.help-site-page .help-search-results .el-pagination { margin-top:22px; text-align:center; }
.help-site-page .help-search-results .el-pager li.active { color:#d44c23; }
@media (min-width:1001px) and (max-width:1600px) {
  .help-site-page .help-search-results { padding-right:116px; }
}
@media(max-width:991px) {
  .help-site-page .help .main-card .main-card-content { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .help-site-page #help-site-header .nav-item { font-size:14px !important; }
  .help-site-page #help-site-header .nav-right .control { font-size:13px !important; }
  .help-site-page #help-site-header .nav-right .btn { font-size:12px !important; }
}
@media(max-width:600px) {
  .help-site-page .help-search-results { margin:22px auto 36px; padding:0 16px; }
  .help-site-page .help-search-heading { align-items:flex-start; gap:12px; }
  .help-site-page .help-search-heading h2 { font-size:21px; }
  .help-site-page .help-search-list a { flex-wrap:wrap; gap:10px; padding:18px 16px; }
  .help-site-page .help-search-result-title { font-size:15px; }
  .help-site-page .help-search-category { max-width:100%; margin-left:33px; }
  .help-site-page .help-search-list .el-icon-arrow-right { margin-left:auto; }
  .help-site-page .help-search-back { margin-left:0; align-self:flex-start; }
  .help-site-page .help-site-frame { padding:28px 16px; }
  .help-site-page .main-card .main-card-title { font-size:25px; }
  .help-site-page .main-card > .el-tabs > .el-tabs__header { padding:0 16px; }
  .help-site-page .el-tabs__item { padding:0 18px; font-size:14px; }
  .help-site-page .main-card .main-card-top { flex-direction:column; align-items:stretch; gap:14px; padding:20px 16px 0; }
  .help-site-page .help-document-select { width:100%; }
  .help-site-page .help-total .main-card .main-card-content { margin:20px auto 36px; padding:0 16px; }
  .help-site-page .help-total .main-card-content .content-right { padding:26px 20px; border-radius:12px; }
  .help-site-page .help-total .main-card-content .right-title { font-size:23px; }
  .help-site-page .help-total .main-card-content .right-keywords-time { padding:12px 0 18px; }
  .help-site-page .help-total .main-card-content .right-content { margin-top:22px; }
  .help-site-page .help-total .main-card-content .page { grid-template-columns:minmax(0,1fr); }
  .help-site-page .help .main-card .main-card-content { grid-template-columns:minmax(0,1fr); margin:20px auto 36px; padding:0 16px; }
  .help-site-page .help .main-card-content .content-item { padding:24px; }
}
