/*
 * 平台营销页现代增强层
 * 只覆盖既有 DOM；每个平台保留自己的内容结构与交互语言。
 */

:where(
  .xhs-community-page,
  .dy-stage-page,
  .ks-trust-live-page,
  .bili-creator-channel,
  #shipinhao-relationship-page,
  #gongzhonghao-editorial-page,
  #weibo-signal-page,
  #zhihu-knowledge-page,
  #pe-tiktok,
  #pe-youtube,
  #pe-instagram,
  #pe-facebook,
  #pe-x,
  #pe-linkedin,
  #pinterest-ecosystem,
  #twitch-ecosystem,
  #discord-ecosystem,
  #telegram-ecosystem,
  #snapchat-ecosystem,
  #reddit-ecosystem,
  #media-wire-page,
  .platform-atlas
) {
  --pm-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  max-width: 100%;
  overflow-x: clip;
  font-family: var(--pm-font) !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

:where(
  .xhs-community-page,
  .dy-stage-page,
  .ks-trust-live-page,
  .bili-creator-channel,
  #shipinhao-relationship-page,
  #gongzhonghao-editorial-page,
  #weibo-signal-page,
  #zhihu-knowledge-page,
  #pe-tiktok,
  #pe-youtube,
  #pe-instagram,
  #pe-facebook,
  #pe-x,
  #pe-linkedin,
  #pinterest-ecosystem,
  #twitch-ecosystem,
  #discord-ecosystem,
  #telegram-ecosystem,
  #snapchat-ecosystem,
  #reddit-ecosystem,
  #media-wire-page,
  .platform-atlas
) :is(h1, h2, h3, h4, p, a, button, input, textarea, select, summary, strong, b) {
  font-family: var(--pm-font) !important;
}

:where(
  .xhs-community-page,
  .dy-stage-page,
  .ks-trust-live-page,
  .bili-creator-channel,
  #shipinhao-relationship-page,
  #gongzhonghao-editorial-page,
  #weibo-signal-page,
  #zhihu-knowledge-page,
  #pe-tiktok,
  #pe-youtube,
  #pe-instagram,
  #pe-facebook,
  #pe-x,
  #pe-linkedin,
  #pinterest-ecosystem,
  #twitch-ecosystem,
  #discord-ecosystem,
  #telegram-ecosystem,
  #snapchat-ecosystem,
  #reddit-ecosystem,
  #media-wire-page,
  .platform-atlas
) :is(h1, h2) {
  text-wrap: balance;
}

:where(
  .xhs-community-page,
  .dy-stage-page,
  .ks-trust-live-page,
  .bili-creator-channel,
  #shipinhao-relationship-page,
  #gongzhonghao-editorial-page,
  #weibo-signal-page,
  #zhihu-knowledge-page,
  #pe-tiktok,
  #pe-youtube,
  #pe-instagram,
  #pe-facebook,
  #pe-x,
  #pe-linkedin,
  #pinterest-ecosystem,
  #twitch-ecosystem,
  #discord-ecosystem,
  #telegram-ecosystem,
  #snapchat-ecosystem,
  #reddit-ecosystem,
  #media-wire-page
) :is(img, video, svg) {
  max-width: 100%;
}

:where(
  .xhs-community-page,
  .dy-stage-page,
  .ks-trust-live-page,
  .bili-creator-channel,
  #shipinhao-relationship-page,
  #gongzhonghao-editorial-page,
  #weibo-signal-page,
  #zhihu-knowledge-page,
  #pe-tiktok,
  #pe-youtube,
  #pe-instagram,
  #pe-facebook,
  #pe-x,
  #pe-linkedin,
  #pinterest-ecosystem,
  #twitch-ecosystem,
  #discord-ecosystem,
  #telegram-ecosystem,
  #snapchat-ecosystem,
  #reddit-ecosystem,
  #media-wire-page
) :is(a, button, summary) {
  -webkit-tap-highlight-color: transparent;
}

:where(
  .xhs-community-page,
  .dy-stage-page,
  .ks-trust-live-page,
  .bili-creator-channel,
  #shipinhao-relationship-page,
  #gongzhonghao-editorial-page,
  #weibo-signal-page,
  #zhihu-knowledge-page,
  #pe-tiktok,
  #pe-youtube,
  #pe-instagram,
  #pe-facebook,
  #pe-x,
  #pe-linkedin,
  #pinterest-ecosystem,
  #twitch-ecosystem,
  #discord-ecosystem,
  #telegram-ecosystem,
  #snapchat-ecosystem,
  #reddit-ecosystem,
  #media-wire-page
) :focus-visible {
  outline: 3px solid color-mix(in srgb, currentColor 42%, transparent);
  outline-offset: 3px;
}

.pm-modern .pm-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .48s ease, transform .48s cubic-bezier(.2, .72, .2, 1);
}

.pm-modern .pm-reveal.pm-revealed {
  opacity: 1;
  transform: none;
}

.pm-modern .pm-press {
  transform: scale(.975) !important;
  transition-duration: .08s !important;
}

.pm-modern video.pm-video-deferred {
  background-color: #0d0f12;
}

/* 平台总览：保留生态地图，不回退为统一卡片列表。 */
.platform-atlas {
  --pa-ink: #111827;
  --pa-muted: #647184;
  --pa-line: #dce2e8;
  background: #f5f7f9;
}

.platform-atlas .pa-opening {
  background:
    linear-gradient(120deg, rgba(75, 175, 255, .12), transparent 42%),
    #071724;
}

