/*
Theme Name: VideoHub Child
Description: Blocksy 的轻量视频站子主题。
Author: VideoHub
Version: 1.9.20
Template: blocksy
Text Domain: videohub-child
*/

html { overflow-x: hidden; background: #0b0d12; }
body.wp-theme-blocksy,
body.wp-theme-blocksy #main-container,
body.wp-theme-blocksy .site-main { overflow-x: hidden; color: #d9dce3; background: #0b0d12 !important; }
a { transition: color .2s ease; }
.vh-card__author { color:inherit; text-decoration:none; }
.vh-card__author:hover { color:#ff3d5a; }

/* Memorable entrance domains: desktop corner card, mobile session modal, auth-page grid. */
.vh-easy-domains-popup[hidden] { display:none !important; }
.vh-easy-domains-popup { position:fixed; z-index:100020; right:22px; bottom:22px; width:min(390px,calc(100vw - 32px)); opacity:0; transform:translateY(14px); transition:opacity .2s ease,transform .2s ease; }
.vh-easy-domains-popup.is-visible { opacity:1; transform:translateY(0); }
.vh-easy-domains-popup__backdrop { display:none; }
.vh-easy-domains-popup__card { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:20px; color:#e9edf5; background:linear-gradient(150deg,#171c28,#0d111a); box-shadow:0 22px 65px rgba(5,8,14,.42); }
.vh-easy-domains-popup__card:before { position:absolute; top:-90px; right:-70px; width:210px; height:210px; border-radius:50%; background:radial-gradient(circle,rgba(255,61,90,.2),transparent 67%); content:""; pointer-events:none; }
.vh-easy-domains-popup__close { position:absolute; z-index:2; top:10px; right:10px; display:grid; width:30px; height:30px; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:50%; padding:0; color:#aeb6c5; font-size:21px; line-height:1; background:rgba(255,255,255,.055); cursor:pointer; }
.vh-easy-domains-popup__close:hover { color:#fff; background:rgba(255,255,255,.12); }
.vh-easy-domains-popup__card header { position:relative; padding-right:28px; }
.vh-easy-domains-popup__card header > span,
.vh-easy-domains-inline__heading > span { color:#ff536d; font-size:10px; font-weight:900; letter-spacing:.18em; }
.vh-easy-domains-popup__card h2 { margin:4px 0 3px; color:#fff; font-size:20px; letter-spacing:-.02em; }
.vh-easy-domains-popup__card p { margin:0 0 15px; color:#929cac; font-size:12px; }
.vh-okcao-cn-logo { display:inline-block; width:72px; aspect-ratio:360/161; margin-left:.35em; vertical-align:-.34em; background:url("assets/brand/okcao-cn-logo.png?ver=1.9.20") center/contain no-repeat; filter:drop-shadow(0 2px 5px rgba(255,79,135,.2)); }
.vh-easy-domains-inline__heading .vh-okcao-cn-logo { width:68px; }
.vh-easy-domain-grid { display:grid; gap:8px; }
.vh-easy-domain-grid--popup { grid-template-columns:repeat(2,minmax(0,1fr)); }
.vh-easy-domain { display:flex; align-items:baseline; justify-content:center; min-width:0; border:1px solid rgba(255,255,255,.09); border-radius:9px; padding:9px 7px; color:#e8ecf3; text-decoration:none; background:rgba(255,255,255,.045); transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.vh-easy-domain:hover { border-color:color-mix(in srgb,var(--vh-domain-color) 60%,transparent); color:#fff; background:color-mix(in srgb,var(--vh-domain-color) 12%,transparent); transform:translateY(-1px); }
.vh-easy-domain span { color:inherit; font-size:13px; font-weight:850; letter-spacing:-.02em; }
.vh-easy-domain strong { margin-left:1px; color:var(--vh-domain-color); font-size:14px; font-weight:950; letter-spacing:.02em; }
.vh-easy-domain--primary { --vh-domain-color:#ff3d5a; border-color:rgba(255,61,90,.38); background:rgba(255,61,90,.1); }
.vh-easy-domain--violet { --vh-domain-color:#b48cff; }
.vh-easy-domain--cyan { --vh-domain-color:#48d7eb; }
.vh-easy-domain--gold { --vh-domain-color:#ffc44d; }
.vh-easy-domain--blue { --vh-domain-color:#68a7ff; }
.vh-easy-domain--green { --vh-domain-color:#55dfa1; }
.vh-easy-domain--pink { --vh-domain-color:#ff78bd; }
.vh-easy-domain--orange { --vh-domain-color:#ff9455; }
.vh-easy-domains-inline { margin:0 0 1.25rem; border:1px solid rgba(255,61,90,.2); border-radius:12px; padding:14px; background:linear-gradient(145deg,rgba(255,61,90,.08),rgba(255,255,255,.025)); }
.vh-easy-domains-inline__heading { display:grid; gap:2px; margin-bottom:11px; text-align:center; }
.vh-easy-domains-inline__heading strong { color:#fff; font-size:16px; }
.vh-easy-domains-inline__heading small { color:#959dab; font-size:11px; }
.vh-easy-domain-grid--inline { grid-template-columns:repeat(4,minmax(0,1fr)); }
.vh-easy-domain-grid--inline .vh-easy-domain { padding:8px 4px; }

@media (max-width:700px) {
  .vh-easy-domains-popup { inset:0; z-index:100020; width:auto; display:grid; place-items:center; padding:18px; transform:none; }
  .vh-easy-domains-popup.is-visible { transform:none; }
  .vh-easy-domains-popup__backdrop { position:absolute; inset:0; display:block; width:100%; height:100%; border:0; padding:0; background:rgba(3,6,12,.78); backdrop-filter:blur(4px); }
  .vh-easy-domains-popup__card { width:min(100%,390px); border-radius:20px; padding:22px 18px 19px; box-shadow:0 28px 85px rgba(0,0,0,.62); transform:scale(.96); transition:transform .2s ease; }
  .vh-easy-domains-popup.is-visible .vh-easy-domains-popup__card { transform:scale(1); }
  .vh-easy-domains-popup__card h2 { font-size:21px; }
  .vh-easy-domains-popup__card p { margin-bottom:16px; line-height:1.5; }
  .vh-easy-domain { min-height:42px; }
  .vh-easy-domain-grid--inline { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (min-width:701px) {
  .vh-easy-domains-inline { border-color:#e1e5ea; background:linear-gradient(145deg,#fff5f6,#f8f9fb); }
  .vh-easy-domains-inline__heading strong { color:#29313c; }
  .vh-easy-domains-inline__heading small { color:#77808c; }
  .vh-easy-domain-grid--inline .vh-easy-domain { border-color:#e1e5ea; color:#3c4551; background:#fff; }
}

.vh-member-page { box-sizing:border-box; width:min(1320px,calc(100% - 32px)); margin:0 auto; padding:2rem 0 5rem; }
.vh-member-hero { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:1.25rem; margin-bottom:2.25rem; border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:1.4rem; background:#151821; }
.vh-member-hero > img { width:88px; height:88px; border:3px solid rgba(255,255,255,.12); border-radius:50%; object-fit:cover; }
.vh-member-identity small { color:#959cab; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.vh-member-identity h1 { margin:.15rem 0 .35rem; color:#fff; font-size:1.75rem; }
.vh-member-identity p { max-width:620px; margin:0; color:#aeb4bf; font-size:.82rem; line-height:1.6; }
.vh-member-follow-row { margin-top:.85rem; }
.vh-member-stats { display:grid; grid-template-columns:repeat(3,minmax(88px,1fr)); overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:10px; }
.vh-member-stats > div { display:grid; min-width:105px; gap:.12rem; padding:.75rem 1rem; text-align:center; }
.vh-member-stats > div + div { border-left:1px solid rgba(255,255,255,.08); }
.vh-member-stats > div:nth-child(4) { border-left:0; }
.vh-member-stats > div:nth-child(n+4) { border-top:1px solid rgba(255,255,255,.08); }
.vh-member-stats b { color:#fff; font-size:1.35rem; }
.vh-member-stats span { color:#959cab; font-size:.68rem; }
.vh-member-content > header { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1rem; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:.75rem; }
.vh-member-content h2 { margin:0; color:#fff; font-size:1.55rem; }
.vh-member-content header span { color:#959cab; font-size:.78rem; }
.vh-member-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.vh-member-empty { border:1px dashed rgba(255,255,255,.14); border-radius:12px; padding:4rem 1rem; color:#959cab; text-align:center; }
.vh-member-pagination { display:flex; justify-content:center; gap:.35rem; margin-top:2rem; }
.vh-member-pagination .page-numbers { min-width:38px; border:1px solid rgba(255,255,255,.12); border-radius:7px; padding:.45rem .65rem; color:#d9dce3; text-align:center; text-decoration:none; }
.vh-member-pagination .current { border-color:#ff3d5a; color:#fff; background:#ff3d5a; }
.vh-member-content + .vh-member-content { margin-top:2.8rem; }

@media (max-width:900px) {
  .vh-member-hero { grid-template-columns:auto minmax(0,1fr); }
  .vh-member-stats { grid-column:1/-1; }
  .vh-member-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* Keep the mobile discussion experience consistent with the dark mobile UI. */
@media (max-width: 700px) {
  .ct-comments-container { border-top:1px solid rgba(255,255,255,.08); color:#cbd0da; background:#0b0d12 !important; }
  .ct-comments-container > .ct-container-narrow { width:calc(100% - 20px); }
  #wpdcom, #wpdcom.wpd-default, #wpdcom.wpd-dark { color:#cbd0da !important; background:transparent !important; }
  #wpdcom .wpd-form-head, #wpdcom .wpd-thread-head { border-color:#2b303b !important; }
  #wpdcom .wpd-form, #wpdcom .wpd-comment, #wpdcom .wpd-login-to-comment,
  #wpdcom .wpd-sbs-wrap, #wpdcom .wpd-filter-container,
  #wpdcom .wpdiscuz-subscribe-bar { border-color:#292f3a !important; color:#cbd0da !important; background:#11151c !important; box-shadow:none !important; }
  #wpdcom .wpd-login-to-comment { border:1px solid #292f3a !important; border-radius:8px; padding:.85rem 1rem; }
  #wpdcom .wpd-thread-head .wpd-thread-info, #wpdcom .wpd-thread-info,
  #wpdcom .wpd-comment-author, #wpdcom .wpd-comment-author a,
  #wpdcom .wpd-form-head, #wpdcom .wpd-login a,
  #wpdcom .wpd-sbs-title { color:#f2f4f8 !important; }
  #wpdcom .wpd-comment-text, #wpdcom .wc-comment-text,
  #wpdcom .wpd-comment-text p, #wpdcom .wpd-comment-date,
  #wpdcom .wpd-comment-footer a { color:#aeb5c1 !important; }
  #wpdcom textarea, #wpdcom input[type="text"], #wpdcom input[type="email"],
  #wpdcom input[type="url"], #wpdcom select,
  #wpdcom [contenteditable="true"] { border-color:#343b48 !important; color:#f2f4f8 !important; background:#090c12 !important; }
  #wpdcom textarea::placeholder, #wpdcom input::placeholder { color:#747d8b !important; }
  #wpdcom textarea:focus, #wpdcom input:focus, #wpdcom select:focus,
  #wpdcom [contenteditable="true"]:focus { border-color:#ff3d5a !important; background:#0c1017 !important; box-shadow:0 0 0 3px rgba(255,61,90,.12) !important; }
  #wpdcom .wpd-primary-color, #wpdcom .wpd-reply-button:hover,
  #wpdcom .wpd-comment-footer a:hover { color:#ff3d5a !important; }
  #wpdcom .wpd-prim-button { border-color:#ff3d5a !important; color:#fff !important; background:#ff3d5a !important; }
  #wpdcom .wpd-comment-label { color:#aeb5c1 !important; background:#202631 !important; }
  #wpd-post-rating { border:1px solid #292f3a; border-radius:10px; padding:1rem; color:#cbd0da; background:#11151c !important; box-shadow:none; }
  #wpd-post-rating .wpd-rating-title, #wpd-post-rating .wpdrt { color:#aeb5c1 !important; }
  .lity { background:rgba(2,4,8,.82) !important; }
  .lity-container { overflow:hidden; border:1px solid #2d3440; border-radius:12px; color:#dce0e7; background:#11151c !important; box-shadow:0 26px 80px rgba(0,0,0,.62); }
  .lity-content, .lity-content > * { color:#dce0e7; background:#11151c !important; }
  .lity-close, .lity-close:hover, .lity-close:focus { color:#dce0e7 !important; text-shadow:none; background:#252b36 !important; }
  #wpdUserContentInfo, .wpd-wrapper, .wpd-wrapper .wpd-content-item { border-color:#303744 !important; color:#dce0e7 !important; background:#11151c !important; }
  #wpdiscuz_feedback_dialog, #wpd-editor-source-code-wrapper { border:1px solid #303744 !important; color:#dce0e7 !important; background:#11151c !important; box-shadow:0 24px 70px rgba(0,0,0,.58) !important; }
  #wpd-editor-source-code { border-color:#343b48 !important; color:#f2f4f8 !important; background:#090c12 !important; }
  #cboxOverlay { background:#03060b !important; opacity:.82 !important; }
  #colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent { color:#dce0e7; background:#11151c !important; }
}
body[data-header*="type-1"] { --header-height:48px !important; }
body[data-header*="type-1"] .ct-header [data-row*="middle"] { --height:48px !important; height:48px !important; min-height:48px !important; background: rgba(11,13,18,.97) !important; border-bottom: 1px solid rgba(255,255,255,.07); }
body[data-header*="type-1"] .ct-header [data-row*="middle"] > .ct-container { height:48px !important; min-height:48px !important; }
#header { position: sticky; z-index: 9999; top: var(--admin-bar,0px); background: rgba(8,9,14,.94); box-shadow: 0 1px 0 rgba(255,255,255,.06); backdrop-filter: blur(16px); }
body[data-header*="type-1"] .site-title a { color: #fff; font-size: 0 !important; font-family: Georgia,"Times New Roman",serif; font-weight: 700; letter-spacing: -.04em; }
body[data-header*="type-1"] .site-title a:before { color: #fff; font-size: 1.45rem; content: "OK"; }
body[data-header*="type-1"] .site-title a:after { color: #ff3d75; font-size: 1.45rem; content: "CAO"; }
body[data-header*="type-1"] .site-logo-container { display:flex; align-items:center; line-height:0; }
body[data-header*="type-1"] .site-logo-container img { display:block; width:auto; height:31px; max-height:31px; object-fit:contain; }
body[data-header*="type-1"] .site-branding:has(.site-logo-container) .site-title-container { display:none; }
body[data-header*="type-1"] .ct-header .ct-container { width: min(1296px,calc(100% - 32px)); max-width: none; }
body[data-header*="type-1"] .header-menu-1 .menu { gap: .2rem; }
body[data-header*="type-1"] .header-menu-1 .menu > li > a { min-height: 48px; padding: 0 .55rem; color: #c6cad3 !important; font-size: .9rem; font-weight: 750; }
body[data-header*="type-1"] .header-menu-1 .menu > li:first-child > a:before { display: inline-block; width: 7px; height: 7px; flex: 0 0 7px; margin-right: .45rem; border-radius: 50%; background: #ff3d5a; content: ""; }
body[data-header*="type-1"] .header-menu-1 .vh-menu-submit > a,
body[data-header*="type-1"] .header-menu-1 .vh-menu-account > a { min-width:34px; justify-content:center; border-radius:999px; padding:0 .4rem; color:#c6cad3 !important; font-size:0; }
body[data-header*="type-1"] .header-menu-1 .vh-menu-submit > a:before,
body[data-header*="type-1"] .header-menu-1 .vh-menu-account > a:before { display:block; width:21px; height:21px; flex:0 0 21px; background:currentColor; content:""; }
body[data-header*="type-1"] .header-menu-1 .vh-menu-submit > a { color:#ff3d75 !important; }
body[data-header*="type-1"] .header-menu-1 .vh-menu-submit > a:before { width:23px; height:23px; flex-basis:23px; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E") center/contain no-repeat; }
body[data-header*="type-1"] .header-menu-1 .vh-menu-account > a:before { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.25'/%3E%3Cpath d='M5.5 19c.8-3.6 3-5.4 6.5-5.4s5.7 1.8 6.5 5.4'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.25'/%3E%3Cpath d='M5.5 19c.8-3.6 3-5.4 6.5-5.4s5.7 1.8 6.5 5.4'/%3E%3C/svg%3E") center/contain no-repeat; }
body[data-header*="type-1"] .header-menu-1 .vh-menu-submit > a:before,
body[data-header*="type-1"] .header-menu-1 .vh-menu-account > a:before { display:none; }
body[data-header*="type-1"] .header-menu-1 .vh-menu-special-icon { display:block; width:22px; height:22px; flex:0 0 22px; color:currentColor; }
body[data-header*="type-1"] .header-menu-1 .vh-menu-special-icon svg { display:block; width:100%; height:100%; }
body[data-header*="type-1"] .header-menu-1 .vh-menu-special-label { position:absolute; overflow:hidden; width:1px; height:1px; clip:rect(0 0 0 0); }
body[data-header*="type-1"] .header-menu-1 .menu > li > a:hover { color: #fff !important; }
body[data-header*="type-1"] .header-menu-1 .current-menu-item > a { position: relative; color: #ff3d5a !important; }
body[data-header*="type-1"] .header-menu-1 .current-menu-item > a:after { position: absolute; right: .72rem; bottom: 13px; left: .72rem; height: 2px; border-radius: 9px; background: #ff3d5a; content: ""; }
body[data-header*="type-1"] .ct-header-trigger,
body[data-header*="type-1"] .ct-header-trigger .ct-icon { color: #fff; }
body[data-header*="type-1"] .ct-header-search { display:grid; width:36px; height:36px; place-items:center; border-radius:50%; color:#cbd0d9; background:transparent; }
body[data-header*="type-1"] .ct-header-search:hover { color:#fff; background:rgba(255,255,255,.08); }
body[data-header*="type-1"] .ct-header-search .ct-icon { width:19px; height:19px; fill:currentColor; }

.vh-banner-stack { box-sizing:border-box; width:100%; max-width:1296px; overflow:hidden; margin:0 auto; line-height:0; background:#11141a; }
.vh-banner-track { display:flex; flex-direction:column; width:100%; gap:0; }
.vh-banner { display:block; width:100%; min-width:100%; flex:0 0 100%; margin:0; padding:0; line-height:0; text-decoration:none; }
.vh-banner img { display:block; width:100%; height:auto; margin:0; border:0; }
.vh-grid > .vh-banner-stack { grid-column:1/-1; }
.vh-home-sections > .vh-banner-stack { width:100%; max-width:1296px; }
.sh-pagination ul.page-numbers, .ih-pagination ul.page-numbers, .vh-pagination ul.page-numbers,
.sh-pagination ul.page-numbers:hover, .ih-pagination ul.page-numbers:hover, .vh-pagination ul.page-numbers:hover { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; gap:.4rem; min-width:0; min-height:0; margin:0; border:0 !important; border-radius:0; padding:0; color:inherit; background:transparent !important; box-shadow:none; }
.vh-banner-dots { display:none; }
.vh-banner-stack--feed { margin:-1.6rem auto 3.4rem; }
.vh-banner-stack--detail-lower { margin:1.5rem auto 1.2rem; }
[data-footer*="type-1"] .ct-footer { border-top: 1px solid rgba(255,255,255,.08); color: #959cab; background: #0b0d12 !important; }
[data-footer*="type-1"] .ct-footer a { color: #d9dce3; }
.site-main { min-height: 70vh; }
.home .hero-section { display: none; }
.home .site-main .ct-container-full { width: 100%; max-width: none; padding: 0; }
.home article, .home .entry-content { width: 100%; max-width: 100%; min-width: 0; }
.home .entry-content > * { max-width: none; }
.home .entry-content > .vh-search-hero { margin-bottom:0 !important; }
.home .entry-content > .vh-home-sections { margin-top:0 !important; }
.vh-hero { box-sizing: border-box; width: 100%; overflow: hidden; padding: 2.5rem 18px 2.7rem; background: radial-gradient(circle at 70% 20%,rgba(255,61,90,.2),transparent 35%),linear-gradient(135deg,#111520,#090a0e); }
.vh-hero__inner { width: min(1296px,100%); margin: 0 auto; }
.vh-hero h1 { max-width: 820px; margin: 0 0 .65rem; color: #fff; font-size: clamp(2.2rem,4vw,3.5rem); line-height: 1; letter-spacing: -.045em; }
.vh-hero p { max-width: 650px; margin: 0 0 1.8rem; color: #a8aebb; font-size: clamp(1rem,2vw,1.25rem); }
.vh-hero__actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.vh-button { display: inline-flex; align-items: center; border-radius: 8px; padding: .8rem 1.15rem; color: #fff; font-weight: 800; text-decoration: none; background: #ff3d5a; }
.vh-button--ghost { border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.05); }
.entry-content > .vh-library { max-width: none; }
@media (min-width: 701px) {
  .entry-content > .vh-library,
  .entry-content > .vh-home-sections,
  .entry-content > .vh-search-hero,
  .entry-content > .sh-library,
  .entry-content > .sh-home-lists,
  .entry-content > .ih-library,
  .entry-content > .ih-home {
    width: calc(100% - 32px) !important;
    max-width: 1296px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
.vh-mobile-nav { display: none; }
@media (max-width: 700px) {
  body.wp-theme-blocksy { padding-bottom: 62px; }
  .sh-pagination, .ih-pagination, .vh-pagination { overflow:visible; padding-bottom:0; }
  .sh-pagination ul.page-numbers, .ih-pagination ul.page-numbers, .vh-pagination ul.page-numbers { width:100%; min-width:0; flex-wrap:nowrap; justify-content:center; gap:4px; }
  .sh-pagination li, .ih-pagination li, .vh-pagination li,
  .sh-pagination a.page-numbers, .sh-pagination span.page-numbers,
  .ih-pagination a.page-numbers, .ih-pagination span.page-numbers,
  .vh-pagination a.page-numbers, .vh-pagination span.page-numbers { flex:0 0 auto; white-space:nowrap; }
  .sh-pagination a.page-numbers, .sh-pagination span.page-numbers,
  .ih-pagination a.page-numbers, .ih-pagination span.page-numbers,
  .vh-pagination a.page-numbers, .vh-pagination span.page-numbers { min-width:32px; min-height:32px; padding:4px 7px; font-size:.72rem; }
  .sh-pagination a.prev, .sh-pagination a.next,
  .ih-pagination a.prev, .ih-pagination a.next,
  .vh-pagination a.prev, .vh-pagination a.next { width:32px; overflow:hidden; padding:4px 0; font-size:0; }
  .sh-pagination a.prev::before, .ih-pagination a.prev::before, .vh-pagination a.prev::before { content:"‹"; font-size:1.2rem; line-height:1; }
  .sh-pagination a.next::before, .ih-pagination a.next::before, .vh-pagination a.next::before { content:"›"; font-size:1.2rem; line-height:1; }
  .vh-hero { padding: 1.4rem 10px 1.55rem; }
  .vh-hero h1 { font-size: 1.9rem; }
  .vh-hero p { margin-bottom: .9rem; font-size: .88rem; line-height: 1.55; }
  .vh-button { padding: .65rem .85rem; font-size: .84rem; }
  body[data-header*="type-1"] .site-title a:before,
  body[data-header*="type-1"] .site-title a:after { font-size: 1.25rem; }
  body[data-header*="type-1"] .site-logo-container img { height:27px; max-height:27px; }
  .vh-mobile-nav { position: fixed; z-index: 99999; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5,1fr); min-height: 58px; border-top: 1px solid rgba(255,255,255,.1); padding-bottom: env(safe-area-inset-bottom); background: rgba(11,13,18,.96); backdrop-filter: blur(14px); }
  .vh-mobile-nav a { display: grid; place-content: center; gap: 1px; color: #aeb4c0; font-size: .68rem; text-align: center; text-decoration: none; }
  .vh-mobile-nav a span { color: #fff; font-size: 1.2rem; line-height: 1; }
  .vh-mobile-nav a span svg { display:block; width:20px; height:20px; margin:auto; }
  .vh-mobile-nav a:hover { color: #ff3d5a; }
  .vh-mobile-nav a.is-active { color:#ff3d5a; font-weight:850; }
  .vh-mobile-nav a.is-active span { color:#ff3d5a; filter:drop-shadow(0 0 7px rgba(255,61,90,.42)); }
  .vh-mobile-nav .vh-mobile-nav__submit { overflow:visible; color:#fff; font-weight:800; }
  .vh-mobile-nav .vh-mobile-nav__submit span { display:grid; width:44px; height:44px; place-items:center; margin:-21px auto 2px; border:4px solid #0b0d12; border-radius:50%; color:#fff; background:#ff3d5a; box-shadow:0 8px 24px rgba(255,61,90,.4); }
  .vh-mobile-nav .vh-mobile-nav__submit span svg { width:24px; height:24px; }
  .vh-mobile-nav .vh-mobile-nav__submit.is-active span { color:#fff; box-shadow:0 8px 27px rgba(255,61,90,.62); }
  body[data-header*="type-1"] .ct-header-trigger { display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:11px; color:#f5f6f8; background:rgba(255,255,255,.055); box-shadow:0 5px 18px rgba(0,0,0,.18); }
  body[data-header*="type-1"] .ct-header-trigger:hover,
  body[data-header*="type-1"] .ct-header-trigger[aria-expanded="true"] { border-color:rgba(255,61,90,.65); color:#fff; background:rgba(255,61,90,.16); }
  body[data-header*="type-1"] .ct-header-trigger .ct-icon { width:20px; height:16px; }
  body[data-header*="type-1"] .ct-header-trigger .ct-icon rect { height:1.8px; transform-origin:center; transition:transform .22s ease,opacity .18s ease; }
  body[data-header*="type-1"] .ct-header-trigger[aria-expanded="true"] .ct-icon rect:first-child { transform:translateY(6.15px) rotate(45deg); }
  body[data-header*="type-1"] .ct-header-trigger[aria-expanded="true"] .ct-icon rect:nth-child(2) { opacity:0; }
  body[data-header*="type-1"] .ct-header-trigger[aria-expanded="true"] .ct-icon rect:last-child { transform:translateY(-6.15px) rotate(-45deg); }
  #offcanvas .ct-panel-inner { width:min(86vw,340px); border-left:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg,#151923,#0d1016) !important; box-shadow:-24px 0 70px rgba(0,0,0,.5); }
  #offcanvas .ct-panel-content { padding:18px; }
  #offcanvas .mobile-menu > ul { border-top:0; }
  #offcanvas .mobile-menu li { border-bottom:1px solid rgba(255,255,255,.075); }
  #offcanvas .mobile-menu .ct-menu-link { min-height:50px; padding:0 12px; border-radius:9px; color:#dce0e7; font-size:.96rem; font-weight:760; }
  #offcanvas .mobile-menu .vh-menu-submit .ct-menu-link,
  #offcanvas .mobile-menu .vh-menu-account .ct-menu-link { display:flex; align-items:center; justify-content:flex-start; gap:.7rem; }
  #offcanvas .mobile-menu .vh-menu-special-icon { display:block; width:21px; height:21px; flex:0 0 21px; color:#ff3d75; }
  #offcanvas .mobile-menu .vh-menu-special-icon svg { display:block; width:100%; height:100%; }
  #offcanvas .mobile-menu .vh-menu-special-label { position:static; overflow:visible; width:auto; height:auto; clip:auto; font-size:.96rem; }
  #offcanvas .mobile-menu li:hover > .ct-menu-link,
  #offcanvas .mobile-menu .current-menu-item > .ct-menu-link { color:#fff; background:rgba(255,61,90,.12); }
  #offcanvas .ct-toggle-close { width:38px; height:38px; border-radius:50%; color:#fff; background:rgba(255,255,255,.08); }
  .vh-banner-stack { width:100%; touch-action:auto; }
  .vh-banner-track { width:100%; }
  .vh-banner { width:100%; min-width:100%; height:auto; flex:0 0 auto; }
  .vh-banner img { width:100%; max-width:100%; height:auto; object-fit:contain; }
  .vh-banner-dots { display:none; }
  .vh-banner-stack--feed { margin:-1.4rem auto 2.2rem; }
  .vh-banner-stack--detail-lower { margin:1.15rem auto .9rem; }
  .vh-member-page { width:calc(100% - 20px); padding:1rem 0 4rem; }
  .vh-member-hero { grid-template-columns:64px minmax(0,1fr); gap:.8rem; margin-bottom:1.4rem; padding:1rem; }
  .vh-member-hero > img { width:64px; height:64px; }
  .vh-member-identity h1 { font-size:1.25rem; }
  .vh-member-identity p { display:none; }
  .vh-member-stats > div { min-width:0; padding:.6rem; }
  .vh-member-stats b { font-size:1.1rem; }
  .vh-member-content h2 { font-size:1.2rem; }
  .vh-member-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
}

/* White desktop editorial layout */
@media (min-width: 701px) {
  html { background:#f3f5f7; }
  body.wp-theme-blocksy,
  body.wp-theme-blocksy #main-container,
  body.wp-theme-blocksy .site-main { color:#424a57; background:#f3f5f7 !important; }
  body[data-header*="type-1"] { --header-height:64px !important; }
  body[data-header*="type-1"] .ct-header [data-row*="middle"],
  body[data-header*="type-1"] .ct-header [data-row*="middle"] > .ct-container { height:64px !important; min-height:64px !important; }
  body[data-header*="type-1"] .ct-header [data-row*="middle"] { background:#202225 !important; border-bottom:0; box-shadow:0 4px 22px rgba(0,0,0,.12); }
  #header { background:#202225; box-shadow:none; backdrop-filter:none; }
  body[data-header*="type-1"] .ct-header .ct-container { width:min(1320px,calc(100% - 48px)); max-width:1320px; }
  body[data-header*="type-1"] .site-title a:before,
  body[data-header*="type-1"] .site-title a:after { font-size:1.68rem; }
  body[data-header*="type-1"] .header-menu-1 .menu { gap:.35rem; }
  body[data-header*="type-1"] .header-menu-1 .menu > li > a { min-height:64px; padding:0 .68rem; color:#e3e5e8 !important; font-size:.92rem; font-weight:760; }
  body[data-header*="type-1"] .header-menu-1 .menu > li > a:hover { color:#fff !important; }
  body[data-header*="type-1"] .header-menu-1 .current-menu-item > a:after { bottom:17px; }
  [data-footer*="type-1"] .ct-footer { border-top:1px solid #e2e5e9; color:#7b8390; background:#fff !important; }
  [data-footer*="type-1"] .ct-footer a { color:#3e4652; }

  .home .entry-content > .vh-portal { width:min(1320px,calc(100% - 48px)); max-width:1320px; margin-right:auto; margin-left:auto; }
  .vh-portal { padding:0 0 3.5rem; }
  .vh-search-hero { padding:2.1rem 0 1.5rem; }
  .vh-search-hero h1 { color:#202630; font-family:inherit; font-size:clamp(1.75rem,2.2vw,2.35rem); font-weight:850; }
  .vh-search-hero form { border-color:#d8dde4; background:#fff; box-shadow:0 12px 35px rgba(20,30,45,.08); }
  .vh-search-hero input { color:#252c36; }
  .vh-home-sections { padding-top:.5rem; }
  .vh-home-row { margin-bottom:3.5rem; }
  .vh-home-row__heading { border-bottom:1px solid #e0e4e9; padding-bottom:.85rem; }
  .vh-home-row__heading h2, .vh-home-row__heading h3,
  .vh-section-heading h2, .vh-home-sections__heading h2 { color:#252c36; font-weight:850; letter-spacing:-.025em; }
  .vh-home-row__heading small, .vh-section-heading small { color:#8b939f; }
  .vh-home-row__heading a { color:#606977; }
  .vh-home-row__heading a:hover { color:#e52f49; }
  .vh-home-row .vh-card,
  .vh-grid .vh-card { overflow:hidden; border:1px solid #e5e8ec; border-radius:10px; background:#fff; box-shadow:0 5px 20px rgba(25,35,50,.055); }
  .vh-home-row .vh-card:hover,
  .vh-grid .vh-card:hover { border-color:#d7dbe1; box-shadow:0 14px 34px rgba(25,35,50,.11); }
  .vh-home-row .vh-card__media,
  .vh-grid .vh-card__media { border-radius:9px 9px 0 0; }
  .vh-home-row .vh-card__body,
  .vh-grid .vh-card__body { padding:.78rem .8rem .85rem; }
  .vh-card h3 a { color:#272e39; }
  .vh-card__category { color:#e8304b; }
  .vh-card__tags span { color:#68717e; background:#f0f2f5; }
  .vh-card__meta { color:#8d95a1; }
  .vh-member-page { width:min(1320px,calc(100% - 48px)); }
  .vh-member-hero { border-color:#e1e5e9; background:#fff; box-shadow:0 7px 28px rgba(25,35,50,.065); }
  .vh-member-hero > img { border-color:#edf0f3; }
  .vh-member-identity h1, .vh-member-content h2 { color:#252c36; }
  .vh-member-identity p { color:#737c89; }
  .vh-member-stats { border-color:#e4e7eb; background:#f7f8fa; }
  .vh-member-stats > div + div { border-left-color:#e4e7eb; }
  .vh-member-stats b { color:#252c36; }
  .vh-member-stats span { color:#858e9a; }
  .vh-member-content > header { border-bottom-color:#dfe3e8; }
  .vh-member-content header span { color:#858e9a; }
  .vh-member-grid .vh-card { overflow:hidden; border:1px solid #e5e8ec; border-radius:10px; background:#fff; box-shadow:0 5px 20px rgba(25,35,50,.055); }
  .vh-member-grid .vh-card__media { border-radius:9px 9px 0 0; }
  .vh-member-grid .vh-card__body { padding:.78rem .8rem .85rem; }
  .vh-member-empty { border-color:#d9dde3; color:#7d8591; background:#fff; }
  .vh-member-pagination .page-numbers { border-color:#dce0e5; color:#4d5663; background:#fff; }
  .vh-member-pagination .current { border-color:#e8304b; color:#fff; background:#e8304b; }
  .vh-filters a { border-color:#dce0e5; color:#58616e; background:#fff; }
  .vh-filters a:hover, .vh-filters a.is-active { border-color:#e8304b; color:#fff; background:#e8304b; }
  .vh-empty { border-color:#d9dde3; color:#7d8591; background:#fff; }
  .vh-empty strong { color:#303844; }

  .page-title, .entry-title, .single .entry-title,
  .storyhub-reading-page .page-title, .storyhub-reading-page .entry-title,
  .imagehub-detail-page .page-title, .imagehub-detail-page .entry-title { color:#252c36 !important; }
  .single .entry-content, .page .entry-content { color:#424a57; }
  .single .site-main > .ct-container, .single .site-main > .ct-container-full { padding-top:2.2rem; padding-bottom:4rem; }
  .vh-player-wrap { box-shadow:0 18px 45px rgba(21,28,40,.18); }
  .vh-points-notice { border-color:#ffd2d9; color:#343c47; background:#fff1f3; }
  .vh-points-notice small { color:#717a87; }
  .vh-points-notice a { color:#d82943; }

  .sh-library, .ih-library, .ch-account { padding-top:2.7rem; }
  .sh-library__heading h2, .sh-home-lists__heading h2,
  .ih-library__heading h2, .ih-home > header h2 { color:#252c36; }
  .sh-library__heading > a, .sh-home-lists__heading > a,
  .ih-home > header > a { color:#505967; }
  .sh-filters a, .ih-filters a { border-color:#dce0e5; color:#5e6774; background:#fff; }
  .sh-filters a:hover, .sh-filters a.is-active,
  .ih-filters a:hover, .ih-filters a.is-active { border-color:#e8304b; color:#e8304b; background:#fff1f3; }
  .sh-pagination a.page-numbers, .sh-pagination span.page-numbers,
  .ih-pagination a.page-numbers, .ih-pagination span.page-numbers,
  .vh-pagination a.page-numbers, .vh-pagination span.page-numbers { border-color:#dce0e5; color:#4d5663; background:#fff; }
  .sh-pagination a.page-numbers:hover, .sh-pagination span.current,
  .ih-pagination a.page-numbers:hover, .ih-pagination span.current,
  .vh-pagination a.page-numbers:hover, .vh-pagination span.current { border-color:#e8304b; color:#fff; background:#e8304b; }
  .sh-pagination span.dots, .ih-pagination span.dots, .vh-pagination span.dots { border-color:transparent; color:#8b939f; background:transparent; }
  .sh-story-list, .ih-list { border-top-color:#dfe3e8; }
  .sh-story-row, .ih-gallery-row { border-bottom-color:#e4e7eb; }
  .sh-story-row > a:hover, .ih-gallery-row > a:hover { background:#fff; box-shadow:0 7px 25px rgba(25,35,50,.06); }
  .sh-story-row h3, .ih-gallery-row h3 { color:#2d3540; }
  .sh-story-row__copy p, .sh-story-row__meta,
  .ih-gallery-row__heading p, .ih-gallery-row__heading > span { color:#7d8591; }
  .sh-story-row__arrow { color:#68717e; }
  .sh-home-lists, .ih-home { border-top-color:#dfe3e8; }
  .sh-home-category { border-color:#e2e6ea; background:#fff; box-shadow:0 5px 20px rgba(25,35,50,.045); }
  .sh-home-category > header, .sh-home-category li + li { border-color:#edf0f3; }
  .sh-home-category h3, .sh-home-category strong { color:#303844; }
  .sh-work-meta span { border-color:#dfe3e8; color:#596270; background:#fff; }
  .sh-reading, .ih-description { color:#414a56; }
  .ih-preview img { box-shadow:0 3px 12px rgba(20,30,45,.08); }
  .ih-detail-grid a { background:#e9ecf0; }

  .ch-actions { border-top-color:#e1e5e9; }
  .ch-actions button, .ch-actions > a { border-color:#dce1e6; color:#505966; background:#fff; }
  .ch-actions button:hover, .ch-actions button.is-active, .ch-actions > a:hover { border-color:#e8304b; color:#e8304b; background:#fff1f3; }
  .ch-share-panel { border-color:#e1e5e9; background:#fff; box-shadow:0 5px 20px rgba(25,35,50,.045); }
  .ch-share-panel strong { color:#2c343f; }
  .ch-share-panel span { color:#7e8793; }
  .ch-share-panel__copy input { border-color:#dce0e5; color:#646d7a; background:#f7f8fa; }
  .ch-report-dialog { border-color:#dfe3e8; color:#343c47; background:#fff; box-shadow:0 26px 80px rgba(21,29,42,.2); }
  .ch-report-dialog::backdrop { background:rgba(24,31,42,.46); backdrop-filter:blur(4px); }
  .ch-report-form h2 { color:#252c36; }
  .ch-report-form p { color:#747d89; }
  .ch-report-form header button { color:#8a929e; }
  .ch-report-form header button:hover { color:#e8304b; }
  .ch-report-form label { color:#3b4450; }
  .ch-report-form select, .ch-report-form textarea { border-color:#d9dee5; color:#2d3540; background:#f8f9fb; }
  .ch-report-form select:focus, .ch-report-form textarea:focus { border-color:#e8304b; background:#fff; box-shadow:0 0 0 3px rgba(232,48,75,.09); outline:0; }
  .ch-report-form footer { border-top:1px solid #edf0f3; padding-top:1rem; }
  .ch-report-form footer button { border-color:#dce1e6; color:#4e5764; background:#f4f6f8; }
  .ch-report-form footer button:hover { border-color:#cfd5dc; background:#e9edf1; }
  .ch-report-form footer button[type="submit"] { border-color:#e8304b; color:#fff; background:#e8304b; }
  .ch-report-message { color:#d82943; }
  .ch-related { border-top-color:#e1e5e9; }
  .ch-related > header h2 { color:#282f3a; }
  .ch-unlock-gate { border-color:#ffd1d8; background:radial-gradient(circle at 50% 20%,#fff1f3,transparent 58%),#fff; box-shadow:0 7px 25px rgba(25,35,50,.06); }
  .ch-unlock-gate b { color:#2c343f; }
  .ch-unlock-gate p { color:#747d89; }
  .ch-novel-preview:after { background:linear-gradient(transparent,#f3f5f7); }
  .ch-auth__card, .ch-dashboard-cards > div, .ch-points-summary, .ch-checkin { border-color:#e1e5e9; background:#fff; box-shadow:0 14px 45px rgba(25,35,50,.09); }
  .ch-auth__intro p { color:#7c8591; }
  .ch-auth__form-row a { color:#717b88; }
  .ch-auth__bonus { border-color:#ffd3da; color:#717b88; background:#fff4f6; }
  .ch-auth__switch { border-top-color:#e5e8ec; color:#7a8490; }
  .ch-auth__switch a { color:#d82943; }
  .ch-auth h1, .ch-auth h2, .ch-account__header h1,
  .ch-dashboard-cards strong, .ch-points-summary strong, .ch-checkin h2 { color:#29313c; }
  .ch-auth label, .ch-profile-form label { color:#3c4551; }
  .ch-auth input, .ch-profile-form input, .ch-profile-form textarea { border-color:#d9dee4; color:#2e3641; background:#fff; }
  .ch-account__tabs { border-bottom-color:#dce1e6; }
  .ch-account__tabs a { color:#69727e; }
  .ch-account__tabs a.is-active { color:#e8304b; }
  .ch-point-log, .ch-content-list, .ch-report-list { border-top-color:#dfe3e8; }
  .ch-point-log > div, .ch-content-list a, .ch-report-list article { border-bottom-color:#e4e7eb; color:#303844; }
  .ch-report-list strong { color:#303844; }

  .sh-creator section, .sh-creator aside, .vh-submit { border-color:#e1e5e9; background:#fff; box-shadow:0 5px 20px rgba(25,35,50,.05); }
  .sh-creator h2 { color:#2b333e; }
  .sh-creator label, .vh-submit label { color:#3c4551; }
  .sh-creator input, .sh-creator textarea, .sh-creator select,
  .vh-submit input, .vh-submit textarea, .vh-submit select { border-color:#d8dde3; color:#2d3540; background:#fff; }
  .sh-creator li { border-bottom-color:#e6e9ed; }
  .sh-creator li a { color:#343c47; }

  /* Blocksy search and drawer dialogs */
  #search-modal { color:#343c47; background:rgba(243,245,247,.98) !important; }
  #search-modal .ct-toggle-close { color:#424a57; }
  #search-modal .ct-search-form { --theme-link-initial-color:#343c47 !important; --theme-form-text-initial-color:#2d3540 !important; --theme-form-text-focus-color:#202630 !important; --theme-form-field-border-initial-color:#d9dee5 !important; --theme-button-text-initial-color:#e8304b !important; --theme-button-text-hover-color:#c9233d !important; }
  #search-modal .ct-search-form-inner { border-radius:10px; background:#fff; box-shadow:0 20px 60px rgba(25,35,50,.12); }
  #search-modal .modal-field { color:#2d3540 !important; background:#fff !important; }
  #search-modal .modal-field::placeholder { color:#929aa6; }
  #search-modal .ct-search-results, #search-modal .ct-search-results a { color:#343c47; }

  /* wpDiscuz comments and its auxiliary dialogs */
  .ct-comments-container { border-top:1px solid #e0e4e9; background:#f3f5f7; }
  #wpdcom, #wpdcom.wpd-default, #wpdcom.wpd-dark { color:#454e5a !important; background:transparent !important; }
  #wpdcom .wpd-form-head, #wpdcom .wpd-thread-head { border-color:#dde2e7 !important; }
  #wpdcom .wpd-form, #wpdcom .wpd-comment, #wpdcom .wpd-login-to-comment,
  #wpdcom .wpd-sbs-wrap, #wpdcom .wpd-filter-container { border-color:#e1e5e9 !important; color:#454e5a !important; background:#fff !important; box-shadow:0 5px 22px rgba(25,35,50,.045); }
  #wpdcom .wpd-thread-head .wpd-thread-info, #wpdcom .wpd-thread-info,
  #wpdcom .wpd-comment-author, #wpdcom .wpd-comment-author a,
  #wpdcom .wpd-form-head, #wpdcom .wpd-login a { color:#2f3742 !important; }
  #wpdcom .wpd-comment-text, #wpdcom .wc-comment-text,
  #wpdcom .wpd-comment-text p { color:#4f5865 !important; }
  #wpdcom textarea, #wpdcom input[type="text"], #wpdcom input[type="email"],
  #wpdcom input[type="url"], #wpdcom select { border-color:#d9dee5 !important; color:#2d3540 !important; background:#f8f9fb !important; }
  #wpdcom textarea:focus, #wpdcom input:focus, #wpdcom select:focus { border-color:#e8304b !important; background:#fff !important; box-shadow:0 0 0 3px rgba(232,48,75,.08) !important; }
  #wpdcom .wpd-primary-color, #wpdcom .wpd-reply-button:hover,
  #wpdcom .wpd-comment-footer a:hover { color:#e8304b !important; }
  #wpdcom .wpd-prim-button { border-color:#e8304b !important; color:#fff !important; background:#e8304b !important; }
  #wpdcom .wpd-comment-label { color:#737c89 !important; background:#f0f2f5 !important; }
  #wpd-post-rating { border-color:#e1e5e9; border-radius:10px; padding:1rem; background:#fff; box-shadow:0 5px 22px rgba(25,35,50,.045); }
  #wpd-post-rating .wpd-rating-title, #wpd-post-rating .wpdrt { color:#555e6b !important; }
  .lity { background:rgba(24,31,42,.48) !important; }
  .lity-container { overflow:hidden; border:1px solid #dfe3e8; border-radius:12px; background:#fff; box-shadow:0 26px 80px rgba(21,29,42,.2); }
  .lity-content, .lity-content > * { color:#424a57; background:#fff !important; }
  .lity-close, .lity-close:hover, .lity-close:focus { position:absolute; top:8px; right:8px; border-radius:50%; color:#4c5562 !important; text-shadow:none; background:#eef1f4 !important; }
  #wpdUserContentInfo, .wpd-wrapper, .wpd-wrapper .wpd-content-item { color:#424a57 !important; background:#fff !important; }
  #wpdiscuz_feedback_dialog, #wpd-editor-source-code-wrapper { border:1px solid #dfe3e8 !important; color:#424a57 !important; background:#fff !important; box-shadow:0 24px 70px rgba(21,29,42,.18) !important; }
  #wpd-editor-source-code { border-color:#d9dee5 !important; color:#2d3540 !important; background:#f8f9fb !important; }
  #cboxOverlay { background:#1b2230 !important; opacity:.48 !important; }
  #colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent { color:#424a57; background:#fff !important; }
}

/* Compact detail hierarchy and readable titles. */
body.single-video .entry-header .page-title,
body.single-video .entry-header .entry-title,
body.single-image_gallery .entry-header .page-title,
body.single-image_gallery .entry-header .entry-title,
body.single-novel .entry-header .page-title,
body.single-novel .entry-header .entry-title,
.imagehub-detail-page .entry-header .page-title,
.imagehub-detail-page .entry-header .entry-title,
.storyhub-reading-page .entry-header .page-title,
.storyhub-reading-page .entry-header .entry-title {
  max-width:980px;
  margin-bottom:.65rem;
  font-size:clamp(1.65rem,2.7vw,2.35rem) !important;
  line-height:1.24 !important;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.vh-detail-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:.42rem; margin:0 0 1.15rem; color:#7b8492; font-size:.76rem; line-height:1.5; }
.vh-detail-breadcrumb a { color:#4f5967; font-weight:700; text-decoration:none; }
.vh-detail-breadcrumb a:hover { color:#e8304b; }
.vh-detail-breadcrumb i { color:#adb3bc; font-style:normal; }
.vh-detail-breadcrumb [aria-current="page"] { max-width:min(420px,55vw); overflow:hidden; color:#88919d; text-overflow:ellipsis; white-space:nowrap; }

@media (max-width:700px) {
  body.single-video .entry-header .page-title,
  body.single-video .entry-header .entry-title,
  body.single-image_gallery .entry-header .page-title,
  body.single-image_gallery .entry-header .entry-title,
  body.single-novel .entry-header .page-title,
  body.single-novel .entry-header .entry-title,
  .imagehub-detail-page .entry-header .page-title,
  .imagehub-detail-page .entry-header .entry-title,
  .storyhub-reading-page .entry-header .page-title,
  .storyhub-reading-page .entry-header .entry-title { margin-bottom:.5rem; color:#f2f4f8 !important; font-size:1.65rem !important; line-height:1.3 !important; }
  body.single-video .entry-header .entry-meta,
  body.single-video .entry-header .entry-meta a,
  body.single-image_gallery .entry-header .entry-meta,
  body.single-image_gallery .entry-header .entry-meta a,
  body.single-novel .entry-header .entry-meta,
  body.single-novel .entry-header .entry-meta a,
  .imagehub-detail-page .entry-header .entry-meta,
  .imagehub-detail-page .entry-header .entry-meta a { color:#8792a2 !important; }
  .vh-detail-breadcrumb { margin-bottom:.9rem; color:#747f8e; }
  .vh-detail-breadcrumb a { color:#c6ccd5; }
  .vh-detail-breadcrumb i { color:#596270; }
  .vh-detail-breadcrumb [aria-current="page"] { color:#838d9c; }
  .vh-member-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vh-member-stats > div:nth-child(n) { border-top:0; }
  .vh-member-stats > div:nth-child(n+3) { border-top:1px solid rgba(255,255,255,.08); }
  .vh-member-stats > div:nth-child(odd) { border-left:0; }
  .vh-member-stats > div:nth-child(even) { border-left:1px solid rgba(255,255,255,.08); }
}

@media (min-width:701px) {
  .sh-reading a.sh-reading-promo-inline { color:#d82943; }
}

/* Keep all discussion surfaces dark on phones, including wpDiscuz's wrappers. */
@media (max-width:700px) {
  body.wp-theme-blocksy .ct-comments-container,
  body.wp-theme-blocksy .ct-comments-container > .ct-container-narrow,
  body.wp-theme-blocksy .ct-comments-container .comments-area,
  body.wp-theme-blocksy .ct-comments-container #comments,
  body.wp-theme-blocksy .ct-comments-container #respond,
  body.wp-theme-blocksy .ct-comments-container #wpdcom,
  body.wp-theme-blocksy .ct-comments-container #wpd-threads,
  body.wp-theme-blocksy .ct-comments-container .wpd-thread-list,
  body.wp-theme-blocksy .ct-comments-container .wpd-form-wrap,
  body.wp-theme-blocksy .ct-comments-container .wpd-form-foot,
  body.wp-theme-blocksy .ct-comments-container .wpdiscuz-subscribe-bar {
    border-color:#252b35 !important;
    color:#cbd1da !important;
    background:#0b0d12 !important;
    box-shadow:none !important;
  }
  body.wp-theme-blocksy .ct-comments-container .vh-points-notice { border-color:#342832 !important; color:#edf0f5 !important; background:#141820 !important; box-shadow:none !important; }
  body.wp-theme-blocksy .ct-comments-container .vh-points-notice small { color:#8f99a8 !important; }
  body.wp-theme-blocksy #wpdcom .wpd-form,
  body.wp-theme-blocksy #wpdcom .wpd-form.wpd-form-wrapper,
  body.wp-theme-blocksy #wpdcom .wpd-login-to-comment,
  body.wp-theme-blocksy #wpdcom .wpd-comment,
  body.wp-theme-blocksy #wpdcom .wpd-sbs-wrap,
  body.wp-theme-blocksy #wpdcom .wpd-filter-container,
  body.wp-theme-blocksy #wpdcom [id^="wpd-editor-wraper"],
  body.wp-theme-blocksy #wpdcom .ql-toolbar,
  body.wp-theme-blocksy #wpdcom .ql-container,
  body.wp-theme-blocksy #wpdcom .ql-editor {
    border-color:#29303b !important;
    color:#d7dce4 !important;
    background:#11151c !important;
    box-shadow:none !important;
  }
  body.wp-theme-blocksy #wpd-post-rating { border-color:#29303b !important; color:#cbd1da !important; background:#11151c !important; box-shadow:none !important; }
  body.wp-theme-blocksy #wpd-post-rating .wpd-rating-value { border-color:#4a5260 !important; color:#dfe3e9 !important; background:#191e27 !important; }
  body.wp-theme-blocksy #wpd-post-rating .wpd-rating-value span,
  body.wp-theme-blocksy #wpd-post-rating .wpd-rating-title,
  body.wp-theme-blocksy #wpd-post-rating .wpdrt { color:#b7bec9 !important; }
}