/* 页尾媒体引导：外部频道接入后只替换对应 href。 */
.media-guide { display: grid; grid-template-columns: .8fr 1.4fr; gap: 7vw; padding: 86px 4vw; background: #dfe5e6; }
.media-guide-copy h2 { max-width: 620px; margin-top: 14px; }
.media-guide-copy p { color: #5f6b70; font-size: 16px; line-height: 1.7; max-width: 480px; }
.media-guide-links { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(38,54,66,.28); }
.media-link { position: relative; display: flex; flex-direction: column; min-height: 164px; padding: 18px 18px 16px 0; border-bottom: 1px solid rgba(38,54,66,.28); color: var(--ink); }
.media-link + .media-link { padding-left: 18px; border-left: 1px solid rgba(38,54,66,.28); }
.media-link span { font: 10px ui-monospace, monospace; letter-spacing: .16em; color: var(--red); }
.media-link strong { margin-top: 26px; font-size: 22px; }
.media-link small { margin-top: auto; color: #68757a; }
.media-link b { position: absolute; top: 18px; right: 14px; font-size: 18px; font-weight: 400; }
.media-link:hover strong { color: var(--red); }
.media-link.pending { opacity: .62; cursor: default; }
.media-link.pending:hover strong { color: var(--ink); }
@media (max-width: 800px) { .media-guide { grid-template-columns: 1fr; gap: 34px; padding: 70px 5vw; } .media-guide-links { grid-template-columns: 1fr; } .media-link, .media-link + .media-link { min-height: 126px; padding: 18px 0; border-left: 0; border-bottom: 1px solid rgba(38,54,66,.28); } .media-link strong { margin-top: 20px; } }