.platform-atlas .pa-opening h1 {
  font-weight: 850;
  letter-spacing: -.06em;
}

.platform-atlas .pa-tabs {
  border-radius: 22px;
  box-shadow: 0 18px 50px rgba(18, 34, 49, .1);
}

.platform-atlas .pa-tabs button {
  min-height: 78px;
}

.platform-atlas .pa-discovery-deck a {
  border-radius: 24px;
  box-shadow: 0 10px 28px rgba(16, 31, 45, .055);
}

.platform-atlas .pa-discovery-deck a:nth-child(even) {
  border-radius: 24px;
}

.platform-atlas .pa-search-room {
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 14px 38px rgba(19, 42, 61, .07);
}

.platform-atlas .pa-global-network {
  border-radius: 42% 58% 47% 53% / 55% 43% 57% 45%;
}

.platform-atlas .pa-news-wire {
  border-radius: 24px;
}

/* 小红书：笔记社区、搜索与收藏感。 */
.xhs-community-page {
  --xhs-cream: #fff7f7 !important;
  --xhs-paper: #fff !important;
  --xhs-line: #eee1e3 !important;
  background:
    radial-gradient(circle at 8% 7%, rgba(255, 36, 66, .07), transparent 22%),
    #fff8f8 !important;
}

.xhs-community-page .xhs-community-head {
  background: rgba(255, 255, 255, .94);
}

.xhs-community-page .xhs-search-paper {
  border: 0 !important;
  border-radius: 30px !important;
  box-shadow: 0 24px 65px rgba(85, 42, 49, .09) !important;
}

.xhs-community-page .xhs-ledger {
  border: 0 !important;
  border-radius: 20px 20px 32px 20px !important;
  background:
    repeating-linear-gradient(#fff 0 31px, #f2e7e8 32px),
    #fff !important;
  box-shadow: 10px 12px 0 #f4dadd !important;
}

.xhs-community-page .xhs-search-box {
  border-width: 1px !important;
  box-shadow: inset 0 0 0 1px #232323;
}

.xhs-community-page .xhs-topic {
  min-height: 40px;
  padding-inline: 14px;
  background: #fff;
}

.xhs-community-page .xhs-note {
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(75, 40, 45, .08) !important;
}

.xhs-community-page .xhs-note:hover {
  transform: translateY(-4px);
}

.xhs-community-page .xhs-note-cover {
  border: 0;
}

.xhs-community-page .xhs-note-actions button {
  min-height: 34px;
}

.xhs-community-page .xhs-manifesto {
  border: 0 !important;
  border-radius: 10px 34px 10px 34px !important;
  background: #211d20 !important;
}

.xhs-community-page .xhs-feature-sheet {
  overflow: hidden;
  border: 0 !important;
  border-radius: 26px;
}

/* 抖音：竖屏舞台、双信号色与快速切换轨。 */
.dy-stage-page {
  background:
    radial-gradient(circle at 72% 8%, rgba(37, 244, 238, .07), transparent 23%),
    radial-gradient(circle at 20% 30%, rgba(254, 44, 85, .055), transparent 28%),
    #07090c !important;
}

.dy-stage-page .dy-cockpit-grid {
  gap: 18px;
}

.dy-stage-page :is(.dy-trend-deck, .dy-brief-panel, .dy-talent-module, .dy-capability-module) {
  overflow: hidden;
  border-color: #252c34;
  border-radius: 18px;
  background: #101419;
}

.dy-stage-page .dy-phone {
  border-color: #46515c;
  box-shadow:
    14px 14px 0 rgba(37, 244, 238, .08),
    -10px -8px 0 rgba(254, 44, 85, .07),
    0 30px 80px rgba(0, 0, 0, .55);
}

.dy-stage-page .dy-phone-screen {
  border-radius: 25px;
}

.dy-stage-page .dy-scene {
  min-height: 52px;
}

.dy-stage-page .dy-creator {
  min-height: 74px;
}

.dy-stage-page .dy-capability > span {
  border-radius: 12px;
}

.dy-stage-page .dy-production-shell {
  overflow: hidden;
  border-radius: 18px;
}

/* 快手：暖色直播间、主播信任与评论响应。 */
.ks-trust-live-page {
  --ks-cream: #fff7ef !important;
  --ks-paper: #fffdf9 !important;
  --ks-line: #ead8ca !important;
  background: #fff7ef !important;
}

.ks-trust-live-page .ks-shift-card {
  border: 0;
  border-radius: 18px 18px 6px 18px;
  box-shadow: 7px 7px 0 rgba(255, 79, 18, .22);
}

.ks-trust-live-page .ks-console-shell {
  overflow: hidden;
  border: 1px solid #6f4734;
  border-radius: 22px;
  box-shadow: 0 28px 70px rgba(86, 48, 29, .13);
}

.ks-trust-live-page .ks-live-stage {
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 160, 80, .28), transparent 35%),
    #2a1710;
}

