/* ══════════════════════════════════════════════════════
   地球Online · 求助大厅皮肤
   硬边目录板 · 红 / 芥末金 / 墨蓝 / 绿
   杜绝：药丸芯片、软阴影抬升、玫瑰霓虹、玻璃毛玻璃
   ══════════════════════════════════════════════════════ */

.eo-help{
  --hp-red:#c41212;
  --hp-gold:#b8860b;
  --hp-ink:#1f5f7a;
  --hp-ok:#16803c;
  --hp-paper:#f3f1ec;
  --hp-panel:#fffcf6;
  --hp-serif:"Noto Serif SC","Songti SC",serif;
  --hp-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  background:
    linear-gradient(180deg,#ebe7df 0%,var(--hp-paper) 160px,#f0eeea 100%);
  border-bottom:1px solid rgba(0,0,0,.1);
  color:#111;
}

/* ── 顶栏 ── */
.eo-help .hp-mast{
  margin:0 auto;
  max-width:var(--page-w,1280px);
  padding:16px var(--gx,20px) 12px;
}
.eo-help .hp-mast-board{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(220px,.85fr);
  border:1px solid #111;
  background:#fff;
}
.eo-help .hp-mast-main{
  position:relative;
  /* 顶距让出左上角水印；对齐悬赏 / BBS */
  padding:48px 18px 14px 22px !important;
  border-right:1px solid #111 !important;
  background:#fff !important;
  overflow:hidden;
}
.eo-help .hp-mast-main::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:5px;
  background:var(--hp-ok);
  z-index:1;
}
.eo-help .hp-mast-main::after{
  content:"HELP";
  position:absolute;
  left:14px;top:6px;right:auto;bottom:auto;
  font-family:var(--hp-mono);
  font-size:40px;font-weight:600;
  letter-spacing:-.04em;line-height:1;
  color:rgba(22,128,60,.14);
  pointer-events:none;
  z-index:0;
}
.eo-help .hp-kicker{display:none}
.eo-help .hp-mast h1{
  margin:0 0 26px !important;
  font-family:var(--hp-serif) !important;
  font-size:clamp(24px,2.8vw,32px) !important;
  font-weight:700 !important;line-height:1.15 !important;color:#111 !important;
  position:relative;z-index:1;
}
.eo-help .hp-lead{
  margin:0 0 32px !important;
  max-width:100%;
  font-size:13px !important;line-height:1.55 !important;
  color:rgba(0,0,0,.58) !important;
  position:relative;z-index:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.eo-help .hp-lead::before{
  content:"Help Desk · Open Requests";
  display:block;
  margin-bottom:6px;
  font-family:var(--hp-mono);
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--hp-red);
}
.eo-help .hp-stats,
.eo-help .hp-stats.page-intro-stats{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  border:1px solid #111 !important;
  background:var(--hp-panel) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  position:relative;z-index:1;
}
.eo-help .hp-stats .stat-cell{
  padding:10px 12px !important;
  border-right:1px solid #111 !important;
  background:transparent !important;
  min-width:0;
}
.eo-help .hp-stats .stat-cell:last-child{border-right:0 !important}
.eo-help .hp-stats .k{
  display:block;
  margin:0 0 2px !important;
  font-family:var(--hp-mono) !important;
  font-size:10px !important;letter-spacing:.08em;
  color:rgba(0,0,0,.45) !important;
  text-transform:none !important;
}
.eo-help .hp-stats .v,
.eo-help .hp-stats .stat-post-link{
  font-family:var(--hp-serif) !important;
  font-size:14px !important;font-weight:700 !important;color:#111 !important;
  line-height:1.35 !important;
  text-decoration:none !important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;
  white-space:normal;
  text-overflow:unset;
}
.eo-help .hp-stats .v.g,
.eo-help .hp-stats a.g{color:var(--hp-ok) !important}
.eo-help .hp-stats .v.r,
.eo-help .hp-stats a.r{color:var(--hp-red) !important}
.eo-help .hp-stats a:hover{color:var(--hp-red) !important}
.eo-help .hp-mast-side{
  min-width:0;
  background:var(--hp-panel);
}
.eo-help .hp-mast-side .page-intro-deck{
  border-left:0 !important;
  height:100%;
  box-sizing:border-box;
}

