:root{--shadow-soft:0 10px 28px rgba(0,0,0,.1);--shadow-card:0 14px 34px rgba(0,0,0,.12);--radius-xl:22px;--radius-lg:18px;--radius-md:14px;--text:#111;--muted:#6d6d6d;--bg:radial-gradient(ellipse at top,#fff 0%,#fafafa 60%,#f5f5f5 100%)}.dst-page{min-height:100vh;background:var(--bg);color:var(--text)}.dst-main{padding:30px 40px 40px}.dst-titleRow{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:10px 0 18px}.dst-title{font-size:44px;font-weight:950;letter-spacing:-.3px;margin:0}.dst-subtitle{margin:8px 0 0;color:var(--muted);font-weight:700}.dst-meta{background:#fff;border:1px solid #ececec;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:12px 14px;min-width:320px}.dst-metaRow{display:flex;justify-content:space-between;gap:10px;padding:6px 0}.dst-metaLabel{color:#444}.dst-metaLabel,.dst-metaValue{font-size:12px;font-weight:900}.dst-metaValue{color:#111}.dst-card{background:#fff;border:1px solid #ececec;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:18px 18px 16px;margin-top:18px}.dst-cardHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.dst-cardTitle{margin:0;font-size:22px;font-weight:950}.dst-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.dst-badge,.dst-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid #eef1f1;background:#f6f8f8;font-weight:900;font-size:12px;color:#222}.dst-trackWrap{position:relative;padding:18px 8px 10px}.dst-trackLine{position:absolute;left:18px;right:18px;top:40px;height:18px;border-radius:999px;background:linear-gradient(180deg,#eef3f3,#e1eded);border:1px solid #dde7e7}.dst-trackFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4fd1c5,#2fa3aa 40%,#1e7a80);box-shadow:0 6px 16px rgba(47,163,170,.45)}.dst-steps{list-style:none;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;grid-gap:12px;gap:12px;margin:0;padding:0}.dst-step,.dst-steps{display:grid;position:relative}.dst-step{justify-items:center;grid-gap:10px;gap:10px;text-align:center;z-index:2}.dst-dot{width:44px;height:44px;border-radius:999px;border:3px solid #cfd7d7;background:#fff;display:grid;place-items:center;box-shadow:0 10px 22px rgba(0,0,0,.15);position:relative}.dst-icon{font-size:20px;line-height:1}.dst-stepText{display:grid;grid-gap:2px;gap:2px}.dst-stepTitle{font-weight:950;font-size:15px}.dst-stepSub{font-size:12px;font-weight:800;color:#666}.dst-step.is-done .dst-dot{background:linear-gradient(180deg,#2fa3aa,#1e7a80);border-color:#1e7a80}.dst-step.is-done .dst-stepTitle{color:#0b4d52}.dst-step.is-current .dst-dot{border-color:#ff9f43;background:#fff}.dst-step.is-current .dst-dot:after{content:"";position:absolute;inset:-6px;border-radius:999px;border:3px solid rgba(255,159,67,.6);animation:pulseRing 1.8s infinite}@keyframes pulseRing{0%{transform:scale(.95);opacity:.9}70%{transform:scale(1.1);opacity:0}to{opacity:0}}.dst-step.is-current .dst-stepTitle{color:#d35400;font-weight:1000}.dst-productRow{display:grid;grid-template-columns:240px 1fr;grid-gap:18px;gap:18px;align-items:start}.dst-productThumb{border-radius:var(--radius-lg);border:1px solid #eef1f1;background:linear-gradient(180deg,#fff,#f3f6f6);padding:10px;display:grid;place-items:center;box-shadow:var(--shadow-soft)}.dst-productImg{width:100%;height:auto;object-fit:contain;border-radius:14px}.dst-productBody{display:grid;grid-gap:12px;gap:12px}.dst-productName{margin:0;font-size:28px;font-weight:950;letter-spacing:-.2px}.dst-productDesc{margin:0;color:#2b2b2b;font-size:15px;line-height:1.5}.dst-tags{display:flex;flex-wrap:wrap;gap:9px}.dst-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;border:1px solid #eef1f1;background:#f6f8f8;color:#202020;font-weight:900;font-size:13px}.dst-infoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:6px}.dst-infoItem{border:1px solid #eef1f1;border-radius:16px;background:#fbfbfb;padding:12px}.dst-infoK{font-size:12px;font-weight:900;color:#555}.dst-infoV{margin-top:4px;font-size:14px;font-weight:950;color:#111}.dst-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.dst-btnGhost{border-radius:999px;border:1px solid #e6e6e6;background:#fff}.dst-btnGhost,.dst-btnPrimary{height:42px;padding:0 16px;font-weight:950;cursor:pointer}.dst-btnPrimary{border-radius:999px;border:1px solid hsla(0,0%,100%,.35);background:#333;color:#fff}.dst-btnGhost:hover,.dst-btnPrimary:hover{filter:brightness(1.03)}.dst-btnGhost:active,.dst-btnPrimary:active{transform:translateY(1px)}@media (max-width:980px){.dst-main{padding:18px 16px 26px}.dst-titleRow{flex-direction:column;align-items:flex-start}.dst-meta{width:100%;min-width:0}.dst-productRow{grid-template-columns:1fr}.dst-trackLine{top:38px}}@media (max-width:520px){.dst-title{font-size:34px}.dst-cardTitle{font-size:18px}.dst-steps{gap:8px}.dst-dot{width:40px;height:40px}.dst-icon{font-size:18px}.dst-trackLine{height:16px}}