/* B visual language, shared by catalog, native articles, accounts and dialogs. */
body.sc-site, body.sc-site.dark-theme {
  color-scheme: dark;
  --body-bg-color: #191a1e;
  --main-bg-color: #222328;
  --main-color: #e5e5e9;
  --muted-color: #bbbcc6;
  --muted-2-color: #a3a3af;
  --muted-3-color: #7d7e8b;
  --main-border-color: #36373f;
  --main-shadow: 0 0 0 1px #36373f;
  --focus-color: #b7a3dd;
  --focus-shadow-color: rgba(183,163,221,.14);
  --key-color: #b7a3dd;
  --main-radius: 6px;
  --main-shadow-color: transparent;
  --main-max-width: 1280px;
  --font: "Segoe UI", "Microsoft YaHei", sans-serif;
  background: #191a1e;
  color: #e5e5e9;
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.65;
}
.sc-site .container { max-width: 1280px; }
.sc-site a, .sc-site button, .sc-site input, .sc-site select, .sc-site textarea { -webkit-tap-highlight-color: transparent; }
.sc-site a:focus-visible, .sc-site button:focus-visible, .sc-site input:focus-visible, .sc-site select:focus-visible, .sc-site textarea:focus-visible { outline: 2px solid #c4afe9; outline-offset: 4px; }
.sc-site a:hover { color: #d4c3f1; }
.sc-site .header, .sc-site .navbar, .sc-site .mobile-navbar { background: #1e1f24; color: #e5e5e9; box-shadow: none; }
.sc-site .header { border-bottom: 1px solid #35363e; }
.sc-site .navbar-top .container-header { max-width: 1280px; margin: auto; }
.sc-site .navbar-nav > li > a { font-size: 14px; }
.sc-site .navbar-logo img { max-height: 34px; }
.sc-site .dropdown-menu, .sc-site .modal-content, .sc-site .popover { background: #25262c; color: #e5e5e9; border: 1px solid #3b3c46; border-radius: 7px; box-shadow: 0 15px 50px #0005; }
.sc-site .dropdown-menu > li > a { color: #e5e5e9; }
.sc-site .dropdown-menu > li > a:hover { background: #30313a; }
.sc-site .zib-widget, .sc-site .zib-widget-sm, .sc-site .article, .sc-site .posts-item, .sc-site .box-body { border-radius: 6px; }
.sc-site .zib-widget, .sc-site .article { box-shadow: none; }
.sc-site .form-control, .sc-site .form-input, .sc-site input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]), .sc-site textarea, .sc-site select { background-color: #1b1c21; color: #e5e5e9; border-color: #3d3e47; box-shadow: none; }
.sc-site input::placeholder, .sc-site textarea::placeholder { color: #92939f; }
.sc-site .jb-blue, .sc-site .jb-yellow, .sc-site .jb-red, .sc-site .jb-purple, .sc-site .but.b-blue { background: #b7a3dd; color: #18171e; box-shadow: none; }
.sc-site .but { border-radius: 5px; }
.sc-site .but:hover { filter: brightness(1.06); }
.sc-site .badg, .sc-site .b-theme, .sc-site .b-gray { border-radius: 4px; }
.sc-site .c-theme { color: #c4afe9; }
.sc-site .modal-title, .sc-site .article-title { letter-spacing: -.02em; }
.sc-site .article-title { font-size: clamp(24px, 3vw, 36px); line-height: 1.35; font-weight: 650; }
.sc-site .article-content { font-size: 15px; line-height: 1.95; }
.sc-site .article-content h2 { font-size: 23px; margin-top: 36px; }
.sc-site .article-content h3 { font-size: 19px; }
.sc-site .article-content img { border-radius: 5px; }
.sc-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 48px; padding-top: 30px; }
.sc-detail-layout::before, .sc-detail-layout::after { display: none; }
.sc-detail-main { min-width: 0; }
.sc-mobile-resource-link { display: none; }
#sc-resource-access { scroll-margin-top: 85px; }
.sc-detail-main .article { background: transparent; padding: 0; }
.sc-detail-main .article-title { margin-top: 20px; }
.sc-detail-main .breadcrumb { padding-left: 0; }
.sc-detail-aside { min-width: 0; padding-top: 42px; }
.sc-detail-sticky { position: sticky; top: 100px; }
.sc-detail-aside .posts-pay { margin: 0 0 22px; padding: 22px; border: 1px solid #45404e; }
.sc-detail-aside .posts-pay .pay-title { font-size: 19px; line-height: 1.5; }
.sc-detail-aside .posts-pay .pay-thumbnail { display: none; }
.sc-detail-aside .posts-pay .pay-body { margin: 0; padding: 0; }
.sc-detail-aside .sidebar { width: 100%; margin: 0; }
.sc-help-panel { border-top: 1px solid #36373f; padding: 22px 0; }
.sc-help-panel h2 { font-size: 13px; margin: 0 0 15px; }
.sc-help-panel a { display: flex; justify-content: space-between; color: #a3a3af; font-size: 12px; padding: 7px 0; }
.sc-site .article-header { border-bottom: 1px solid #36373f; padding-bottom: 26px; margin-bottom: 28px; }
.sc-site .posts-pay { border: 1px solid #45404e; background: #27252e; }
.sc-site .pay-box, .sc-site .pay-details { border-radius: 6px; }
.sc-site .pay-mark { font-size: 18px; }
.sc-site .vip-card { background: #2b2932!important; color: #dfd5ee!important; border: 1px solid #514a5d; box-shadow: none; }
.sc-site .vip-card.level-2 { background: #302b3c!important; border-color: #746187; }
.sc-site .vip-card .vip-bg { opacity: .08; }
.sc-site .vip-product { border: 1px solid #49444f; background: #2b2932; }
.sc-site .vip-product-input:checked + .vip-product { border-color: #c1a9df; background: #393043; }
.sc-site .user-cover { min-height: 130px; background: #292a31; }
.sc-site .user-cover .cover-bg { opacity: .45; }
.sc-site .user-center { padding-top: 24px; }
.sc-site .user-menu a { border-radius: 5px; }
.sc-site .user-menu .active, .sc-site .user-menu a:hover { background: #302d38; }
.sc-site .sign-modal .modal-content, .sc-site .sign { background: #222328; }
.sc-site .sign input:not([type=checkbox]):not([type=radio]):not([type=hidden]) { min-height: 48px; }
.sc-site .ticket-create-modal, .sc-site .ticket-detail, .sc-site .ticket-item { background: #222328; color: #e5e5e9; }
.sc-site .ms-container, .sc-site .ms-form, .sc-site .ms-panel, .sc-site .ms-card { background: #222328; color: #e5e5e9; border-color: #36373f; border-radius: 6px; }
.sc-site .ms-btn { border-radius: 5px; }
.sc-site .rvh-article-detail { --rvh-accent: #b7a3dd; color: #e5e5e9; }
.sc-site .rvh-article-card, .sc-site .rvh-article-install, .sc-site .rvh-article-preview { background: #222328; border-color: #36373f; }
.sc-site .footer { background: #1e1f24; border-top: 1px solid #36373f; margin-top: 56px; }
.sc-footer-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 24px; padding: 26px 0; font-size: 12px; color: #a3a3af; }
.sc-catalog { padding-top: 42px; }
.sc-catalog-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 35px; }
.sc-catalog-heading h1 { font-size: 34px; line-height: 1.25; letter-spacing: -.035em; margin: 10px 0 12px; font-weight: 650; }
.sc-catalog-heading p { color: #a3a3af; margin-bottom: 0; }
.sc-catalog-heading .sc-eyebrow { font-size: 10px; letter-spacing: .16em; color: #a3a3af; }
.sc-library-tools { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid #36373f; margin-bottom: 26px; padding-bottom: 16px; }
.sc-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.sc-tabs a { color: #a3a3af; padding: 8px 12px; border-radius: 4px; white-space: nowrap; }
.sc-tabs a[aria-current] { color: #e9dffa; background: #35303f; }
.sc-tabs a:hover { background: #292a32; }
.sc-search { display: flex; align-items: stretch; gap: 8px; min-width: 0; }
.sc-search input { width: 215px; max-width: 100%; border: 1px solid #3d3e47; border-radius: 5px; padding: 7px 12px; }
.sc-search select { border: 1px solid #3d3e47; border-radius: 5px; padding: 6px 8px; font-size: 12px; width: auto; }
.sc-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: #b7a3dd; color: #18171e; border: 1px solid #b7a3dd; border-radius: 5px; padding: 8px 16px; font-size: 12px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.sc-button:hover { color: #18171e!important; background: #cab7eb; }
.sc-button-secondary { border-color: #41424b; background: #26272e; color: #d4d4de; }
.sc-button-secondary:hover { background: #33313c; color: #ede8f6!important; }
.sc-search-context { padding: 0 0 20px; color: #bbbcc6; }
.sc-search-context a { margin-left: 12px; color: #c4afe9; }
.sc-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px 20px; }
.sc-card { background: #222328; border: 1px solid #32333b; border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; min-width: 0; }
.sc-card:hover { border-color: #63606d; }
.sc-cover { position: relative; display: block; aspect-ratio: 1.6; background: #292a31; overflow: hidden; }
.sc-cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .2s; }
.sc-card:hover .sc-cover img { transform: scale(1.025); }
.sc-cover-letter { display: grid; place-items: center; height: 100%; font-size: 40px; font-weight: 300; color: #b0a4c5; background: #2b2932; }
.sc-access { position: absolute; left: 12px; bottom: 12px; padding: 3px 7px; background: #19191ee8; border: 1px solid #7e7e8855; border-radius: 3px; font-size: 10px; color: #e7dff3; }
.sc-card-body { padding: 17px; display: flex; flex-direction: column; flex: 1; min-width: 0; }
.sc-card h2 { font-size: 17px; font-weight: 600; line-height: 1.5; margin: 0 0 6px; overflow-wrap: anywhere; }
.sc-card h2 a { color: #e5e5e9; }
.sc-card-description { color: #a3a3af; font-size: 12px; line-height: 1.7; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 40px; }
.sc-tags { display: flex; gap: 7px; min-height: 28px; align-items: center; flex-wrap: wrap; padding-top: 8px; margin-bottom: 14px; }
.sc-tags a { font-size: 10px; color: #a3a3af; }
.sc-tags a + a::before { content: '·'; margin-right: 7px; color: #646571; }
.sc-card-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 15px; border-top: 1px solid #35363e; margin-top: auto; font-size: 12px; }
.sc-card-actions a { color: #bbbcc6; }
.sc-favorite { display: inline-flex; align-items: center; gap: 4px; }
.sc-favorite count { display: none; }
.sc-favorite.actived { color: #d4b9f1; }
.sc-play { color: #d4b9f1; border: 0; background: transparent; padding: 0; }
.sc-pagination { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 40px 0 10px; color: #a3a3af; font-size: 12px; }
.sc-empty { padding: 80px 20px; text-align: center; border: 1px solid #36373f; border-radius: 6px; }
.sc-empty h2 { font-size: 24px; }
.sc-empty p { margin: 15px 0 25px; color: #a3a3af; }
.sc-audio-status:not(:empty) { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); background: #302d38; padding: 12px 20px; border: 1px solid #665d73; border-radius: 6px; z-index: 1051; width: max-content; max-width: calc(100% - 32px); }
@media(min-width:1400px) { .sc-site .container { width: 1280px; } }
@media(max-width:1199px) { .sc-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .sc-library-tools { align-items: flex-start; flex-direction: column; } .sc-search { width: 100%; } .sc-search input { flex: 1; } }
@media(max-width:767px) {
  .sc-detail-layout { display: flex; flex-direction: column; gap: 24px; }
  .sc-detail-aside { padding-top: 0; }
  .sc-mobile-resource-link { display: block; background: #302b3a; border: 1px solid #51475f; border-radius: 5px; padding: 12px 15px; color: #d2c0ed; }
  .sc-detail-sticky { position: static; }
  .sc-site .container { padding-left: 16px; padding-right: 16px; }
  .sc-catalog { padding-top: 25px; }
  .sc-catalog-heading { align-items: flex-start; margin-bottom: 26px; }
  .sc-catalog-heading h1 { font-size: 28px; }
  .sc-catalog-heading > a { padding: 7px 10px; margin-top: 28px; font-size: 11px; }
  .sc-catalog-heading p { font-size: 12px; }
  .sc-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 12px; }
  .sc-card-body { padding: 12px; }
  .sc-card h2 { font-size: 15px; }
  .sc-card-description { font-size: 11px; min-height: 37px; }
  .sc-card-actions { gap: 6px; font-size: 11px; }
  .sc-card-actions .sc-favorite text { display: none; }
  .sc-cover { aspect-ratio: 1.2; }
  .sc-tabs { gap: 4px; }
  .sc-tabs a { padding: 6px 9px; font-size: 12px; }
  .sc-search { flex-wrap: wrap; }
  .sc-search input { min-width: 100px; width: 120px; }
  .sc-search select { max-width: 100px; }
  .sc-search .sc-button { padding: 7px 12px; }
  .sc-site .article-title { font-size: 24px; }
  .sc-site .modal-dialog { max-width: calc(100vw - 20px); margin: 16px auto; }
}
@media(prefers-reduced-motion:reduce) { .sc-cover img { transition: none; } }
.sc-site .sign-page { position: relative; inset: auto; transform: none; padding-top: 70px; min-height: 85vh; }
.sc-site .sign-row { display: flex; justify-content: center; margin: 0; }
.sc-site .sign-col { width: min(440px,100%); float: none; margin: 0; left: auto; }
.sc-site .sign .line-form-input { padding-top: 17px; }
.sc-site .sign .scale-placeholder { top: 1px; transform: none!important; font-size: 11px; opacity: .8; pointer-events: none; }
.sc-site .sign .title-h-left::before { background: #b7a3dd; }
.sc-site .modal-header, .sc-site .modal .colorful-bg { background: #302b3a!important; color: #e7dff3; }
.sc-detail-aside .posts-pay .pay-thumb { display: none; }
.sc-detail-aside .posts-pay dt { white-space: normal; font-size: 18px; line-height: 1.5; }
.sc-product { padding-top: 48px; padding-bottom: 24px; }
.sc-product-heading { max-width: 800px; margin: 0 0 40px; }
.sc-product-heading h1 { font-size: clamp(30px,4vw,44px); font-weight: 650; line-height: 1.25; letter-spacing: -.03em; margin: 16px 0; }
.sc-product-heading > p { color: #a3a3af; }
.sc-eyebrow { font-size: 11px; letter-spacing: .13em; color: #a3a3af; }
.sc-membership-grid, .sc-download-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.sc-two-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.sc-plan { border: 1px solid #393a44; background: #222328; border-radius: 6px; padding: 28px; display: flex; flex-direction: column; align-items: flex-start; }
.sc-plan h2 { font-size: 24px; font-weight: 600; margin: 8px 0 14px; }
.sc-muted { color: #a3a3af; font-size: 13px; }
.sc-plan-price { display: flex; align-items: baseline; gap: 6px; padding: 14px 0; color: #b7a3dd; }
.sc-plan-price strong { font-size: 42px; font-weight: 600; }
.sc-plan-price span { color: #a3a3af; font-size: 12px; }
.sc-plan ul { margin: 10px 0 28px; padding-left: 18px; font-size: 13px; color: #bbbcc6; line-height: 2.3; flex: 1; }
.sc-plan .sc-button { margin-top: auto; min-width: 150px; }
.sc-plan .sc-button:disabled { opacity: .7; cursor: default; }
.sc-version { font-size: 20px; color: #c9b8e5; margin: 10px 0 4px; }
.sc-info-section { margin-top: 50px; padding-top: 30px; border-top: 1px solid #36373f; }
.sc-info-section h2 { font-size: 25px; font-weight: 600; margin: 0 0 20px; }
.sc-info-section p { color: #a3a3af; line-height: 1.9; max-width: 950px; }
.sc-info-section details { border-bottom: 1px solid #36373f; padding: 15px 0; }
.sc-info-section summary { cursor: pointer; font-weight: 500; padding: 6px 0; }
.sc-info-section details p { margin-top: 12px; font-size: 13px; }
.sc-software-screen { display: block; width: 100%; max-width: 1080px; border: 1px solid #36373f; border-radius: 6px; margin-top: 24px; }
.sc-mobile-screens { display: flex; gap: 26px; justify-content: center; padding: 20px 0; }
.sc-mobile-screens img { width: min(36%,260px); height: auto; align-self: flex-start; border: 1px solid #393a44; border-radius: 16px; }
.sc-product table { width: 100%; font-size: 13px; border-collapse: collapse; }
.sc-product th, .sc-product td { padding: 13px 16px; border-bottom: 1px solid #36373f; text-align: left; }
.sc-product th { background: #25262d; color: #e5e5e9; }
.sc-product td { color: #bbbcc6; }
.sc-table-scroll { overflow-x: auto; }
.sc-submission-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 30px; align-items: start; }
.sc-submission-layout > * { min-width: 0; }
.sc-form-section { padding: 25px; margin-bottom: 24px; border: 1px solid #383942; background: #222328; border-radius: 6px; }
.sc-form-section h2 { font-size: 20px; margin: 0 0 22px; }
.sc-form-section label { display: block; font-weight: 400; font-size: 13px; margin: 0 0 18px; }
.sc-form-section label > span { color: #a3a3af; font-size: 11px; margin-left: 5px; }
.sc-form-section input, .sc-form-section select, .sc-form-section textarea { display: block; width: 100%; margin-top: 8px; border: 1px solid #3d3e47; border-radius: 4px; padding: 9px 11px; min-width: 0; }
.sc-form-section input[type=file] { font-size: 11px; padding: 10px 5px; }
.sc-form-section input[type=file]::file-selector-button { border: 1px solid #595360; border-radius: 4px; background: #383240; color: #e5e5e9; padding: 6px; margin-right: 8px; }
.sc-form-section [hidden] { display: none!important; }
.sc-form-section audio, .sc-form-section progress { width: 100%; margin: 14px 0; }
.sc-form-section progress { accent-color: #b7a3dd; }
.sc-submit-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.sc-submit-actions button:disabled { opacity: .6; cursor: wait; }
.sc-download-row { border-top: 1px solid #36373f; padding-top: 18px; margin-bottom: 20px; }
.sc-submission-cover { width: 100%; max-height: 190px; object-fit: cover; margin-bottom: 20px; border-radius: 4px; }
.sc-my-submissions { padding: 0; list-style: none; }
.sc-my-submissions li { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid #36373f; }
.sc-my-submissions li > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.sc-my-submissions small { color: #a3a3af; }
@media(max-width:767px) {
  .sc-submission-layout { grid-template-columns: 1fr; gap: 0; }
  .sc-form-section { padding: 20px; }
  .sc-membership-grid, .sc-download-grid, .sc-two-columns { grid-template-columns: 1fr; gap: 16px; }
  .sc-plan { padding: 24px; }
  .sc-product { padding-top: 28px; }
  .sc-product-heading { margin-bottom: 26px; }
  .sc-site .sign-page { padding-top: 24px; }
  .sc-mobile-screens { gap: 14px; }
  .sc-mobile-screens img { width: 45%; }
}

.sc-preview-player{position:sticky;bottom:16px;z-index:90;display:flex;align-items:center;gap:16px;padding:12px 18px;border:1px solid #47434f;border-radius:10px;background:#27252d;box-shadow:0 10px 35px #0005;color:#f0edf6}
.sc-preview-player[hidden]{display:none}.sc-preview-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-preview-player audio{width:min(400px,55%);height:40px}.sc-preview-player button{background:transparent;border:0;color:inherit;font-size:26px;padding:6px}
@media(max-width:580px){.sc-preview-player{flex-wrap:wrap;gap:4px;padding:8px 12px}.sc-preview-title{flex:1;order:0}.sc-preview-player button{order:1}.sc-preview-player audio{order:2;width:100%}}

.sc-detail-aside .jb-green { background:#283c32 !important; color:#d0ead8; box-shadow:none; }