/* 发布陪玩需求弹窗 —— 与深色霓虹大厅保持一致 */
.quick-task-open { overflow: hidden; }
.quick-task-layer {
  position: fixed;
  inset: 0;
  z-index: 2147483642;
  display: grid;
  place-items: center;
  padding: 28px;
}
.quick-task-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  background:
    radial-gradient(560px 420px at 72% 18%, rgba(108, 77, 255, .22), transparent 68%),
    radial-gradient(520px 360px at 20% 86%, rgba(38, 255, 156, .11), transparent 70%),
    rgba(3, 7, 18, .76);
  backdrop-filter: blur(10px);
  cursor: default;
}
.quick-task-dialog {
  position: relative;
  width: min(760px, calc(100vw - 40px));
  max-height: min(880px, calc(100vh - 56px));
  overflow: auto;
  overscroll-behavior: contain;
  color: #f4f7ff;
  border: 1px solid rgba(126, 160, 255, .32);
  border-radius: 30px;
  background:
    linear-gradient(150deg, rgba(20, 29, 52, .985), rgba(8, 12, 24, .995) 56%, rgba(11, 17, 31, .995));
  box-shadow:
    0 42px 120px rgba(0, 0, 0, .72),
    0 0 0 1px rgba(255, 255, 255, .035) inset,
    0 0 90px rgba(85, 105, 255, .16);
  scrollbar-width: thin;
  scrollbar-color: rgba(119, 148, 218, .55) transparent;
  animation: quick-task-in .22s cubic-bezier(.2, .8, .2, 1);
}
.quick-task-dialog::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(137, 168, 255, .9), rgba(130, 255, 171, .75), transparent);
  pointer-events: none;
}
@keyframes quick-task-in { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }
.quick-task-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 26px 30px 6px;
}
.quick-task-kicker {
  display: inline-block;
  margin-bottom: 7px;
  color: #83f0a4;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
}
.quick-task-head h2 { margin: 0; font-size: 27px; line-height: 1.2; letter-spacing: .02em; }
.quick-task-head p { margin: 7px 0 0; color: #8897b7; font-size: 12px; line-height: 1.6; }
.quick-task-close {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(148, 170, 220, .26);
  border-radius: 50%;
  background: rgba(255, 255, 255, .045);
  color: #dfe7ff;
  font-size: 23px;
  line-height: 1;
  cursor: pointer;
  transition: .16s ease;
}
.quick-task-close:hover { color: #fff; background: rgba(255, 91, 91, .22); border-color: rgba(255, 120, 120, .5); transform: rotate(90deg); }
.quick-task-form { display: flex; flex-direction: column; gap: 15px; padding: 14px 30px 26px; }
.quick-task-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.quick-task-field,
.quick-task-selector-grid > .field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  color: #cbd6ee;
  font-size: 12px;
  font-weight: 700;
}
.quick-task-field > span,
.quick-task-selector-grid > .field > span { padding-left: 4px; }
.quick-task-field select,
.quick-task-field input,
.quick-task-field textarea,
.quick-task-selector-grid > .field select {
  width: 100%;
  min-height: 45px;
  border: 1px solid rgba(125, 151, 204, .26);
  border-radius: 14px;
  background: rgba(10, 17, 33, .9);
  color: #f2f6ff;
  padding: 0 15px;
  font: inherit;
  font-size: 13px;
  outline: none;
  color-scheme: dark;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.quick-task-field select,
.quick-task-selector-grid > .field select {
  appearance: none;
  padding-right: 44px;
  background-image:
    linear-gradient(45deg, transparent 50%, #7ee89b 50%),
    linear-gradient(135deg, #7ee89b 50%, transparent 50%);
  background-position: calc(100% - 20px) 20px, calc(100% - 14px) 20px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.quick-task-field select:disabled { opacity: .46; cursor: not-allowed; }
.quick-task-field select option { background: #11192b; color: #eef3ff; }
.quick-task-field input::placeholder,
.quick-task-field textarea::placeholder { color: #7e8aa4; }
.quick-task-field select:focus,
.quick-task-field input:focus,
.quick-task-field textarea:focus,
.quick-task-selector-grid > .field select:focus {
  border-color: rgba(112, 232, 149, .7);
  box-shadow: 0 0 0 3px rgba(89, 232, 133, .12), 0 0 28px rgba(72, 220, 128, .08);
  background: rgba(12, 21, 39, .98);
}
#quick-task-title-input,
#quick-task-description {
  background: #f7f9fd;
  border-color: transparent;
  color: #151d2f;
  font-weight: 600;
}
#quick-task-title-input::placeholder,
#quick-task-description::placeholder { color: #7c879e; }
.quick-task-field textarea { min-height: 108px; padding: 13px 15px; resize: vertical; line-height: 1.6; }
.quick-task-selector-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.quick-task-selector-grid:empty { display: none; }
.quick-task-selector-grid .task-selector-hint { grid-column: 1 / -1; margin: 0; }
.quick-task-selector-grid .report-note { grid-column: 1 / -1; }
.quick-task-price-panel {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 16px;
  border: 1px solid rgba(117, 145, 204, .2);
  border-radius: 20px;
  background: rgba(5, 10, 22, .5);
}
.quick-task-section-title { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
.quick-task-section-title strong { color: #eaf0ff; font-size: 13px; }
.quick-task-section-title span { color: #7e8ca9; font-size: 10px; }
.quick-task-switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-top: 1px;
  padding: 11px 12px;
  border-radius: 13px;
  background: rgba(255, 255, 255, .035);
  cursor: pointer;
}
.quick-task-switch input { position: absolute; opacity: 0; pointer-events: none; }
.quick-task-switch-track {
  position: relative;
  width: 36px;
  height: 20px;
  flex: 0 0 36px;
  border-radius: 999px;
  background: #29344d;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .08) inset;
  transition: .18s ease;
}
.quick-task-switch-track::after {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #9cabc7;
  transition: .18s ease;
}
.quick-task-switch input:checked + .quick-task-switch-track { background: linear-gradient(90deg, #36b96a, #89f0a4); box-shadow: 0 0 18px rgba(96, 232, 139, .3); }
.quick-task-switch input:checked + .quick-task-switch-track::after { left: 19px; background: #fff; }
.quick-task-switch b { color: #dfe8fb; font-size: 12px; }
.quick-task-switch small { flex-basis: 100%; padding-left: 45px; color: #7f8dab; font-size: 10px; }
.quick-task-message { min-height: 16px; margin: 0; padding: 0 4px; color: #ff9a9a; font-size: 11px; }
.quick-task-message:empty { display: none; }
.quick-task-foot { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 2px; }
.quick-task-balance { display: flex; flex-direction: column; gap: 2px; color: #7d8ca9; font-size: 10px; }
.quick-task-balance strong { color: #f4f8ff; font-size: 18px; letter-spacing: .02em; }
.quick-task-balance i { color: #8f9db9; font-style: normal; }
.quick-task-submit {
  min-width: 216px;
  height: 52px;
  padding: 0 28px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(100deg, #61d96d, #abff7d);
  color: #071b0e;
  font: inherit;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: .08em;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(81, 226, 115, .28), 0 0 0 1px rgba(255, 255, 255, .25) inset;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.quick-task-submit:hover { transform: translateY(-1px); filter: saturate(1.12); box-shadow: 0 18px 42px rgba(81, 226, 115, .36), 0 0 0 1px rgba(255, 255, 255, .3) inset; }
.quick-task-submit:active { transform: translateY(0) scale(.99); }
.quick-task-submit:disabled { opacity: .6; cursor: wait; transform: none; }
@media (max-width: 720px) {
  .quick-task-layer { padding: 12px; align-items: end; }
  .quick-task-dialog { width: 100%; max-height: calc(100vh - 24px); border-radius: 24px; }
  .quick-task-head { padding: 21px 20px 4px; }
  .quick-task-head h2 { font-size: 22px; }
  .quick-task-head p { display: none; }
  .quick-task-form { padding: 12px 20px 22px; gap: 13px; }
  .quick-task-grid,
  .quick-task-selector-grid { grid-template-columns: 1fr; }
  .quick-task-field select,
  .quick-task-field input,
  .quick-task-field textarea,
  .quick-task-selector-grid > .field select { min-height: 43px; }
  .quick-task-foot { flex-direction: column; align-items: stretch; gap: 12px; }
  .quick-task-balance { flex-direction: row; align-items: baseline; gap: 10px; }
  .quick-task-submit { width: 100%; min-width: 0; }
  .quick-task-section-title span { display: none; }
}

/* 发布按钮固定可见：内容再长也不会被弹窗底部裁切 */
.quick-task-dialog {
  max-height: min(920px, calc(100vh - 32px));
}
.quick-task-form {
  padding-bottom: 0;
}
.quick-task-foot {
  position: sticky;
  bottom: 0;
  z-index: 3;
  margin: 3px -30px 0;
  padding: 15px 30px 20px;
  border-top: 1px solid rgba(119, 148, 218, .18);
  background: linear-gradient(180deg, rgba(9, 14, 28, .78), rgba(7, 11, 22, .97) 44%);
  backdrop-filter: blur(18px);
}
@media (max-width: 720px) {
  .quick-task-foot {
    margin: 2px -20px 0;
    padding: 13px 20px 18px;
  }
}