.p0-service-hub {
  --p0-ink: var(--ui-ink, #0b332b);
  --p0-muted: var(--ui-muted, #62736e);
  --p0-line: var(--ui-border, #d7e3dc);
  --p0-paper: var(--ui-surface, #fffdf7);
  --p0-accent: var(--ui-action, #d8ff3e);
  margin: 0 0 22px;
  color: var(--p0-ink);
  border: 1px solid #cbdcd3;
  border-radius: 24px;
  background:
    radial-gradient(circle at 92% 8%, rgba(216, 255, 62, .28), transparent 28%),
    linear-gradient(135deg, #fffef9 0%, #f2f8f4 100%);
  box-shadow: 0 18px 45px rgba(6, 48, 38, .09);
  overflow: hidden;
}
.p0-hub-head { display:flex; justify-content:space-between; gap:18px; padding:22px 24px 18px; border-bottom:1px solid var(--p0-line); }
.p0-hub-head p { margin:0 0 5px; color:#0d7965; font-size:12px; font-weight:800; letter-spacing:.12em; }
.p0-hub-head h2 { margin:0; font-family:"Songti SC","STSong",serif; font-size:26px; letter-spacing:-.03em; }
.p0-hub-head span { max-width:560px; color:var(--p0-muted); font-size:13px; line-height:1.7; }

.global-next-action { margin: 14px 22px 0; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #fff; background: var(--ui-brand-deep, #063c2f); border-radius: 14px; }
.global-next-action-copy { min-width: 0; display: grid; gap: 3px; }
.global-next-action-copy span { color: #d8fb45; font-size: 11px; font-weight: 800; }
.global-next-action-copy strong { overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.global-next-action-copy small { overflow: hidden; color: #bed0ca; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.global-next-action-copy.error span { color: #ffd18d; }
.global-next-action-button { min-height: 40px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: var(--ui-brand-deep, #063c2f); background: #d8fb45; border: 0; border-radius: 10px; font: inherit; font-size: 13px; font-weight: 850; text-decoration: none; cursor: pointer; }
.global-next-action-button.secondary { color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.28); }
.p0-hub-body { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr); gap:16px; padding:18px 24px 24px; }
.p0-next { position:relative; display:grid; gap:18px; padding:24px; border-radius:19px; background:#073f34; color:white; min-height:220px; }
.p0-next::after { content:"NEXT"; position:absolute; right:17px; top:8px; color:rgba(255,255,255,.08); font-size:54px; font-weight:900; }
.p0-next-primary { position:relative; max-width:720px; }
.p0-next-primary > span { color:var(--p0-accent); font-size:12px; font-weight:800; letter-spacing:.12em; }
.p0-next h3 { position:relative; margin:12px 0 8px; font-size:25px; }
.p0-next p { position:relative; margin:0; color:#c7d8d2; line-height:1.65; }
.p0-next-meta { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:13px; background:rgba(255,255,255,.12); }
.p0-next-meta span { display:grid; gap:4px; min-width:0; padding:11px 13px; background:rgba(2,39,32,.72); }
.p0-next-meta small { color:#9fbbb2; font-size:11px; }
.p0-next-meta b { overflow:hidden; color:#fff; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.p0-next-actions { position:relative; }
.p0-next-actions .p0-button { min-height:42px; }
.p0-side-card,.p0-order,.p0-review,.p0-product { padding:16px; border:1px solid var(--p0-line); border-radius:16px; background:rgba(255,255,255,.84); }
.p0-side-card h3,.p0-review h3,.p0-product h3 { margin:0 0 10px; font-size:16px; }
.p0-side-card > h3 { margin-top:16px; }
.p0-side-card > p { margin:0 0 14px; color:var(--p0-muted); font-size:13px; line-height:1.6; }
.p0-chips { display:flex; flex-wrap:wrap; gap:8px; }
.p0-chip { padding:8px 10px; border-radius:999px; background:#eaf3ee; font-size:12px; }
.p0-chip b { color:#08715e; }
.p0-chip button { margin-left:7px; border:0; border-radius:999px; padding:4px 8px; background:#0b5849; color:white; font:inherit; font-weight:800; cursor:pointer; }
.p0-chip button:disabled { opacity:.5; cursor:not-allowed; }
.p0-actions { display:flex; flex-wrap:wrap; gap:9px; align-items:center; }
.p0-actions select { min-width:140px; border:1px solid #bfd1c8; border-radius:11px; padding:9px 11px; background:white; color:var(--p0-ink); font:inherit; }
.p0-button { border:0; border-radius:11px; padding:10px 15px; background:var(--p0-accent); color:#15372f; font:inherit; font-weight:800; cursor:pointer; }
.p0-button.secondary { background:white; border:1px solid #c6d7ce; }
.p0-button.danger { background:#fff0e9; color:#9b351a; }
.p0-button:disabled { opacity:.5; cursor:not-allowed; }
.p0-form { display:grid; gap:10px; margin-top:14px; }
.p0-form textarea,.p0-form input,.p0-form select { width:100%; box-sizing:border-box; border:1px solid #bfd1c8; border-radius:11px; padding:11px 12px; background:white; color:var(--p0-ink); font:inherit; }
.p0-form textarea { min-height:96px; resize:vertical; }
.p0-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:18px 24px 24px; }
.p0-list { display:grid; gap:10px; }
.p0-order { display:flex; justify-content:space-between; gap:14px; align-items:center; }
.p0-order strong,.p0-review strong { display:block; margin-bottom:5px; }
.p0-order small,.p0-review small,.p0-empty { color:var(--p0-muted); line-height:1.55; }
.p0-status { display:inline-flex; padding:5px 9px; border-radius:999px; background:#e7f4ee; color:#08715e; font-size:11px; font-weight:800; }
.p0-message { margin:10px 0 0; color:#9b351a; font-size:13px; }
.p0-review-content { margin:10px 0; padding:12px; border-left:3px solid var(--p0-accent); background:#f6f8f2; white-space:pre-wrap; }
.p0-commerce { border-top:1px solid var(--p0-line); }
.p0-commerce > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 24px; color:var(--p0-ink); cursor:pointer; list-style:none; }
.p0-commerce > summary::-webkit-details-marker { display:none; }
.p0-commerce > summary > span:first-child { display:grid; gap:3px; }
.p0-commerce > summary small { color:var(--p0-muted); font-size:12px; font-weight:700; }
.p0-commerce > summary > span:last-child { color:#0d7965; font-size:12px; font-weight:800; }
.p0-commerce[open] > summary > span:last-child { font-size:0; }
.p0-commerce[open] > summary > span:last-child::after { content:"收起"; font-size:12px; }
@media (max-width: 820px) {
  .global-next-action { margin: 8px 8px 0; padding: 12px; align-items: flex-start; }
  .global-next-action-copy small { display: none; }
  .global-next-action-button { min-height: 44px; padding-inline: 13px; }
  .p0-service-hub { border-radius:18px; }
  .p0-hub-head,.p0-order { align-items:flex-start; flex-direction:column; }
  .p0-hub-head { padding:19px 18px 15px; }
  .p0-hub-head h2 { font-size:23px; }
  .p0-hub-body,.p0-grid { grid-template-columns:1fr; padding-left:16px; padding-right:16px; }
  .p0-next { min-height:0; padding:19px; }
  .p0-next::after { font-size:38px; }
  .p0-next h3 { max-width:85%; font-size:22px; }
  .p0-next-meta { grid-template-columns:1fr; }
  .p0-next-meta b { white-space:normal; }
  .p0-commerce > summary { padding:15px 17px; }
}