:root {
    --codeplnt-primary: #3a7afe;
    --codeplnt-accent: #24c8a8;
    --codeplnt-text: #1a1a1a;
    --codeplnt-muted: #6b7280
}

html {
    scroll-behavior: smooth
}

body {
    color: var(--codeplnt-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    color: var(--codeplnt-primary);
    text-decoration: none;
    transition: color .2s ease
}

a:hover {
    color: #1d4ed8
}

button,
.button,
.btn {
    background: var(--codeplnt-primary);
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: .6em 1.1em;
    cursor: pointer;
    transition: transform .1s ease, box-shadow .2s ease
}

button:hover,
.button:hover,
.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(58, 122, 254, .25)
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: .6em .8em
}

.site-header,
.header {
    backdrop-filter: saturate(160%) blur(6px);
    z-index: 9999 !important;
}

.card,
.post,
.widget {
    background: #fff;
    border: 1px solid #f1f5f9;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06)
}

.entry-title a {
    color: var(--codeplnt-text)
}

.entry-title a:hover {
    color: var(--codeplnt-primary)
}

.pagination .page-numbers {
    display: inline-block;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: .45em .8em;
    margin: .1em
}

.pagination .page-numbers.current {
    background: var(--codeplnt-primary);
    color: #fff;
    border-color: transparent
}

.codeplnt-back-to-top {
    position: fixed;
    right: 20px;
    bottom: 24px;
    z-index: 9999;
    background: var(--codeplnt-accent);
    color: #fff;
    border: 0;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(36, 200, 168, .35);
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity .2s ease, transform .2s ease
}

.codeplnt-back-to-top.show {
    opacity: 1;
    pointer-events: auto;
    transform: none
}

.user-down {
    position: fixed !important;
    z-index: 2147483647 !important;
    margin-top: 0 !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: transform
}

.slide_03,
.slide_04,
.slide_6_search,
.ceo-slide-4-banner,
.ceo-slide-4-banner-top {
    position: relative;
    z-index: 0 !important;
}

.slide,
.slide_05,
.ceo_slide2 {
    position: relative;
    z-index: 0 !important;
}

[ceo-slideshow] {
    position: relative !important;
    z-index: 0 !important;
}

.user-down .user-down-main {
    overflow: visible !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: transform
}

.user-down .user-info,
.user-down .user-info-menu,
.user-down .ceo-user-t {
    position: relative !important;
    z-index: 2147483647 !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: transform
}

.user-down .user-down-info,
.user-down .ceo-width-expand {
    position: relative !important;
    z-index: 2147483647 !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: transform
}

.user-down.show {
    display: block !important;
}

.table-feedback .feedback_end {
    display: none !important
}

.table-feedback td .feedback_reply {
    display: inline-block !important;
    margin: 0 auto !important;
    float: none !important
}

.mobile-share-bg,
.mobile-share-wrap {
    display: none !important
}

body.mobile-share-active .mobile-share-bg,
body.mobile-share-active .mobile-share-wrap {
    display: block !important
}

.media-modal-backdrop {}

.media-modal {}

/* 保证“上传文件/媒体库”标签在前台颜色正常、文字不消失 */
.media-modal .media-router .media-menu-item {
    color: #1d2327 !important;
    background: transparent !important
}

.media-modal .media-router .media-menu-item:hover {
    color: #2271b1 !important
}

.media-modal .media-router .media-menu-item.active {
    background: #fff !important;
    border: 1px solid #dcdcde !important;
    border-bottom: none !important;
    color: #1d2327 !important
}

/* 非激活状态保持透明背景，避免出现白底看起来像禁用 */
.media-modal .media-router .media-menu-item:not(.active) {
    background: transparent !important;
    border: 0 !important
}