/* ============================================================
   用户中心管理页 — 123ONE 标准组件库设计令牌
   左右布局：左侧栏(用户卡+垂直Tab) + 右侧内容区
   使用 --dsd-* 变量体系，蓝色主题 #4F6EF7
   所有样式限定在 .dsu-mgmt-page 作用域内，不影响全站
   ============================================================ */

.dsu-mgmt-page{
  /* ---- 设计令牌（与 components.html 一致） ---- */
  --dsd-bg:#f6f7fb; --dsd-panel:#ffffff; --dsd-panel-2:#fbfbfe;
  --dsd-line:#e7e8ec; --dsd-line-strong:#dadce2;
  --dsd-ink:#1f2430; --dsd-ink-600:#454b57; --dsd-ink-400:#8a909c; --dsd-ink-200:#bcc0c8;
  --dsd-accent:#4F6EF7; --dsd-accent-2:#3a56d4; --dsd-accent-soft:#eef0ff;
  --dsd-ok:#0f9d58; --dsd-ok-bg:#ecfdf5; --dsd-ok-line:#a7f3d0;
  --dsd-warn:#f59e0b; --dsd-warn-bg:#fffbeb; --dsd-warn-line:#fde68a;
  --dsd-bad:#e23b5a; --dsd-bad-bg:#fff5f5; --dsd-bad-line:#fecaca;
  --dsd-paid:#f59e0b; --dsd-paid-bg:#fff6e8;
  --dsd-radius-1:4px; --dsd-radius-2:6px; --dsd-radius-3:8px;
  --dsd-radius-4:10px; --dsd-radius-5:12px; --dsd-radius-6:14px; --dsd-radius-full:999px;
  --dsd-shadow-sm:0 2px 8px rgba(20,24,40,.04);
  --dsd-shadow-md:0 10px 30px rgba(20,24,40,.08);
  --dsd-shadow-lg:0 18px 44px rgba(20,24,40,.14);
  --dsd-shadow-xl:0 28px 60px rgba(20,24,40,.20);
  --dsd-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Roboto,sans-serif;
  --dsd-fs-xs:11px; --dsd-fs-sm:13px; --dsd-fs-md:14px; --dsd-fs-lg:15px;
  --dsd-fs-xl:16px; --dsd-fs-2xl:19px; --dsd-fs-3xl:24px;
  --dsd-fw-semi:600; --dsd-fw-bold:700; --dsd-fw-xbold:800;
  --dsd-t-fast:.12s; --dsd-t-normal:.15s;

  display:grid; grid-template-columns:260px minmax(0,1fr); gap:24px; align-items:start;
  max-width:1600px; margin:32px auto 64px; padding:0 24px;
  font-family:var(--dsd-font-sans); color:var(--dsd-ink);
}
.dsu-mgmt-page *{box-sizing:border-box}

/* ============================================================
   左侧栏 — 侧栏容器（用户卡 + 垂直Tab，整体 sticky）
   ============================================================ */
.dsu-mgmt-side{
  grid-column:1; grid-row:1; align-self:start;
  display:flex; flex-direction:column; gap:12px;
  position:sticky; top:20px; min-width:0;
}

/* ============================================================
   左侧栏 — 用户概览卡（紧凑）
   ============================================================ */
