:root {
  color-scheme: dark;
  --black: #05070b;
  --surface: #0a0f16;
  --surface-2: #0d141e;
  --line: rgba(255,255,255,.13);
  --line-strong: rgba(255,255,255,.22);
  --text: #f4f6f9;
  --muted: #8b96a5;
  --gold: #d9b474;
  --gold-2: #f2d49d;
  --cyan: #5ed8e5;
  --display: Inter, "SF Pro Display", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--black); }
body { min-height: 100vh; margin: 0; overflow-x: hidden; color: var(--text); background: radial-gradient(circle at 85% 10%, rgba(22,82,117,.19), transparent 30%), radial-gradient(circle at 15% 50%, rgba(218,180,116,.055), transparent 30%), var(--black); font-family: var(--display); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { color: inherit; }
[hidden] { display: none !important; }
.sr-only { width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0,0,0,0); }

.query-nav { height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 clamp(20px,4vw,68px); border-bottom: 1px solid var(--line); background: rgba(5,7,11,.88); backdrop-filter: blur(24px); }
.query-brand { width: 164px; height: 58px; overflow: hidden; display: block; }
.query-brand img { width: 164px; height: 82px; object-fit: cover; object-position: center; }
.query-nav-actions { display: flex; align-items: center; gap: 12px; }
.query-nav-actions > a, .language-select select { min-height: 40px; padding: 0 16px; border: 1px solid var(--line); color: #c2c9d3; background: #090d13; font-size: 12px; }
.language-select select { appearance: none; padding-right: 35px; background-image: linear-gradient(45deg,transparent 50%,#929baa 50%),linear-gradient(135deg,#929baa 50%,transparent 50%); background-position: calc(100% - 16px) 17px,calc(100% - 11px) 17px; background-size: 5px 5px; background-repeat: no-repeat; }
.query-nav-actions > a { display: grid; place-items: center; }

.query-page { width: min(1320px, calc(100% - 48px)); margin: 0 auto; padding: clamp(52px,7vw,104px) 0 100px; }
.query-intro { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: 40px; align-items: end; }
.query-intro small, .card-index, .query-console-head span, .history-panel > div > span { color: var(--gold); font-size: 9px; font-weight: 800; letter-spacing: .2em; }
.query-intro h1 { margin: 18px 0 0; font-size: clamp(54px,7vw,98px); line-height: .92; letter-spacing: -.07em; }
.query-intro p { max-width: 700px; margin: 26px 0 0; color: #9ba5b3; font-size: clamp(15px,1.5vw,20px); line-height: 1.8; }
.query-signal { height: 150px; position: relative; display: grid; place-items: center; border: 1px solid var(--line); background: linear-gradient(145deg,rgba(17,26,38,.8),rgba(7,10,15,.8)); overflow: hidden; }
.query-signal::before { content: ""; width: 220px; height: 220px; position: absolute; border: 1px solid rgba(94,216,229,.18); border-radius: 50%; }
.query-signal i { width: 112px; height: 1px; position: absolute; background: linear-gradient(90deg,transparent,var(--cyan),transparent); transform: rotate(-28deg); }
.query-signal i:nth-child(2) { transform: rotate(28deg); }.query-signal i:nth-child(3) { width: 60px; transform: rotate(90deg); }
.query-signal span { z-index: 1; color: var(--gold-2); font-size: 13px; letter-spacing: .18em; }

.query-console { margin-top: 64px; border: 1px solid var(--line); background: linear-gradient(135deg,rgba(13,19,28,.96),rgba(7,10,15,.96)); box-shadow: 0 40px 100px rgba(0,0,0,.26); }
.query-console-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 28px 32px; border-bottom: 1px solid var(--line); }
.query-console-head h2 { margin: 8px 0 0; font-size: 26px; }.query-console-head p { margin: 0; color: #7d8795; font-size: 11px; }
#orderLookupForm { display: grid; grid-template-columns: 1.2fr 1fr 220px; gap: 16px; padding: 28px 32px 18px; }
#orderLookupForm label { min-width: 0; display: grid; gap: 9px; }
#orderLookupForm label > span { color: #aeb6c1; font-size: 11px; font-weight: 650; }
#orderLookupForm input { width: 100%; height: 52px; padding: 0 15px; border: 1px solid var(--line-strong); border-radius: 0; outline: 0; color: #fff; background: rgba(4,7,11,.72); }
#orderLookupForm input:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(217,180,116,.08); }
#orderLookupForm button { height: 52px; align-self: end; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border: 1px solid var(--gold); color: #181109; background: linear-gradient(105deg,var(--gold-2),var(--gold)); font-weight: 800; cursor: pointer; }
#orderLookupForm button:disabled { opacity: .55; cursor: wait; }
#orderLookupForm button b { font-size: 19px; }
.lookup-status { min-height: 26px; margin: 0; padding: 0 32px 18px; color: #e0a59d; font-size: 11px; }

.order-result { margin-top: 32px; border: 1px solid var(--line); background: linear-gradient(145deg,rgba(14,20,29,.96),rgba(7,10,15,.96)); }
.result-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 32px; border-bottom: 1px solid var(--line); }
.result-head small { color: #7e8997; font-size: 9px; letter-spacing: .16em; }.result-head h2 { margin: 9px 0 0; color: var(--gold-2); font-size: clamp(18px,2.5vw,30px); letter-spacing: .02em; }
.status-badge { padding: 11px 16px; border: 1px solid rgba(94,216,229,.4); color: #a9eff6; background: rgba(94,216,229,.06); font-size: 12px; font-weight: 750; }
.status-badge.cancelled { border-color: rgba(224,114,105,.45); color: #efaaa4; background: rgba(224,114,105,.06); }

.status-track { display: grid; grid-template-columns: repeat(4,1fr); padding: 34px 44px 38px; border-bottom: 1px solid var(--line); }
.track-step { position: relative; display: grid; justify-items: center; gap: 12px; color: #626d7c; text-align: center; }
.track-step::before { content: ""; width: calc(100% - 26px); height: 1px; position: absolute; right: calc(50% + 13px); top: 12px; background: var(--line-strong); }
.track-step:first-child::before { display: none; }
.track-step i { width: 25px; height: 25px; z-index: 1; display: grid; place-items: center; border: 1px solid #667180; border-radius: 50%; background: #090d13; font-style: normal; font-size: 9px; }
.track-step b { font-size: 11px; }.track-step.complete, .track-step.current { color: var(--gold-2); }.track-step.complete::before, .track-step.current::before { background: var(--gold); }.track-step.complete i, .track-step.current i { border-color: var(--gold); }.track-step.current i { color: #17110a; background: var(--gold-2); box-shadow: 0 0 24px rgba(217,180,116,.25); }

.result-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; border-bottom: 1px solid var(--line); }
.result-card { min-width: 0; padding: 30px; border-right: 1px solid var(--line); }.result-card:last-child { border-right: 0; }
.result-card h3 { margin: 18px 0 0; font-size: 20px; }
.product-row { display: grid; grid-template-columns: 116px 1fr; gap: 16px; align-items: center; margin-top: 20px; }.product-row img { width: 116px; height: 82px; object-fit: cover; }.product-row h3 { margin: 0; font-size: 16px; }.product-row p { margin: 9px 0 0; color: #7c8795; font-size: 11px; }
.fee-list, .detail-list { display: grid; gap: 15px; margin: 24px 0 0; }
.fee-list > div, .detail-list > div { display: flex; justify-content: space-between; gap: 20px; }.fee-list dt,.fee-list dd,.detail-list dt,.detail-list dd { margin: 0; font-size: 11px; }.fee-list dt,.detail-list dt { color: #7d8795; }.fee-list dd,.detail-list dd { color: #d7dde5; text-align: right; overflow-wrap: anywhere; }
.fee-list .fee-total { padding-top: 16px; border-top: 1px solid var(--line); }.fee-list .fee-total dd { color: var(--gold-2); font-size: 19px; }
.detail-list { margin-top: 26px; }.detail-list > div { display: grid; gap: 7px; }.detail-list dd { text-align: left; line-height: 1.6; }
.tracking-empty { min-height: 150px; display: grid; align-content: center; justify-items: start; gap: 18px; }.tracking-empty span { width: 42px; height: 42px; position: relative; border: 1px solid rgba(94,216,229,.36); }.tracking-empty span::before { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(94,216,229,.24); transform: rotate(45deg); }.tracking-empty p { margin: 0; color: #7c8796; font-size: 11px; line-height: 1.7; }

.history-panel { display: grid; grid-template-columns: 220px 1fr; gap: 34px; padding: 34px 32px 40px; }.history-panel h3 { margin: 9px 0 0; font-size: 20px; }.history-panel ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.history-panel li { position: relative; display: grid; grid-template-columns: 150px 110px 1fr; gap: 20px; padding: 0 0 22px 22px; color: #8e98a6; font-size: 11px; }.history-panel li::before { content: ""; width: 7px; height: 7px; position: absolute; left: 0; top: 4px; border: 1px solid var(--gold); border-radius: 50%; background: #090d13; }.history-panel li::after { content: ""; width: 1px; position: absolute; left: 4px; top: 13px; bottom: 0; background: var(--line-strong); }.history-panel li:last-child::after { display: none; }.history-panel li b { color: #dde2e9; }

.wallet-panel { border-bottom: 1px solid var(--line); background: radial-gradient(circle at 85% 5%, rgba(217,180,116,.09), transparent 29%); }
.wallet-panel-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 32px; border-bottom: 1px solid var(--line); }.wallet-panel-head h3 { margin: 9px 0 0; font-size: 20px; }.wallet-panel-head p { margin: 0; color: #697483; font-size: 10px; }
.wallet-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); }.wallet-metrics article { min-height: 110px; display: grid; align-content: center; gap: 12px; padding: 24px 32px; background: #090d14; }.wallet-metrics span { color: #778291; font-size: 10px; }.wallet-metrics strong { color: var(--gold-2); font-size: clamp(22px, 3vw, 34px); }
.wallet-share { display: grid; grid-template-columns: 180px 1fr auto auto auto; gap: 12px; align-items: end; padding: 28px 32px; border-bottom: 1px solid var(--line); }.wallet-share > div, .wallet-share label { display: grid; gap: 9px; }.wallet-share span { color: #778291; font-size: 10px; }.wallet-share > div strong { min-height: 48px; display: flex; align-items: center; color: var(--gold-2); font-size: 17px; letter-spacing: .08em; }.wallet-share input { width: 100%; height: 48px; padding: 0 14px; border: 1px solid var(--line-strong); outline: 0; color: #dce2ea; background: #06090e; }.wallet-share button, .wallet-share a { min-width: 110px; height: 48px; display: grid; place-items: center; padding: 0 16px; border: 1px solid var(--gold); color: var(--gold-2); background: transparent; font-size: 11px; font-weight: 750; cursor: pointer; }.wallet-share button,.wallet-share #openShareCenter { color: #171109; background: var(--gold-2); }
.wallet-ledger { display: grid; grid-template-columns: 220px 1fr; gap: 34px; padding: 30px 32px 36px; }.wallet-ledger h4 { margin: 0; font-size: 18px; }.wallet-ledger > div:first-child p, #walletRewardsEmpty { margin: 9px 0 0; color: #737e8c; font-size: 10px; line-height: 1.7; }.wallet-reward { display: grid; grid-template-columns: 1fr 90px 110px; gap: 18px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); }.wallet-reward > div { display: grid; gap: 5px; }.wallet-reward strong { color: #dbe1e9; font-size: 11px; }.wallet-reward span { color: #76818e; font-size: 9px; }.wallet-reward > span { color: #9ce7bf; }.wallet-reward b { color: #9ce7bf; font-size: 13px; text-align: right; }.wallet-reward.reversed > span, .wallet-reward.reversed b { color: #e5a09a; }

.query-footer { min-height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px clamp(20px,4vw,68px); border-top: 1px solid var(--line); color: #6e7988; font-size: 11px; }

@media (max-width: 980px) {
  #orderLookupForm { grid-template-columns: 1fr 1fr; }
  #orderLookupForm button { grid-column: 1 / -1; }
  .result-grid { grid-template-columns: 1fr 1fr; }.result-card:first-child { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid var(--line); }.result-card:nth-child(2) { border-right: 1px solid var(--line); }
}

@media (max-width: 680px) {
  .query-nav { height: 66px; padding-inline: 16px; }.query-brand { width: 126px; height: 50px; }.query-brand img { width: 126px; height: 66px; }.query-nav-actions { gap: 6px; }.query-nav-actions > a { display: none; }.language-select select { min-height: 38px; max-width: 122px; padding-inline: 10px 30px; font-size: 11px; }
  .query-page { width: calc(100% - 28px); padding: 46px 0 72px; }.query-intro { grid-template-columns: 1fr; }.query-intro h1 { font-size: 58px; }.query-intro p { font-size: 14px; }.query-signal { display: none; }
  .query-console { margin-top: 38px; }.query-console-head { align-items: start; padding: 22px 18px; }.query-console-head p { max-width: 130px; text-align: right; line-height: 1.5; }
  #orderLookupForm { grid-template-columns: 1fr; padding: 22px 18px 14px; }
  #orderLookupForm button { grid-column: auto; }.lookup-status { padding: 0 18px 15px; }
  .result-head { align-items: start; padding: 24px 18px; }.result-head h2 { max-width: 230px; font-size: 15px; overflow-wrap: anywhere; }.status-badge { padding: 8px 10px; font-size: 10px; white-space: nowrap; }
  .status-track { padding: 26px 10px 30px; }.track-step { gap: 8px; }.track-step b { font-size: 9px; }.track-step i { width: 22px; height: 22px; }.track-step::before { right: calc(50% + 11px); top: 10px; }
  .result-grid { grid-template-columns: 1fr; }.result-card,.result-card:nth-child(2) { grid-column: auto; padding: 24px 18px; border-right: 0; border-bottom: 1px solid var(--line); }.result-card:last-child { border-bottom: 0; }
  .product-row { grid-template-columns: 98px 1fr; }.product-row img { width: 98px; height: 74px; }
  .history-panel { grid-template-columns: 1fr; gap: 26px; padding: 28px 18px; }.history-panel li { grid-template-columns: 1fr; gap: 6px; padding-left: 20px; }.history-panel li span:first-child { color: #697483; }
  .wallet-panel-head { align-items: start; padding: 24px 18px; }.wallet-panel-head p { max-width: 130px; text-align: right; line-height: 1.5; }.wallet-metrics { grid-template-columns: 1fr; }.wallet-metrics article { min-height: 82px; padding: 19px 18px; }.wallet-share { grid-template-columns: 1fr 1fr; padding: 24px 18px; }.wallet-share > div, .wallet-share label { grid-column: 1 / -1; }.wallet-share button, .wallet-share a { min-width: 0; }.wallet-ledger { grid-template-columns: 1fr; gap: 20px; padding: 26px 18px; }.wallet-reward { grid-template-columns: 1fr auto; }.wallet-reward > span { grid-row: 2; }.wallet-reward b { grid-column: 2; grid-row: 1 / 3; }
  .query-footer { min-height: 112px; flex-direction: column; justify-content: center; text-align: center; }
}

@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }

.device-panel { border-bottom:1px solid var(--line); background:radial-gradient(circle at 93% 15%,rgba(94,216,229,.08),transparent 23%); }.device-panel-head { display:flex; align-items:end; justify-content:space-between; gap:24px; padding:32px; border-bottom:1px solid var(--line); }.device-panel-head h3 { margin:9px 0 0; font-size:20px; }.device-panel-head p { margin:0; color:#697483; font-size:10px; }.device-empty { min-height:150px; display:flex; align-items:center; gap:22px; padding:30px 32px; }.device-empty i { width:64px; height:64px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(217,180,116,.35); color:var(--gold-2); background:rgba(217,180,116,.035); font-size:13px; font-style:normal; letter-spacing:.12em; }.device-empty h4 { margin:0; font-size:17px; }.device-empty p { max-width:610px; margin:9px 0 0; color:#7c8795; font-size:11px; line-height:1.7; }.device-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr)); gap:1px; background:var(--line); }.device-card { min-width:0; padding:30px 32px 34px; background:#090d14; }.device-card-top { display:flex; align-items:center; justify-content:space-between; gap:18px; }.device-card-top small { color:var(--gold); font-size:8px; letter-spacing:.18em; }.device-state { padding:7px 10px; border:1px solid rgba(94,216,229,.3); color:#a9eff6; font-size:9px; }.device-state.active { border-color:rgba(90,216,162,.38); color:#96e8bd; }.device-state.service { border-color:rgba(224,114,105,.4); color:#efaaa4; }.device-card h4 { margin:24px 0 0; color:var(--gold-2); font-size:clamp(17px,2vw,24px); letter-spacing:.04em; overflow-wrap:anywhere; }.device-detail-list { display:grid; gap:0; margin:24px 0 0; border-top:1px solid var(--line); }.device-detail-list>div { display:flex; justify-content:space-between; gap:24px; padding:13px 0; border-bottom:1px solid var(--line); }.device-detail-list dt,.device-detail-list dd { margin:0; font-size:10px; }.device-detail-list dt { color:#6f7987; }.device-detail-list dd { color:#cbd2dc; text-align:right; overflow-wrap:anywhere; }

@media (max-width:680px) { .device-panel-head { align-items:flex-start; padding:24px 18px; }.device-panel-head p { max-width:128px; text-align:right; line-height:1.5; }.device-empty { align-items:flex-start; padding:26px 18px; }.device-empty i { width:52px; height:52px; }.device-list { grid-template-columns:1fr; }.device-card { padding:26px 18px 30px; }.device-detail-list>div { display:grid; gap:7px; }.device-detail-list dd { text-align:left; } }