.shared-uc-grid{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
        margin-top:16px;
      }
      .shared-uc-card{
        background:rgba(255,255,255,.04);
        border:1px solid var(--glass-border);
        border-radius:12px;
        padding:14px;
      }
      .shared-uc-card .v{
        font-size:20px;
        font-weight:900;
        color:var(--accent);
        margin-top:4px;
      }
      .shared-uc-card .k{
        font-size:12px;
        color:var(--text-muted);
      }
#modal-unified-user-center .shared-auth-tabs,
#modal-user-center .shared-auth-tabs,
.shared-auth-tabs{
        display:flex;
        align-items:stretch;
        justify-content:center;
        gap:28px;
        margin-bottom:18px;
        border-bottom:1px solid var(--glass-border);
        padding-bottom:10px;
      }
#modal-unified-user-center .shared-auth-tab,
#modal-user-center .shared-auth-tab,
.shared-auth-tab{
        appearance:none;
        -webkit-appearance:none;
        flex:1 1 0;
        min-width:0;
        padding:10px 8px 9px;
        border:0;
        border-bottom:2px solid transparent;
        background:transparent;
        cursor:pointer;
        font-size:18px;
        font-family:inherit;
        font-weight:800;
        line-height:1.3;
        margin:0;
        color:var(--text-muted);
      }
#modal-unified-user-center .shared-auth-tab.active,
#modal-user-center .shared-auth-tab.active,
.shared-auth-tab.active{
        color:var(--accent);
        border-bottom-color:var(--accent);
      }
      @media (max-width:768px){
        #modal-unified-user-center .shared-auth-tabs,
        #modal-user-center .shared-auth-tabs,
        .shared-auth-tabs{
          gap:8px;
        }
        #modal-unified-user-center .shared-auth-tab,
        #modal-user-center .shared-auth-tab,
        .shared-auth-tab{
          font-size:16px;
          padding-inline:4px;
        }
        .shared-uc-grid{
          grid-template-columns:1fr 1fr;
        }
      }

/* 顶部导航右侧插槽 + 外观设置外壳的几何单一真源。
   几何只在这里定义：模板不写 inline style，JS 只负责“面板开合”这一件事
   （见 auth-theme.js 的 openSiteThemePanel）。外观设置按钮（画板）与
   用户头像同排，两者都在 #auth-btn-wrap 里。 */
#auth-btn-wrap{position:relative; display:flex; align-items:center; justify-content:center; gap:8px;}
.site-theme-wrap{position:relative; display:inline-flex; align-items:center;}

/* 外观设置面板 = 顶层 <dialog>（auth-theme.js 用 showModal 打开）。
   为什么是 dialog：手机抽屉 .nav-menu 自带 backdrop-filter，会给
   position:fixed 的后代重建包含块，浮层留在抽屉里必然错位；
   top layer 的元素完全不受祖先 CSS 影响，桌面与手机共用同一套 DOM 与样式。 */
dialog.site-theme-dropdown{
  position:fixed; inset:64px 16px auto auto; margin:0;
  width:250px; max-width:calc(100vw - 32px);
  padding:14px 16px; border-radius:16px;
  background:var(--srb-popover-bg, rgba(24,24,30,.95));
  -webkit-backdrop-filter:blur(30px) saturate(180%);
  backdrop-filter:blur(30px) saturate(180%);
  border:1px solid var(--glass-border, rgba(255,255,255,.22));
  box-shadow:0 6px 18px rgba(0,0,0,.10);
  color:var(--text-primary);
  max-height:min(80dvh, 520px); overflow-y:auto; -webkit-overflow-scrolling:touch;
}
dialog.site-theme-dropdown:not([open]){display:none}
/* 遮罩只压一层，面板本身够不透明，阅读不受背景干扰。 */
dialog.site-theme-dropdown::backdrop{background:rgba(8,6,16,.30)}