.ks-trust-live-page .ks-stage-scene {
  background: linear-gradient(145deg, #7a381d, #4d2417 65%);
}

.ks-trust-live-page .ks-product-cue {
  border-radius: 13px 13px 4px 13px;
  box-shadow: 5px 5px 0 rgba(46, 20, 11, .2);
}

.ks-trust-live-page .ks-message {
  padding: 9px;
  border-radius: 12px;
  background: #fff;
}

.ks-trust-live-page .ks-region-console {
  border-width: 1px;
  border-radius: 16px;
}

.ks-trust-live-page .ks-host-roster {
  overflow: hidden;
  border-radius: 16px;
}

.ks-trust-live-page .ks-host-row {
  min-height: 76px;
}

/* B 站：播放器、弹幕和频道架。 */
.bili-creator-channel {
  --bili-bg: #f5fafc !important;
  background: #f5fafc !important;
}

.bili-creator-channel .bili-channel-cover {
  background:
    linear-gradient(110deg, rgba(0, 174, 236, .11), rgba(251, 114, 153, .08)),
    #eefaff;
}

.bili-creator-channel .bili-subscribe-box {
  border: 0;
  border-radius: 16px;
  box-shadow: 6px 6px 0 rgba(251, 114, 153, .45);
}

.bili-creator-channel .bili-theater-layout {
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 10px 12px 0 rgba(0, 174, 236, .15);
}

.bili-creator-channel .bili-player {
  border-radius: 0 !important;
}

.bili-creator-channel .bili-danmaku span {
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  backdrop-filter: blur(5px);
}

.bili-creator-channel .bili-chapter {
  min-height: 72px;
}

.bili-creator-channel .bili-up-card {
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(20, 71, 91, .055);
}

.bili-creator-channel .bili-curve-board {
  border: 0;
  border-radius: 16px;
}

/* 视频号：关系链节点与微信生态承接。 */
#shipinhao-relationship-page {
  background: #f7fbf8;
}

#shipinhao-relationship-page .sh-hero {
  background:
    radial-gradient(circle at 78% 20%, rgba(7, 193, 96, .12), transparent 24%),
    linear-gradient(180deg, #f6fcf8, #fff);
}

#shipinhao-relationship-page .sh-scene-tabs {
  border: 0;
  box-shadow: 0 8px 24px rgba(20, 75, 43, .09);
}

#shipinhao-relationship-page .sh-social-canvas {
  border-radius: 30px 10px 30px 10px !important;
  background: rgba(255, 255, 255, .9);
}

#shipinhao-relationship-page .sh-video {
  border-radius: 25px;
}

#shipinhao-relationship-page .sh-node {
  border-radius: 18px 7px 18px 7px;
}

#shipinhao-relationship-page .sh-relation-route {
  border: 0;
  border-radius: 18px;
  box-shadow: 0 16px 42px rgba(25, 72, 43, .07);
}

#shipinhao-relationship-page .sh-feed {
  border-radius: 22px !important;
}

#shipinhao-relationship-page .sh-private-path {
  border-radius: 8px 30px 8px 30px !important;
}

/* 公众号：现代内容工作台，而非旧式报刊。 */
#gongzhonghao-editorial-page {
  --mp-paper: #f4f8f6 !important;
  --mp-white: #fff !important;
  --mp-line: #dfe9e3 !important;
  background: #f4f8f6 !important;
}

#gongzhonghao-editorial-page .mp-masthead {
  border-bottom-color: #e2ebe5;
  background: rgba(255, 255, 255, .96);
}

#gongzhonghao-editorial-page .mp-brandmark {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  text-align: left;
}

#gongzhonghao-editorial-page .mp-brandmark::before {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  background: var(--mp-green);
  content: "文";
  font-weight: 850;
}

#gongzhonghao-editorial-page .mp-brandmark b {
  font-size: 17px;
  letter-spacing: -.02em;
}

#gongzhonghao-editorial-page .mp-cover {
  background:
    radial-gradient(circle at 84% 18%, rgba(7, 168, 91, .1), transparent 25%),
    #f8fcfa;
}

#gongzhonghao-editorial-page .mp-cover h1 {
  max-width: 760px;
  font-size: clamp(42px, 5.4vw, 68px);
  line-height: 1.06;
}

#gongzhonghao-editorial-page .mp-cover-aside {
  padding: 22px;
  border: 1px solid #dce9e1;
  border-top: 4px solid var(--mp-green);
  border-radius: 20px;
  background: #fff;
  box-shadow: 10px 12px 0 rgba(7, 168, 91, .055);
}

#gongzhonghao-editorial-page .mp-article {
  padding: 42px 46px 48px;
  border-color: #e0e9e3;
  border-radius: 24px 8px 24px 8px;
  box-shadow: 0 18px 50px rgba(28, 65, 43, .07);
}

#gongzhonghao-editorial-page .mp-dropcap::first-letter {
  float: none;
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

#gongzhonghao-editorial-page .mp-pullquote {
  margin-inline: 0;
  padding: 22px 24px;
  border: 0;
  border-left: 4px solid var(--mp-green);
  border-radius: 4px 18px 18px 4px;
  background: #eef8f2;
  text-align: left;
}

#gongzhonghao-editorial-page .mp-desk-block {
  padding: 20px;
  border: 1px solid #dde8e1;
  border-top: 3px solid var(--mp-green);
  border-radius: 16px;
  background: #fff;
}

#gongzhonghao-editorial-page .mp-metrics {
  background: #102c20;
}

/* 微博：实时信息流与热搜榜。 */
#weibo-signal-page {
  background: #f5f6f8;
}

#weibo-signal-page .wb-hero {
  background:
    linear-gradient(120deg, rgba(255, 130, 0, .14), transparent 48%),
    #121417;
}

#weibo-signal-page .wb-radar {
  border-radius: 18px 18px 5px 18px !important;
}

#weibo-signal-page :is(.wb-feed, .wb-trends) {
  border-radius: 14px !important;
  box-shadow: 0 14px 40px rgba(20, 24, 29, .06);
}

#weibo-signal-page .wb-post {
  transition: background-color .18s ease;
}

