/* ============================================
   明亮模式 - DreamoonTech
   确保文字清晰可读，与背景色有足够对比度
   ============================================ */

/* CSS 变量覆盖 - 确保所有区域都使用明亮背景 */
[data-theme="light"] {
  --bg-color: #ffffff !important;
  --theme-color: #ffffff !important;
  --main-color: #ADD45D !important; }

/* ========== 全局基础 ========== */
[data-theme="light"] html {
  background-color: #ffffff !important; }

[data-theme="light"] body {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
}

/* ========== 导航栏 ========== */
[data-theme="light"] .navbar {
  background: transparent !important;
  overflow: visible !important; }

[data-theme="light"] .navbar.nav-scroll {
  background: rgba(255, 255, 255, 0.95) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; }

/* ========== 移动端菜单 (Hamenu) ========== */
[data-theme="light"] .hamenu {
  background: #ffffff !important; }

[data-theme="light"] .hamenu .close-menu {
  color: #1a1a1a !important; }

[data-theme="light"] .hamenu .menu-links .main-menu .link,
[data-theme="light"] .hamenu .menu-links .main-menu .sub-link {
  color: #1a1a1a !important; }

[data-theme="light"] .hamenu .menu-links .main-menu .link:hover,
[data-theme="light"] .hamenu .menu-links .main-menu .sub-link:hover {
  color: #ADD45D !important; }

[data-theme="light"] .hamenu .menu-links .main-menu .link .fill-text,
[data-theme="light"] .hamenu .menu-links .main-menu .sub-link .fill-text {
  color: #1a1a1a !important; }

[data-theme="light"] .hamenu .cont-info {
  background: #f8f9fa !important; }

[data-theme="light"] .hamenu .cont-info .logo img {
  filter: none !important; }

[data-theme="light"] .hamenu .cont-info h5 {
  color: #1a1a1a !important; }

[data-theme="light"] .hamenu .cont-info a:not(.social-icon a) {
  color: #1a1a1a !important; }

[data-theme="light"] .hamenu .cont-info .social-icon a {
  color: #1a1a1a !important;
  border-color: rgba(0, 0, 0, 0.1) !important; }

[data-theme="light"] .hamenu .cont-info .social-icon a:hover {
  background: #ADD45D !important;
  color: #ffffff !important; }

[data-theme="light"] .navbar .logo img {
  filter: none !important; }

[data-theme="light"] .navbar .logo .logo-dark,
[data-theme="light"] .hamenu .cont-info .logo .logo-dark,
[data-theme="light"] .footer-sa .logo .logo-dark {
  display: none !important; }

[data-theme="light"] .navbar .logo .logo-light,
[data-theme="light"] .hamenu .cont-info .logo .logo-light,
[data-theme="light"] .footer-sa .logo .logo-light {
  display: block !important; }

[data-theme="light"] .navbar .navbar-nav {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; }

[data-theme="light"] .navbar .navbar-nav .nav-link {
  color: #1a1a1a !important; }

[data-theme="light"] .navbar .navbar-nav .nav-link:hover {
  color: #1a1a1a !important;
  background: rgba(0, 0, 0, 0.06) !important; }

[data-theme="light"] .navbar .navbar-nav .nav-link.active {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #1a1a1a !important; }

[data-theme="light"] .navbar .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  z-index: 99999999 !important; }

[data-theme="light"] .navbar .dropdown-menu .dropdown-item {
  color: #1a1a1a !important; }

[data-theme="light"] .navbar .dropdown-menu .dropdown-item:hover,
[data-theme="light"] .navbar .dropdown-menu .dropdown-item:focus {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #1a1a1a !important; }

[data-theme="light"] .navbar .dropdown-toggle::after {
  border-top-color: #1a1a1a !important; }

[data-theme="light"] .navbar .topnav .butn {
  background: #1a1a1a !important;
  color: #ffffff !important;
  padding: 7px 20px !important;
}

[data-theme="light"] .navbar .topnav .butn:hover {
  background: #333333 !important; }

[data-theme="light"] .butn .icon[data-theme-icon] img {
  filter: invert(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important; }

[data-theme="light"] .navbar .menu-icon .icon {
  color: #1a1a1a !important; }

/* ========== 头部区域 ========== */
[data-theme="light"] .header-da {
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%) !important; }

[data-theme="light"] .header-da .background {
  background: none !important; }

[data-theme="light"] .header-da .background:before {
  background: rgba(0, 0, 0, 0.03) !important; }

[data-theme="light"] .header-da .caption .text p {
  color: #1a1a1a !important; }
[data-theme="light"] .header-da .caption h1 {
  color: #ffffff !important;
  -webkit-text-stroke: 1px rgba(255,255,255,0.3) !important;
}

[data-theme="light"] .header-da .caption {
  margin-top: 40px !important;
}

[data-theme="light"] .header-da .caption h1 {
  line-height: 1.1 !important;
}

[data-theme="light"] .header-da .caption ul li {
  color: #1a1a1a !important; }

[data-theme="light"] .header-da .caption ul li:before {
  background: #1a1a1a !important; }

[data-theme="light"] .header-da .arrow-img img {
  filter: invert(0) !important; }

[data-theme="light"] .header-da .background:after {
  display: none !important; }

/* ========== 特色服务区域 ========== */
[data-theme="light"] .features-section {
  background: #ffffff !important; }

[data-theme="light"] .features-section .feature-item .icon img {
  filter: invert(0) !important; }

[data-theme="light"] .features-section .feature-item h5 {
  color: #1a1a1a !important; }

[data-theme="light"] .features-section .feature-item p {
  color: #666666 !important; }

/* ========== 服务区域 ========== */
[data-theme="light"] .services-da {
  background: #ffffff !important; }

[data-theme="light"] .services-da .numbers .item h2 {
  color: #1a1a1a !important; }

[data-theme="light"] .services-da .numbers .item p {
  color: #666666 !important; }

[data-theme="light"] .services-da .serv-box {
  background: #ffffff !important; }

[data-theme="light"] .services-da .serv-box h4 {
  color: #1a1a1a !important; }

[data-theme="light"] .services-da .serv-box p {
  color: #666666 !important; }

[data-theme="light"] .services-da .serv-item {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.1) !important; }

[data-theme="light"] .services-ds {
  background: #ffffff !important; }

[data-theme="light"] .services-ds .serv-item h4 {
  color: #1a1a1a !important; }

[data-theme="light"] .services-ds .serv-item p {
  color: #666666 !important; }

[data-theme="light"] .services-ds .serv-item .icon img {
  filter: invert(0) !important; }

[data-theme="light"] .services-accord {
  background: #ffffff !important; }

[data-theme="light"] .services-accord .sec-head p {
  color: #666666 !important; }

[data-theme="light"] .services-accord .sec-head h2 {
  color: #1a1a1a !important; }

[data-theme="light"] .services-accord .accordion .accordion-item {
  background: #f8f9fa !important;
  border-color: rgba(0, 0, 0, 0.1) !important; }

[data-theme="light"] .services-accord .accordion .accordion-title {
  background: #ffffff !important; }

[data-theme="light"] .services-accord .accordion .accordion-title h2 {
  color: #1a1a1a !important; }

[data-theme="light"] .services-accord .accordion .accordion-body {
  background: #ffffff !important; }

[data-theme="light"] .services-accord .accordion .accordion-body p {
  color: #666666 !important; }

[data-theme="light"] .services-accord .accordion .accordion-body .list li {
  color: #666666 !important; }

/* ========== 关于区域 ========== */
[data-theme="light"] .intro-cst {
  background: #ffffff !important; }

[data-theme="light"] .intro-cst h2 {
  color: #1a1a1a !important; }

[data-theme="light"] .intro-cst p {
  color: #666666 !important; }

[data-theme="light"] .intro-cst .states .item span {
  color: #666666 !important; }

[data-theme="light"] .intro-cst .states .item h2 {
  color: #1a1a1a !important; }

/* ========== 评价区域 ========== */
[data-theme="light"] .testimonials-sa {
  background: #f8f9fa !important; }

[data-theme="light"] .testimonials-sa .gl-rate {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.08) !important; }

[data-theme="light"] .testimonials-sa .gl-rate .icon img {
  filter: invert(0) !important; }

[data-theme="light"] .testimonials-sa .gl-rate .cont h6 {
  color: #1a1a1a !important; }

[data-theme="light"] .testimonials-sa .gl-rate .cont p {
  color: #666666 !important; }

[data-theme="light"] .testimonials-sa .item {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important; }

[data-theme="light"] .testimonials-sa .item h6 {
  color: #1a1a1a !important; }

[data-theme="light"] .testimonials-sa .item .rate h5 {
  color: #1a1a1a !important; }

[data-theme="light"] .testimonials-sa .item .info-text span {
  color: #1a1a1a !important; }

[data-theme="light"] .testimonials-sa .item .info-text p {
  color: #666666 !important; }

[data-theme="light"] .testimonials-sa .item .info-text .stars i {
  color: #ADD45D !important; }

/* ========== 客户案例区域 ========== */
[data-theme="light"] .portfolio {
  background: #ffffff !important; }

[data-theme="light"] .portfolio .portfolio-menu button {
  color: #666666 !important; }

[data-theme="light"] .portfolio .portfolio-menu button.active {
  color: #1a1a1a !important; }

[data-theme="light"] .portfolio .port-item .item-img .txt h5 {
  color: #ffffff !important; }

[data-theme="light"] .portfolio .port-item .item-img .txt p {
  color: rgba(255, 255, 255, 0.8) !important; }

/* ========== 合作伙伴区域 ========== */
[data-theme="light"] .brands-sa {
  background: #f8f9fa !important; }

/* ========== Portfolio 页面 ========== */
[data-theme="light"] .portfolio-header {
  background: #f8f9fa !important; }

[data-theme="light"] .portfolio-header .caption h1 {
  color: #1a1a1a !important; }

[data-theme="light"] .portfolio-header .caption .path {
  color: #666666 !important; }

[data-theme="light"] .portfolio-header .caption .path a {
  color: #1a1a1a !important; }

[data-theme="light"] .portfolio-header .caption .path a:hover {
  color: #ADD45D !important; }

[data-theme="light"] .portfolio-header .caption .path .current {
  color: #ADD45D !important; }

[data-theme="light"] .portfolio-intro {
  background: #ffffff !important; }

[data-theme="light"] .portfolio-intro p {
  color: #555555 !important; }

[data-theme="light"] .pf-card {
  background: #f5f5f5 !important;
  border-color: rgba(0, 0, 0, 0.1) !important; }

[data-theme="light"] .pf-info h5 {
  color: #1a1a1a !important; }

[data-theme="light"] .pf-card:hover .pf-info h5 {
  color: #ADD45D !important; }

[data-theme="light"] .pf-info span {
  color: #666666 !important; }

[data-theme="light"] .testimonials-section {
  background: #f8f9fa !important; }

[data-theme="light"] .testimonials-section .sec-head h3 {
  color: #1a1a1a !important; }

[data-theme="light"] .testimonial-card {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important; }

[data-theme="light"] .testimonial-card .testimonial-text {
  color: #555555 !important; }

[data-theme="light"] .testimonial-card .client-info h5 {
  color: #1a1a1a !important; }

[data-theme="light"] .testimonial-card:hover {
  border-color: #ADD45D !important; }

[data-theme="light"] .testimonial-card .quote-icon {
  color: #ADD45D !important; }

[data-theme="light"] .testimonial-card .client-info span {
  color: #ADD45D !important; }

[data-theme="light"] .cta-section {
  background: #ffffff !important; }

[data-theme="light"] .cta-section .sec-head h3 {
  color: #1a1a1a !important; }

[data-theme="light"] .cta-box {
  background: linear-gradient(135deg, rgba(173, 212, 93, 0.15) 0%, rgba(173, 212, 93, 0.08) 100%) !important;
  border-color: rgba(173, 212, 93, 0.4) !important; }

[data-theme="light"] .cta-box h2 {
  color: #1a1a1a !important; }

[data-theme="light"] .cta-btn {
  background: #ADD45D !important;
  color: #1a1a1a !important; }

[data-theme="light"] .cta-btn:hover {
  background: #c5e06a !important;
  box-shadow: 0 10px 30px rgba(173, 212, 93, 0.4) !important; }

[data-theme="light"] .faq-section {
  background: #f8f9fa !important; }

[data-theme="light"] .faq-section .sec-head h3 {
  color: #1a1a1a !important; }

[data-theme="light"] .faq-section .accordion-item {
  border-color: rgba(0, 0, 0, 0.1) !important; }

[data-theme="light"] .faq-section .accordion-button {
  color: #1a1a1a !important; }

[data-theme="light"] .faq-section .accordion-button:not(.collapsed) {
  color: #ADD45D !important; }

[data-theme="light"] .faq-section .accordion-button::after {
  filter: invert(0.3) !important; }

[data-theme="light"] .faq-section .accordion-body {
  color: #555555 !important; }

[data-theme="light"] .footer-sa {
  background: #1a1a1a !important; }

html[data-theme="light"] .footer-sa h4 {
  color: #8e8e8e !important; }

[data-theme="light"] .footer-sa h4 .sub-color,
[data-theme="light"] .footer-sa .sub-color {
  color: #ffffff !important; }

[data-theme="light"] .footer-sa .logo {
  filter: none !important; }

[data-theme="light"] .footer-sa .contact-info .item span {
  color: rgba(255, 255, 255, 0.6) !important; }

[data-theme="light"] .footer-sa .contact-info .item p {
  color: rgba(255, 255, 255, 0.8) !important; }

[data-theme="light"] .footer-sa .contact-info .item h5 {
  color: #ffffff !important; }

[data-theme="light"] .footer-sa .contact-info .social-icon a {
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important; }

[data-theme="light"] .footer-sa .contact-info .social-icon a:hover {
  border-color: #ADD45D !important;
  background: rgba(173, 212, 93, 0.1) !important; }

[data-theme="light"] .footer-sa .sub-footer .copy p {
  color: #666666 !important; }

[data-theme="light"] .footer-sa .sub-footer .copy p a {
  color: #666666 !important; }

[data-theme="light"] .footer-sa .sub-footer .links a {
  color: #666666 !important; }

[data-theme="light"] .footer-sa .sub-footer .links a:hover {
  color: #ffffff !important; }

[data-theme="light"] .footer-sa .sub-footer .links .active {
  color: #ffffff !important; }

/* ========== Buttons ========== */
[data-theme="light"] .butn {
  background: #1a1a1a !important;
  color: #ffffff !important; }

[data-theme="light"] .butn:hover {
  background: #333333 !important; }

[data-theme="light"] .butn.butn-bord {
  background: transparent !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  color: #1a1a1a !important; }

[data-theme="light"] .butn.butn-bord:hover {
  background: #1a1a1a !important;
  color: #ffffff !important; }

[data-theme="light"] .butn span {
  color: inherit !important; }

/* ========== Section Headers ========== */
[data-theme="light"] .sec-head .sub-head {
  color: #1a1a1a !important; 
  line-height: 1.5 !important; }

[data-theme="light"] .sec-head .sub-head:after {
  background: #1a1a1a !important; }

[data-theme="light"] .sec-head .butn .icon img {
  filter: none !important;
  opacity: 1 !important;
}

[data-theme="light"] .sec-head .butn .icon .arrow-dark {
  display: inline-block !important; }

[data-theme="light"] .sec-head .butn .icon .arrow-light {
  display: none !important; }

[data-theme="light"] .sec-head .butn {
  display: inline-flex !important;
  align-items: center !important;
}

[data-theme="light"] .sec-head .butn .icon {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 10px !important;
}

[data-theme="light"] .sec-head .butn .icon img {
  width: 16px !important;
  height: 16px !important;
}

[data-theme="light"] .sec-head h2 {
  color: #1a1a1a !important; }

[data-theme="light"] .sec-head h4 {
  color: #1a1a1a !important; }

[data-theme="light"] .sec-head h4 span {
  color: #555555 !important; }

[data-theme="light"] .sec-head p {
  color: #555555 !important; }

/* ========== Other Elements ========== */
[data-theme="light"] .numb {
  color: #1a1a1a !important; }

[data-theme="light"] .tag {
  color: #1a1a1a !important; }

[data-theme="light"] .tag span {
  color: #1a1a1a !important; }

[data-theme="light"] .fill-text {
  color: #1a1a1a !important; }

/* 暗夜模式 - 默认显示黑色箭头，隐藏白色箭头 */
.navbar .topnav .butn .icon .arrow-dark {
  display: inline-block !important;
}

.navbar .topnav .butn .icon .arrow-light {
  display: none !important;
}

/* 明亮模式 - 显示白色箭头，隐藏黑色箭头 */
[data-theme="light"] .navbar .topnav .butn .icon .arrow-dark {
  display: none !important;
}

[data-theme="light"] .navbar .topnav .butn .icon .arrow-light {
  display: inline-block !important;
}

[data-theme="light"] .loader-wrap svg {
  fill: #ffffff !important; }

[data-theme="light"] .loader-wrap .loader-wrap-heading .load-text {
  color: #1a1a1a !important; }

[data-theme="light"] .loader-wrap {
  background: #ffffff !important; }

[data-theme="light"] .icon.invert img {
  filter: invert(0) !important; }

[data-theme="light"] .navbar .topnav .butn .icon img {
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
}

[data-theme="light"] .navbar .topnav .butn .icon {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
}

[data-theme="light"] .butn:hover .icon.invert img {
  filter: invert(1) !important; }

/* ========== SVG Icons ========== */
[data-theme="light"] svg[stroke] {
  stroke: #1a1a1a !important; }

[data-theme="light"] svg[fill="none"] {
  stroke: #1a1a1a !important; }

/* ========== Theme Toggle Button ========== */
.theme-toggle {
  width: 44px; height: 44px; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent; color: #fff;
  display: flex; align-items: center; justify-content: center;
  margin-right: 15px; padding: 0; cursor: pointer;
  transition: all 0.3s ease; }

.theme-toggle:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5); }

.theme-toggle svg {
  width: 20px; height: 20px; fill: #fff; }

[data-theme="light"] .theme-toggle {
  border-color: rgba(0, 0, 0, 0.2);
  color: #1a1a1a; }

[data-theme="light"] .theme-toggle:hover {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.3); }

[data-theme="light"] .theme-toggle svg {
  fill: #1a1a1a; }

/* ========== Blog Cards ========== */
[data-theme="light"] .blog-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .blog-card:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
  border-color: rgba(173, 212, 93, 0.3) !important;
}

[data-theme="light"] .blog-card .card-date {
  color: #666666 !important;
}

[data-theme="light"] .blog-card .card-title {
  color: #1a1a1a !important;
}

[data-theme="light"] .blog-card:hover .card-title {
  color: #ADD45D !important;
}

/* ========== Blog Stats ========== */
[data-theme="light"] .blog-stats {
  background: #ffffff !important;
}

[data-theme="light"] .blog-stats .stat-item:not(:last-child)::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent) !important;
}

[data-theme="light"] .blog-stats .stat-label {
  color: #666666 !important;
}

/* ========== Blog Header & Search ========== */
[data-theme="light"] .blog-header {
  background: #f8f9fa !important;
}

[data-theme="light"] .blog-header h1 {
  color: #1a1a1a !important;
}

[data-theme="light"] .blog-header h1 span {
  color: #ADD45D !important;
}

[data-theme="light"] .blog-header .sub-head {
  color: #1a1a1a !important;
}

[data-theme="light"] .blog-header > p {
  color: #666666 !important;
}

[data-theme="light"] .blog-header h1 {
  color: #1a1a1a !important;
}

[data-theme="light"] .blog-header h1 span {
  color: #ADD45D !important;
}

[data-theme="light"] .blog-search input {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .blog-search input::placeholder {
  color: #999999 !important;
}

[data-theme="light"] .blog-search input:focus {
  border-color: #ADD45D !important;
}

[data-theme="light"] .blog-search .search-icon {
  color: #666666 !important;
}

[data-theme="light"] .blog-header > p {
  color: #666666 !important;
}

/* ========== Blog Categories ========== */
[data-theme="light"] .blog-categories {
  background: #ffffff !important;
}

[data-theme="light"] .blog-categories h3 {
  color: #1a1a1a !important;
}

[data-theme="light"] .blog-categories a {
  color: #666666 !important;
}

[data-theme="light"] .blog-categories a:hover,
[data-theme="light"] .blog-categories a.active {
  color: #ADD45D !important;
}

[data-theme="light"] .blog-categories .count {
  color: #999999 !important;
}

/* ========== Blog CTA ========== */
[data-theme="light"] .blogs-cta {
  background: #f8f9fa !important;
}

[data-theme="light"] .blogs-cta h2 {
  color: #1a1a1a !important;
}

[data-theme="light"] .blogs-cta p {
  color: #666666 !important;
}

[data-theme="light"] .blogs-cta .butn {
  background: #ADD45D !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .blogs-cta .butn:hover {
  background: #91B34F !important;
}

/* ========== Blog Pagination ========== */
[data-theme="light"] .blogs-pagination .page-btn {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .blogs-pagination .page-btn:hover {
  border-color: #ADD45D !important;
  color: #ADD45D !important;
}

[data-theme="light"] .blogs-pagination .page-btn.active {
  background: #ADD45D !important;
  color: #1a1a1a !important;
}

/* ========== Featured Posts ========== */
[data-theme="light"] .featured-posts {
  background: #ffffff !important;
}

[data-theme="light"] .featured-posts .section-title-blogs h2 {
  color: #1a1a1a !important;
}

[data-theme="light"] .featured-posts .section-title-blogs p {
  color: #666666 !important;
}

[data-theme="light"] .featured-posts {
  background: #ffffff !important;
}

[data-theme="light"] .featured-posts .post-card .post-category {
  color: #ADD45D !important;
}

[data-theme="light"] .featured-posts .post-card .post-title a {
  color: #1a1a1a !important;
}

[data-theme="light"] .featured-posts .post-card .post-title a:hover {
  color: #ADD45D !important;
}

[data-theme="light"] .featured-posts .post-card .post-excerpt {
  color: #666666 !important;
}

[data-theme="light"] .featured-posts .post-card .post-meta span {
  color: #999999 !important;
}

[data-theme="light"] .featured-posts .post-card .post-meta a {
  color: #ADD45D !important;
}

[data-theme="light"] .featured-posts .section-title-blogs p {
  color: #666666 !important;
}

[data-theme="light"] .featured-posts .post-card .post-content h3 {
  color: #1a1a1a !important;
}

[data-theme="light"] .featured-posts .post-card .post-content p {
  color: #666666 !important;
}

[data-theme="light"] .featured-posts .post-card .post-meta span {
  color: #999999 !important;
}

[data-theme="light"] .featured-posts .post-card .post-meta a {
  color: #ADD45D !important;
}

/* ========== All Posts Section ========== */
[data-theme="light"] .all-posts-section {
  background: #f8f9fa !important;
}

[data-theme="light"] .all-posts-section .section-title-blogs h2 {
  color: #1a1a1a !important;
}

/* ========== Blog Card Category Tag ========== */
[data-theme="light"] .blog-card .card-category {
  background: rgba(173, 212, 93, 0.9) !important;
  color: #1a1a1a !important;
}

/* ========== Contact Form ========== */
[data-theme="light"] .contact-sa {
  background: #f8f9fa !important;
}

[data-theme="light"] .contact-sa .box {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .contact-sa h4 {
  color: #1a1a1a !important;
}

[data-theme="light"] .contact-sa h6 a {
  color: #1a1a1a !important;
}

[data-theme="light"] .contact-sa .sub-color {
  color: #ADD45D !important;
}

[data-theme="light"] .contact-sa .contact-form input,
[data-theme="light"] .contact-sa .contact-form textarea,
[data-theme="light"] .form-group input,
[data-theme="light"] .form-group textarea,
[data-theme="light"] input,
[data-theme="light"] textarea {
  color: #1a1a1a !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
}

[data-theme="light"] .contact-sa .contact-form input::placeholder,
[data-theme="light"] .contact-sa .contact-form textarea::placeholder,
[data-theme="light"] .form-group input::placeholder,
[data-theme="light"] .form-group textarea::placeholder,
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
  color: #999999 !important;
}

/* ========== Responsive Navbar ========== */
/* Tablet (1200px) */
@media (max-width: 1200px) {
  [data-theme="light"] .navbar .navbar-nav {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  
  [data-theme="light"] .navbar .navbar-nav::-webkit-scrollbar {
    display: none;
  }
  
  [data-theme="light"] .navbar .navbar-nav .nav-link {
    padding: 4px 10px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    letter-spacing: 0 !important;
  }
  
  [data-theme="light"] .navbar .topnav {
    display: flex !important;
    flex-shrink: 0 !important;
  }
  
  [data-theme="light"] .navbar .topnav .butn {
    padding: 6px 12px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }
  
  [data-theme="light"] .navbar .topnav .butn .icon {
    display: inline-block !important;
  }
  
  [data-theme="light"] .navbar .topnav .butn .icon img {
    width: 14px !important;
    height: 14px !important;
  }
  
  [data-theme="light"] .navbar .logo img {
    max-width: none !important;
    height: auto !important;
  }
  
  [data-theme="light"] .navbar .menu-icon {
    flex-shrink: 0 !important;
    color: #1a1a1a !important;
  }
  
  [data-theme="light"] .navbar .menu-icon .icon {
    color: #1a1a1a !important;
  }
  
  [data-theme="light"] .navbar .navbar-nav {
    display: flex !important;
  }
}

/* Tablet (992px) */
@media (max-width: 992px) {
  [data-theme="light"] .navbar .navbar-nav {
    display: none !important;
  }
  
  [data-theme="light"] .navbar .topnav .butn {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }
  
  [data-theme="light"] .navbar .logo img {
    max-width: none !important;
  }
  
  [data-theme="light"] .navbar .menu-icon .icon {
    color: #1a1a1a !important;
  }
}

/* Mobile (768px) */
@media (max-width: 768px) {
  [data-theme="light"] .navbar .navbar-nav {
    display: none !important;
  }
  
  [data-theme="light"] .navbar .topnav .butn {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }
  
  /* Header 移动端 */
  [data-theme="light"] .header-da {
    background: #f8f9fa !important;
    padding: 120px 0 60px !important;
  }
  
  [data-theme="light"] .header-da .caption h1 {
    font-size: 48px !important;
  }
  
  [data-theme="light"] .header-da .caption h1.play {
    font-size: 36px !important;
  }
  
  [data-theme="light"] .header-da .caption .text p {
    font-size: 16px !important;
  }
  
  /* Features 移动端 */
  [data-theme="light"] .features-section {
    background: #ffffff !important;
    padding: 60px 0 !important;
  }
  
  [data-theme="light"] .features-section .feature-item {
    background: #f8f9fa !important;
    border-radius: 12px !important;
    padding: 20px !important;
  }
  
  /* About 移动端 */
  [data-theme="light"] .about-section {
    background: #ffffff !important;
  }
  
  /* Services 移动端 */
  [data-theme="light"] .services-section {
    background: #f8f9fa !important;
  }
  
  /* Portfolio 移动端 */
  [data-theme="light"] .portfolio-header {
    background: #f8f9fa !important;
    padding: 120px 0 40px !important;
  }
  
  [data-theme="light"] .portfolio-header .caption h1 {
    font-size: 36px !important;
  }
  
  [data-theme="light"] .pf-card {
    background: #f8f9fa !important;
  }
  
  /* Blog 移动端 */
  [data-theme="light"] .blog-header {
    background: #f8f9fa !important;
    padding: 120px 0 40px !important;
  }
  
  [data-theme="light"] .blog-header h1 {
    font-size: 36px !important;
  }
  
  [data-theme="light"] .blog-card {
    background: #f8f9fa !important;
  }
  
  /* Footer 移动端 */
  [data-theme="light"] .footer-sa {
    background: #1a1a1a !important;
  }
  
  [data-theme="light"] .footer-sa .contact-info {
    background: #1a1a1a !important;
  }
  
  [data-theme="light"] .footer-sa .contact-info .item p,
  [data-theme="light"] .footer-sa .contact-info .item h5 {
    color: #aaaaaa !important;
  }
  
  [data-theme="light"] .footer-sa .sub-footer {
    background: #1a1a1a !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  }
}