:root {
  --ink: #102a2b;
  --paper: #f1eadc;
  --paper-2: #fffaf0;
  --red: #d94a31;
  --lime: #c7e66d;
  --muted: #6f756e;
  --line: rgba(16,42,43,.2);
  --shadow: 0 24px 80px rgba(31,35,30,.18);
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "Avenir Next", "PingFang SC", sans-serif; min-height: 100vh; }
button,input,textarea,select { font: inherit; }
.hidden { display: none !important; }
.grain { position: fixed; inset: 0; pointer-events: none; opacity: .18; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E"); }
.redeem-shell { width: min(1080px, calc(100% - 32px)); margin: 0 auto; padding: 56px 0 80px; position: relative; }
.masthead,.admin-head { display: flex; align-items: center; gap: 20px; margin-bottom: 28px; }
.seal { width: 72px; height: 72px; display: grid; place-items: center; color: var(--paper-2); background: var(--red); border-radius: 50% 45% 55% 43%; font-family: "STKaiti", serif; font-size: 24px; transform: rotate(-5deg); box-shadow: 5px 5px 0 var(--ink); }
h1,h2,p { margin-top: 0; }
h1 { margin-bottom: 0; font-family: "Songti SC", Georgia, serif; font-size: clamp(30px,5vw,56px); letter-spacing: -.04em; }
.eyebrow { margin-bottom: 7px; font: 700 11px/1.2 "DIN Alternate", monospace; letter-spacing: .2em; text-transform: uppercase; color: var(--red); }
.mode-badge { margin-left: auto; align-self: flex-start; padding: 9px 13px; border: 1px solid var(--ink); border-radius: 99px; font-size: 12px; background: var(--lime); }
.ticket { display: grid; grid-template-columns: .8fr 1.2fr; background: var(--paper-2); border: 1px solid var(--ink); box-shadow: var(--shadow); position: relative; overflow: hidden; }
.ticket::before { content: ""; position: absolute; left: 40%; top: 0; bottom: 0; border-left: 2px dashed rgba(16,42,43,.22); }
.ticket-copy { padding: 52px; min-height: 520px; background: linear-gradient(145deg, #e7d8bc, #f7f0df); }
.ticket-copy h2 { font: 700 34px/1.1 "Songti SC", Georgia, serif; max-width: 7em; }
.ticket-copy p { color: var(--muted); line-height: 1.8; max-width: 28em; }
.flow-list { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 12px; }
.flow-list li { display: flex; align-items: center; gap: 12px; font-size: 13px; }
.flow-list b { color: var(--red); font: 800 12px "DIN Alternate", monospace; }
.step-no { display: block; font: 900 100px/1 "DIN Alternate", sans-serif; color: transparent; -webkit-text-stroke: 1px var(--red); margin-bottom: 72px; }
.redeem-form { padding: 52px; display: grid; gap: 20px; }
label { display: grid; gap: 8px; font-size: 13px; font-weight: 700; }
input,textarea,select { width: 100%; border: 1px solid var(--line); border-bottom-color: var(--ink); background: rgba(255,255,255,.5); color: var(--ink); padding: 14px 15px; border-radius: 3px; outline: none; }
input:focus,textarea:focus,select:focus { border-color: var(--red); box-shadow: 0 0 0 3px rgba(217,74,49,.12); }
textarea { resize: vertical; }
.form-grid,.compact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.safety-note { border: 1px solid var(--line); padding: 12px; display: grid; gap: 3px; background: #f5edcf; font-size: 12px; }
.safety-note b { color: var(--red); }.safety-note span { color: var(--muted); }
.consent-row { grid-template-columns: 20px 1fr; align-items: start; font-weight: 500; line-height: 1.55; cursor: pointer; }
.consent-row input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--red); }
.primary-action,.ghost-action { border: 1px solid var(--ink); cursor: pointer; transition: transform .15s,box-shadow .15s; }
.primary-action { min-height: 54px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; background: var(--ink); color: white; font-weight: 800; }
.primary-action b { font-size: 24px; color: var(--lime); }
.primary-action:hover,.ghost-action:hover { transform: translate(-2px,-2px); box-shadow: 4px 4px 0 var(--red); }
.form-message { min-height: 20px; margin-bottom: 0; color: var(--red); font-size: 13px; }
.status-panel { margin-top: 22px; padding: 28px; border: 1px solid var(--ink); display: grid; grid-template-columns: 1fr 1.4fr; gap: 24px; background: var(--ink); color: white; animation: rise .35s ease-out; }
.status-panel dl { margin: 0; display: grid; grid-template-columns: 1fr 1fr; }
.status-panel dl div { padding: 12px; border: 1px solid rgba(255,255,255,.18); }
.status-panel dt { font-size: 11px; color: #aab7b3; }.status-panel dd { margin: 5px 0 0; font-weight: 800; word-break: break-all; }
.progress-track { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5,1fr); gap: 6px; }
.progress-track i { height: 5px; background: rgba(255,255,255,.15); transition: background .3s ease; }
.progress-track i.active { background: var(--lime); }
@keyframes rise { from { transform: translateY(12px); opacity: 0; } }

/* 个性个性：黑曜石、龙焰与旧金属的专属用户端视觉 */
.customer {
  --ink: #f3dfb3;
  --paper: #080505;
  --paper-2: #120909;
  --red: #b5101b;
  --lime: #d7ad58;
  --muted: #b6a487;
  --line: rgba(239,192,91,.58);
  --shadow: 0 34px 100px rgba(0,0,0,.68), 0 0 50px rgba(155,8,18,.16);
  background:
    linear-gradient(90deg, rgba(5,3,3,.98) 0%, rgba(8,4,4,.92) 35%, rgba(8,3,3,.68) 70%, rgba(5,2,2,.88) 100%),
    url("/assets/dragon-forge-hero.png") top center / cover fixed no-repeat,
    #050303;
  color: var(--ink);
}
.customer::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 78% 34%, transparent 0 12%, rgba(113,0,8,.12) 34%, transparent 60%), linear-gradient(180deg, transparent 65%, rgba(160,11,18,.15));
}
.customer .grain { opacity: .32; mix-blend-mode: soft-light; }
.customer .redeem-shell { width: min(1160px, calc(100% - 36px)); padding-top: 42px; }
.customer .masthead { min-height: 126px; gap: 24px; border-bottom: 1px solid rgba(215,173,88,.2); padding: 0 2px 27px; }
.customer .seal {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  color: #e7c979;
  background: radial-gradient(circle at 36% 30%, #541019, #160506 70%);
  border: 1px solid #c49640;
  box-shadow: inset 0 0 0 5px #080303, inset 0 0 0 6px rgba(215,173,88,.5), 0 0 34px rgba(188,11,23,.45);
  font-family: "STKaiti", "Kaiti SC", serif;
  font-size: 25px;
  transform: none;
}
.customer h1 { display: flex; flex-direction: column; gap: 4px; line-height: 1; }
.customer h1 span {
  width: fit-content;
  font-family: "FZSongKeBenXiuKaiS-R-GB", "STKaiti", "Kaiti SC", "Songti SC", serif;
  font-size: clamp(48px, 7vw, 86px);
  font-weight: 900;
  letter-spacing: .06em;
  color: #d9ad55;
  background: linear-gradient(180deg, #fff0b0 0%, #d8aa4f 42%, #76501d 75%, #e4bd65 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 0 #321008) drop-shadow(0 0 13px rgba(221,157,43,.22));
}
.customer h1 small { font: 700 13px/1.4 "DIN Alternate", "PingFang SC", sans-serif; letter-spacing: .34em; color: #8d7760; }
.customer .eyebrow { color: #c21d28; letter-spacing: .28em; }
.customer .mode-badge { color: #e3c677; background: rgba(18,6,7,.82); border-color: rgba(215,173,88,.55); box-shadow: inset 0 0 16px rgba(165,10,19,.25); }
.customer .ticket {
  grid-template-columns: .88fr 1.12fr;
  color: #ecd9b6;
  background: rgba(13,6,7,.93);
  border-color: rgba(239,192,91,.78);
  box-shadow: var(--shadow);
  backdrop-filter: blur(12px);
}
.customer .ticket::before { left: 44%; border-left-color: rgba(183,15,25,.62); }
.customer .ticket-copy {
  min-height: 560px;
  padding: 52px 46px;
  background:
    linear-gradient(140deg, rgba(7,3,3,.94) 12%, rgba(39,5,8,.72) 75%, rgba(97,7,13,.32)),
    url("/assets/dragon-forge-hero.png") 72% center / auto 100% no-repeat;
  border-right: 1px solid rgba(157,14,23,.25);
}
.customer .ticket-copy h2 { color: #e7c67b; font-family: "STKaiti", "Kaiti SC", serif; font-size: 38px; text-shadow: 0 2px 18px rgba(177,11,21,.38); }
.customer .ticket-copy p { color: #b6a68c; }
.customer .step-no {
  margin-bottom: 92px;
  color: #b81320;
  -webkit-text-stroke: 0;
  font: 900 15px/1.25 "DIN Alternate", serif;
  letter-spacing: .28em;
  text-shadow: 0 0 22px rgba(197,13,27,.65);
}
.customer .flow-list li { padding: 10px 0; border-bottom: 1px solid rgba(215,173,88,.12); }
.customer .flow-list b { color: #c81b27; }
.customer .redeem-form { padding: 48px 50px; background: linear-gradient(160deg, rgba(33,9,12,.98), rgba(5,2,3,.99)); }
.customer label { color: #d6bb82; letter-spacing: .04em; }
.customer input,.customer textarea,.customer select {
  color: #f2e3c9;
  background: rgba(0,0,0,.72);
  border-color: rgba(233,181,78,.62);
  border-bottom-color: #d09a3d;
  caret-color: #dc1d2a;
}
.customer input::placeholder,.customer textarea::placeholder { color: #756858; }
.customer input:focus,.customer textarea:focus,.customer select:focus { border-color: #c9973f; box-shadow: 0 0 0 2px rgba(207,147,50,.13), 0 0 22px rgba(173,8,18,.16); }
.field-label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.session-field { display: grid; gap: 8px; }
.session-jump {
  padding: 7px 10px;
  color: #e3c377;
  background: rgba(145,8,17,.18);
  border: 1px solid rgba(215,173,88,.38);
  cursor: pointer;
  font-size: 11px;
  letter-spacing: .04em;
  transition: background .18s, border-color .18s, transform .18s;
}
.session-jump b { color: #d32431; font-size: 14px; }
.session-jump:hover { transform: translateY(-1px); background: rgba(181,16,27,.34); border-color: #d5a94f; }
.field-help { color: #867966; font-size: 11px; font-weight: 500; line-height: 1.55; }
.claude-guide-card {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 13px;
  color: #dcc384;
  border: 1px solid rgba(233,183,82,.58);
  background: linear-gradient(105deg, rgba(92,7,13,.64), rgba(10,3,4,.92));
  box-shadow: inset 3px 0 #c31724;
}
.guide-sigil {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #180607;
  border-radius: 50%;
  background: linear-gradient(145deg, #f2d58a, #a76c26);
  font: 900 20px/1 Georgia, serif;
}
.claude-guide-card > div:nth-child(2) { display: grid; gap: 3px; }
.claude-guide-card small { color: #9d8b6d; font-size: 10px; line-height: 1.4; }
.guide-link {
  padding: 8px 10px;
  color: #f0d183;
  border: 1px solid rgba(233,183,82,.45);
  text-decoration: none;
  font-size: 11px;
  white-space: nowrap;
}
.guide-link:hover { color: #fff1ba; background: rgba(181,16,27,.3); border-color: #d5a94f; }
.merchant-order-field {
  display: grid;
  gap: 11px;
  padding: 15px;
  border: 1px solid rgba(233,183,82,.68);
  background: linear-gradient(135deg, rgba(82,7,12,.46), rgba(0,0,0,.64));
  box-shadow: inset 3px 0 #b6101c;
}
.merchant-order-field > .field-label-row > b { color: #ebcc82; font-size: 13px; }
.merchant-order-field > .field-label-row > small { color: #9a8769; font-size: 10px; }
.merchant-order-bound {
  display: grid;
  grid-template-columns: .75fr 1fr 1.5fr;
  gap: 1px;
  background: rgba(111,209,145,.34);
  border: 1px solid rgba(111,209,145,.62);
}
.merchant-order-bound span { min-width: 0; padding: 11px 12px; background: rgba(3,17,10,.9); }
.merchant-order-bound small { display: block; margin-bottom: 4px; color: #789586; font-size: 9px; }
.merchant-order-bound b { display: block; overflow: hidden; color: #cfe7b5; font: 700 11px/1.4 "DIN Alternate", monospace; text-overflow: ellipsis; white-space: nowrap; }
.verification-panel { display: grid; gap: 7px; padding: 17px; border: 1px solid rgba(216,169,72,.65); border-left: 4px solid #d5a441; background: rgba(78,48,10,.24); }
.verification-panel.blocked { border-color: rgba(236,82,77,.7); border-left-color: #d73b35; background: rgba(106,10,16,.35); }
.verification-panel small,.verification-meta { color: #a99165; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.verification-panel h3,.verification-panel p { margin: 0; }.verification-panel h3 { color: #edcf83; font: 700 20px/1.25 "Songti SC", Georgia, serif; }.verification-panel p { color: #c2ad84; font-size: 12px; line-height: 1.65; }
.verification-meta { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 5px; }.verification-meta b { color: #e6c477; font-weight: 700; letter-spacing: 0; text-transform: none; }
.customer .safety-note { color: #f0d69e; background: rgba(116,8,15,.35); border-color: rgba(226,169,63,.62); }
.customer .safety-note b { color: #d6ad56; }
.customer .safety-note span { color: #9d8c74; }
.customer .consent-row { color: #b9a98e; }
.customer .consent-row input { accent-color: #ad0e19; }
.customer .primary-action {
  background: linear-gradient(105deg, #6e080f, #bd1723 56%, #731018);
  color: #ffe8b4;
  border-color: #d0a44b;
  box-shadow: inset 0 0 24px rgba(255,86,66,.12), 0 10px 30px rgba(93,0,6,.35);
  letter-spacing: .05em;
}
.customer .primary-action b { color: #f1ce77; }
.customer .primary-action:hover { box-shadow: 4px 4px 0 #4e080d, 0 0 30px rgba(192,18,31,.24); }
.customer .primary-action:disabled { cursor: not-allowed; filter: grayscale(.55); opacity: .56; transform: none; box-shadow: none; }
.customer .form-message { color: #dbb85f; }
.customer .status-panel { border: 2px solid rgba(239,192,91,.76); background: rgba(4,1,2,.99); box-shadow: 0 25px 70px rgba(0,0,0,.72), inset 0 0 36px rgba(127,8,15,.12); }
.failure-support { margin: 14px 0 0; padding: 10px 12px; color: #f2d58a; border-left: 3px solid #d3202c; background: rgba(139,9,18,.26); font-size: 12px; line-height: 1.6; }
.customer .progress-track i.active { background: linear-gradient(90deg, #8f0913, #dbb85e); }

.service-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: min(680px,100%);
  margin: 0 0 18px auto;
  border: 1px solid rgba(233,183,82,.68);
  background: rgba(2,1,1,.96);
}
.service-tab {
  display: grid;
  gap: 4px;
  padding: 16px 20px;
  color: #8e7d67;
  text-align: left;
  background: transparent;
  border: 0;
  border-right: 1px solid rgba(233,183,82,.52);
  cursor: pointer;
}
.service-tab:last-child { border-right: 0; }
.service-tab b { color: #bba373; font-family: "Songti SC", Georgia, serif; font-size: 17px; }
.service-tab span { font-size: 11px; }
.service-tab.active {
  color: #d2b878;
  background: linear-gradient(110deg, rgba(130,8,17,.45), rgba(41,6,8,.65));
  box-shadow: inset 0 -2px #d1a74f;
}
.service-tab.active b { color: #f0d38b; }
.process-rail {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  margin-bottom: 14px;
  border: 1px solid rgba(233,183,82,.58);
  background: rgba(233,183,82,.42);
}
.process-rail > div {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 74px;
  padding: 14px 18px;
  color: #716653;
  background: rgba(3,1,2,.99);
  transition: color .25s, background .25s;
}
.process-rail i {
  color: #6f0b12;
  font: 900 23px/1 "DIN Alternate", monospace;
  font-style: normal;
}
.process-rail span { display: grid; gap: 3px; }
.process-rail b { font-family: "Songti SC", Georgia, serif; font-size: 14px; }
.process-rail small { font-size: 10px; }
.process-rail > div.active {
  color: #d8bd83;
  background: linear-gradient(110deg, rgba(76,6,10,.96), rgba(13,5,6,.96));
}
.process-rail > div.active i { color: #d31a27; text-shadow: 0 0 14px rgba(211,26,39,.45); }
.stage-workspace { min-height: 620px; align-content: center; }
.stage-form { display: grid; gap: 18px; animation: rise .28s ease-out; }
.stage-form h2 { margin-bottom: 7px; color: #e9ca83; font: 700 28px/1.2 "Songti SC", Georgia, serif; }
.stage-intro { margin: 0; color: #91836d; font-size: 12px; line-height: 1.7; }
.claim-strip {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  border: 1px solid rgba(233,183,82,.62);
  background: rgba(0,0,0,.72);
}
.claim-strip span { padding: 12px; border-right: 1px solid rgba(215,173,88,.16); }
.claim-strip span:last-child { border-right: 0; }
.claim-strip small,.account-preview small,.queue-meter small,.query-result small {
  display: block;
  margin-bottom: 5px;
  color: #756955;
  font-size: 9px;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.claim-strip b { color: #dfbd6c; font: 800 12px/1.3 "DIN Alternate", monospace; }
.account-preview {
  display: grid;
  grid-template-columns: 1.5fr .7fr;
  gap: 1px;
  color: #f0ddb4;
  border: 1px solid rgba(111,209,145,.72);
  background: rgba(23,99,56,.42);
  box-shadow: inset 3px 0 #6eb17e;
}
.account-preview.blocked {
  border-color: rgba(238,74,74,.76);
  background: rgba(126,11,18,.46);
  box-shadow: inset 3px 0 #ca2631;
}
.account-preview div { padding: 14px 16px; }
.account-preview b { display: block; color: #e9cf91; word-break: break-all; }
.account-preview p {
  grid-column: 1 / -1;
  margin: 0;
  padding: 11px 16px;
  color: #b9a889;
  border-top: 1px solid rgba(215,173,88,.13);
  font-size: 11px;
}
.stage-actions { display: flex; gap: 10px; align-items: stretch; justify-content: flex-end; }
.stage-actions .ghost-action { min-width: 108px; }
.compact-action { flex: 1; min-width: min(310px,100%); }
.queue-meter {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  background: rgba(255,255,255,.12);
}
.queue-meter div { padding: 15px 18px; background: rgba(255,255,255,.04); }
.queue-meter b { color: #dfbd66; font: 800 20px/1 "DIN Alternate", monospace; }
.query-panel {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 1px;
  color: #e9d5ac;
  border: 1px solid rgba(239,192,91,.72);
  background: rgba(239,192,91,.55);
  box-shadow: var(--shadow);
}
.query-copy,.query-form { padding: 34px; background: rgba(10,4,5,.96); }
.query-copy {
  background:
    linear-gradient(145deg, rgba(8,3,4,.96), rgba(76,7,13,.72)),
    url("/assets/dragon-forge-hero.png") 62% center / auto 100% no-repeat;
}
.query-copy h2 { color: #e5c373; font: 700 34px/1.15 "Songti SC", Georgia, serif; }
.query-copy p { color: #a08e73; line-height: 1.8; }
.query-form { display: grid; gap: 16px; }
.query-results {
  grid-column: 1 / -1;
  display: grid;
  gap: 1px;
  padding: 1px;
  background: rgba(239,192,91,.46);
}
.query-result {
  display: grid;
  grid-template-columns: 1.4fr .75fr .85fr .9fr 1.1fr .9fr 1fr;
  gap: 1px;
  background: rgba(4,1,2,.995);
}
.query-result > div { min-width: 0; padding: 14px; border-right: 1px solid rgba(233,183,82,.32); }
.query-result b { display: block; overflow: hidden; color: #d7be88; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.query-result p { grid-column: 1 / -1; margin: 0; padding: 10px 14px; color: #dc7b76; background: rgba(129,9,17,.17); font-size: 11px; }
.query-result p.query-failure-support { color: #f0d28a; border-top: 1px solid rgba(233,183,82,.3); background: rgba(139,9,18,.32); }
.query-result.not-found { opacity: .62; }

.admin-body { background: #0b1618; color: #edf4e4; }
.admin-shell { width: min(1400px, calc(100% - 32px)); margin: auto; padding: 38px 0 80px; }
.admin-head { border-bottom: 1px solid #2c4444; padding-bottom: 24px; }
.admin-head h1 { font-size: 42px; }.head-actions { margin-left: auto; display: flex; gap: 10px; }
.admin-body .mode-badge { position: static; margin: 0; color: #0b1618; }
.ghost-action { padding: 10px 16px; background: transparent; color: inherit; border-color: currentColor; }
.login-panel { min-height: 62vh; display: grid; place-items: center; }
.login-panel form { width: min(420px,100%); padding: 32px; border: 1px solid #365152; background: #102426; box-shadow: 14px 14px 0 #d94a31; display: grid; gap: 16px; }
.metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 12px; }
.metrics article { padding: 20px; background: #112426; border-top: 3px solid var(--lime); }
.metrics span { color: #91a5a2; font-size: 12px; }.metrics b { display: block; font: 800 38px/1 "DIN Alternate", monospace; margin-top: 8px; }
.admin-grid { display: grid; grid-template-columns: 340px 1fr; gap: 12px; align-items: start; }
.console-card { border: 1px solid #2d494a; background: #102426; padding: 20px; }
.card-head { display: flex; justify-content: space-between; align-items: start; margin-bottom: 18px; }.card-head h2 { margin-bottom: 0; }
.issue-card form { display: grid; gap: 14px; }.admin-body input,.admin-body textarea,.admin-body select { color: white; background: #091719; border-color: #345052; }
.code-output { min-height: 120px; white-space: pre-wrap; word-break: break-all; color: var(--lime); background: #071113; padding: 12px; border: 1px dashed #496364; }
.orders-list { display: grid; gap: 10px; }
.code-vault-card { grid-column: 1 / -1; }
.code-vault-list { display: grid; gap: 8px; max-height: 520px; overflow: auto; }
.code-vault-row { display: grid; grid-template-columns: minmax(260px,1.7fr) minmax(130px,1fr) 90px 100px auto; gap: 14px; align-items: center; padding: 12px; border: 1px solid #294345; background: #091719; }
.code-vault-row small { display: block; color: #8ea5a2; font-size: 10px; margin-bottom: 5px; }
.code-vault-row code { display: block; color: #e3c273; font: 700 12px/1.5 "SFMono-Regular", Menlo, monospace; overflow-wrap: anywhere; }
.recover-code-action { border-color: #bf9a46; color: #f1cf77; }
.order-row { border: 1px solid #294345; padding: 15px; display: grid; grid-template-columns: 1.2fr .8fr auto; gap: 16px; align-items: center; }
.order-row h3 { margin: 0 0 5px; font-size: 14px; }.order-row p { margin: 0; color: #8ea5a2; font-size: 12px; }
.order-row .remark-status { margin-top: 8px; color: #bda56f; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; word-break: break-all; }
.order-row .remark-status.written { color: #71b98d; }
.order-row .remark-status.failed { color: #db4b4b; }
.order-row .remark-status.pending { color: #d6aa50; }
.order-row .merchant-order-status { margin-top: 7px; color: #76c696; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.state { display: inline-block; color: var(--lime); font: 700 12px monospace; }.money { font: 800 18px "DIN Alternate", monospace; }
.row-actions { display: flex; flex-wrap: wrap; gap: 7px; justify-content: end; }.row-actions button { font-size: 11px; padding: 8px 10px; }
.order-tools { display: flex; gap: 8px; align-items: center; }
.order-tools input { width: min(360px,40vw); padding: 9px 11px; }
.merchant-channel-badge { background: #75c98f; }
.merchant-channel-badge.merchant-channel-warning { color: #ffe3aa; background: #7b1119; }
.merchant-sync-detail { display: flex; gap: 10px; flex-wrap: wrap; margin: -12px 0 18px; }
.merchant-sync-detail span { padding: 8px 11px; border: 1px solid rgba(16,42,43,.25); border-radius: 4px; font-size: 12px; }
.merchant-sync-detail span.online { background: rgba(117,201,143,.22); }
.merchant-sync-detail span.offline { color: #ffe3aa; background: #7b1119; border-color: #ad2a34; }
.merchant-sync-detail small { margin-left: 6px; opacity: .72; }
.profile-pool-card { margin-bottom: 12px; }
.authorization-card { margin-bottom: 12px; }
.authorization-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 14px 0 22px; }
.authorization-form { display: grid; gap: 10px; padding: 16px; border: 1px solid rgba(211,164,76,.35); background: rgba(3,1,2,.62); }.authorization-form h3 { margin: 0 0 3px; color: #e3c273; font-size: 15px; }.authorization-form label { display: grid; gap: 5px; color: #bca77d; font-size: 11px; }
.authorization-list-head { margin-top: 8px; }.authorization-list-head h3 { margin: 0; color: #e3c273; }
.circuit-status { display: flex; flex-wrap: wrap; gap: 8px; }.circuit-status span { padding: 7px 10px; color: #c9b487; border: 1px solid rgba(211,164,76,.25); background: rgba(0,0,0,.28); font-size: 11px; }.circuit-status .circuit-open { color: #ffb09e; border-color: #a52a34; background: rgba(131,9,18,.36); }.circuit-status .circuit-half_open { color: #f0d28a; }
.authorization-list { display: grid; gap: 7px; }.authorization-row { display: grid; grid-template-columns: .75fr 1fr 1.35fr .9fr auto; gap: 12px; align-items: center; padding: 13px; border: 1px solid rgba(211,164,76,.3); background: rgba(3,1,2,.62); }.authorization-row small { display: block; margin-bottom: 4px; color: #806f59; font-size: 9px; letter-spacing: .08em; }.authorization-row b { color: #dfc07a; font-size: 12px; }.authorization-row p { margin: 5px 0 0; color: #a48d6f; font-size: 11px; }
.profile-pool-summary { padding: 7px 11px; color: #d8bc79; border: 1px solid rgba(226,175,78,.42); border-radius: 99px; font: 700 11px/1 monospace; }
.profile-pool-list { display: grid; gap: 8px; }
.profile-pool-row { display: grid; grid-template-columns: minmax(220px,1.3fr) minmax(130px,.55fr) minmax(240px,1.2fr) minmax(160px,.65fr); gap: 12px; align-items: center; padding: 13px 15px; background: rgba(3,1,2,.72); border: 1px solid rgba(223,173,78,.34); }
.profile-pool-row h3 { margin: 0 0 5px; color: #ead09a; font-size: 14px; }
.profile-pool-row p { min-width: 0; margin: 0; overflow: hidden; color: #9f8c70; font-size: 11px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.profile-pool-row code { color: #d8bc79; }
.profile-pool-row > div > span { display: block; margin-bottom: 5px; color: #796b58; font-size: 9px; letter-spacing: .08em; }
.profile-pool-row small { display: block; margin-top: 4px; color: #b8995d; font-size: 9px; }
.profile-state { display: inline-block; color: #d8bc79; font-size: 12px; }
.profile-state-available,.profile-state-ready,.profile-state-idle { color: #79d49a; }
.profile-state-busy,.profile-state-in_use { color: #e3c271; }
.profile-state-cooldown,.profile-state-locked,.profile-state-unavailable,.profile-state-error { color: #ff897d; }
.profile-state-disabled { color: #8c8170; }
.danger-action { border-color: var(--red) !important; color: #ff9f8e !important; }
.admin-body {
  background:
    linear-gradient(125deg, rgba(5,2,3,.97), rgba(19,4,6,.92) 56%, rgba(6,2,3,.96)),
    url("/assets/dragon-forge-hero.png") center top / cover fixed no-repeat;
  color: #ead7b1;
}
.admin-body .admin-shell { position: relative; }
.admin-body .admin-head { border-bottom-color: rgba(211,164,76,.28); }
.admin-body .console-card,.admin-body .metrics article { background: rgba(17,6,8,.985); border-color: rgba(226,175,78,.62); box-shadow: 0 14px 40px rgba(0,0,0,.48); }
.admin-body .metrics article { border-top-color: #b4101b; }
.admin-body .metrics span,.admin-body .order-row p { color: #9f8c70; }
.admin-body .state { color: #d6ab55; }
.admin-body .ghost-action { border-color: rgba(235,191,99,.78); color: #f1d58e; background: rgba(0,0,0,.28); }
.admin-body .ghost-action:hover { box-shadow: 4px 4px 0 #8f0913; }
.admin-body input,.admin-body textarea,.admin-body select {
  color: #fff0ca;
  background: #030102;
  border-color: rgba(227,177,78,.68);
  border-bottom-color: #e0aa47;
}
.admin-body .order-row { background: rgba(3,1,2,.72); border-color: rgba(223,173,78,.55); }
.admin-body .order-row:hover { border-color: rgba(244,202,111,.9); background: rgba(31,7,10,.82); }
.delivery-status { margin-top: 8px !important; color: #79d49a !important; }
.fulfill-action { border-color: #74c58f !important; color: #9ae1b1 !important; }
.vault-card { margin-bottom: 12px; }
.funding-ledger-card { margin-bottom: 12px; }
.funding-ledger-warning { margin: 0 0 12px; padding: 10px 12px; color: #ffb09e; background: rgba(131,9,18,.36); border-left: 3px solid #c73742; font-size: 12px; line-height: 1.5; }
.funding-ledger-list { display: grid; gap: 7px; }
.funding-ledger-row { display: grid; grid-template-columns: 1fr .9fr .6fr 1.35fr 1fr; gap: 12px; align-items: center; padding: 13px; border: 1px solid rgba(211,164,76,.3); background: rgba(3,1,2,.62); }
.funding-ledger-row.is-anomalous { border-color: #b9444d; background: rgba(106,9,18,.25); }
.funding-ledger-row small { display: block; margin-bottom: 4px; color: #806f59; font-size: 9px; letter-spacing: .08em; }
.funding-ledger-row b { display: block; color: #dfc07a; font-size: 12px; word-break: break-word; }
.funding-ledger-row p { margin: 5px 0 0; color: #a48d6f; font-size: 11px; line-height: 1.4; word-break: break-word; }
.funding-ledger-row .funding-anomaly { color: #ffb09e; }
.vault-balance { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 12px; }
.vault-balance div { padding: 16px 18px; background: linear-gradient(135deg, rgba(122,8,16,.23), rgba(0,0,0,.3)); border: 1px solid rgba(211,164,76,.22); }
.vault-balance span { display: block; color: #9d8a70; font-size: 11px; }
.vault-balance b { display: block; margin-top: 5px; color: #e6c575; font: 800 27px/1 "DIN Alternate", monospace; }
.vault-warning { padding: 10px 12px; color: #d29e49; background: rgba(143,9,19,.18); border-left: 3px solid #b8101d; font-size: 12px; }
.card-vault-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; max-height: 560px; overflow: auto; padding-right: 4px; }
.vault-card-row { padding: 17px; background: #090405; border: 1px solid rgba(208,158,69,.3); box-shadow: inset 0 0 28px rgba(123,6,14,.1); }
.vault-card-top { display: flex; justify-content: space-between; color: #826f56; font: 700 11px monospace; }
.vault-card-top b { color: #c91825; }
.full-card-number { display: block; margin: 17px 0; color: #f0d896; font: 800 clamp(15px,1.4vw,20px)/1.2 "DIN Alternate", monospace; letter-spacing: .08em; word-break: break-all; }
.vault-secret-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }
.vault-secret-grid div { padding: 8px; background: rgba(118,9,17,.12); }
.vault-secret-grid span { display: block; color: #806f59; font-size: 9px; }.vault-secret-grid b { color: #d9b661; font: 700 12px monospace; }
.vault-card-row p { margin: 12px 0 0; color: #8f806b; font-size: 11px; line-height: 1.5; word-break: break-word; }
.vault-card-row .vault-remark { color: #d2aa59; white-space: pre-line; }
.plaintext-dialog { width: min(900px,calc(100% - 30px)); max-height: 88vh; padding: 0; color: #ead7b1; background: #0b0506; border: 1px solid #c29441; box-shadow: 0 32px 120px #000; }
.plaintext-dialog::backdrop { background: rgba(0,0,0,.82); backdrop-filter: blur(5px); }
.dialog-head { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; background: #160709; border-bottom: 1px solid rgba(211,164,76,.25); }
.dialog-head h2 { margin: 0; color: #e3c273; }.dialog-head .ghost-action { border-color: #8d6b30; color: #e3c273; }
.plaintext-block { padding: 20px 24px; border-bottom: 1px solid rgba(211,164,76,.16); }
.plaintext-label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; color: #d8b464; }
.plaintext-label button { padding: 7px 10px; background: transparent; }
.plaintext-dialog textarea,.plaintext-dialog pre { width: 100%; margin: 0; color: #f5e3bb; background: #050303; border: 1px solid rgba(211,164,76,.28); font: 12px/1.65 "SFMono-Regular", Menlo, monospace; white-space: pre-wrap; word-break: break-all; }
.fulfillment-fields { display: grid; gap: 16px; }
.fulfill-dialog { width: min(760px,calc(100% - 30px)); }
.delivery-panel {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  padding: 22px;
  border: 1px solid rgba(111,209,145,.78);
  background: linear-gradient(135deg, rgba(14,78,43,.5), rgba(3,12,8,.92));
  box-shadow: inset 4px 0 #69c58a;
}
.delivery-panel h3 { margin: 4px 0 0; color: #dff2c9; font: 700 23px/1.2 "Songti SC", Georgia, serif; }
.delivery-panel p,.delivery-panel small { color: #9dc3a6; }
.delivery-panel pre {
  max-height: 340px;
  margin: 0;
  padding: 16px;
  overflow: auto;
  color: #f5e4bd;
  background: rgba(0,0,0,.72);
  border: 1px solid rgba(238,191,91,.58);
  white-space: pre-wrap;
  word-break: break-word;
  font: 12px/1.7 "SFMono-Regular", Menlo, monospace;
}

/* Claude sessionKey 图文教程 */
.guide-body { min-height: 100vh; }
.guide-shell { position: relative; width: min(1180px, calc(100% - 36px)); margin: auto; padding: 36px 0 80px; }
.guide-hero {
  position: relative;
  min-height: 430px;
  padding: 58px clamp(24px,6vw,76px);
  overflow: hidden;
  border: 1px solid rgba(239,192,91,.76);
  background:
    radial-gradient(circle at 82% 35%, rgba(198,21,34,.32), transparent 18%),
    linear-gradient(110deg, rgba(3,1,2,.98) 22%, rgba(56,5,9,.87) 68%, rgba(7,2,3,.94)),
    url("/assets/dragon-forge-hero.png") right center / auto 120% no-repeat;
  box-shadow: 0 35px 100px rgba(0,0,0,.75);
}
.guide-hero::after {
  content: "SESSION";
  position: absolute;
  right: -28px;
  bottom: -30px;
  color: transparent;
  -webkit-text-stroke: 1px rgba(226,181,88,.14);
  font: 900 clamp(74px,15vw,190px)/1 "DIN Alternate", monospace;
  letter-spacing: -.08em;
  pointer-events: none;
}
.guide-back { display: inline-block; margin-bottom: 42px; color: #a9956f; text-decoration: none; font-size: 12px; }
.guide-back:hover { color: #f0ce7e; }
.guide-hero h1 { margin: 0 0 24px; }
.guide-hero h1 span { font-size: clamp(52px,8vw,94px); }
.guide-hero h1 small { font-size: 12px; }
.guide-lead { position: relative; z-index: 1; max-width: 650px; color: #bda986; font-size: 16px; line-height: 1.9; }
.guide-lead code,.guide-copy code { color: #f1cf7f; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.guide-hero-actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.guide-primary,.guide-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 52px;
  padding: 0 18px;
  color: #ffe4a4;
  border: 1px solid #d2a34a;
  background: linear-gradient(105deg, #760910, #bd1723);
  text-decoration: none;
  font-weight: 800;
}
.guide-secondary { color: #d6bb83; background: rgba(4,1,2,.8); border-color: rgba(213,169,79,.5); }
.guide-primary:hover,.guide-secondary:hover { transform: translate(-2px,-2px); box-shadow: 4px 4px 0 #4d070c; }
.guide-warning {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  margin: 18px 0 54px;
  padding: 17px 20px;
  color: #b9a786;
  border: 1px solid rgba(216,169,72,.52);
  border-left: 4px solid #bd1723;
  background: rgba(15,5,6,.94);
  line-height: 1.65;
}
.guide-warning b { color: #edca79; }
.guide-steps { display: grid; gap: 24px; }
.guide-step {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  min-height: 480px;
  border: 1px solid rgba(232,182,82,.6);
  background: rgba(9,3,4,.96);
  box-shadow: 0 24px 60px rgba(0,0,0,.5);
}
.guide-step.reverse { grid-template-columns: 1.18fr .82fr; }
.guide-step.reverse .guide-copy { order: 2; }
.guide-copy { position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(28px,5vw,58px); overflow: hidden; }
.guide-copy::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 0 0, rgba(154,11,21,.22), transparent 48%); pointer-events: none; }
.guide-number { position: absolute; right: 22px; top: 18px; color: rgba(208,164,77,.11); font: 900 96px/1 "DIN Alternate", monospace; }
.guide-copy h2 { position: relative; max-width: 12em; margin-bottom: 22px; color: #e9ca83; font: 700 32px/1.25 "STKaiti","Kaiti SC",serif; }
.guide-copy p { position: relative; color: #a79679; line-height: 1.85; }
.guide-copy b { color: #dfbf76; }
.guide-tip { margin: 12px 0 0; padding: 13px 14px; border: 1px solid rgba(211,166,74,.3); background: rgba(112,8,15,.18); font-size: 12px; }
.browser-figure {
  position: relative;
  min-height: 480px;
  margin: 0;
  overflow: hidden;
  color: #26303a;
  background: linear-gradient(rgba(218,226,232,.92), rgba(198,210,220,.96));
  border-left: 1px solid rgba(235,188,88,.45);
}
.reverse .browser-figure { border-left: 0; border-right: 1px solid rgba(235,188,88,.45); }
.browser-bar { height: 54px; display: flex; align-items: center; gap: 8px; padding: 0 16px; background: #f3f5f7; border-bottom: 1px solid #c6cdd4; }
.browser-bar i { width: 10px; height: 10px; border-radius: 50%; background: #e76a5e; }
.browser-bar i:nth-child(2) { background: #e8bd4b; }
.browser-bar i:nth-child(3) { background: #62bd72; }
.browser-bar span { flex: 1; margin-left: 12px; padding: 8px 14px; color: #6e7780; border: 1px solid #d1d7dc; border-radius: 18px; background: white; font: 12px ui-monospace, monospace; }
.browser-bar b { font-size: 20px; }
.puzzle-mark { color: #46515d; }
.extension-menu {
  position: absolute;
  right: 24px;
  top: 68px;
  width: min(330px, calc(100% - 48px));
  padding: 18px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(44,55,64,.26);
}
.extension-menu > small { display: block; margin-bottom: 12px; color: #26303a; font-weight: 800; }
.extension-menu > div { display: grid; grid-template-columns: 30px 1fr 30px; align-items: center; padding: 13px 4px; border-top: 1px solid #edf0f2; }
.extension-menu b { font-size: 13px; }
.extension-menu em { font-style: normal; text-align: center; }
.cookie-dot,.cookie-toolbar { color: #d99a2d; text-shadow: 0 0 0 #734d15; }
.browser-figure figcaption { position: absolute; left: 22px; right: 22px; bottom: 20px; padding: 13px 16px; color: #f3deb0; border: 1px solid #c6953f; background: rgba(20,6,7,.92); font-size: 12px; }
.browser-figure figcaption b { color: #d81f2c; }
.claude-page { display: grid; grid-template-columns: 140px 1fr; min-height: 365px; background: #f5f3ee; }
.claude-page aside { display: flex; flex-direction: column; gap: 18px; padding: 28px 20px; background: #ece9e2; color: #786f66; font-size: 11px; }
.claude-page aside strong { margin-bottom: 12px; color: #211d1a; font: 20px Georgia, serif; }
.claude-page > div { display: grid; place-items: center; align-content: center; gap: 28px; color: #6d625b; font: 19px Georgia, serif; }
.fake-prompt { width: min(330px,80%); height: 62px; border: 1px solid #d2cbc2; border-radius: 18px; background: white; }
.click-ring { position: absolute; display: grid; place-items: center; width: 34px; height: 34px; color: white; border: 3px solid white; border-radius: 50%; background: #c51724; box-shadow: 0 0 0 5px rgba(197,23,36,.28); font: 900 14px/1 sans-serif; }
.ring-cookie { right: 15px; top: 10px; }
.ring-search { right: 92px; top: 65px; }
.ring-record { left: 50%; top: 210px; }
.session-demo-panel {
  position: absolute;
  left: 50%;
  top: 48%;
  width: min(390px, calc(100% - 44px));
  min-height: 260px;
  transform: translate(-50%,-50%);
  border: 1px solid #b9c0c6;
  border-radius: 8px;
  background: #f7f7f7;
  box-shadow: 0 22px 50px rgba(31,41,49,.25);
}
.cookie-tools { display: flex; justify-content: flex-end; gap: 4px; padding: 12px; border-bottom: 1px solid #d7dce0; background: white; }
.cookie-tools b { width: 36px; height: 34px; display: grid; place-items: center; color: #69747d; border-radius: 5px; }
.cookie-tools .active-tool { color: white; background: #d69a32; }
.cookie-search { display: flex; align-items: center; gap: 10px; margin: 18px; padding: 11px 13px; color: #6b747c; border: 2px solid #d99a2d; border-radius: 5px; background: white; }
.cookie-search b { color: #272e34; font: 13px ui-monospace, monospace; }
.cookie-record { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; margin: 18px; padding: 15px; color: #323a40; border: 1px solid #d2d7da; background: white; }
.cookie-record b { font: 800 13px ui-monospace, monospace; }
.cookie-record span { color: #8b949b; font-size: 11px; }
.cookie-record em { font-style: normal; }
.value-figure .session-demo-panel { top: 45%; padding-bottom: 18px; }
.session-demo-panel.expanded label { display: block; margin: 0 18px 8px; color: #58636c; font-size: 11px; }
.masked-value { margin: 0 18px 14px; padding: 15px; overflow: hidden; color: #1d252b; border: 3px solid #c51a27; background: #fff; font: 12px ui-monospace, monospace; white-space: nowrap; }
.meta-row { display: grid; grid-template-columns: 70px 1fr; margin: 0 18px; padding: 8px 0; color: #69737a; border-top: 1px solid #e1e4e6; font-size: 11px; }
.copy-arrow { position: absolute; left: 8px; top: 50%; color: #fff1c1; background: #bd1723; padding: 9px 12px; font-size: 11px; transform: rotate(-5deg); }
.guide-check {
  display: grid;
  grid-template-columns: 1.4fr .6fr;
  gap: 44px;
  align-items: center;
  margin-top: 52px;
  padding: clamp(28px,5vw,58px);
  color: #a99779;
  border: 1px solid rgba(230,181,80,.6);
  background: linear-gradient(120deg, rgba(64,6,10,.86), rgba(4,1,2,.96));
}
.guide-check h2,.guide-errors h2 { color: #e8c77d; font: 700 31px/1.3 "STKaiti","Kaiti SC",serif; }
.guide-check p { line-height: 1.8; }
.guide-check b { color: #e4c278; }
.login-popup-demo { width: min(320px,100%); margin: auto; padding: 18px; border: 1px solid #d5d5d5; background: #f7f7f7; box-shadow: 12px 12px 0 rgba(0,0,0,.3); }
.login-popup-demo small { display: block; margin-bottom: 12px; color: #343434; font-weight: 800; }
.login-popup-demo div,.login-popup-demo button { width: 100%; margin: 5px 0; padding: 10px; color: #666; border: 1px solid #ccc; border-radius: 5px; background: white; text-align: left; font-size: 11px; }
.login-popup-demo button { color: white; background: #4caf50; text-align: center; }
.guide-errors { margin-top: 24px; padding: clamp(28px,5vw,58px); border: 1px solid rgba(230,181,80,.45); background: rgba(5,2,3,.96); }
.guide-errors dl { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 28px 0 0; background: rgba(222,174,79,.3); }
.guide-errors dl div { padding: 20px; background: #0c0405; }
.guide-errors dt { margin-bottom: 8px; color: #dfbd72; font-weight: 800; }
.guide-errors dd { margin: 0; color: #928168; font-size: 12px; line-height: 1.75; }
.guide-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 40px; color: #6f624f; }
.guide-footer p { margin: 0; font-size: 11px; letter-spacing: .16em; }

@media (max-width: 820px) {
  .ticket { grid-template-columns: 1fr; }.ticket::before { display:none }.ticket-copy { min-height: 0; padding: 32px }.step-no { margin-bottom: 25px; font-size: 70px }.redeem-form { padding: 32px }
  .customer .masthead { align-items: flex-start; flex-wrap: wrap; }.customer .seal { width: 64px; height: 64px; font-size: 20px }.customer h1 span { font-size: 48px }.customer .mode-badge { margin-left: 88px }.customer .ticket { grid-template-columns: 1fr }.customer .ticket::before { display: none }.customer .ticket-copy { min-height: 390px; padding: 32px }.customer .step-no { margin-bottom: 56px; font-size: 12px }.customer .redeem-form { padding: 32px 24px }.field-label-row { align-items: flex-start }.session-jump { max-width: 142px }
  .admin-grid,.authorization-grid { grid-template-columns: 1fr }.metrics { grid-template-columns: 1fr 1fr }.order-row,.profile-pool-row,.authorization-row,.funding-ledger-row,.code-vault-row { grid-template-columns: 1fr }.row-actions { justify-content: start }.card-vault-list { grid-template-columns: 1fr }.vault-balance { grid-template-columns: 1fr }
  .service-tabs { width: 100% }.process-rail { grid-template-columns: 1fr }.process-rail > div { min-height: 58px }.stage-workspace { min-height: 0 }.claim-strip { grid-template-columns: 1fr }.claim-strip span { border-right: 0; border-bottom: 1px solid rgba(215,173,88,.16) }.claim-strip span:last-child { border-bottom: 0 }.merchant-order-bound { grid-template-columns: 1fr }.account-preview { grid-template-columns: 1fr }.account-preview p { grid-column: 1 }.stage-actions { flex-direction: column }.compact-action { min-width: 0 }.status-panel { grid-template-columns: 1fr }.queue-meter { grid-template-columns: 1fr }.query-panel { grid-template-columns: 1fr }.query-result { grid-template-columns: 1fr 1fr }.query-result p { grid-column: 1 / -1 }
  .claude-guide-card { grid-template-columns: 38px 1fr }.claude-guide-card .guide-link { grid-column: 1 / -1; text-align: center }
  .guide-shell { width: min(100% - 20px,1180px); padding-top: 10px }.guide-hero { min-height: 0; padding: 28px 22px 44px }.guide-back { margin-bottom: 28px }.guide-hero-actions { display: grid }.guide-warning { grid-template-columns: 1fr; margin-bottom: 24px }.guide-step,.guide-step.reverse { grid-template-columns: 1fr }.guide-step.reverse .guide-copy { order: 0 }.guide-copy { min-height: 380px }.browser-figure { min-height: 430px; border: 0; border-top: 1px solid rgba(235,188,88,.45) }.guide-check { grid-template-columns: 1fr }.guide-errors dl { grid-template-columns: 1fr }.guide-footer { align-items: stretch; flex-direction: column }.guide-footer .guide-primary { width: 100% }
}