/* ── 帮助之星：叶绿硬边（勿与攻击红 / 茶馆金撞色） ── */
.eo-help .page-intro-deck.is-star[data-star-kind="help"]{
  --star-deck-photo:none !important;
  --star-deck-glass:transparent !important;
  gap:12px;
  padding:18px 16px 16px;
  background:
    linear-gradient(180deg,rgba(22,128,60,.12) 0%,transparent 42%),
    repeating-linear-gradient(-45deg,#f1f8f3 0 7px,#e3f0e7 7px 14px) !important;
  overflow:hidden;
  animation:none !important;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"] > .pid-deck-photo,
.eo-help .page-intro-deck.is-star[data-star-kind="help"] > .pid-deck-glass{
  display:none !important;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"]::before{
  content:"";
  position:absolute;top:0;left:0;right:0;height:5px;
  background:#16803c !important;
  animation:none !important;
  width:auto !important;
  background-image:none !important;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"]::after{display:none !important}
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-label{
  display:inline-flex;align-items:center;gap:6px;
  width:max-content;margin:0;padding:5px 10px;
  font-family:var(--hp-mono);
  font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:#fff;background:#111;border:1px solid #111;
  border-radius:0;box-shadow:none;animation:none !important;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-label-mark{
  width:8px;height:8px;border-radius:0;
  background:#16803c !important;border:1px solid #fff;
  box-shadow:none;animation:none !important;
  font-size:0;color:transparent;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-orb,
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-orb--avatar{
  width:72px;height:72px;border-radius:0;
  border:1px solid #111;background:#111;color:#fff;
  box-shadow:3px 3px 0 #16803c !important;
  animation:none !important;
  display:grid;place-items:center;
  font-family:var(--hp-serif);font-size:22px;font-weight:700;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-orb::before,
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-orb--avatar::before{
  display:none !important;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-player{
  border-radius:0;background:#fff;border:1px solid #111;
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-chips li[data-act]{
  border-radius:0;background:#fff;border:1px solid #111;
  box-shadow:none;font-family:var(--hp-mono);font-size:11px;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-chips li[data-act]:hover{
  background:#111 !important;color:#fff !important;
  transform:none;box-shadow:none;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-meter{
  height:8px;border-radius:0;border:1px solid #111;background:#fff;box-shadow:none;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-meter > i{
  background:#16803c !important;
  background-image:none !important;
  animation:none !important;box-shadow:none !important;filter:none;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-foot strong{
  color:#16803c !important;text-shadow:none;
}
.eo-help .page-intro-deck.is-star[data-star-kind="help"] .pid-heat-dot{
  border-radius:0;background:#16803c !important;box-shadow:none;animation:none;
}

/* ── 工具条 / 分类 ── */
.eo-help .help-tools.block{
  padding-top:4px;
  padding-bottom:10px;
  background:transparent;
}
.eo-help .help-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid #111;
  background:#fff;
  padding:10px 12px;
}
.eo-help .help-chips{
  display:flex;flex-wrap:wrap;gap:6px;
}
.eo-help .help-chips .chip,
.eo-help .chip{
  border-radius:0 !important;
  border:1px solid #111 !important;
  background:#fff !important;
  color:#111 !important;
  font-family:var(--hp-mono);
  font-size:11px;letter-spacing:.04em;
  padding:7px 10px !important;
  box-shadow:none !important;
  transform:none !important;
}
.eo-help .help-chips .chip:hover,
.eo-help .chip:hover{
  background:var(--hp-panel) !important;
  transform:none !important;
}
.eo-help .help-chips .chip.is-active,
.eo-help .chip.is-active{
  background:#111 !important;
  color:#fff !important;
}
.eo-help .help-verify-btn,
.eo-help .help-apply-btn{
  border-radius:0 !important;
  border:1px solid #111 !important;
  box-shadow:none !important;
  font-family:var(--hp-mono);
  font-size:12px;letter-spacing:.04em;
}
.eo-help .help-verify-btn{
  background:#fff;color:#111;
}
.eo-help .help-verify-btn:hover{background:var(--hp-panel)}
.eo-help .help-apply-btn{
  background:var(--hp-red) !important;
  color:#fff !important;
  box-shadow:3px 3px 0 #111 !important;
}
.eo-help .help-apply-btn:hover{
  background:#9e0e0e !important;
  transform:translate(1px,1px);
  box-shadow:2px 2px 0 #111 !important;
}

/* ── 列表 · 硬边卡片（有外框、无线网） ── */
.eo-help #helpList.block{
  padding-top:6px;
}
.eo-help #helpList .artsec-eyebrow{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;
  font-family:var(--hp-mono);
  margin:0 0 14px;
  padding:0;
  border:0;
}
.eo-help #helpList .artsec-eyebrow > span:first-child{
  color:var(--hp-red);
  letter-spacing:.14em;text-transform:uppercase;
  font-size:10px;
}
.eo-help #helpList .artsec-meta{
  color:rgba(0,0,0,.42);
  font-size:11px;
}

.eo-help .help-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  border:0 !important;
  background:transparent !important;
}
@media (max-width:1080px){
  .eo-help .help-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:680px){
  .eo-help .help-grid{grid-template-columns:1fr !important;gap:12px !important}
}

.eo-help .help-grid > .help-card,
.eo-help .help-grid > article.help-card{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  min-height:286px;
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:
    linear-gradient(180deg,rgba(255,252,246,.9) 0%,#fff 48px),
    #fff !important;
  box-shadow:none !important;
  transform:none !important;
  overflow:hidden;
  cursor:pointer;
  position:relative;
  transition:background .12s ease, box-shadow .12s ease, transform .12s ease !important;
  grid-template-columns:unset !important;
  grid-template-areas:unset !important;
}
.eo-help .help-card.urgency-high{
  background:
    linear-gradient(90deg,rgba(196,18,18,.05) 0,transparent 42%),
    linear-gradient(180deg,#fff6f4 0%,#fff 56px),
    #fff !important;
}
.eo-help .help-card.urgency-medium{
  background:
    linear-gradient(90deg,rgba(184,134,11,.06) 0,transparent 42%),
    linear-gradient(180deg,#fff8ec 0%,#fff 56px),
    #fff !important;
}
.eo-help .help-card.urgency-low{
  background:
    linear-gradient(90deg,rgba(31,95,122,.06) 0,transparent 42%),
    linear-gradient(180deg,#f5f8fa 0%,#fff 56px),
    #fff !important;
}
.eo-help .help-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;top:0 !important;bottom:0 !important;
  width:5px !important;height:auto !important;
  background:#111 !important;
  border-radius:0 !important;
  z-index:3;
}
.eo-help .help-card.urgency-high::before{background:var(--hp-red) !important}
.eo-help .help-card.urgency-medium::before{background:var(--hp-gold) !important}
.eo-help .help-card.urgency-low::before{background:var(--hp-ink) !important}
.eo-help .help-card.status-completed::before{background:var(--hp-ok) !important}
.eo-help .help-card::after{display:none !important}
.eo-help .help-grid > .help-card:hover,
.eo-help .help-grid > article.help-card:hover,
.eo-help .help-grid > .help-card:focus-within,
.eo-help .help-grid > article.help-card:focus-within,
.eo-help .help-grid > .help-card:active,
.eo-help .help-grid > article.help-card:active,
.eo-help .help-card:hover,
.eo-help .help-card:focus-within,
.eo-help .help-card:active{
  background:#fff !important;
  box-shadow:4px 4px 0 #111 !important;
  transform:translate(-1px,-1px) !important;
}
.eo-help .help-card.is-pinned{
  background:
    linear-gradient(90deg,rgba(184,134,11,.1) 0,transparent 36%),
    #fff !important;
}
.eo-help .help-card.status-completed{opacity:.8}
.eo-help .help-card.status-completed:hover{opacity:1}

.eo-help .hlp-card-mark{
  position:absolute;
  right:10px;top:4px;
  font-family:var(--hp-serif);
  font-size:64px;font-weight:700;line-height:1;
  color:rgba(17,17,17,.045);
  pointer-events:none;
  z-index:0;
  letter-spacing:-.06em;
  user-select:none;
}
.eo-help .help-card.urgency-high .hlp-card-mark{color:rgba(196,18,18,.07)}
.eo-help .help-card.is-pinned .hlp-card-mark{color:rgba(184,134,11,.09)}

.eo-help .hlp-card-head{
  position:relative;z-index:1;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px 0 18px;
}
.eo-help .hlp-card-serial{
  font-family:var(--hp-mono);
  font-size:10px;letter-spacing:.14em;
  color:rgba(0,0,0,.38);
  flex:0 0 auto;
}
.eo-help .hlp-card-top{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  padding:0;
  justify-content:flex-end;
}
.eo-help .hlp-urg,
.eo-help .hlp-cat,
.eo-help .hlp-status,
.eo-help .hlp-pin{
  display:inline-flex !important;
  align-items:center;
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  font-family:var(--hp-mono) !important;
  font-size:10px !important;
  letter-spacing:.05em !important;
  height:auto !important;
  padding:3px 7px !important;
  line-height:1.2;
}
.eo-help .hlp-urg.urg-high{color:#fff !important;background:var(--hp-red) !important;font-weight:700}
.eo-help .hlp-urg.urg-medium{color:#111 !important;background:var(--hp-gold) !important;font-weight:700}
.eo-help .hlp-urg.urg-low{color:#fff !important;background:var(--hp-ink) !important;font-weight:700}
.eo-help .hlp-cat{color:#111 !important}
.eo-help .hlp-status.st-open{color:var(--hp-ok) !important;font-weight:700}
.eo-help .hlp-status.st-completed{color:var(--hp-ok) !important}
.eo-help .hlp-status.st-closed,
.eo-help .hlp-status.st-reviewing{color:rgba(0,0,0,.45) !important}
.eo-help .hlp-pin{
  background:#111 !important;color:#fff !important;font-weight:700;
}
.eo-help .hlp-date{
  margin-left:0;
  font-family:var(--hp-mono);
  font-size:10px;color:rgba(0,0,0,.4);
  padding:0;
  flex:0 0 auto;
}

.eo-help .hlp-card-body{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 86px;
  gap:0;
  flex:1;
  margin:10px 0 0;
  min-height:0;
  border-top:1px solid #111;
  border-bottom:1px solid #111;
}
.eo-help .hlp-card-main{
  display:flex;flex-direction:column;gap:8px;
  padding:12px 12px 12px 18px;
  min-width:0;
}

.eo-help .hlp-card-title,
.eo-help .help-card h3{
  margin:0 !important;
  padding:0 !important;
  font-family:var(--hp-serif) !important;
  font-size:17px !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
  line-height:1.32 !important;
  color:#111 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.eo-help .hlp-story{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  font-size:12px !important;
  line-height:1.55 !important;
  color:rgba(0,0,0,.55) !important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  flex:1;
}

.eo-help .hlp-card-by{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;
  padding:0;
  margin-top:auto;
  overflow:visible;
}
.eo-help .hlp-card-author{
  display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:visible;
}
.eo-help .hlp-card-author-meta{
  display:flex;flex-direction:column;gap:1px;min-width:0;
}
.eo-help .help-card:has(.has-avf){overflow:visible}
.eo-help .help-card .hlp-avatar:not(.has-avf),
.eo-help .help-card .hlp-avatar:not(.has-avf) .hlp-avatar-img,
.eo-help .help-card .hlp-avatar:not(.has-avf) .hlp-avatar-fb{
  width:28px !important;height:28px !important;
  border:1px solid #111 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  object-fit:cover !important;
  overflow:hidden !important;
}
.eo-help .help-card .hlp-avatar:not(.has-avf){
  display:inline-flex !important;
  align-items:center;justify-content:center;
  flex:0 0 auto;
}
.eo-help .help-card .hlp-avatar:not(.has-avf) .hlp-avatar-fb{
  align-items:center;justify-content:center;
  background:var(--hp-panel);
  font-family:var(--hp-serif);
  font-size:12px;font-weight:700;color:#111;
  line-height:28px;
  text-align:center;
}
.eo-help .help-card .hlp-avatar.has-avf{
  display:block !important;
  position:relative !important;
  width:28px !important;height:28px !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  border-color:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  flex:0 0 auto;
  line-height:0 !important;
}
.eo-help .help-card .hlp-avatar.has-avf .avf-wrap,
.eo-help .help-card .hlp-avatar.has-avf .avf-face,
.eo-help .help-card .hlp-avatar.has-avf .avf-frame{
  border:0 !important;outline:none !important;box-shadow:none !important;
}
.eo-help .hlp-card-author .wlt-nick{
  font-family:var(--hp-serif);
  font-size:13px;font-weight:700;color:#111;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;
  display:block;
}
.eo-help .acm-verified{
  border:0 !important;background:transparent !important;padding:0 !important;
  font-family:var(--hp-mono);font-size:10px;color:var(--hp-ok) !important;
}
.eo-help .acm-shard{
  border:0 !important;background:transparent !important;padding:0 !important;
  font-family:var(--hp-mono);font-size:10px;color:rgba(0,0,0,.42);
  font-style:normal;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;
  display:block;
}

.eo-help .hlp-card-stub{
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;
  padding:12px 8px;
  border-left:1px dashed #111;
  background:
    repeating-linear-gradient(
      180deg,
      transparent 0 10px,
      rgba(17,17,17,.05) 10px 11px
    ),
    var(--hp-panel);
  text-align:center;
  min-width:0;
}
.eo-help .hlp-card-stub::before,
.eo-help .hlp-card-stub::after{
  content:"";
  position:absolute;left:-5px;
  width:9px;height:9px;
  border-radius:50%;
  background:var(--hp-paper,#f3f1ec);
  border:1px solid #111;
  z-index:2;
}
.eo-help .hlp-card-stub::before{top:-5px}
.eo-help .hlp-card-stub::after{bottom:-5px}
.eo-help .hlp-card-stub.urg-high{background-color:rgba(196,18,18,.07)}
.eo-help .hlp-card-stub.urg-medium{background-color:rgba(184,134,11,.09)}
.eo-help .hlp-card-stub.urg-low{background-color:rgba(31,95,122,.08)}
.eo-help .hlp-card-stub .stub-kicker{
  font-family:var(--hp-mono);
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(0,0,0,.42);
}
.eo-help .hlp-card-stub .stub-amount{
  font-family:var(--hp-serif);
  font-size:34px;font-weight:700;line-height:1;color:#111;
  letter-spacing:-.04em;
}
.eo-help .hlp-card-stub.urg-high .stub-amount{color:var(--hp-red)}
.eo-help .hlp-card-stub.urg-medium .stub-amount{color:var(--hp-gold)}
.eo-help .hlp-card-stub.urg-low .stub-amount{color:var(--hp-ink)}
.eo-help .hlp-card-stub .stub-unit{
  font-family:var(--hp-mono);font-size:11px;font-weight:700;color:#111;
}
.eo-help .hlp-card-stub .stub-cat{
  margin-top:4px;
  font-family:var(--hp-mono);font-size:9px;color:rgba(0,0,0,.45);
  border-top:1px solid rgba(17,17,17,.18);
  padding-top:6px;
  max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.eo-help .hlp-actions{
  position:relative;z-index:1;
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin-top:auto;
  padding:10px 14px 10px 18px;
  background:var(--hp-panel);
}
.eo-help .hlp-cheer,
.eo-help .hlp-comment,
.eo-help .hlp-offer-count{
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  padding:5px 8px !important;
  transform:none !important;
  font-family:var(--hp-mono) !important;
  font-size:11px !important;
  color:#111 !important;
  display:inline-flex;align-items:center;gap:4px;
  cursor:pointer !important;
  pointer-events:auto !important;
  position:relative;
  z-index:3;
}
.eo-help .hlp-cheer.is-busy{opacity:.65}
.eo-help .hlp-cheer[aria-disabled="true"]{opacity:.45;cursor:not-allowed !important}
.eo-help .hlp-cheer:hover,
.eo-help .hlp-comment:hover{
  background:#111 !important;color:#fff !important;transform:none !important;
}
.eo-help .hlp-cheer.is-cheered{
  background:#111 !important;color:#fff !important;
}
.eo-help .hlp-cheer .wlt-icon,
.eo-help .hlp-comment .wlt-icon{font-size:10px}
.eo-help .hlp-spacer{flex:1;min-width:4px}
.eo-help .hlp-offer-btn{
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:var(--hp-red) !important;
  color:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
  font-family:var(--hp-mono) !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.04em;
  padding:6px 10px !important;
  text-decoration:none !important;
  white-space:nowrap;
}
.eo-help .hlp-offer-btn:hover,
.eo-help .hlp-offer-btn.is-offered:hover{
  background:#9e0e0e !important;color:#fff !important;
  transform:none !important;box-shadow:none !important;
}
.eo-help .hlp-offer-btn.is-offered{
  background:#111 !important;color:#fff !important;
}

/* 空卡 */
.eo-help .help-card.empty-slot{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:286px !important;
  padding:22px 20px !important;
  border:1px dashed #111 !important;
  background:
    repeating-linear-gradient(45deg,#fff 0 8px,#f7f4ee 8px 16px) !important;
  box-shadow:none !important;
  text-align:center !important;
}
.eo-help .help-card.empty-slot .hlp-card-mark{display:none}
.eo-help .help-card.empty-slot::before{
  background:var(--hp-red) !important;
}
.eo-help .help-card.empty-slot:hover{
  background:var(--hp-panel) !important;
  border-style:solid !important;
  box-shadow:4px 4px 0 #111 !important;
}
.eo-help .empty-slot .vacant-plus{
  font-family:var(--hp-mono);
  font-size:28px;font-weight:600;line-height:1;
  color:var(--hp-red);
  margin:0;
  text-align:center;
}
.eo-help .empty-slot .vacant-text{
  font-family:var(--hp-serif);
  font-size:18px;font-weight:700;color:#111;
  text-align:center;
}
.eo-help .empty-slot .vacant-hint{
  font-family:var(--hp-mono);
  font-size:11px;color:rgba(0,0,0,.45);
  margin:0;
  text-align:center;
}

@media (max-width:680px){
  .eo-help .hlp-card-body{grid-template-columns:minmax(0,1fr) 74px}
  .eo-help .hlp-card-stub .stub-amount{font-size:28px}
  .eo-help .help-card,
  .eo-help .help-grid > article.help-card{min-height:0}
}

.eo-help .btn,
.eo-help .btn-primary,
.eo-help .btn-ghost{
  border-radius:0 !important;
  box-shadow:none !important;
}
.eo-help .btn-primary{
  background:var(--hp-red) !important;
  border:1px solid #111 !important;
  color:#fff !important;
}
.eo-help .btn-ghost{
  background:#fff !important;
  border:1px solid #111 !important;
  color:#111 !important;
}
.eo-help .btn-ghost:hover{
  background:#111 !important;color:#fff !important;
}
.eo-help .help-loading{
  grid-column:1 / -1;
  background:transparent;border:0;padding:56px 20px;
}
.eo-help .help-loading .spinner{
  border-radius:0;
  border-color:rgba(17,17,17,.2);
  border-top-color:var(--hp-red);
}

.eo-help #helpPager.page-nav{
  margin-top:16px;gap:6px;
}
.eo-help .page-nav .pager-num,
.eo-help .page-nav .pager-btn,
.eo-help #helpPager .pager-num,
.eo-help #helpPager .pager-btn,
.eo-help #helpPager a,
.eo-help #helpPager button{
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  font-family:var(--hp-mono);
  color:#111 !important;
  min-width:34px;height:34px;
  transform:none !important;
}
.eo-help #helpPager .pager-btn:hover:not(:disabled):not(.is-disabled),
.eo-help #helpPager .pager-num:hover{
  background:var(--hp-panel) !important;
}
.eo-help #helpPager .is-active,
.eo-help #helpPager .pager-num.is-active{
  background:#111 !important;color:#fff !important;
}

/* ── 发布弹窗 ── */
.eo-help #createModalOverlay.modal-overlay{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  background:rgba(243,241,236,.9) !important;
}
.eo-help #createModalDialog.create-sheet-panel,
.eo-help #createModalDialog.modal-dialog{
  border-radius:0 !important;
  border:1px solid #111 !important;
  background:#fff !important;
  box-shadow:8px 8px 0 #111 !important;
  overflow:hidden !important;
}
.eo-help #createModalDialog .create-sheet-head,
.eo-help #createModalDialog .dialog-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px 12px !important;
  border-bottom:1px solid #111 !important;
  background:var(--hp-panel) !important;
  border-radius:0 !important;
}
.eo-help #createModalDialog .create-sheet-eyebrow{
  display:block;
  font-family:var(--hp-mono);
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--hp-red) !important;
  opacity:1 !important;
  margin-bottom:2px;
}
.eo-help #createModalDialog .dialog-title,
.eo-help #createModalDialog h3.dialog-title{
  margin:0;
  font-family:var(--hp-serif);
  font-size:20px;font-weight:700;color:#111;
}
.eo-help #createModalDialog .create-sheet-lead{
  margin:6px 0 0;
  font-size:13px;line-height:1.5;
  color:rgba(0,0,0,.55);
  max-width:42ch;
}
.eo-help #createModalDialog .dialog-close-btn{
  border-radius:0 !important;
  border:1px solid #111 !important;
  background:#fff !important;
  width:32px;height:32px;
  box-shadow:none !important;
}
.eo-help #createModalDialog .dialog-close-btn:hover{
  background:#111 !important;color:#fff !important;
}
.eo-help #createModalDialog .create-sheet-body{
  background:#fff;
  padding:14px 16px !important;
}
.eo-help #createModalDialog .create-sheet-section{
  border:1px solid #111;
  background:var(--hp-panel);
  padding:12px 14px 4px;
  margin-bottom:10px;
}
.eo-help #createModalDialog .create-sheet-section-title{
  font-family:var(--hp-serif);
  font-size:15px;font-weight:700;
  margin:0 0 10px;
  padding-bottom:8px;
  border-bottom:1px solid #111;
  color:#111;
}
.eo-help #createModalDialog .form-group label{
  font-family:var(--hp-mono);
  font-size:11px;letter-spacing:.04em;
  color:#111 !important;
}
.eo-help #createModalDialog .form-input,
.eo-help #createModalDialog .form-textarea,
.eo-help #createModalDialog .form-select{
  border-radius:0 !important;
  border:1px solid #111 !important;
  background:#fff !important;
  box-shadow:none !important;
}
.eo-help #createModalDialog .form-input:focus,
.eo-help #createModalDialog .form-textarea:focus,
.eo-help #createModalDialog .form-select:focus{
  border-color:#111 !important;
  box-shadow:2px 2px 0 #111 !important;
  outline:none;
}
.eo-help #createModalDialog .form-hint{
  font-family:var(--hp-mono);
  font-size:11px;color:rgba(0,0,0,.45);
}
.eo-help #createModalDialog .create-sheet-tag{
  border-radius:0 !important;
  border:1px solid #111;
  background:#fff;
  font-family:var(--hp-mono);
  font-size:10px;
  padding:1px 6px;
  color:var(--hp-ink);
}
.eo-help #createModalDialog .archive-warn,
.eo-help #createModalDialog .hp-create-notes{
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:#fff !important;
  padding:12px 14px !important;
  margin-top:4px !important;
}
.eo-help #createModalDialog .hp-create-notes-kicker{
  display:block;
  font-family:var(--hp-mono);
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--hp-gold);
  margin-bottom:6px;
}
.eo-help #createModalDialog .hp-create-notes ul{
  margin:0;padding-left:16px;
  font-size:12.5px;line-height:1.7;color:rgba(0,0,0,.62);
}
.eo-help #createModalDialog .create-sheet-actions,
.eo-help #createModalDialog .form-submit{
  border-top:1px solid #111 !important;
  background:var(--hp-panel) !important;
  padding:12px 16px !important;
  gap:8px;
}
.eo-help #createModalDialog .btn-ghost{
  border-radius:0 !important;
  border:1px solid #111 !important;
  background:#fff !important;
  color:#111 !important;
}
.eo-help #createModalDialog .btn-ghost:hover{
  background:#111 !important;color:#fff !important;
}
.eo-help #createModalDialog .btn-primary,
.eo-help #createModalDialog #help-submit-btn{
  border-radius:0 !important;
  border:1px solid #111 !important;
  background:var(--hp-red) !important;
  color:#fff !important;
  box-shadow:3px 3px 0 #111 !important;
  background-image:none !important;
}
.eo-help #createModalDialog .btn-primary:hover,
.eo-help #createModalDialog #help-submit-btn:hover{
  background:#9e0e0e !important;
  transform:translate(1px,1px);
  box-shadow:2px 2px 0 #111 !important;
}

