/* 首页首屏仅补充稿件所需的标识；布局沿用 components.css。 */
.platform-letter{display:inline-grid;place-items:center;font:700 17px/1 var(--font-mono)}
.thumb{font-size:14px;font-weight:700;color:var(--ink)}
.fact-strip{display:flex;align-items:center;justify-content:space-around;gap:18px;min-height:80px;margin-top:10px;border-block:1px solid var(--border);font-size:14px;color:var(--muted)}
.fact-strip span{min-width:0}
.fact-strip strong{font:700 19px/1.2 var(--font-mono);color:var(--ink)}
.section-intro{max-width:790px;margin-bottom:32px}
.section-intro h2{margin:6px 0 16px}
.section-intro p:last-child{margin-bottom:0;color:var(--muted)}
.eyebrow{margin:0;font:12px/1.5 var(--font-mono);letter-spacing:.08em;color:var(--accent-dark)}
.feature-mini{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:var(--r-sm);background:var(--panel-2);color:var(--ink);font-size:20px}
.feature-list strong,.feature-list small{display:block}
.feature-list strong{font-size:15px}
.feature-list small{margin-top:3px;font-size:12px;color:var(--muted)}
.feature-detail h3{margin:18px 0 20px}
.feature-detail p{max-width:58ch;line-height:1.9;color:var(--muted)}
.fact-capsule{display:inline-block;margin-top:16px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--r-pill);font:12px/1.5 var(--font-mono);color:var(--ink)}
.feature-accordions .faq-item p{line-height:1.8}
.laurel-facts div{position:relative;background:var(--panel)}
.laurel-facts div > span:first-child{display:block;font-size:25px;line-height:1;color:var(--faint)}
.laurel-facts div > span:last-child{font-size:13px}
.laurel-facts strong{margin:8px 0 4px}
.reading-note{margin-top:25px;padding:26px 30px;border-left:4px solid var(--accent-bar);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--panel)}
.reading-note h3{margin:0 0 12px;font-size:21px}
.reading-note p{max-width:85ch;color:var(--muted)}
.reading-note p:last-of-type{margin-bottom:12px}
.text-link,.section-after a{display:inline-flex;align-items:center;min-height:32px;font-weight:650;color:var(--accent-dark)}
.text-link:hover,.section-after a:hover{text-decoration:underline;text-underline-offset:4px}
.client-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.client-grid .platform-card{padding:22px}
.client-grid .platform-card .btn{padding-inline:14px;font-size:14px}
.platform-icon-text{font:700 11px/1 var(--font-mono)}
.section-after{margin:22px 0 0;color:var(--muted)}
.section-after a{margin-inline:3px}
.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.method-card{min-width:0;padding:26px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel)}
.method-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-sm);background:var(--panel-2);color:var(--accent-dark);font-size:23px}
.method-card h3{margin:18px 0 12px;font-size:21px}
.method-card p{margin-bottom:0;color:var(--muted)}
.method-grid + .callout{margin-top:22px}
.closing-section{padding-bottom:0}
.server-status:empty{display:none}
#server-status.server-status:not(:empty){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 24px;padding:14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);overflow:hidden}
.server-status .srv-row{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 13px;border:1px solid var(--panel-2);border-radius:var(--r-md);background:var(--white);font-size:13px}
.server-status .srv-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px var(--success-face);animation:srv-pulse 2.4s ease-in-out infinite}
@keyframes srv-pulse{50%{opacity:.48}}
.server-status .srv-flag{display:inline-flex;align-items:center;flex-shrink:0;font-size:18px}
.server-status .srv-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
.server-status .srv-type{max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;border-radius:var(--r-xs);background:var(--panel-2);color:var(--ink);font-size:11px}
.server-status .srv-ms,.server-status .srv-bw{flex-shrink:0;font:12px/1.5 var(--font-mono);color:var(--muted)}
.server-status .srv-ms{margin-left:auto}
@media(max-width:1100px){
  .client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .method-grid{grid-template-columns:1fr}
  .client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact-strip{flex-wrap:wrap;padding-block:16px}
  .fact-strip span{text-align:center}
}
@media(max-width:640px){
  .client-grid{grid-template-columns:1fr}
  .fact-strip{justify-content:flex-start;gap:10px 18px}
  .fact-strip span{font-size:12px}
  .fact-strip strong{font-size:15px}
  .reading-note{padding:20px}
  #server-status.server-status:not(:empty){grid-template-columns:minmax(0,1fr);padding:9px}
  .server-status .srv-row{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  .server-status .srv-dot{animation:none}
}