#weibo-signal-page .wb-post:hover {
  background: #fffafa;
}

#weibo-signal-page .wb-hot-item {
  min-height: 58px;
}

#weibo-signal-page .wb-hot-no {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 7px;
  background: #f4f4f5;
}

#weibo-signal-page .wb-hot-item:nth-child(-n + 3) .wb-hot-no {
  color: #fff;
  background: linear-gradient(135deg, var(--wb-red), var(--wb-orange));
}

#weibo-signal-page .wb-ferment {
  background: #191b1f;
}

#weibo-signal-page .wb-signal-strip {
  overflow: hidden;
  border-radius: 14px;
}

/* 知乎：问题、完整回答与可信度结构。 */
#zhihu-knowledge-page {
  background: #f3f6fa;
}

#zhihu-knowledge-page .zh-question-head {
  box-shadow: 0 1px 0 #e7ebef;
}

#zhihu-knowledge-page .zh-search-demo {
  min-height: 38px;
  border-radius: 999px;
}

#zhihu-knowledge-page .zh-answer {
  border: 0;
  border-radius: 16px !important;
  box-shadow: 0 12px 34px rgba(32, 62, 96, .07);
}

#zhihu-knowledge-page .zh-avatar {
  border-radius: 50%;
}

#zhihu-knowledge-page .zh-trust-label {
  border-radius: 999px;
}

#zhihu-knowledge-page .zh-credibility {
  border-left: 0;
  border-radius: 12px;
  box-shadow: inset 4px 0 var(--zh-blue);
}

#zhihu-knowledge-page .zh-answer-footer {
  border-radius: 0 0 16px 16px;
}

#zhihu-knowledge-page .zh-side-panel {
  border: 0;
  border-radius: 14px !important;
  box-shadow: 0 8px 26px rgba(34, 67, 103, .055);
}

#zhihu-knowledge-page .zh-related-list {
  overflow: hidden;
  border-radius: 14px;
}

/* TikTok：全球 For You、竖屏节奏与本地化脚本。 */
#pe-tiktok {
  background: #fff;
}

#pe-tiktok .tt-hero {
  background:
    radial-gradient(circle at 80% 18%, rgba(37, 244, 238, .1), transparent 25%),
    radial-gradient(circle at 66% 76%, rgba(254, 44, 85, .085), transparent 25%),
    #08090b;
}

#pe-tiktok .tt-phone {
  border-radius: 38px;
  box-shadow:
    10px 10px 0 rgba(37, 244, 238, .16),
    -8px -8px 0 rgba(254, 44, 85, .12);
}

#pe-tiktok .tt-region-tabs button {
  min-height: 38px;
}

#pe-tiktok .tt-localize-grid {
  border: 0;
  border-radius: 22px;
  box-shadow: 0 22px 60px rgba(20, 22, 24, .09);
}

#pe-tiktok .tt-script-card {
  border-radius: 0 !important;
}

#pe-tiktok .tt-version-preview {
  border-radius: 0 22px 22px 0 !important;
}

#pe-tiktok .tt-creator-grid article {
  border-radius: 14px !important;
}

#pe-tiktok .tt-feature-stack article {
  min-height: 90px;
}

/* YouTube：Watch 页面、章节留存与搜索长尾。 */
#pe-youtube {
  background: #fff;
}

#pe-youtube .yt-window {
  border-radius: 14px !important;
  box-shadow: 0 24px 65px rgba(15, 15, 18, .13);
}

#pe-youtube .yt-player {
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 74% 48%, rgba(255, 0, 51, .13), transparent 28%),
    #151518;
}

#pe-youtube .yt-button {
  border-radius: 999px;
}

#pe-youtube .yt-depth-card {
  border-radius: 12px 12px 4px 12px;
}

#pe-youtube .yt-retention-board {
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 16px 44px rgba(22, 22, 25, .07);
}

#pe-youtube .yt-chapters button {
  min-height: 58px;
  border-radius: 7px;
}

#pe-youtube .yt-serp-demo {
  border-radius: 14px;
  box-shadow: 14px 14px 0 rgba(255, 0, 51, .16);
}

#pe-youtube .yt-channel-home {
  border-radius: 16px;
  overflow: hidden;
}

#pe-youtube .yt-creator-list article {
  min-height: 78px;
}

/* Instagram：Stories 圆环、Reels 竖屏与策展网格。 */
#pe-instagram {
  --ig-paper: #f7f3ee;
  background: #fff;
}

#pe-instagram .ig-hero h1,
#pe-instagram :is(.ig-section-head, .ig-curation-top, .ig-reels-copy, .ig-feature-title) h2 {
  font-weight: 650;
}

#pe-instagram .ig-cover-main {
  border-radius: 36px 8px 36px 8px;
}

#pe-instagram .ig-cover-side {
  border-radius: 8px 36px 8px 36px;
}

#pe-instagram .ig-story-list button {
  min-height: 76px;
  border-radius: 16px;
}

#pe-instagram .ig-story-viewer {
  border-radius: 30px 7px 30px 7px;
}

#pe-instagram .ig-story-phone {
  border: 1px solid #373334;
  box-shadow: 0 18px 50px rgba(33, 28, 25, .2);
}

#pe-instagram .ig-grid-board {
  gap: 10px;
}

#pe-instagram .ig-tile {
  border-radius: 4px;
}

#pe-instagram .ig-reel-card {
  border-radius: 999px 999px 12px 12px;
}

#pe-instagram .ig-workflow {
  overflow: hidden;
  border-radius: 24px 7px 24px 7px;
}

