/* ===================================
    Gameo Style.
====================================== */
/* font */
/* variable */
:root {      
    --alt-font: "Plus Jakarta Sans", sans-serif;
    --primary-font: "Plus Jakarta Sans", sans-serif;
    --base-color: #97e14d;
    --dark-gray: #101a1d;
    --medium-gray: rgba(255, 255, 255, 0.5);
    --extra-medium-gray: #223035;
    --light-gray: #19272b;
    --very-light-gray: #38464a;
    --red: #f62424;
    --green: #1fcb4f;
}
/* reset */
body {
    font-size: 16px;
}
/* header */
.header-button .btn.btn-base-color:hover,
.header-button .btn.btn-base-color {
    background-color: rgba(151, 225, 77, 0.7);
    border-color: var(--base-color);
    color: var(--black) !important;
}
.header-button .btn.btn-base-color:hover {
    color: var(--white) !important;
}
header.sticky.sticky-active .header-reverse.header-dark.glass-effect {
    background-color: rgba(13, 21, 23, .6) !important;
}
header .navbar-brand img {
    max-height: 46px;
}
.navbar .navbar-nav .nav-link {
    font-size: 16px;
}
a {
    color: var(--black);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
}
a:hover {
  color: var(--base-color);
  text-decoration: none;
}
.top-space-margin {
  margin-top: 56px;
}
.top-space-padding {
  padding-top: 56px;
}

