/* =========================================================
   全局基调：深色背景 + 玻璃质感卡片 + 圆角 + 柔和阴影
   贴在「自定义 CSS」的最底部
   ========================================================= */

/* 1) App 背景与基础文字色 */
:root {
  --g-surface: rgba(18, 20, 26, 0.40);         /* 40% 透明基底 */
  --g-card: rgba(26, 28, 36, 0.58);            /* 卡片 */
  --g-border: rgba(255,255,255,.08);
  --g-shadow: 0 18px 48px rgba(0,0,0,.45);
  --g-radius-lg: 24px;
  --g-radius-md: 16px;
  --g-radius-sm: 12px;
  --g-brand: #635bff;
  --g-brand-2: #9aa3ff;
  --g-text: #e8eaf2;
  --g-text-2: #c0c4d4;
}

body {
  color: var(--g-text);
  background: radial-gradient(1200px 600px at 80% 85%, rgba(99,91,255,.12) 0%, transparent 55%),
              radial-gradient(900px 500px at 20% 10%, rgba(154,163,255,.10) 0%, transparent 55%),
              #0d0f14;
}

/* 2) 顶部导航 / 侧栏列头 */
:where(.ui, .columns-area__panels__main, .drawer) :where(.navigation-bar, .column-header) {
  background: var(--g-card);
  -webkit-backdrop-filter: saturate(140%) blur(12px);
  backdrop-filter: saturate(140%) blur(12px);
  border: 1px solid var(--g-border);
  border-radius: var(--g-radius-md);
  box-shadow: var(--g-shadow);
}
:where(.column-header) {
  margin: 12px;
  padding: 10px 14px;
}
:where(.column-header__wrapper, .column-header__collapsible) { border: 0; }

/* 3) 每一列容器 */
:where(.column, .columns-area__panels__main) {
  background: transparent;
  border: 0;
}
:where(.column) { padding: 8px; }

/* 4) 发帖框（发布 / 回复） */
:where(.compose-form, .reply-indicator__header) {
  background: var(--g-card);
  -webkit-backdrop-filter: saturate(140%) blur(12px);
  backdrop-filter: saturate(140%) blur(12px);
  border: 1px solid var(--g-border);
  border-radius: var(--g-radius-lg);
  box-shadow: var(--g-shadow);
  margin: 12px;
}
:where(.compose-form__buttons) { border-top: 1px solid var(--g-border); }

:where(.compose-form) :where(.autosuggest-textarea__textarea, textarea) {
  background: transparent;
  color: var(--g-text);
  border: 0;
  box-shadow: none;
}
:where(.compose-form) :where(.compose-form__buttons, .compose-form__modifiers) {
  background: transparent;
}

/* 5) 主按钮 / 轻按钮 / 图标按钮 */
:where(.button, .compose-form__publish-button) {
  background: var(--g-brand);
  color: #fff;
  border: 0;
  border-radius: var(--g-radius-sm);
  box-shadow: 0 8px 20px rgba(99,91,255,.35);
  transition: transform .12s ease, box-shadow .2s ease, opacity .2s ease;
}
:where(.button, .compose-form__publish-button):hover { transform: translateY(-1px); opacity:.95; }
:where(.icon-button, .status__action-bar .button) {
  background: rgba(255,255,255,.06);
  color: var(--g-text);
  border: 1px solid var(--g-border);
  border-radius: 10px;
}

/* 6) 时间线卡片（各类型状态） */
:where(.status, .detailed-status, .notification, .account) {
  background: var(--g-card);
  -webkit-backdrop-filter: saturate(140%) blur(12px);
  backdrop-filter: saturate(140%) blur(12px);
  border: 1px solid var(--g-border);
  border-radius: var(--g-radius-lg);
  box-shadow: var(--g-shadow);
  margin: 12px;
  padding: 12px 14px;
}

:where(.status):hover { box-shadow: 0 22px 60px rgba(0,0,0,.55); }
:where(.status__prepend, .status__prepend .status__display-name) { color: var(--g-text-2); }

/* 文字块 */
:where(.status__content) {
  color: var(--g-text);
  font-size: 15px;
  line-height: 1.6;
}
:where(.status__content a) { color: var(--g-brand-2); text-decoration: none; }
:where(.status__content a:hover) { text-decoration: underline; }

