/* ============= 一、隐藏模态与提示 ============= */
/* 隐藏模态框与提示 */ .modal-root__modal.interaction-modal, .modal-root__backdrop, .flash-message.translation-prompt, .follow_requests-unlocked_explanation, .compose-form__warning, .sign-in-banner > p:nth-child(-n+2) { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
/* 优化登录提示 */ .sign-in-banner { padding: 15px !important; }

/* ============= 二、用户信息与时间 ============= */
/* 隐藏可见性图标与用户名 */ .status__visibility-icon, .display-name__account { display: none !important; visibility: hidden !important; }
/* 时间链接与用户信息样式 */ a.status__relative-time, a.status__relative-time time, a.status__relative-time abbr[title^="最后编辑于"], strong.display-name__html, span.display-name__account { color: #e5e7eb !important; text-decoration: none !important; font-weight: normal !important; } span.display-name__account { color: #9ca3af !important; }
/* 时间缩小50% */ .status__relative-time { font-size: 50% !important; } .status__relative-time svg { width: 12px !important; height: 12px !important; }

/* ============= 三、操作栏 ============= */
/* 隐藏操作按钮及媒体 */ button.status__action-bar__button.icon-button:has(.icon-retweet, .star-icon, .bookmark-icon), .media-gallery__actions, .detailed-status__button:has(.bookmark-icon), .bookmark-icon.icon-button { display: none !important; visibility: hidden !important; }
/* 隐藏书签按钮容器 */ .status__action-bar__button-wrapper:has(.bookmark-icon) { display: none !important; }
/* 回复按钮靠右缩小操作栏50% */ .status__action-bar { transform: scale(0.5) !important; transform-origin: top right !important; display: flex !important; gap: 0 !important; flex-wrap: nowrap !important; } .status__action-bar__button-wrapper { margin: 0 !important; padding: 0 !important; }

/* ============= 四、导航与页脚 ============= */
/* 隐藏导航元素 */ div.server-banner, .navigation-panel__menu > .navigation-panel__list-panel:first-of-type, .navigation-panel__menu > a[href="/bookmarks"], .navigation-panel__legal, .link-footer, .about__footer { display: none !important; }
/* 导航项与图标样式 */ .navigation-panel__menu .column-link, .navigation-panel__list-panel .column-link { display: inline-flex !important; align-items: center !important; padding: 8px 10px !important; margin: 4px 0 !important; font-size: 16px !important; transition: all 0.2s ease !important; } .column-link__icon { width: 20px !important; height: 20px !important; margin-right: 6px !important; }
/* 导航交互效果 */ .navigation-panel__menu .column-link:hover:not(.active) { background-color: #e9e9e9 !important; transform: translateX(3px) !important; } .navigation-panel__menu .column-link.active { background-color: #dcdcdc !important; font-weight: 500 !important; }
/* 隐藏滚动条 */ .navigation-panel__menu, .navigation-panel__list-panel { overflow: hidden !important; scrollbar-width: none !important; -ms-overflow-style: none !important; } .navigation-panel__menu::-webkit-scrollbar, .navigation-panel__list-panel::-webkit-scrollbar { display: none !important; }

/* ============= 五、帖子内容 ============= */
/* 基础文本样式 */ .status__content .status__content__text { font-size: 1.01rem !important; line-height: 1.8 !important; } .status__content .status__content__text p { margin-bottom: 0.8rem !important; }
/* 详情页文本样式 */ .detailed-status .status__content__text { font-size: 1.1rem !important; line-height: 1.8 !important; } .detailed-status .status__content .status__content__text { font-size: 1.1rem !important; line-height: 1.8 !important; } .detailed-status .status__content__text br { content: ""; display: block !important; margin-bottom: 0.5rem !important; }
/* 帖子折叠逻辑 */ .status__content__text.status__content__text--visible { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; width: 100% !important; line-height: inherit !important; }
/* 移除省略号 */ .status__content__text.status__content__text--visible::after { content: none !important; }
/* 详情页完整显示 */ .detailed-status .status__content__text.status__content__text--visible { -webkit-line-clamp: none !important; overflow: visible !important; display: block !important; }
/* 链接样式 */ .status__content__text a, .status__content__text span.hashtag { color: #3b82f6 !important; text-decoration: none !important; }
/* 链接悬停效果 */ .status__content__text a:hover, .status__content__text span.hashtag:hover { opacity: 0.8 !important; }
/* 隐藏回复前缀及链接 */ .status__prepend, a[href$="/with_replies"] { display: none !important; }
/* 首行字体增大并调整行距 */.status:not(.detailed-status) .status__content__text.status__content__text--visible::first-line { font-size: 1.1rem !important; line-height: 2 !important; color: #ffffff !important; }
/* 后几行字体缩小并浅色 */.status:not(.detailed-status) .status__content__text.status__content__text--visible { font-size: 0.84rem !important; line-height: 1.5 !important; color: #606984 !important; }
/* 浅色主题后几行文字颜色 */@media (prefers-color-scheme: light) { .status:not(.detailed-status) .status__content__text.status__content__text--visible { color: #707070 !important; } }
/* 浅色主题首行颜色恢复 */@media (prefers-color-scheme: light) { .status:not(.detailed-status) .status__content__text.status__content__text--visible::first-line { color: #000000 !important; } }

/* ============= 六、头像样式 ============= */
/* 统一头像圆角及适配 */.status__avatar .account__avatar, .detailed-status__display-avatar .account__avatar, .account__avatar-wrapper .account__avatar { border-radius: 50% !important; overflow: hidden !important; object-fit: cover !important; }

/* ============= 七、列表页内容布局 ============= */
/* 隐藏YouTube宿主信息 */.status-card__host { display: none !important; visibility: hidden !important; }
/* 隐藏视频作者信息 */.status-card__author { display: none !important; visibility: hidden !important; }
/* 隐藏x.com、youtu.be和youtube.com链接（全结构覆盖） */.status-link.unhandled-link[href^="https://x.com"], .status-link.unhandled-link[href^="https://youtu.be"], .status-link.unhandled-link[href^="https://youtube.com"], .status-link.unhandled-link[href^="https://www.youtube.com"], .status__content.status__content--with-action .status__content__text.status__content__text--visible.translate p .status-link.unhandled-link[href^="https://x.com"], .status__content.status__content--with-action .status__content__text.status__content__text--visible.translate p .status-link.unhandled-link[href^="https://youtu.be"], .status__content.status__content--with-action .status__content__text.status__content__text--visible.translate p .status-link.unhandled-link[href^="https://youtube.com"], .status__content.status__content--with-action .status__content__text.status__content__text--visible.translate p .status-link.unhandled-link[href^="https://www.youtube.com"] { display: none !important; visibility: hidden !important; }
/* 内容区统一基础样式 */.status:not(.detailed-status) :is(.status__content, .media-gallery, .status__action-bar, .video-player, .status-card, .audio-player) { box-sizing: border-box !important; display: flex; align-items: flex-start; }
/* 内站媒体默认间距 */.status:not(.detailed-status) :is(.status__content, .media-gallery, .status__action-bar, .video-player) { margin-left: 58px !important; }
/* 媒体元素自适应 */.status-card__image-image, .audio-player audio { max-width: 100% !important; height: auto !important; }
/* 内容区统一基础样式（含hashtag-bar标签） */.status:not(.detailed-status) :is(.status__content, .media-gallery, .status__action-bar, .video-player, .status-card, .audio-player, .hashtag-bar) { box-sizing: border-box !important; display: flex; align-items: flex-start; }
/* 内站媒体默认间距（含hashtag-bar） */.status:not(.detailed-status) :is(.status__content, .media-gallery, .status__action-bar, .video-player, .hashtag-bar) { margin-left: 58px !important; }
/* X浏览器综合优化 */_:-webkit-full-screen, _:future, :root .status:not(.detailed-status) .status-card { margin-left: 47px !important; } _:-webkit-full-screen, _:future, :root .status:not(.detailed-status) .audio-player { margin-left: 47px !important; -webkit-margin-start: 47px !important; overflow: hidden !important; max-width: calc(100% - 47px) !important; } _:-webkit-full-screen, _:future, :root .audio-player > * { max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; } @media (min-width: 768px) { _:-webkit-full-screen, _:future, :root .status:not(.detailed-status) .status-card { margin-left: 58px !important; } _:-webkit-full-screen, _:future, :root .status:not(.detailed-status) .audio-player { margin-left: 58px !important; -webkit-margin-start: 58px !important; max-width: calc(100% - 58px) !important; } }

/* ============= 八、图片画廊样式 ============= */
/* 1. 横排布局 */.status:not(.detailed-status) .media-gallery { display: flex !important; }
/* 2. 横向排列 */.status:not(.detailed-status) .media-gallery { flex-direction: row !important; }
/* 3. 无间隙 */.status:not(.detailed-status) .media-gallery { gap: 0 !important; }
/* 4. 隐藏溢出 */.status:not(.detailed-status) .media-gallery { overflow: hidden !important; }
/* 5. 宽度自适应 */.status:not(.detailed-status) .media-gallery { width: 100% !important; }
/* 6. 最大宽度限制 */.status:not(.detailed-status) .media-gallery { max-width: calc(100% - 58px) !important; }
/* 7. 固定高度 */.status:not(.detailed-status) .media-gallery { height: 200px !important; }
/* 8. 垂直居中 */.status:not(.detailed-status) .media-gallery { align-items: center !important; }
/* 9. 最多显示3张图 */.status:not(.detailed-status) .media-gallery__item:nth-child(n+4) { display: none !important; }

/* ============= 九、图片圆角规则 ============= */
/* 1. 单图宽度 */.status:not(.detailed-status) .media-gallery:has(.media-gallery__item:only-child) .media-gallery__item { flex: 0 0 100% !important; }
/* 2. 单图圆角 */.status:not(.detailed-status) .media-gallery:has(.media-gallery__item:only-child) .media-gallery__item { border-radius: 8px !important; }
/* 3. 双图宽度 */.status:not(.detailed-status) .media-gallery:has(.media-gallery__item:nth-child(2):last-child) .media-gallery__item { flex: 0 0 50% !important; }
/* 4. 双图左圆角 */.status:not(.detailed-status) .media-gallery:has(.media-gallery__item:nth-child(2):last-child) .media-gallery__item:nth-child(1) { border-radius: 8px 0 0 8px !important; }
/* 5. 双图右圆角 */.status:not(.detailed-status) .media-gallery:has(.media-gallery__item:nth-child(2):last-child) .media-gallery__item:nth-child(2) { border-radius: 0 8px 8px 0 !important; }
/* 6. 三图宽度 */.status:not(.detailed-status) .media-gallery:has(.media-gallery__item:nth-child(3)) .media-gallery__item { flex: 0 0 calc(100% / 3) !important; }
/* 7. 三图左圆角 */.status:not(.detailed-status) .media-gallery:has(.media-gallery__item:nth-child(3)) .media-gallery__item:nth-child(1) { border-radius: 8px 0 0 8px !important; }
/* 8. 三图中间无圆角 */.status:not(.detailed-status) .media-gallery:has(.media-gallery__item:nth-child(3)) .media-gallery__item:nth-child(2) { border-radius: 0 !important; }
/* 9. 三图右圆角 */.status:not(.detailed-status) .media-gallery:has(.media-gallery__item:nth-child(3)) .media-gallery__item:nth-child(3) { border-radius: 0 8px 8px 0 !important; }

/* ============= 十、图片自适应规则 ============= */
/* 1. 图片项高度 */.status:not(.detailed-status) .media-gallery__item { height: 100% !important; }
/* 2. 图片项溢出隐藏 */.status:not(.detailed-status) .media-gallery__item { overflow: hidden !important; }
/* 3. 图片宽度 */.status:not(.detailed-status) .media-attachment img { width: 100% !important; }
/* 4. 图片高度 */.status:not(.detailed-status) .media-attachment img { height: 100% !important; }
/* 5. 图片填充方式 */.status:not(.detailed-status) .media-attachment img { object-fit: cover !important; }
/* 6. 继承圆角 */.status:not(.detailed-status) .media-attachment img { border-radius: inherit !important; }

/* ============= 十一、文字自适应 ============= */
/* 1. 正文宽度 */.status:not(.detailed-status) .status__content { width: 100% !important; }
/* 2. 正文最大宽度 */.status:not(.detailed-status) .status__content { max-width: calc(100% - 56px) !important; }
/* 3. 自动换行 */.status:not(.detailed-status) .status__content { word-wrap: break-word !important; }
/* 4. 溢出换行 */.status:not(.detailed-status) .status__content { overflow-wrap: break-word !important; }

/* ============= 十二、视频自适应 ============= */
/* 1. 视频容器宽度 */.status:not(.detailed-status) .video-player { width: 100% !important; }
/* 2. 视频容器最大宽度 */.status:not(.detailed-status) .video-player { max-width: calc(100% - 56px) !important; }
/* 3. 视频宽度 */.status:not(.detailed-status) .video-player video { width: 100% !important; }
/* 4. 视频最大宽度 */.status:not(.detailed-status) .video-player video { max-width: 100% !important; }
/* 5. 视频高度 */.status:not(.detailed-status) .video-player video { height: auto !important; }
/* 6. 视频适配方式 */.status:not(.detailed-status) .video-player video { object-fit: contain !important; }

/* ============= 十三、响应式调整 ============= */
/* 1. 小屏正文右移 */@media (max-width: 768px) { .status:not(.detailed-status) .status__content { margin-left: 56px !important; } }
/* 2. 小屏媒体区右移 */@media (max-width: 768px) { .status:not(.detailed-status) .media-gallery { margin-left: 56px !important; } }
/* 3. 小屏操作栏右移 */@media (max-width: 768px) { .status:not(.detailed-status) .status__action-bar { margin-left: 56px !important; } }
/* 4. 小屏视频容器右移 */@media (max-width: 768px) { .status:not(.detailed-status) .video-player { margin-left: 56px !important; } }
/* 5. 小屏媒体区最大宽度 */@media (max-width: 768px) { .status:not(.detailed-status) .media-gallery { max-width: calc(100% - 56px) !important; } }
/* 6. 小屏视频容器最大宽度 */@media (max-width: 768px) { .status:not(.detailed-status) .video-player { max-width: calc(100% - 56px) !important; } }