.dsu-mgmt-side .dsu-mgmt-hero{
  display:flex; flex-direction:column; gap:12px;
  border:none; border-radius:var(--dsd-radius-5);
  background:var(--dsd-panel); padding:16px; margin:0;
}
.dsu-mgmt-hero-bg{display:none}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-hero-in{
  display:flex; align-items:center; gap:12px; text-align:left;
}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-avatar{
  width:44px; height:44px; border-radius:50%; overflow:hidden; flex:0 0 auto;
  border:2px solid var(--dsd-accent-soft); box-shadow:0 0 0 1px var(--dsd-line);
}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-info h1{
  font-size:15px; font-weight:var(--dsd-fw-bold); color:var(--dsd-ink); margin:0;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-email{
  font-size:11px; color:var(--dsd-ink-400);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-hero-actions{flex:0 0 auto}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-hero-actions .dsd-btn{
  width:32px; height:32px; padding:0; justify-content:center; border-radius:var(--dsd-radius-3);
  background:var(--dsd-panel-2); color:var(--dsd-ink-400);
  display:inline-flex; align-items:center; cursor:pointer; text-decoration:none;
  transition:background var(--dsd-t-fast),color var(--dsd-t-fast);
}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-hero-actions .dsd-btn:hover{background:var(--dsd-accent-soft);color:var(--dsd-accent)}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-hero-actions .dsd-btn svg{width:15px;height:15px}

/* 指标行（内联一行） */
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-metrics{
  display:flex; align-items:baseline; flex-wrap:wrap;
  border-top:1px solid var(--dsd-line); padding-top:12px;
}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-metric{
  display:inline-flex; align-items:baseline; gap:4px; font-size:12px; color:var(--dsd-ink-400);
}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-metric + .dsu-mgmt-metric::before{content:"·";color:var(--dsd-line-strong);margin:0 2px}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-metric-num{
  font-size:13px; font-weight:var(--dsd-fw-bold); color:var(--dsd-ink);
}
.dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-metric-lb{font-size:11px}

/* ============================================================
   左侧栏 — 垂直Tab导航
   ============================================================ */
.dsu-mgmt-side .dsu-mgmt-tabs{
  display:flex; flex-direction:column; gap:2px; padding:6px;
  background:var(--dsd-panel); border:none;
  border-radius:var(--dsd-radius-5); overflow:visible; box-shadow:none;
}
.dsu-mgmt-side .dsu-mgmt-tabs .dsu-mgmt-tab{
  display:flex; align-items:center; gap:10px; padding:10px 14px;
  border-radius:var(--dsd-radius-3); font-size:var(--dsd-fs-sm); font-weight:var(--dsd-fw-semi);
  color:var(--dsd-ink-400); text-decoration:none; white-space:nowrap;
  border:none; background:transparent; box-shadow:none;
  transition:background var(--dsd-t-fast),color var(--dsd-t-fast);
}
.dsu-mgmt-side .dsu-mgmt-tabs .dsu-mgmt-tab svg{width:16px;height:16px;flex-shrink:0}
.dsu-mgmt-side .dsu-mgmt-tabs .dsu-mgmt-tab:hover{background:var(--dsd-panel-2);color:var(--dsd-ink)}
.dsu-mgmt-side .dsu-mgmt-tabs .dsu-mgmt-tab.active{background:var(--dsd-accent-soft);color:var(--dsd-accent);box-shadow:none}

/* 侧边栏底部：退出登录按钮 */
.dsu-mgmt-side .dsu-mgmt-logout{
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 14px; border-radius:var(--dsd-radius-3);
  font-size:var(--dsd-fs-sm); font-weight:var(--dsd-fw-semi);
  color:var(--dsd-ink-400); background:var(--dsd-panel); text-decoration:none;
  transition:color var(--dsd-t-fast),background var(--dsd-t-fast);
}
.dsu-mgmt-side .dsu-mgmt-logout:hover{color:var(--dsd-bad);background:var(--dsd-bad-bg)}

/* ============================================================
   右侧内容区
   ============================================================ */
.dsu-mgmt-page > .dsu-mgmt-panel{
  grid-column:2; grid-row:1; min-width:0;
  background:var(--dsd-panel); border:none;
  border-radius:var(--dsd-radius-5); padding:28px;
}
.dsu-mgmt-page > .dsu-mgmt-panel:not(.active){display:none}
.dsu-mgmt-page > .dsu-mgmt-modal{position:fixed;grid-column:unset;grid-row:unset}

/* 通用弹窗（动态插入 <body> 的弹窗也生效，不依赖 .dsu-mgmt-page 作用域） */
.dsu-mgmt-modal{
  position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:20px;
}
.dsu-mgmt-modal[hidden]{display:none}
.dsu-mgmt-modal .dsu-mgmt-modal-bg{
  position:fixed; inset:0; background:rgba(20,24,40,.45);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
}
.dsu-mgmt-modal .dsu-mgmt-modal-box{
  position:relative; z-index:1; width:100%; max-width:500px; max-height:85vh;
  display:flex; flex-direction:column; background:var(--dsd-panel); border:none;
  border-radius:var(--dsd-radius-6); box-shadow:var(--dsd-shadow-xl); overflow:hidden;
}
.dsu-mgmt-modal .dsu-mgmt-modal-hd{display:flex; align-items:center; justify-content:space-between; padding:20px 24px 0}
.dsu-mgmt-modal .dsu-mgmt-modal-hd h4{font-size:17px; font-weight:var(--dsd-fw-bold); color:var(--dsd-ink)}
.dsu-mgmt-modal .dsu-mgmt-modal-hd .dsu-mgmt-modal-close{
  width:32px; height:32px; border:none; border-radius:var(--dsd-radius-3);
  background:transparent; color:var(--dsd-ink-400); cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size:20px; line-height:1; transition:background var(--dsd-t-fast);
}
.dsu-mgmt-modal .dsu-mgmt-modal-hd .dsu-mgmt-modal-close:hover{background:var(--dsd-panel-2);color:var(--dsd-ink)}
.dsu-mgmt-modal .dsu-mgmt-modal-bd{padding:20px 24px; flex:1; overflow-y:auto}
.dsu-mgmt-modal .dsu-mgmt-modal-ft{display:flex; align-items:center; padding:0 24px 20px; gap:8px; justify-content:flex-end}

/* ============================================================
   通用组件
   ============================================================ */

/* ---- 全局消息 ---- */
.dsu-mgmt-page .dsu-msg{
  grid-column:1 / -1; grid-row:auto;
  padding:12px 16px; border-radius:var(--dsd-radius-3); margin-bottom:16px;
  font-size:var(--dsd-fs-md); line-height:1.55; font-weight:var(--dsd-fw-semi);
}
.dsu-mgmt-page .dsu-msg--ok{background:var(--dsd-ok-bg);color:var(--dsd-ok);border:1px solid var(--dsd-ok-line)}
.dsu-mgmt-page .dsu-msg--err{background:var(--dsd-bad-bg);color:var(--dsd-bad);border:1px solid var(--dsd-bad-line)}

/* ---- 按钮 ---- */
.dsu-mgmt-page .dsu-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  padding:11px 24px; border:0; border-radius:var(--dsd-radius-full);
  background:linear-gradient(135deg,var(--dsd-accent),var(--dsd-accent-2)); color:#fff;
  font-size:var(--dsd-fs-md); font-weight:var(--dsd-fw-bold); cursor:pointer;
  transition:filter var(--dsd-t-normal),transform var(--dsd-t-fast);
  line-height:1.3; font-family:var(--dsd-font-sans); text-decoration:none;
}
.dsu-mgmt-page .dsu-btn:hover{filter:brightness(1.08)}
.dsu-mgmt-page .dsu-btn:active{transform:scale(.98)}
.dsu-mgmt-page .dsu-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;filter:none}
.dsu-mgmt-page .dsu-btn--sm{padding:6px 14px;font-size:var(--dsd-fs-sm)}
.dsu-mgmt-page .dsu-btn--outline{background:transparent;color:var(--dsd-ink);border:1.5px solid var(--dsd-line-strong)}
.dsu-mgmt-page .dsu-btn--outline:hover{background:var(--dsd-panel-2);filter:none}
.dsu-mgmt-page .dsu-btn--paid{background:linear-gradient(135deg,var(--dsd-paid),#d97706)}

/* ---- 表单 ---- */
.dsu-mgmt-page .dsu-field{margin-bottom:16px}
.dsu-mgmt-page .dsu-field label{
  display:block; font-size:var(--dsd-fs-sm); font-weight:var(--dsd-fw-semi);
  color:var(--dsd-ink-600); margin-bottom:6px;
}
.dsu-mgmt-page .dsu-field label .req{color:var(--dsd-bad)}
.dsu-mgmt-page .dsu-field label em{font-weight:400;color:var(--dsd-ink-400)}
.dsu-mgmt-page .dsu-field input[type="text"],
.dsu-mgmt-page .dsu-field input[type="email"],
.dsu-mgmt-page .dsu-field input[type="password"],
.dsu-mgmt-page .dsu-field input[type="url"],
.dsu-mgmt-page .dsu-field textarea,
.dsu-mgmt-page .dsu-field select{
  width:100%; border:1.5px solid var(--dsd-line-strong); border-radius:var(--dsd-radius-3);
  padding:10px 13px; font-size:var(--dsd-fs-md); font-family:var(--dsd-font-sans);
  color:var(--dsd-ink); background:var(--dsd-panel); outline:none;
  transition:border-color var(--dsd-t-fast),box-shadow var(--dsd-t-fast); line-height:1.5;
}
.dsu-mgmt-page .dsu-field input:focus,
.dsu-mgmt-page .dsu-field textarea:focus,
.dsu-mgmt-page .dsu-field select:focus{
  border-color:var(--dsd-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--dsd-accent) 15%,transparent);
}
.dsu-mgmt-page .dsu-field textarea{resize:vertical;min-height:80px;line-height:1.65}

/* ---- 列表 ---- */
.dsu-mgmt-page .dsu-mgmt-list{display:flex;flex-direction:column;gap:8px}
.dsu-mgmt-page .dsu-mgmt-item{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:16px; background:var(--dsd-panel); border:none;
  border-radius:var(--dsd-radius-5);
  transition:box-shadow var(--dsd-t-fast),border-color var(--dsd-t-fast);
}
.dsu-mgmt-page .dsu-mgmt-item:hover{box-shadow:var(--dsd-shadow-sm)}
.dsu-mgmt-page .dsu-mgmt-item-main{flex:1;min-width:0}
.dsu-mgmt-page .dsu-mgmt-item-main strong{
  display:block; font-size:var(--dsd-fs-md); font-weight:var(--dsd-fw-bold); color:var(--dsd-ink); margin-bottom:4px;
}
.dsu-mgmt-page .dsu-mgmt-item-main strong a{color:var(--dsd-ink);text-decoration:none}
.dsu-mgmt-page .dsu-mgmt-item-main strong a:hover{color:var(--dsd-accent)}
.dsu-mgmt-page .dsu-mgmt-item-meta{font-size:var(--dsd-fs-xs);color:var(--dsd-ink-400);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dsu-mgmt-page .dsu-mgmt-item-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}
/* 记录项图标按钮：紧凑 30px、灰显、hover 着色 */
.dsu-mgmt-page .dsu-mgmt-item .dsd-btn--icon{width:30px;height:30px;padding:0;border-radius:var(--dsd-radius-3);color:var(--dsd-ink-400);background:transparent}
.dsu-mgmt-page .dsu-mgmt-item .dsd-btn--icon:hover{background:var(--dsd-panel-2);color:var(--dsd-ink)}
.dsu-mgmt-page .dsu-mgmt-item .dsu-submit-delete:hover{background:var(--dsd-bad-bg);color:var(--dsd-bad)}
.dsu-mgmt-page .dsu-mgmt-item .dsu-submit-to-nav:hover{background:var(--dsd-accent-soft);color:var(--dsd-accent)}
.dsu-mgmt-page .dsu-mgmt-item .dsu-nav-remove{color:#ef4444}
.dsu-mgmt-page .dsu-mgmt-item .dsu-nav-remove:hover{background:var(--dsd-bad-bg)}

/* ---- 空状态 ---- */
.dsu-mgmt-page .dsu-mgmt-empty{text-align:center;padding:48px 20px}
.dsu-mgmt-page .dsu-mgmt-empty-icon{margin-bottom:16px;color:var(--dsd-ink-200)}
.dsu-mgmt-page .dsu-mgmt-empty-icon svg{width:48px;height:48px}
.dsu-mgmt-page .dsu-mgmt-empty p{font-size:var(--dsd-fs-lg);color:var(--dsd-ink-400);margin:0;font-weight:var(--dsd-fw-semi)}

/* ---- 徽章 ---- */
.dsu-mgmt-page .dsu-badge{
  display:inline-flex; align-items:center; padding:2px 10px; border-radius:var(--dsd-radius-1);
  font-size:var(--dsd-fs-xs); font-weight:var(--dsd-fw-semi); line-height:1.4;
}
.dsu-mgmt-page .dsu-badge--ok{background:var(--dsd-ok-bg);color:var(--dsd-ok)}
.dsu-mgmt-page .dsu-badge--warn{background:var(--dsd-warn-bg);color:var(--dsd-warn)}
.dsu-mgmt-page .dsu-badge--draft{background:var(--dsd-accent-soft);color:var(--dsd-accent)}
.dsu-mgmt-page .dsu-badge--free{background:var(--dsd-panel-2);color:var(--dsd-ink-400)}
.dsu-mgmt-page .dsu-badge--paid{background:var(--dsd-paid-bg);color:var(--dsd-paid)}

/* ---- 区块标题 ---- */
.dsu-mgmt-page .dsu-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.dsu-mgmt-page .dsu-section-hd h3{font-size:var(--dsd-fs-xl);font-weight:var(--dsd-fw-bold);margin:0;color:var(--dsd-ink)}
.dsu-mgmt-page .dsu-section-hd .dsu-section-hd-meta{font-size:var(--dsd-fs-sm);color:var(--dsd-ink-400);font-weight:var(--dsd-fw-semi)}

/* ============================================================
   投稿面板
   ============================================================ */
.dsu-mgmt-page .dsu-submit-types{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dsu-mgmt-page .dsu-st-card{
  padding:24px; border:2px solid var(--dsd-line); border-radius:var(--dsd-radius-5);
  text-align:center; transition:border-color var(--dsd-t-normal),box-shadow var(--dsd-t-normal); background:var(--dsd-panel);
}
.dsu-mgmt-page .dsu-st-card:hover{border-color:var(--dsd-accent)}
.dsu-mgmt-page #dsu-st-paid{border-color:var(--dsd-accent-soft);background:var(--dsd-accent-soft)}
.dsu-mgmt-page .dsu-st-card-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}
.dsu-mgmt-page .dsu-st-icon{font-size:28px}
.dsu-mgmt-page .dsu-st-tag{
  font-size:var(--dsd-fs-xs); font-weight:var(--dsd-fw-bold); padding:3px 14px;
  border-radius:var(--dsd-radius-full); background:var(--dsd-panel-2); color:var(--dsd-ink-400);
}
.dsu-mgmt-page .dsu-st-tag--paid{background:linear-gradient(135deg,var(--dsd-accent),var(--dsd-accent-2));color:#fff}
.dsu-mgmt-page .dsu-st-card h4{font-size:var(--dsd-fs-lg);font-weight:var(--dsd-fw-bold);margin:0 0 8px;color:var(--dsd-ink)}
.dsu-mgmt-page .dsu-st-card p{font-size:var(--dsd-fs-sm);color:var(--dsd-ink-400);margin:0 0 16px;line-height:1.55}
.dsu-mgmt-page .dsu-st-card p strong{color:var(--dsd-accent)}
.dsu-mgmt-page .dsu-rules-box{background:var(--dsd-panel-2);border-radius:var(--dsd-radius-3);padding:12px 16px;margin-bottom:16px}
.dsu-mgmt-page .dsu-rules-box h5{font-size:var(--dsd-fs-sm);font-weight:var(--dsd-fw-semi);color:var(--dsd-ink-600);margin:0 0 8px}
.dsu-mgmt-page .dsu-rules-box ol{margin:0;padding-left:18px;font-size:var(--dsd-fs-sm);color:var(--dsd-ink-400);line-height:1.8}
.dsu-mgmt-page .dsu-st-btn{width:100%;justify-content:center}

/* 编辑器 */
.dsu-mgmt-page .dsu-editor-toolbar{
  display:flex; align-items:center; gap:2px; flex-wrap:wrap; padding:6px 8px;
  background:var(--dsd-panel-2); border:1px solid var(--dsd-line); border-bottom:none;
  border-radius:var(--dsd-radius-3) var(--dsd-radius-3) 0 0;
}
.dsu-mgmt-page .dsu-editor-toolbar .dsd-btn--icon{
  width:30px; height:30px; border:none; padding:0; border-radius:var(--dsd-radius-2);
  font-size:14px; font-family:var(--dsd-font-sans);
}
.dsu-mgmt-page .dsu-editor-toolbar .dsd-btn--icon:hover{background:var(--dsd-panel);color:var(--dsd-accent)}
.dsu-mgmt-page .dsu-editor-sep{width:1px;height:20px;background:var(--dsd-line);margin:0 4px}
.dsu-mgmt-page .dsu-editor-area{
  min-height:280px; padding:14px 16px; border:1px solid var(--dsd-line); border-top:none;
  border-radius:0 0 var(--dsd-radius-3) var(--dsd-radius-3); background:var(--dsd-panel);
  font-size:15px; line-height:1.7; color:var(--dsd-ink); outline:none; overflow-y:auto;
}
.dsu-mgmt-page .dsu-editor-area:focus{border-color:var(--dsd-accent);border-top-color:var(--dsd-line)}
.dsu-mgmt-page .dsu-editor-area:empty::before{content:attr(placeholder);color:var(--dsd-ink-200);pointer-events:none}

/* 封面/验证码 */
.dsu-mgmt-page .dsu-cover-row{display:flex;gap:8px}
.dsu-mgmt-page .dsu-captcha-row{display:flex;gap:8px;align-items:center}
.dsu-mgmt-page .dsu-cover-preview{margin-top:8px;border-radius:var(--dsd-radius-3);overflow:hidden;position:relative;max-width:200px}
.dsu-mgmt-page .dsu-cover-preview img{width:100%;display:block}
.dsu-mgmt-page .dsu-cover-remove{
  position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:50%;
  background:rgba(0,0,0,.5);color:#fff;cursor:pointer;font-size:14px;line-height:24px;text-align:center;
}

/* ============================================================
   导航面板
   ============================================================ */
.dsu-mgmt-page .dsu-mgmt-nav-hint{
  display:flex; align-items:center; gap:8px; padding:12px 16px;
  background:var(--dsd-accent-soft); border:1px solid color-mix(in srgb,var(--dsd-accent) 20%,transparent);
  border-radius:var(--dsd-radius-3); margin-bottom:16px; font-size:var(--dsd-fs-sm); color:var(--dsd-ink-600);
}
.dsu-mgmt-page .dsu-mgmt-nav-hint svg{flex-shrink:0;color:var(--dsd-accent)}
.dsu-mgmt-page .dsu-mgmt-nav-hint a{color:var(--dsd-accent);font-weight:var(--dsd-fw-semi)}
.dsu-mgmt-page .dsu-mgmt-nav-hint .dsu-nav-public-inline{flex-shrink:0}

/* 面板顶部工具栏（通用）：标题在左，操作按钮在右（投稿/个人导航/友链/消息统一） */
.dsu-mgmt-page .dsu-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.dsu-mgmt-page .dsu-panel-toolbar-title{font-size:var(--dsd-fs-xl);font-weight:var(--dsd-fw-bold);color:var(--dsd-ink);margin:0}
.dsu-mgmt-page .dsu-panel-toolbar-title .js-nav-count{font-weight:500;color:var(--dsd-ink-400);font-size:13px}
.dsu-mgmt-page .dsu-panel-toolbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.dsu-mgmt-page .dsu-panel-toolbar-actions .dsd-btn{white-space:nowrap}

/* 投稿记录搜索框（标题右侧） */
.dsu-mgmt-page .dsu-panel-toolbar--submit{flex-wrap:wrap}
.dsu-mgmt-page .dsu-submit-search{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0}
.dsu-mgmt-page .dsu-submit-search input[type="search"]{
  width:220px; border:1.5px solid var(--dsd-line-strong); border-radius:var(--dsd-radius-full);
  padding:6px 14px; font-size:var(--dsd-fs-sm); font-family:var(--dsd-font-sans);
  color:var(--dsd-ink); background:var(--dsd-panel); outline:none;
  transition:border-color var(--dsd-t-fast),box-shadow var(--dsd-t-fast);
}
.dsu-mgmt-page .dsu-submit-search input[type="search"]:focus{
  border-color:var(--dsd-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--dsd-accent) 15%,transparent);
}
.dsu-mgmt-page .dsu-submit-search-btn{
  width:30px; height:30px; padding:0; border:none; border-radius:50%;
  background:var(--dsd-accent-soft); color:var(--dsd-accent); cursor:pointer; flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  transition:background var(--dsd-t-fast),color var(--dsd-t-fast);
}
.dsu-mgmt-page .dsu-submit-search-btn:hover{background:var(--dsd-accent);color:#fff}
.dsu-mgmt-page .dsu-submit-search-clear{
  width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%; color:var(--dsd-ink-400); text-decoration:none; font-size:15px; line-height:1; flex:0 0 auto;
}
.dsu-mgmt-page .dsu-submit-search-clear:hover{background:var(--dsd-panel-2);color:var(--dsd-ink)}

.dsu-mgmt-page .dsu-mgmt-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.dsu-mgmt-page .dsu-mgmt-nav-card,
.dsu-mgmt-page .pnav-card{
  display:flex; align-items:center; gap:14px; padding:14px 16px;
  background:var(--dsd-panel); border:none; border-radius:var(--dsd-radius-5);
  transition:border-color var(--dsd-t-fast),box-shadow var(--dsd-t-fast);
}
.dsu-mgmt-page .dsu-mgmt-nav-card:hover,
.dsu-mgmt-page .pnav-card:hover{box-shadow:var(--dsd-shadow-sm)}
.dsu-mgmt-page .dsu-mgmt-nav-card-inner{display:flex;align-items:center;gap:14px;width:100%;min-width:0}
.dsu-mgmt-page .dsu-mgmt-nav-card-icon{
  width:42px; height:42px; border-radius:var(--dsd-radius-3); flex:0 0 auto;
  background:var(--dsd-accent-soft); border:none;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.dsu-mgmt-page .dsu-mgmt-nav-card-icon img{width:24px;height:24px;object-fit:contain}
.dsu-mgmt-page .dsu-mgmt-nav-card-letter{font-size:18px;font-weight:var(--dsd-fw-bold);color:var(--dsd-accent)}
.dsu-mgmt-page .dsu-mgmt-nav-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dsu-mgmt-page .dsu-mgmt-nav-card-title{font-size:var(--dsd-fs-md);font-weight:var(--dsd-fw-bold);color:var(--dsd-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dsu-mgmt-page .dsu-mgmt-nav-card-url{font-size:var(--dsd-fs-sm);color:var(--dsd-ink-400)}
.dsu-mgmt-page .dsu-mgmt-nav-card-desc{font-size:var(--dsd-fs-xs);color:var(--dsd-ink-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 卡片操作区：默认隐藏；悬停时以遮罩覆盖卡片，图标浮在遮罩上 */
.dsu-mgmt-page .dsu-mgmt-nav-card{position:relative;overflow:hidden}
.dsu-mgmt-page .dsu-mgmt-nav-card-actions{
  position:absolute; inset:0; z-index:3;
  display:flex; align-items:center; justify-content:center; gap:10px;
  background:rgba(15,19,35,.42); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
  border-radius:inherit; opacity:0; pointer-events:none; transition:opacity var(--dsd-t-normal);
}
.dsu-mgmt-page .dsu-mgmt-nav-card:hover .dsu-mgmt-nav-card-actions{opacity:1; pointer-events:auto}
.dsu-mgmt-page .dsu-mgmt-nav-card-actions svg{width:15px;height:15px}
.dsu-mgmt-page .dsu-mgmt-nav-card-visit,
.dsu-mgmt-page .dsu-mgmt-nav-card-edit,
.dsu-mgmt-page .dsu-mgmt-nav-card-del{
  display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:none;
  border-radius:50%; background:rgba(255,255,255,.94); color:var(--dsd-ink);
  cursor:pointer; padding:0; text-decoration:none; box-shadow:0 2px 8px rgba(15,19,35,.18);
  transition:background var(--dsd-t-fast),color var(--dsd-t-fast),transform var(--dsd-t-fast);
}
.dsu-mgmt-page .dsu-mgmt-nav-card-visit:hover,
.dsu-mgmt-page .dsu-mgmt-nav-card-edit:hover{background:#fff;color:var(--dsd-accent);transform:translateY(-1px)}
.dsu-mgmt-page .dsu-mgmt-nav-card-del:hover{background:#fff;color:var(--dsd-bad);transform:translateY(-1px)}

.dsu-mgmt-page .dsu-mgmt-nav-empty{text-align:center;padding:48px 20px}
.dsu-mgmt-page .dsu-mgmt-nav-empty-icon{margin-bottom:16px;color:var(--dsd-ink-200)}
.dsu-mgmt-page .dsu-mgmt-nav-empty-icon svg{width:48px;height:48px}
.dsu-mgmt-page .dsu-mgmt-nav-empty p{font-size:var(--dsd-fs-lg);color:var(--dsd-ink-400);margin:0 0 20px;font-weight:var(--dsd-fw-semi)}

/* ============================================================
   设置面板
   ============================================================ */
.dsu-mgmt-page .dsu-avatar-section{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.dsu-mgmt-page .dsu-avatar-preview{
  width:80px; height:80px; border-radius:50%; overflow:hidden; flex:0 0 auto;
  border:2px solid var(--dsd-line); display:flex; align-items:center; justify-content:center;
  background:var(--dsd-panel-2); font-size:32px; font-weight:var(--dsd-fw-bold); color:var(--dsd-accent);
}
.dsu-mgmt-page .dsu-avatar-preview img{width:100%;height:100%;object-fit:cover}
.dsu-mgmt-page .dsu-avatar-preview--btn{position:relative;padding:0;cursor:pointer;line-height:0;transition:box-shadow var(--dsd-t-fast)}
.dsu-mgmt-page .dsu-avatar-preview--btn:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--dsd-accent) 20%,transparent)}
.dsu-mgmt-page .dsu-avatar-edit{
  position:absolute; left:50%; bottom:6px; transform:translateX(-50%);
  background:rgba(15,19,35,.6); color:#fff; font-size:10px; font-weight:600;
  padding:1px 8px; border-radius:999px; white-space:nowrap; pointer-events:none; line-height:1.6;
}
.dsu-mgmt-page .dsu-avatar-actions{display:flex;flex-direction:column;gap:8px}
.dsu-mgmt-page .dsu-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,56px);gap:10px;margin-top:12px}
.dsu-mgmt-page .dsu-avatar-modal-upload{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.dsu-mgmt-page .dsu-avatar-upload-hint{font-size:var(--dsd-fs-sm);color:var(--dsd-ink-400)}
.dsu-mgmt-page .dsu-avatar-divider{
  display:flex; align-items:center; gap:10px; margin:4px 0 14px;
  font-size:var(--dsd-fs-sm); font-weight:var(--dsd-fw-semi); color:var(--dsd-ink-400);
}
.dsu-mgmt-page .dsu-avatar-divider::before,
.dsu-mgmt-page .dsu-avatar-divider::after{content:"";flex:1;height:1px;background:var(--dsd-line)}
.dsu-mgmt-page .dsu-avatar-item{
  width:56px; height:56px; border-radius:50%; border:2px solid var(--dsd-line);
  background:var(--dsd-panel-2); cursor:pointer; padding:0; overflow:hidden;
  transition:border-color var(--dsd-t-fast),box-shadow var(--dsd-t-fast);
}
.dsu-mgmt-page .dsu-avatar-item img{width:100%;height:100%;object-fit:cover}
.dsu-mgmt-page .dsu-avatar-item:hover{border-color:var(--dsd-accent)}
.dsu-mgmt-page .dsu-avatar-item.active{border-color:var(--dsd-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dsd-accent) 12%,transparent)}

/* 公开导航页开关行 */
.dsu-mgmt-page .dsu-nav-public-row{
  display:flex; align-items:center; gap:14px; padding:14px 16px;
  background:var(--dsd-panel-2); border:1px solid var(--dsd-line); border-radius:var(--dsd-radius-4);
}
.dsu-mgmt-page .dsu-nav-public-info{display:flex;flex-direction:column;gap:3px}
.dsu-mgmt-page .dsu-nav-public-info strong{font-size:var(--dsd-fs-md);font-weight:var(--dsd-fw-semi);color:var(--dsd-ink)}
.dsu-mgmt-page .dsu-nav-public-info span{font-size:var(--dsd-fs-xs);color:var(--dsd-ink-400);line-height:1.5}

/* 开关 */
.dsu-mgmt-page .dsu-toggle-row{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px 16px; background:var(--dsd-panel-2); border-radius:var(--dsd-radius-3);
}
.dsu-mgmt-page .dsu-toggle-label{font-size:var(--dsd-fs-md);font-weight:var(--dsd-fw-semi);color:var(--dsd-ink-600)}
.dsu-mgmt-page .dsu-toggle{position:relative;width:44px;height:26px;cursor:pointer;flex:0 0 auto}
.dsu-mgmt-page .dsu-toggle input{opacity:0;width:0;height:0}
.dsu-mgmt-page .dsu-toggle-track{
  position:absolute;inset:0;background:var(--dsd-line-strong);border-radius:99px;transition:background var(--dsd-t-normal);
}
.dsu-mgmt-page .dsu-toggle-track::after{
  content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;
  transition:transform var(--dsd-t-normal);box-shadow:0 1px 3px rgba(0,0,0,.15);
}
.dsu-mgmt-page .dsu-toggle input:checked + .dsu-toggle-track{background:var(--dsd-accent)}
.dsu-mgmt-page .dsu-toggle input:checked + .dsu-toggle-track::after{transform:translateX(18px)}

/* ============================================================
   友链管理面板
   ============================================================ */
.dsu-mgmt-page .dsu-fl-list{display:flex;flex-direction:column;gap:12px}
.dsu-mgmt-page .dsu-fl-card{
  border:none!important; border-radius:var(--dsd-radius-5)!important;
  padding:18px 20px!important; background:var(--dsd-panel)!important;
  display:flex!important; flex-wrap:wrap; gap:12px; align-items:flex-start; justify-content:space-between;
  transition:border-color var(--dsd-t-fast),box-shadow var(--dsd-t-fast);
}
.dsu-mgmt-page .dsu-fl-card:hover{box-shadow:var(--dsd-shadow-sm)}
.dsu-mgmt-page .dsu-fl-pay-btn{background:linear-gradient(135deg,var(--dsd-accent),var(--dsd-accent-2))!important;color:#fff!important;border:0!important}
.dsu-mgmt-page .dsu-fl-cancel-btn{color:var(--dsd-bad)!important;border-color:var(--dsd-bad-line)!important}

/* ============================================================
   消息中心面板
   ============================================================ */
.dsu-mgmt-page .dsu-notify-item{
  display:flex; gap:12px; padding:16px; background:var(--dsd-panel);
  border:none; border-radius:var(--dsd-radius-4);
  transition:background var(--dsd-t-fast); cursor:pointer; position:relative;
}
.dsu-mgmt-page .dsu-notify-item:hover{background:var(--dsd-panel-2)}
.dsu-mgmt-page .dsu-notify--unread{background:var(--dsd-accent-soft);border-color:color-mix(in srgb,var(--dsd-accent) 20%,transparent)}
.dsu-mgmt-page .dsu-notify--unread::after{
  content:""; position:absolute; top:16px; right:16px; width:8px; height:8px; border-radius:50%; background:var(--dsd-accent);
}
.dsu-mgmt-page .dsu-notify-del{
  width:28px; height:28px; border:none; border-radius:var(--dsd-radius-2);
  background:transparent; color:var(--dsd-ink-400); cursor:pointer; flex:0 0 auto;
  transition:background var(--dsd-t-fast),color var(--dsd-t-fast);
  display:flex; align-items:center; justify-content:center;
}
.dsu-mgmt-page .dsu-notify-del:hover{background:var(--dsd-bad-bg);color:var(--dsd-bad)}
.dsu-mgmt-page .dsu-mgmt-notify-pager{display:flex;justify-content:center;gap:8px;margin-top:16px}

/* 通知条目内部结构（标准组件 dsd-notification-icon + dsd-badge） */
.dsu-mgmt-page .dsu-notify-item-body{flex:1;min-width:0}
.dsu-mgmt-page .dsu-notify-item-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.dsu-mgmt-page .dsu-notify-dot{width:6px;height:6px;background:var(--dsd-accent);border-radius:50%;flex-shrink:0}
.dsu-mgmt-page .dsu-notify-item-title{margin:0;font-size:14px;font-weight:600;color:var(--dsd-ink);line-height:1.4}
.dsu-mgmt-page .dsu-notify-item-content{margin:4px 0 0;font-size:13px;color:var(--dsd-ink-600);line-height:1.5}
.dsu-mgmt-page .dsu-notify-item-time{margin-top:6px;display:inline-block}
.dsu-mgmt-page .dsu-notify-item-link{display:inline-block;margin-top:6px;font-size:13px;color:var(--dsd-accent);text-decoration:none}
.dsu-mgmt-page .dsu-notify-item-link:hover{text-decoration:underline}

/* ============================================================
   弹窗系统
   ============================================================ */
.dsu-mgmt-page .dsu-mgmt-modal{
  position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:20px;
}
.dsu-mgmt-page .dsu-mgmt-modal[hidden]{display:none}
.dsu-mgmt-page .dsu-mgmt-modal-bg{
  position:fixed; inset:0; background:rgba(20,24,40,.45);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
}
.dsu-mgmt-page .dsu-mgmt-modal-box{
  position:relative; z-index:1; width:100%; max-width:500px; max-height:85vh;
  display:flex; flex-direction:column; background:var(--dsd-panel); border:none;
  border-radius:var(--dsd-radius-6); box-shadow:var(--dsd-shadow-xl); overflow:hidden;
}
.dsu-mgmt-page #dsu-submit-modal .dsu-mgmt-modal-box{max-width:600px}
.dsu-mgmt-page .dsu-mgmt-modal-hd{
  display:flex; align-items:center; justify-content:space-between; padding:20px 24px 0;
}
.dsu-mgmt-page .dsu-mgmt-modal-hd h4{font-size:17px;font-weight:var(--dsd-fw-bold);color:var(--dsd-ink)}
.dsu-mgmt-page .dsu-mgmt-modal-hd .dsu-mgmt-modal-close{
  width:32px; height:32px; border:none; border-radius:var(--dsd-radius-3);
  background:transparent; color:var(--dsd-ink-400); cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:background var(--dsd-t-fast);
  font-size:20px; line-height:1;
}
.dsu-mgmt-page .dsu-mgmt-modal-hd .dsu-mgmt-modal-close:hover{background:var(--dsd-panel-2);color:var(--dsd-ink)}
.dsu-mgmt-page .dsu-mgmt-modal-bd{padding:20px 24px;flex:1;overflow-y:auto}
.dsu-mgmt-page .dsu-mgmt-modal-ft{display:flex;align-items:center;padding:0 24px 20px;gap:8px}
.dsu-mgmt-page .dsu-mgmt-modal-msg{margin-right:auto;font-size:var(--dsd-fs-sm);font-weight:var(--dsd-fw-semi)}

/* Favicon 预览 */
.dsu-mgmt-page .dsu-mgmt-nav-fav-preview{
  display:flex; align-items:center; gap:12px; margin-bottom:16px; padding:12px;
  background:var(--dsd-panel-2); border-radius:var(--dsd-radius-3);
}
.dsu-mgmt-page .dsu-mgmt-nav-fav-img-wrap{
  width:56px; height:56px; border-radius:var(--dsd-radius-3); flex:0 0 auto;
  background:var(--dsd-panel); border:1px solid var(--dsd-line);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.dsu-mgmt-page .dsu-mgmt-nav-fav-img-wrap img{width:24px;height:24px;object-fit:contain}
.dsu-mgmt-page .dsu-mgmt-nav-fav-letter{font-size:28px!important;width:56px!important;height:56px!important}
.dsu-mgmt-page .dsu-mgmt-nav-fav-placeholder{display:flex;align-items:center;justify-content:center}
.dsu-mgmt-page .dsu-mgmt-nav-fav-hint{font-size:var(--dsd-fs-xs);color:var(--dsd-ink-400)}

/* ============================================================
   分类管理弹窗
   ============================================================ */
/* ---- 新增分类表单 ---- */
.dsu-mgmt-page .dsu-cat-add-hd{
  font-size:var(--dsd-fs-sm); font-weight:var(--dsd-fw-semi); color:var(--dsd-ink-600);
  margin-bottom:10px;
}
.dsu-mgmt-page .dsu-cat-add .dsd-field input{margin-bottom:0}
.dsu-mgmt-page .dsu-cat-add-form-row{display:flex;align-items:flex-end;gap:10px}
.dsu-mgmt-page .dsu-cat-add-form-row .dsd-field{flex:1;min-width:0;margin-bottom:0}
.dsu-mgmt-page .dsu-cat-add-form-row .dsd-btn{
  flex:0 0 auto; height:40px; padding:0 16px;
}
.dsu-mgmt-page .dsu-cat-add-form-row .dsd-field label{font-size:var(--dsd-fs-sm);font-weight:var(--dsd-fw-semi);color:var(--dsd-ink-600);margin-bottom:6px;display:block}

/* ---- 列表头 ---- */
.dsu-mgmt-page .dsu-cat-list-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.dsu-mgmt-page .dsu-cat-list-hd h5{margin:0;font-size:var(--dsd-fs-md);font-weight:var(--dsd-fw-bold);color:var(--dsd-ink)}
.dsu-mgmt-page .dsu-cat-list-count{font-size:var(--dsd-fs-xs);color:var(--dsd-ink-400);font-weight:var(--dsd-fw-semi)}

/* ---- 分类列表（卡片 + 层级树连线） ---- */
.dsu-mgmt-page .dsu-mgmt-cat-modal-list{display:flex;flex-direction:column;gap:8px}
.dsu-mgmt-page .dsu-cat-item{
  position:relative; display:flex; align-items:center; gap:10px;
  padding:9px 10px 9px 12px; background:var(--dsd-panel);
  border:1px solid var(--dsd-line); border-radius:var(--dsd-radius-3);
  transition:border-color var(--dsd-t-fast),box-shadow var(--dsd-t-fast);
}
.dsu-mgmt-page .dsu-cat-item:hover{border-color:var(--dsd-accent-soft);box-shadow:var(--dsd-shadow-sm)}
.dsu-mgmt-page .dsu-cat-item--child{margin-left:22px}
.dsu-mgmt-page .dsu-cat-item-guide{display:none;flex:0 0 auto;width:12px;height:14px;position:relative}
.dsu-mgmt-page .dsu-cat-item--child .dsu-cat-item-guide{display:block}
.dsu-mgmt-page .dsu-cat-item--child .dsu-cat-item-guide::before{
  content:"";position:absolute;left:0;top:0;width:9px;height:8px;
  border-left:1.5px solid var(--dsd-line-strong);border-bottom:1.5px solid var(--dsd-line-strong);
  border-bottom-left-radius:4px;
}
.dsu-mgmt-page .dsu-cat-item-main{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.dsu-mgmt-page .dsu-mgmt-cat-modal-name{
  font-size:var(--dsd-fs-md);font-weight:var(--dsd-fw-semi);color:var(--dsd-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.dsu-mgmt-page .dsu-cat-item-acts{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.dsu-mgmt-page .dsu-cat-item-btn{
  width:28px;height:28px;padding:0;border:none;border-radius:var(--dsd-radius-2);
  background:transparent;color:var(--dsd-ink-400);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:background var(--dsd-t-fast),color var(--dsd-t-fast);
}
.dsu-mgmt-page .dsu-cat-item-btn:hover{background:var(--dsd-panel-2);color:var(--dsd-ink)}
.dsu-mgmt-page .dsu-cat-item-btn.dsu-mgmt-cat-modal-edit:hover{background:var(--dsd-accent-soft);color:var(--dsd-accent)}
.dsu-mgmt-page .dsu-cat-item-btn.dsu-mgmt-cat-modal-del:hover{background:var(--dsd-bad-bg);color:var(--dsd-bad)}

/* ---- 行内重命名（点击编辑切换显示） ---- */
.dsu-mgmt-page .dsu-cat-item-edit{display:none;flex:1;align-items:center;gap:6px;min-width:0}
.dsu-mgmt-page .dsu-cat-item.editing .dsu-cat-item-main,
.dsu-mgmt-page .dsu-cat-item.editing .dsu-cat-item-acts{display:none}
.dsu-mgmt-page .dsu-cat-item.editing .dsu-cat-item-edit{display:flex}
.dsu-mgmt-page .dsu-cat-item-edit input{
  flex:1;min-width:0;height:32px;padding:0 10px;
  border:1.5px solid var(--dsd-accent);border-radius:var(--dsd-radius-3);
  font-size:var(--dsd-fs-md);font-family:var(--dsd-font-sans);color:var(--dsd-ink);
  background:var(--dsd-panel);outline:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--dsd-accent) 12%,transparent);
}
.dsu-mgmt-page .dsu-cat-item-edit button{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border:none;border-radius:var(--dsd-radius-2);
  cursor:pointer;padding:0;font-size:13px;flex:0 0 auto;
  transition:filter var(--dsd-t-fast),background var(--dsd-t-fast);
}
.dsu-mgmt-page .dsu-cat-item-edit .dsu-cat-edit-confirm{background:var(--dsd-accent);color:#fff}
.dsu-mgmt-page .dsu-cat-item-edit .dsu-cat-edit-confirm:hover{filter:brightness(1.08)}
.dsu-mgmt-page .dsu-cat-item-edit .dsu-cat-edit-cancel{background:var(--dsd-panel-2);color:var(--dsd-ink-400)}
.dsu-mgmt-page .dsu-cat-item-edit .dsu-cat-edit-cancel:hover{color:var(--dsd-ink)}

/* ============================================================
   响应式
   ============================================================ */
@media(max-width:960px){
  .dsu-mgmt-page{grid-template-columns:1fr;gap:16px}
  .dsu-mgmt-side{grid-column:1;grid-row:1;position:static}
  .dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-hero-in{flex-direction:row;text-align:left;gap:14px}
  .dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-avatar{margin-bottom:0}
  .dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-info{align-items:flex-start}
  .dsu-mgmt-side .dsu-mgmt-hero .dsu-mgmt-hero-actions{width:auto}
  .dsu-mgmt-side .dsu-mgmt-tabs{flex-direction:row;overflow-x:auto;padding:4px}
  .dsu-mgmt-side .dsu-mgmt-tabs .dsu-mgmt-tab{flex-shrink:0;white-space:nowrap}
  .dsu-mgmt-page > .dsu-mgmt-panel{grid-column:1;grid-row:auto;padding:20px}
  .dsu-mgmt-page .dsu-submit-types{grid-template-columns:1fr}
  .dsu-mgmt-page .dsu-mgmt-nav-grid{grid-template-columns:1fr}
  .dsu-mgmt-page .dsu-panel-toolbar--submit .dsu-submit-search{order:3;flex-basis:100%;margin-top:2px}
  .dsu-mgmt-page .dsu-submit-search input[type="search"]{width:100%}
}
@media(max-width:560px){
  .dsu-mgmt-page{padding:0 16px;margin:20px auto 40px}
  .dsu-mgmt-page > .dsu-mgmt-panel{padding:16px}
  .dsu-mgmt-page .dsu-mgmt-item{flex-direction:column;align-items:flex-start}
  .dsu-mgmt-page .dsu-mgmt-item-actions{align-self:flex-end}
  .dsu-mgmt-page .dsu-mgmt-modal{padding:0}
  .dsu-mgmt-page .dsu-mgmt-modal-box{border-radius:0;max-width:100%;height:100%;max-height:100%}
}

/* ============================================================
   投稿弹窗 · 第2步「选择投稿方式」
   ============================================================ */
/* 内容区操作按钮（第1步表单列底部 / 第2步免费列底部） */
.dsu-submit-ft-form{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin-top:24px; padding-top:20px; border-top:1px solid var(--dsd-line);
}
.dsu-submit-ft-left{display:flex;align-items:center;gap:10px}
.dsu-submit-ft-form .dsd-btn{flex:0 1 auto}
.dsu-submit-ft-choose{
  display:flex; align-items:center; justify-content:flex-start; gap:10px;
}

/* ============================================================
   投稿方式选择（第2步）：左免费 / 右赞助 对比卡片
   ============================================================ */
.dsu-choose-rules{margin-bottom:16px;font-size:12px;color:var(--dsd-ink-400);line-height:1.7}
.dsu-choose-rule{position:relative;padding-left:12px}
.dsu-choose-rule::before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:50%;background:var(--dsd-ink-400)}

/* 赞助档位（标准组件 dsd-tier-grid / dsd-tier-card，见 component-norms.css） */
.dsu-tier-list{margin-top:16px}
.dsu-tier-empty{padding:16px;border:1px dashed var(--dsd-line);border-radius:var(--dsd-radius-4);color:var(--dsd-ink-400);text-align:center;font-size:var(--dsd-fs-sm)}
/* 设计组件：3 列档位卡片网格（卡片等高，权益列表撑满，按钮固定在底部） */
.dsu-tier-list .dsd-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dsu-tier-list .dsd-tier-card{padding:20px 16px 16px;display:flex;flex-direction:column}
.dsu-tier-list .dsd-tier-card .dsd-tier-name{margin-bottom:10px}
.dsu-tier-list .dsd-tier-features{flex:1;margin-top:12px;margin-bottom:0}
.dsu-tier-list .dsd-tier-actions{margin-top:14px}

/* ============================================================
   投稿弹窗 — 全屏左右分栏
   第1步：表单 | 投稿指南 · 第2步：免费 | 赞助
   ============================================================ */
#dsu-submit-modal.dsu-mgmt-modal--full{padding:20px;align-items:center;justify-content:center}
#dsu-submit-modal.dsu-mgmt-modal--full .dsu-mgmt-modal-box{
  width:100%; max-width:1600px; height:100%; max-height:1200px;
  border-radius:var(--dsd-radius-6); box-shadow:var(--dsd-shadow-xl);
}
#dsu-submit-modal .dsu-mgmt-modal-hd{
  flex:0 0 auto; display:flex; align-items:center; justify-content:space-between;
  padding:18px 32px; border-bottom:1px solid var(--dsd-line) !important;
}
.dsu-submit-hd-left{display:flex;align-items:center;gap:12px;min-width:0}
.dsu-submit-hd-left h4{margin:0;font-size:16px;font-weight:var(--dsd-fw-bold);color:var(--dsd-ink);white-space:nowrap}
.dsu-submit-step{
  font-size:11px; font-weight:var(--dsd-fw-bold); color:var(--dsd-accent);
  background:var(--dsd-accent-soft); padding:2px 10px; border-radius:var(--dsd-radius-full);
  letter-spacing:.04em; flex:0 0 auto;
}
#dsu-submit-modal .dsu-mgmt-modal-bd{
  position:relative; flex:1; min-height:0; padding:0; overflow:hidden;
  display:flex; flex-direction:column;
}
#dsu-submit-modal .dsu-mgmt-modal-msg{
  position:absolute; top:12px; left:50%; transform:translateX(-50%); z-index:20;
  white-space:nowrap; max-width:90%; overflow:hidden; text-overflow:ellipsis;
}
/* 左右分栏：内容居中收窄，加大边距 */
.dsu-submit-body #dsu-submit-form-inner,
.dsu-submit-body #dsu-submit-choose{flex:1;min-height:0}
.dsu-submit-cols{
  display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  height:100%; min-height:0;
}
.dsu-submit-pane{min-height:0;overflow-y:auto;padding:36px 40px}

/* ---- 第1步：表单（左）+ 投稿指南（右） ---- */
.dsu-submit-form-pane{background:var(--dsd-panel);border-right:1px solid var(--dsd-line)}
.dsu-submit-form-hd{margin-bottom:18px}
.dsu-submit-form-hd h5{margin:0 0 2px;font-size:16px;font-weight:var(--dsd-fw-bold);color:var(--dsd-ink)}
.dsu-submit-form-hd p{margin:0;font-size:12px;color:var(--dsd-ink-400)}
.dsu-submit-form-hd .req{color:var(--dsd-bad)}
/* 表单列内字段填满分栏（解除组件默认 max-width:520px） */
.dsu-submit-form-pane .dsu-form .dsd-field input[type="text"],
.dsu-submit-form-pane .dsu-form .dsd-field input[type="url"],
.dsu-submit-form-pane .dsu-form .dsd-field select,
.dsu-submit-form-pane .dsu-form .dsd-field textarea{max-width:none}
.dsu-submit-guide-pane{background:var(--dsd-panel-2)}

/* 投稿指南卡片 */
.dsu-submit-guide{max-width:340px;position:sticky;top:0}
.dsu-submit-guide-hd{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.dsu-submit-guide-icon{width:34px;height:34px;border-radius:var(--dsd-radius-3);background:var(--dsd-accent-soft);color:var(--dsd-accent);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.dsu-submit-guide-hd h5{margin:0;font-size:15px;font-weight:var(--dsd-fw-bold);color:var(--dsd-ink)}
.dsu-submit-guide-list{margin:0;padding:0;list-style:none}
.dsu-submit-guide-list li{display:flex;gap:10px;padding:11px 0;border-top:1px solid var(--dsd-line)}
.dsu-submit-guide-list li:first-child{border-top:none}
.dsu-submit-guide-list .dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--dsd-accent);margin-top:7px}
.dsu-submit-guide-list b{display:block;font-size:13px;font-weight:var(--dsd-fw-semi);color:var(--dsd-ink)}
.dsu-submit-guide-list p{margin:2px 0 0;font-size:12px;color:var(--dsd-ink-400);line-height:1.5}
.dsu-submit-guide-tip{margin-top:16px;padding:12px 14px;border-radius:var(--dsd-radius-3);background:var(--dsd-accent-soft);display:flex;gap:8px;font-size:12px;color:var(--dsd-ink-600);line-height:1.6}
.dsu-submit-guide-tip svg{flex:0 0 auto;margin-top:1px;color:var(--dsd-accent)}
.dsu-submit-guide-tip strong{font-weight:var(--dsd-fw-semi);color:var(--dsd-accent)}

/* ---- 第2步：内容居中（免费横条 + 赞助权益设计组件） ---- */
.dsu-submit-body #dsu-submit-choose{overflow-y:auto}
.dsu-submit-choose-wrap{
  margin:0 auto; padding:40px 36px;
  display:flex; flex-direction:column; gap:20px;
}
.dsu-choose-free-bar{
  display:flex; align-items:center; justify-content:space-between; gap:28px;
  background:var(--dsd-panel); border:1px solid var(--dsd-line); border-radius:var(--dsd-radius-5);
  padding:24px 28px;
}
.dsu-choose-free-main{flex:1;min-width:0}
.dsu-choose-free-main .dsu-choose-rules{margin-bottom:0}
.dsu-choose-free-act{
  display:flex; flex-direction:column; align-items:stretch; gap:10px;
  flex:0 0 auto; min-width:150px;
}
.dsu-choose-free-act .dsu-st-btn{width:100%;justify-content:center}
/* 免费投稿按钮：绿色背景白字，无边框 */
.dsu-choose-free-act .dsu-free-btn{
  background:linear-gradient(135deg,var(--dsd-ok),#0b8a4c); color:#fff; border:none;
}
.dsu-choose-free-act .dsu-free-btn:hover{filter:brightness(1.08)}
.dsu-choose-sponsor-block{
  background:var(--dsd-panel); border:1px solid var(--dsd-line); border-radius:var(--dsd-radius-5);
  padding:24px 28px;
}
.dsu-choose-sponsor-block .dsu-tier-list{margin-top:16px}
.dsu-choose-sponsor-block .dsu-choose-rules{margin-bottom:0}

.dsu-choose-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.dsu-choose-badge{font-size:11px;font-weight:var(--dsd-fw-bold);padding:3px 12px;border-radius:var(--dsd-radius-full)}
.dsu-choose-badge--free{background:var(--dsd-ok-bg);color:var(--dsd-ok)}
.dsu-choose-badge--paid{background:var(--dsd-paid-bg);color:var(--dsd-paid)}
.dsu-choose-head h5{margin:0;font-size:17px;font-weight:var(--dsd-fw-bold);color:var(--dsd-ink)}
.dsu-choose-desc{font-size:13px;color:var(--dsd-ink-400);line-height:1.6;margin:0 0 16px}

/* 响应式：窄屏单列滚动 */
@media(max-width:860px){
  .dsu-submit-cols{grid-template-columns:1fr;height:auto}
  #dsu-submit-modal .dsu-mgmt-modal-bd{overflow-y:auto}
  .dsu-submit-pane{overflow-y:visible}
  .dsu-submit-form-pane{border-right:none;border-bottom:1px solid var(--dsd-line)}
  .dsu-submit-guide-pane{padding-top:0}
  .dsu-submit-guide{max-width:none;position:static}
  .dsu-submit-choose-wrap{padding:20px 16px}
  .dsu-choose-free-bar{flex-direction:column;align-items:stretch;gap:16px;padding:20px}
  .dsu-choose-free-act{min-width:0}
  .dsu-choose-sponsor-block{padding:20px}
  .dsu-tier-list .dsd-tier-grid{grid-template-columns:1fr;gap:12px}
}