/* ══════════════════════════════════════════════════════
   地球Online · 任务页皮肤
   硬边目录板 · 红 / 芥末金 / 墨蓝 / 绿
   杜绝：青霓虹、圆角药丸、玻璃抬升、扫光顶栏
   ══════════════════════════════════════════════════════ */

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

/* 顶栏 mast */
.eo-task .tq-mast{
  margin:0 auto;
  max-width:var(--page-w,1280px);
  padding:16px var(--gx,20px) 12px;
}
.eo-task .tq-mast-board{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(220px,.85fr);
  border:1px solid #111;
  background:#fff;
}
.eo-task .tq-mast-main{
  position:relative;
  /* 顶距让出左上角水印；对齐悬赏 / BBS */
  padding:48px 18px 14px 22px !important;
  border-right:1px solid #111 !important;
  background:#fff !important;
  overflow:hidden;
}
.eo-task .tq-mast-main::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:5px;
  background:var(--tq-ink);
  z-index:1;
}
.eo-task .tq-mast-main::after{
  content:"QUEST";
  position:absolute;
  left:14px;top:6px;right:auto;bottom:auto;
  font-family:var(--tq-mono);
  font-size:40px;font-weight:600;
  letter-spacing:-.04em;line-height:1;
  color:rgba(31,95,122,.14);
  pointer-events:none;
  z-index:0;
}
.eo-task .tq-kicker{display:none}
.eo-task .tq-mast h1{
  margin:0 0 26px !important;
  font-family:var(--tq-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-task .tq-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-task .tq-mast[aria-label="任务大厅"] .tq-lead::before{
  content:"Quest Desk · Daily / Self";
  display:block;
  margin-bottom:6px;
  font-family:var(--tq-mono);
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tq-red);
}
.eo-task .tq-mast[aria-label="世界首领"] .tq-lead::before{
  content:"World Boss · Raid";
  display:block;
  margin-bottom:6px;
  font-family:var(--tq-mono);
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tq-red);
}
.eo-task .tq-stats,
.eo-task .tq-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(--tq-panel) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  position:relative;z-index:1;
}
.eo-task .tq-stats .stat-cell{
  padding:10px 12px !important;
  border-right:1px solid #111 !important;
  background:transparent !important;
  min-width:0;
}
.eo-task .tq-stats .stat-cell:last-child{border-right:0 !important}
.eo-task .tq-stats .k,
.eo-task .page-intro-stats .k{
  display:block;
  margin:0 0 2px !important;
  font-family:var(--tq-mono) !important;
  font-size:10px !important;letter-spacing:.08em;
  color:rgba(0,0,0,.45) !important;
  text-transform:none !important;
}
.eo-task .tq-stats .v,
.eo-task .page-intro-stats .v{
  font-family:var(--tq-serif) !important;
  font-size:14px !important;font-weight:700 !important;color:#111 !important;
  line-height:1.35 !important;
}
.eo-task .tq-stats .v.g{color:var(--tq-ok) !important}
.eo-task .rift-stat-flag.is-on{color:var(--tq-ok)}
.eo-task .rift-stat-flag.is-off{color:rgba(0,0,0,.4)}
.eo-task .rift-stat-time{
  display:block;
  margin-top:2px;
  font-size:11px;line-height:1.35;
  color:rgba(0,0,0,.45);
}
.eo-task .tq-mast-side{
  min-width:0;
  background:var(--tq-panel);
}
.eo-task .tq-mast-side .page-intro-deck{
  border-left:0 !important;
  height:100%;
  box-sizing:border-box;
}