#pe-instagram .ig-contact-visual {
  border-radius: 50% 50% 8px 8px;
}

/* Facebook：Feed、Page 与 Groups 的桌面社交密度。 */
#pe-facebook {
  background: #f4f7fc;
}

#pe-facebook .fb-hero {
  background:
    radial-gradient(circle at 86% 6%, rgba(24, 119, 242, .12), transparent 25%),
    #edf4ff;
}

#pe-facebook .fb-console {
  border-radius: 16px !important;
  box-shadow: 0 24px 70px rgba(31, 69, 116, .14);
}

#pe-facebook .fb-compose,
#pe-facebook .fb-post {
  border-radius: 10px;
}

#pe-facebook .fb-region-console {
  overflow: hidden;
  border-radius: 14px;
}

#pe-facebook .fb-region-tabs button {
  min-height: 48px;
}

#pe-facebook .fb-group-board {
  border-radius: 14px !important;
}

#pe-facebook .fb-group-columns > section {
  border-radius: 10px;
}

#pe-facebook .fb-feature-grid {
  border-radius: 14px;
  overflow: hidden;
}

#pe-facebook .fb-resource-table {
  border-radius: 12px !important;
}

/* X：高对比实时时间线、趋势速度与引用网络。 */
#pe-x {
  background: #fff;
}

#pe-x .x-app {
  border-radius: 18px;
  box-shadow: 14px 16px 0 #16181b;
}

#pe-x .x-stream-tabs button {
  min-height: 30px;
}

#pe-x .x-post {
  transition: background-color .16s ease;
}

#pe-x .x-post:hover {
  background: #080a0c;
}

#pe-x .x-trend-room {
  overflow: hidden;
  border-radius: 14px;
}

#pe-x .x-topic-list button {
  min-height: 66px;
}

#pe-x .x-network-map {
  border-radius: 50%;
}

#pe-x .x-node {
  min-height: 72px;
}

#pe-x .x-speed-track {
  border-top-width: 3px;
}

#pe-x .x-feature-list,
#pe-x .x-creator-list {
  border-top-width: 3px;
}

/* LinkedIn：决策人关系网与专业内容资产。 */
#pe-linkedin {
  background: #f3f6f8;
}

#pe-linkedin .li-graph-card {
  border-radius: 16px 5px 16px 5px !important;
  overflow: hidden;
  box-shadow: 14px 16px 0 #d9e3ec;
}

#pe-linkedin .li-role-node {
  min-height: 70px;
}

#pe-linkedin .li-role-table {
  overflow: hidden;
  border-radius: 12px;
}

#pe-linkedin .li-feed-demo {
  border-radius: 10px;
  overflow: hidden;
}

#pe-linkedin .li-format-tabs button {
  min-height: 40px;
  border-radius: 999px;
}

#pe-linkedin :is(.li-page-demo, .li-lead-path) {
  border-radius: 12px;
  overflow: hidden;
}

#pe-linkedin .li-feature-grid {
  border-radius: 12px;
  overflow: hidden;
}

#pe-linkedin .li-expert-grid article {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(28, 58, 87, .05);
}

/* Pinterest：Pin 瀑布、主题板与视觉搜索。 */
#pinterest-ecosystem {
  --pin-paper: #fffdfb;
  background: #fffdfb;
}

#pinterest-ecosystem .pin-hero h1,
#pinterest-ecosystem :is(.pin-intro, .pin-section-head, .pin-search-copy, .pin-faq, .pin-final) h2 {
  font-weight: 680;
}

#pinterest-ecosystem .pin-hero-board {
  border: 0;
  border-radius: 32px 32px 12px 32px;
  box-shadow: 0 30px 80px rgba(67, 38, 42, .14);
}

#pinterest-ecosystem .pin-mini {
  border-radius: 18px;
}

#pinterest-ecosystem .pin-tile {
  border-radius: 24px;
  box-shadow: 0 12px 30px rgba(62, 39, 42, .075);
}

#pinterest-ecosystem .pin-folder {
  border-radius: 28px 10px 28px 10px;
}

#pinterest-ecosystem .pin-lens-stage {
  border-radius: 34px;
}

#pinterest-ecosystem .pin-cap-grid article {
  border: 0;
  border-top: 5px solid var(--pin-brand);
  border-radius: 8px 8px 28px 28px !important;
}

/* Twitch：直播播放器与持续滚动的聊天语境。 */
#twitch-ecosystem {
  background: #0e0c13;
}

#twitch-ecosystem .tw-live-room {
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .38);
}

#twitch-ecosystem .tw-player {
  border-radius: 0 !important;
}

#twitch-ecosystem .tw-stage-card {
  border-radius: 4px 18px 18px 4px;
}

#twitch-ecosystem .tw-chat-feed p {
  padding: 7px 9px;
  border-radius: 8px;
}

#twitch-ecosystem .tw-chat-feed p:hover {
  background: #201b27;
}

#twitch-ecosystem .tw-category-stage {
  overflow: hidden;
  border-radius: 12px;
}

#twitch-ecosystem .tw-community-program {
  border-radius: 14px;
  overflow: hidden;
}

#twitch-ecosystem .tw-event-console {
  overflow: hidden;
  border-radius: 14px;
}

#twitch-ecosystem .tw-roster-card {
  border-radius: 10px 10px 22px 10px;
  overflow: hidden;
}

/* Discord：服务器、频道树、消息面板和角色权限。 */
#discord-ecosystem {
  background: #f4f5fb;
}

