/* 首页视觉设置：仅覆盖页头、搜索、轮播与明确命名的入口卡片。 */
@media (min-width:992px) {
  html .main-header .navbar-header { margin-left:40px; }
  html .main-header .navbar-header > li > a { font-size:16px; padding-left:14px; padding-right:14px; }
}
html .ldg-masthead { grid-template-columns:minmax(0,1fr) minmax(300px,600px) minmax(0,1fr); gap:30px; padding:24px 0; align-items:center; }
html .ldg-masthead-search { width:100%; max-width:600px; justify-self:center; }
html .ldg-masthead-search .search-container, html .ldg-masthead-search #search.big-search { width:100%; max-width:600px; margin-left:auto; margin-right:auto; }
html .ldg-masthead-brand { justify-self:start; }
.ldg-carousel { position:relative; justify-self:end; width:100%; max-width:320px; aspect-ratio:8/5; min-width:0; overflow:hidden; border-radius:12px; background:#e6ebf8; isolation:isolate; }
.ldg-carousel-track { height:100%; }
.ldg-carousel-slide { position:absolute; inset:0; display:block; opacity:0; visibility:hidden; transition:opacity .45s ease,visibility .45s; text-decoration:none; }
.ldg-carousel-slide.is-active { opacity:1; visibility:visible; z-index:1; }
.ldg-carousel-slide img { display:block; width:100%; height:100%; object-fit:cover; }
.ldg-carousel-slide::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(12,26,66,.72),transparent 70%); }
.ldg-carousel-copy { position:absolute; z-index:2; left:18px; right:14px; bottom:34px; color:#fff; }
.ldg-carousel-copy strong { display:block; font-size:17px; line-height:1.5; font-weight:600; color:#fff; }
.ldg-carousel-copy > span { display:block; margin-top:3px; font-size:11px; line-height:1.5; color:rgba(255,255,255,.85); }
.ldg-carousel button { border:0; padding:0; cursor:pointer; color:#fff; background:transparent; font-family:inherit; }
.ldg-carousel-controls { position:absolute; z-index:3; bottom:8px; right:12px; display:flex; align-items:center; gap:8px; }
.ldg-carousel .ldg-carousel-prev, .ldg-carousel .ldg-carousel-next { width:24px; height:24px; border-radius:50%; background:rgba(12,26,66,.18); font-size:23px; line-height:20px; }
.ldg-carousel-dots { display:flex; align-items:center; gap:5px; }
.ldg-carousel-dots button { display:flex; align-items:center; justify-content:center; width:16px; height:24px; background:transparent; }
.ldg-carousel-dots button::before { content:""; width:5px; height:5px; border-radius:5px; background:rgba(255,255,255,.45); transition:width .2s; }
.ldg-carousel-dots button[aria-current=true]::before { width:15px; background:#fff; }
.ldg-carousel .ldg-carousel-pause { position:absolute; z-index:3; top:9px; right:10px; width:25px; height:25px; border-radius:50%; font-size:12px; background:rgba(12,26,66,.2); }
.ldg-carousel button:focus-visible, .ldg-carousel-slide:focus-visible { outline:2px solid #fff; outline-offset:-3px; }
.ldg-feature-grid { display:grid; grid-template-columns:1.08fr repeat(4,minmax(0,1fr)); grid-auto-rows:204px; gap:14px; padding:0; margin:0; }
.ldg-feature-card { display:flex; min-width:0; padding:18px 12px 14px; flex-direction:column; align-items:center; justify-content:center; background:#fff; border-radius:4px; color:#303640; text-align:center; text-decoration:none; transition:transform .2s,box-shadow .2s; }
.ldg-feature-card:hover { color:#303640; transform:translateY(-3px); box-shadow:0 10px 24px rgba(30,45,90,.07); }
.ldg-feature-card:focus-visible { outline:2px solid #4668ff; outline-offset:3px; }
.ldg-feature-card img { display:block; flex:0 0 auto; width:86px; height:86px; max-width:80%; margin:0 0 9px; object-fit:contain; }
.ldg-feature-card > strong { display:block; flex-shrink:0; font-size:15px; line-height:1.5; font-weight:500; color:inherit; }
.ldg-feature-subtitle { display:block; flex-shrink:0; width:100%; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; line-height:1.6; color:#9a9fa8; }
.ldg-feature-cta { display:block; flex-shrink:0; margin-top:9px; font-size:12px; line-height:1.5; color:#4668ff; }
.ldg-feature-card--lead { grid-row:span 2; padding:30px 18px; background:linear-gradient(160deg,#fdfefe,#edf2ff); }
.ldg-feature-card--lead .ldg-feature-eyebrow { margin-bottom:10px; font-size:11px; letter-spacing:2px; color:#8a96b2; }
.ldg-feature-card--lead > strong { font-size:23px; font-weight:600; }
.ldg-feature-card--lead .ldg-feature-subtitle { white-space:normal; font-size:12px; line-height:1.8; max-width:160px; margin-top:9px; }
.ldg-feature-card--lead img { width:175px; height:175px; margin:20px 0 8px; }
.ldg-feature-card--lead .ldg-feature-cta { margin-top:8px; }
.io-black-mode .ldg-feature-card { background:#282c33; color:#e5e8ed; }
.io-black-mode .ldg-feature-card--lead { background:linear-gradient(160deg,#2b3040,#242a38); }
@media (min-width:1200px) and (max-width:1399px) { html .ldg-masthead { grid-template-columns:170px minmax(280px,1fr) 280px; gap:24px; } }
@media (min-width:768px) and (max-width:1199px) { html .ldg-masthead { grid-template-columns:150px minmax(250px,1fr); gap:22px; } .ldg-carousel { grid-column:1/-1; justify-self:center; width:100%; max-width:600px; aspect-ratio:5/2; } .ldg-feature-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .ldg-feature-card--lead { grid-column:span 2; } }
@media (max-width:767px) { html .ldg-masthead { grid-template-columns:minmax(0,1fr); gap:18px; padding:18px 0; } html .ldg-masthead-brand { justify-self:center; } html .ldg-masthead-search { max-width:560px; } .ldg-carousel { justify-self:center; width:100%; max-width:560px; aspect-ratio:16/7; } .ldg-carousel-copy strong { font-size:19px; } .ldg-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:204px; gap:10px; } .ldg-feature-card--lead { grid-row:auto; grid-column:1/-1; display:grid; grid-template-columns:1fr 130px; grid-template-rows:auto auto auto auto; text-align:left; align-content:center; padding:22px; } .ldg-feature-card--lead img { grid-column:2; grid-row:1/5; width:130px; height:130px; margin:0; max-width:100%; } .ldg-feature-card--lead .ldg-feature-eyebrow { margin:0 0 7px; } .ldg-feature-card--lead .ldg-feature-subtitle { max-width:none; margin:5px 0; } .ldg-feature-card--lead .ldg-feature-cta { margin-top:7px; } }
@media (prefers-reduced-motion:reduce) { .ldg-carousel-slide,.ldg-carousel-dots button,.ldg-feature-card { transition:none; } .ldg-feature-card:hover { transform:none; } }