/* ── 怎么用：对齐悬赏/组队黑脊告示板 ── */
.eo-help .help-howto-section.block{
  padding-top:8px;
  padding-bottom:8px;
  background:transparent;
}
.eo-help .help-howto{
  display:grid !important;
  grid-template-columns:minmax(160px,.85fr) minmax(0,2.4fr) !important;
  gap:0 !important;
  margin:0 0 4px !important;
  padding:0 !important;
  border:1px solid #111 !important;
  border-radius:0 !important;
  box-shadow:3px 3px 0 #111 !important;
  background:#fff !important;
  overflow:hidden;
  align-items:stretch;
}
.eo-help .hh-rail{
  display:flex;flex-direction:column;justify-content:center;gap:8px;
  padding:16px 16px 16px 18px;
  border-right:1px solid #111;
  background:#111;
  color:#fff;
  position:relative;
  min-height:0;
}
.eo-help .hh-rail::after{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:5px;
  background:var(--hp-ok);
}
.eo-help .hh-eyebrow{
  font-family:var(--hp-mono);
  font-size:10px;font-weight:700;
  letter-spacing:.16em;color:var(--hp-ok);
}
.eo-help .hh-title{
  margin:0;
  font-family:var(--hp-serif);
  font-size:22px;font-weight:700;line-height:1.15;color:#fff;
}
.eo-help .hh-rail-text{
  margin:0;
  font-size:12px;line-height:1.55;
  color:rgba(255,255,255,.68);
  max-width:22ch;
}
.eo-help .hh-main{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:100%;
}
.eo-help .hh-board{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  flex:1;
  align-items:stretch;
  border-bottom:1px solid #111;
  background:var(--hp-panel);
}
.eo-help .hh-cell{
  padding:12px 12px 14px;
  border-right:1px solid #111;
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  min-height:100%;
  box-sizing:border-box;
}
.eo-help .hh-cell:last-child{border-right:0}
.eo-help .hh-cell.is-note{background:#fff}
.eo-help .hh-n{
  font-family:var(--hp-mono);
  font-size:10px;font-weight:700;letter-spacing:.1em;
  color:var(--hp-red);
}
.eo-help .hh-cell strong{
  font-family:var(--hp-serif);
  font-size:15px;font-weight:700;color:#111;
}
.eo-help .hh-cell p{
  margin:0;
  font-size:12px;line-height:1.4;color:rgba(0,0,0,.52);
}
.eo-help .hh-rate-k{
  font-family:var(--hp-mono);
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--hp-ink);
}
.eo-help .hh-rate-v{
  font-family:var(--hp-serif);
  font-size:15px;font-weight:700;color:#111;line-height:1.2;
}
.eo-help .hh-rate-s{
  font-family:var(--hp-mono);
  font-size:11px;color:rgba(0,0,0,.48);
}
.eo-help .hh-cell.is-end .hh-rate-k{color:var(--hp-ok)}
.eo-help .hh-footline{
  margin:0;
  padding:8px 14px;
  font-family:var(--hp-mono);
  font-size:11px;
  color:rgba(0,0,0,.48);
  background:var(--hp-panel);
}

