/* 首页正文：首屏的布局与视觉规则沿用 components.css。 */
.home-intro{max-width:76ch;margin:18px 0 30px;color:var(--text-muted);font-size:18px;line-height:1.8}
.home-note{max-width:84ch;margin:28px 0 0;color:var(--text-muted);line-height:1.85}
.home-note a{color:var(--text);text-underline-offset:3px}
.home-tint{background:var(--bg-bottom)}
.home-narrow{max-width:980px}
.home-text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;color:var(--text);font-weight:700;text-decoration:underline;text-decoration-color:var(--accent-dark);text-underline-offset:5px}
.home-text-link:hover{text-decoration-color:var(--text)}
.feature-list{align-content:start}
.feature-card{width:100%;color:var(--text);cursor:pointer}
.feature-card:hover{background:var(--row)}
.feature-card.is-current{background:var(--panel)}
.feature-detail h3{margin:12px 0}
.feature-detail p:not(.section-kicker){line-height:1.8}
.feature-detail a{display:inline-flex;align-items:center;min-height:40px;margin-top:16px;font-weight:700;text-underline-offset:4px}
.detail-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.home-facts{margin-block:28px}
.home-facts .fact-card{padding:24px}
.home-facts .fact-card p{margin:12px 0 4px;font-family:var(--font-mono);font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.3;color:var(--text)}
.home-facts .fact-card>span:last-child{font-size:14px;color:var(--text-muted)}
.home-route-copy,.home-plan-explain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:24px 0;color:var(--text-muted);line-height:1.85}
.home-route-copy p,.home-plan-explain p{margin:0}
.home-pack-note{margin-top:24px;line-height:1.8}
.price-card{display:flex;flex-direction:column;align-items:flex-start}
.price-card>p:not(.price-value){color:var(--text-muted);line-height:1.8}
.price-card .btn{margin-top:auto}
.price-card .price-value{color:var(--text)}
.article-card{transition:transform .18s ease}
.article-card h3{margin-top:12px;overflow-wrap:anywhere}
.article-card p{line-height:1.75}
.server-status:empty{display:none!important}
.server-status{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative;max-width:100%;overflow:hidden;margin-block:26px 32px}
.server-status:empty{display:none!important}
.srv-row{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:14px 18px;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-soft),inset 0 1px rgb(var(--white-rgb) / .8);color:var(--text)}
.srv-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgb(var(--success-rgb) / .12);animation:srvBreath 2.8s ease-in-out infinite}
.srv-flag{display:inline-flex;align-items:center;flex:none;max-width:32px}
.srv-flag svg,.srv-flag img{display:block;width:26px;height:18px;object-fit:cover;border-radius:var(--r-xs)}
.srv-name{min-width:0;font-weight:700;overflow-wrap:anywhere}
.srv-type{padding:3px 9px;border-radius:var(--r-pill);background:var(--ic-navy-bg);color:var(--ic-navy);font-size:12px}
.srv-ms,.srv-bw{font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.srv-ms{margin-left:auto}
.srv-bw{color:var(--text-muted)}
@keyframes srvBreath{50%{opacity:.45;transform:scale(.82)}}
@media(max-width:768px){
  .home-intro{font-size:16px}
  .feature-card{width:auto}
  .feature-detail{padding:24px}
  .home-route-copy,.home-plan-explain{grid-template-columns:minmax(0,1fr);gap:12px}
  .server-status{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .feature-list{scroll-snap-type:x proximity}
  .feature-card{scroll-snap-align:start}
  .srv-row{padding:12px}
  .srv-ms{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.srv-dot{animation:none}.article-card{transition:none}}