/* 首页扩展仅用于首屏以下的内容；首屏尺寸沿用共享设计系统。 */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.route-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0 16px}
.route-notes>div{min-width:0;padding:24px;border-left:2px solid var(--accent);background:var(--panel-3);border-radius:0 var(--r-sm) var(--r-sm) 0}
.route-notes h3{font-size:20px}
.route-notes p{margin-top:10px;color:var(--muted)}
.board-copy{position:relative;z-index:1;max-width:55%}
.board-copy .h2{margin-top:20px}
.board-copy p{max-width:540px;margin-top:20px;color:var(--muted)}
.board-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:20px}
.board-tiles{position:absolute;right:56px;bottom:32px;display:grid;grid-template-columns:repeat(2,72px);gap:18px;transform:rotate(-5deg)}
.board-tile{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--r-md);background:var(--panel);box-shadow:inset 0 1px 0 var(--hi),0 14px 28px -16px var(--accent-shadow-strong)}
.board-tile:nth-child(2){transform:translateY(-22px)}
.board-tile:nth-child(3){opacity:.4}
.board-tile svg{width:30px;height:30px}
.features{padding-top:32px}
.feature-index{display:inline-block;margin-bottom:14px;color:var(--accent);font-family:var(--f-mono);font-size:13px;font-weight:700}
.feature-copy h3{font-size:clamp(26px,2.7vw,36px)}
.feature-copy p{line-height:1.85}
.feature-copy .scene-card{margin-top:26px}
.feature-visual{display:grid;align-items:center}
.mini-client{position:relative;min-width:0;overflow:hidden}
.mini-label{display:block;margin-bottom:10px;color:var(--muted);font-family:var(--f-mono);font-size:12px}
.mini-client>strong{display:block;margin-bottom:24px;font-family:var(--f-display);font-size:clamp(20px,2vw,27px);line-height:1.3}
.mini-line{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:13px 12px;border-top:1px solid var(--border);font-size:14px}
.mini-line span:last-child{color:var(--muted);text-align:right}
.mini-line.is-selected{border-radius:var(--r-sm);background:var(--accent-soft);border-top-color:transparent}
.mini-line.is-selected span:last-child{color:var(--accent);font-weight:700}
.mini-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.mini-chips span{padding:5px 10px;border-radius:var(--r-pill);background:var(--panel-3);font-family:var(--f-mono);font-size:12px}
.mini-mark{display:block;width:max-content;max-width:100%;margin-top:22px;padding:5px 9px;border-radius:var(--r-xs);background:var(--accent-dark);color:var(--panel);font-size:12px;font-weight:700}
.home-pricing{border-top:1px solid var(--border)}
.home-pricing .plan-card p{min-height:4.8em}
.pack-note{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:26px;padding:26px 30px;border-radius:var(--r-md);background:var(--panel-2)}
.pack-note>div{min-width:0}
.pack-note h3{font-size:21px}
.pack-note p{max-width:830px;margin-top:10px;color:var(--muted)}
.pack-note .text-link{flex:none}
.home-reading{border-top:1px solid var(--border)}
.reading-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.reading-columns>div{min-width:0;padding-top:20px;border-top:2px solid var(--accent)}
.reading-columns h3{font-size:21px}
.reading-columns p{margin-top:14px;color:var(--muted);line-height:1.85}
.all-articles{margin-top:24px}
.closing{padding-top:12px;padding-bottom:88px}
.server-status:empty{display:none}
.server-status{max-width:100%;overflow:hidden}
.server-status .srv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:100%}
.server-status .srv-row{display:flex;align-items:center;gap:10px;min-width:0;min-height:56px;padding:10px 14px;border-radius:var(--r-sm);background:var(--panel);box-shadow:inset 0 0 0 1px var(--border)}
.server-status .srv-dot{width:8px;height:8px;flex:none;border-radius:var(--r-pill);background:var(--success);box-shadow:0 0 0 4px var(--accent-soft);animation:srv-breathe 2.8s ease-in-out infinite}
.server-status .srv-flag{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:24px}
.server-status .srv-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.server-status .srv-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}
.server-status .srv-ms,.server-status .srv-bw{flex:none;margin-left:auto;color:var(--text);font-family:var(--f-mono);font-size:12px;white-space:nowrap}
.server-status .srv-bw{margin-left:4px;color:var(--muted)}
@keyframes srv-breathe{50%{opacity:.55;transform:scale(.8)}}
@media(max-width:900px){
  .board-copy{max-width:70%}
  .board-tiles{right:18px;opacity:.5}
  .reading-columns{grid-template-columns:1fr;gap:24px}
  .home-pricing .plan-card p{min-height:0}
}
@media(max-width:640px){
  .route-notes{grid-template-columns:1fr}
  .board-copy{max-width:100%}
  .board-tiles{display:none}
  .tile{pointer-events:none}
  .pack-note{align-items:flex-start;flex-direction:column;padding:22px}
  .server-status .srv-grid{grid-template-columns:1fr}
  .server-status .srv-row{flex-wrap:wrap}
  .server-status .srv-name{flex:1}
  .server-status .srv-type{order:5;flex-basis:100%;padding-left:42px}
  .server-status .srv-ms{margin-left:0}
  .closing{padding-bottom:56px}
}
@media(prefers-reduced-motion:reduce){.server-status .srv-dot{animation:none}}