/* 头像圆角、尺寸与边框 */
:where(.account__avatar, .status__avatar) {
  border-radius: 18%;
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
  outline: 2px solid rgba(255,255,255,.08);
  outline-offset: 0;
}

/* 行为栏（转发/回复/赞/更多） */
:where(.status__action-bar) {
  border-top: 1px solid var(--g-border);
  margin-top: 10px;
  padding-top: 6px;
}
:where(.status__action-bar) .icon-button,
:where(.status__action-bar) .button {
  background: rgba(255,255,255,.06);
  border: 1px solid var(--g-border);
  border-radius: 10px;
  padding: 6px 10px;
}
:where(.status__action-bar) .icon-button:hover { background: rgba(255,255,255,.10); }

/* 时间、可见性等次要信息 */
:where(.status__relative-time, .status__visibility-icon, .status__visibility-icon + span) {
  color: var(--g-text-2);
}

/* 7) 媒体附件 / 预览卡 */
:where(.media-gallery, .attachment-list, .link-preview, .card, .media-gallery__item) {
  background: rgba(255,255,255,.05);
  border: 1px solid var(--g-border);
  border-radius: var(--g-radius-md);
  overflow: hidden;
}
:where(.media-gallery__item-thumbnail, .media-gallery__item) img {
  border-radius: 10px;
}

/* 8) 投票 / 内容警告 / 可折叠块 */
:where(.poll, .spoiler-button, .status__content__read-more-button) {
  background: rgba(255,255,255,.06);
  border: 1px solid var(--g-border);
  border-radius: var(--g-radius-sm);
}
:where(.spoiler-button):hover,
:where(.status__content__read-more-button):hover { background: rgba(255,255,255,.10); }

/* 9) 通知流（更紧凑的行距与卡片） */
:where(.notification) { padding: 10px 12px; }
:where(.notification__message) { color: var(--g-text-2); }

/* 10) 列表项/设置面板通用卡 */
:where(.panel, .drawer__inner, .getting-started__wrapper, .trends__item, .account__section-headline) {
  background: var(--g-card);
  -webkit-backdrop-filter: saturate(140%) blur(12px);
  backdrop-filter: saturate(140%) blur(12px);
  border: 1px solid var(--g-border);
  border-radius: var(--g-radius-md);
  box-shadow: var(--g-shadow);
}

/* 11) 输入框统一玻璃态 */
:where(input[type="text"], input[type="search"], input[type="url"], textarea, .search__input) {
  background: rgba(255,255,255,.06);
  color: var(--g-text);
  border: 1px solid var(--g-border);
  border-radius: 12px;
  box-shadow: inset 0 0 0 9999px rgba(0,0,0,0); /* 去除系统高亮 */
}
:where(input, textarea)::placeholder { color: rgba(232,234,242,.45); }

/* 12) 链接/标签/用户名的细节 */
:where(.display-name__account, .status__display-name strong) { color: var(--g-text); }
:where(.hashtag, .status__content .hashtag) { color: var(--g-brand-2); }

/* 13) 悬浮/选中态轮廓 */
:where(a, button, .icon-button, .button, .status) :focus-visible {
  outline: 2px solid rgba(154,163,255,.55);
  outline-offset: 2px;
  border-radius: 12px;
}

/* 14) 减少动效的尊重 */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* 15) 小屏优化：卡片边距与圆角收敛 */
@media (max-width: 640px) {
  :where(.status, .notification, .compose-form) { margin: 10px 8px; border-radius: 18px; }
  :where(.column-header) { margin: 8px; border-radius: 14px; }
}

/* 16) 进阶：纯色主题也能套玻璃（当主题过亮时） */
@media (prefers-color-scheme: light) {
  :root { --g-text: #101218; --g-text-2: #5a606f; }
}

/* —— 扁平化到位：彻底去掉操作按钮的玻璃外框 —— */
:where(.status__action-bar) :where(.icon-button, .button, button, a.button) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  outline: none;                 /* 保留 focus-visible 见下 */
  border-radius: 10px;           /* 仅用于焦点轮廓形状 */
}

/* 有些主题用伪元素画外框，这里直接取消 */
:where(.status__action-bar) :where(.icon-button, .button)::before,
:where(.status__action-bar) :where(.icon-button, .button)::after {
  content: none !important;
}

