/* ===== SKD Home News Section Redesign ===== */

.home-news-section {
  background-color: #f4f7fb;
  padding: 88px 0;
  width: 100%;
}

.home-news-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* Header Area */
.home-news-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 36px;
}

.home-news-title {
  font-size: 38px;
  font-weight: 700;
  color: #0b192c;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
}
.home-news-title-group{display:flex;flex-direction:column;align-items:flex-start}
.home-news-title-en{display:block;margin-top:8px;color:#94a3b8;font-family:var(--font-en);font-size:.74rem;font-weight:750;letter-spacing:.17em;line-height:1.35}
:root[lang^="en"] .home-news-title-en{display:none}

.home-news-view-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #ff6b00;
  text-decoration: none;
  transition: color 0.25s ease;
  white-space: nowrap;
}

.home-news-view-all svg {
  width: 22px;
  height: 22px;
  stroke: #ff6b00;
  stroke-width: 1.8;
  fill: none;
  transition: transform 0.25s ease, stroke 0.25s ease;
}

.home-news-view-all:hover {
  color: #e05d00;
}

.home-news-view-all:hover svg {
  transform: translateX(4px);
  stroke: #e05d00;
}

/* Layout Grid */
.home-news-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.95fr) minmax(420px, 1.65fr);
  gap: 28px;
  align-items: stretch;
}

/* Featured News Cards (Columns 1 & 2) */
.home-news-featured-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.05);
  box-shadow: 0 4px 20px rgba(7, 27, 56, 0.04);
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 460px;
  box-sizing: border-box;
}

.home-news-featured-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(7, 27, 56, 0.09);
}

.home-news-featured-image {
  width: 100%;
  height: 230px;
  flex-shrink: 0;
  overflow: hidden;
  background-color: #e2e8f0;
  position: relative;
}

.home-news-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.home-news-featured-card:hover .home-news-featured-image img {
  transform: scale(1.025);
}

.home-news-featured-body {
  padding: 22px 24px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  box-sizing: border-box;
}

.home-news-featured-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
  color: #0f172a;
  margin: 0 0 12px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.home-news-featured-date {
  font-size: 15px;
  color: #94a3b8;
  align-self: flex-end;
  font-weight: 500;
  letter-spacing: 0.3px;
  margin-top: auto;
}

/* Right News List Card (Column 3) */
.home-news-list-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 12px 24px;
  border: 1px solid rgba(15, 23, 42, 0.05);
  box-shadow: 0 4px 20px rgba(7, 27, 56, 0.04);
  display: flex;
  flex-direction: column;
  height: 460px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.home-news-list-viewport {
  width: 100%;
  height: 436px;
  overflow: hidden;
  position: relative;
}

.home-news-list-track {
  display: flex;
  flex-direction: column;
  width: 100%;
  will-change: transform;
}

.home-news-list-track.is-rolling {
  transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.home-news-list-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px 10px;
  border-bottom: 1px solid #f1f5f9;
  text-decoration: none;
  color: inherit;
  border-radius: 12px;
  transition: background-color 0.2s ease;
  box-sizing: border-box;
  flex: 0 0 109px;
  height: 109px;
}

.home-news-list-track .home-news-list-item:last-child {
  border-bottom: none;
}

.home-news-list-item:hover {
  background-color: rgba(255, 107, 0, 0.04);
}

.home-news-list-item:hover .home-news-list-title {
  color: #ff6b00;
}

.home-news-list-date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 56px;
  flex-shrink: 0;
  line-height: 1;
}

.home-news-list-date strong {
  font-size: 34px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 4px;
  display: block;
}

.home-news-list-date span {
  font-size: 14px;
  font-weight: 500;
  color: #64748b;
  display: block;
}

.home-news-list-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.45;
  color: #1e293b;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  transition: color 0.2s ease;
}

/* Skeleton Loading State */
.home-news-skeleton {
  pointer-events: none;
}

.home-news-skeleton-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
  background-size: 200% 100%;
  animation: home-news-pulse 1.5s infinite;
}

.home-news-skeleton-line {
  height: 18px;
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
  background-size: 200% 100%;
  animation: home-news-pulse 1.5s infinite;
  border-radius: 4px;
  margin-bottom: 10px;
}