/* 每日事项 */
.eo-task .panel-slot--daily{
  background:transparent !important;
  border-bottom:0 !important;
  padding:0 var(--gx,20px) 14px !important;
}
.eo-task .panel-slot--daily > div{
  max-width:var(--page-w,1280px);
  margin:0 auto;
}
.eo-task .hub-panel{
  border:1px solid #111;
  background:#fff;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}
.eo-task .kit-banner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px 14px;
  padding:10px 14px;
  border-bottom:1px solid #111;
  background:var(--tq-panel);
  background-image:none;
}
.eo-task .kit-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--tq-mono);
  font-size:11px;letter-spacing:.06em;
  color:#111;
  border-radius:0;
  background:transparent;
  padding:0;
}
.eo-task .kit-tag .dot{
  width:8px;height:8px;
  border-radius:0;
  background:var(--tq-ok);
  box-shadow:none;
  animation:none;
}
.eo-task .kit-note{
  font-family:var(--tq-mono);
  font-size:11px;
  color:rgba(0,0,0,.5);
}
.eo-task .kit-board{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0 !important;
  flex-wrap:nowrap !important;
}
.eo-task .kit-board > li{
  flex:none !important;
  border-right:1px solid #111;
  display:flex;
}
.eo-task .kit-board > li:last-child{border-right:0}
.eo-task .hub-panel .kit-card,
.eo-task .kit-card{
  width:100%;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  transform:none !important;
  padding:14px 14px 12px;
}
.eo-task .hub-panel .kit-card:hover,
.eo-task .kit-card:hover{
  background:var(--tq-panel) !important;
  transform:none !important;
  box-shadow:none !important;
}
.eo-task .hub-panel .kit-card:hover::before,
.eo-task .kit-card::before{display:none !important}
.eo-task .kit-num{
  font-family:var(--tq-mono);
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tq-ink);
}
.eo-task .kit-time{
  font-family:var(--tq-mono);
  font-size:10px;color:rgba(0,0,0,.4);
}
.eo-task .kit-title{
  font-family:var(--tq-serif);
  font-size:17px;font-weight:700;line-height:1.3;
  margin:8px 0 6px;
}
.eo-task .kit-sub{
  font-size:12.5px;line-height:1.55;
  color:rgba(0,0,0,.55);
}
.eo-task .kit-foot .btn,
.eo-task .btn.sm{
  border-radius:0;
  box-shadow:none;
}
.eo-task .btn.primary{
  border-radius:0;
  background:var(--tq-red);
  border:1px solid #111;
  color:#fff;
  box-shadow:3px 3px 0 #111;
}
.eo-task .btn.primary:hover{
  background:#9e0e0e;
  transform:translate(1px,1px);
  box-shadow:2px 2px 0 #111;
}
.eo-task .btn.ghost{
  border-radius:0;
  border:1px solid #111;
  background:#fff;
}
.eo-task .btn.ghost:hover{
  background:#111;color:#fff;
}
.eo-task .daily-claim-btn.is-claimed{
  border-color:var(--tq-gold);
  color:var(--tq-gold);
}
.eo-task .daily-claim-btn.is-complete{
  border-color:var(--tq-ok);
  color:var(--tq-ok);
}