/* 行距单一真源：标签在上、控件贴标签、行间统一 12px。 */
.site-theme-dropdown .site-theme-label{
  display:block; margin:0 0 5px; font-size:12px; line-height:1.3;
  color:var(--text-muted); font-weight:700; letter-spacing:.01em;
}
.site-theme-dropdown .site-theme-label:not(:first-child){ margin-top:12px; }
/* 下拉控件单一真源。
   iOS/桌面 Safari 的原生 select 会忽略 padding，绘制盒比布局盒更高，
   行与行就会互相压住（手机面板“很乱”的直接来源）；
   所以这里统一 appearance:none + 自绘箭头 + min-height，
   让布局盒和看到的盒子一致。 */
.site-theme-dropdown .site-theme-select{
  display:block; width:100%; box-sizing:border-box; margin:0;
  min-height:38px;
  padding:9px 32px 9px 12px; border-radius:10px; border:1px solid var(--panel-border, var(--glass-border));
  background-color:rgba(120,120,120,.1);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.75 6 6.25 11 1.75' fill='none' stroke='%23a1a1a6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 11px center;
  color:var(--text-primary);
  font:inherit; font-size:13.5px; line-height:1.3;
  appearance:none; -webkit-appearance:none;
  outline:none; cursor:pointer;
}
/* 自定义主题色取色器（auth-theme.js 按选中项切 display）。 */
.site-theme-dropdown input[type="color"]{
  display:none; box-sizing:border-box; width:100%; height:38px; margin:8px 0 0;
  cursor:pointer; border-radius:8px; border:1px solid var(--glass-border); background:transparent;
}
/* 文档 Vice 背景开关行（vice-theme.js 注入，视觉归这里） */
.site-theme-dropdown .vice-docbg-row{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin-top:12px; padding:10px 12px; border-radius:12px;
  background:var(--glass-bg, rgba(120,120,120,.1));
  border:1px solid var(--glass-border, var(--panel-border));
}
.site-theme-dropdown .vice-docbg-row .vice-docbg-label{
  font-size:13px; font-weight:600; line-height:1.3; color:var(--text-primary);
}
/* 复选框自绘：不用原生外观（headless/不同平台渲染差异大），
   选中态用强调色实心 + 自绘对勾，和站内其他开关一致。 */
.site-theme-dropdown .vice-docbg-row input[type="checkbox"]{
  appearance:none; -webkit-appearance:none;
  position:relative; width:20px; height:20px; margin:0; flex:0 0 auto; cursor:pointer;
  border-radius:6px; border:1px solid var(--glass-border, rgba(255,255,255,.28));
  background:rgba(120,120,120,.14);
  transition:background .18s ease, border-color .18s ease;
}
.site-theme-dropdown .vice-docbg-row input[type="checkbox"]:checked{
  background:var(--accent); border-color:var(--accent);
}
.site-theme-dropdown .vice-docbg-row input[type="checkbox"]:checked::after{
  content:""; position:absolute; left:6px; top:2px; width:5px; height:10px;
  border:solid #10121a; border-width:0 2px 2px 0; transform:rotate(45deg);
}
/* 手机端：底部弹卡 + 两列（标签｜控件）。
   面板不再是抽屉里的静态卡片，所以不用再滚抽屉；两列让它整体更矮。 */
@media (max-width:768px){
  #auth-btn-wrap{width:100%;}
  dialog.site-theme-dropdown{
    inset:auto 12px calc(12px + env(safe-area-inset-bottom, 0px)) 12px;
    width:auto; max-width:none; padding:14px;
    border-radius:20px; max-height:min(76dvh, 560px);
    display:grid; grid-template-columns:auto minmax(0, 1fr);
    align-items:center; gap:8px 10px;
  }
  dialog.site-theme-dropdown .site-theme-label{margin:0; font-size:12px;}
  dialog.site-theme-dropdown .site-theme-select{min-height:36px; padding:8px 30px 8px 10px; font-size:13px;}
  dialog.site-theme-dropdown input[type="color"]{grid-column:1 / -1; margin-top:0;}
  dialog.site-theme-dropdown .vice-docbg-row{grid-column:1 / -1; margin-top:2px; padding:10px 12px;}
}