/* 弹窗硬边 */
.eo-help .modal-overlay,
.eo-help .create-sheet-overlay{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  background:rgba(243,241,236,.88) !important;
}
.eo-help .modal-detail,
.eo-help .modal-confirm,
.eo-help .verify-sheet-panel,
.eo-help .create-sheet-panel,
.eo-help #offerModalDialog,
.eo-help #completeConfirmDialog{
  border-radius:0 !important;
  border:1px solid #111 !important;
  box-shadow:6px 6px 0 #111 !important;
}
.eo-help .form-input,
.eo-help .form-textarea,
.eo-help .form-select,
.eo-help .offer-nickname-display{
  border-radius:0 !important;
  border-color:#111 !important;
}
.eo-help .form-input:focus,
.eo-help .form-textarea:focus,
.eo-help .form-select:focus{
  border-color:#111 !important;
  box-shadow:2px 2px 0 #111 !important;
}

/* DM */
.eo-help #bbs-dm-overlay{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  background:rgba(243,241,236,.88) !important;
}
.eo-help .bbs-dm-panel{
  border-radius:0 !important;
  border:1px solid #111 !important;
  box-shadow:6px 6px 0 #111 !important;
}

/* ══════════════════════════════════════════════════════
   详情 · 求助票（街边告示，不是套娃卡片）
   ══════════════════════════════════════════════════════ */