/* 世界 BOSS 横幅 */
.eo-task #worldQuestBanner.block,
.eo-task .block.tight{
  padding-top:0;
  padding-bottom:14px;
}
.eo-task .raid-world-banner{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px 18px;
  align-items:center;
  border:1px solid #111;
  border-radius:0;
  background:var(--tq-panel);
  box-shadow:none;
  overflow:hidden;
  padding:14px 16px;
  text-decoration:none;
  color:#111;
}
.eo-task .raid-world-banner::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:5px;
  background:var(--tq-ink);
}
.eo-task .wrb-bg{display:none !important}
.eo-task .wrb-tag{
  font-family:var(--tq-mono);
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tq-ink);
  grid-column:1 / -1;
}
.eo-task .wrb-tag .dot{
  display:inline-block;
  width:7px;height:7px;
  border-radius:0;
  background:var(--tq-red);
  margin-right:6px;
  box-shadow:none;
  animation:none;
  vertical-align:middle;
}
.eo-task .wrb-body h3{
  font-family:var(--tq-serif);
  font-size:18px;font-weight:700;
  margin:0 0 4px;
}
.eo-task .wrb-pct{color:var(--tq-gold);margin-left:8px;font-family:var(--tq-mono);font-size:12px}
.eo-task .wrb-deadline{margin-left:8px;font-family:var(--tq-mono);font-size:11px;color:rgba(0,0,0,.45)}
.eo-task .wrb-body p{
  margin:0 0 8px;
  font-size:13px;color:rgba(0,0,0,.55);
}
.eo-task .wrb-progress{
  height:8px;
  border:1px solid #111;
  border-radius:0;
  background:#fff;
  overflow:hidden;
}
.eo-task .wrb-progress span,
.eo-task #wqbProgressFill{
  display:block;height:100%;
  background:var(--tq-ink);
  border-radius:0;
  box-shadow:none;
}
.eo-task .wrb-cta{
  align-self:center;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 12px;
  border:1px solid #111;
  background:#111;
  color:#fff;
  font-family:var(--tq-mono);
  font-size:11px;letter-spacing:.08em;
  border-radius:0;
}
.eo-task .raid-world-banner:hover .wrb-cta{
  background:var(--tq-red);
}

/* 自律任务区 */
.eo-task .duty-panels-section{
  padding-top:4px;
}
.eo-task .duty-panel{
  border:1px solid #111;
  background:#fff;
  border-radius:0;
  padding:16px 18px 20px;
}
.eo-task .dutyp-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid #111;
}
.eo-task .section-eyebrow{
  font-family:var(--tq-mono);
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tq-red);
  margin-bottom:4px;
}
.eo-task .block-title .zh,
.eo-task .block-title{
  font-family:var(--tq-serif);
  font-size:clamp(20px,2.2vw,26px);
  font-weight:700;
}
.eo-task .block-title .accent{color:var(--tq-red)}
.eo-task .dutyp-desc{
  margin:6px 0 0;
  font-size:13px;line-height:1.55;
  color:rgba(0,0,0,.58);
  max-width:62ch;
}
/* ══ 任务节点 · quest-node（HUD 动效版） ══ */
.eo-task .aim-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media (min-width:768px){
  .eo-task .aim-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
}

@keyframes qn-enter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes qn-scan{
  0%{transform:translateY(-100%)}
  100%{transform:translateY(420%)}
}
@keyframes qn-glow-pulse{
  0%,100%{opacity:.35}
  50%{opacity:.75}
}
@keyframes qn-shimmer{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(220%)}
}
@keyframes qn-pulse-dot{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.45;transform:scale(.85)}
}

.eo-task .goal-card,
.eo-task .goal-card.mainline,
.eo-task .quest-node{
  position:relative;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:1fr auto;
  gap:0 !important;
  padding:0 !important;
  min-height:0;
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  overflow:hidden;
  animation:qn-enter .35s ease both;
  transition:transform .12s ease, box-shadow .12s ease !important;
}
.eo-task .quest-node:nth-child(2){animation-delay:.04s}
.eo-task .quest-node:nth-child(3){animation-delay:.08s}
.eo-task .quest-node:nth-child(4){animation-delay:.12s}