/* highlight separator */
.highlight-separator[data-shadow-animation] span {
    bottom: -5px;
    z-index: -1;
    height: 100%;
}
/* button */
.btn.btn-base-color:hover,
.btn.btn-base-color {
    color: var(--black) !important;
}
.btn.btn-transparent-base-color:active, .btn.btn-transparent-base-color:hover {
    background-color: transparent;
    border-color: var(--base-color);
    color: var(--base-color);
}
.btn {
    font-weight: 600;
    border-width: 1px;
    letter-spacing: 0px;
}
/* transparent background color */
.bg-medium-gray-transparent {
    background-color: rgba(34, 48, 53, 0.6);
}
.bg-gradient-dark-transparent {
    background-image: linear-gradient(to top,#203034 12% ,#1B282C 100%);
}
.bg-gradient-gray-light-dark-transparent {
    background-image: linear-gradient(to right,#38464a 27% ,transparent 150%);
}
.bg-gradient-black-bottom-transparent {
    background: linear-gradient(to top,#0D1517 100%,#0D1517 0%)
}
/* border color */
.border-color-very-light-gray {
    border-color: rgba(56, 70, 74, 0.4) !important;
}
.border-color-green {
    border-color: #1fcb4f !important;
}
/* review style 04 */
.review-star-icon i {
    color: var(--base-color);
}
/* feature box style */
.feature-box.feature-box-left-icon-middle .feature-box-icon {
    margin-right: 18px;
}

/* tab style 01 */
.tab-style-01 .nav-tabs .nav-link.show,
.tab-style-01 .nav-tabs .nav-link.active,
.tab-style-01 .nav-tabs .nav-link:hover {
    background-color: var(--orange);
    color: var(--dark-gray);
}
.tab-style-01 .nav-tabs .nav-link {
    padding: 7px 29px;
    color: var(--white);
    border: 1px solid var(--orange);
}
.tab-style-01 .nav-tabs > li.nav-item {
    padding: 0 13px;
}
/* Tab style 03 */
.tab-style-03 .nav-tabs .nav-link {
  padding: 10px 33px;
  color: var(--medium-gray);
  border: 1px solid var(--base-color);
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.tab-style-03 .nav-tabs .nav-link.active, .tab-style-03 .nav-tabs .nav-link.show, .tab-style-03 .nav-tabs .nav-link:hover {
  color: var(--dark-gray);
  background-color: var(--base-color);
}
.tab-style-03 .nav-tabs > li.nav-item {
  padding: 5px 8px 0;
}

/* time table */ 
.time-table-box .hover-detail {
    padding: 25px 30px;
}
/* accordion style 05 */
.accordion-style-05 .accordion-item {
    padding: 25px 35px 27px 75px;
}

/* footer */
footer {
    font-size: 16px;
    line-height: 28px;
    padding-top: 90px;
}
footer .footer-logo img {
    max-height: 74px;
}
footer .input-small {
    font-size: 15px;
}
footer ul li {
    margin-bottom: 0px;
}
.scroll-progress.scroll-simple {
    left: 50px;
    right: auto;
}
/* newsletter style 02  */
.newsletter-style-02 input {
    padding-right: 100px !important; 
}

@media (max-width: 1399px) {
    header .container-fluid {
        padding-left: 45px; 
        padding-right: 45px; 
    }
}
@media (max-width: 1199px) {
    .crypto-data-scroll {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .crypto-data-min-width {
        min-width: 1160px;
    }
}    

/* ===================================
    Minimal glass visual system.
====================================== */
:root {
    --primary-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    --alt-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    --base-color: #44f0bb;
    --accent-blue: #5da7ff;
    --accent-orange: #ffb45b;
    --accent-pink: #ff6ea8;
    --white: #ffffff;
    --black: #061215;
    --dark-gray: #102025;
    --medium-gray: rgba(234, 247, 255, .72);
    --extra-medium-gray: rgba(234, 247, 255, .38);
    --light-gray: rgba(234, 247, 255, .18);
    --very-light-gray: rgba(234, 247, 255, .12);
    --glass-bg: rgba(18, 42, 50, .46);
    --glass-bg-strong: rgba(18, 42, 50, .64);
    --glass-line: rgba(255, 255, 255, .23);
    --glass-line-strong: rgba(255, 255, 255, .34);
    --text-main: #f6fbff;
    --text-muted: rgba(236, 248, 255, .72);
    --shadow-soft: 0 18px 50px rgba(0, 0, 0, .22);
    --shadow-lift: 0 28px 80px rgba(0, 0, 0, .28);
    --radius-lg: 28px;
    --radius-md: 20px;
    --radius-sm: 14px;
    --motion-smooth: 360ms cubic-bezier(.2, .8, .2, 1);
}

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    color: var(--text-muted);
    background:
        linear-gradient(145deg, rgba(12, 34, 40, .96) 0%, rgba(19, 50, 62, .94) 42%, rgba(17, 39, 45, .96) 100%);
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0 !important;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(115deg, rgba(68, 240, 187, .16), transparent 38%),
        linear-gradient(245deg, rgba(93, 167, 255, .18), transparent 42%),
        linear-gradient(0deg, rgba(255, 180, 91, .11), transparent 58%);
}

[class*="ls-minus"] {
    letter-spacing: 0 !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    letter-spacing: 0 !important;
}

a,
.text-dark-gray,
.text-white {
    transition: color var(--motion-smooth), background-color var(--motion-smooth), border-color var(--motion-smooth), box-shadow var(--motion-smooth), transform var(--motion-smooth), opacity var(--motion-smooth);
}

a:hover {
    color: var(--base-color);
}

.text-dark-gray {
    color: var(--text-main) !important;
}

.text-medium-gray,
.text-very-light-gray,
p,
li {
    color: var(--text-muted) !important;
}

.text-yellow,
.review-star-icon i {
    color: var(--accent-orange) !important;
}

.text-gradient-light-blue-light-turquoise,
.text-gradient-fast-pink-light-yellow {
    background-image: linear-gradient(90deg, var(--base-color), var(--accent-blue), var(--accent-pink));
}

.cover-background {
    background-blend-mode: multiply;
}

section {
    position: relative;
}

#home::before,
#application::before,
.page-title-button-style::before,
section.cover-background:not(#home):not(.page-title-button-style)::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(6, 18, 21, .28), rgba(6, 18, 21, .64));
}

#home > *,
#application > *,
.page-title-button-style > *,
section.cover-background:not(#home):not(.page-title-button-style) > * {
    position: relative;
    z-index: 1;
}

#home {
    min-height: 100vh;
    padding-top: 96px;
    padding-bottom: 64px;
}

.navbar.header-transparent,
.navbar.header-demo,
.navbar.header-light,
.navbar.header-dark {
    margin: 14px auto 0;
    width: calc(100% - 32px);
    max-width: 1360px;
    border: 1px solid var(--glass-line) !important;
    border-radius: 999px;
    background: rgba(12, 31, 39, .54) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.45);
    backdrop-filter: blur(24px) saturate(1.45);
    box-shadow: 0 18px 55px rgba(0, 0, 0, .24);
}

header.sticky.sticky-active .header-reverse.header-dark.glass-effect,
header.sticky.sticky-active .header-reverse.header-demo,
header.sticky.sticky-active .header-reverse.header-light {
    background: rgba(12, 31, 39, .68) !important;
    border-color: var(--glass-line-strong) !important;
}

header .container-fluid {
    padding-left: 22px;
    padding-right: 22px;
}

header .navbar-brand img,
footer .footer-logo img {
    max-height: 52px;
    filter: drop-shadow(0 12px 26px rgba(0, 0, 0, .34));
}

.navbar .navbar-nav .nav-link {
    color: rgba(246, 251, 255, .78) !important;
    font-size: 15px;
    font-weight: 650;
    padding: 10px 18px !important;
    border-radius: 999px;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--text-main) !important;
    background: rgba(255, 255, 255, .1);
}

.navbar-toggler {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    border: 1px solid var(--glass-line);
}

.navbar-toggler-line {
    background: var(--text-main) !important;
}

.btn,
.header-button .btn {
    border-radius: 999px !important;
    border-width: 1px;
    letter-spacing: 0 !important;
    box-shadow: 0 14px 38px rgba(0, 0, 0, .2) !important;
    transform: translateY(0);
}

.btn.btn-base-color,
.header-button .btn.btn-base-color,
.btn.btn-base-color:hover,
.header-button .btn.btn-base-color:hover {
    color: #061215 !important;
    border-color: rgba(255, 255, 255, .5) !important;
    background: linear-gradient(135deg, var(--base-color), var(--accent-blue)) !important;
}

.btn.btn-dark-gray {
    color: var(--text-main) !important;
    border-color: var(--glass-line) !important;
    background: rgba(255, 255, 255, .13) !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.btn:hover,
.feature-box:hover,
.swiper-slide a > div:hover,
.blog-details img:hover {
    transform: translateY(-3px);
}

.btn:active,
.feature-box:active {
    transform: translateY(-1px);
}

#home .fs-60 {
    font-size: clamp(2.25rem, 4vw, 3.65rem) !important;
    line-height: 1.12 !important;
    font-weight: 750 !important;
    text-shadow: 0 18px 58px rgba(0, 0, 0, .42);
}

#home > .container > .row:first-child {
    padding-top: 4.5rem !important;
    margin-bottom: 1rem !important;
}