.eo-help #detailModalOverlay.modal-overlay{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  background:rgba(40,36,30,.55) !important;
}
.eo-help #detailModalDialog.modal-detail{
  width:min(640px,calc(100vw - 20px));
  max-height:min(92vh,920px);
  border-radius:0 !important;
  border:1px solid #111 !important;
  background:#fff !important;
  box-shadow:8px 8px 0 #111 !important;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
/* 头像框只在头像容器上 overflow:visible，不要破坏详情弹窗滚动 */
.eo-help #detailModalDialog .dialog-header,
.eo-help #detailModalDialog .dialog-header-detail{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px 12px 16px;
  border-bottom:1px solid #111;
  background:var(--hp-panel);
  position:relative;
}
.eo-help #detailModalDialog .dialog-header::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:5px;
  background:var(--hp-red);
}
.eo-help #detailModalDialog .dialog-header-text{
  display:flex;flex-direction:column;gap:2px;
  min-width:0;padding-left:4px;
}
.eo-help #detailModalDialog .dialog-eyebrow{
  display:block;
  font-family:var(--hp-mono);
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--hp-red);
  margin-bottom:0;
}
.eo-help #detailModalDialog .dialog-header h3,
.eo-help #detailModalTitle{
  margin:0;
  font-family:var(--hp-serif);
  font-size:16px;font-weight:700;color:#111;
}
.eo-help #detailModalDialog .dialog-close-btn{
  border:1px solid #111;
  border-radius:0;
  background:#fff;
  width:34px;height:34px;
  box-shadow:none;
  color:#111;
  flex-shrink:0;
}
.eo-help #detailModalDialog .dialog-close-btn:hover{
  background:#111;color:#fff;border-color:#111;
}
.eo-help #detailModalBody.dialog-body{
  padding:0;
  overflow-x:hidden;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  background:#fff;
  flex:1 1 auto;
  min-height:0;
}

.eo-help .detail-wrap{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  margin:0;
  padding:0 0 0 7px;
  background:#fff;
  max-width:none;
}
.eo-help .detail-wrap::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:7px;
  background:var(--hp-gold);
}
.eo-help .detail-wrap.urgency-high::before{background:var(--hp-red)}
.eo-help .detail-wrap.urgency-medium::before{background:var(--hp-gold)}
.eo-help .detail-wrap.urgency-low::before{background:var(--hp-ink)}
.eo-help .detail-wrap.urgency-done::before{background:var(--hp-ok)}
.eo-help .detail-wrap.is-pinned .dt-ticket{
  background:
    linear-gradient(90deg,rgba(184,134,11,.08),transparent 40%),
    #fff;
}

.eo-help .dt-sheet{padding:0}

.eo-help .dt-ticket{
  padding:0;
  overflow:hidden;
}
.eo-help .dt-ticket-grid{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:0;
  border-bottom:1px solid #111;
}
.eo-help .dt-seal{
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;
  padding:22px 10px;
  border-right:1px dashed #111;
  background:
    radial-gradient(circle at 50% 40%,rgba(255,255,255,.55) 0 34%,transparent 35%),
    repeating-linear-gradient(45deg,transparent 0 6px,rgba(17,17,17,.03) 6px 12px),
    var(--hp-panel);
  text-align:center;
}
.eo-help .dt-seal.urg-high{background-color:rgba(196,18,18,.08)}
.eo-help .dt-seal.urg-medium,
.eo-help .dt-seal.urg-mid{background-color:rgba(184,134,11,.1)}
.eo-help .dt-seal.urg-low{background-color:rgba(31,95,122,.09)}
.eo-help .seal-kicker{
  font-family:var(--hp-mono);
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(0,0,0,.42);
}
.eo-help .seal-glyph{
  font-family:var(--hp-serif);
  font-size:48px;font-weight:700;line-height:1;color:#111;
  letter-spacing:-.04em;
}
.eo-help .dt-seal.urg-high .seal-glyph{color:var(--hp-red)}
.eo-help .dt-seal.urg-medium .seal-glyph,
.eo-help .dt-seal.urg-mid .seal-glyph{color:var(--hp-gold)}
.eo-help .dt-seal.urg-low .seal-glyph{color:var(--hp-ink)}
.eo-help .seal-unit{
  font-family:var(--hp-mono);font-size:12px;font-weight:700;color:#111;
}
.eo-help .seal-cat{
  margin-top:2px;
  font-family:var(--hp-mono);font-size:10px;color:rgba(0,0,0,.45);
  border-top:1px solid rgba(17,17,17,.16);
  padding-top:6px;
}

.eo-help .dt-ticket-copy{
  padding:18px 20px 16px 18px;
  min-width:0;
}
.eo-help .dt-ticket-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin-bottom:12px;
}
.eo-help .dt-ticket-no{
  font-family:var(--hp-mono);
  font-size:12px;font-weight:700;letter-spacing:.12em;
  color:var(--hp-red);
}
.eo-help .dt-ticket-date{
  font-family:var(--hp-mono);
  font-size:11px;color:rgba(0,0,0,.4);
}

.eo-help .dt-ticket-marks{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin-bottom:12px;
}
.eo-help .dt-stamp{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:52px;
  padding:5px 10px;
  border:2px solid #111;
  font-family:var(--hp-mono);
  font-size:11px;font-weight:700;letter-spacing:.08em;
  line-height:1;
  color:#111;
  background:#fff;
  transform:rotate(-2deg);
}
.eo-help .dt-stamp.urg-high{
  background:var(--hp-red);color:#fff;border-color:#111;
}
.eo-help .dt-stamp.urg-medium,
.eo-help .dt-stamp.urg-mid{
  background:var(--hp-gold);color:#111;
}
.eo-help .dt-stamp.urg-low{
  background:var(--hp-ink);color:#fff;
}
.eo-help .dt-mark-cat,
.eo-help .dt-mark-st,
.eo-help .dt-mark-pin{
  font-family:var(--hp-mono);
  font-size:11px;
  color:rgba(0,0,0,.55);
  letter-spacing:.04em;
  border:1px solid #111;
  padding:3px 7px;
  background:#fff;
}
.eo-help .dt-mark-st.st-open{color:var(--hp-ok);font-weight:700}
.eo-help .dt-mark-st.st-completed{color:var(--hp-ok)}
.eo-help .dt-mark-st.st-closed,
.eo-help .dt-mark-st.st-reviewing{color:rgba(0,0,0,.4)}
.eo-help .dt-mark-pin{
  color:#fff;font-weight:700;
  background:#111;
  border-color:#111;
  padding-left:7px;
}