.eo-task .quest-node::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;right:auto !important;top:0 !important;bottom:0 !important;
  width:3px !important;height:auto !important;
  background:var(--tq-ok) !important;
  z-index:6;border-radius:0 !important;
}
.eo-task .quest-node.is-heteronomy::before{background:var(--tq-ink) !important}
.eo-task .quest-node.is-habit::before{background:var(--tq-gold) !important}
.eo-task .quest-node.is-done::before{background:#8a8a8a !important}
.eo-task .quest-node.is-active:not(.is-done):hover{
  transform:translate(-2px,-2px) !important;
  box-shadow:4px 4px 0 #111 !important;
}

/* FX layer */
.eo-task .qn-fx{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.eo-task .qn-glow{
  position:absolute;inset:-1px;
  border:1px solid transparent;
  opacity:0;transition:opacity .2s;
}
.eo-task .quest-node.is-active:not(.is-done) .qn-glow{
  opacity:1;
  animation:qn-glow-pulse 2.8s ease-in-out infinite;
  border-color:rgba(196,18,18,.25);
  box-shadow:inset 0 0 18px rgba(196,18,18,.06);
}
.eo-task .is-heteronomy.is-active .qn-glow{border-color:rgba(31,95,122,.3);box-shadow:inset 0 0 18px rgba(31,95,122,.08)}
.eo-task .is-habit.is-active .qn-glow{border-color:rgba(184,134,11,.35);box-shadow:inset 0 0 18px rgba(184,134,11,.08)}
.eo-task .qn-scan{
  position:absolute;left:0;right:0;height:28%;
  background:linear-gradient(180deg,transparent,rgba(17,17,17,.04),transparent);
  animation:qn-scan 4.5s linear infinite;
}

/* Left rail */
.eo-task .qn-rail{
  grid-row:1;grid-column:1;
  position:relative;z-index:3;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  padding:10px 4px;
  border-right:1px solid #111;
  background:repeating-linear-gradient(180deg,transparent 0 6px,rgba(17,17,17,.04) 6px 7px),var(--tq-panel);
}
.eo-task .qn-glyph{
  font-family:var(--tq-serif);font-size:20px;font-weight:700;line-height:1;color:#111;
}
.eo-task .is-heteronomy .qn-glyph{color:var(--tq-ink)}
.eo-task .is-habit .qn-glyph{color:var(--tq-gold)}
.eo-task .is-done .qn-glyph{color:rgba(0,0,0,.25)}
.eo-task .qn-code{
  writing-mode:vertical-rl;text-orientation:mixed;
  font-family:var(--tq-mono);font-size:8px;font-weight:700;letter-spacing:.12em;
  color:rgba(0,0,0,.35);transform:rotate(180deg);
}
.eo-task .qn-idx{
  margin-top:auto;
  font-family:var(--tq-mono);font-size:9px;font-weight:700;letter-spacing:.08em;
  color:var(--tq-red);border-top:1px solid rgba(17,17,17,.15);padding-top:4px;width:100%;text-align:center;
}

/* Panel */
.eo-task .qn-panel{
  grid-row:1;grid-column:2;
  position:relative;z-index:2;
  display:flex;flex-direction:column;gap:6px;
  padding:10px 10px 10px 12px;min-width:0;
}
.eo-task .qn-top{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.eo-task .qn-serial{font-family:var(--tq-mono);font-size:10px;letter-spacing:.12em;color:var(--tq-red);font-weight:700}
.eo-task .qn-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.eo-task .qn-type,.eo-task .qn-status{
  display:inline-flex;align-items:center;gap:4px;
  border:1px solid #111;background:#fff;
  font-family:var(--tq-mono);font-size:10px;font-weight:700;
  letter-spacing:.04em;padding:2px 6px;line-height:1.3;color:#111;
}
.eo-task .is-habit .qn-type{background:rgba(184,134,11,.1);color:var(--tq-gold)}
.eo-task .is-heteronomy .qn-type{background:rgba(31,95,122,.08);color:var(--tq-ink)}
.eo-task .is-autonomy:not(.is-habit) .qn-type{background:rgba(22,128,60,.08);color:var(--tq-ok)}
.eo-task .qn-status .qn-pulse{
  width:5px;height:5px;border:1px solid #111;background:var(--tq-ok);
  font-style:normal;display:inline-block;
  animation:qn-pulse-dot 1.6s ease-in-out infinite;
}
.eo-task .qn-status.st-evidence .qn-pulse{background:var(--tq-gold)}
.eo-task .qn-status.st-review .qn-pulse{background:var(--tq-ink)}
.eo-task .qn-status.st-approved .qn-pulse{background:#aaa;animation:none}
.eo-task .qn-status.st-approved{color:rgba(0,0,0,.4)}
.eo-task .qn-status.st-evidence{color:var(--tq-gold)}
.eo-task .qn-status.st-review{color:var(--tq-ink)}

.eo-task .qn-title,.eo-task .aim-title.qn-title{
  margin:0 !important;font-family:var(--tq-serif) !important;
  font-size:16px !important;font-weight:700 !important;line-height:1.35 !important;color:#111 !important;
}
.eo-task .qn-desc{
  margin:0;font-size:12px;line-height:1.5;color:rgba(0,0,0,.52);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.eo-task .qn-desc.is-empty{font-style:italic;color:rgba(0,0,0,.3);-webkit-line-clamp:1}

.eo-task .qn-chips{display:flex;flex-wrap:wrap;gap:4px}
.eo-task .qn-chip{
  border:1px solid rgba(17,17,17,.35);background:#fff;
  font-family:var(--tq-mono);font-size:9px;font-weight:600;
  letter-spacing:.04em;padding:2px 6px;color:rgba(0,0,0,.55);line-height:1.3;
}
.eo-task .qn-chip.is-ddl{color:var(--tq-red);border-color:rgba(196,18,18,.35);background:rgba(196,18,18,.04)}
.eo-task .qn-chip.is-loot{color:var(--tq-gold);border-color:rgba(184,134,11,.4);background:rgba(184,134,11,.06)}
.eo-task .is-heteronomy .qn-chip.is-loot{color:var(--tq-ink);border-color:rgba(31,95,122,.35);background:rgba(31,95,122,.06)}

/* Progress row */
.eo-task .qn-prog-row{display:flex;align-items:flex-end;gap:10px;margin-top:2px}
.eo-task .qn-prog{flex:1;min-width:0}
.eo-task .qn-prog-head{margin-bottom:4px}
.eo-task .qn-prog-lbl{font-family:var(--tq-mono);font-size:9px;letter-spacing:.12em;color:rgba(0,0,0,.4);font-weight:700}
.eo-task .qn-bar,.eo-task .aimbar.qn-bar{
  position:relative;height:8px;border:1px solid #111;background:#fff;overflow:hidden;width:100%;
}
.eo-task .aimbar-fill{position:absolute;left:0;top:0;bottom:0;width:var(--gp,0%);background:var(--tq-ok);transition:width .3s ease;z-index:1}
.eo-task .is-habit .aimbar-fill{background:var(--tq-gold)}
.eo-task .is-heteronomy .aimbar-fill{background:var(--tq-ink)}
.eo-task .is-done .aimbar-fill{background:#aaa}
.eo-task .qn-bar-shine{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  width:40%;animation:qn-shimmer 2.4s ease-in-out infinite;
}
.eo-task .is-done .qn-bar-shine,.eo-task .quest-node.is-done .qn-scan{animation:none;opacity:0}

.eo-task .qn-streak{
  display:flex;align-items:center;gap:5px;margin-top:6px;
}
.eo-task .qn-streak-lbl{font-family:var(--tq-mono);font-size:8px;letter-spacing:.1em;color:rgba(0,0,0,.38)}
.eo-task .qn-streak-bar{flex:1;min-width:32px;height:4px;border:1px solid #111;background:#fff;overflow:hidden}
.eo-task .qn-streak-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--tq-gold),#d4a84b);font-style:normal}
.eo-task .qn-streak b{font-family:var(--tq-serif);font-size:13px;font-weight:700;color:var(--tq-gold);line-height:1}

/* XP ring */
.eo-task .qn-ring{
  position:relative;flex-shrink:0;
  width:52px;height:52px;
  display:flex;align-items:center;justify-content:center;
}
.eo-task .qn-ring-track{
  position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(var(--tq-ok) calc(var(--gp,0) * 1%), rgba(17,17,17,.08) 0);
  mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
}
.eo-task .is-habit .qn-ring-track{background:conic-gradient(var(--tq-gold) calc(var(--gp,0) * 1%), rgba(17,17,17,.08) 0)}
.eo-task .is-heteronomy .qn-ring-track{background:conic-gradient(var(--tq-ink) calc(var(--gp,0) * 1%), rgba(17,17,17,.08) 0)}
.eo-task .is-done .qn-ring-track{background:conic-gradient(#aaa calc(var(--gp,0) * 1%), rgba(17,17,17,.08) 0)}
.eo-task .qn-ring::after{
  content:"";position:absolute;inset:3px;border-radius:50%;
  border:1px solid rgba(17,17,17,.2);background:#fff;z-index:0;
}
.eo-task .qn-pct,.eo-task .aim-progress-val,.eo-task .gprog-pct{
  position:relative;z-index:1;
  font-family:var(--tq-serif) !important;font-size:14px !important;font-weight:700 !important;
  color:#111 !important;background:transparent !important;border:0 !important;
  border-radius:0 !important;padding:0 !important;margin:0 !important;
  line-height:1 !important;letter-spacing:-.02em;text-align:center;
}
.eo-task .qn-pct small,.eo-task .gprog-pct small{
  font-family:var(--tq-mono);font-size:8px;font-weight:600;color:rgba(0,0,0,.42);display:block;margin-top:1px;
}

/* Footer */
.eo-task .qn-foot,.eo-task .aimc-foot.qn-foot{
  grid-row:2;grid-column:1 / -1;
  position:relative;z-index:4;
  display:flex;flex-direction:column;gap:8px;
  padding:8px 10px !important;margin:0 !important;
  border-top:1px solid #111;
  background:repeating-linear-gradient(-45deg,transparent 0 7px,rgba(17,17,17,.025) 7px 8px),var(--tq-panel);
}
@media (min-width:400px){.eo-task .qn-foot,.eo-task .aimc-foot.qn-foot{flex-direction:row;align-items:center}}
.eo-task .qn-meta,.eo-task .aim-text.qn-meta{
  flex:1;min-width:0;font-family:var(--tq-mono);font-size:10px;line-height:1.4;
  color:rgba(0,0,0,.48);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.eo-task .qn-actions,.eo-task .qt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%}
@media (min-width:400px){.eo-task .qn-actions,.eo-task .qt-actions{width:auto;flex-shrink:0}}
.eo-task .qn-btn{
  min-height:34px;padding:0 11px !important;
  font-family:var(--tq-mono) !important;font-size:11px !important;font-weight:700 !important;
  letter-spacing:.03em;border-radius:0 !important;border:1px solid #111 !important;
  background:#fff !important;box-shadow:none !important;
  display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;
}
@media (min-width:400px){.eo-task .qn-btn{flex:0 0 auto;min-height:30px}}
.eo-task .qn-btn-hot{background:var(--tq-red) !important;color:#fff !important}
.eo-task .qn-btn-hot:hover{background:#9e0e0e !important}
.eo-task .qn-btn-del{flex:0 0 34px;min-width:34px;padding:0 !important;color:rgba(0,0,0,.45) !important}
.eo-task .qn-btn.is-complete,.eo-task .qn-btn:disabled{opacity:.55;cursor:default}

.eo-task .heteronomy-status-badge,.eo-task .habit-streak-badge,.eo-task .public-badge,.eo-task .heteronomy-points-badge{border-radius:0;border:1px solid rgba(17,17,17,.25);font-family:var(--tq-mono);font-size:9px;padding:1px 5px;margin-left:5px;vertical-align:middle;background:rgba(255,255,255,.9)}
.eo-task .habit-streak-badge{color:var(--tq-gold);border-color:var(--tq-gold);font-weight:700}
.eo-task .heteronomy-points-badge{color:var(--tq-red)}
.eo-task .heteronomy-status-badge.st-evidence{color:var(--tq-gold)}
.eo-task .heteronomy-status-badge.st-review{color:var(--tq-ink)}
.eo-task .public-badge{color:var(--tq-ink)}

/* Empty slot */
.eo-task .quest-node.empty-slot{
  display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
  grid-template-columns:1fr !important;grid-template-rows:auto !important;
  gap:6px !important;min-height:140px !important;padding:28px 16px 24px !important;
  border:1px dashed #111 !important;
  background:repeating-linear-gradient(45deg,#fff 0 8px,#f7f4ee 8px 16px) !important;
  text-align:center !important;grid-column:1 / -1;
}
.eo-task .quest-node.empty-slot::before{display:none !important}
.eo-task .quest-node.empty-slot .qn-fx,.eo-task .quest-node.empty-slot .qn-rail,.eo-task .quest-node.empty-slot .qn-panel,.eo-task .quest-node.empty-slot .qn-foot{display:none !important}
.eo-task .qn-empty-glow{
  position:absolute;inset:12px;border:1px dashed rgba(31,95,122,.25);
  animation:qn-glow-pulse 3s ease-in-out infinite;pointer-events:none;
}
.eo-task .qn-empty-icon{
  font-family:var(--tq-serif);font-size:36px;font-weight:700;line-height:1;
  color:rgba(31,95,122,.2);position:relative;z-index:1;
}
.eo-task .empty-slot .vacant-text{margin:0;font-family:var(--tq-serif);font-size:15px;font-weight:700;color:#111;position:relative;z-index:1}
.eo-task .empty-slot .vacant-hint{margin:0;font-family:var(--tq-mono);font-size:10px;color:rgba(0,0,0,.45);position:relative;z-index:1}

@media (prefers-reduced-motion:reduce){
  .eo-task .quest-node{animation:none}
  .eo-task .qn-scan,.eo-task .qn-glow,.eo-task .qn-bar-shine,.eo-task .qn-pulse,.eo-task .qn-empty-glow{animation:none !important}
}

.eo-task .aimc-head,.eo-task .aim-card-mark,.eo-task .aim-card-head,.eo-task .aim-card-body,.eo-task .aim-card-stub,.eo-task .quest-ticket,.eo-task .quest-slip,.eo-task .quest-card{display:none !important}

/* toast / modal hard edge */
.eo-task #taskToast,
.eo-task .task-toast{
  border-radius:0;
  border:1px solid #111;
  box-shadow:4px 4px 0 #111;
}
.eo-task #mainQuestModal .create-sheet-panel,
.eo-task #progressModal .dialog-panel,
.eo-task #dailyClaimModal .dialog-panel,
.eo-task #evidenceModal .dialog-panel{
  border-radius:0 !important;
}

@media (max-width:860px){
  .eo-task .tq-mast-board{
    grid-template-columns:1fr;
  }
  .eo-task .tq-mast-main{
    border-right:0;
    border-bottom:1px solid #111;
  }
  .eo-task .tq-mast-main::after{font-size:32px}
  .eo-task .tq-stats{
    grid-template-columns:1fr;
  }
  .eo-task .tq-stats .stat-cell{
    border-right:0;
    border-bottom:1px solid #111;
  }
  .eo-task .tq-stats .stat-cell:last-child{border-bottom:0}
  .eo-task .kit-board{
    grid-template-columns:1fr !important;
  }
  .eo-task .kit-board > li{
    border-right:0;
    border-bottom:1px solid #111;
  }
  .eo-task .kit-board > li:last-child{border-bottom:0}
  .eo-task .raid-world-banner{
    grid-template-columns:1fr;
  }
  .eo-task .dutyp-head{flex-direction:column}
  .eo-task .dutyp-head .btn{width:100%}
}

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