#home .d-flex.mt-40px {
    margin-top: 24px !important;
}

.highlight-separator[data-shadow-animation] span,
.highlight-separator span {
    display: none !important;
}

.highlight-separator {
    display: inline;
    color: var(--text-main);
}

#noticeList,
.tab-content,
.blog-details,
.col-xxl-10.cover-background,
#home .col-md-6.border-radius-15px,
#home .col-md-3.border-radius-15px,
.feature-box,
.swiper-slide a > div,
.page-title-button-style .breadcrumb ul,
.pt-30px.pb-30px.border-top {
    border: 1px solid var(--glass-line) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--glass-bg) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.35);
    backdrop-filter: blur(26px) saturate(1.35);
    box-shadow: var(--shadow-soft) !important;
}

#home .col-md-6.border-radius-15px,
#home .col-md-3.border-radius-15px,
.col-xxl-10.cover-background {
    overflow: hidden;
}

#home .col-md-6.border-radius-15px {
    padding: 30px !important;
}

#home .col-md-3.border-radius-15px {
    padding: 10px !important;
    margin-left: 24px !important;
}

#noticeList {
    padding: 6px 16px;
    background: rgba(255, 255, 255, .12) !important;
    box-shadow: none !important;
}

#noticeList > .row {
    min-height: 50px;
    border-color: rgba(255, 255, 255, .12) !important;
}

#noticeList > .row:last-child {
    border-bottom: 0 !important;
}

