/* New Theme Colors for index2.html - Warm Sunset Palette */
:root {
  /* Warm sunset color palette */
  --primary-warm: #ff6b35;
  --secondary-warm: #f7931e;
  --accent-warm: #ff8c42;
  --bg-warm: #fff5f0;
  --bg-gradient-warm: linear-gradient(135deg, #fff5f0 0%, #ffe8d6 100%);
  --text-warm: #2c1810;
  --text-secondary-warm: #6b4423;
  --border-warm: #ffd4b8;
  --shadow-warm: 0 2px 10px rgba(255, 107, 53, 0.15);
  --shadow-hover-warm: 0 4px 20px rgba(255, 107, 53, 0.25);
}

/* Global Styles */
body {
  background: var(--bg-gradient-warm);
  color: var(--text-warm);
}

/* Header Styles */
.header-container {
  
  box-shadow: var(--shadow-warm);
  border-bottom: 1px solid var(--border-warm);
}

.header nav a {
  color: var(--text-secondary-warm);
  transition: all 0.3s ease;
}

.header nav a:hover {
  color: var(--primary-warm);
}

.header nav a.nav_on {
  color: var(--primary-warm);
  font-weight: bold;
}

.header nav span {
  background: var(--primary-warm);
}

/* Search Styles */
.search-hint {
  background: var(--bg-warm);
  border: 1px solid var(--border-warm);
  transition: all 0.3s ease;
}

.search-hint:hover {
  border-color: var(--primary-warm);
  box-shadow: var(--shadow-warm);
}

.search-box {
  background: var(--bg-warm);
  border: 1px solid var(--border-warm);
  box-shadow: var(--shadow-hover-warm);
}

.search-box .hd {
  background: linear-gradient(135deg, var(--primary-warm), var(--secondary-warm));
}

.search-box .hd li {
  color: rgba(255, 255, 255, 0.8);
}

.search-box .hd li.active {
  color: white;
}

.searchBt {
  color: var(--primary-warm);
}

/* Banner Styles */
.banner {
  background: var(--bg-gradient-warm);
}

.banner_btn a {
  background: var(--border-warm);
  transition: all 0.3s ease;
}

.banner_btn .banner_btn_on {
  background: var(--primary-warm);
}



/* Product Section Styles */
.home-version {
  background: var(--bg-warm);

}

.home-version-box h3 {
  color: var(--text-warm);
}

.home-version-box .subhead {
  color: var(--text-secondary-warm);
}

.platformDwon .pc,
.platformDwon .mobile,
.platformDwon .ios {
  background: var(--bg-warm);
  border: 1px solid var(--border-warm);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.platformDwon .pc:hover,
.platformDwon .mobile:hover,
.platformDwon .ios:hover {
  box-shadow: var(--shadow-hover-warm);
  border-color: var(--primary-warm);
}

.platformDwon h3 {
  color: var(--text-warm);
}

.platformDwon p {
  color: var(--text-secondary-warm);
}

.home-version .platformDwon ul li {
  color: var(--text-secondary-warm);
}

.home-version .platformDwon .bt>a {
  background: linear-gradient(135deg, var(--primary-warm), var(--secondary-warm));
  color: white;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.home-version .platformDwon .pc .bt>a:nth-child(1){
    background: linear-gradient(135deg, var(--primary-warm), var(--secondary-warm));
  
}
.home-version .platformDwon .pc .bt>a:nth-child(1):hover,
.platformDwon .bt a:hover {
  background: linear-gradient(135deg, var(--secondary-warm), var(--primary-warm));
  transform: translateY(-1px);
}

.home-version .platformDwon .bt>a{
  border: 1px solid var(--primary-warm);
}

/* News Section Styles */
.home-version .home-version-box{
  padding-bottom: 1px;
}
.board {
  background: var(--bg-warm);
  border-radius: 12px;
  box-shadow: var(--shadow-warm);
}

.board>.board-box>h3 {
  color: var(--text-warm);
}

.board>.board-box>.subhead {
  color: var(--text-secondary-warm);
}
.board .news-list>ul>li>.text-box{
  width: 703px;
}
.board .news-list>ul>li {
  background: var(--bg-warm);
  border: 1px solid var(--border-warm);
  border-bottom: 1px solid var(--border-warm);
  border-radius: 8px;
  transition: all 0.3s ease;
  margin-bottom: 20px;
}

.news-list>ul>li:hover {
  box-shadow: var(--shadow-hover-warm);
  border-color: var(--primary-warm);
}

.news-list>ul>li:hover .text-box>h3 a {
  color: var(--primary-warm);
}

.text-box>h3 a {
  color: var(--text-warm);
  transition: color 0.3s ease;
}
.board .news-list>ul>li:hover .text-box>h3 a {
  color: var(--primary-warm);
}

.board .news-list>ul>li>.text-box>p {
  color: var(--text-secondary-warm);
}

.icon-text>em {
  color: var(--text-secondary-warm);
}

.icon-text>time {
  color: var(--text-secondary-warm);
}

.board .news-res {
  background: var(--bg-warm);
  border: 1px solid var(--border-warm);
  border-radius: 8px;
  width: 253px;
}

.news-res>.hd>h3 {
  color: var(--text-warm);
}

.news-res>.ct li {
  background: var(--bg-warm);
  border-radius: 6px;
  transition: all 0.3s ease;
}

.news-res>.ct li:hover {
  box-shadow: var(--shadow-warm);
}

.news-res>.ct li p a {
  color: var(--text-warm);
  transition: color 0.3s ease;
}

.news-res>.ct li p a:hover {
  color: var(--primary-warm);
}

/* Footer Styles */
.footer {
  background: linear-gradient(135deg, #8b4513, #a0522d);
  color: white;
}

.footer .footer-box ul li a {
  color: rgba(255, 255, 255, 0.9);
  transition: color 0.3s ease;
}

.footer .footer-box ul li a:hover {
  color: var(--secondary-warm);
}

.footer .footer-box p {
  color: rgba(255, 255, 255, 0.8);
}

.footer .footer-box p a {
  color: rgba(255, 255, 255, 0.9);
  transition: color 0.3s ease;
}

.footer .footer-box p a:hover {
  color: var(--secondary-warm);
}





/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-warm);
}

::-webkit-scrollbar-thumb {
  background: var(--border-warm);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-warm);
}