.eo-help .dt-title{
  margin:0 0 14px;
  font-family:var(--hp-serif);
  font-size:clamp(22px,3.2vw,28px);
  font-weight:700;line-height:1.25;color:#111;
  letter-spacing:.01em;
}

.eo-help .dt-byline{
  display:flex;align-items:center;gap:10px;overflow:visible;
  padding-top:12px;
  border-top:1px solid rgba(17,17,17,.14);
}
.eo-help .dt-avatar-host:not(.has-avf),
.eo-help .dt-avatar-host:not(.has-avf) .hlp-avatar,
.eo-help .dt-avatar-host:not(.has-avf) .hlp-avatar-img,
.eo-help .dt-avatar-host:not(.has-avf) .hlp-avatar-fb{
  width:40px !important;height:40px !important;
  border:1px solid #111 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  object-fit:cover !important;
  overflow:hidden !important;
}
.eo-help .dt-avatar-host.has-avf{
  display:block !important;
  position:relative !important;
  width:40px !important;height:40px !important;
  overflow:visible !important;
  border:0 !important;
  border-color:transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  line-height:0 !important;
}
.eo-help .dt-avatar-host.has-avf .avf-wrap,
.eo-help .dt-avatar-host.has-avf .avf-face,
.eo-help .dt-avatar-host.has-avf .avf-frame{
  border:0 !important;outline:none !important;box-shadow:none !important;
}
.eo-help .dt-byline-text{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  min-width:0;
  font-size:13px;
}
.eo-help .dt-author-name{
  font-family:var(--hp-serif);font-size:15px;font-weight:700;color:#111;
}
.eo-help .dt-verified{
  font-family:var(--hp-mono);font-size:10px;font-weight:700;
  color:var(--hp-ok);
  letter-spacing:.06em;
}
.eo-help .dt-byline-dot{color:rgba(0,0,0,.25)}
.eo-help .dt-author-shard{
  font-family:var(--hp-mono);font-size:11px;color:rgba(0,0,0,.42);
  border:0 !important;background:transparent !important;padding:0 !important;
}

.eo-help .dt-fact-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  background:var(--hp-panel);
}
.eo-help .dt-fact{
  padding:12px 10px;
  border-right:1px solid #111;
  display:flex;flex-direction:column;gap:4px;
  text-align:center;
}
.eo-help .dt-fact:last-child{border-right:0}
.eo-help .dt-fact .lbl{
  font-family:var(--hp-mono);font-size:10px;letter-spacing:.08em;
  color:rgba(0,0,0,.42);text-transform:uppercase;
}
.eo-help .dt-fact .val{
  font-family:var(--hp-serif);font-size:16px;font-weight:700;color:#111;
  line-height:1.2;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.eo-help .dt-block{
  margin:0;
  padding:16px 20px 4px 18px;
}
.eo-help .dt-block-head{
  display:flex;align-items:baseline;gap:10px;
  margin-bottom:10px;
  padding-bottom:8px;
  border-bottom:1px solid #111;
}
.eo-help .dt-block-tag{
  font-family:var(--hp-mono);
  font-size:10px;font-weight:700;
  letter-spacing:.14em;
  color:var(--hp-red);
}
.eo-help .dt-block-title{
  font-family:var(--hp-serif);
  font-size:16px;font-weight:700;color:#111;
  flex:1;
}
.eo-help .dt-body-section{
  margin:0;
  padding:0 !important;
  border:0;
  background:transparent;
  box-shadow:none;
}
.eo-help .dt-body{
  margin:0;
  padding:0;
  border-top:0;
  font-size:15px;line-height:1.85;
  color:rgba(0,0,0,.82);
  white-space:pre-wrap;
  word-break:break-word;
}

.eo-help .dt-contact-section{margin:0}
.eo-help .dt-contact-visible,
.eo-help .dt-contact-locked{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin:0 20px 16px 18px;
  padding:10px 12px !important;
  border:0 !important;
  border-left:3px solid var(--hp-ink) !important;
  border-radius:0 !important;
  background:rgba(31,95,122,.06) !important;
  box-shadow:none !important;
}
.eo-help .dt-pc-icon,
.eo-help .dt-pc-lock-icon{color:var(--hp-ink);font-size:14px}
.eo-help .dt-pc-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:140px}
.eo-help .dt-pc-label,
.eo-help .dt-pc-lock-text{
  font-family:var(--hp-mono);font-size:11px;color:var(--hp-ink) !important;
}
.eo-help .dt-pc-val,
.eo-help .dt-pc-lock-hint{
  font-size:13px;color:#111;
  border:0 !important;background:transparent !important;padding:0 !important;
}
.eo-help .dt-pc-badge{
  border:0 !important;background:transparent !important;padding:0 !important;
  font-family:var(--hp-mono);font-size:10px;color:rgba(0,0,0,.4) !important;
}
.eo-help .dt-pc-dm-btn{
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:#111 !important;color:#fff !important;
  font-family:var(--hp-mono);font-size:11px;font-weight:700;
  text-decoration:none !important;
  padding:6px 10px !important;
  box-shadow:none !important;
}
.eo-help .dt-pc-dm-btn:hover{background:var(--hp-red) !important}

.eo-help .dt-actions{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0;
  padding:11px 16px 11px 18px;
  border:0;
  border-top:1px solid #111;
  border-bottom:1px solid #111;
  background:
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 6px,
      rgba(17,17,17,.04) 6px,
      rgba(17,17,17,.04) 7px
    ),
    var(--hp-panel);
  box-shadow:none;
  position:sticky;
  bottom:0;
  z-index:2;
}
.eo-help .dt-actions .hlp-cheer,
.eo-help .dt-actions .hlp-comment,
.eo-help .dt-offer-done,
.eo-help .dt-pinned-indicator{
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:#fff !important;
  padding:6px 10px !important;
  font-family:var(--hp-mono);font-size:11px;
  color:#111 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  position:relative;
  z-index:5;
}
.eo-help .dt-actions .hlp-cheer:hover,
.eo-help .dt-actions .hlp-comment:hover{
  background:#111 !important;color:#fff !important;border-color:#111 !important;
}
.eo-help .dt-actions .hlp-cheer.is-cheered{
  background:var(--hp-gold) !important;color:#111 !important;border-color:#111 !important;
}
.eo-help .dt-offer-action{
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:var(--hp-red) !important;color:#fff !important;
  font-family:var(--hp-mono);font-size:12px;font-weight:700;
  letter-spacing:.06em;
  padding:7px 14px !important;
  text-decoration:none !important;
  box-shadow:2px 2px 0 #111 !important;
}
.eo-help .dt-offer-action:hover{
  background:#9e0e0e !important;color:#fff !important;
  transform:translate(1px,1px);box-shadow:1px 1px 0 #111 !important;
}
.eo-help .dt-offer-done{
  color:var(--hp-ok) !important;
  border-style:dashed !important;
  background:transparent !important;
}
.eo-help .dt-pin-btn{
  margin-left:auto;
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:#fff !important;color:#111 !important;
  font-family:var(--hp-mono);font-size:11px;
  text-decoration:none !important;
  padding:6px 10px !important;
  background-image:none !important;
}
.eo-help .dt-pin-btn:hover{
  background:var(--hp-gold) !important;color:#111 !important;transform:none !important;
}

.eo-help .dt-helpers{
  margin:0;
  padding:16px 20px 14px 18px;
  border:0;
  background:#fff;
  box-shadow:none;
}
.eo-help .dt-helpers-head{
  margin-bottom:12px;
}
.eo-help .dt-hl-title,
.eo-help .dt-hl-title-thanks{
  font-family:var(--hp-serif) !important;
  font-size:16px !important;font-weight:700 !important;
  letter-spacing:.01em !important;text-transform:none !important;
  color:#111 !important;
  margin:0 !important;padding:0 !important;
  border:0 !important;
  background:none !important;
  flex:1;
}
.eo-help .dt-hl-title::after,
.eo-help .dt-hl-title-thanks::after{display:none}
.eo-help .dt-hl-title i,
.eo-help .dt-hl-title-thanks i{display:none}
.eo-help .dt-hl-empty{
  font-family:var(--hp-mono);font-size:12px;color:rgba(0,0,0,.45);
  padding:6px 0 2px;
}
.eo-help .dt-hl-item,
.eo-help .dt-hl-item-selectable{
  display:flex;flex-direction:column;gap:6px;
  border:0 !important;
  border-top:1px solid rgba(17,17,17,.14) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:10px 0 !important;
}
.eo-help .dt-hl-item:first-of-type,
.eo-help .dt-hl-item-selectable:first-of-type{
  border-top:1px solid #111 !important;
}
.eo-help .dt-hl-item:hover,
.eo-help .dt-hl-item.is-self,
.eo-help .dt-hl-item.is-self:hover{
  background:transparent !important;
  box-shadow:none !important;
}