#noticeList a span,
#noticeList i {
    color: var(--text-main) !important;
}

.feature-box {
    background-size: cover;
    position: relative;
    isolation: isolate;
}

.feature-box::before,
.swiper-slide a > div::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .04));
    opacity: .9;
}

.feature-box-overlay {
    opacity: .12 !important;
    background: linear-gradient(135deg, rgba(6, 18, 21, .28), rgba(68, 240, 187, .18)) !important;
}

.feature-box .feature-box-icon img,
.swiper-slide img.rounded-circle {
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .1);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

.feature-box .bg-green,
.swiper-slide .bg-medium-gray-transparent.fw-500,
.post-date {
    color: #061215 !important;
    border: 1px solid rgba(255, 255, 255, .42);
    background: linear-gradient(135deg, var(--base-color), var(--accent-blue)) !important;
}

.swiper-slide,
.swiper-slide-visible,
.swiper-slide-active,
.review-style-07 {
    opacity: 1 !important;
}

.swiper-slide a > div {
    min-height: 338px;
    background: rgba(20, 47, 56, .58) !important;
}

.swiper-slide .text-white,
.swiper-slide .fw-500.fs-20 {
    color: var(--text-main) !important;
}

.swiper-slide p,
.swiper-slide .lh-20,
.swiper-slide .fs-14 {
    color: rgba(246, 251, 255, .76) !important;
}

.swiper-slide .review-star-icon i {
    text-shadow: 0 0 18px rgba(255, 180, 91, .38);
}

.slider-navigation-style-04 {
    color: var(--text-main) !important;
    border-color: var(--glass-line-strong) !important;
    background: rgba(255, 255, 255, .08);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.slider-navigation-style-04:hover {
    color: #061215 !important;
    background: linear-gradient(135deg, var(--base-color), var(--accent-blue));
}

.page-title-button-style {
    min-height: 270px;
    display: flex;
    align-items: center;
    background-image: url("../image/page-title-modern.png") !important;
    padding-top: 84px !important;
    padding-bottom: 42px !important;
}

.page-title-button-style h1 {
    font-size: clamp(1.9rem, 3.3vw, 2.85rem) !important;
    line-height: 1.12 !important;
    position: relative;
    z-index: 2;
    text-shadow: 0 18px 52px rgba(0, 0, 0, .52);
}

.breadcrumb.breadcrumb-style-01 {
    display: flex;
    justify-content: center;
}

.page-title-button-style .breadcrumb ul {
    display: inline-flex;
    gap: 10px;
    padding: 9px 18px;
    margin: 18px auto 0;
    border-radius: 999px !important;
}

.page-title-button-style .extra-small-screen {
    height: 190px !important;
    min-height: 190px !important;
}

.breadcrumb ul li,
.breadcrumb ul li a {
    color: rgba(246, 251, 255, .78) !important;
}

.tab-style-03 .nav-tabs {
    gap: 10px;
    position: relative;
    top: -14px;
    margin-bottom: 12px !important;
}

.tab-style-03 .nav-tabs > li.nav-item {
    padding: 0;
}

.tab-style-03 .nav-tabs .nav-link {
    padding: 11px 26px;
    color: rgba(246, 251, 255, .76);
    border: 1px solid var(--glass-line);
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .08);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.tab-style-03 .nav-tabs .nav-link.active,
.tab-style-03 .nav-tabs .nav-link.show,
.tab-style-03 .nav-tabs .nav-link:hover {
    color: #061215;
    border-color: rgba(255, 255, 255, .46);
    background: linear-gradient(135deg, var(--base-color), var(--accent-blue));
}

.tab-content {
    padding: 26px !important;
    border-top: 1px solid var(--glass-line) !important;
    min-height: 230px;
}

.page-title-button-style + section {
    padding-top: 38px !important;
}

#sysNoticeHint,
#actNoticeHint,
#noticeHint,
#noticeContent:empty::before {
    padding: 16px 18px;
    color: rgba(246, 251, 255, .76) !important;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .07);
}

#sysNoticeList .feature-box,
#actNoticeList .feature-box {
    padding: 20px !important;
    background: rgba(20, 47, 56, .54) !important;
}

