/* 平台选择页：沿用首页的情报工作台布局与设计令牌。 */
.platform-page { max-width: var(--maxw); }
.platform-page .page-nav { margin-bottom: var(--sp4); }
.platform-hero {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r3);
  box-shadow: var(--sh1);
  padding: var(--sp4) var(--sp5);
  margin-bottom: var(--sp5);
}
.platform-hero-top { display: flex; justify-content: space-between; gap: var(--sp3); align-items: center; margin-bottom: var(--sp2); font-size: var(--fs-xs); color: var(--tx-3); }
.platform-hero-top span { color: var(--ac); background: var(--ac-soft); border-radius: 999px; padding: 2px 9px; font-weight: 700; }
.platform-hero h1 { font-size: var(--fs-xl); line-height: 1.45; margin: 0 0 var(--sp2); letter-spacing: -.3px; }
.platform-hero p { margin: 0; font-size: var(--fs-md); color: var(--tx-2); line-height: 1.7; }
.platform-layout { display: grid; grid-template-columns: var(--side-w) minmax(0, 1fr); gap: var(--sp5); align-items: start; }
.platform-side { top: calc(var(--header-offset, var(--hdr-h)) + var(--sp4)); }
.platform-side .card-bd { font-size: var(--fs-xs); color: var(--tx-2); line-height: 1.65; }
.platform-nav .toc { padding: var(--sp2); }
.platform-nav .toc a { font-size: var(--fs-xs); padding: 7px 9px; }
.platform-content { min-width: 0; }
.platform-content .sec { margin-bottom: var(--sp5); }
.platform-content .sec-hd h2 { font-size: var(--fs-lg); }
.platform-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r3);
  box-shadow: var(--sh1);
  padding: var(--sp4) var(--sp5);
}
.platform-card > p { margin: 0 0 var(--sp3); color: var(--tx-2); font-size: var(--fs-md); line-height: 1.75; }
.platform-card > p:last-child { margin-bottom: 0; }
.platform-card > .ifoot { margin: var(--sp4) 0 0; padding-top: var(--sp3); border-top: 1px solid var(--line); font-size: var(--fs-xs); }
.platform-card > aside { background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--r2); padding: var(--sp3) var(--sp4); margin: var(--sp4) 0 0; }
.platform-card > aside .ifoot { margin: 0 0 var(--sp2); color: var(--tx-3); font-weight: 700; }
.platform-card > aside .arch-list { gap: 0; }
.platform-card > aside .arch-list li { padding: 0; border: 0; box-shadow: none; background: none; display: block; }
.platform-card > aside .arch-list a { font-size: var(--fs-sm); font-weight: 700; }
.platform-card > aside .arch-list .n { display: block; margin-top: 3px; font-family: var(--sans); font-size: var(--fs-sm); color: var(--tx-2); }
.platform-content #sources .arch-list { gap: 0; border: 1px solid var(--line); border-radius: var(--r3); box-shadow: var(--sh1); background: var(--surface); overflow: hidden; }
.platform-content #sources .arch-list li { border: 0; border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--line); gap: var(--sp2); }
.platform-content #sources .arch-list li:last-child { border-bottom: 0; }
.platform-content #sources .arch-list a { font-size: var(--fs-sm); }
.platform-content #sources .arch-list .n { margin-left: auto; }
.platform-content .support-links { margin-top: var(--sp6); }
.platform-content .support-links .sec-hd h2 { font-size: var(--fs-lg); }
.platform-content .support-links .arch-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.platform-content .support-links .arch-list li { min-width: 0; }
.platform-content .support-links .arch-list a { overflow-wrap: anywhere; font-size: var(--fs-sm); }
@media (max-width: 820px) {
  .platform-layout { grid-template-columns: 1fr; gap: var(--sp4); }
  .platform-side { position: static; display: block; }
  .platform-side-note { display: none; }
  .platform-nav .toc { display: flex; overflow-x: auto; gap: 4px; white-space: nowrap; scrollbar-width: thin; }
  .platform-nav .toc a { flex: none; }
  .platform-content .support-links .arch-list { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .platform-hero, .platform-card { padding: var(--sp3) var(--sp4); }
  .platform-hero h1 { font-size: var(--fs-lg); }
  .platform-hero-top { align-items: flex-start; }
  .platform-hero-top time { text-align: right; }
  .platform-content #sources .arch-list .n { margin-left: 0; }
}