/* 感谢名单：PC / 手机均横排 */
.eo-help .dt-hl-thanks-section{
  display:block !important;
}
.eo-help .dt-hl-thanks-list{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:stretch !important;
}
.eo-help .dt-hl-thanks-item{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  padding:8px 10px !important;
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  min-width:0;
  max-width:100%;
  flex:0 1 auto;
}
.eo-help .dt-hl-thanks-item:first-of-type{
  border-top:1px solid #111 !important;
}
.eo-help .dt-hl-thanks-item:hover{
  background:var(--hp-panel) !important;
}
.eo-help .dt-hl-thanks-check{
  width:22px !important;
  height:22px !important;
  min-width:22px;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:var(--hp-ok) !important;
  color:#fff !important;
  font-size:11px !important;
  flex-shrink:0;
}
.eo-help .dt-hl-thanks-name{
  font-family:var(--hp-serif) !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:#111 !important;
  flex:0 1 auto;
  min-width:0;
  max-width:12em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.eo-help .dt-hl-thanks-time{display:none !important}
.eo-help .dt-hl-item-head{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
}
.eo-help .dt-hl-name{
  font-family:var(--hp-serif);font-size:14px;font-weight:700;color:#111;
}
.eo-help .dt-hl-time{
  margin-left:auto;
  font-family:var(--hp-mono);font-size:11px;color:rgba(0,0,0,.38);
}
.eo-help .dt-complete-btn,
.eo-help .dt-hl-reveal-btn{
  border:1px solid #111 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:var(--hp-ok) !important;
  background-image:none !important;
  font-family:var(--hp-mono);font-weight:700;font-size:11px;
  color:#fff !important;
  text-decoration:none !important;
  padding:7px 12px !important;
}
.eo-help .dt-complete-btn:hover{background:#11662f !important;transform:none !important}
.eo-help .dt-hl-select-bar,
.eo-help .dt-hl-actions-bar{
  border-top:1px solid #111;
  padding-top:10px;margin-top:4px;
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
}
.eo-help .dt-complete-sub,
.eo-help .dt-hl-selected-count{
  font-family:var(--hp-mono);font-size:11px;color:rgba(0,0,0,.45);
}
.eo-help .dt-hl-self-tag,
.eo-help .dt-hl-status{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:0 !important;
  font-family:var(--hp-mono);font-size:10px;font-weight:700;
  color:var(--hp-ink);
  letter-spacing:.06em;
}
.eo-help .dt-hl-status.contacted{color:var(--hp-ok)}
.eo-help .dt-hl-note,
.eo-help .dt-hl-contacts,
.eo-help .dt-hl-privacy-note{
  font-size:12px;line-height:1.5;color:rgba(0,0,0,.55);
}

.eo-help .dt-comments{
  margin:0;
  padding:16px 20px 8px 18px;
  border:0;
  border-top:1px solid #111;
  background:#fff;
  box-shadow:none;
}
.eo-help .dt-comments .dt-block-head{
  margin-bottom:12px;
}
.eo-help .dt-cm-title{
  font-family:var(--hp-serif) !important;
  font-size:16px !important;font-weight:700 !important;
  letter-spacing:.01em !important;text-transform:none !important;
  color:#111 !important;
  margin:0 !important;padding:0 !important;
  border:0 !important;
  flex:1;
}
.eo-help .dt-cm-title::after{display:none}
.eo-help .dt-cm-title i{display:none}
.eo-help .dt-cm-count{
  font-family:var(--hp-mono);font-size:11px;font-weight:700;
  color:#111;
  margin-left:0;
  letter-spacing:0;
  border:1px solid #111;
  padding:2px 8px;
  background:var(--hp-panel);
}
.eo-help .dt-comment,
.eo-help .dt-comment.is-author{
  display:grid;
  grid-template-columns:52px 32px minmax(0,1fr);
  gap:8px 10px;
  align-items:start;
  border:0 !important;
  border-top:1px solid rgba(17,17,17,.12) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  margin:0;
  padding:12px 0 !important;
}
.eo-help .dt-comment:first-child{border-top:1px solid #111 !important}
.eo-help .dt-comment:hover,
.eo-help .dt-comment.is-author:hover{
  background:transparent !important;
  box-shadow:none !important;
}
.eo-help .dt-comment .dt-cm-time{
  font-family:var(--hp-mono);font-size:10px;color:rgba(0,0,0,.38);
  line-height:1.3;padding-top:4px;
}
.eo-help .dt-cm-avatar-host:not(.has-avf),
.eo-help .dt-cm-avatar-host:not(.has-avf) .hlp-avatar,
.eo-help .dt-cm-avatar-host:not(.has-avf) .hlp-avatar-img,
.eo-help .dt-cm-avatar-host:not(.has-avf) .hlp-avatar-fb{
  width:32px !important;height:32px !important;
  border:1px solid #111 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  object-fit:cover !important;
  overflow:hidden !important;
}
.eo-help .dt-cm-avatar-host.has-avf{
  display:block !important;
  position:relative !important;
  width:32px !important;height:32px !important;
  overflow:visible !important;
  border:0 !important;
  border-color:transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  line-height:0 !important;
}
.eo-help .dt-cm-avatar-host.has-avf .avf-wrap,
.eo-help .dt-cm-avatar-host.has-avf .avf-face,
.eo-help .dt-cm-avatar-host.has-avf .avf-frame{
  border:0 !important;outline:none !important;box-shadow:none !important;
}
.eo-help .dt-comment:has(.has-avf){
  overflow:visible;
}
/* 详情正文必须保持可滚动；头像框裁切交给头像容器处理 */
.eo-help .dt-cm-tag,
.eo-help .dt-cm-tag.author{
  border:0 !important;
  background:transparent !important;
  color:var(--hp-red) !important;
  padding:0 !important;
  font-family:var(--hp-mono);font-size:10px;font-weight:700;
  letter-spacing:.08em;
  border-radius:0 !important;
}
.eo-help .dt-cm-head{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
}
.eo-help .dt-cm-name{font-family:var(--hp-serif);font-weight:700;font-size:13px}
.eo-help .dt-cm-body{
  margin-top:4px;font-size:14px;line-height:1.65;color:rgba(0,0,0,.75);
}
.eo-help .dt-cm-empty,
.eo-help .dt-cm-login,
.eo-help .dt-cm-closed{
  border:0;
  background:transparent;
  padding:8px 0 12px;
  text-align:left;
  font-family:var(--hp-mono);font-size:12px;color:rgba(0,0,0,.45);
}
.eo-help .dt-cm-login{padding:12px 20px 16px 18px;border-top:1px solid #111}
.eo-help .dt-cm-login a{color:var(--hp-red);font-weight:700}
.eo-help .dt-cm-form-wrap{
  margin:0;
  padding:12px 20px 18px 18px;
  border:0;
  border-top:1px solid #111;
  background:var(--hp-panel);
}
.eo-help .dt-cm-form{
  display:flex;flex-direction:column;gap:10px;
}
.eo-help .dt-cm-form-right{
  display:flex;align-items:center;gap:12px;
}
.eo-help .dt-cm-form textarea{
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  padding:10px 12px !important;
  font-size:14px;line-height:1.55;min-height:84px;
  resize:vertical;
}
.eo-help .dt-cm-form textarea:focus{
  border-color:#111 !important;
  box-shadow:2px 2px 0 #111 !important;
  outline:none;
}
.eo-help .dt-cm-form button,
.eo-help #dt-cm-submit{
  align-self:flex-start;
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:var(--hp-red) !important;color:#fff !important;
  font-family:var(--hp-mono);font-weight:700;font-size:12px;
  text-decoration:none !important;
  padding:7px 16px !important;
  box-shadow:none !important;
  background-image:none !important;
}
.eo-help .dt-cm-form button:hover{
  background:#9e0e0e !important;transform:none !important;
}
.eo-help .dt-cm-persona-count{font-family:var(--hp-mono);font-size:11px;color:rgba(0,0,0,.4)}
.eo-help .dt-avatar:not(.has-avf),
.eo-help .dt-avatar-fb,
.eo-help .dt-cm-avatar:not(.has-avf),
.eo-help .dt-cm-avatar-fb{
  border:1px solid #111 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  background:#111;color:#fff;
  background-image:none !important;
  object-fit:cover !important;
}

@media (max-width:720px){
  .eo-help .help-card,
  .eo-help .help-grid > article.help-card{
    min-height:0;
  }
  .eo-help .hlp-card-body{grid-template-columns:minmax(0,1fr) 72px}
  .eo-help .hlp-card-stub .stub-amount{font-size:26px}
  .eo-help .hlp-actions{
    gap:6px;
  }
  .eo-help .hlp-spacer{display:none}
  .eo-help .dt-ticket-grid{
    grid-template-columns:1fr;
  }
  .eo-help .dt-seal{
    border-right:0;
    border-bottom:1px dashed #111;
    flex-direction:row;flex-wrap:wrap;
    justify-content:flex-start;
    gap:8px 14px;
    padding:14px 16px;
    text-align:left;
  }
  .eo-help .seal-glyph{font-size:36px}
  .eo-help .dt-fact-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eo-help .dt-fact:nth-child(2n){border-right:0}
  .eo-help .dt-fact:nth-child(-n+2){border-bottom:1px solid #111}
  /* 详情弹窗 · 手机端（不影响 PC） */
  .eo-help #detailModalOverlay.modal-overlay{
    padding:8px !important;
    align-items:flex-end !important;
    justify-content:center !important;
    overflow-x:hidden !important;
  }
  .eo-help #detailModalDialog.modal-detail,
  .eo-help #detailModalDialog.modal-detail:has(.has-avf){
    width:100% !important;
    max-width:100% !important;
    max-height:min(92vh,920px) !important;
    box-shadow:3px 3px 0 #111 !important;
    margin:0 !important;
    overflow:hidden !important;
  }
  .eo-help #detailModalDialog .dialog-header,
  .eo-help #detailModalDialog .dialog-header-detail{
    flex-shrink:0 !important;
    padding:10px 12px 10px 14px !important;
    gap:10px;
    position:relative;
    z-index:5;
  }
  .eo-help #detailModalDialog .dialog-header-text{
    min-width:0 !important;
    overflow:hidden;
  }
  .eo-help #detailModalDialog .dialog-header h3,
  .eo-help #detailModalTitle{
    font-size:15px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .eo-help #detailModalDialog .dialog-close-btn{
    width:36px !important;
    height:36px !important;
    flex-shrink:0 !important;
    position:relative;
    z-index:6;
  }
  .eo-help #detailModalBody.dialog-body{
    padding:0;
    min-height:0 !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  .eo-help .detail-wrap{padding-left:5px}
  .eo-help .detail-wrap::before{width:5px}
  .eo-help .dt-ticket{padding:0}
  .eo-help .dt-ticket-copy{padding:14px 14px 12px}
  .eo-help .dt-ticket-row{margin-bottom:8px}
  .eo-help .dt-ticket-no{font-size:11px}
  .eo-help .dt-block{padding:14px 14px 2px}
  .eo-help .dt-body-section{padding:0 !important}
  .eo-help .dt-helpers,
  .eo-help .dt-comments{padding-left:14px;padding-right:14px}
  .eo-help .dt-comment,
  .eo-help .dt-comment.is-author{
    grid-template-columns:44px 28px minmax(0,1fr);
  }
  /* 加油 + 留言同一排；申请/顶置通栏在下 */
  .eo-help .dt-actions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
    gap:6px !important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px)) !important;
  }
  .eo-help .dt-actions .hlp-cheer,
  .eo-help .dt-actions .hlp-comment{
    flex:1 1 calc(50% - 3px) !important;
    width:auto !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    text-align:center !important;
    justify-content:center !important;
    padding:10px 8px !important;
  }
  .eo-help .dt-actions .hlp-spacer{display:none !important}
  .eo-help .dt-offer-action,
  .eo-help .dt-offer-done,
  .eo-help .dt-pin-btn,
  .eo-help .dt-pinned-indicator{
    flex:1 1 100% !important;
    width:100% !important;
    margin-left:0 !important;
    box-sizing:border-box !important;
    text-align:center !important;
    justify-content:center !important;
    padding:10px 12px !important;
  }
}
/* 申请帮忙 / 确认完成弹窗 */
.eo-help #offerModalDialog .dialog-header,
.eo-help #completeConfirmDialog .dialog-header{
  border-bottom:1px solid #111;
  background:var(--hp-panel);
}
.eo-help #offerModalDialog .dialog-header h3,
.eo-help #completeConfirmDialog .dialog-header h3{
  font-family:var(--hp-serif);
}