/* 图标和计数统一扁平配色（可按需调色） */
:root {
  --flat-text:  #c0c4d4;
  --flat-text-hover: #e8eaf2;
  --flat-brand: #635bff;
}
:where(.status__action-bar) :where(.icon-button, .button) { color: var(--flat-text); }
:where(.status__action-bar) :where(.icon-button, .button):hover { color: var(--flat-text-hover); }
:where(.status__action-bar) :where(.icon-button--active, .button--active,
  .favourite-button.active, .reblog-button.active) { color: var(--flat-brand); }
:where(.status__action-bar__counter) { color: var(--flat-text); }
:where(.status__action-bar) :where(.icon-button--active + .status__action-bar__counter,
  .favourite-button.active + .status__action-bar__counter,
  .reblog-button.active + .status__action-bar__counter) { color: var(--flat-brand); }

/* 扁平但保留无干扰的可访问性焦点轮廓 */
:where(.status__action-bar) :where(.icon-button, .button):focus-visible {
  outline: 2px solid rgba(99,91,255,.45);
  outline-offset: 2px;
}

/* 如果操作栏容器本身也有玻璃背景，可一并清理（按需打开） */
/*
.status__action-bar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
*/

/* ============ 0. 彻底确认：发帖框没有“背后一层” ============ */
/* 发帖框本体透明（不当卡片），不新增阴影/边框/圆角 */
:where(.compose-form, .composer){
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  margin: 0; /* 不改变布局，只是不要新框体 */
  padding: 0;
}
/* 不允许用伪元素画背板 */
:where(.compose-form, .composer)::before,
:where(.compose-form, .composer)::after { content: none !important; }

/* 一些主题会在 compose 容器外再包一层，这里也全部清掉 */
:where(.compose-panel, .compose-container, .composer__container, .compose-holder,
       .compose-underlay, .composer__underlay, .compose-form__underlay,
       .compose-form__overlay, .composer__overlay, .compose-shadow, .compose-backdrop) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
:where(.compose-panel, .compose-container, .composer__container, .compose-holder)::before,
:where(.compose-panel, .compose-container, .composer__container, .compose-holder)::after {
  content: none !important;
}

/* ============ 1. 仅修发帖框“内部元素”的样式（无外层卡片） ============ */

/* 顶部 chips（公开 / 语言）：扁平描边，不撑破 */
:where(.compose-form__header, .compose-form__modifiers, .composer__header){
  margin: 12px 12px 8px; padding: 0; background: transparent; border: 0;
}
:where(.compose-form__modifiers) :where(.button, .compose-form__visibility, .compose-form__language),
:where(.composer__header) :where(.composer__visibility, .composer__language, .button){
  background: transparent; border: 1px solid rgba(255,255,255,.14);
  color: #c0c4d4; border-radius: 999px; padding: 6px 10px; box-shadow: none;
  max-width: 100%;
}
:where(.compose-form__modifiers, .composer__header)
:where(.button:hover, .compose-form__visibility:hover, .compose-form__language:hover,
       .composer__visibility:hover, .composer__language:hover){
  border-color: rgba(255,255,255,.22); color: #e8eaf2;
}

/* 输入框：只给自身圆角与描边，背景透明（看见页面背景），不外溢 */
:where(.autosuggest-textarea__textarea, .composer__textarea, .compose-form textarea){
  display: block; width: 100%; max-width: 100%; box-sizing: border-box;
  background: transparent; color: #e8eaf2;
  border: 1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 10px 12px;
  box-shadow: none;
}
:where(.compose-form) textarea::placeholder { color: rgba(232,234,242,.45); }