#sysNoticeList .card-title,
#actNoticeList .card-title {
    color: var(--text-main) !important;
    font-size: 19px !important;
    line-height: 1.35 !important;
}

#sysNoticeList p,
#actNoticeList p {
    color: rgba(246, 251, 255, .68) !important;
}

.pagination-style-01 .page-link {
    min-width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px;
    color: var(--text-main);
    border: 1px solid var(--glass-line);
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .08);
}

.pagination-style-01 .active .page-link,
.pagination-style-01 .page-link:hover {
    color: #061215 !important;
    background: linear-gradient(135deg, var(--base-color), var(--accent-blue));
    border-color: rgba(255, 255, 255, .46);
}

.blog-standard {
    color: var(--text-muted);
}

.top-space-margin.pt-60px.pb-60px {
    padding-top: 130px !important;
    background:
        linear-gradient(180deg, rgba(6, 18, 21, .42), rgba(6, 18, 21, .68) 42%, rgba(6, 18, 21, .82)),
        url("../image/page-title-modern.png") center top/cover fixed;
}

.blog-details {
    padding: clamp(26px, 4vw, 54px) !important;
    color: var(--text-muted) !important;
}

.blog-details h5,
.blog-details .fs-20.fw-600 {
    color: var(--text-main) !important;
}

.blog-details h5 {
    font-size: clamp(2rem, 3vw, 3rem) !important;
    line-height: 1.18 !important;
    width: 100% !important;
    margin-bottom: 28px !important;
}

.entry-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.entry-meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: 0 !important;
    padding: 8px 13px;
    color: rgba(246, 251, 255, .78) !important;
    border: 1px solid var(--glass-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.entry-meta span a,
.entry-meta i {
    color: rgba(246, 251, 255, .78) !important;
}

.blog-details .list-style-04 {
    padding: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
}

.blog-details .list-style-04 li {
    position: relative;
    list-style: none !important;
    margin-bottom: 10px;
    padding: 13px 16px 13px 42px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .1);
}

.blog-details .list-style-04 li::marker {
    content: "";
}

.blog-details .list-style-04 li::before {
    content: "";
    position: absolute;
    left: 17px;
    top: 22px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--base-color), var(--accent-blue));
    box-shadow: 0 0 18px rgba(68, 240, 187, .45);
}

.blog-details img {
    border-radius: var(--radius-md) !important;
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow: 0 14px 45px rgba(0, 0, 0, .24);
    transition: transform var(--motion-smooth), box-shadow var(--motion-smooth), border-color var(--motion-smooth);
}

.pt-30px.pb-30px.border-top {
    padding: 22px 26px !important;
    margin-top: 24px;
    border-top: 1px solid var(--glass-line) !important;
}

.pt-30px.pb-30px.border-top a {
    color: var(--base-color) !important;
}

#application img {
    border-radius: var(--radius-lg);
    border: 1px solid var(--glass-line);
    box-shadow: var(--shadow-soft);
}

#application h3 {
    max-width: 680px;
    font-size: clamp(2rem, 3.6vw, 3.25rem) !important;
    line-height: 1.18 !important;
}

#application .application-title-link {
    color: var(--text-main) !important;
    background-image: linear-gradient(90deg, var(--base-color), var(--accent-blue), var(--accent-pink));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#application .application-title-link:hover {
    filter: drop-shadow(0 0 18px rgba(68, 240, 187, .35));
}

.video-icon {
    background: linear-gradient(135deg, var(--base-color), var(--accent-orange)) !important;
    box-shadow: 0 18px 46px rgba(68, 240, 187, .32);
}

footer {
    padding-top: 48px;
    background: rgba(6, 18, 21, .92) !important;
    border-top: 1px solid var(--glass-line);
}

footer .nav-link,
footer span {
    color: rgba(246, 251, 255, .68) !important;
}

