/* ==============================================
   首页搜索框透明度
   ============================================== */

.search-form {
  background-color: #ffffff47;
  box-shadow: 0 0 0 3px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.1);
  border-radius: 5.3rem; /* 合并自原第二处 .search-form */
}
[data-bs-theme="dark"] .search-form {
  background-color: #191b1d4f;
}
.search-form:hover {
  -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.3);
  box-shadow: 0 0 0 3px rgba(0,0,0,.3);
}

/* ==============================================
   首页标题完美贴合文字的写法
   ============================================== */

.home-search-box {
  text-align: center;
}

.home-search-box .search-title {
  color: #fff;
  margin-bottom: .875rem;
  font-size: 1.75rem;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid rgba(255,255,255,0.8);
  max-width: 0;
  animation: typingLoop 6s steps(16) infinite,
             blink 1s infinite;
}

@keyframes typingLoop {
  0%   { max-width: 0 }
  40%  { max-width: 100% }
  60%  { max-width: 100% }
  100% { max-width: 0 }
}

@keyframes blink {
  50% { border-color: transparent; }
}

.home .widget_media_image img {
  display: block;
  width: 100%;
  max-width: 1530px !important;
  height: auto;
  margin: 0 auto;
  border-radius: 12px;
}

/* ==============================================
   基础布局与层级样式
   ============================================== */

.post-item .entry-media .media-preview > video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: none;
  transform: none;
}

.home-cms-post .cms-post-warp.grid-overlay .cms-left-itme .entry-media {
  --ri-aspect-ratio: calc(58.6666666667% + 0.3rem);
}

/* 修复：合并两处 .card，background-color 统一为半透明白色（原第二处），
   去掉与之冲突的第一处深色背景 */
.card {
  position: relative;
  overflow: hidden;
  padding: 1.1rem;
  border-radius: .85rem;
  background-color: #ffffff9e;
  border: 1px solid rgba(194, 194, 194, 0.43);
}

.ratio-3x2 {
  --ri-aspect-ratio: 58.6666666667%;
}

/* 修复：合并两处 .post-item */
.post-item {
  border: 1px solid rgba(138, 138, 138, 0.6);
  background-color: #ffffff3d;
  border-radius: .5rem;
}

.home-title-post .list-posts .category-title a:hover {
  color: #00ffe7;
}

.home-title-post .list-posts ul li {
  margin-bottom: .55rem;
}

.home-title-post .list-posts {
  border-radius: .65rem;
}

.home-title-post .list-posts ul {
  background-color: #ffffffb2;
}

.home-title-post .list-posts .category-bg {
  padding: 1.5rem;
}

.bg-white {
  --ri-bg-opacity: 0.63 !important;
  background-color: rgba(255, 255, 255, 0.63) !important;
}

.navbar .navbar-search .search-form {
  color: #595d69;
  margin-top: 150px;
}

.navbar .actions .action-btn.login-btn {
  background-color: rgba(14, 215, 187, 0.79);
  color: #fff;
  padding: .1rem .65rem;
  font-size: .875rem;
  border-radius: 5px;
}

.navbar .nav-list > .menu-item.current-menu-item > a {
  color: #21c260;
}

.post-content p {
  margin-bottom: 10px;
}

.list-group-item-light {
  --ri-list-group-color: var(--ri-light-text);
  --ri-list-group-bg: #57b8b800;
  --ri-list-group-border-color: #82828266;
}

.uc-page .uc-menu-warp .menu-item a:hover,
.uc-page .uc-menu-warp .menu-item.current-menu-item a {
  color: #fd0000;
}

.pagination {
  --ri-pagination-bg: #aa565600;
}