@keyframes home-news-pulse {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Empty & Error States */
.home-news-state-msg {
  grid-column: 1 / -1;
  text-align: center;
  padding: 48px 24px;
  background: #ffffff;
  border-radius: 16px;
  color: #64748b;
  font-size: 16px;
  border: 1px solid #e2e8f0;
}

/* Responsive Media Queries */
@media (max-width: 1279px) {
  .home-news-section {
    padding: 72px 0;
  }
  .home-news-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
  .home-news-list-card {
    grid-column: 1 / -1;
    height: 380px;
  }
}

@media (max-width: 767px) {
  .home-news-section {
    padding: 52px 0;
  }
  .home-news-container {
    padding: 0 16px;
  }
  .home-news-header {
    margin-bottom: 20px;
    padding-bottom: 14px;
  }
  .home-news-title {
    font-size: 26px;
  }
  .home-news-view-all {
    font-size: 15px;
  }
  .home-news-view-all svg {
    width: 18px;
    height: 18px;
  }
  .home-news-layout {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .home-news-featured-card {
    border-radius: 16px;
  }
  .home-news-featured-body {
    padding: 18px 20px 20px;
  }
  .home-news-featured-title {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .home-news-list-card {
    border-radius: 18px;
    padding: 14px 16px;
    height: 340px;
  }
  .home-news-list-item {
    gap: 16px;
    padding: 14px 8px;
  }
  .home-news-list-date {
    min-width: 44px;
  }
  .home-news-list-date strong {
    font-size: 26px;
  }
  .home-news-list-date span {
    font-size: 12px;
  }
  .home-news-list-title {
    font-size: 15px;
  }
}

@media (max-width: 430px) {
  .home-news-title {
    font-size: 22px;
  }
  .home-news-view-all {
    font-size: 14px;
    gap: 4px;
  }
  .home-news-view-all svg {
    width: 16px;
    height: 16px;
  }
}

/* Homepage professional visual alignment */
.home-news-section{padding:96px 0;background:#f5f7fa}
.home-news-container{max-width:1240px;padding:0 20px}
.home-news-header{margin-bottom:32px;padding-bottom:18px}
.home-news-title{color:#071b38;font-size:clamp(2rem,3vw,2.65rem);letter-spacing:-0.02em}
.home-news-featured-card,.home-news-list-card{border:1px solid #e5e9f0;border-radius:16px;box-shadow:0 8px 22px rgba(7,27,56,0.045)}
.home-news-featured-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(7,27,56,0.075)}
.home-news-featured-image{height:225px}
.home-news-featured-body{padding:22px}
.home-news-featured-title{font-size:1.12rem;line-height:1.5}
.home-news-featured-date{font-family:var(--font-en);font-size:0.78rem;color:#7c8797}
.home-news-list-card{padding:12px 20px}
.home-news-list-item{gap:18px}
.home-news-list-date{min-width:88px}
.home-news-list-date strong{margin:0;color:#f58220;font-family:var(--font-en);font-size:0.72rem;letter-spacing:0.03em}
.home-news-list-date span{display:none}
.home-news-list-title{font-size:0.98rem;line-height:1.5}

@media(max-width:767px){
  .home-news-section{padding:76px 0}
  .home-news-container{padding:0 16px}
  .home-news-featured-card{height:auto;min-height:410px}
  .home-news-featured-image{height:auto;aspect-ratio:16/9}
  .home-news-list-card{height:340px}
  .home-news-list-date{min-width:74px}
  .home-news-list-date strong{font-size:0.68rem}
}

@media(prefers-reduced-motion:reduce){
  .home-news-skeleton-img,.home-news-skeleton-line{animation:none}
  .home-news-featured-card,.home-news-featured-image img,.home-news-view-all svg{transition:none}
}

/* ===== Homepage Polish V2: compact editorial rhythm ===== */
.home-news-section{
  padding:72px 0 76px;
  background:#f5f7fa;
}
.home-news-container{
  max-width:1240px;
  padding:0 20px;
}
.home-news-header{
  margin-bottom:24px;
  padding-bottom:14px;
  border-bottom-color:#e5e9f0;
}
.home-news-title{
  font-size:clamp(1.75rem,2.3vw,2.15rem);
  letter-spacing:-0.018em;
}
.home-news-view-all{
  gap:7px;
  color:#f58220;
  font-size:0.9rem;
}
.home-news-view-all svg{
  width:20px;
  height:20px;
  stroke:#f58220;
}
.home-news-view-all:hover,
.home-news-view-all:hover svg{
  color:#e66f11;
  stroke:#e66f11;
}
.home-news-view-all:hover svg{
  transform:translateX(3px);
}
.home-news-layout{
  grid-template-columns:minmax(0,.95fr) minmax(0,.95fr) minmax(420px,1.65fr);
  gap:18px;
}
.home-news-featured-card,
.home-news-list-card{
  height:365px;
  border:1px solid #e5e9f0;
  border-radius:15px;
  box-shadow:0 6px 18px rgba(7,27,56,.045);
}
.home-news-featured-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 23px rgba(7,27,56,.075);
}
.home-news-featured-image{
  height:auto;
  aspect-ratio:16/9;
}
.home-news-featured-image img{
  transition:transform .36s ease;
}
.home-news-featured-card:hover .home-news-featured-image img{
  transform:scale(1.02);
}
.home-news-featured-body{
  min-height:0;
  padding:17px 18px 16px;
}
.home-news-featured-title{
  margin:0 0 9px;
  font-size:1rem;
  line-height:1.48;
  -webkit-line-clamp:3;
}
.home-news-featured-summary{
  display:-webkit-box;
  margin:0 0 10px;
  overflow:hidden;
  color:#657286;
  font-size:.78rem;
  line-height:1.58;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.home-news-featured-date{
  margin-top:auto;
  color:#929cab;
  font-size:.72rem;
  letter-spacing:.02em;
}
.home-news-list-card{
  padding:0 17px;
}
.home-news-list-viewport{
  height:100%;
}
.home-news-list-track{
  height:auto;
  min-height:100%;
  will-change:transform;
}
.home-news-list-item{
  flex:0 0 var(--home-news-row-height,25%);
  height:var(--home-news-row-height,25%);
  min-height:0;
  gap:13px;
  padding:11px 9px;
  border-bottom:1px solid #edf0f4;
  border-radius:8px;
}
.home-news-list-item:hover{
  background:#fff8f1;
}
.home-news-list-item:hover .home-news-list-title{
  color:#f58220;
}
.home-news-list-thumb{
  display:block;
  width:72px;
  min-width:72px;
  height:54px;
  overflow:hidden;
  border-radius:7px;
  background:#e9eef4;
  box-shadow:0 3px 8px rgba(7,27,56,.08);
}
.home-news-list-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .32s ease;
}
.home-news-list-item:hover .home-news-list-thumb img{transform:scale(1.05)}
.home-news-featured-image,
.home-news-list-thumb{position:relative;isolation:isolate}
.home-news-cover-placeholder{
  position:absolute;
  inset:0;
  z-index:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8da0b7;
  background:linear-gradient(135deg,#edf3f8,#dce7f1);
  font-family:var(--font-en);
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.45;
  text-align:center;
}
.home-news-featured-image .home-news-cover-placeholder{font-size:.78rem}
.home-news-featured-image img,
.home-news-list-thumb img{position:relative;z-index:1}
.home-news-list-date{
  width:52px;
  min-width:52px;
  align-items:center;
  border-right:1px solid #edf0f4;
}
.home-news-list-date strong{
  margin:0 0 4px;
  color:#071b38;
  font-size:1.68rem;
  font-weight:740;
  letter-spacing:-.04em;
}
.home-news-list-date.is-month strong,
.home-news-list-date.is-range strong{
  margin-bottom:5px;
  font-size:1.18rem;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.home-news-list-date.is-range strong{font-size:1.02rem}
.home-news-list-date span{
  display:block;
  color:#8a95a5;
  font-family:var(--font-en);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.04em;
}
.home-news-list-date.is-month span,
.home-news-list-date.is-range span{font-size:.66rem;letter-spacing:.06em}
.home-news-list-date .home-news-list-date-label{
  max-width:48px;
  color:#7d8999;
  font-family:var(--font-zh);
  font-size:.67rem;
  font-weight:650;
  letter-spacing:0;
  line-height:1.35;
  text-align:center;
}
.home-news-list-copy{
  min-width:0;
  flex:1;
}
.home-news-list-title{
  margin:0;
  font-size:.93rem;
  line-height:1.45;
  -webkit-line-clamp:2;
}
.home-news-list-summary{
  display:-webkit-box;
  margin:3px 0 0;
  overflow:hidden;
  color:#7b8797;
  font-size:.72rem;
  line-height:1.4;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}

@media(max-width:1279px){
  .home-news-section{padding:68px 0 72px}
  .home-news-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-news-featured-card{height:350px}
  .home-news-list-card{grid-column:1/-1;height:300px}
}

@media(max-width:767px){
  .home-news-section{padding:60px 0 64px}
  .home-news-header{margin-bottom:18px;padding-bottom:12px}
  .home-news-title{font-size:1.55rem}
  .home-news-layout{grid-template-columns:1fr;gap:14px}
  .home-news-featured-card{height:auto;min-height:0}
  .home-news-featured-body{min-height:142px}
  .home-news-list-card{grid-column:auto;height:320px;padding:0 12px}
  .home-news-list-item{gap:10px;padding:9px 5px}
  .home-news-list-thumb{width:58px;min-width:58px;height:44px}
  .home-news-list-date{width:45px;min-width:45px}
  .home-news-list-date strong{font-size:1.48rem}
  .home-news-list-date span{font-size:.62rem}
  .home-news-list-date .home-news-list-date-label{max-width:42px;font-size:.59rem}
  .home-news-list-title{font-size:.84rem}
  .home-news-list-summary{font-size:.68rem}
}

@media(prefers-reduced-motion:reduce){
  .home-news-featured-card,
  .home-news-featured-image img,
  .home-news-list-thumb img,
  .home-news-list-item,
  .home-news-list-title,
  .home-news-list-track,
  .home-news-view-all svg{
    transition:none!important;
    transform:none!important;
  }
}