.scroll-progress.scroll-simple a {
    color: #061215;
    background: linear-gradient(135deg, var(--base-color), var(--accent-blue));
    box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Final cascade lock for the unified brand. */
header .navbar-brand.lingjing-brand img.lingjing-brand-icon {
    width: 52px !important;
    height: 52px !important;
    max-height: none !important;
    border-radius: 16px !important;
}

.lingjing-brand-name {
    color: rgba(246, 253, 255, .96) !important;
    font-size: clamp(21px, 1.55vw, 25px) !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

/* ===================================
   Final typography polish
====================================== */
.lingjing-brand-name {
    color: rgba(246, 253, 255, .96);
    font-size: clamp(21px, 1.55vw, 25px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0 !important;
    text-shadow: none;
}

header .navbar-brand.lingjing-brand img.lingjing-brand-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
}

.home-brand-title {
    display: grid;
    justify-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: #f7fdff;
    font-family: var(--primary-font);
    line-height: 1.05;
    letter-spacing: 0 !important;
    text-shadow: none;
}

.home-brand-title span {
    font-size: clamp(48px, 5vw, 74px);
    font-weight: 850;
}

.home-brand-title small {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 18px;
    border: 1px solid rgba(255, 255, 255, .36);
    border-radius: 999px;
    color: rgba(240, 252, 255, .88);
    background: rgba(255, 255, 255, .12);
    -webkit-backdrop-filter: blur(18px) saturate(1.35);
    backdrop-filter: blur(18px) saturate(1.35);
    font-size: 17px;
    font-weight: 650;
}

.navbar .navbar-nav .nav-link {
    color: rgba(246, 253, 255, .88) !important;
    font-weight: 750;
    text-shadow: none;
}

@media (max-width: 991px) {
    header .navbar-brand.lingjing-brand img.lingjing-brand-icon {
        width: 42px;
        height: 42px;
        border-radius: 13px;
    }

    .home-brand-title span {
        font-size: clamp(38px, 12vw, 52px);
    }

    .home-brand-title small {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    .navbar.header-transparent,
    .navbar.header-demo,
    .navbar.header-light,
    .navbar.header-dark {
        width: calc(100% - 20px);
        margin-top: 10px;
        border-radius: 24px;
    }

    header .container-fluid {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .navbar-collapse {
        margin-top: 12px;
        padding: 12px;
        border: 1px solid var(--glass-line);
        border-radius: 20px;
        background: rgba(7, 18, 24, .86);
        -webkit-backdrop-filter: blur(24px);
        backdrop-filter: blur(24px);
    }

    .navbar .navbar-nav .nav-link {
        text-align: center;
        margin: 2px 0;
    }

    #home {
        min-height: auto;
        padding-top: 94px;
    }

    #home .col-md-3.border-radius-15px {
        margin-left: 0 !important;
        margin-top: 18px;
    }

    .tab-content {
        padding: 18px !important;
    }
}

/* ===================================
   Lingjing unified brand icon
====================================== */
.lingjing-brand {
    display: inline-flex !important;
    align-items: center;
    gap: 12px;
    min-width: max-content;
}

header .navbar-brand.lingjing-brand img.lingjing-brand-icon {
    width: 58px;
    height: 58px;
    max-height: none;
    border: 1px solid rgba(255, 255, 255, .46);
    border-radius: 18px;
    object-fit: cover;
    box-shadow: 0 14px 34px rgba(14, 61, 74, .3), inset 0 1px rgba(255, 255, 255, .34);
}

.lingjing-brand-name {
    color: #f8fdff;
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .24);
    white-space: nowrap;
}

.footer-logo.lingjing-footer-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #f8fdff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

footer .footer-logo.lingjing-footer-brand img {
    width: 56px;
    height: 56px;
    max-height: none;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 17px;
    object-fit: cover;
    box-shadow: 0 12px 30px rgba(14, 61, 74, .28);
}

@media (max-width: 991px) {
    header .navbar-brand.lingjing-brand img.lingjing-brand-icon {
        width: 44px;
        height: 44px;
        border-radius: 14px;
    }

    .lingjing-brand-name {
        font-size: 21px;
    }
}

@media (max-width: 380px) {
    .lingjing-brand-name {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 15px;
    }

    #home .fs-60 {
        font-size: 2.25rem !important;
    }

    #home > .container > .row:first-child {
        padding-top: 3rem !important;
        margin-bottom: .5rem !important;
    }

    #home .col-md-6.border-radius-15px {
        padding: 22px !important;
    }

    #noticeList > .row {
        gap: 4px;
        padding: 12px 0 !important;
    }

    .feature-box.feature-box-left-icon,
    .feature-box.feature-box-left-icon-middle {
        align-items: flex-start !important;
    }

    .feature-box.feature-box-left-icon .feature-box-icon,
    .feature-box.feature-box-left-icon-middle .feature-box-icon {
        margin-right: 14px;
    }

    .page-title-button-style {
        min-height: 230px;
        padding-top: 86px !important;
        padding-bottom: 28px !important;
    }

    .page-title-button-style .extra-small-screen {
        height: 150px !important;
        min-height: 150px !important;
    }

    .blog-details {
        padding: 22px !important;
    }

    .entry-meta {
        gap: 8px;
    }

    .entry-meta span {
        width: 100%;
        justify-content: flex-start;
    }

    footer .footer-navbar li {
        display: block;
    }
}