.home-overview .bg-warp {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.ri-popup-close {
  z-index: 1000;
}

.m-navbar {
  z-index: 997;
}

.syymw-dbxc-slogin {
  position: fixed;
  z-index: 998;
}

.back-top {
  cursor: pointer;
  position: fixed !important;
  bottom: 30px;
  right: 30px;
  display: block;
  z-index: 80;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background: rgba(255, 255, 255, 0.85);
  color: #595d69;
  border-radius: 50px;
  width: 45px;
  height: 45px;
  line-height: 40px;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.back-top:hover {
  color: #fff;
  background: rgba(255, 0, 0, 0.85);
}

.navbar {
  height: 80px;
}

.header-gap {
  height: 80px;
}

.rollbar .actions {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
  box-shadow: 0 0 10px rgba(0,0,0,.1);
  border-radius: 50px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* ==============================================
   价格卡片与VIP渐变样式
   ============================================== */

.price-card {
  border-radius: .8rem;
  background-color: #fdfdfd85 !important;
  border: solid 1px #fff;
}

.price-card .price-header {
  background-repeat: no-repeat;
  background-size: 500% 100%;
  background-position: 0% 50%;
  padding: 1rem 0;
}

.price-card::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
  background-size: 400%;
  z-index: -1;
  opacity: 0;
  transition: 0.5s;
}

.price-card:hover::before {
  opacity: 1;
  animation: animate-border 20s linear infinite;
}

.price-card:hover {
  -webkit-transform: translateY(-8px) !important;
  transform: translateY(-8px) !important;
}

.recommended-badge {
  color: #fff;
  height: 30px;
  width: 118px;
  z-index: 3;
  position: absolute;
  right: -34px;
  top: 13px;
  text-align: center;
  line-height: 30px;
  font-family: "黑体";
  background-color: #E91E63;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  animation: pulse 2s infinite;
}

.bg-warning {
  background: linear-gradient(270deg, #ff6a00, #ffcc00, #00ff99, #00aaff, #ff33cc, #ff6a00, #ffcc00, #00ff99, #00aaff, #ff33cc);
  background-size: 500% 100%;
  animation: gradient-boosvip 10s linear infinite;
  color: #f7f7f7 !important;
  font-weight: 500;
}

.bg-success {
  --vip-gradients: linear-gradient(270deg, #ff4d6d, #6a5cff, #00ffe5), linear-gradient(270deg, #6a5cff, #00ffe5, #ff4d6d), linear-gradient(270deg, #00ffe5, #ff4d6d, #6a5cff);
  background: var(--vip-gradients);
  background-size: 400% 400%;
  animation: gradient-vip 8s linear infinite;
  color: #ffffff !important;
  font-weight: 500;
}

.bg-successys {
  --ri-bg-opacity: 1;
  background: linear-gradient(to right, #00ffdb61 10%, #00ffb72e 100%) !important;
}

.bg-primarys {
  background: linear-gradient(270deg, #6cf3f3, #fc2525, #de40ff, #ef38bc, #ff52ec, #0edbfd, #6cf3f3);
  background-size: 500% 100%;
  animation: gradient-boosvip 12s linear infinite;
  color: #f7f7f7 !important;
  font-weight: 500;
}

.bg-warning2 {
  --ri-bg-opacity: 1;
  background: linear-gradient(to right, #ff0202fa 10%, #ff43e9 100%) !important;
}

.bg-warning1 {
  --ri-bg-opacity: 1;
  background-color: rgb(255 114 0 / 90%) !important;
}

.pay-select-box .pay-item > i {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  background-size: contain !important;
  background: url(/wp-content/themes/van/assets/img/cdk.png) center no-repeat;
  background-size: auto;
}

/* ==============================================
   文章/侧边栏样式
   ============================================== */

.post-content .alignnone {
  margin: 0;
  border-radius: .25rem;
}

.sidebar .sidebar-posts-list .post-item.item-list .entry-title {
  font-size: .875rem;
  font-weight: 500;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-item.item-list .entry-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  min-width: 0;
}

.sidebar .sidebar-posts-list .post-item.item-list .entry-media {
  max-width: 120px;
  margin-right: .5rem;
}

.post-item.item-list .entry-body {
  margin-top: .6rem;
}

.post-item .tips-badge .badge {
  font-size: .75rem;
  color: #fff;
  display: flex;
  border-radius: 3px;
}

.sidebar .widget {
  position: relative;
  border-radius: .55rem;
  background-color: #fff9;
  overflow: hidden;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(194, 194, 194, 0.43);
}

.article-header .post-title {
  font-size: 1.3rem;
  font-weight: 400;
  display: none;
}

.fa.fa-diamond {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  color: #f00;
}

.entry-navigation .entry-page-next,
.entry-navigation .entry-page-prev {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 60px;
  border-radius: .25rem;
  background: #fff9;
  -webkit-transition: all .3s;
  transition: all .3s;
}

#comments {
  position: relative;
  padding: 1.5rem;
  border-radius: .25rem;
  background-color: #fff0;
  margin-top: 1.5rem;
}

.archive-hero .archive-title {
  font-size: 3.25rem;
  font-weight: 100;
  margin: 0 auto;
  margin-bottom: 0px;
  position: relative;
  text-align: center;
  color: #fff;
}

.fw-bold {
  font-weight: 700 !important;
  display: inline-block !important;
}

.home-cat-box .widget-catbox-item {
  height: 150px;
  border-radius: 1.1rem;
}

/* 修复：清理同块内重复属性，保留最终生效值 */
.home-overview .count-item strong {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 30px;
}

.home-overview .count-item span {
  display: block;
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
}

.home-search-box .search-warp {
  padding-top: 320px;
  padding-bottom: 240px;
  max-width: 50%;
}

.home-search-box .search-warp::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  bottom: 0;
  -ms-transform: scale(1);
  transform: scale(1);
  background: linear-gradient(180deg, rgba(252,252,252,0) 0%, rgba(252,252,252,0.03) 10%, rgba(252,252,252,0.08) 20%, rgba(252,252,252,0.15) 30%, rgba(252,252,252,0.3) 50%, rgba(249,249,249,0.5) 70%, rgba(245,246,247,0.75) 85%, #f5f6f7 100%);
  z-index: -1;
}

.home-division .division-item {
  box-shadow: 0px 5px 28px rgba(172, 201, 255, 0.4);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  padding: .5rem;
  border-radius: 20.35rem;
  height: 80px;
}

.division-item:hover {
  background: linear-gradient(124.07deg, #6742fc 6.39%, #0dfff4 86.47%);
  transition: all 0.5s;
}

.division-title a {
  color: #686868;
  text-decoration: none;
  font-weight: 500;
}

.division-item:hover .division-title a,
.division-item:hover .division-desc {
  color: #fff;
}

.home-division .division-icon > i {
  width: 1.8rem;
}

.home-last-post .section-cat-navbtn .btn {
  background-color: #000;
  border-radius: 40px;
  color: #fff;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.home-last-post .section-cat-navbtn .btn.active,
.home-last-post .section-cat-navbtn .btn:hover {
  color: #ff9800;
}

.ri-down-warp .down-msg {
  position: absolute;
  right: 1rem;
  top: 1rem;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 5.656rem;
  -webkit-transform: translate(38px,-8px) rotate(45deg);
  transform: translate(38px,-8px) rotate(45deg);
  text-align: center;
  font-size: 1rem;
  background-color: #f00;
  color: #fff;
  z-index: 2;
}

.ri-down-warp .down-buy-warp .prices-desc {
  position: relative;
  font-size: 1rem;
  padding: 1.35rem 1rem;
  text-align: center;
  background: linear-gradient(124.07deg, #6742fc, #0dfff4, #ff00ff, #ffb400);
  background-size: 400% 400%;
  animation: gradientMove 5s ease infinite;
}

/* ==============================================
   按钮与表单样式
   ============================================== */

.btn:hover {
  color: var(--ri-btn-hover-color);
  background-color: var(--ri-btn-hover-bg);
  border-color: var(--ri-btn-hover-bg);
}

.author-footer .author-btn:hover {
  opacity: 0.85;
  color: #000;
}

.btn-primary {
  --ri-btn-color: #fff;
  --ri-btn-bg: #000;
  --ri-btn-border-color: #000;
  --ri-btn-hover-color: #fff;
  --ri-btn-hover-bg: #f7c32e;
  --ri-btn-hover-border-color: #1a4fba;
  --ri-btn-focus-shadow-rgb: 66,122,235;
  --ri-btn-active-color: #fff;
  --ri-btn-active-bg: #999;
  --ri-btn-active-border-color: #194aae;
  --ri-btn-active-shadow: none;
  --ri-btn-disabled-color: #fff;
  --ri-btn-disabled-bg: #2163e8;
  --ri-btn-disabled-border-color: #2163e8;
}

.btn-darkxz {
  --ri-btn-bg: #3a3a3aba;
  --ri-btn-hover-bg: #e2e2e2;
}

/* ==============================================
   分页样式
   ============================================== */

.page-item:last-child .page-link {
  border-radius: 40px;
}

.page-link {
  position: relative;
  border-radius: 40px;
  display: block;
  padding: var(--ri-pagination-padding-y) var(--ri-pagination-padding-x);
  font-size: var(--ri-pagination-font-size);
  color: var(--ri-pagination-color);
  background-color: var(--ri-pagination-bg);
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.active > .page-link, .page-link.active {
  z-index: 3;
  border-radius: 100px;
  color: var(--ri-pagination-active-color);
  background-color: var(--ri-pagination-active-bg);
}

/* ==============================================
   卡片样式
   ============================================== */

.cardx {
  position: relative;
  overflow: hidden;
  padding: 1.5rem;
}

/* ==============================================
   页脚样式
   ============================================== */

.py-2 {
  padding-top: 2.8rem !important;
  padding-bottom: 1.5rem !important;
}

.site-footer {
  background: #1e1053;
  color: #d6d6d6;
  font-size: .875rem;
  line-height: 1.6;
  position: relative;
  z-index: 1;
  overflow: visible;
}

.site-footer::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  pointer-events: none;
  background-image: url(https://www.syymw.net/wp-content/themes/van/assets/img/footer-bg.svg);
  height: 100%;
}

.site-footer a {
  color: #d6d6d6;
  text-decoration: none;
}

.site-footer a:hover {
  color: #e60606;
}

.site-footer .widget-title,
.site-footer h4.widget-title {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  border-bottom: 0;
  position: relative;
  margin-bottom: 30px;
}

.site-footer .widget-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 1.2px;
  background-color: #FF3657;
  margin-bottom: -18px;
}

.site-footer .textwidget,
.site-footer .widget_text {
  padding: 10px 0;
  line-height: 29px;
}

.dibutup {
  position: relative;
  left: -10px;
  top: -5px;
}

.dibutup img {
  margin: 10px;
  max-width: 80px;
  height: auto;
  display: inline-block;
}

.site-footer .widget-links,
.site-footer .widget_nav_menu ul {
  margin-bottom: 60px;
  list-style: none;
  padding: 0;
}

.site-footer .widget-links li,
.site-footer .widget_nav_menu li {
  position: relative;
  padding-left: 12px;
}

.site-footer .widget-links li a:before,
.site-footer .widget_nav_menu li a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: #FF3657;
  position: absolute;
  left: 0;
  top: 1px;
  line-height: 25px;
}

.site-footer .footer-links {
  text-align: center;
  margin-top: 20px;
}

.site-footer .footer-links ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer .footer-links li {
  display: inline-block;
  white-space: nowrap;
  margin: 0 8px;
}

.btn-apply-friendlink,
.site-footer .foot-blinks-btn a {
  display: inline-block;
  padding: 6px 12px;
  color: #fff;
  background-color: #dd3333;
  border-radius: 5px;
  text-decoration: none;
}

.btn-apply-friendlink:hover,
.site-footer .foot-blinks-btn a:hover {
  background-color: #ff0000;
}

.site-footer .text-center {
  color: #d6d6d6;
  margin-top: 10px;
  font-size: 0.875rem;
}

/* ==============================================
   多语言翻译样式
   ============================================== */

.translateSelectWrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: 6px;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255,255,255,0.15);
}

.translateIcon {
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: .85;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  margin-top: 3px;
  margin-right: -4px;
}

.translateSelectLanguage {
  border: 0;
  background: #0000;
  color: #202020;
  font-size: .75rem;
  cursor: pointer;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
}

.translateSelectLanguage > option {
  background: rgba(70, 70, 70, 0.6);
}

.translateSelectLanguage > option:hover {
  background: rgba(46, 196, 41, 0.77);
}

.translateSelectWrapper:hover {
  border-color: rgba(255,255,255,0.35);
  background: rgba(255,255,255,0.15);
}

#translate {
  display: inline-flex;
  align-items: center;
  padding: 1px 2px;
  border-radius: 6px;
  cursor: pointer;
  color: white;
  text-align: center;
}

#translate.active {
  background: rgba(255, 255, 255, 0.25);
}

/* ==============================================
   动画关键帧
   ============================================== */

@keyframes gradient-vip {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes gradient-boosvip {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes animate-border {
  0%   { background-position: 0 0; }
  50%  { background-position: 400% 0; }
  100% { background-position: 0 0; }
}

@keyframes pulse {
  0%   { box-shadow: 0 0 0 0 rgb(251, 251, 251, 0.96); }
  70%  { box-shadow: 0 0 0 10px rgba(12, 96, 238, 0); }
  100% { box-shadow: 0 0 0 0 rgba(12, 96, 238, 0); }
}

@keyframes wzw {
  0%   { background-position: 0 0; }
  100% { background-position: 0 -300%; }
}

@keyframes gradientMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ==============================================
   通用样式
   ============================================== */

.py-5 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.site-header {
  -webkit-backface-visibility: hidden;
  background-color: #fff;
}

.site-header.navbar-sticky::after {
  content: '';
  position: absolute;
  top: -20px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  pointer-events: none;
  background: url(https://www.syymw.net/wp-content/themes/van/assets/img/one_header.png) no-repeat top center / 1560px;
}

.ratio-4x3 {
  --ri-aspect-ratio: 57%;
}

/* ==============================================
   暗黑主题适配
   ============================================== */

[data-bs-theme="dark"] .bg-successys {
  --ri-bg-opacity: 1;
  background: linear-gradient(to right, #71717161 10%, #ffffff2e 100%) !important;
}

[data-bs-theme="dark"] .site-header {
  background-color: #000000e5;
}

[data-bs-theme="dark"] .navbar .nav-list .sub-menu {
  background-color: #000000c9;
}

[data-bs-theme="dark"] .navbar .nav-list a {
  color: #dfdfdf;
}

[data-bs-theme="dark"] .site-header.navbar-sticky::after {
  content: '';
  top: 0;
}

[data-bs-theme="dark"] .price-card {
  background-color: #23232385 !important;
}

[data-bs-theme="dark"] .btn-dark-soft {
  color: #d9d9d9;
  background-color: #373737f0;
}

[data-bs-theme="dark"] .rounded {
  border-radius: 0.85rem !important;
  border: 1px solid rgba(194, 194, 194, 0.43);
}

[data-bs-theme="dark"] .sidebar .widget {
  background-color: #191b1d;
  border: 1px solid rgba(194, 194, 194, 0.43);
}

[data-bs-theme="dark"] .post-item {
  background-color: #00000021;
  border: 1px solid rgba(194, 194, 194, 0.43);
}

[data-bs-theme="dark"] {
  --ri-body-bg: #111;
}

/* 修复：暗色模式下 .card 背景，覆盖亮色半透明白色 */
[data-bs-theme="dark"] .card {
  background-color: #191b1d;
}

[data-bs-theme="dark"] .division-title a {
  color: #e6e6e6;
}

[data-bs-theme="dark"] .home-search-box .search-warp::before {
  background: linear-gradient(180deg, rgba(116,116,116,0) 0%, rgba(90,90,90,0.05) 10%, rgba(58,58,58,0.1) 20%, rgba(48,48,48,0.1) 30%, rgba(28,28,28,0.15) 50%, rgba(100,100,100,0.2) 70%, #333333 100%);
}

[data-bs-theme="dark"] .navbar .nav-list > .menu-item.current-menu-item > a {
  color: #0ff;
}

[data-bs-theme="dark"] .back-top:hover {
  color: #fff;
  background: #00ff28f0;
}

[data-bs-theme="dark"] .translateSelectLanguage {
  color: #fff;
}

[data-bs-theme="dark"] .translateIcon {
  color: #fff;
}

/* ==============================================
   亮色主题适配
   ============================================== */

[data-bs-theme=light] {
  --ri-border-radius: 0.55rem !important;
}

/* ==============================================
   手机端样式 (≤768px)
   ============================================== */

@media (max-width: 768px) {
  .ratio-4x3 {
    --ri-aspect-ratio: 60%;
  }

  .g-2, .gx-2 {
    --ri-gutter-x: 0.25rem;
  }

  .top-0 {
    top: -8px !important;
  }

  .post-item .tips-badge .badge {
    font-size: .55rem !important;
    color: #fff;
    margin-top: 3px;
    padding: 4px 8px;
  }

  .site-footer::before {
    content: '';
    background-size: cover;
    background-position: center;
  }

  .post-item.item-list .entry-body {
    margin-top: .2rem;
  }

  .navbar .actions .action-btn.login-btn {
    padding: .1rem .3rem;
  }

  #translate {
    padding: 1px 1px;
  }

  .container {
    --ri-gutter-x: .5rem;
  }

  .navbar .actions > * + * {
    margin-left: .2rem;
  }

  .navbar .navbar-search .search-form {
    width: 100%;
  }

  [data-bs-theme="dark"] .btn-secondary-soft {
    color: #dbdbdb;
    background-color: rgba(170, 170, 170, 0.27);
  }

  [data-bs-theme="dark"] .post-content .ri-down-warp {
    background-color: #22252900;
    border-color: #2a2c3100;
  }

  .list-group-flush > .list-group-item {
    border-width: 0 0 var(--ri-list-group-border-width);
  }

  .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }

  .post-content .ri-down-warp {
    background-color: #fff0;
  }

  .card {
    padding: .5rem !important;
    margin-bottom: 10px;
  }

  .home-cat-box .widget-catbox-item {
    height: 120px;
  }

  .home-overview .bg-warp.fixed,
  .home-background .bg-warp.fixed {
    background-attachment: inherit;
  }

  .home-division .division-item {
    height: 66px;
    flex-direction: initial;
  }

  .home-division .division-title {
    font-size: 1rem;
    letter-spacing: 0.15em;
    font-weight: 500;
  }

  .jarallax .jarallax-img {
    height: 500px !important;
    object-fit: initial !important;
  }

  .home-division .division-icon {
    margin-bottom: .1rem;
    padding: 0.8rem;
  }

  .home-search-box .search-warp {
    max-width: 75%;
    padding-top: 160px;
    padding-bottom: 140px;
  }

  .row-cols-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .py-3x {
    padding-top: 6.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .sidebar .sidebar-posts-list .post-item.item-list .entry-media {
    max-width: 100px;
  }

  .back-top {
    bottom: 90px;
  }

  .dibutup img {
    display: inline-block;
    margin: 5px;
  }

  .post-item .entry-desc {
    margin-top: 2px;
    font-size: .75rem;
    display: none;
  }

  .site-footer .widget_nav_menu li,
  .site-footer .widget-links li {
    display: block;
    padding-left: 0;
  }
}

/* ==============================================
   PC端样式 (≥768px)
   ============================================== */

@media (min-width: 768px) {
  .navbar .navbar-search .search-form {
    width: 50%;
  }

  .g-md-3, .gy-md-3 {
    --ri-gutter-y: .5rem;
    --ri-gutter-x: .5rem;
  }

  .py-md-x1 {
    padding-top: 25.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .g-lg-4, .gy-lg-4 {
    --ri-gutter-y: 1.0rem;
    --ri-gutter-x: .5rem;
    margin-bottom: 2rem;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
    margin-bottom: .6rem;
  }

}

/* ==============================================
   手机端 (≤480px 翻译图标)
   ============================================== */

@media (max-width: 480px) {
    
   .header-transparent main > .home-widget:first-child.home-search-box .search-bg {
     padding-top: 0px;
     }
     
  .language-selector {
    width: 26px;
    height: 26px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .home .widget_media_image img {
    display: block;
    border-radius: 5px;
  }

  .translateIcon {
    display: inline-block;
    font-size: 18px;
    margin: 0px;
    width: 10px;
    height: auto;
  }

  .translateSelectLanguage {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  #translate {
    background: rgba(255, 255, 255, 0);
    border: 1px solid rgba(138, 138, 138, 0);
  }

  [data-bs-theme="dark"] #translate {
    background: rgba(71, 71, 71, 0.01);
    border: 1px solid rgba(230, 230, 230, 0);
  }
}