/* 召集（新版）· 三个页面共用的样式 · 数值照 召集-定稿.html / 召集详情-定稿.html / 发起召集-定稿.html 的 CSS
   （定稿里的 .zA .zrope .zme .zty .zu .zppl .zsp .back .zdback .trseg .toast .zmask .zdlg .zdform .zdfld .input）。
   类名一律 v3-sm- 前缀；颜色、字号、圆角读 shared/v3/tokens.css 的 --v3-*。
   旧 summon/shell.css、summon/detail.css、summon/new.css、community/shell.css 不再加载（它们给 .summon-* 写了整页样式）。 */

/* ————— 页面外框：三个页面一样（1200 宽、两边 24），和顶栏对齐，切换页面时不跳 ————— */
.v3-sm,.v3-sd,.v3-sn{max-width:1200px;margin:0 auto;padding:24px max(24px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px));min-height:520px;color:var(--v3-ink);font-family:var(--v3-font);font-size:14px;line-height:1.6;background:transparent!important}
.v3-sm *,.v3-sm *::before,.v3-sm *::after,.v3-sd *,.v3-sd *::before,.v3-sd *::after,.v3-sn *,.v3-sn *::before,.v3-sn *::after,.v3-sm-dlg *,.v3-sm-lb *{box-sizing:border-box}
/* 旧主题给 main > section 加了入场动画；换新版不要，免得截图时停在半透明 */
.v3-sm>*,.v3-sd>*,.v3-sn>*{animation:none!important}
:where(.v3-sm,.v3-sd,.v3-sn,.v3-sm-dlg) :where(h1,h2,h3,h4,h5,p,dl,dd,ol,ul,figure,small,blockquote,label){margin:0}
:where(.v3-sm,.v3-sd,.v3-sn) :where(ul,ol){padding:0;list-style:none}
:where(.v3-sm,.v3-sd,.v3-sn,.v3-sm-dlg) a{text-decoration:none}
:where(.v3-sm,.v3-sd,.v3-sn,.v3-sm-dlg,.v3-sm-lb) :where(button){cursor:pointer}
:where(.v3-sm,.v3-sd,.v3-sn,.v3-sm-dlg,.v3-sm-lb) :where(button:disabled){cursor:default}
:is(.v3-sm,.v3-sd,.v3-sn,.v3-sm-dlg,.v3-sm-lb) :is(a,button,input,textarea,[contenteditable]):focus-visible{outline:2px solid var(--v3-brand)!important;outline-offset:-2px}
.v3-sm mark,.v3-sd mark{background:linear-gradient(transparent 62%,rgba(77,175,254,.32) 62%);color:inherit;padding:0}