/* ===================================
   Sunlight tuning
====================================== */
:root {
    --glass-bg: rgba(36, 82, 92, .38);
    --glass-bg-strong: rgba(34, 76, 86, .52);
    --glass-line: rgba(255, 255, 255, .28);
    --glass-line-strong: rgba(255, 255, 255, .4);
    --text-muted: rgba(243, 251, 255, .78);
}

body {
    background:
        linear-gradient(145deg, rgba(26, 78, 88, .92) 0%, rgba(37, 104, 122, .88) 42%, rgba(24, 75, 86, .92) 100%);
}

body::before {
    background:
        linear-gradient(115deg, rgba(101, 231, 200, .24), transparent 38%),
        linear-gradient(250deg, rgba(100, 183, 255, .22), transparent 44%),
        radial-gradient(circle at 50% -12%, rgba(255, 238, 167, .22), transparent 42%);
}

#application::before,
.page-title-button-style::before,
section.cover-background:not(#home):not(.page-title-button-style)::before {
    background: linear-gradient(180deg, rgba(10, 35, 40, .18), rgba(10, 35, 40, .46));
}

.navbar {
    background: rgba(28, 72, 84, .42) !important;
}

.header-reverse-scroll.sticky {
    background: rgba(28, 72, 84, .56) !important;
}

.col-xxl-10.cover-background,
#home .col-md-6.border-radius-15px,
.interactive-banner-style-05,
.game-feature-card,
.notice-content-panel,
.news-card,
.notice-list-panel,
.benefit-card,
.download-card {
    background: rgba(42, 88, 98, .4) !important;
}

.modern-list-page {
    background:
        linear-gradient(180deg, rgba(14, 44, 50, .22), rgba(14, 44, 50, .5) 42%, rgba(14, 44, 50, .66)),
        url("../image/page-title-modern.png") center top/cover fixed;
}

footer,
.footer-dark {
    background: rgba(18, 50, 58, .76) !important;
}

/* ===================================
   Unified Frosted Glass
====================================== */
:root {
    --glass-blur: 30px;
    --glass-saturate: 1.55;
    --glass-frost: rgba(255, 255, 255, .17);
    --glass-frost-strong: rgba(255, 255, 255, .24);
    --glass-shadow: 0 26px 72px rgba(14, 61, 74, .22);
    --glass-inner: inset 0 1px rgba(255, 255, 255, .28);
}

.navbar,
.navbar-collapse,
#home .col-md-6.border-radius-15px,
#home .col-md-3.border-radius-15px,
.col-xxl-10.cover-background,
.interactive-banner-style-05,
.game-feature-card,
.notice-content-panel,
.news-card,
.notice-list-panel,
.benefit-card,
.download-card,
.blog-details,
.tab-content,
.feature-box {
    border: 1px solid var(--glass-line-strong) !important;
    background:
        linear-gradient(145deg, var(--glass-frost-strong), rgba(255, 255, 255, .07)) !important;
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    box-shadow: var(--glass-shadow), var(--glass-inner) !important;
}

.navbar {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .18), rgba(23, 74, 88, .38)) !important;
}