#discord-ecosystem .dc-workspace {
  border-radius: 18px !important;
  box-shadow: 0 30px 80px rgba(31, 35, 73, .24);
}

#discord-ecosystem .dc-server-rail button {
  min-height: 42px;
}

#discord-ecosystem .dc-channel-group button {
  min-height: 36px;
}

#discord-ecosystem .dc-messages article {
  padding: 6px;
  border-radius: 7px;
}

#discord-ecosystem .dc-messages article:hover {
  background: #383a47;
}

#discord-ecosystem .dc-blueprint-map {
  border-radius: 18px;
}

#discord-ecosystem .dc-role-console {
  overflow: hidden;
  border-radius: 14px;
}

#discord-ecosystem .dc-quest-card {
  border-radius: 4px 24px 24px 4px;
}

#discord-ecosystem .dc-feature-stack article {
  border-radius: 12px !important;
}

/* Telegram：频道广播、置顶消息与多地区分发。 */
#telegram-ecosystem {
  background: #fff;
}

#telegram-ecosystem .tg-channel-window {
  border-radius: 28px !important;
  box-shadow: 0 28px 75px rgba(26, 88, 116, .19);
}

#telegram-ecosystem .tg-pinned {
  box-shadow: inset 4px 0 var(--tg-brand);
}

#telegram-ecosystem .tg-post {
  border-radius: 16px 16px 5px 16px;
}

#telegram-ecosystem .tg-stream-card {
  border-radius: 20px 20px 7px 20px;
}

#telegram-ecosystem .tg-stream-core {
  border-radius: 7px 20px 20px 20px;
}

#telegram-ecosystem .tg-pin-preview {
  border-radius: 22px;
}

#telegram-ecosystem :is(.tg-growth-chart, .tg-growth-levers) {
  border-radius: 18px;
}

#telegram-ecosystem .tg-region-console {
  overflow: hidden;
  border-radius: 18px;
}

#telegram-ecosystem .tg-resource-list article {
  border-radius: 14px !important;
}

/* Snapchat：高对比 Stories、轻触与 Lens。 */
#snapchat-ecosystem {
  --sc-yellow: #ffea00;
  background: #fffef2;
}

#snapchat-ecosystem .sc-phone-shell {
  box-shadow: 14px 14px 0 rgba(0, 0, 0, .22);
}

#snapchat-ecosystem .sc-hero-marquee {
  overflow: hidden;
}

#snapchat-ecosystem .sc-story-canvas {
  border-inline: 2px solid #333;
}

#snapchat-ecosystem .sc-story-nav {
  backdrop-filter: none;
  background: rgba(255, 255, 255, .48);
}

#snapchat-ecosystem .sc-lens-lab {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 10px 10px 0 var(--sc-yellow);
}

#snapchat-ecosystem .sc-action-cards article {
  transition: background-color .16s ease, color .16s ease;
}

#snapchat-ecosystem .sc-feature-grid article {
  border-radius: 8px;
  box-shadow: 6px 6px 0 #111;
}

#snapchat-ecosystem .sc-creator-row article {
  border-radius: 999px 999px 14px 14px;
}

/* Reddit：帖子投票、Subreddit 语境与评论树。 */
#reddit-ecosystem {
  background: #fff;
}

#reddit-ecosystem .rd-feed-demo {
  border-radius: 10px;
  box-shadow: 0 24px 65px rgba(40, 44, 48, .14);
}

#reddit-ecosystem :is(.rd-post-card, .rd-rule-card, .rd-feed-post, .rd-sidebar-card) {
  border-radius: 6px !important;
}

#reddit-ecosystem .rd-subreddit-map {
  border-radius: 18px;
}

#reddit-ecosystem .rd-sub-node {
  border-radius: 8px;
}

#reddit-ecosystem .rd-feed-toolbar {
  position: sticky;
  z-index: 3;
  top: 72px;
  border-radius: 999px;
}

#reddit-ecosystem .rd-comment-tree {
  border-radius: 10px;
}

#reddit-ecosystem .rd-comment {
  padding-block: 4px;
}

#reddit-ecosystem .rd-rule-grid article {
  border-radius: 6px 22px 6px 6px;
}

#reddit-ecosystem .rd-capability-grid article {
  border-radius: 9px !important;
}

/* 网络媒体：新闻报文、稿件编辑和分发监测。 */
#media-wire-page {
  --nw-paper: #f4f5f2;
  background: #f4f5f2;
}

#media-wire-page .nw-hero {
  background:
    linear-gradient(120deg, rgba(121, 216, 223, .07), transparent 44%),
    #101416;
}

#media-wire-page .nw-incoming {
  border-radius: 8px;
  box-shadow: 12px 14px 0 #202527;
}

#media-wire-page .nw-brief h2,
#media-wire-page .nw-faq h2 {
  font-weight: 750;
}

#media-wire-page .nw-desk {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 20px 55px rgba(25, 31, 33, .085);
}

#media-wire-page .nw-manuscript h3 {
  font-weight: 720;
}

#media-wire-page .nw-channel {
  min-height: 54px;
  border-radius: 5px;
}

#media-wire-page .nw-monitor {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 10px 10px 0 #080a0b;
}

#media-wire-page .nw-desk-note {
  border-radius: 4px;
}