/* ————— 通用小件 ————— */
.v3-sm-sp{flex:1}
.v3-sm-rule{font-size:12px;color:var(--v3-smoke);line-height:1.6}
.v3-sm-err{font-size:12px;color:#C2413B}
.v3-sm-me{font-size:12px;color:var(--v3-stone);background:var(--v3-sheet);border-radius:6px;padding:2px 8px;white-space:nowrap;flex:none}
.v3-sm-av{border-radius:50%;object-fit:cover;flex:none;display:block;background:var(--v3-sheet)}
.v3-sm-user{display:inline-flex;align-items:center;gap:6px;color:var(--v3-stone);font-size:13px}
a.v3-sm-user:hover{color:var(--v3-ink)}
.v3-sm-ty{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.v3-sm-ty svg{width:14px;height:8px}
.v3-sm-ppl{display:inline-flex;align-items:center;gap:6px;color:var(--v3-stone);font-size:12px;white-space:nowrap}

/* 状态是一根四段的绳（发起、回应、交付、选定），走到哪段亮到哪段 */
.v3-sm-rope{display:inline-flex;align-items:center;gap:1px;flex:none}
.v3-sm-rope svg{width:15px;height:9px;color:#D5DCE4}
.v3-sm-rope svg.on{color:var(--v3-brand)}
.v3-sm-rope.s4 svg.on{color:var(--v3-action-hover)}
.v3-sm-rope b{margin-left:8px;font-size:12px;font-weight:500;color:var(--v3-stone);white-space:nowrap}
.v3-sm-rope.s1 b{color:#9A6400}
.v3-sm-rope.s3 b,.v3-sm-rope.s2 b{color:var(--v3-action-hover)}
.v3-sm-rope.s4 b{color:var(--v3-ink)}
.v3-sm-rope.is-big svg{width:18px;height:10px}

/* 返回 + 译文 / 原文 */
.v3-sm-backrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.v3-sm-back{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font:inherit;color:var(--v3-stone);font-size:14px}
.v3-sm-back:hover{color:var(--v3-ink)}
.v3-sm-tr{display:inline-flex;gap:2px;padding:3px;border-radius:var(--v3-radius-md);background:var(--v3-sheet)}
.v3-sm-tr button{height:28px;padding:0 10px;border:0;border-radius:6px;background:none;font:inherit;font-size:12px;color:var(--v3-stone)}
.v3-sm-tr button[aria-pressed="true"]{background:var(--v3-paper);color:var(--v3-action-hover);font-weight:600}
.v3-sm-tr button:disabled{opacity:.6}

/* ————— 弹窗（认领 / 交付 / 确认 / 召唤分身 / 添加链接） ————— */
.v3-sm-mask{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,32,.32);animation:v3-sm-fade .16s ease}
.v3-sm-dlg{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;scrollbar-width:none;padding:22px;border:1px solid var(--v3-line);border-radius:var(--v3-radius-lg);background:var(--v3-paper);box-shadow:var(--v3-float);color:var(--v3-ink);font-family:var(--v3-font);font-size:14px;line-height:1.6}
.v3-sm-dlg::-webkit-scrollbar{display:none}
.v3-sm-form{display:grid;gap:14px}
.v3-sm-form-h{font-size:17px;font-weight:600}
.v3-sm-form-bt{display:flex;justify-content:flex-end;gap:8px}
.v3-sm-fld{display:grid;gap:6px;font-size:13px}
.v3-sm-fld small{margin-left:6px;color:var(--v3-smoke)}
/* 旧主题给所有输入框加了 !important 的白底、灰边、直角、去掉 outline、聚焦变黑边，要压过它就得也写 !important */
.v3-sm-input{display:block;width:100%;height:40px;min-width:0;padding:0 12px;border:1px solid var(--v3-line-strong)!important;border-radius:var(--v3-radius-md)!important;background:var(--v3-paper)!important;color:var(--v3-ink)!important;font:inherit;outline:0!important;box-shadow:none}
.v3-sm-input:hover{border-color:rgba(31,42,55,.26)!important}
.v3-sm-input:focus{border-color:var(--v3-action)!important;box-shadow:var(--v3-focus)}
.v3-sm-input::placeholder{color:var(--v3-smoke)}
.v3-sm-input[aria-invalid="true"]{border-color:var(--v3-danger)!important}

/* 页面底部的小提示 */
.v3-sm-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:460;transform:translateX(-50%) translateY(16px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;display:inline-flex;align-items:center;gap:8px;background:var(--v3-paper);color:var(--v3-ink);border:1px solid var(--v3-line);border-radius:10px;padding:10px 16px;font-family:var(--v3-font);font-size:14px;box-shadow:var(--v3-float)}
.v3-sm-toast.is-show{opacity:1;transform:translateX(-50%) translateY(0)}
.v3-sm-toast .v3-ic{color:var(--v3-action)}

@keyframes v3-sm-fade{from{opacity:0}to{opacity:1}}
@keyframes v3-sm-sh{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){
  .v3-sm-mask{animation:none}
  .v3-sm-toast{transition:none}
}

/* 「选定 / 满意方案」小标：列表作品位和详情作品位都用（11-05 从 summon.css 挪来——详情页不加载 summon.css，标签没样式，挤窄了封面） */
.v3-sm-pick{position:absolute;left:5px;bottom:5px;height:18px;padding:0 6px;border-radius:5px;background:var(--v3-action-hover);color:#fff;font-size:11px;line-height:18px;font-weight:500}
/* 11-05 照零件表 index.html 统一（.btn.danger / .dialog）：危险按钮白底红字灰边、不加红底悬停；弹窗圆角 12、细边框、柔和阴影 */
.v3-sm-dlg.is-confirm{width:min(400px,100%)}
.v3-sm-dlg-line{font-size:14px;color:var(--v3-stone);line-height:1.6}