@media (max-width:860px){
  .eo-help .hp-mast-board{grid-template-columns:1fr}
  .eo-help .hp-mast-main{
    border-right:0;border-bottom:1px solid #111;
  }
  .eo-help .hp-mast-main::after{font-size:32px}
  .eo-help .hp-stats{grid-template-columns:1fr}
  .eo-help .hp-stats .stat-cell{
    border-right:0;border-bottom:1px solid #111;
  }
  .eo-help .hp-stats .stat-cell:last-child{border-bottom:0}
  .eo-help .help-howto{
    grid-template-columns:1fr !important;
    box-shadow:2px 2px 0 #111 !important;
  }
  .eo-help .hh-rail{
    border-right:0 !important;
    border-bottom:1px solid #111;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:baseline;
    gap:4px 10px;
    padding:12px 12px 12px 16px;
  }
  .eo-help .hh-eyebrow{width:100%;margin:0}
  .eo-help .hh-title{font-size:18px;margin:0}
  .eo-help .hh-rail-text{
    flex:1 1 auto;
    margin:0;
    max-width:none;
    font-size:11px;
    line-height:1.4;
    color:rgba(255,255,255,.58);
  }
  /* 01–03 三列；认证/归档两列底 */
  .eo-help .hh-board{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  }
  .eo-help .hh-cell{
    border-right:1px solid #111 !important;
    border-bottom:1px solid #111;
    padding:12px 10px 10px;
    gap:3px;
  }
  .eo-help .hh-cell:nth-child(1),
  .eo-help .hh-cell:nth-child(2),
  .eo-help .hh-cell:nth-child(3){
    grid-column:span 2;
  }
  .eo-help .hh-cell:nth-child(3){border-right:0 !important}
  .eo-help .hh-cell:nth-child(4),
  .eo-help .hh-cell:nth-child(5){
    grid-column:span 3;
  }
  .eo-help .hh-cell:nth-child(4){border-right:1px solid #111 !important}
  .eo-help .hh-cell:nth-child(5){border-right:0 !important;border-bottom:0}
  .eo-help .hh-cell strong{font-size:14px}
  .eo-help .hh-cell p{font-size:11px;line-height:1.35}
  .eo-help .hh-rate-v{font-size:13px}
  .eo-help .hh-rate-s{font-size:10px}
  .eo-help .hh-cell.is-note{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:baseline;
    gap:4px 8px;
    padding:10px 12px;
  }
  .eo-help .hh-footline{
    padding:8px 12px;
    font-size:10px;
    line-height:1.4;
  }
  .eo-help #createModalDialog.create-sheet-panel{
    box-shadow:4px 4px 0 #111 !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .eo-help *{animation:none !important;transition:none !important}
}