/* 移动端：内容优先、横向 snap、触控尺度与无页面级横溢出。 */
@media (max-width: 760px) {
  :where(
    .xhs-community-page,
    .dy-stage-page,
    .ks-trust-live-page,
    .bili-creator-channel,
    #shipinhao-relationship-page,
    #gongzhonghao-editorial-page,
    #weibo-signal-page,
    #zhihu-knowledge-page,
    #pe-tiktok,
    #pe-youtube,
    #pe-instagram,
    #pe-facebook,
    #pe-x,
    #pe-linkedin,
    #pinterest-ecosystem,
    #twitch-ecosystem,
    #discord-ecosystem,
    #telegram-ecosystem,
    #snapchat-ecosystem,
    #reddit-ecosystem,
    #media-wire-page,
    .platform-atlas
  ) {
    overflow-x: clip;
  }

  :where(
    .xhs-community-page,
    .dy-stage-page,
    .ks-trust-live-page,
    .bili-creator-channel,
    #shipinhao-relationship-page,
    #gongzhonghao-editorial-page,
    #weibo-signal-page,
    #zhihu-knowledge-page,
    #pe-tiktok,
    #pe-youtube,
    #pe-instagram,
    #pe-facebook,
    #pe-x,
    #pe-linkedin,
    #pinterest-ecosystem,
    #twitch-ecosystem,
    #discord-ecosystem,
    #telegram-ecosystem,
    #snapchat-ecosystem,
    #reddit-ecosystem,
    #media-wire-page
  ) :is(h1) {
    font-size: clamp(36px, 11vw, 44px) !important;
    line-height: 1.04 !important;
  }

  .platform-atlas .pa-tabs,
  .xhs-community-page .xhs-masonry,
  .dy-stage-page .dy-trend-stack,
  .ks-trust-live-page .ks-host-roster > div,
  .bili-creator-channel .bili-up-grid,
  #shipinhao-relationship-page .sh-feature-branches,
  #gongzhonghao-editorial-page .mp-editor-desk,
  #weibo-signal-page .wb-signal-strip,
  #zhihu-knowledge-page .zh-sidebar,
  #pe-tiktok .tt-creator-grid,
  #pe-youtube .yt-chapters,
  #pe-instagram .ig-story-list,
  #pe-instagram .ig-reels-rail,
  #pe-facebook .fb-region-tabs,
  #pe-facebook .fb-group-columns,
  #pe-x .x-topic-list,
  #pe-linkedin .li-format-tabs,
  #pe-linkedin .li-expert-grid,
  #pinterest-ecosystem .pin-creator-rail,
  #twitch-ecosystem .tw-event-track,
  #twitch-ecosystem .tw-roster,
  #discord-ecosystem .dc-role-tabs,
  #discord-ecosystem .dc-partner-list,
  #telegram-ecosystem .tg-stream-anatomy,
  #snapchat-ecosystem .sc-creator-row,
  #reddit-ecosystem .rd-rule-grid,
  #media-wire-page .nw-channel-list {
    display: flex !important;
    gap: 12px;
    max-width: 100%;
    padding: 2px 2px 12px;
    overflow-x: auto !important;
    overflow-y: hidden;
    scroll-padding-inline: 2px;
    scroll-snap-type: x mandatory;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .platform-atlas .pa-tabs::-webkit-scrollbar,
  .xhs-community-page .xhs-masonry::-webkit-scrollbar,
  .dy-stage-page .dy-trend-stack::-webkit-scrollbar,
  .ks-trust-live-page .ks-host-roster > div::-webkit-scrollbar,
  .bili-creator-channel .bili-up-grid::-webkit-scrollbar,
  #shipinhao-relationship-page .sh-feature-branches::-webkit-scrollbar,
  #gongzhonghao-editorial-page .mp-editor-desk::-webkit-scrollbar,
  #weibo-signal-page .wb-signal-strip::-webkit-scrollbar,
  #zhihu-knowledge-page .zh-sidebar::-webkit-scrollbar,
  #pe-tiktok .tt-creator-grid::-webkit-scrollbar,
  #pe-youtube .yt-chapters::-webkit-scrollbar,
  #pe-instagram .ig-story-list::-webkit-scrollbar,
  #pe-instagram .ig-reels-rail::-webkit-scrollbar,
  #pe-facebook .fb-region-tabs::-webkit-scrollbar,
  #pe-facebook .fb-group-columns::-webkit-scrollbar,
  #pe-x .x-topic-list::-webkit-scrollbar,
  #pe-linkedin .li-format-tabs::-webkit-scrollbar,
  #pe-linkedin .li-expert-grid::-webkit-scrollbar,
  #pinterest-ecosystem .pin-creator-rail::-webkit-scrollbar,
  #twitch-ecosystem .tw-event-track::-webkit-scrollbar,
  #twitch-ecosystem .tw-roster::-webkit-scrollbar,
  #discord-ecosystem .dc-role-tabs::-webkit-scrollbar,
  #discord-ecosystem .dc-partner-list::-webkit-scrollbar,
  #telegram-ecosystem .tg-stream-anatomy::-webkit-scrollbar,
  #snapchat-ecosystem .sc-creator-row::-webkit-scrollbar,
  #reddit-ecosystem .rd-rule-grid::-webkit-scrollbar,
  #media-wire-page .nw-channel-list::-webkit-scrollbar {
    display: none;
  }

  .platform-atlas .pa-tabs > *,
  .xhs-community-page .xhs-masonry > *,
  .dy-stage-page .dy-trend-stack > *,
  .ks-trust-live-page .ks-host-roster > div > *,
  .bili-creator-channel .bili-up-grid > *,
  #shipinhao-relationship-page .sh-feature-branches > *,
  #gongzhonghao-editorial-page .mp-editor-desk > *,
  #weibo-signal-page .wb-signal-strip > *,
  #zhihu-knowledge-page .zh-sidebar > *,
  #pe-tiktok .tt-creator-grid > *,
  #pe-youtube .yt-chapters > *,
  #pe-instagram .ig-story-list > *,
  #pe-instagram .ig-reels-rail > *,
  #pe-facebook .fb-region-tabs > *,
  #pe-facebook .fb-group-columns > *,
  #pe-x .x-topic-list > *,
  #pe-linkedin .li-format-tabs > *,
  #pe-linkedin .li-expert-grid > *,
  #pinterest-ecosystem .pin-creator-rail > *,
  #twitch-ecosystem .tw-event-track > *,
  #twitch-ecosystem .tw-roster > *,
  #discord-ecosystem .dc-role-tabs > *,
  #discord-ecosystem .dc-partner-list > *,
  #telegram-ecosystem .tg-stream-anatomy > *,
  #snapchat-ecosystem .sc-creator-row > *,
  #reddit-ecosystem .rd-rule-grid > *,
  #media-wire-page .nw-channel-list > * {
    width: auto;
    min-width: min(82vw, 320px);
    flex: 0 0 min(82vw, 320px);
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .platform-atlas .pa-tabs > *,
  #pe-youtube .yt-chapters > *,
  #pe-facebook .fb-region-tabs > *,
  #pe-x .x-topic-list > *,
  #pe-linkedin .li-format-tabs > *,
  #discord-ecosystem .dc-role-tabs > *,
  #media-wire-page .nw-channel-list > * {
    min-width: min(66vw, 250px);
    flex-basis: min(66vw, 250px);
  }

  #pe-instagram .ig-story-list > * {
    min-width: 108px;
    flex-basis: 108px;
  }

  .xhs-community-page .xhs-masonry {
    columns: auto !important;
  }

  .xhs-community-page .xhs-note {
    margin: 0 !important;
  }

  .ks-trust-live-page .ks-console-shell {
    display: flex !important;
    flex-direction: column;
  }

  .ks-trust-live-page .ks-live-stage {
    order: 1 !important;
  }

  .ks-trust-live-page .ks-control-stack {
    order: 2 !important;
  }

  .ks-trust-live-page .ks-chat-panel {
    order: 3 !important;
  }

  #gongzhonghao-editorial-page .mp-editor-desk {
    position: static;
  }

  #gongzhonghao-editorial-page .mp-desk-block + .mp-desk-block {
    margin-top: 0;
  }

  #weibo-signal-page .wb-signal-strip,
  #shipinhao-relationship-page .sh-feature-branches {
    border: 0;
    background: transparent;
  }

  #pe-instagram .ig-reels-rail {
    grid-template-columns: none !important;
  }

  #pe-instagram .ig-reel-card {
    min-height: 430px;
  }

  #pe-facebook .fb-group-columns > section {
    padding: 12px;
  }

  #pe-x .x-topic-list {
    grid-template-columns: none !important;
  }

  #pe-linkedin .li-format-tabs > * {
    min-width: 130px;
    flex-basis: 130px;
  }

  #discord-ecosystem .dc-partner-list,
  #media-wire-page .nw-channel-list {
    grid-template-columns: none !important;
  }

  #telegram-ecosystem .tg-stream-anatomy {
    grid-template-columns: none !important;
  }

  #reddit-ecosystem .rd-rule-grid {
    grid-template-columns: none !important;
  }

  .pm-snap-target.pm-snap-hint {
    position: relative;
    padding-right: 58px;
    mask-image: linear-gradient(90deg, #000 0 88%, transparent);
  }

  .pm-snap-target.pm-snap-hint::after {
    position: sticky;
    right: 8px;
    display: grid;
    min-width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    align-self: center;
    border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
    border-radius: 50%;
    color: currentColor;
    background: color-mix(in srgb, Canvas 88%, transparent);
    box-shadow: 0 6px 18px rgba(15, 23, 32, .12);
    content: "→";
    font-size: 18px;
    font-weight: 800;
    pointer-events: none;
  }
}

