/* auto-converted from WXSS */
.page-root {
  background: #f3f5f8;
  color: #1b2230;
  font-family: -apple-system, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.page-root, .page-root * {
  box-sizing: border-box;
}

.page {
  min-height: 100vh;
  padding: 12px 12px 30px;
  background:
    radial-gradient(300px 200px at 10% -5%, rgba(201,162,39,0.09), transparent 60%),
    radial-gradient(300px 200px at 95% 0%, rgba(61,126,255,0.07), transparent 55%),
    #f3f5f8;
}


.card {
  background: #ffffff;
  border: 0.5px solid #e4e8ef;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 11px;
}
.card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 0.5px solid #edf0f5;
}
.card-title {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.card-title::before {
  content: "";
  width: 3px;
  height: 12px;
  border-radius: 2px;
  background: #b08a1a;
  margin-right: 7px;
}
.card-body {
  padding: 13px 14px;
}


.badge {
  display: inline-flex;
  align-items: center;
  font-size: 9.5px;
  padding: 2px 7px;
  border-radius: 4px;
  font-weight: 500;
  white-space: nowrap;
}
.badge.gray { color: #5b6879; background: rgba(91,104,121,0.09); }
.badge.gold { color: #9d7712; background: rgba(201,162,39,0.14); }
.badge.blue { color: #2f6ae0; background: rgba(61,126,255,0.15); }
.badge.red { color: #d94a32; background: rgba(224,83,61,0.15); }
.badge.green { color: #1a8a58; background: rgba(47,163,107,0.16); }
.badge.purple { color: #7048c8; background: rgba(139,92,246,0.16); }
.badge.amber { color: #b06a10; background: rgba(217,144,43,0.15); }


.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 15px;
  border-radius: 6px;
  font-size: 12.5px;
  font-weight: 500;
  border: 0.5px solid #e4e8ef;
  background: #f7f8fa;
  color: #1b2230;
  line-height: 1;
}
.btn::after { border: none; }
.btn.primary {
  background: linear-gradient(180deg, #b08a1a, #a28016);
  border-color: #d6b033;
  color: #1c1500;
  font-weight: 600;
}
.btn.danger {
  background: rgba(217,74,50,0.09);
  border-color: rgba(217,74,50,0.42);
  color: #c2401f;
  font-weight: 500;
}
.btn.block { width: 100%; }
.btn.sm { height: 28px; padding: 0 11px; font-size: 11px; }
.btn.disabled { opacity: 0.38; }


.glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #9d7712;
  background: #eef1f5;
  border-radius: 5px;
  flex-shrink: 0;
}


.empty {
  text-align: center;
  padding: 35px 15px;
  color: #8b96a8;
  font-size: 12px;
  line-height: 1.9;
}
.empty-glyph {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #f7f8fa;
  color: #c3cbd6;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px;
}


.sec-head {
  display: flex;
  align-items: center;
  margin: 17px 2px 9px;
}
.sec-head .sh-glyph {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: #f7f8fa;
  border: 0.5px solid #e4e8ef;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #9d7712;
  margin-right: 8px;
}
.sec-head .sh-name {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.sec-head .sh-desc {
  font-size: 10px;
  color: #8b96a8;
  margin-top: 1px;
}
.sec-head .sh-count {
  margin-left: auto;
  font-size: 10px;
  color: #8b96a8;
  border: 0.5px solid #e4e8ef;
  border-radius: 10px;
  padding: 1px 8px;
}


.bar {
  height: 5px;
  border-radius: 3px;
  background: #e9edf3;
  overflow: hidden;
}
.bar-fill {
  height: 100%;
  border-radius: 3px;
  transition: width 0.5s ease;
}
.bar-fill.green { background: linear-gradient(90deg, #1a8a58, #1a8a58); }
.bar-fill.red { background: linear-gradient(90deg, #c2401f, #d94a32); }
.bar-fill.blue { background: linear-gradient(90deg, #2a57b0, #2f6ae0); }
.bar-fill.gray { background: linear-gradient(90deg, #a9b3c1, #5b6879); }


.t-dim { color: #5b6879; }
.t-mute { color: #8b96a8; }
.t-gold { color: #9d7712; }
.mono { font-family: "SF Mono", Menlo, Consolas, monospace; }


.case-head {
  padding: 4px 2px 12px;
}
.ch-line {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}
.ch-no {
  font-size: 10px;
  color: #9d7712;
  background: rgba(201,162,39,0.1);
  border: 0.5px solid rgba(201,162,39,0.24);
  border-radius: 4px;
  padding: 1px 7px;
  margin-right: 7px;
}
.ch-date {
  font-size: 9.5px;
  color: #a9b3c1;
  margin-right: auto;
}
.ch-owner {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  color: #7a5c15;
  background: #fdf6e3;
  border: 0.5px solid #f0e0b0;
  border-radius: 999px;
  padding: 2px 9px;
  cursor: pointer;
  white-space: nowrap;
}
.ch-owner em { font-style: normal; color: #c08a1e; font-variant-numeric: tabular-nums; }
.ch-owner i { font-style: normal; color: #c0a24a; margin-left: 1px; }
.ch-title {
  display: block;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.25px;
}
.ch-acts {
  display: flex;
  margin-top: 9px;
}


.track-scroll {
  white-space: nowrap;
  margin-bottom: 11px;
}
.track {
  display: flex;
}
.ts {
  display: inline-flex;
  flex-direction: column;
  width: 100px;
  margin-right: 7px;
  padding: 9px 9px 8px;
  background: #ffffff;
  border: 0.5px solid #e4e8ef;
  border-radius: 8px;
  flex-shrink: 0;
}
.ts.done {
  background: rgba(47,163,107,0.06);
  border-color: rgba(47,163,107,0.24);
}
.ts.cur {
  background: rgba(201,162,39,0.08);
  border-color: rgba(201,162,39,0.42);
}
.ts-top {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.ts-dot {
  width: 17px;
  height: 17px;
  border-radius: 8.5px;
  border: 0.5px solid #e4e8ef;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 600;
  color: #8b96a8;
  margin-right: 5px;
  flex-shrink: 0;
}
.ts.done .ts-dot {
  background: #1a8a58;
  border-color: #1a8a58;
  color: #fff;
}
.ts.cur .ts-dot {
  background: #b08a1a;
  border-color: #b08a1a;
  color: #251b00;
}
.ts-name {
  font-size: 11.5px;
  font-weight: 500;
  color: #47536a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ts.done .ts-name { color: #1a8a58; }
.ts.cur .ts-name { color: #9d7712; }
.ts-bar { margin-bottom: 3px; }
.ts-bar .bar { height: 3px; }
.ts-cnt {
  font-size: 8.5px;
  color: #a9b3c1;
  text-align: right;
}


.spot {
  background: linear-gradient(165deg, rgba(201,162,39,0.075), #ffffff 55%);
  border: 0.5px solid rgba(201,162,39,0.24);
  border-radius: 11px;
  padding: 14px 13px;
  margin-bottom: 11px;
}
.spot-top {
  display: flex;
  align-items: center;
  margin-bottom: 9px;
}
.spot-icon {
  width: 44px;
  height: 44px;
  font-size: 19px;
  border-radius: 10px;
  margin-right: 10px;
}
.spot-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.spot-name {
  font-size: 16.5px;
  font-weight: 600;
  line-height: 1.35;
}
.spot-court {
  font-size: 10px;
  color: #8b96a8;
  margin-top: 2px;
}
.badge.global {
  color: #5b6879;
  background: rgba(91,104,121,0.09);
}
.spot-sum {
  display: block;
  font-size: 12.5px;
  color: #5b6879;
  line-height: 1.8;
  margin-bottom: 10px;
}

.who-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 9px;
}
.who-pill {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  background: #f7f8fa;
  border: 0.5px solid #e4e8ef;
  border-radius: 14px;
  margin: 0 5px 5px 0;
}
.who-pill:active { background: #eef1f5; }
.wp-glyph {
  font-size: 9px;
  font-weight: 600;
  color: #9d7712;
  margin-right: 4px;
}
.who-pill text:last-child {
  font-size: 10.5px;
  color: #5b6879;
}

.prog-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.prog-lb {
  font-size: 10px;
  color: #8b96a8;
  margin-right: 7px;
  flex-shrink: 0;
}
.prog-bar {
  flex: 1;
  height: 4px;
}
.prog-num {
  font-size: 9.5px;
  color: #8b96a8;
  margin-left: 6px;
  flex-shrink: 0;
}
.spot-acts {
  display: flex;
  align-items: center;
}
.spot-acts .btn {
  margin-right: 7px;
}


.versus {
  display: flex;
  align-items: stretch;
}
.party {
  flex: 1;
  min-width: 0;
  background: #f7f8fa;
  border: 0.5px solid #edf0f5;
  border-radius: 7px;
  padding: 10px 9px;
}
.party.p { border-left: 2px solid #d94a32; }
.party.d { border-right: 2px solid #2f6ae0; }
.party-role {
  display: block;
  font-size: 9px;
  letter-spacing: 0.5px;
  color: #8b96a8;
  margin-bottom: 3px;
}
.party.p .party-role { color: #d94a32; }
.party.d .party-role { color: #2f6ae0; }
.party-name {
  display: block;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 7px;
  word-break: break-all;
}
.party-stats {
  display: flex;
}
.ps {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ps-num {
  font-size: 15px;
  font-weight: 700;
  font-family: "SF Mono", Menlo, monospace;
  line-height: 1.2;
}
.ps-num.red { color: #d94a32; }
.ps-num.blue { color: #2f6ae0; }
.ps-lb {
  font-size: 8.5px;
  color: #8b96a8;
}
.vs {
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.vs text {
  font-size: 9px;
  color: #c3cbd6;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.wb { margin-top: 11px; }
.wb-row {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.wb-lb {
  width: 65px;
  font-size: 10px;
  color: #5b6879;
  flex-shrink: 0;
}
.wb-bar {
  flex: 1;
  height: 4px;
}
.wb-val {
  width: 28px;
  text-align: right;
  font-size: 9.5px;
  color: #8b96a8;
  flex-shrink: 0;
}


.vote-card {
  border-color: rgba(201,162,39,0.28);
  background: linear-gradient(170deg, rgba(201,162,39,0.055), #ffffff 50%);
}
.vote-q {
  display: block;
  font-size: 12px;
  color: #5b6879;
  line-height: 1.8;
  margin-bottom: 4px;
}
.vote-rule {
  display: block;
  font-size: 9.5px;
  color: #8b96a8;
  line-height: 1.7;
  margin-bottom: 11px;
}
.vopts {
  display: flex;
  margin-bottom: 9px;
}
.vopt {
  flex: 1;
  min-width: 0;
  background: #f7f8fa;
  border: 0.5px solid #e4e8ef;
  border-radius: 7px;
  padding: 9px 8px;
  margin-right: 6px;
}
.vopt:last-child { margin-right: 0; }
.vopt:active { background: #eef1f5; }
.vopt.p.on { border-color: #d94a32; background: rgba(224,83,61,0.11); }
.vopt.d.on { border-color: #2f6ae0; background: rgba(61,126,255,0.11); }
.vopt.u.on { border-color: #5b6879; background: rgba(91,104,121,0.08); }
.vopt.lock { opacity: 0.62; }
.vo-role {
  display: block;
  font-size: 8.5px;
  letter-spacing: 0.25px;
  color: #8b96a8;
  margin-bottom: 2px;
}
.vopt.p .vo-role { color: #d94a32; }
.vopt.d .vo-role { color: #2f6ae0; }
.vo-name {
  display: block;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 7px;
  height: 31px;
  overflow: hidden;
}
.vo-bar { height: 3px; margin-bottom: 4px; }
.vo-meta {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  color: #8b96a8;
  font-family: "SF Mono", Menlo, monospace;
}
.vo-n {
  color: #1b2230;
  font-weight: 600;
  font-size: 10.5px;
}
.vote-tip {
  text-align: center;
  font-size: 10px;
  color: #8b96a8;
  padding: 8px;
  background: rgba(91,104,121,0.05);
  border: 0.5px dashed #e4e8ef;
  border-radius: 5px;
  line-height: 1.7;
}
.vote-tip.ok {
  color: #1a8a58;
  border-color: rgba(47,163,107,0.28);
  background: rgba(47,163,107,0.07);
  border-style: solid;
}
.judge-btn {
  margin-top: 10px;
}


.verdict {
  background: linear-gradient(175deg, rgba(201,162,39,0.09), rgba(255,255,255,0.97));
  border: 0.5px solid rgba(201,162,39,0.34);
  border-radius: 11px;
  overflow: hidden;
  margin-bottom: 11px;
}
.vd-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 0.5px solid rgba(201,162,39,0.2);
}
.vd-title {
  font-size: 13.5px;
  font-weight: 600;
  color: #9d7712;
  letter-spacing: 2px;
}
.vd-body {
  padding: 12px 14px 14px;
}
.vd-row {
  display: flex;
  align-items: center;
  padding: 7px 0;
  border-bottom: 0.5px solid #edf0f5;
}
.vd-w {
  flex: 1;
  font-size: 11.5px;
  font-weight: 500;
  margin: 0 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vd-score {
  font-size: 9.5px;
  color: #8b96a8;
  margin-right: 7px;
}
.vd-final {
  margin-top: 12px;
}
.vd-win {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #9d7712;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-bottom: 8px;
}
.vd-calc,
.vd-note {
  display: block;
  font-size: 10px;
  color: #5b6879;
  line-height: 1.9;
}
.vd-seal {
  display: inline-block;
  margin-top: 9px;
  padding: 4px 12px;
  border: 1px solid rgba(201,162,39,0.5);
  border-radius: 3px;
  color: #9d7712;
  font-size: 9.5px;
  letter-spacing: 2.5px;
  font-weight: 600;
  transform: rotate(-3deg);
}


.grid { display: flex; flex-direction: column; }
.pcard {
  background: #ffffff;
  border: 0.5px solid #e4e8ef;
  border-radius: 8px;
  padding: 12px 11px;
  margin-bottom: 7px;
}
.pcard:active {
  background: #f7f8fa;
  transform: scale(0.995);
}
.pcard.read { border-color: rgba(47,163,107,0.28); }
.pcard.cur {
  border-color: rgba(201,162,39,0.55);
  background: linear-gradient(160deg, rgba(201,162,39,0.1), #ffffff);
}
.pcard.vote { border-color: rgba(224,83,61,0.38); }
.pc-top {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.pc-icon {
  width: 28px;
  height: 28px;
  font-size: 12px;
  border-radius: 7px;
  margin-right: 7px;
}
.pcard.read .pc-icon { color: #1a8a58; }
.pcard.vote .pc-icon { color: #d94a32; }
.pc-name {
  flex: 1;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.4;
  min-width: 0;
}
.pc-check {
  font-size: 9px;
  color: #1a8a58;
  background: rgba(47,163,107,0.12);
  border-radius: 3px;
  padding: 1px 5px;
  flex-shrink: 0;
}
.pc-sum {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 11px;
  color: #5b6879;
  line-height: 1.7;
  margin-bottom: 7px;
}
.pc-foot {
  display: flex;
  align-items: center;
}
.pc-days,
.pc-who {
  font-size: 9px;
  color: #a9b3c1;
  margin-left: 7px;
}

.lock-tip {
  margin-top: 4px;
  padding: 10px;
  text-align: center;
  font-size: 10px;
  color: #8b96a8;
  line-height: 1.7;
  background: rgba(91,104,121,0.04);
  border: 0.5px dashed #e4e8ef;
  border-radius: 6px;
}


.ev-counts {
  display: flex;
}
.ev-counts .badge { margin-left: 5px; }
.ev {
  display: flex;
  background: #f7f8fa;
  border-left: 2px solid #e4e8ef;
  border-radius: 5px;
  padding: 10px 9px;
  margin-bottom: 6px;
}
.ev.p-plaintiff { border-left-color: #d94a32; }
.ev.p-defendant { border-left-color: #2f6ae0; }
.ev.p-neutral { border-left-color: #8b96a8; }
.ev-ic {
  width: 22px;
  height: 22px;
  font-size: 10px;
  border-radius: 5px;
  margin-right: 7px;
  color: #5b6879;
}
.ev-main { flex: 1; min-width: 0; }
.ev-title {
  display: block;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.5;
}
.ev-desc {
  display: block;
  font-size: 10.5px;
  color: #5b6879;
  line-height: 1.65;
  margin-top: 2px;
  word-break: break-all;
}
.ev-foot {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 6px;
}
.ev-by,
.ev-str {
  font-size: 9px;
  color: #8b96a8;
  margin-right: 7px;
}
.ev-str {
  background: rgba(201,162,39,0.14);
  color: #9d7712;
  border-radius: 3px;
  padding: 1px 5px;
}
.ev-like {
  font-size: 9px;
  color: #8b96a8;
  border: 0.5px solid #e4e8ef;
  border-radius: 10px;
  padding: 1px 7px;
  margin-right: 7px;
}
.ev-like.on {
  color: #9d7712;
  border-color: rgba(201,162,39,0.45);
  background: rgba(201,162,39,0.1);
}
.ev-del {
  font-size: 9px;
  color: #a9b3c1;
  margin-left: auto;
}
.ev-add { margin-top: 4px; }
.ev-hint {
  display: block;
  font-size: 9px;
  color: #a9b3c1;
  line-height: 1.7;
  margin-top: 7px;
}


.cm-input {
  width: 100%;
  background: #f3f5f8;
  border: 0.5px solid #e4e8ef;
  border-radius: 6px;
  padding: 9px 10px;
  font-size: 12px;
  color: #1b2230;
  min-height: 60px;
  line-height: 1.7;
  box-sizing: border-box;
}
.cm-row {
  display: flex;
  align-items: center;
  margin: 7px 0 11px;
}
.cm-tags {
  display: flex;
  flex: 1;
}
.cm-tag {
  font-size: 9.5px;
  color: #8b96a8;
  border: 0.5px solid #e4e8ef;
  border-radius: 12px;
  padding: 2px 8px;
  margin-right: 5px;
}
.cm-tag.on { color: #1b2230; border-color: #8b96a8; background: rgba(91,104,121,0.08); }
.cm-tag.p.on { color: #d94a32; border-color: #d94a32; background: rgba(224,83,61,0.1); }
.cm-tag.d.on { color: #2f6ae0; border-color: #2f6ae0; background: rgba(61,126,255,0.1); }

.cm {
  background: #f7f8fa;
  border-left: 1.5px solid #e4e8ef;
  border-radius: 5px;
  padding: 10px 10px;
  margin-bottom: 6px;
}
.cm.p { border-left-color: #d94a32; }
.cm.d { border-left-color: #2f6ae0; }
.cm.n { border-left-color: #8b96a8; }
.cm-top {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.cm-avatar {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background: #eef1f5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: #5b6879;
  margin-right: 6px;
  flex-shrink: 0;
}
.cm-by {
  font-size: 11px;
  font-weight: 500;
  color: #5b6879;
  margin-right: 6px;
}
.cm-time {
  font-size: 8.5px;
  color: #a9b3c1;
  margin-left: auto;
  flex-shrink: 0;
}
.cm-text {
  display: block;
  font-size: 11.5px;
  color: #5b6879;
  line-height: 1.75;
  word-break: break-all;
}
.cm-foot {
  display: flex;
  margin-top: 6px;
}
.cm-like {
  font-size: 9px;
  color: #8b96a8;
  border: 0.5px solid #e4e8ef;
  border-radius: 10px;
  padding: 1px 7px;
}
.cm-like.on {
  color: #9d7712;
  border-color: rgba(201,162,39,0.45);
  background: rgba(201,162,39,0.1);
}


.tl-list { padding-left: 4px; }
.tl {
  position: relative;
  padding-left: 13px;
  padding-bottom: 10px;
  border-left: 0.5px solid #edf0f5;
}
.tl:last-child {
  border-left-color: transparent;
  padding-bottom: 0;
}
.tl-dot {
  position: absolute;
  left: -3.5px;
  top: 5px;
  width: 6.5px;
  height: 6.5px;
  border-radius: 3.5px;
  background: #ffffff;
  border: 1px solid #e4e8ef;
}
.tl.hi .tl-dot {
  background: #b08a1a;
  border-color: #b08a1a;
}
.tl-time {
  display: block;
  font-size: 8.5px;
  color: #a9b3c1;
  margin-bottom: 1px;
}
.tl-text {
  display: block;
  font-size: 10.5px;
  color: #5b6879;
  line-height: 1.65;
  word-break: break-all;
}

.bottom-pad { height: 20px; }


.mask {
  position: fixed;
  left: 0; right: 0; top: 0; bottom: 0;
  background: rgba(17,24,39,0.30);
  z-index: 100;
  display: flex;
  align-items: flex-end;
}
.mask.center {
  align-items: center;
  justify-content: center;
  padding: 20px 15px;
}
.modal {
  width: 100%;
  max-height: 84vh;
  background: #ffffff;
  border: 0.5px solid #e4e8ef;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.modal.small { max-width: 300px; }
.modal-head {
  display: flex;
  align-items: flex-start;
  padding: 13px 13px 10px;
  border-bottom: 0.5px solid #edf0f5;
}
.mh-icon {
  width: 40px;
  height: 40px;
  font-size: 17px;
  border-radius: 9px;
  margin-right: 9px;
}
.mh-info { flex: 1; min-width: 0; }
.mh-title {
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}
.mh-sub {
  display: block;
  font-size: 9.5px;
  color: #8b96a8;
  margin-top: 2px;
}
.mh-close {
  font-size: 21px;
  color: #8b96a8;
  line-height: 1;
  padding: 0 3px;
  flex-shrink: 0;
}
.modal-body {
  padding: 11px 13px;
  max-height: 58vh;
}
.modal-foot {
  display: flex;
  padding: 9px 13px 12px;
  border-top: 0.5px solid #edf0f5;
}
.modal-foot .btn {
  flex: 1;
  margin-left: 7px;
}
.modal-foot .btn:first-child { margin-left: 0; }
.modal-body-id { padding: 12px 13px 2px; }

.d-sec { margin-bottom: 13px; }
.d-h {
  display: block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #8b96a8;
  margin-bottom: 6px;
}
.d-p {
  display: block;
  font-size: 12px;
  color: #5b6879;
  line-height: 1.9;
  margin-bottom: 5px;
}
.d-quote {
  background: #ffffff;
  border-left: 1.5px solid rgba(201,162,39,0.4);
  border-radius: 0 5px 5px 0;
  padding: 9px 10px;
}
.dq-line {
  display: block;
  font-size: 11px;
  color: #5b6879;
  line-height: 1.85;
}
.d-li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
}
.d-dot {
  width: 4.5px;
  height: 4.5px;
  border-radius: 2.5px;
  background: #b08a1a;
  margin-top: 8px;
  margin-right: 7px;
  flex-shrink: 0;
  opacity: 0.7;
}
.d-li text {
  flex: 1;
  font-size: 11.5px;
  color: #5b6879;
  line-height: 1.75;
}
.d-grid {
  display: flex;
  flex-wrap: wrap;
}
.d-cell {
  width: 50%;
  padding: 6px 0;
}
.dc-k {
  display: block;
  font-size: 9px;
  color: #8b96a8;
  margin-bottom: 1px;
}
.dc-v {
  display: block;
  font-size: 11px;
  color: #1b2230;
  font-weight: 500;
}


.field { margin-bottom: 12px; }
.label {
  display: block;
  font-size: 11px;
  color: #5b6879;
  margin-bottom: 5px;
}
.req { color: #d94a32; }
.input,
.textarea {
  width: 100%;
  background: #f3f5f8;
  border: 0.5px solid #e4e8ef;
  border-radius: 6px;
  padding: 10px 11px;
  font-size: 13px;
  color: #1b2230;
  min-height: 40px;
  box-sizing: border-box;
}
.textarea { min-height: 75px; line-height: 1.7; }
.hint {
  display: block;
  font-size: 9.5px;
  color: #8b96a8;
  margin-top: 4px;
  line-height: 1.6;
}

.sheet {
  width: 100%;
  max-height: 88vh;
  background: #ffffff;
  border-radius: 14px 14px 0 0;
  border-top: 0.5px solid #e4e8ef;
  display: flex;
  flex-direction: column;
  padding-bottom: env(safe-area-inset-bottom);
}
.sheet-bar {
  width: 36px;
  height: 4px;
  border-radius: 2px;
  background: #dfe4ec;
  margin: 8px auto 0;
}
.sheet-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px 8px;
}
.sheet-title { font-size: 15.5px; font-weight: 600; }
.sheet-close { font-size: 21px; color: #8b96a8; line-height: 1; }
.sheet-body { padding: 0 15px; max-height: 58vh; }
.sheet-foot {
  display: flex;
  padding: 10px 15px 13px;
  border-top: 0.5px solid #edf0f5;
}
.sheet-foot .btn { flex: 1; margin-left: 8px; }
.sheet-foot .btn:first-child { margin-left: 0; }

.seg { display: flex; }
.seg-i {
  flex: 1;
  text-align: center;
  padding: 9px;
  font-size: 12px;
  color: #5b6879;
  background: #f3f5f8;
  border: 0.5px solid #e4e8ef;
  border-radius: 6px;
  margin-right: 7px;
}
.seg-i:last-child { margin-right: 0; }
/* 通用选中态：上诉范围这种没有原告/被告色彩的选项也要看得出选中 */
.seg-i.on { border-color: #2f6ae0; background: rgba(61,126,255,0.12); color: #2f6ae0; font-weight: 600; }
.seg-i.on:not(.p):not(.d)::before { content: '✓'; margin-right: 4px; font-size: 11px; }
.seg-i.p.on { border-color: #d94a32; background: rgba(224,83,61,0.12); color: #d94a32; font-weight: 500; }
.seg-i.d.on { border-color: #2f6ae0; background: rgba(61,126,255,0.12); color: #2f6ae0; font-weight: 500; }

.sp { display: flex; }
.sp-i {
  flex: 1;
  text-align: center;
  padding: 8px 3px;
  font-size: 11.5px;
  color: #5b6879;
  background: #f3f5f8;
  border: 0.5px solid #e4e8ef;
  border-radius: 6px;
  margin-right: 6px;
}
.sp-i:last-child { margin-right: 0; }
.sp-i.on { border-color: #b08a1a; background: rgba(201,162,39,0.11); color: #9d7712; font-weight: 500; }
.sp-x {
  display: block;
  font-size: 8.5px;
  color: #8b96a8;
  margin-top: 1px;
}

.hero {
  padding: 6px 4px 13px;
}
.hero-top {
  display: flex;
  align-items: center;
}
.seal {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: linear-gradient(150deg, #c39a22, #7c5c0e);
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 11px;
  box-shadow: 0 4px 12px rgba(176,138,26,0.22);
}
.hero-txt {
  display: flex;
  flex-direction: column;
}
.hero-h1 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 1.5px;
}
.hero-p {
  font-size: 10.5px;
  color: #8b96a8;
  letter-spacing: 0.5px;
  margin-top: 2px;
}

.hero-stats {
  display: flex;
  align-items: center;
  margin-top: 13px;
  padding: 11px 4px;
  background: rgba(255,255,255,0.94);
  border: 0.5px solid #edf0f5;
  border-radius: 9px;
}
.hs {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hs-num {
  font-size: 17px;
  font-weight: 700;
  color: #9d7712;
  font-family: "SF Mono", Menlo, monospace;
  line-height: 1.2;
}
.hs-lb {
  font-size: 9px;
  color: #8b96a8;
  margin-top: 1px;
}
.hs-line {
  width: 0.5px;
  height: 18px;
  background: #e4e8ef;
}


.case-item {
  position: relative;
  background: #ffffff;
  border: 0.5px solid #e4e8ef;
  border-radius: 10px;
  padding: 13px 13px 10px;
  margin-bottom: 9px;
  overflow: hidden;
}
.case-item:active {
  background: #f7f8fa;
  transform: scale(0.995);
}
.ci-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ci-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  flex: 1;
  margin-right: 8px;
}
.ci-parties {
  display: flex;
  align-items: center;
  margin-top: 8px;
  font-size: 11px;
}
.ci-p { color: #d94a32; }
.ci-d { color: #2f6ae0; }
.ci-vs {
  color: #c3cbd6;
  font-size: 9px;
  margin: 0 7px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.ci-owner {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  font-size: 10.5px;
  color: #8a6a1f;
  background: #fdf6e3;
  border: 0.5px solid #f0e0b0;
  border-radius: 6px;
  padding: 2px 8px;
  cursor: pointer;
}
.ci-owner em { font-style: normal; color: #c08a1e; font-variant-numeric: tabular-nums; }
.ci-owner i { font-style: normal; color: #c0a24a; }
.ci-foot {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding-top: 9px;
  border-top: 0.5px solid #edf0f5;
}
.ci-node {
  font-size: 10.5px;
  color: #5b6879;
}
.ci-prog {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 8px;
}
.ci-step {
  font-size: 9px;
  color: #8b96a8;
  margin-left: 4px;
}
.ci-no {
  font-size: 9px;
  color: #a9b3c1;
}
.ci-glow {
  position: absolute;
  left: 0;
  top: 13px;
  bottom: 13px;
  width: 2.5px;
  border-radius: 2px;
  background: #b06a10;
}

.bar-fill.gold { background: linear-gradient(90deg, #a88418, #9d7712); }

.fab-wrap {
  margin-top: 15px;
  padding-bottom: 10px;
}


.mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(17,24,39,0.30);
  z-index: 100;
  display: flex;
  align-items: flex-end;
}
.sheet {
  width: 100%;
  max-height: 88vh;
  background: #ffffff;
  border-radius: 14px 14px 0 0;
  border-top: 0.5px solid #e4e8ef;
  display: flex;
  flex-direction: column;
  padding-bottom: env(safe-area-inset-bottom);
}
.sheet-bar {
  width: 36px;
  height: 4px;
  border-radius: 2px;
  background: #dfe4ec;
  margin: 8px auto 0;
}
.sheet-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px 8px;
}
.sheet-title {
  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.sheet-close {
  font-size: 21px;
  color: #8b96a8;
  line-height: 1;
  padding: 0 4px;
}
.sheet-body {
  padding: 0 15px;
  max-height: 62vh;
}
.sheet-foot {
  display: flex;
  padding: 10px 15px 13px;
  border-top: 0.5px solid #edf0f5;
}
.sheet-foot .btn {
  flex: 1;
  margin-left: 8px;
}
.sheet-foot .btn:first-child { margin-left: 0; }


.field {
  margin-bottom: 12px;
}
.label {
  display: block;
  font-size: 11px;
  color: #5b6879;
  margin-bottom: 5px;
}
.req { color: #d94a32; }
.input,
.textarea {
  width: 100%;
  background: #f3f5f8;
  border: 0.5px solid #e4e8ef;
  border-radius: 6px;
  padding: 10px 11px;
  font-size: 13px;
  color: #1b2230;
  min-height: 40px;
  box-sizing: border-box;
}
.textarea {
  min-height: 80px;
  line-height: 1.7;
}
.hint {
  display: block;
  font-size: 9.5px;
  color: #8b96a8;
  margin-top: 4px;
  line-height: 1.6;
}
.frow {
  display: flex;
}
.frow .field {
  flex: 1;
}
.frow .field:first-child {
  margin-right: 8px;
}



.page { padding-top: 6px; }
.head { padding: 4px 2px 10px; }
.h-title {
  display: block;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}
.h-sub {
  display: block;
  font-size: 10.5px;
  color: #8b96a8;
  line-height: 1.8;
}
.grp { margin-bottom: 5px; }

.pc-court {
  font-size: 9px;
  color: #a9b3c1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-foot .pc-days {
  font-size: 9px;
  color: #a9b3c1;
  margin-left: 6px;
  flex-shrink: 0;
}
.pc-foot .pc-who {
  font-size: 9px;
  color: #8b96a8;
  margin-left: 6px;
  flex-shrink: 0;
}
.pcard.vote .pc-icon { color: #d94a32; }
.bottom-pad { height: 20px; }



.page { padding-top: 6px; }
.head { padding: 4px 2px 10px; }
.h-title {
  display: block;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}
.h-sub {
  display: block;
  font-size: 10.5px;
  color: #8b96a8;
  line-height: 1.8;
}
.grp { margin-bottom: 5px; }

.rgrid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -7px;
}
.rcard {
  width: calc(50% - 7px);
  margin: 0 7px 7px 0;
  background: #ffffff;
  border: 0.5px solid #e4e8ef;
  border-top: 2px solid #e4e8ef;
  border-radius: 8px;
  padding: 12px 10px;
}
.rcard:active { background: #f7f8fa; }
.rcard.side-court { border-top-color: #b08a1a; }
.rcard.side-party { border-top-color: #2f6ae0; }
.rcard.side-other { border-top-color: #8b5cf6; }

.rg-icon {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: #eef1f5;
  border: 0.5px solid #e4e8ef;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12.5px;
  font-weight: 600;
  color: #9d7712;
  margin-bottom: 8px;
}
.rg-name {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 2px;
}
.rg-tag {
  display: block;
  font-size: 9px;
  color: #8b96a8;
}
.bottom-pad { height: 20px; }



.page { padding-top: 6px; }
.head { padding: 4px 2px 10px; }
.h-title {
  display: block;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}
.h-sub {
  display: block;
  font-size: 10.5px;
  color: #8b96a8;
  line-height: 1.8;
}

.stat-line {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.94);
  border: 0.5px solid #edf0f5;
  border-radius: 9px;
  padding: 11px 0;
  margin-bottom: 12px;
}
.sl { flex: 1; display: flex; flex-direction: column; align-items: center; }
.sl-n {
  font-size: 16px;
  font-weight: 700;
  color: #9d7712;
  font-family: "SF Mono", Menlo, monospace;
  line-height: 1.2;
}
.sl-l { font-size: 9px; color: #8b96a8; margin-top: 1px; }
.sl-div { width: 0.5px; height: 17px; background: #e4e8ef; }

.lv {
  display: flex;
  align-items: flex-start;
  padding: 8px 0;
  border-bottom: 0.5px solid #edf0f5;
}
.lv:last-child { border-bottom: none; padding-bottom: 0; }
.lv-no {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background: rgba(201,162,39,0.12);
  color: #9d7712;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  flex-shrink: 0;
}
.lv-info { flex: 1; }
.lv-t {
  display: block;
  font-size: 12.5px;
  font-weight: 600;
  margin-bottom: 2px;
}
.lv-d {
  display: block;
  font-size: 10.5px;
  color: #5b6879;
  line-height: 1.75;
}

.rule {
  display: flex;
  align-items: flex-start;
  padding: 7px 0;
  border-bottom: 0.5px solid #edf0f5;
}
.rule:last-child { border-bottom: none; padding-bottom: 0; }
.rk {
  width: 80px;
  flex-shrink: 0;
  font-size: 10.5px;
  font-weight: 600;
  color: #9d7712;
}
.rv {
  flex: 1;
  font-size: 10.5px;
  color: #5b6879;
  line-height: 1.75;
}
.dv {
  display: block;
  font-size: 11px;
  color: #5b6879;
  line-height: 1.8;
}
.bottom-pad { height: 20px; }

/* ==========================================================
   第十轮：立案审查 · 程序期限 · 裁判文书
   ========================================================== */
.pp-note.warn {
  background: rgba(217, 144, 43, .09); border-color: rgba(217, 144, 43, .26); color: #96650f;
  flex-wrap: wrap;
}
.pp-note.bad {
  background: rgba(194, 69, 60, .08); border-color: rgba(194, 69, 60, .24); color: #a83b33;
  flex-wrap: wrap;
}
.pp-note .pn-sub { display: block; width: 100%; margin-top: 4px; font-size: 10px; opacity: .85; }
.pp-note .btn.sm { margin-top: 6px; }

.claim-card .claim-txt { display: block; font-size: 12.5px; line-height: 1.9; color: #2a3444; }

/* 程序时间轴 */
.ptl { display: flex; flex-direction: column; }
.ptl-i {
  position: relative; display: flex; align-items: flex-start; gap: 8px;
  margin-left: 6px; padding: 7px 0 7px 16px; border-left: 1px dashed #e2e7ef;
}
.ptl-i:last-child { border-left-color: transparent; }
.ptl-dot {
  position: absolute; left: -5px; top: 11px; width: 9px; height: 9px;
  border-radius: 50%; background: #fff; border: 1.5px solid #cfd7e3;
  font-size: 7px; color: #fff; line-height: 9px; text-align: center;
}
.ptl-i.done .ptl-dot { background: #1f9d63; border-color: #1f9d63; }
.ptl-i.doing .ptl-dot { background: #b08a1a; border-color: #b08a1a; }
.ptl-i.soon .ptl-dot { background: #d9902b; border-color: #d9902b; box-shadow: 0 0 0 3px rgba(217, 144, 43, .16); }
.ptl-i.over .ptl-dot { background: #c2453c; border-color: #c2453c; }
.ptl-main { flex: 1; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ptl-n { font-size: 12px; color: #2a3444; }
.ptl-t { font-size: 9.5px; color: #93a0b4; }
.ptl-s { font-size: 9.5px; color: #93a0b4; white-space: nowrap; }
.ptl-i.over .ptl-s, .ptl-i.over .ptl-t { color: #c2453c; }
.ptl-i.soon .ptl-s { color: #b06a10; }
.ptl-foot { display: block; margin-top: 8px; font-size: 9px; color: #a9b3c1; line-height: 1.7; }

/* 案由选择 */
.cause-row { display: flex; flex-wrap: wrap; gap: 6px; }
.cause-i {
  font-size: 11px; padding: 5px 10px; border-radius: 14px; background: #f2f5f9;
  color: #5b6879; border: 0.5px solid transparent; line-height: 1.4;
}
.cause-i.on {
  background: rgba(176, 138, 26, .12); color: #8a6a0f;
  border-color: rgba(176, 138, 26, .35); font-weight: 600;
}

.spot-lock { font-size: 10px; color: #93a0b4; line-height: 1.6; }

/* 我的-审核记录 */
.mod-row {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 0; border-bottom: 0.5px solid #eef1f5;
}
.mod-row:last-child { border-bottom: none; }
.mod-row .mr-main { flex: 1; min-width: 0; }
.mr-wait.bad { color: #c2453c; background: rgba(194, 69, 60, .1); }

/* 裁判文书 */
.vd-meta { display: block; font-size: 10px; color: #8b96a8; line-height: 1.8; }
.vd-claim {
  margin: 7px 0; padding: 8px 10px; border-radius: 6px;
  background: rgba(201, 162, 39, .07); font-size: 11px; color: #2a3444; line-height: 1.8;
}
.vd-sec { display: block; margin-top: 8px; font-size: 11px; line-height: 1.85; color: #3a4658; }
.vd-k {
  display: inline-block; font-size: 9.5px; color: #9d7712; background: rgba(201, 162, 39, .13);
  padding: 1px 6px; border-radius: 3px; margin-right: 6px; vertical-align: 1px;
}
.vd-hold { font-weight: 600; color: #1b2230; }
.vd-sign {
  display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; padding-top: 10px;
  border-top: 0.5px dashed rgba(201, 162, 39, .35); font-size: 10px; color: #7a8798;
}

.proc-judge {
  font-size: 10.5px; color: #8b96a8; margin-bottom: 6px;
  padding-bottom: 6px; border-bottom: 0.5px dashed #eef1f5;
}

/* ============================================================
   24 小时三审：时钟 / 法庭选任 / 法官参考意见
   ============================================================ */
.ck-card .card-body { padding-top: 4px; }
.ck-big { display: flex; align-items: baseline; gap: 8px; margin: 2px 0 8px; }
.ck-big b {
  font-size: 30px; font-weight: 700; letter-spacing: 1px; color: #1b2230;
  font-variant-numeric: tabular-nums;
}
.ck-big span { font-size: 10.5px; color: #8b96a8; }
.ck-bar { height: 4px; border-radius: 2px; background: #eef1f5; overflow: hidden; }
.ck-bar i {
  display: block; height: 100%; border-radius: 2px;
  background: linear-gradient(90deg, #3d7eff, #6b9bff);
  transition: width .6s ease;
}
.ck-steps { display: flex; gap: 4px; margin: 10px 0 8px; }
.ck-step {
  flex: 1; text-align: center; padding: 6px 2px; border-radius: 6px;
  background: rgba(91, 104, 121, .05);
}
.ck-step.on { background: rgba(61, 126, 255, .10); }
.ck-step.done { background: rgba(47, 163, 107, .08); }
.ck-dot {
  display: block; width: 16px; height: 16px; line-height: 16px; margin: 0 auto 3px;
  border-radius: 50%; font-size: 9px; color: #8b96a8; background: #fff;
  border: .5px solid rgba(91, 104, 121, .25);
}
.ck-step.on .ck-dot { color: #fff; background: #3d7eff; border-color: #3d7eff; }
.ck-step.done .ck-dot { color: #fff; background: #2fa36b; border-color: #2fa36b; }
.ck-n { display: block; font-size: 9.5px; color: #3a4658; line-height: 1.3; }
.ck-step.on .ck-n { color: #2f6ae0; font-weight: 600; }
.ck-t { display: block; font-size: 8.5px; color: #a6b0be; margin-top: 1px; }
.ck-note { display: block; font-size: 10px; color: #8b96a8; line-height: 1.7; }

.lv-row { display: flex; gap: 6px; margin-top: 10px; }
.lv {
  flex: 1; padding: 7px 8px; border-radius: 7px; background: rgba(91, 104, 121, .05);
  border: .5px solid transparent;
}
.lv.cur { background: rgba(61, 126, 255, .07); border-color: rgba(61, 126, 255, .3); }
.lv.done { background: rgba(47, 163, 107, .06); }
.lv-n { display: block; font-size: 10.5px; font-weight: 600; color: #2a3444; }
.lv-s { display: block; font-size: 9px; color: #8b96a8; margin-top: 2px; }
.lv.done .lv-s { color: #1a8a58; }

.st-hint { display: block; font-size: 10px; color: #8b96a8; line-height: 1.7; margin-bottom: 8px; }
.st-seat { padding: 8px 0; border-top: .5px dashed #eef1f5; }
.st-seat:first-of-type { border-top: 0; }
.st-sh { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.st-sh b { font-size: 11.5px; color: #1b2230; }
.st-cands { display: flex; flex-direction: column; gap: 5px; }
.st-cand {
  display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 7px;
  background: rgba(91, 104, 121, .05);
}
.st-nm { flex: 1; font-size: 11px; color: #2a3444; min-width: 0; }
.st-pitch { display: block; font-size: 9px; color: #8b96a8; font-style: normal; margin-top: 1px; }
.st-vt { font-size: 10px; color: #8b96a8; font-variant-numeric: tabular-nums; }
.st-empty { display: block; font-size: 10px; color: #a6b0be; padding: 4px 0; }
.st-win { display: flex; flex-wrap: wrap; gap: 6px; }
.st-person {
  font-size: 10.5px; color: #1a8a58; background: rgba(47, 163, 107, .09);
  padding: 3px 8px; border-radius: 4px;
}
.st-person i { font-style: normal; font-size: 9px; color: #7ba893; margin-left: 4px; }
.st-person.sys { color: #7a8798; background: rgba(91, 104, 121, .08); }
.btn.xs { padding: 3px 9px; font-size: 10px; border-radius: 5px; }
.btn.xs.ghost { background: transparent; border: .5px solid rgba(61, 126, 255, .35); color: #2f6ae0; }

.jv-card .card-body { padding-top: 6px; }
.jv-empty { display: block; font-size: 10.5px; color: #8b96a8; line-height: 1.8; margin-bottom: 8px; }
.jv-top { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.jv-side { font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 5px; }
.jv-side.p { color: #d94a32; background: rgba(224, 83, 61, .10); }
.jv-side.d { color: #2f6ae0; background: rgba(61, 126, 255, .11); }
.jv-basis { font-size: 9.5px; color: #9d7712; background: rgba(201, 162, 39, .13); padding: 2px 7px; border-radius: 4px; }
.jv-law { font-size: 10.5px; color: #3a4658; line-height: 1.8; margin-bottom: 4px; }
.jv-reason { font-size: 11px; color: #2a3444; line-height: 1.9; }
.jv-sign { font-size: 9.5px; color: #8b96a8; margin-top: 8px; text-align: right; }
.jv-form { display: flex; flex-direction: column; gap: 8px; }
.jv-lb { font-size: 10.5px; color: #6b7788; }
.jv-seg { display: flex; gap: 6px; }
.jv-seg .seg {
  flex: 1; padding: 7px 4px; font-size: 11px; border-radius: 6px; cursor: pointer;
  background: rgba(91, 104, 121, .06); color: #5b6879; border: .5px solid transparent;
}
.jv-seg .seg.on { background: rgba(61, 126, 255, .10); color: #2f6ae0; border-color: rgba(61, 126, 255, .35); font-weight: 600; }
.jv-form .ta { min-height: 96px; }
.vd-src { font-size: 9px; color: #a6b0be; margin-left: auto; }
.ck-minor {
  display: block; font-size: 10px; color: #7048c8; line-height: 1.7;
  background: rgba(139, 92, 246, .07); border-radius: 6px; padding: 6px 8px; margin-bottom: 6px;
}

/* ================= 本审五阶段（折叠卡片流程） ================= */
.sf-fold { padding: 0; }
.sf-sum {
  display: flex; align-items: center; gap: 7px;
  padding: 12px 14px; cursor: pointer; list-style: none;
}
.sf-sum::-webkit-details-marker { display: none; }
.sf-title { font-size: 12.5px; font-weight: 700; color: #1b2230; }
.sf-prog {
  font-size: 9.5px; color: #2f6ae0; background: rgba(61, 126, 255, .10);
  padding: 2px 7px; border-radius: 4px; font-weight: 600;
}
.sf-cur { font-size: 10px; color: #8b96a8; margin-left: auto; }
.sf-arrow {
  font-size: 14px; color: #a6b0be; transition: transform .18s ease;
  transform: rotate(90deg); line-height: 1;
}
.sf-fold[open] .sf-arrow { transform: rotate(-90deg); }
.sf-body {
  padding: 2px 14px 12px; border-top: .5px solid #edf0f5;
  display: flex; flex-direction: column; gap: 7px;
}
.sf-tip { font-size: 10px; color: #8b96a8; line-height: 1.75; padding: 8px 0 2px; }
.sf-card {
  display: flex; gap: 9px; padding: 9px 10px; border-radius: 8px;
  background: #f7f9fc; border: .5px solid #e8edf4;
}
.sf-card.doing { background: rgba(61, 126, 255, .05); border-color: rgba(61, 126, 255, .28); }
.sf-card.done, .sf-card.over { opacity: .72; }
.sf-no {
  flex: 0 0 20px; height: 20px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; font-weight: 700; color: #8b96a8;
  background: rgba(91, 104, 121, .10);
}
.sf-card.doing .sf-no { background: #2f6ae0; color: #fff; }
.sf-card.done .sf-no, .sf-card.over .sf-no { background: rgba(60, 155, 110, .14); color: #2c8b62; }
.sf-main { flex: 1; min-width: 0; }
.sf-top { display: flex; align-items: center; gap: 6px; }
.sf-name { font-size: 11.5px; font-weight: 600; color: #1b2230; }
.sf-badge {
  margin-left: auto; font-size: 9px; padding: 2px 6px; border-radius: 4px;
  color: #8b96a8; background: rgba(91, 104, 121, .08); flex: 0 0 auto;
}
.sf-badge.doing { color: #2f6ae0; background: rgba(61, 126, 255, .12); font-weight: 600; }
.sf-badge.over { color: #7a8798; }
.sf-win { display: block; font-size: 9.5px; color: #9d7712; margin-top: 1px; }
.sf-hint { display: block; font-size: 10px; color: #6b7788; line-height: 1.7; }
.sf-note { display: block; font-size: 9.5px; color: #2c8b62; margin-top: 2px; }
.sf-btn { margin-top: 6px; }

/* ================= 二审/三审立案申请 ================= */
.ap-card .card-body { padding-top: 8px; }
.ap-q { display: block; font-size: 11px; color: #3a4658; line-height: 1.85; margin-bottom: 9px; }
.ap-tip { display: block; font-size: 9.5px; color: #8b96a8; line-height: 1.75; margin-top: 8px; }
.ap-row { display: flex; gap: 8px; font-size: 10.5px; padding: 4px 0; border-bottom: .5px dashed #eef1f6; }
.ap-row span { flex: 0 0 58px; color: #8b96a8; }
.ap-row b { color: #1b2230; font-weight: 500; flex: 1; }
.ap-row.col { flex-direction: column; gap: 2px; }
.ap-note { font-size: 10.5px; color: #4a5668; line-height: 1.8; }
.ap-ok { display: block; font-size: 10px; color: #2c8b62; background: rgba(60, 155, 110, .09); padding: 5px 8px; border-radius: 5px; margin-top: 8px; }
.ap-bad { display: block; font-size: 10px; color: #c0392b; background: rgba(224, 83, 61, .09); padding: 5px 8px; border-radius: 5px; margin-top: 8px; }
.ap-vote { margin-top: 12px; padding-top: 10px; border-top: .5px solid #edf0f5; }
.ap-vh { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.ap-vh b { font-size: 11.5px; color: #1b2230; }
.ap-vh span { font-size: 9.5px; color: #8b96a8; }

/* ================= 答辩与陈述 ================= */
.df-card .card-body { padding-top: 8px; }
.df-empty { display: block; font-size: 10.5px; color: #8b96a8; line-height: 1.8; margin-bottom: 8px; }
.df-item { padding: 8px 9px; border-radius: 7px; background: #f7f9fc; margin-bottom: 7px; border-left: 2px solid #2f6ae0; }
.df-item.defendant { border-left-color: #d94a32; }
.df-h { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.df-tag { font-size: 9px; font-weight: 600; color: #2f6ae0; background: rgba(61, 126, 255, .10); padding: 2px 6px; border-radius: 4px; }
.df-item.defendant .df-tag { color: #d94a32; background: rgba(224, 83, 61, .10); }
.df-by { font-size: 9.5px; color: #5b6879; }
.df-at { font-size: 9px; color: #a6b0be; margin-left: auto; }
.df-txt { display: block; font-size: 10.5px; color: #2a3444; line-height: 1.85; }
.vote-flash { animation: vflash 1.4s ease; }
@keyframes vflash {
  0%, 100% { box-shadow: none; }
  30% { box-shadow: 0 0 0 2px rgba(61, 126, 255, .45); }
}
.ap-row.col span { flex: none; }

/* 窄屏（≤340px）：时钟四步与审级条压缩字号，避免中文逐字换行 */
@media (max-width: 340px) {
  .ck-step { padding: 8px 3px 7px; }
  .ck-step .ck-n { font-size: 8.5px; line-height: 1.35; }
  .ck-step .ck-t { font-size: 8px; }
  .lv-n { font-size: 9.5px; }
  .lv-s { font-size: 8.5px; }
  .sf-name { font-size: 11px; }
  .sf-badge { font-size: 8.5px; }
}

/* ================= 个人主页（他人） ================= */
.up-page { padding-top: 4px; }
.up-hero {
  position: relative; overflow: hidden;
  padding: 16px 15px 0; border-radius: 20px; color: #fff;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(206,168,80,.30), rgba(206,168,80,0) 62%),
    radial-gradient(90% 110% at 0% 100%, rgba(84,140,235,.18), rgba(84,140,235,0) 60%),
    linear-gradient(140deg, #1a2230, #26313f 55%, #1b2431);
  box-shadow: 0 18px 34px -24px rgba(18,26,38,.9);
}
.up-row { position: relative; z-index: 1; display: flex; gap: 12px; align-items: flex-start; }
/* 顶部小标签：一眼看出这是别人的主页，不是自己的「我的」页 */
.up-see {
  position: absolute; left: 15px; top: 13px; z-index: 2;
  font-size: 8.5px; letter-spacing: .4px; color: rgba(255,255,255,.5);
}
.up-more {
  position: absolute; right: 12px; top: 9px; z-index: 3;
  width: 26px; height: 26px; display: flex; align-items: center; justify-content: center;
  font-size: 16px; letter-spacing: 1px; color: rgba(255,255,255,.62);
  border-radius: 50%; background: rgba(255,255,255,.08); cursor: pointer;
}
.up-more:active { background: rgba(255,255,255,.18); color: #fff; }
.up-hero .up-row { margin-top: 12px; }
.up-avbox { flex: 0 0 auto; }
.up-avatar { width: 58px; height: 58px; border-radius: 19px; border: 2px solid rgba(255,255,255,.16); }
.up-head { flex: 1; min-width: 0; }
.up-name { display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 700; }
.up-no { display: flex; align-items: baseline; gap: 5px; margin-top: 3px; }
.up-no b {
  font-size: 11px; font-weight: 600; letter-spacing: .6px; color: #e8cb86;
  font-family: ui-monospace, Menlo, Consolas, monospace;
}
.up-no span { font-size: 8.5px; color: rgba(255,255,255,.45); }
.up-bio { margin-top: 5px; font-size: 10.5px; line-height: 1.6; color: rgba(255,255,255,.72); }
.up-bio em { font-style: normal; color: rgba(255,255,255,.42); }
.up-meta { display: flex; flex-wrap: wrap; gap: 4px 8px; margin-top: 6px; font-size: 9px; color: rgba(255,255,255,.5); }
.up-meta span + span::before { content: '·'; margin-right: 7px; opacity: .5; }
.up-stats .mhs.on b { color: #e8cb86; }
.up-acts { position: relative; z-index: 1; display: flex; gap: 8px; padding: 12px 0 14px; }
.up-acts .btn { flex: 1; height: 32px; border-radius: 9px; font-size: 11.5px; }
.up-acts .btn:disabled { opacity: .42; }
.up-acts .btn.ghost { background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.2); }
.up-acts .btn.primary { background: linear-gradient(135deg,#e8cb86,#c8a24a); color: #3a2c08; border: none; font-weight: 600; }

.up-rel {
  display: flex; align-items: center; gap: 7px; margin-top: 10px;
  padding: 8px 11px; border-radius: 10px; font-size: 10px; line-height: 1.6;
  background: rgba(224,150,60,.08); color: #9a6a12; border: .5px solid rgba(224,150,60,.2);
}
.up-rel.ok { background: rgba(60,155,110,.08); color: #2c7a58; border-color: rgba(60,155,110,.2); }
.up-rel-ic {
  flex: 0 0 15px; width: 15px; height: 15px; border-radius: 50%;
  display: grid; place-items: center; font-size: 9px; font-weight: 700;
  background: rgba(224,150,60,.18);
}
.up-rel.ok .up-rel-ic { background: rgba(60,155,110,.18); }

/* 已拉黑：主页不展示内容，只留一张解锁卡 */
.up-blocked {
  margin-top: 8px; padding: 34px 22px 26px; text-align: center;
}
.ub-glyph {
  width: 46px; height: 46px; margin: 0 auto 14px; border-radius: 50%;
  display: grid; place-items: center; font-size: 15px; font-weight: 600;
  color: #8892a3; background: #f1f4f9;
}
.ub-title { font-size: 14px; font-weight: 600; color: #1b2230; }
.ub-sub { margin-top: 8px; font-size: 10.5px; line-height: 1.75; color: #7b8698; }
.up-blocked .btn { margin-top: 18px; height: 36px; }
.ub-note { margin-top: 10px; font-size: 9px; color: #a9b3c1; }

/* 主页右上「···」菜单 / 私信对话「···」菜单 */
.umenu { padding-bottom: 6px; }
.um-head {
  padding: 4px 18px 12px; font-size: 11px; color: #8892a3;
  border-bottom: .5px solid #f1f4f8;
}
.um-list { padding: 4px 0; }
.um-item {
  display: flex; align-items: center; gap: 10px;
  padding: 13px 18px; font-size: 12.5px; color: #1b2230; cursor: pointer;
}
.um-item:active { background: #f6f8fb; }
.um-item.danger { color: #c0392b; }
.um-ic {
  width: 22px; height: 22px; flex: 0 0 22px; border-radius: 7px;
  display: grid; place-items: center; font-size: 10px;
  background: #f1f4f9; color: #7b8698;
}
.um-item.danger .um-ic { background: rgba(192,57,43,.08); color: #c0392b; }
.um-foot {
  margin-top: 4px; padding: 13px; text-align: center; font-size: 12px; color: #8892a3;
  border-top: .5px solid #f1f4f8; cursor: pointer;
}

/* 黑名单行 / 举报记录行 */
.bl-row { display: flex; align-items: center; gap: 9px; padding: 10px 0; border-bottom: .5px solid #f1f4f8; }
.bl-row:last-child { border-bottom: none; }
.bl-tx { flex: 1; min-width: 0; }
.bl-name { display: block; font-size: 11.5px; font-weight: 600; color: #1b2230; }
.bl-no { display: block; font-size: 9px; color: #98a2b3; margin-top: 2px; }
.bl-un {
  flex: 0 0 auto; font-size: 10.5px; color: #2f6ae0;
  padding: 4px 10px; border-radius: 999px; border: 1px solid rgba(47,106,224,.24);
}
.bl-un:active { background: rgba(47,106,224,.08); }
.rp-row { padding: 11px 0; border-bottom: .5px solid #f1f4f8; }
.rp-row:last-child { border-bottom: none; }
.rp-row-tx { display: flex; align-items: center; gap: 7px; font-size: 11px; }
.rp-row-tx b { font-size: 11px; color: #1b2230; }
.rp-row-tx span { color: #5d6a7e; }
.rp-st {
  font-style: normal; margin-left: auto; font-size: 8.5px; padding: 1px 6px; border-radius: 4px;
  background: #f1f4f9; color: #8892a3;
}
.rp-st.wait { background: rgba(224,150,60,.12); color: #9a6a12; }
.rp-st.ok { background: rgba(60,155,110,.12); color: #2c7a58; }
.rp-st.no { background: #f1f4f9; color: #a9b3c1; }
.rp-row-at { margin-top: 4px; font-size: 9px; color: #a9b3c1; }
.rp-note { margin-top: 10px; font-size: 9px; color: #a9b3c1; text-align: center; }

.up-card { margin-top: 12px; padding: 0 0 4px; }
.up-tabs { padding: 8px 12px 2px; }
.up-tablock { font-style: normal; font-size: 8px; margin-left: 3px; opacity: .55; }
.up-body { padding: 2px 14px 6px; }
.up-item { display: block; padding: 10px 0; border-bottom: .5px solid #f1f4f8; cursor: pointer; }
.up-item:last-child { border-bottom: none; }
.up-item:active { opacity: .68; }
.up-item-tx { display: block; font-size: 11.5px; color: #1b2230; line-height: 1.65; }
.up-item-sub { display: block; font-size: 9.5px; color: #98a2b3; margin-top: 3px; }

.up-person { display: flex; align-items: center; gap: 9px; padding: 9px 0; border-bottom: .5px solid #f1f4f8; cursor: pointer; }
.up-person:last-child { border-bottom: none; }
.up-pav { width: 34px; height: 34px; border-radius: 11px; flex: 0 0 34px; }
.up-ptx { flex: 1; min-width: 0; }
.up-pname { display: flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; color: #1b2230; }
.up-pfriend { font-style: normal; font-size: 8px; padding: 1px 5px; border-radius: 4px; background: rgba(60,155,110,.12); color: #2c7a58; }
.up-pno { display: block; font-size: 9px; color: #98a2b3; margin-top: 2px; }
.up-parrow { color: #c3cbd6; font-size: 14px; flex: 0 0 auto; }

.up-lock { display: flex; gap: 10px; align-items: center; padding: 22px 4px; }
.up-lock-ic {
  width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center;
  font-size: 11px; color: #8b96a8; background: #f2f5f9; flex: 0 0 30px;
}
.up-lock-tx b { display: block; font-size: 11.5px; color: #3a4658; }
.up-lock-tx span { display: block; font-size: 9.5px; color: #98a2b3; margin-top: 2px; line-height: 1.6; }

.mh-no { font-style: normal; font-weight: 700; color: #e8cb86; letter-spacing: .5px; }
.mh-tag.f { background: rgba(60,155,110,.22); color: #b9e6cf; }
.menu-badge {
  margin-left: auto; margin-right: 6px; font-style: normal; font-size: 9px; font-weight: 700;
  color: #fff; background: #e0533d; padding: 1px 6px; border-radius: 999px;
}

/* ================= 私信 ================= */
.dm-thread { display: flex; align-items: center; gap: 10px; padding: 11px 0; border-bottom: .5px solid #f1f4f8; cursor: pointer; }
.dm-thread:last-child { border-bottom: none; }
.dm-thread:active { opacity: .7; }
.dm-tav { width: 40px; height: 40px; border-radius: 13px; flex: 0 0 40px; }
.dm-ttx { flex: 1; min-width: 0; }
.dm-tname { display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; color: #1b2230; }
.dm-tno { font-style: normal; font-size: 8.5px; color: #a6b0be; font-weight: 400; }
.dm-tbad { font-style: normal; font-size: 8px; color: #c0392b; background: rgba(224,83,61,.1); padding: 1px 5px; border-radius: 4px; }
.dm-tlast { display: block; font-size: 10px; color: #8b96a8; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dm-tright { flex: 0 0 auto; text-align: right; }
.dm-tat { display: block; font-size: 8.5px; color: #b6bfcc; }
.dm-badge { display: inline-block; margin-top: 4px; font-style: normal; font-size: 8.5px; font-weight: 700; color: #fff; background: #e0533d; padding: 1px 5px; border-radius: 999px; }

/* 对话页撑满可视区：消息区占满，输入条自然落到最下面 */
.dm-page { padding-top: 2px; display: flex; flex-direction: column; min-height: calc(100vh - 108px); }
.dm-peer {
  position: sticky; top: 0; z-index: 5;
  display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px;
  background: #fff; box-shadow: 0 6px 18px -14px rgba(24,35,52,.6); cursor: pointer;
}
.dm-pav { width: 38px; height: 38px; border-radius: 12px; flex: 0 0 38px; }
.dm-ptx { flex: 1; min-width: 0; }
.dm-pname { display: block; font-size: 12.5px; font-weight: 600; color: #1b2230; }
.dm-pno { display: block; font-size: 9px; color: #98a2b3; margin-top: 2px; }
.dm-more {
  flex: 0 0 auto; width: 26px; height: 26px; margin-left: 4px;
  display: grid; place-items: center; font-size: 15px; letter-spacing: 1px;
  color: #b6c0cd; border-radius: 50%;
}
.dm-more:active { background: #f1f4f9; color: #2f6ae0; }
.dm-list { flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 14px 2px 12px; }
.dm-msg { display: flex; flex-direction: column; align-items: flex-start; max-width: 84%; }
.dm-msg.mine { align-self: flex-end; align-items: flex-end; }
.dm-bub {
  padding: 8px 11px; border-radius: 13px 13px 13px 4px; background: #fff;
  font-size: 11.5px; line-height: 1.7; color: #1b2230; word-break: break-word;
  box-shadow: 0 5px 14px -12px rgba(24,35,52,.7);
}
.dm-msg.mine .dm-bub { border-radius: 13px 13px 4px 13px; background: linear-gradient(135deg,#3d7eff,#2f6ae0); color: #fff; }
/* 被系统屏蔽的消息：灰掉 + 斜体，明确区别于正常对话 */
.dm-bub-x, .dm-msg.mine .dm-bub-x {
  background: #f2f4f8; color: #8c96a8; font-style: normal;
  box-shadow: none; border: 1px dashed #dfe5ee;
}
.dm-at { font-size: 8.5px; color: #b6bfcc; margin-top: 3px; }
.dm-empty { text-align: center; font-size: 10px; color: #98a2b3; padding: 26px 0; }
.dm-bar {
  position: sticky; bottom: 0; display: flex; gap: 8px; padding: 8px 0 6px;
  background: linear-gradient(180deg, rgba(246,248,251,0), #f6f8fb 34%);
}
.dm-input {
  flex: 1; height: 38px; padding: 0 12px; border-radius: 11px;
  border: .5px solid #e2e8f0; background: #fff; font-size: 12px; color: #1b2230;
}
.dm-send { flex: 0 0 62px; height: 38px; border-radius: 11px; font-size: 12px; }
.dm-tip { text-align: center; font-size: 8.5px; color: #b6bfcc; padding: 2px 0 10px; }

/* ================= 主页可见范围弹层 ================= */
/* 弹层标题与副标题竖排，一行挤不下会截断 */
.pv-sheet .sheet-head, .fu-sheet .sheet-head { display: block; }
.pv-sheet .sheet-title, .fu-sheet .sheet-title { display: block; font-size: 17px; font-weight: 700; }
.pv-sheet .sheet-sub, .fu-sheet .sheet-sub { display: block; margin-top: 4px; font-size: 10.5px; color: #8b96a8; }
.pv-sheet .sheet-body { max-height: 74vh; }

.pv-body { padding: 4px 16px 18px; }
.pv-item { padding: 11px 0; border-bottom: .5px solid #f1f4f8; }
.pv-h b { display: block; font-size: 12px; color: #1b2230; }
.pv-h span { display: block; font-size: 9.5px; color: #98a2b3; margin-top: 3px; line-height: 1.6; }
.pv-segs { display: flex; gap: 6px; margin-top: 9px; }
.pv-seg {
  flex: 1; text-align: center; padding: 7px 0; border-radius: 8px;
  font-size: 10.5px; color: #5b6879; background: #f4f7fa; border: .5px solid transparent;
  cursor: pointer;
}
.pv-seg.on { color: #2f6ae0; background: rgba(61,126,255,.09); border-color: rgba(61,126,255,.35); font-weight: 600; }
.pv-note { font-size: 9.5px; color: #98a2b3; line-height: 1.7; padding: 12px 0 10px; }

/* ================= 找人 ================= */
.fu-input {
  width: 100%; height: 40px; padding: 0 12px; border-radius: 11px;
  border: .5px solid #e2e8f0; background: #f7f9fc; font-size: 12px; color: #1b2230;
  margin: 2px 0 6px;
}
.fu-list { min-height: 64px; max-height: 46vh; overflow-y: auto; }
.fu-row { display: flex; align-items: center; gap: 9px; padding: 9px 2px; border-bottom: .5px solid #f1f4f8; cursor: pointer; }
.fu-row:active { opacity: .7; }
.fu-av { width: 34px; height: 34px; border-radius: 11px; flex: 0 0 34px; }
.fu-tx { flex: 1; min-width: 0; }
.fu-name { display: flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; color: #1b2230; }
.fu-no { display: block; font-size: 9px; color: #98a2b3; margin-top: 2px; }
.fu-following { font-style: normal; font-size: 8px; padding: 1px 5px; border-radius: 4px; background: rgba(61,126,255,.1); color: #2f6ae0; }
.fu-tip { text-align: center; font-size: 10px; color: #98a2b3; padding: 26px 0; }

/* 名字可点：给一点可点的暗示，不做成链接色以免整页花 */
.party-name[data-uid], .pp-by[data-uid], .post-by[data-uid],
.cm-by[data-uid], .pcm-by[data-uid] { cursor: pointer; }
.party-name[data-uid]:active, .pp-by[data-uid]:active, .post-by[data-uid]:active,
.cm-by[data-uid]:active, .pcm-by[data-uid]:active { opacity: .6; }
/* 弹层底部按钮区（不随内容滚动） */
.pv-sheet .sheet-foot { padding: 8px 16px 16px; background: #fff; }
.fu-input:focus, .dm-input:focus {
  outline: none; border-color: rgba(61,126,255,.45);
  box-shadow: 0 0 0 3px rgba(61,126,255,.10);
}