/* 底部工具栏：扁平图标，容器透明不加背景 */
:where(.compose-form__buttons, .composer__footer){
  background: transparent; border: 0; margin: 10px 12px 12px; padding: 0;
}
:where(.compose-form__buttons, .composer__footer)
:where(.icon-button, .button, button, a.button, .composer__tool, .composer__action){
  background: transparent; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
  color: #c0c4d4; padding: 6px 10px; border-radius: 10px; transition: color .15s ease;
}
:where(.compose-form__buttons, .composer__footer)
:where(.icon-button, .button, .composer__tool, .composer__action):hover { color: #e8eaf2; }
:where(.compose-form__buttons, .composer__footer)
:where(.icon-button, .button)::before,
:where(.compose-form__buttons, .composer__footer)
:where(.icon-button, .button)::after { content: none; }

/* 计数与警示 */
:where(.compose-form__buttons, .composer__footer)
:where(.character-counter, .compose-form__warning, .composer__counter){ color: #c0c4d4; }

/* 发布按钮：保持品牌色实体按钮，其它仍扁平 */
:where(.compose-form) :where(.compose-form__publish-button),
:where(.composer) :where(.composer__publish, .composer__submit, .button.button--block[type="submit"]){
  background: #635bff; color: #fff; border: 0; border-radius: 12px;
  box-shadow: 0 8px 20px rgba(99,91,255,.35);
  padding: 10px 16px; transition: transform .12s ease, opacity .2s ease;
}
:where(.compose-form__publish-button, .composer__publish, .composer__submit):hover {
  transform: translateY(-1px); opacity: .95;
}


/* 仅针对旧UI .compose-form：细线描边 + 圆角 */
:root{
  --line: rgba(255,255,255,.18);
  --line-hover: rgba(255,255,255,.28);
  --brand: #635bff;
  --radius-lg: 22px;
  --radius-sm: 12px;
  --compose-textarea-min: 240px; /* 输入区高度≈默认的1.5倍，可调 */
}

/* 外圈线框（无底色） */
.compose-form{
  background: transparent !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: none !important;
}
.compose-form:hover{ border-color: var(--line-hover) !important; }

/* ********** 关键：把发帖框内部所有“背板”清空 **********
   只清常见块级容器，避免误伤按钮等内联元素            */
.compose-form :where(
  div, section, header, footer, article, main, form,
  aside, nav, ul, li
):not(.compose-form__upload__thumbnail){
  background: transparent !important;
  box-shadow: none !important;
}

/* 内层常见包装类再明确一次（有主题会加更高优先级） */
.compose-form :where(
  .compose-form__header,
  .compose-form__modifiers,
  .compose-form__container,
  .compose-form__buttons,
  .compose-form__warning,
  .compose-form__poll-wrapper,
  .compose-form__upload-wrapper,
  .autosuggest-textarea,
  .autosuggest-textarea__container,
  .autosuggest-textarea__textarea-wrapper
){
  background: transparent !important;
  box-shadow: none !important;
}

/* 有些主题用伪元素铺底，这里一并移除 */
.compose-form :where(
  .compose-form__header,
  .compose-form__container,
  .compose-form__buttons
)::before,
.compose-form :where(
  .compose-form__header,
  .compose-form__container,
  .compose-form__buttons
)::after{
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 文本输入区：透明 + 高度+50% */
.compose-form :where(.autosuggest-textarea__textarea, textarea){
  background: transparent !important;
  min-height: var(--compose-textarea-min) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 14px; /* 输入区自身轻圆角，避免贴边生硬 */
}

/* 发布按钮：置底 + 加宽（移动端满宽） */
.compose-form__buttons{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 10px;
}
.compose-form__buttons button[type="submit"]{
  order: 99 !important;                 /* 一定在最后一行 */
  background: transparent !important;   /* 线框样式 */
  color: var(--brand) !important;
  border: 1.5px solid var(--brand) !important;
  border-radius: var(--radius-sm) !important;
  padding: 12px 16px !important;
  box-shadow: none !important;
  justify-content: center;
  text-align: center;
  flex: 1 1 280px;                      /* 桌面加宽 */
}
@media (max-width: 739.98px){
  .compose-form__buttons button[type="submit"]{
    flex-basis: 100% !important;        /* 移动端满宽 */
    max-width: 100% !important;
  }
}

/* 把描边从 .compose-form 挪到 .compose-form__container，避免整列被勾线 */

/* 取消 .compose-form 自己的边框与圆角（防止拉到底部） */
.compose-form{
  background: transparent !important;
  border: 0 !important;             /* 关键：不再给 .compose-form 画边 */
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 把线框画在真正的发帖容器上，并阻止被主题拉伸 */
.compose-form__container{
  background: transparent !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: none !important;
  height: auto !important;          /* 避免被主题撑高到整列 */
  min-height: 0 !important;
}

/* 悬停强化（可留可删） */
.compose-form__container:hover{
  border-color: var(--line-hover) !important;
}


/* === 让发布按钮固定在底部一整行（Grid 方案，强制生效） === */

/* 1) 按钮区使用 Grid 布局（兼容两种容器命名） */
.compose-form :is(.compose-form__buttons, .compose-form__buttons-wrapper){
  display: grid !important;
  grid-template-columns: repeat(6, max-content) 1fr; /* 前面若干小图标 + 占位 */
  column-gap: 10px;
  row-gap: 10px;
  align-items: center;
}

/* 2) “发布”按钮占满第二行整行（放到最后） */
.compose-form :is(.compose-form__buttons, .compose-form__buttons-wrapper)
  :is(
    button[type="submit"],
    input[type="submit"],
    .compose-form__publish-button,
    .compose-form__publish .button,
    .compose-form__publish button,
    .button.button--block.button--primary,
    .button.button--primary
  ){
  grid-column: 1 / -1 !important;   /* 占满整行 */
  justify-self: stretch !important; /* 拉满宽度 */
  min-width: 0 !important;
  order: 99 !important;             /* 即便退回 flex 也在最后 */
}

/* 3) 移动端依然铺满，间距略加大（可按需） */
@media (max-width: 740px){
  .compose-form :is(.compose-form__buttons, .compose-form__buttons-wrapper){
    column-gap: 8px;
    row-gap: 12px;
  }
}

/* ============== 发帖面板（compositional）发布按钮：整行 + 发光描边风格 ============== */

/* 1) 按钮区域用 Grid，保持上面图标一行，发布按钮单独占下一行 */
.columns-area__panels__pane--compositional .compose-form__buttons {
  display: grid !important;
  grid-template-columns: repeat(6, max-content) 1fr; /* 前面小图标若干 + 占位 */
  column-gap: 10px;
  row-gap: 10px;
  align-items: center;
}

/* 2) 让“发布”所在的提交容器占满整行，并拉满宽度 */
.columns-area__panels__pane--compositional .compose-form__submit {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
}

/* 3) 真正的按钮（注意这里是 button.button--compact） */
.columns-area__panels__pane--compositional .compose-form__submit > .button,
.columns-area__panels__pane--compositional .compose-form__submit > button {
  display: block !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 10px 16px !important;
  margin: 0 !important;

  /* —— 登录按钮同款视觉 —— */
  background: #161823 !important;            /* 深底 */
  color: #dfe6ff !important;                  /* 字色 */
  border: 1.5px solid #9aa3ff !important;     /* 亮紫细描边 */
  border-radius: 12px !important;
  box-shadow:
    0 0 0 .5px rgba(255,255,255,.06),
    0 0 12px rgba(154,163,255,.55) !important;/* 柔光 */

  /* 去除其它主题的外观干扰 */
  background-image: none !important;
  text-shadow: none !important;
}

/* 悬停/按下/禁用态 */
.columns-area__panels__pane--compositional .compose-form__submit > .button:hover {
  background: #1b1e2a !important;
  box-shadow:
    0 0 0 .5px rgba(255,255,255,.08),
    0 0 16px rgba(154,163,255,.75) !important;
}
.columns-area__panels__pane--compositional .compose-form__submit > .button:active {
  background: #131622 !important;
  box-shadow:
    0 0 0 .5px rgba(255,255,255,.06),
    0 0 10px rgba(154,163,255,.55) !important;
}
.columns-area__panels__pane--compositional .compose-form__submit > .button:disabled {
  background: #202334 !important;
  border-color: rgba(154,163,255,.45) !important;
  color: rgba(223,230,255,.55) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}


/* 容器允许外发光溢出，并去掉可能遮挡顶线的边框（保留） */
.columns-area__panels__pane--compositional .compose-form__buttons {
  overflow: visible !important;
  border-top: 0 !important;
}

.columns-area__panels__pane--compositional .compose-form__submit {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  overflow: visible !important;     /* 关键：允许光晕溢出 */
  position: relative;               /* 供伪元素定位 */
}

/* ——“登录按钮级别”的轻柔发光版—— */
.columns-area__panels__pane--compositional .compose-form__submit > .button,
.columns-area__panels__pane--compositional .compose-form__submit > button {
  display: block !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  margin: 0 !important;

  position: relative;
  isolation: isolate;
  z-index: 1;

  /* 深色扁平底 + 细边框 + 大圆角（与“登录”按钮一致的观感） */
  background: #171a22 !important;
  color: #e5ecff !important;
  border: 1.2px solid #8ea0ff !important;   /* 边框更细、更柔 */
  border-radius: 16px !important;

  /* 轻柔版发光：降低强度与半径 */
  box-shadow:
    0 0 0 0.5px rgba(255,255,255,.06) inset,
    0 0 10px rgba(142,160,255,.20) !important;   /* 原 .55 → .20 */
  filter:
    drop-shadow(0 0 6px  rgba(142,160,255,.16))
    drop-shadow(0 0 12px rgba(142,160,255,.14)); /* 原 10/18px, .45/.35 → 更小更淡 */

  backdrop-filter: none !important;
  text-shadow: none !important;
}

/* 额外外圈光环（轻量版） */
.columns-area__panels__pane--compositional .compose-form__submit > .button::after,
.columns-area__panels__pane--compositional .compose-form__submit > button::after {
  content: "";
  position: absolute;
  inset: -6px;                               /* 原 -8px → -6px，光晕更收敛 */
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(55% 110% at 50% 0%,
      rgba(142,160,255,.18), transparent 60%),
    radial-gradient(90% 110% at 50% 100%,
      rgba(142,160,255,.12), transparent 70%);
  opacity: .35;                              /* 原 .85 → .35 */
}

/* Hover：略微加强但不刺眼；Active：轻度收敛 */
.columns-area__panels__pane--compositional .compose-form__submit > .button:hover,
.columns-area__panels__pane--compositional .compose-form__submit > button:hover {
  border-color: #9cabff !important;
  box-shadow:
    0 0 0 0.5px rgba(255,255,255,.08) inset,
    0 0 12px rgba(142,160,255,.28) !important;   /* 原 .75 → .28 */
  filter:
    drop-shadow(0 0 8px  rgba(142,160,255,.22))
    drop-shadow(0 0 16px rgba(142,160,255,.18));
}

.columns-area__panels__pane--compositional .compose-form__submit > .button:active,
.columns-area__panels__pane--compositional .compose-form__submit > button:active {
  box-shadow:
    0 0 0 0.5px rgba(255,255,255,.06) inset,
    0 0 9px rgba(142,160,255,.22) !important;
  filter:
    drop-shadow(0 0 6px rgba(142,160,255,.16));
}

/* Focus 可访问性：细环即可 */
.columns-area__panels__pane--compositional .compose-form__submit > .button:focus-visible,
.columns-area__panels__pane--compositional .compose-form__submit > button:focus-visible {
  outline: 2px solid rgba(142,160,255,.35);
  outline-offset: 2px;
}

/* 禁用态保持造型但无发光 */
.columns-area__panels__pane--compositional .compose-form__submit > .button:disabled,
.columns-area__panels__pane--compositional .compose-form__submit > button:disabled {
  background: #1b1e29 !important;
  border-color: rgba(142,160,255,.45) !important;
  color: rgba(229,236,255,.55) !important;
  box-shadow: none !important;
  filter: none !important;
  cursor: not-allowed !important;
}


/* ========== 移动端(单栏) 发布按钮——独占底部整行 + 柔和描边发光 ========== */

/* 1) 容器：把按钮区改为 Grid，保证提交按钮独占第二行整行 */
.layout-single-column form.compose-form .compose-form__buttons{
  display: grid !important;
  grid-template-columns: repeat(6, max-content) 1fr;
  column-gap: 10px;
  row-gap: 10px;
  align-items: center;
  overflow: visible !important;     /* 允许外光晕溢出 */
  border-top: 0 !important;         /* 防顶线遮边 */
}

/* 2) 提交区占满整行 */
.layout-single-column form.compose-form .compose-form__submit{
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  overflow: visible !important;
  position: relative;               /* 供 ::after 定位光晕 */
  order: 99 !important;             /* flex 兜底：始终在最后 */
  flex-basis: 100% !important;      /* flex 兜底：独占一行 */
}

/* 3) 按钮视觉（登录按钮那种：深底 + 细描边 + 轻微外光） */
.layout-single-column form.compose-form .compose-form__submit > .button,
.layout-single-column form.compose-form .compose-form__submit > button,
.layout-single-column form.compose-form .compose-form__submit .button--primary{
  display: block !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  margin: 0 !important;

  position: relative;
  isolation: isolate;
  z-index: 1;

  /* 取消主题紫色填充，改为细描边 */
  background: #171a22 !important;             /* 深色底 */
  color: #e5ecff !important;
  border: 1.2px solid #8ea0ff !important;      /* 淡紫描边 */
  border-radius: 16px !important;

  /* 柔和外光，强度参考登录按钮 */
  box-shadow:
    0 0 0 0.5px rgba(255,255,255,.06) inset,
    0 0 10px rgba(142,160,255,.20) !important;
  filter:
    drop-shadow(0 0 6px  rgba(142,160,255,.16))
    drop-shadow(0 0 12px rgba(142,160,255,.14));

  text-shadow: none !important;
  backdrop-filter: none !important;
}

/* 4) 轻量光晕层（不刺眼） */
.layout-single-column form.compose-form .compose-form__submit > .button::after,
.layout-single-column form.compose-form .compose-form__submit > button::after,
.layout-single-column form.compose-form .compose-form__submit .button--primary::after{
  content: "";
  position: absolute;
  inset: -6px;                        /* 轻微外扩 */
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(55% 110% at 50% 0%,
      rgba(142,160,255,.18), transparent 60%),
    radial-gradient(90% 110% at 50% 100%,
      rgba(142,160,255,.12), transparent 70%);
  opacity: .35;
}

/* 5) 悬停/按下 */
.layout-single-column form.compose-form .compose-form__submit > .button:hover,
.layout-single-column form.compose-form .compose-form__submit > button:hover,
.layout-single-column form.compose-form .compose-form__submit .button--primary:hover{
  border-color: #9cabff !important;
  box-shadow:
    0 0 0 0.5px rgba(255,255,255,.08) inset,
    0 0 12px rgba(142,160,255,.28) !important;
  filter:
    drop-shadow(0 0 8px  rgba(142,160,255,.22))
    drop-shadow(0 0 16px rgba(142,160,255,.18));
}
.layout-single-column form.compose-form .compose-form__submit > .button:active,
.layout-single-column form.compose-form .compose-form__submit > button:active,
.layout-single-column form.compose-form .compose-form__submit .button--primary:active{
  box-shadow:
    0 0 0 0.5px rgba(255,255,255,.06) inset,
    0 0 9px rgba(142,160,255,.22) !important;
  filter: drop-shadow(0 0 6px rgba(142,160,255,.16));
}

/* 6) 禁用态 */
.layout-single-column form.compose-form .compose-form__submit > .button:disabled,
.layout-single-column form.compose-form .compose-form__submit > button:disabled{
  background: #1b1e29 !important;
  border-color: rgba(142,160,255,.45) !important;
  color: rgba(229,236,255,.55) !important;
  box-shadow: none !important;
  filter: none !important;
  cursor: not-allowed !important;
}

/* 7) 兜底：如果主题把按钮区强制成 flex，也能铺满 */
.layout-single-column form.compose-form .compose-form__buttons{
  flex-wrap: wrap !important;                /* 允许换行 */
}


.compose-form__buttons,  
.compose-form__actions {  
  .icon-button {  
    padding: 4px !important;  
      
    .icon {  
      width: 30px !important;  
      height: 30px !important;  
    }  
  }  
}

/* ========== 高级 Web 界面(多列模式)发布按钮样式 ========== */  
  
/* 1) 针对多列布局中的 COMPOSE 列 */  
.columns-area .compose-form .compose-form__buttons {  
  display: grid !important;  
  grid-template-columns: repeat(6, max-content) 1fr;  
  column-gap: 10px;  
  row-gap: 10px;  
  align-items: center;  
  overflow: visible !important;  
  border-top: 0 !important;  
}  
  
/* 2) 提交按钮容器占满整行 */  
.columns-area .compose-form .compose-form__submit {  
  grid-column: 1 / -1 !important;  
  justify-self: stretch !important;  
  width: 100% !important;  
  overflow: visible !important;  
  position: relative;  
  order: 99 !important;  
}  
  
/* 3) 发布按钮视觉样式(与单列模式一致) */  
.columns-area .compose-form .compose-form__submit > .button,  
.columns-area .compose-form .compose-form__submit > button,  
.columns-area .compose-form .compose-form__submit .button--primary {  
  display: block !important;  
  width: 100% !important;  
  min-height: 42px !important;  
  padding: 10px 16px !important;  
  margin: 0 !important;  
  
  position: relative;  
  isolation: isolate;  
  z-index: 1;  
  
  /* 深色底 + 细描边 + 轻柔发光 */  
  background: #171a22 !important;  
  color: #e5ecff !important;  
  border: 1.2px solid #8ea0ff !important;  
  border-radius: 16px !important;  
  
  box-shadow:  
    0 0 0 0.5px rgba(255,255,255,.06) inset,  
    0 0 10px rgba(142,160,255,.20) !important;  
  filter:  
    drop-shadow(0 0 6px  rgba(142,160,255,.16))  
    drop-shadow(0 0 12px rgba(142,160,255,.14));  
  
  text-shadow: none !important;  
  backdrop-filter: none !important;  
  background-image: none !important;  
}  
  
/* 4) 外圈光晕效果 */  
.columns-area .compose-form .compose-form__submit > .button::after,  
.columns-area .compose-form .compose-form__submit > button::after,  
.columns-area .compose-form .compose-form__submit .button--primary::after {  
  content: "";  
  position: absolute;  
  inset: -6px;  
  border-radius: inherit;  
  pointer-events: none;  
  z-index: -1;  
  background:  
    radial-gradient(55% 110% at 50% 0%,  
      rgba(142,160,255,.18), transparent 60%),  
    radial-gradient(90% 110% at 50% 100%,  
      rgba(142,160,255,.12), transparent 70%);  
  opacity: .35;  
}  
  
/* 5) 悬停态 */  
.columns-area .compose-form .compose-form__submit > .button:hover,  
.columns-area .compose-form .compose-form__submit > button:hover,  
.columns-area .compose-form .compose-form__submit .button--primary:hover {  
  border-color: #9cabff !important;  
  box-shadow:  
    0 0 0 0.5px rgba(255,255,255,.08) inset,  
    0 0 12px rgba(142,160,255,.28) !important;  
  filter:  
    drop-shadow(0 0 8px  rgba(142,160,255,.22))  
    drop-shadow(0 0 16px rgba(142,160,255,.18));  
}  
  
/* 6) 按下态 */  
.columns-area .compose-form .compose-form__submit > .button:active,  
.columns-area .compose-form .compose-form__submit > button:active,  
.columns-area .compose-form .compose-form__submit .button--primary:active {  
  box-shadow:  
    0 0 0 0.5px rgba(255,255,255,.06) inset,  
    0 0 9px rgba(142,160,255,.22) !important;  
  filter: drop-shadow(0 0 6px rgba(142,160,255,.16));  
}  
  
/* 7) 禁用态 */  
.columns-area .compose-form .compose-form__submit > .button:disabled,  
.columns-area .compose-form .compose-form__submit > button:disabled {  
  background: #1b1e29 !important;  
  border-color: rgba(142,160,255,.45) !important;  
  color: rgba(229,236,255,.55) !important;  
  box-shadow: none !important;  
  filter: none !important;  
  cursor: not-allowed !important;  
}  
  
/* 8) Focus 可访问性 */  
.columns-area .compose-form .compose-form__submit > .button:focus-visible,  
.columns-area .compose-form .compose-form__submit > button:focus-visible {  
  outline: 2px solid rgba(142,160,255,.35);  
  outline-offset: 2px;  
}  
  
/* 9) 兜底:如果按钮区被强制为 flex 布局 */  
.columns-area .compose-form .compose-form__buttons {  
  flex-wrap: wrap !important;  
}

/* 高级web界面切换按钮样式 */  
.navigation-panel__advanced-toggle {  
  padding: 0 12px;  
}  
  
.navigation-panel__toggle-item {  
  display: flex;  
  align-items: center;  
  justify-content: space-between;  
  padding: 12px 0;  
  gap: 12px;  
}  
  
.navigation-panel__toggle-label {  
  font-size: 16px;  
  color: var(--g-text-2, #c0c4d4);  
  flex: 1;  
}