:root {
  --ink: #21192c;
  --muted: #8e8797;
  --line: #ebe7ef;
  --paper: #f7f5f8;
  --violet: #6e4b96;
  --deep: #171026;
  --mint: #3b9a7d;
  --amber: #b98236;
  --rose: #bd617f;
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  min-height: 100%;
  background: #ddd8e2;
  color: var(--ink);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
}
button,
input,
textarea,
select {
  font: inherit;
}
.app-shell {
  width: 100%;
  max-width: 480px;
  min-height: 100vh;
  margin: auto;
  background: var(--paper);
  box-shadow: 0 0 80px rgba(26, 16, 35, 0.16);
  position: relative;
  padding-bottom: 82px;
}
.hidden {
  display: none !important;
}
.topbar {
  height: 72px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--deep);
  color: white;
  position: sticky;
  top: 0;
  z-index: 20;
}
.brand {
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}
.brand-mark {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #9c78c8, #6d4a95);
  border-radius: 13px;
  font-weight: 900;
}
.brand b,
.brand small {
  display: block;
}
.brand b {
  font-size: 15px;
}
.brand small {
  margin-top: 3px;
  color: #ae9fc0;
  font-size: 10px;
}
.avatar,
.icon-btn {
  border: 0;
  color: white;
  background: #302341;
}
.avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.icon-btn {
  width: 34px;
  height: 40px;
  padding: 0;
  font-size: 34px;
  line-height: 30px;
  background: transparent;
}
.bottom-nav {
  position: fixed;
  z-index: 30;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 480px;
  height: 72px;
  padding-bottom: max(5px, env(safe-area-inset-bottom));
  display: flex;
  background: rgba(255, 255, 255, 0.96);
  border-top: 1px solid var(--line);
  backdrop-filter: blur(18px);
}
.bottom-nav button {
  flex: 1;
  border: 0;
  background: none;
  color: #9c94a2;
  font-size: 11px;
}
.bottom-nav i {
  display: block;
  margin: auto auto 5px;
  font-style: normal;
  font-size: 20px;
}
.bottom-nav button.active {
  color: var(--violet);
  font-weight: 700;
}
.login-page {
  min-height: 100vh;
  padding: 66px 22px;
  background:
    radial-gradient(circle at 90% 5%, #4a2d70 0, transparent 35%),
    linear-gradient(155deg, #171026, #25153c);
  color: white;
}
.login-brand {
  text-align: center;
}
.login-logo {
  width: 66px;
  height: 66px;
  margin: auto;
  display: grid;
  place-items: center;
  border-radius: 21px;
  background: linear-gradient(145deg, #a07bd0, #62408c);
  font-size: 28px;
  font-weight: 900;
  box-shadow: 0 16px 35px rgba(126, 82, 172, 0.35);
}
.login-brand h1 {
  margin: 18px 0 5px;
  font-size: 25px;
}
.login-brand p {
  margin: 0;
  color: #ad9fbd;
  font-size: 12px;
}
.login-card {
  margin-top: 38px;
  padding: 25px 20px;
  background: white;
  color: var(--ink);
  border-radius: 24px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);
}
.login-card h2 {
  margin: 0 0 5px;
  font-size: 21px;
}
.login-card > p {
  margin: 0 0 22px;
  color: var(--muted);
  font-size: 12px;
}
.field {
  display: block;
  margin: 14px 0;
}
.field span {
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 700;
}
.field input,
.field textarea,
.field select,
input,
textarea,
select {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #f8f6fa;
  color: var(--ink);
  outline: none;
}
.field textarea {
  min-height: 90px;
  resize: vertical;
}
.field input:focus,
.field textarea:focus {
  border-color: #9b7abb;
  background: white;
}

.image-upload-field{grid-column:span 1}.image-upload-box{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center}.image-preview{height:82px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f4f5f9;border:1px dashed #d9dce6;border-radius:12px}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview i{color:#a2a8b5;font-size:13px;font-style:normal}.image-upload-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.image-upload-actions small{color:#9299a8;font-size:12px}.upload-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;color:#fff;background:linear-gradient(135deg,#7650d4,#5735b5);border-radius:9px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 6px 16px rgba(104,70,193,.18)}.upload-button input{display:none}.image-upload-field>input{margin-top:10px}
.gift-image-preview img{object-fit:contain;background:#faf8ff}

@media(max-width:700px){.image-upload-box{grid-template-columns:100px 1fr}.image-preview{height:68px}.upload-button{padding:9px 14px}}
.finance-account-overview{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.finance-account-overview article{min-height:116px}.finance-adjustment-panel{margin-top:20px}.finance-adjustment-panel .admin-head-actions{display:flex;gap:10px}
@media(max-width:1100px){.finance-account-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.finance-account-overview{grid-template-columns:1fr}.finance-adjustment-panel .admin-section-head{align-items:flex-start;gap:14px}.finance-adjustment-panel .admin-head-actions{width:100%}}
.member-admin-grid,.member-ranking-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.member-web-card{padding:32px;background:radial-gradient(circle at 85% 10%,rgba(241,208,123,.2),transparent 32%),linear-gradient(135deg,#21162f,#533b68)}.member-web-card span{color:#aa96bd;letter-spacing:3px}.member-web-card h2{margin:12px 0 4px;font-size:34px}.member-web-card strong{color:#ebca74}.member-web-card p{color:#b4a8be}.ranking-mine{background:#f4efff}
@media(max-width:1000px){.member-admin-grid,.member-ranking-grid{grid-template-columns:1fr}}
.primary,
.secondary,
.danger,
.soft {
  min-height: 44px;
  border: 0;
  border-radius: 13px;
  padding: 0 18px;
  font-weight: 700;
}
.primary {
  width: 100%;
  color: white;
  background: linear-gradient(135deg, #714b9b, #a07bc8);
  box-shadow: 0 10px 24px rgba(111, 73, 150, 0.24);
}
.secondary {
  color: #624184;
  background: #eee7f6;
}
.soft {
  color: #5e5268;
  background: #f0edf2;
}
.danger {
  color: #b14f6e;
  background: #faeaf0;
}
.login-links {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-top: 18px;
}
.text-btn {
  padding: 0;
  border: 0;
  background: none;
  color: #79559d;
  font-size: 12px;
}
.hero {
  padding: 30px 22px 38px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(140deg, #1a112b, #482969);
  color: white;
  border-radius: 0 0 34px 34px;
}
.hero:after {
  content: "";
  position: absolute;
  width: 190px;
  height: 190px;
  right: -60px;
  top: -70px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 30px rgba(255, 255, 255, 0.025),
    inset 0 0 0 60px rgba(255, 255, 255, 0.02);
}
.eyebrow {
  color: #cbb8dd;
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.hero h1 {
  margin: 10px 0 8px;
  max-width: 320px;
  font-size: 27px;
  line-height: 1.25;
}
.hero p {
  margin: 0;
  color: #baaac9;
  font-size: 12px;
}
.hero-actions {
  display: flex;
  gap: 10px;
  margin-top: 22px;
}
.hero-actions button {
  border: 0;
  border-radius: 999px;
  padding: 10px 17px;
  font-size: 12px;
  font-weight: 700;
}
.hero-actions .light {
  color: #38204e;
  background: white;
}
.hero-actions .glass {
  color: white;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.13);
}
.content {
  padding: 22px 18px;
}
.section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin: 5px 2px 15px;
}
.section-head h2 {
  margin: 0;
  font-size: 19px;
}
.section-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 11px;
}
.section-head button {
  border: 0;
  background: none;
  color: var(--violet);
  font-size: 12px;
}
.feature-list {
  display: grid;
  gap: 12px;
}
.feature-card {
  display: flex;
  align-items: center;
  padding: 16px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 19px;
  box-shadow: 0 8px 24px rgba(38, 27, 47, 0.045);
  cursor: pointer;
}
.feature-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  color: white;
  font-size: 21px;
  font-weight: 900;
  background: linear-gradient(145deg, #7c58a4, #ad8bd0);
}
.feature-card:nth-child(2n) .feature-icon {
  background: linear-gradient(145deg, #2c8277, #63b39a);
}
.feature-info {
  min-width: 0;
  flex: 1;
  margin-left: 14px;
}
.feature-info h3 {
  margin: 0;
  font-size: 16px;
}
.feature-info p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feature-price {
  text-align: right;
  color: #4a2b64;
  font-size: 18px;
  font-weight: 900;
}
.feature-price small {
  display: block;
  margin-top: 5px;
  color: #aaa2ae;
  font-size: 9px;
  font-weight: 400;
}
.stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
  padding: 0 18px;
}
.stat {
  padding: 18px 8px;
  text-align: center;
  background: white;
  border: 1px solid var(--line);
  border-radius: 17px;
  box-shadow: 0 10px 25px rgba(33, 23, 42, 0.07);
}
.stat b {
  display: block;
  font-size: 21px;
}
.stat span {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
}
.quick-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.quick {
  min-height: 92px;
  padding: 17px;
  border: 0;
  border-radius: 18px;
  text-align: left;
  color: white;
  background: linear-gradient(145deg, #67458d, #9670bb);
}
.quick:nth-child(2n) {
  background: linear-gradient(145deg, #237d73, #54aa91);
}
.quick b,
.quick span {
  display: block;
}
.quick b {
  font-size: 16px;
}
.quick span {
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.74);
  font-size: 10px;
}
.filter-row {
  display: flex;
  gap: 8px;
  overflow: auto;
  padding: 18px 18px 4px;
  scrollbar-width: none;
}
.filter-row button {
  flex: 0 0 auto;
  padding: 9px 14px;
  border: 0;
  border-radius: 999px;
  background: #ebe7ee;
  color: #766e7d;
  font-size: 11px;
}
.filter-row button.active {
  color: white;
  background: #65438b;
}
.order-list {
  padding: 14px 18px;
}
.order-card {
  margin-bottom: 13px;
  padding: 17px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(38, 27, 47, 0.045);
  cursor: pointer;
}
.order-head,
.order-main,
.order-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.status {
  display: inline-flex;
  align-items: center;
  color: #79579b;
  font-size: 11px;
  font-weight: 700;
}
.status:before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 7px;
  background: #8f6ab3;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #f0e9f6;
}
.order-date {
  color: #aaa3ae;
  font-size: 10px;
}
.order-main {
  margin-top: 16px;
}
.order-main h3 {
  margin: 0;
  font-size: 16px;
}
.order-main p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 10px;
}
.money {
  color: #4e2c67;
  font-size: 18px;
  font-weight: 900;
}
.progress-note {
  margin-top: 15px;
  padding: 12px 13px;
  color: #5f5566;
  background: #f8f6f9;
  border-radius: 12px;
  font-size: 11px;
}
.order-foot {
  margin-top: 14px;
  color: #aaa3ae;
  font-size: 9px;
}
.order-foot b {
  color: #6b468d;
  font-size: 11px;
}
.empty {
  margin: 28px 18px;
  padding: 55px 20px;
  text-align: center;
  background: white;
  border: 1px solid var(--line);
  border-radius: 22px;
}
.empty-icon {
  font-size: 38px;
  opacity: 0.55;
}
.empty h3 {
  margin: 15px 0 7px;
}
.empty p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
}
.page-title {
  padding: 25px 20px 17px;
}
.page-title h1 {
  margin: 0;
  font-size: 24px;
}
.page-title p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 11px;
}
.detail-card,
.form-card {
  margin: 14px 18px;
  padding: 20px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 22px;
}
.detail-card h2 {
  margin: 0 0 17px;
  font-size: 20px;
}
.detail-row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f1eef3;
  font-size: 12px;
}
.detail-row span:first-child {
  color: var(--muted);
}
.action-row {
  display: flex;
  gap: 9px;
  margin-top: 18px;
}
.action-row button {
  flex: 1;
}
.notice {
  margin: 12px 18px;
  padding: 13px 15px;
  color: #766026;
  background: #fff7da;
  border-radius: 13px;
  font-size: 11px;
}
.list {
  margin: 14px 18px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: hidden;
}
.list-item {
  padding: 15px 17px;
  border-bottom: 1px solid var(--line);
}
.list-item:last-child {
  border: 0;
}
.list-item b,
.list-item small {
  display: block;
}
.list-item small {
  margin-top: 5px;
  color: var(--muted);
}
.tag {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  color: #6c498c;
  background: #eee7f5;
  font-size: 9px;
}
.modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.modal-mask {
  position: absolute;
  inset: 0;
  background: rgba(18, 11, 25, 0.55);
  backdrop-filter: blur(3px);
}
.modal-card {
  position: relative;
  width: 100%;
  max-width: 480px;
  max-height: 88vh;
  overflow: auto;
  padding: 28px 20px calc(22px + env(safe-area-inset-bottom));
  background: white;
  border-radius: 28px 28px 0 0;
}
.modal-close {
  position: absolute;
  right: 18px;
  top: 15px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #f1eef3;
  color: #766d7d;
  font-size: 20px;
}
.modal-card h2 {
  margin: 0 0 20px;
}
.toast {
  position: fixed;
  z-index: 200;
  left: 50%;
  bottom: 100px;
  transform: translate(-50%, 20px);
  max-width: 320px;
  padding: 11px 17px;
  border-radius: 999px;
  background: #21192c;
  color: white;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}
.toast.show {
  opacity: 1;
  transform: translate(-50%, 0);
}
.admin-worker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-worker-card{padding:22px}.admin-worker-card .admin-product-meta{margin:20px 0}.admin-worker-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-worker-switch{display:flex;align-items:center;gap:9px;margin:4px 0 18px;color:var(--muted);font-size:12px}.admin-worker-card>.admin-primary{width:100%}@media(max-width:900px){.admin-worker-grid,.admin-worker-settings{grid-template-columns:1fr}}
.admin-worker-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,.8fr));gap:12px;align-items:end;padding:18px 20px;border-bottom:1px solid var(--line)}.admin-worker-toolbar label{display:grid;gap:7px;color:var(--muted);font-size:11px}.admin-worker-toolbar select{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.admin-worker-toolbar .admin-search input{width:100%;height:40px;box-sizing:border-box}.admin-worker-table td>small{display:block;margin-top:4px;color:var(--muted)}.admin-worker-table .admin-user{min-width:150px}@media(max-width:1000px){.admin-worker-toolbar{grid-template-columns:1fr 1fr}.admin-worker-toolbar .admin-search{grid-column:1/-1}}@media(max-width:620px){.admin-worker-toolbar{grid-template-columns:1fr}.admin-worker-toolbar .admin-search{grid-column:auto}.admin-worker-table{min-width:820px}}
.admin-review-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 190px;gap:14px;align-items:end;padding:18px 20px;border-bottom:1px solid var(--line)}.admin-review-toolbar label{display:grid;gap:7px;color:var(--muted);font-size:11px}.admin-review-toolbar input,.admin-review-toolbar select{width:100%;height:40px;box-sizing:border-box;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.admin-review-invites{margin-top:18px}.finance-report-table tfoot td{padding-top:16px;padding-bottom:16px;border-top:2px solid #d9ccef;background:#f6f2fb;color:#35214e;font-weight:800}.finance-report-table tfoot td:first-child{color:#6844bd}@media(max-width:700px){.admin-review-toolbar{grid-template-columns:1fr}.admin-review-toolbar .admin-search{grid-column:auto}}
@media (min-width: 700px) {
  body {
    padding: 25px 0;
  }
  .app-shell {
    min-height: calc(100vh - 50px);
    border-radius: 30px;
    overflow: hidden;
  }
  .bottom-nav {
    bottom: 25px;
    border-radius: 0 0 30px 30px;
  }
}
.feature-cover{width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#21162f;background:linear-gradient(145deg,#d3c4fa,#9277dc);background-size:cover;background-position:center;font-weight:900}.feature-info>small{display:block;margin-bottom:3px;color:#8d7ca6;font-size:10px}.mission-visual.has-image{background-size:cover;background-position:center}.worker-deposit-card{margin-bottom:18px;padding:18px;display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid rgba(187,163,242,.18);border-radius:18px;background:#171225}.worker-deposit-card small,.worker-deposit-card b,.worker-deposit-card span{display:block}.worker-deposit-card small{color:#85788f;font-size:11px}.worker-deposit-card b{margin-top:4px;color:#d6c4ff;font-size:20px}.worker-deposit-card span{margin-top:4px;color:#998ca5;font-size:12px}.worker-deposit-card i{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#20152e;background:#bea8f2;font-style:normal;font-weight:900}.worker-deposit-card p{grid-column:1/-1;margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);color:#786d84;font-size:11px}
.gift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.gift-card{position:relative;padding:16px;display:grid;grid-template-columns:54px 1fr;gap:4px 12px;align-items:center;background:#171225;border:1px solid rgba(187,163,242,.14);border-radius:18px}.gift-card input{position:absolute;right:12px;top:12px}.gift-card i{grid-row:1/4;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#21162f;background:linear-gradient(145deg,#d3c4fa,#9277dc);background-size:cover;background-position:center;font-style:normal;font-weight:900}.gift-card b{font-size:15px}.gift-card span{color:#cebaff;font-weight:800}.gift-card small{grid-column:1/-1;margin-top:8px;color:#81758c}.gift-card:has(input:checked){border-color:#bda5f2;box-shadow:0 0 0 2px rgba(189,165,242,.12)}
.evidence-title{margin:20px 0 10px;font-size:15px}.evidence-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 18px}.evidence-gallery img,.evidence-gallery video{display:block;width:100%;height:140px;object-fit:cover;background:#171225;border-radius:12px}.evidence-empty{margin:10px 0 18px;padding:18px;color:#8d8598;background:#f6f3fa;border:1px dashed #ddd3e8;border-radius:12px;text-align:center}.evidence-count{display:inline-block;margin:8px 0;padding:6px 10px;color:#7452a3;background:#f1eafb;border-radius:999px;font-size:12px}
@media(max-width:640px){.evidence-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-gallery img,.evidence-gallery video{height:112px}}
.admin-table-action{display:block;margin-bottom:7px;padding:7px 12px;font-size:12px;white-space:nowrap}.aftersale-detail-modal{min-width:min(820px,82vw)}.aftersale-detail-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e9e4ef}.aftersale-detail-head span:first-child{color:#8e71cf;font-size:11px;font-weight:800;letter-spacing:2px}.aftersale-detail-head h2{margin:5px 0}.aftersale-detail-head p{margin:0;color:#8e8798}.aftersale-detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.aftersale-detail-summary article{padding:14px;background:#f7f5fa;border-radius:12px}.aftersale-detail-summary span,.aftersale-detail-summary b{display:block}.aftersale-detail-summary span{margin-bottom:7px;color:#8c8496;font-size:12px}.aftersale-detail-section{margin-top:16px;padding:18px;border:1px solid #e9e4ef;border-radius:16px}.aftersale-detail-section h3{margin:0 0 12px}.aftersale-detail-section h4{margin:18px 0 8px}.aftersale-detail-section>p{line-height:1.7}.aftersale-detail-section>small{color:#8c8496}.process-timeline article{position:relative;display:flex;gap:13px;padding:0 0 20px}.process-timeline article:last-child{padding-bottom:0}.process-timeline article>i{position:relative;z-index:1;width:11px;height:11px;flex:0 0 11px;margin-top:5px;background:#8662ce;border:3px solid #eee7fb;border-radius:50%}.process-timeline article:not(:last-child)>i:after{content:"";position:absolute;left:2px;top:11px;width:1px;height:calc(100% + 13px);background:#dcd2eb}.process-timeline p,.aftersale-message-list p{margin:5px 0;color:#625b69}.process-timeline small,.aftersale-message-list small{color:#9a93a1}.process-timeline .result>i{background:#36a57d;border-color:#dff5ed}.aftersale-message-list article{margin-top:10px;padding:13px;background:#f7f5fa;border-radius:12px}.aftersale-message-list article span{color:#8467c1;font-size:11px}@media(max-width:700px){.aftersale-detail-modal{min-width:0}.aftersale-detail-summary{grid-template-columns:repeat(2,1fr)}}