:root{--fg:#1d2733;--muted:#6b7785;--line:#e3e8ee;--brand:#e4572e;--ok:#2b9348;--warn:#d98e04;--bad:#c9184a;--bg:#f6f8fa}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font:15px/1.6 system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}a{color:var(--brand);text-decoration:none}main{max-width:1040px;margin:0 auto;padding:24px 20px 48px}h1{margin:0 0 16px;font-size:1.5rem}h2{margin:16px 0 8px;font-size:1.05rem}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.brand{color:var(--fg);font-size:1.15rem;font-weight:700}.topbar nav a{color:var(--muted);margin-left:20px}.topbar nav a.active{color:var(--brand);font-weight:600}footer{text-align:center;color:var(--muted);padding:16px;font-size:12px}.card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.product{color:var(--fg);transition:box-shadow .15s}.product:hover{box-shadow:0 4px 16px #00000014}.emoji{text-align:center;padding:12px 0;font-size:64px}.emoji.big{font-size:160px}.name{font-weight:600}.price{color:var(--brand);font-weight:700}.price.big{font-size:1.6rem}.muted{color:var(--muted)}.small{font-size:12.5px}.mono{font-family:ui-monospace,Menlo,monospace}.error{color:var(--bad)}.detail{grid-template-columns:1fr 1fr;gap:20px;display:grid}.hero{place-items:center;display:grid}.cols{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=760px){.detail,.cols{grid-template-columns:1fr}}label{color:var(--muted);margin:10px 0;font-size:13px;display:block}input,select{border:1px solid var(--line);width:100%;font:inherit;color:var(--fg);border-radius:6px;margin-top:4px;padding:8px 10px;display:block}button,.button{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 22px;font-weight:600;display:inline-block}button:disabled{opacity:.5;cursor:not-allowed}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:8px}.badge{color:var(--muted);vertical-align:middle;background:#eef1f4;border-radius:99px;margin-left:8px;padding:2px 8px;font-size:12px;display:inline-block}.badge.SHIPPED,.badge.PAID{color:var(--ok);background:#e3f4e8}.badge.INVENTORY_RESERVED,.badge.PENDING{color:var(--warn);background:#fdf3dc}.badge.OUT_OF_STOCK,.badge.PAYMENT_FAILED{color:var(--bad);background:#fbe4ea}.steps{counter-reset:s;margin:0 0 20px;padding:0;list-style:none;display:flex}.steps li{text-align:center;color:var(--muted);flex:1;padding-top:34px;font-size:13px;position:relative}.steps li:before{counter-increment:s;content:counter(s);color:#fff;background:#dfe4ea;border-radius:50%;width:26px;height:26px;font-weight:700;line-height:26px;position:absolute;top:0;left:50%;transform:translate(-50%)}.steps li.done{color:var(--ok)}.steps li.done:before{background:var(--ok);content:"✓"}.steps li.failed{color:var(--bad)}.steps li.failed:before{background:var(--bad);content:"✕"}.timeline,.tracking{margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px dashed var(--line);padding:6px 0}.tracking li{border-left:2px solid var(--line);color:var(--muted);padding:0 0 18px 16px;position:relative}.tracking li:before{content:"";background:var(--line);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-6px}.tracking li.latest{color:var(--fg)}.tracking li.latest:before{background:var(--ok)}.right{float:right}