.header-reverse-scroll.sticky {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .2), rgba(23, 74, 88, .48)) !important;
}

input,
select,
textarea,
.form-control,
.newsletter-style-02,
.pagination .page-link,
.btn,
.btn.btn-large {
    -webkit-backdrop-filter: blur(20px) saturate(1.35);
    backdrop-filter: blur(20px) saturate(1.35);
}

@media (min-width: 992px) {
    .navbar-collapse {
        border: 0 !important;
        background: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
    }
}

/* ===================================
   Contrast tuning for glass panels
====================================== */
#home .col-md-6.border-radius-15px,
#home .col-md-3.border-radius-15px,
.interactive-banner-style-05,
.notice-list-panel,
.benefit-card,
.download-card,
.blog-details,
.tab-content {
    color: #f8fdff !important;
}

#noticeList,
#noticeList a,
.interactive-banner-style-05 p,
.benefit-card p,
.download-card p {
    color: rgba(248, 253, 255, .92) !important;
}

.navbar .navbar-nav .nav-link {
    color: rgba(248, 253, 255, .92) !important;
    text-shadow: 0 1px 18px rgba(0, 0, 0, .22);
}

/* ===================================
   Unified Home Navigation Glass
====================================== */
.navbar.header-transparent,
.navbar.header-demo,
.navbar.header-light,
.navbar.header-dark {
    width: calc(100% - 64px);
    max-width: none;
    min-height: 112px;
    border-color: rgba(255, 255, 255, .3) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(15, 58, 74, .5)) !important;
    -webkit-backdrop-filter: blur(30px) saturate(1.55);
    backdrop-filter: blur(30px) saturate(1.55);
    box-shadow:
        0 26px 72px rgba(14, 61, 74, .24),
        inset 0 1px rgba(255, 255, 255, .28) !important;
}

.navbar.header-transparent .container-fluid,
.navbar.header-demo .container-fluid,
.navbar.header-light .container-fluid,
.navbar.header-dark .container-fluid {
    min-height: 110px;
    padding-left: clamp(24px, 3.2vw, 58px) !important;
    padding-right: clamp(24px, 3.2vw, 58px) !important;
}

.navbar.header-transparent .navbar-collapse,
.navbar.header-demo .navbar-collapse,
.navbar.header-light .navbar-collapse,
.navbar.header-dark .navbar-collapse,
.navbar.header-transparent .navbar-nav,
.navbar.header-demo .navbar-nav,
.navbar.header-light .navbar-nav,
.navbar.header-dark .navbar-nav {
    height: auto;
    border: 0 !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

.navbar.header-transparent .header-button,
.navbar.header-demo .header-button,
.navbar.header-light .header-button,
.navbar.header-dark .header-button {
    display: flex;
    align-items: center;
    gap: 12px;
}

@media (max-width: 991px) {
    .navbar.header-transparent,
    .navbar.header-demo,
    .navbar.header-light,
    .navbar.header-dark {
        width: calc(100% - 20px);
        min-height: 74px;
    }

    .navbar.header-transparent .container-fluid,
    .navbar.header-demo .container-fluid,
    .navbar.header-light .container-fluid,
    .navbar.header-dark .container-fluid {
        min-height: 72px;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .navbar.header-transparent .navbar-collapse,
    .navbar.header-demo .navbar-collapse,
    .navbar.header-light .navbar-collapse,
    .navbar.header-dark .navbar-collapse {
        margin-top: 10px;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, .26) !important;
        border-radius: 22px;
        background: rgba(31, 85, 98, .58) !important;
        -webkit-backdrop-filter: blur(24px) saturate(1.45) !important;
        backdrop-filter: blur(24px) saturate(1.45) !important;
    }
}

/* Final cascade lock for the unified brand. */
header .navbar-brand.lingjing-brand img.lingjing-brand-icon {
    width: 52px !important;
    height: 52px !important;
    max-height: none !important;
    border-radius: 16px !important;
}

.lingjing-brand-name {
    color: rgba(246, 253, 255, .96) !important;
    font-size: clamp(21px, 1.55vw, 25px) !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}