@media (pointer: coarse) {
  :where(
    .xhs-community-page,
    .dy-stage-page,
    .ks-trust-live-page,
    .bili-creator-channel,
    #shipinhao-relationship-page,
    #gongzhonghao-editorial-page,
    #weibo-signal-page,
    #zhihu-knowledge-page,
    #pe-tiktok,
    #pe-youtube,
    #pe-instagram,
    #pe-facebook,
    #pe-x,
    #pe-linkedin,
    #pinterest-ecosystem,
    #twitch-ecosystem,
    #discord-ecosystem,
    #telegram-ecosystem,
    #snapchat-ecosystem,
    #reddit-ecosystem,
    #media-wire-page
  ) :is(
    [role="tab"],
    summary,
    [class*="-btn"],
    [class*="-button"],
    [class*="-actions"] a
  ) {
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-modern .pm-reveal,
  .pm-modern .pm-reveal.pm-revealed {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .pm-modern .pm-press {
    transform: none !important;
    opacity: .76;
  }
}

.pm-motion-lite *,
.pm-motion-lite *::before,
.pm-motion-lite *::after,
.pm-save-data *,
.pm-save-data *::before,
.pm-save-data *::after {
  scroll-behavior: auto !important;
  animation: none !important;
  transition-duration: .01ms !important;
}

.pm-save-data :is(
  .tt-orb,
  .dy-signal-line,
  .wb-hero::before,
  .sh-hero::before,
  .tg-hero::after,
  .sc-hero::before,
  .nw-incoming::after
) {
  display: none !important;
}
