/* Preserved kaiyun_v4 structural layer */
/* kaiyun_v4 reference layout */
body{background:#eef5ff;color:#111a34}.notice-bar,.why-us-section,.about-section,.honor-section,.departments-section,.trust-section,.faq-section,.mission-section,.testimonials-section,.cta-banner-section{display:none!important}.ky4-shell{width:min(1180px,calc(100% - 40px))}.ky4-header{background:#0b1433;border:0}.ky4-header__inner{min-height:74px}.ky4-brand__mark{background:#3866f5;color:#fff}.ky4-nav a{color:#dce4ff}.ky4-account{background:#ffd23f;color:#18224a!important}.ky4-hero{background:radial-gradient(circle at 80% 30%,#254fbd 0,transparent 34%),linear-gradient(125deg,#0b1433 0,#101f55 52%,#163381 100%);padding-bottom:78px}.ky4-hero__grid{min-height:610px;grid-template-columns:.9fr 1.1fr;gap:54px}.ky4-hero h1{font-size:clamp(48px,5.2vw,78px);margin:16px 0}.ky4-hero p{color:#c9d6ff}.ky4-kicker{color:#8ba8ff}.ky4-btn{border-color:#667ac3}.ky4-btn--primary{background:#ffd23f;color:#17214a}.ky4-trust{color:#bdc9ef}.ky4-hero__visual{min-height:430px;border:0;border-radius:28px;overflow:hidden;background:#132452;box-shadow:0 30px 70px rgba(0,0,0,.35)}.ky4-hero__visual>img{width:100%;height:430px;display:block;object-fit:cover}.ky4-live-chip{right:20px;bottom:20px;background:rgba(12,24,57,.9);border-color:#6276b2}.ky4-live-chip b{color:#ffd23f}.ky4-stats{padding-bottom:92px;background:#eef5ff;color:#111a34;border:0}.ky4-stats__grid{position:relative;z-index:3;transform:translateY(-56px);grid-template-columns:repeat(3,1fr);gap:20px}.ky4-stats article{position:relative;padding:32px;text-align:left;border:0;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(50,74,130,.13)}.ky4-stat-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;background:#4c72ff;color:#fff;font-size:22px}.ky4-stats article strong{display:inline-block;margin:22px 8px 0 0;color:#2349df;font-size:30px}.ky4-content-block{padding:50px 0}.ky4-block-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:30px}.ky4-block-head small,.ky4-feature-panels small{color:#345bdc;font-weight:800;letter-spacing:.08em}.ky4-block-head h2,.ky4-section-head h2{margin:8px 0 0;color:#141946;font-size:38px}.ky4-block-head p,.ky4-section-head p{color:#66718d;line-height:1.8}.ky4-gallery{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.ky4-gallery>div{display:grid;gap:18px}.ky4-gallery figure{position:relative;margin:0;overflow:hidden;border-radius:18px;border:1px solid #253354;background:#17223f}.ky4-gallery img{width:100%;height:100%;min-height:245px;display:block;object-fit:cover}.ky4-gallery__large img{min-height:510px}.ky4-gallery figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:16px;border-radius:12px;background:rgba(12,25,52,.82);color:white}.ky4-gallery figcaption b,.ky4-gallery figcaption span{display:block}.ky4-gallery figcaption span{margin-top:6px;color:#cbd6ef}.ky4-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ky4-stats .ky4-metric-grid article{padding:18px;border:1px solid #dce4f2;box-shadow:0 16px 35px rgba(50,74,130,.08)}.ky4-metric-grid img{width:100%;height:190px;object-fit:cover;border-radius:12px}.ky4-metric-grid i{display:grid;width:48px;height:48px;margin:18px 0;place-items:center;border-radius:12px;background:#4c72ff;color:#fff;font-style:normal;font-size:22px}.ky4-metric-grid h3{font-size:21px}.ky4-metric-grid p{color:#68738d;line-height:1.7}.ky4-match-center{padding:90px 0;background:#f7faff;color:#111a34}.ky4-section-head{align-items:end}.ky4-scoreboard{border:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 18px 45px rgba(40,63,120,.1)}.ky4-scoreboard__title,.ky4-score-row{grid-template-columns:1fr 2fr .9fr 2fr 1fr}.ky4-scoreboard__title{padding:20px 24px;background:linear-gradient(90deg,#294ee6,#4670ff);color:white}.ky4-score-row{padding:22px 24px;border-bottom:1px solid #e7ebf3}.ky4-score-row>span{display:inline-flex;width:max-content;padding:7px 18px;border-radius:99px;background:#e8fff1;color:#238150}.ky4-score-row>b{color:#192344}.ky4-score-row em{color:#63708c}.ky4-match-grid{display:none}.ky4-feature-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:70px}.ky4-feature-panels>article{padding:28px;border-radius:18px;background:#fff;border:1px solid #dce4f2}.ky4-feature-panels>article>img{width:100%;height:270px;object-fit:cover;border-radius:14px}.ky4-feature-panels h3{font-size:28px;margin:14px 0}.ky4-feature-panels p{color:#69748d;line-height:1.8}.ky4-radar{background:#3e55a8!important;color:white}.ky4-radar small,.ky4-radar p{color:#f1dd6e}.ky4-radar dl div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.18)}.ky4-radar dd{color:#ffd23f;font-size:22px}.ky4-btn--yellow{background:#ffd23f;border:0;color:#17214a}.ky4-footer{background:#0b1433;color:#aab7dd;border:0}.ky4-footer a{color:#aab7dd}.ky4-footer__grid{grid-template-columns:2fr 1fr 1fr}.ky4-footer__bottom{border-color:#2a365e}
@media(max-width:800px){.ky4-shell{width:min(100% - 24px,1180px)}.ky4-hero{padding-bottom:55px}.ky4-hero__grid{grid-template-columns:1fr;min-height:auto;padding:70px 0}.ky4-hero__visual{display:block;min-height:auto}.ky4-hero__visual>img{height:260px}.ky4-hero h1{font-size:45px}.ky4-stats__grid{grid-template-columns:1fr;transform:translateY(-35px)}.ky4-block-head,.ky4-gallery,.ky4-metric-grid,.ky4-feature-panels{grid-template-columns:1fr}.ky4-gallery__large img{min-height:300px}.ky4-block-head{gap:10px}.ky4-scoreboard{overflow-x:auto}.ky4-scoreboard__title,.ky4-score-row{min-width:720px}.ky4-footer__grid{grid-template-columns:1fr}}
/* hero score board + article navigation */
.ky4-hero__grid{min-height:720px!important;grid-template-columns:1.35fr .85fr!important;gap:70px!important}.ky4-hero__main{display:flex;flex-direction:column}.ky4-hero__main .ky4-hero__visual{position:relative;min-height:300px;margin-top:26px}.ky4-hero__main .ky4-hero__visual>img{height:300px}.ky4-hero__main .ky4-hero__actions{margin:22px 0 0}.ky4-hero__copy .ky4-kicker{display:inline-flex;width:max-content;padding:9px 14px;border:1px solid #6d80b4;border-radius:99px;background:rgba(255,255,255,.1);color:#e6edff}.ky4-hero-board{align-self:center;width:100%;padding:20px;border:1px solid #7180a8;border-radius:18px;background:rgba(186,199,229,.22);box-shadow:0 24px 60px rgba(0,0,0,.28);color:white}.ky4-hero-board__head{display:flex;align-items:center;justify-content:space-between;padding:4px 0 12px;font-size:18px}.ky4-hero-board__head span{padding:7px 14px;border-radius:99px;background:#42736c;color:#8ff0c7;font-size:12px}.ky4-hero-board__rows{display:grid;gap:12px}.ky4-board-game{padding:17px 18px;border:1px solid #687490;border-radius:16px;background:rgba(12,24,57,.72)}.ky4-board-game>div,.ky4-board-game p{display:flex;justify-content:space-between;align-items:center}.ky4-board-game>div{color:#adb8d2;font-size:12px}.ky4-board-game em{font-style:normal}.ky4-board-game p{margin:13px 0 0}.ky4-board-game p b{font-size:15px}.ky4-board-game p strong{color:#ffd23f;font-size:23px}.ky4-board-loading{padding:50px 10px;text-align:center;color:#c1cae2}
@media(max-width:800px){.ky4-hero__grid{grid-template-columns:1fr!important;gap:25px!important}.ky4-hero-board{margin-top:0}.ky4-hero__main .ky4-hero__visual>img{height:250px}}
/* CMS cross-site backlinks */
.ky4-crosslinks{margin-top:38px;padding:22px;border:1px solid #2b385d;border-radius:14px;background:#111b3a}.ky4-crosslinks>b{display:block;margin-bottom:14px;color:#fff}.ky4-crosslinks>div{display:flex;flex-wrap:wrap;gap:10px}.ky4-crosslinks a{padding:7px 13px;border:1px solid #3b486c;border-radius:99px;background:#1c2748;color:#c7d2ef;text-decoration:none;font-size:13px}.ky4-crosslinks a:hover{border-color:#ffd23f;color:#ffd23f}
/* final high-specificity Kaiyun surface colors */
html body{background:#eef5ff!important}.ky4-hero{background:radial-gradient(circle at 80% 30%,#254fbd 0,transparent 34%),linear-gradient(125deg,#0b1433 0,#101f55 52%,#163381 100%)!important}.ky4-stats{background:#eef5ff!important;color:#111a34!important}.ky4-stats .ky4-content-block,.ky4-stats .ky4-metrics{background:transparent!important}.ky4-stats .ky4-block-head h2,.ky4-stats .ky4-metric-grid h3{color:#141946!important}.ky4-stats .ky4-block-head p,.ky4-stats .ky4-metric-grid p{color:#66718d!important}.ky4-match-center{background:#f7faff!important;color:#111a34!important}.ky4-match-center .ky4-section-head h2{color:#141946!important}.ky4-match-center .ky4-section-head p{color:#66718d!important}.ky4-footer{background:#0b1433!important}

html body > section#services.ky4-stats[data-kaiyun-component="stats"]{background:#eef5ff!important;background-color:#eef5ff!important;color:#111a34!important}html body > section#services.ky4-stats[data-kaiyun-component="stats"] *{border-color:#dce4f2}html body > section#match-center.ky4-match-center{background:#f7faff!important;background-color:#f7faff!important}
/* CMS keyword-generated logo */
.ky4-brand .ky4-brand__keyword-logo{width:48px;height:48px;display:block;object-fit:contain;flex:0 0 48px}.ky4-brand:has(.ky4-brand__keyword-logo) .ky4-brand__mark{display:none}
@media(max-width:800px){.ky4-brand .ky4-brand__keyword-logo{width:40px;height:40px;flex-basis:40px}}
/* CMS keyword-generated logo */
.ky4-brand .ky4-brand__keyword-logo{width:auto;height:auto;max-width:220px;max-height:52px;display:block;object-fit:contain;border-radius:14px}.ky4-brand:has(.ky4-brand__keyword-logo) .ky4-brand__mark{display:none}
@media(max-width:800px){.ky4-brand .ky4-brand__keyword-logo{max-width:170px;max-height:42px}}
/* BingSEO-compatible data-driven footer layout */
.ky4-footer-pro{position:relative;isolation:isolate;padding:0!important;background:#10141d var(--ky4-footer-bg) center/cover no-repeat!important;color:#c7cbd4!important}.ky4-footer-pro__overlay{position:absolute;inset:0;z-index:-1;background:rgba(7,12,20,.86)}.ky4-footer-pro__content{padding:46px 0 24px}.ky4-footer-pro__cols{display:grid;grid-template-columns:1.05fr 1.05fr 1fr;gap:70px}.ky4-footer-pro h3{margin:0 0 18px;color:#fff;font-size:17px}.ky4-footer-pro__links{display:flex;flex-direction:column;gap:11px}.ky4-footer-pro__links a,.ky4-footer-pro__links span{color:#c7cbd4;text-decoration:none;font-size:14px}.ky4-footer-pro__links a:hover{color:#35d9ff}.ky4-footer-pro__brand{text-align:center}.ky4-footer-pro__brand img{width:auto;max-width:210px;max-height:58px;object-fit:contain}.ky4-footer-pro__brand strong{color:#fff;font-size:20px}.ky4-footer-pro__brand p{margin:16px 0 0;color:#c7cbd4;line-height:1.9;font-size:13px}.ky4-footer-pro__nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:38px;padding:22px 0;border-block:1px solid rgba(255,255,255,.28)}.ky4-footer-pro__nav a{color:#c7cbd4;text-decoration:none;font-size:13px}.ky4-footer-pro__nav a:hover{color:#35d9ff}.ky4-footer-pro__bottom{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:20px;color:#b5bbc8;font-size:13px}
@media(max-width:800px){.ky4-footer-pro__cols{grid-template-columns:1fr;gap:32px}.ky4-footer-pro__brand{text-align:left}.ky4-footer-pro__nav{gap:12px 18px}.ky4-footer-pro__bottom{align-items:flex-start}}
/* flatten footer columns like bingseo_v3 */
.ky4-footer-pro__cols>section{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.ky4-footer-pro__links i{width:18px;color:#26d7ff;text-align:center}

html body footer.ky4-footer-pro .ky4-footer-pro__content .ky4-footer-pro__cols > section{background:transparent!important;background-color:transparent!important}

/* ============================================================
   KAIYUN V4 UNIFIED DESIGN SYSTEM
   Final shared layer for existing and newly generated sites.
   ============================================================ */
:root {
  --kyu-bg: #050d0a;
  --kyu-section: #0b120e;
  --kyu-panel: #101713;
  --kyu-panel-2: #151b17;
  --kyu-line: #263b2f;
  --kyu-text: #f4f2e9;
  --kyu-muted: #9daaa1;
  --kyu-accent: #f5a623;
  --kyu-accent-soft: #ffd166;
  --kyu-blue: #2f80ed;
  --kyu-blue-2: #4b46d8;
  --kyu-live: #39d98a;
  --kyu-danger: #ff6b6b;
  --kyu-radius: 14px;
  --kyu-shadow: 0 18px 45px rgba(0, 0, 0, .24);
}

html,
body {
  background: var(--kyu-bg) !important;
  color: var(--kyu-text) !important;
}

body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 8%, rgba(31, 91, 57, .16), transparent 28rem),
    linear-gradient(180deg, #07100c 0%, var(--kyu-bg) 38%, #070b09 100%) !important;
}

body :is(p, li, small, .text-muted, .text-white-50) {
  color: var(--kyu-muted) !important;
}

body :is(h1, h2, h3, h4, h5, h6, strong) {
  color: var(--kyu-text);
}

.container,
.ky4-shell {
  width: min(1180px, calc(100% - 40px)) !important;
  margin-inline: auto !important;
}

.ky4-header {
  position: relative;
  z-index: 50;
  min-height: 72px;
  border: 0 !important;
  border-bottom: 1px solid var(--kyu-line) !important;
  background: #07100c !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
  backdrop-filter: none;
}

.ky4-header__inner {
  min-height: 72px !important;
}

.ky4-nav a {
  color: #d8ded9 !important;
}

.ky4-nav a:hover,
.ky4-nav a:focus-visible,
.ky4-nav__link--active {
  color: var(--kyu-accent) !important;
}

.ky4-account,
.ky4-btn--primary,
.btn-primary {
  border-color: var(--kyu-accent) !important;
  background: var(--kyu-accent) !important;
  color: #1b1609 !important;
  box-shadow: none !important;
}

.ky4-btn,
.btn {
  border-radius: 10px !important;
}

.ky4-btn:not(.ky4-btn--primary),
.btn-outline-primary {
  border-color: rgba(245, 166, 35, .58) !important;
  color: var(--kyu-accent-soft) !important;
  background: transparent !important;
}

.breadcrumb,
.breadcrumb-wrapper,
.page-breadcrumb {
  border-color: var(--kyu-line) !important;
  background: #08110d !important;
  color: var(--kyu-muted) !important;
}

body :is(
  .card,
  .bg-glass,
  .about-card,
  .security-card,
  .honor-card,
  .mission-card,
  .contact-card,
  .login-card
) {
  border: 1px solid var(--kyu-line) !important;
  border-radius: var(--kyu-radius) !important;
  background: var(--kyu-panel) !important;
  color: var(--kyu-text) !important;
  box-shadow: none !important;
}

body :is(input, textarea, select, .form-control, .form-select) {
  border-color: var(--kyu-line) !important;
  background: #0a130f !important;
  color: var(--kyu-text) !important;
}

body :is(input, textarea, select, .form-control, .form-select):focus {
  border-color: var(--kyu-accent) !important;
  box-shadow: 0 0 0 3px rgba(245, 166, 35, .14) !important;
}

.ky4-crosslinks {
  border-color: var(--kyu-line) !important;
  background: var(--kyu-panel) !important;
}

.ky4-crosslinks a {
  border-color: #35483b !important;
  background: var(--kyu-panel-2) !important;
  color: #dce3dd !important;
}

.ky4-crosslinks a:hover {
  border-color: var(--kyu-accent) !important;
  color: var(--kyu-accent) !important;
}

.ky4-footer,
.ky4-footer-pro {
  border-top: 1px solid var(--kyu-line) !important;
  background-color: #0a1230 !important;
  color: #b7c0c7 !important;
}

.ky4-footer-pro__overlay {
  background: rgba(5, 10, 21, .9) !important;
}

.ky4-footer-pro :is(h3, strong) {
  color: #fff !important;
}

.ky4-footer-pro :is(a, span, p) {
  color: #bdc6ce !important;
}

.ky4-footer-pro a:hover {
  color: var(--kyu-accent) !important;
}

.ky4-footer-pro__nav {
  border-color: rgba(255, 255, 255, .14) !important;
}

@media (max-width: 800px) {
  .container,
  .ky4-shell {
    width: min(100% - 24px, 1180px) !important;
  }

  .ky4-header,
  .ky4-header__inner {
    min-height: 64px !important;
  }

  body :is(.card, .bg-glass, .about-card, .security-card, .honor-card, .mission-card) {
    border-radius: 12px !important;
  }
}

/* KAIYUN V4 UNIFIED NEWS AND ARTICLE */
.ky4-page--news .category-page,
.single-page {
  padding-block: 34px 52px !important;
  background: transparent !important;
  color: var(--kyu-text) !important;
}

.ky4-page--news .category-page > .container > .row,
.single-page > .container > .row {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}

.ky4-page--news .category-page .text-center.mb-5 {
  margin-bottom: 20px !important;
  padding: 22px !important;
  border: 1px solid var(--kyu-line);
  border-radius: var(--kyu-radius);
  background: var(--kyu-panel);
}

.ky4-page--news .category-page .display-6 {
  color: var(--kyu-text) !important;
  font-size: clamp(28px, 3vw, 42px) !important;
}

.ky4-page--news .category-page .d-flex.flex-column.gap-4 {
  gap: 16px !important;
}

.ky4-page--news .category-page .bg-white.rounded-4 {
  min-height: 210px;
  border: 1px solid var(--kyu-line) !important;
  border-radius: var(--kyu-radius) !important;
  background: var(--kyu-panel) !important;
  box-shadow: none !important;
}

.ky4-page--news .category-page .bg-white.rounded-4 img {
  min-height: 210px;
  object-fit: cover;
}

.ky4-page--news .category-page .p-4 {
  padding: 20px !important;
}

.ky4-page--news .category-page :is(.text-dark, a.text-dark) {
  color: var(--kyu-text) !important;
}

.ky4-page--news .category-page :is(.text-primary, .nav-link.active) {
  color: var(--kyu-accent) !important;
}

.ky4-page--news .sidebar-widgets > .bg-primary {
  border: 1px solid var(--kyu-line);
  background: linear-gradient(135deg, #17251d, #0e1712) !important;
}

.ky4-page--news .sidebar-widgets .card,
.single-page .sidebar-widgets .card {
  border: 1px solid var(--kyu-line) !important;
  background: var(--kyu-panel) !important;
}

.ky4-page--news .sidebar-widgets .card-header,
.single-page .sidebar-widgets .card-header {
  background: transparent !important;
}

.ky4-page--news .sidebar-widgets .border-bottom,
.single-page .sidebar-widgets .border-bottom {
  border-color: var(--kyu-line) !important;
}

.ky4-page--news .sidebar-widgets .bg-light,
.single-page .sidebar-widgets .bg-light {
  background: var(--kyu-panel-2) !important;
}

.ky4-page--news .sidebar-widgets :is(.text-dark, a),
.single-page .sidebar-widgets :is(.text-dark, a) {
  color: #e0e5e1 !important;
}

.single-page .single-post {
  color: var(--kyu-text) !important;
}

.single-page .single-post > .position-relative.mb-5 {
  min-height: 330px;
  margin-bottom: 22px !important;
  border: 1px solid var(--kyu-line);
  border-radius: var(--kyu-radius) !important;
  box-shadow: none !important;
}

.single-page .single-post > .position-relative.mb-5::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(5, 13, 10, .2), rgba(5, 13, 10, .88));
  pointer-events: none;
}

.single-page .single-post > .position-relative.mb-5 > .position-relative {
  z-index: 1;
}

.single-page .single-post .badge.bg-warning {
  background: var(--kyu-accent) !important;
  color: #1b1609 !important;
}

.single-page .toc-box {
  border-color: var(--kyu-accent) !important;
  background: var(--kyu-panel-2) !important;
  color: var(--kyu-text) !important;
}

.single-page .col-lg-9 > .bg-white {
  border: 1px solid var(--kyu-line) !important;
  border-radius: var(--kyu-radius) !important;
  background: var(--kyu-panel) !important;
  color: var(--kyu-text) !important;
  box-shadow: none !important;
}

.single-page .post-content {
  color: #d7ddd8 !important;
  font-size: 16px;
  line-height: 1.82;
}

.single-page .post-content :is(h2, h3, h4) {
  color: var(--kyu-text) !important;
  border-color: var(--kyu-line) !important;
}

.single-page .post-content a,
.single-page .toc-box a {
  color: var(--kyu-accent-soft) !important;
}

.single-page .post-content blockquote,
.single-page .article-note,
.single-page .cms-reference-list {
  border-color: var(--kyu-accent) !important;
  background: var(--kyu-panel-2) !important;
  color: #d7ddd8 !important;
}

.single-page .post-content table :is(th, td) {
  border-color: var(--kyu-line) !important;
}

.single-page .post-content table th {
  background: #17241c !important;
  color: var(--kyu-text) !important;
}

.single-page .post-tags,
.single-page .post-nav {
  border-color: var(--kyu-line) !important;
}

.single-page .post-tags .badge {
  border-color: var(--kyu-line) !important;
  background: var(--kyu-panel-2) !important;
  color: #dce3dd !important;
}

.single-page .author-box {
  border: 1px solid var(--kyu-line);
  background: linear-gradient(135deg, #15231a, #101713) !important;
  color: var(--kyu-text) !important;
  box-shadow: none !important;
}

.single-page .author-box .bg-warning {
  background: rgba(245, 166, 35, .09) !important;
}

.single-page .related-card {
  border: 1px solid var(--kyu-line) !important;
  background: var(--kyu-panel) !important;
  box-shadow: none !important;
}

.single-page .related-card :is(.text-dark, a) {
  color: var(--kyu-text) !important;
}

@media (max-width: 800px) {
  .ky4-page--news .category-page,
  .single-page {
    padding-block: 24px 38px !important;
  }

  .ky4-page--news .category-page .bg-white.rounded-4 img {
    min-height: 190px;
    max-height: 230px;
  }

  .single-page .single-post > .position-relative.mb-5 {
    min-height: 300px;
  }

  .single-page .col-lg-9 > .bg-white {
    padding: 20px !important;
  }
}

/* KAIYUN V4 UNIFIED HOME */
html body .ky4-hero[data-kaiyun-has-background="1"] {
  max-height: 720px;
  padding: 0 !important;
  background:
    linear-gradient(90deg, rgba(5, 13, 10, .98), rgba(5, 13, 10, .9)),
    var(--ky-site-background) center / cover no-repeat !important;
  color: var(--kyu-text) !important;
}

.ky4-hero__grid {
  min-height: 650px !important;
  max-height: 720px;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr) !important;
  gap: 44px !important;
}

.ky4-hero h1 {
  max-width: 12ch;
  margin: 14px 0 !important;
  font-size: clamp(42px, 4.5vw, 64px) !important;
  line-height: 1.08;
}

.ky4-kicker {
  color: var(--kyu-accent) !important;
}

.ky4-hero p,
.ky4-trust {
  color: var(--kyu-muted) !important;
}

.ky4-hero__main .ky4-hero__visual {
  min-height: 230px !important;
  margin-top: 18px !important;
  border: 1px solid var(--kyu-line) !important;
  border-radius: var(--kyu-radius) !important;
  background: var(--kyu-panel) !important;
  box-shadow: none !important;
}

.ky4-hero__main .ky4-hero__visual > img {
  height: 230px !important;
  object-fit: contain !important;
}

.ky4-live-chip {
  right: 14px !important;
  bottom: 14px !important;
  border-color: var(--kyu-line) !important;
  background: rgba(5, 13, 10, .9) !important;
}

.ky4-live-chip b {
  color: var(--kyu-accent) !important;
}

.ky4-hero-board {
  padding: 16px !important;
  border-color: var(--kyu-line) !important;
  border-radius: var(--kyu-radius) !important;
  background: rgba(16, 23, 19, .94) !important;
  box-shadow: var(--kyu-shadow) !important;
}

.ky4-hero-board__head span {
  background: rgba(57, 217, 138, .12) !important;
  color: var(--kyu-live) !important;
}

.ky4-hero-board__rows {
  gap: 9px !important;
}

.ky4-board-game {
  padding: 13px 14px !important;
  border-color: var(--kyu-line) !important;
  border-radius: 11px !important;
  background: #0b130f !important;
}

.ky4-board-game > div {
  color: var(--kyu-muted) !important;
}

.ky4-board-game p {
  margin-top: 9px !important;
}

.ky4-board-game p strong {
  color: var(--kyu-accent-soft) !important;
}

html body > section#services.ky4-stats[data-kaiyun-component="stats"],
.ky4-stats {
  padding: 54px 0 !important;
  border: 0 !important;
  background: var(--kyu-bg) !important;
  color: var(--kyu-text) !important;
}

.ky4-stats__grid {
  position: static !important;
  transform: none !important;
  gap: 16px !important;
}

.ky4-stats article,
.ky4-stats .ky4-metric-grid article {
  padding: 18px !important;
  border: 1px solid var(--kyu-line) !important;
  border-radius: var(--kyu-radius) !important;
  background: var(--kyu-panel) !important;
  color: var(--kyu-text) !important;
  box-shadow: none !important;
}

.ky4-content-block {
  padding: 30px 0 !important;
}

.ky4-block-head,
.ky4-section-head {
  gap: 24px !important;
  margin-bottom: 22px !important;
}

.ky4-block-head small,
.ky4-feature-panels small {
  color: var(--kyu-accent) !important;
}

.ky4-block-head h2,
.ky4-section-head h2,
.ky4-metric-grid h3,
.ky4-feature-panels h3 {
  color: var(--kyu-text) !important;
}

.ky4-block-head p,
.ky4-section-head p,
.ky4-metric-grid p,
.ky4-feature-panels p {
  color: var(--kyu-muted) !important;
}

.ky4-gallery {
  gap: 14px !important;
}

.ky4-gallery > div {
  gap: 14px !important;
}

.ky4-gallery figure {
  border-color: var(--kyu-line) !important;
  border-radius: var(--kyu-radius) !important;
  background: var(--kyu-panel) !important;
}

.ky4-gallery img {
  min-height: 180px !important;
}

.ky4-gallery__large img {
  min-height: 374px !important;
}

.ky4-gallery figcaption {
  background: rgba(5, 13, 10, .88) !important;
}

.ky4-metric-grid,
.ky4-feature-panels {
  gap: 16px !important;
}

.ky4-metric-grid img {
  height: 170px !important;
}

.ky4-metric-grid i {
  margin: 14px 0 !important;
  background: linear-gradient(135deg, var(--kyu-blue), var(--kyu-blue-2)) !important;
}

html body > section#match-center.ky4-match-center,
.ky4-match-center {
  padding: 56px 0 !important;
  background: var(--kyu-section) !important;
  color: var(--kyu-text) !important;
}

.ky4-scoreboard {
  border: 1px solid var(--kyu-line) !important;
  border-radius: var(--kyu-radius) !important;
  background: var(--kyu-panel) !important;
  box-shadow: none !important;
}

.ky4-scoreboard__title {
  background: linear-gradient(90deg, #17241c, #111a15) !important;
  color: var(--kyu-text) !important;
}

.ky4-score-row {
  padding: 16px 20px !important;
  border-color: var(--kyu-line) !important;
}

.ky4-score-row > span {
  background: rgba(57, 217, 138, .1) !important;
  color: var(--kyu-live) !important;
}

.ky4-score-row > b {
  color: var(--kyu-accent-soft) !important;
}

.ky4-score-row em {
  color: var(--kyu-muted) !important;
}

.ky4-feature-panels {
  margin-top: 34px !important;
}

.ky4-feature-panels > article {
  padding: 20px !important;
  border-color: var(--kyu-line) !important;
  background: var(--kyu-panel) !important;
}

.ky4-feature-panels > article > img {
  height: 230px !important;
}

.ky4-radar {
  background: linear-gradient(145deg, #15241a, #101713) !important;
}

.ky4-radar small,
.ky4-radar p,
.ky4-radar dd {
  color: var(--kyu-accent-soft) !important;
}

@media (max-width: 800px) {
  .ky4-hero {
    max-height: none;
  }

  .ky4-hero__grid {
    max-height: none;
    min-height: auto !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 44px 0 !important;
  }

  .ky4-hero h1 {
    font-size: clamp(36px, 11vw, 48px) !important;
  }

  .ky4-hero__main .ky4-hero__visual > img {
    height: 220px !important;
  }

  .ky4-stats,
  html body > section#services.ky4-stats[data-kaiyun-component="stats"],
  .ky4-match-center {
    padding: 38px 0 !important;
  }

  .ky4-gallery__large img {
    min-height: 280px !important;
  }

  .ky4-scoreboard__title,
  .ky4-score-row {
    min-width: 680px;
  }
}

/* KAIYUN V4 UNIFIED FUNCTIONAL PAGES */
.ky4-page--about,
.ky4-page--app,
.ky4-page--contact,
.ky4-page--login {
  background:
    radial-gradient(circle at 12% 8%, rgba(31, 91, 57, .14), transparent 28rem),
    var(--kyu-bg) !important;
  color: var(--kyu-text) !important;
}

.ky4-page--about :is(
  .about-section,
  .testimonials-section,
  .security-section,
  .honor-section,
  .mission-section,
  .deep-content-section,
  .main-authors-section,
  .trust-section,
  .cta-banner-section
),
.ky4-page--app section:not(.app-hero-section),
.ky4-page--contact :is(
  .contact-quick-section,
  .contact-channels-section,
  .contact-commitments-section,
  .contact-form-section,
  .trust-section,
  .security-section,
  .cta-banner-section
),
.ky4-page--login :is(.security-section, .faq-section) {
  border-color: var(--kyu-line) !important;
  background: transparent !important;
  color: var(--kyu-text) !important;
}

.ky4-page--about :is(
  .about-section,
  .testimonials-section,
  .security-section,
  .honor-section,
  .mission-section,
  .deep-content-section,
  .main-authors-section,
  .trust-section,
  .cta-banner-section
) > .container {
  border-color: var(--kyu-line) !important;
  background: rgba(16, 23, 19, .94) !important;
  box-shadow: none !important;
}

.ky4-page--about :is(.about-card, .security-card, .honor-card, .mission-card) {
  border-color: var(--kyu-line) !important;
  background: var(--kyu-panel-2) !important;
}

.ky4-page--app .app-hero-section {
  min-height: 560px !important;
  border-bottom: 1px solid var(--kyu-line);
  background:
    linear-gradient(90deg, rgba(5, 13, 10, .96), rgba(5, 13, 10, .58)),
    var(--ky-site-background) center / cover no-repeat !important;
}

.ky4-page--app .app-hero-section .container > .row {
  padding-block: 48px !important;
}

.ky4-page--app .app-hero-section h1 {
  color: var(--kyu-text) !important;
  font-size: clamp(38px, 4vw, 56px) !important;
}

.ky4-page--app .app-hero-section img {
  max-height: 390px !important;
  border: 1px solid var(--kyu-line);
  border-radius: var(--kyu-radius);
  background: var(--kyu-panel);
}

.ky4-page--app section:not(.app-hero-section) {
  padding-block: 46px !important;
}

.ky4-page--app section:not(.app-hero-section) :is(
  .card,
  .bg-white,
  .bg-light,
  [class*="feature"],
  [class*="showcase"],
  [class*="install"]
) {
  border-color: var(--kyu-line) !important;
  background-color: var(--kyu-panel) !important;
  color: var(--kyu-text) !important;
  box-shadow: none !important;
}

.ky4-page--app section :is(.text-dark, a.text-dark) {
  color: var(--kyu-text) !important;
}

.ky4-page--app .app-download-section .btn,
.ky4-page--app .app-welcome-section .btn {
  border-color: transparent !important;
  background: linear-gradient(90deg, var(--kyu-blue), var(--kyu-blue-2)) !important;
  color: #fff !important;
}

.ky4-page--contact .contact-quick-section {
  padding-block: 28px !important;
  border-bottom: 1px solid var(--kyu-line);
}

.ky4-page--contact :is(
  .contact-channels-section,
  .contact-commitments-section,
  .contact-form-section,
  .trust-section,
  .security-section
) {
  padding-block: 46px !important;
}

.ky4-page--contact :is(
  .contact-card,
  .channel-card,
  .commitment-card,
  .bg-white,
  .bg-light
) {
  border: 1px solid var(--kyu-line) !important;
  border-radius: var(--kyu-radius) !important;
  background: var(--kyu-panel) !important;
  color: var(--kyu-text) !important;
  box-shadow: none !important;
}

.ky4-page--contact :is(.text-dark, a.text-dark) {
  color: var(--kyu-text) !important;
}

.ky4-page--login main.py-5 {
  min-height: 620px !important;
  padding-block: 48px !important;
  background:
    linear-gradient(90deg, rgba(5, 13, 10, .5), rgba(5, 13, 10, .94)),
    var(--ky-site-background) center / cover no-repeat !important;
}

.ky4-page--login main.py-5 > .container {
  display: flex;
  justify-content: flex-end;
}

.ky4-page--login main.py-5 .bg-white {
  width: min(100%, 460px);
  border: 1px solid var(--kyu-line) !important;
  border-radius: var(--kyu-radius) !important;
  background: rgba(16, 23, 19, .96) !important;
  color: var(--kyu-text) !important;
  box-shadow: var(--kyu-shadow) !important;
}

.ky4-page--login main.py-5 :is(.text-dark, a.text-dark) {
  color: var(--kyu-text) !important;
}

@media (max-width: 800px) {
  .ky4-page--app .app-hero-section {
    min-height: auto !important;
  }

  .ky4-page--app .app-hero-section .container > .row {
    padding-block: 32px !important;
  }

  .ky4-page--app section:not(.app-hero-section),
  .ky4-page--contact :is(
    .contact-channels-section,
    .contact-commitments-section,
    .contact-form-section,
    .trust-section,
    .security-section
  ) {
    padding-block: 34px !important;
  }

  .ky4-page--login main.py-5 {
    min-height: auto !important;
    padding-block: 34px !important;
  }

  .ky4-page--login main.py-5 > .container {
    justify-content: center;
  }
}

/* KAIYUN V4 UNIFIED FOOTER */
.ky4-footer-pro__content {
  padding: 40px 0 22px !important;
}

.ky4-footer-pro__cols {
  gap: 46px !important;
}

.ky4-footer-pro__links {
  gap: 9px !important;
}

.ky4-footer-pro__links i {
  color: var(--kyu-accent) !important;
}

.ky4-footer-pro__brand p {
  margin-top: 12px !important;
  line-height: 1.72 !important;
}

.ky4-footer-pro__nav {
  gap: 14px 20px !important;
  margin-top: 28px !important;
  padding: 18px 0 !important;
}

.ky4-footer-pro__bottom {
  gap: 10px !important;
  padding-top: 16px !important;
}

.ky4-footer-pro__bottom a {
  color: #c7cfd5 !important;
  text-decoration: none;
}

.ky4-footer-pro__bottom a:hover {
  color: var(--kyu-accent) !important;
}

@media (max-width: 800px) {
  .ky4-footer-pro__content {
    padding-top: 32px !important;
  }

  .ky4-footer-pro__cols {
    gap: 28px !important;
  }
}

html body {
  background:
    radial-gradient(circle at 12% 8%, rgba(31, 91, 57, .16), transparent 28rem),
    linear-gradient(180deg, #07100c 0%, var(--kyu-bg) 38%, #070b09 100%) !important;
  background-color: var(--kyu-bg) !important;
  color: var(--kyu-text) !important;
}

html body.ky4-page--news,
.ky4-page--news {
  background:
    radial-gradient(circle at 12% 8%, rgba(31, 91, 57, .16), transparent 28rem),
    linear-gradient(180deg, #07100c 0%, var(--kyu-bg) 38%, #070b09 100%) !important;
  background-color: var(--kyu-bg) !important;
}

.ky4-hero {
  background:
    linear-gradient(90deg, rgba(5, 13, 10, .98), rgba(5, 13, 10, .9)),
    var(--ky-site-background) center / cover no-repeat !important;
}

.ky4-page--news .sidebar-widgets .btn-light,
.single-page .sidebar-widgets .btn-light {
  border: 0 !important;
  background: linear-gradient(135deg, var(--kyu-blue), var(--kyu-blue-2)) !important;
  color: #fff !important;
}

.ky4-page--news .sidebar-widgets .nav-link.active,
.single-page .sidebar-widgets .nav-link.active {
  background: rgba(245, 166, 35, .14) !important;
  color: var(--kyu-accent) !important;
}

/* ============================================================
   KAIYUN V4 FINAL LIGHT SURFACE
   Bright CMS-driven surface shared by every generated page.
   ============================================================ */
:root {
  --kyu-light-bg: #eef5ff;
  --kyu-light-section: #f8fbff;
  --kyu-light-panel: #ffffff;
  --kyu-light-line: #d8e3f2;
  --kyu-light-text: #111a34;
  --kyu-light-muted: #65728d;
  --kyu-light-blue: #315be8;
}

html body {
  background: var(--kyu-light-bg) !important;
  background-color: var(--kyu-light-bg) !important;
  color: var(--kyu-light-text) !important;
}

html body :is(p, li, small, .text-muted, .text-white-50) {
  color: var(--kyu-light-muted) !important;
}

html body :is(h1, h2, h3, h4, h5, h6, strong) {
  color: var(--kyu-light-text);
}

html body.ky4-page--news,
html body.ky4-page--about,
html body.ky4-page--contact {
  background-image:
    linear-gradient(rgba(238, 245, 255, .88), rgba(248, 251, 255, .94)),
    var(--ky-site-background) !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-color: var(--kyu-light-bg) !important;
}

.breadcrumb,
.breadcrumb-wrapper,
.page-breadcrumb {
  border-color: var(--kyu-light-line) !important;
  background: rgba(248, 251, 255, .94) !important;
  color: var(--kyu-light-muted) !important;
}

/* Home: blue image hero, followed by bright content surfaces. */
html body .ky4-hero,
html body .ky4-hero[data-kaiyun-has-background="1"] {
  background:
    linear-gradient(90deg, rgba(9, 23, 62, .94), rgba(32, 77, 180, .72)),
    var(--ky-site-background) center / cover no-repeat !important;
  color: #fff !important;
}

html body .ky4-hero :is(h1, h2, h3, strong) {
  color: #fff !important;
}

html body .ky4-hero :is(p, small, .ky4-trust) {
  color: #c9d6f4 !important;
}

html body .ky4-hero-board {
  border-color: rgba(255, 255, 255, .28) !important;
  background: rgba(18, 41, 94, .9) !important;
}

html body .ky4-board-game {
  border-color: rgba(255, 255, 255, .22) !important;
  background: rgba(8, 24, 61, .82) !important;
}

html body > section#services.ky4-stats[data-kaiyun-component="stats"],
html body .ky4-stats {
  background: var(--kyu-light-bg) !important;
  color: var(--kyu-light-text) !important;
}

html body > section#match-center.ky4-match-center,
html body .ky4-match-center {
  background: var(--kyu-light-section) !important;
  color: var(--kyu-light-text) !important;
}

html body .ky4-stats article,
html body .ky4-stats .ky4-metric-grid article,
html body .ky4-feature-panels > article,
html body .ky4-scoreboard {
  border-color: var(--kyu-light-line) !important;
  background: var(--kyu-light-panel) !important;
  color: var(--kyu-light-text) !important;
  box-shadow: 0 16px 38px rgba(40, 63, 120, .09) !important;
}

html body :is(
  .ky4-block-head h2,
  .ky4-section-head h2,
  .ky4-metric-grid h3,
  .ky4-feature-panels h3
) {
  color: var(--kyu-light-text) !important;
}

html body :is(
  .ky4-block-head p,
  .ky4-section-head p,
  .ky4-metric-grid p,
  .ky4-feature-panels p
) {
  color: var(--kyu-light-muted) !important;
}

html body .ky4-scoreboard__title {
  background: linear-gradient(90deg, #294ee6, #4670ff) !important;
  color: #fff !important;
}

html body .ky4-score-row {
  border-color: var(--kyu-light-line) !important;
}

html body .ky4-score-row > b {
  color: var(--kyu-light-text) !important;
}

/* News and article cards remain readable over the CMS background. */
.ky4-page--news .category-page .text-center.mb-5,
.ky4-page--news .category-page .bg-white.rounded-4,
.ky4-page--news .sidebar-widgets .card,
.single-page .sidebar-widgets .card,
.single-page .col-lg-9 > .bg-white,
.single-page .related-card {
  border-color: var(--kyu-light-line) !important;
  background: rgba(255, 255, 255, .94) !important;
  color: var(--kyu-light-text) !important;
  box-shadow: 0 14px 34px rgba(40, 63, 120, .08) !important;
}

.ky4-page--news .category-page :is(.display-6, .text-dark, a.text-dark),
.ky4-page--news .sidebar-widgets :is(.text-dark, a),
.single-page :is(.text-dark, a.text-dark),
.single-page .post-content,
.single-page .post-content :is(h2, h3, h4) {
  color: var(--kyu-light-text) !important;
}

.ky4-page--news .sidebar-widgets .bg-light,
.single-page .sidebar-widgets .bg-light,
.single-page .toc-box,
.single-page .article-note,
.single-page .cms-reference-list {
  border-color: var(--kyu-light-line) !important;
  background: #f4f8ff !important;
  color: var(--kyu-light-text) !important;
}

/* About and Contact: compact translucent white sections over one site image. */
.ky4-page--about :is(
  .about-section,
  .testimonials-section,
  .security-section,
  .honor-section,
  .mission-section,
  .deep-content-section,
  .main-authors-section,
  .trust-section,
  .cta-banner-section
) > .container,
.ky4-page--contact :is(
  .contact-card,
  .channel-card,
  .commitment-card,
  .bg-white,
  .bg-light
) {
  border-color: var(--kyu-light-line) !important;
  background: rgba(255, 255, 255, .94) !important;
  color: var(--kyu-light-text) !important;
  box-shadow: 0 14px 34px rgba(40, 63, 120, .08) !important;
  backdrop-filter: blur(8px);
}

.ky4-page--about :is(.about-card, .security-card, .honor-card, .mission-card) {
  border-color: var(--kyu-light-line) !important;
  background: #f7faff !important;
  color: var(--kyu-light-text) !important;
}

.ky4-page--about :is(h1, h2, h3, h4, h5, h6),
.ky4-page--contact :is(h1, h2, h3, h4, h5, h6, .text-dark, a.text-dark) {
  color: var(--kyu-light-text) !important;
}

.ky4-page--about :is(p, li, small),
.ky4-page--contact :is(p, li, small) {
  color: var(--kyu-light-muted) !important;
}

.ky4-page--contact :is(
  .contact-quick-section,
  .contact-channels-section,
  .contact-commitments-section,
  .contact-form-section,
  .trust-section,
  .security-section,
  .cta-banner-section
) {
  background: transparent !important;
  color: var(--kyu-light-text) !important;
}

html body :is(input, textarea, select, .form-control, .form-select) {
  border-color: var(--kyu-light-line) !important;
  background: #fff !important;
  color: var(--kyu-light-text) !important;
}

@media (max-width: 800px) {
  html body.ky4-page--news,
  html body.ky4-page--about,
  html body.ky4-page--contact {
    background-attachment: scroll !important;
  }
}

/* Late-loaded theme.css compatibility: keep every content section bright. */
html body.ky4-page--about section:is(
  .about-section,
  .testimonials-section,
  .security-section,
  .honor-section,
  .mission-section,
  .deep-content-section,
  .main-authors-section,
  .trust-section,
  .cta-banner-section
),
html body.ky4-page--contact section:is(
  .contact-quick-section,
  .contact-channels-section,
  .contact-commitments-section,
  .contact-form-section,
  .trust-section,
  .security-section,
  .cta-banner-section
) {
  border-color: var(--kyu-light-line) !important;
  background: rgba(238, 245, 255, .72) !important;
  color: var(--kyu-light-text) !important;
}

html body.ky4-page--contact section :is(
  .section-title,
  .section-subtitle,
  .display-5,
  .display-6,
  h1,
  h2,
  h3,
  h4
) {
  color: var(--kyu-light-text) !important;
}

html body.ky4-page--contact section header.text-center,
html body.ky4-page--contact section .section-header,
html body.ky4-page--contact section .section-heading {
  border-color: var(--kyu-light-line) !important;
  background: transparent !important;
  color: var(--kyu-light-text) !important;
}

html body.ky4-page--news .sidebar-widgets > .bg-primary,
html body.ky4-page--news .sidebar-widgets > .card,
html body.ky4-page--news .sidebar-widgets .card-body,
html body.ky4-page--news .sidebar-widgets .tab-content,
html body.ky4-page--news .sidebar-widgets .tab-pane {
  border-color: var(--kyu-light-line) !important;
  background: rgba(255, 255, 255, .94) !important;
  color: var(--kyu-light-text) !important;
}

html body.ky4-page--news .sidebar-widgets :is(a, span, small, .nav-link) {
  color: var(--kyu-light-muted) !important;
}

html body.ky4-page--news .sidebar-widgets .nav-link.active {
  background: #fff4d8 !important;
  color: #b96f00 !important;
}

/* APP uses the same bright site-wide surface as News, About and Contact. */
html body.ky4-page--app {
  background-image:
    linear-gradient(rgba(238, 245, 255, .9), rgba(248, 251, 255, .96)),
    var(--ky-site-background) !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-color: var(--kyu-light-bg) !important;
  color: var(--kyu-light-text) !important;
}

html body.ky4-page--app .app-hero-section {
  border-color: #b8caeb !important;
  background-image:
    linear-gradient(90deg, rgba(20, 52, 126, .88), rgba(65, 111, 218, .64)),
    var(--ky-site-background) !important;
  color: #fff !important;
}

html body.ky4-page--app .app-hero-section :is(h1, h2, h3, strong) {
  color: #fff !important;
}

html body.ky4-page--app .app-hero-section :is(p, small) {
  color: #dbe6ff !important;
}

html body.ky4-page--app section:not(.app-hero-section) {
  border-color: var(--kyu-light-line) !important;
  background: rgba(238, 245, 255, .76) !important;
  color: var(--kyu-light-text) !important;
}

html body.ky4-page--app section:not(.app-hero-section):nth-of-type(even) {
  background: rgba(248, 251, 255, .9) !important;
}

html body.ky4-page--app section:not(.app-hero-section) :is(
  .card,
  .bg-white,
  .bg-light,
  [class*="feature"],
  [class*="showcase"],
  [class*="install"],
  [class*="compare"],
  [class*="update"]
) {
  border-color: var(--kyu-light-line) !important;
  background-color: rgba(255, 255, 255, .95) !important;
  color: var(--kyu-light-text) !important;
  box-shadow: 0 14px 34px rgba(40, 63, 120, .08) !important;
}

html body.ky4-page--app section:not(.app-hero-section) :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .text-dark,
  a.text-dark
) {
  color: var(--kyu-light-text) !important;
}

html body.ky4-page--app section:not(.app-hero-section) :is(p, li, small) {
  color: var(--kyu-light-muted) !important;
}

@media (max-width: 800px) {
  html body.ky4-page--app {
    background-attachment: scroll !important;
  }
}