:root{--hy-bg: #f1ede7;--hy-paper: #faf8f4;--hy-ink: #1d1f22;--hy-leaf: #0c1015;--hy-leaf-2: #7d2a36;--hy-gold: #7d2a36;--hy-steel: #7d2a36;--hy-cold: #5c5650;--hy-mute: #5c5650;--hy-line: #d8cfc3;--hy-on: #f3ede4;--hy-price: #7d2a36;--hy-rose: #0c1015;--hy-display: "Songti SC", "STSong", "Noto Serif SC", serif;--hy-ui: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif}html,body{margin:0}body{font-family:var(--hy-ui);background:var(--hy-bg);color:var(--hy-ink);line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font-family:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--hy-steel);outline-offset:2px}input:focus-visible{outline:none}.wrap{min-height:100vh;padding:0 16px 28px;max-width:480px;margin:0 auto;background:var(--hy-paper)}.mark{margin:0;color:var(--hy-on);font-family:var(--hy-display);font-size:42px;line-height:.95;font-weight:700}header{position:relative;z-index:2;margin:0 -16px 14px;padding:22px 16px 16px;padding-top:calc(20px + env(safe-area-inset-top));background:linear-gradient(105deg,#0c1015f0,#0c1015b8 46%,#0c101533),url(/huayun/pda/covers/hero-wide.jpg) 92% 42% / cover var(--hy-rose);color:var(--hy-on)}header h2{margin:6px 0 0;font-size:28px;font-weight:700;line-height:1.15;font-family:var(--hy-display);color:var(--hy-on)}.steps{display:flex;gap:0;list-style:none;padding:0;margin:12px 0 8px;border-bottom:1px solid var(--hy-line)}.steps li{flex:1;text-align:center;padding:8px 0 7px;background:transparent;border-radius:0;border-bottom:2px solid transparent;font-size:14px;color:var(--hy-mute)}header .steps{border-bottom-color:#fff8f059}header .steps li{color:#f3ede4b8}header .steps li.on{color:var(--hy-on);border-bottom-color:var(--hy-on)}header .steps li.done{color:var(--hy-on);border-bottom-color:#f3ede459}.steps li.on{background:transparent;color:var(--hy-ink);border-bottom-color:var(--hy-leaf);font-weight:650}.steps li.done{background:transparent;color:var(--hy-leaf);border-bottom-color:var(--hy-mist)}.panel,.stage{background:var(--hy-paper);border-radius:2px;padding:16px;margin-bottom:12px;border:1px solid var(--hy-line);box-shadow:none;position:relative;z-index:1}.login-panel .login-title{margin:0 0 4px;font-family:var(--hy-display);font-size:24px;font-weight:600;color:var(--hy-ink)}.login-panel .lbl,.lbl{display:block;margin-top:10px;font-size:13px;font-weight:600;color:var(--hy-ink)}.now{margin:0 0 4px;font-size:13px;color:var(--hy-steel)}.scan{font-size:18px;min-height:52px}.scan-hint,.hint,.muted{color:var(--hy-mute);margin:0 0 8px;line-height:1.45}.sku{font-family:var(--hy-display);font-size:22px;font-weight:600;margin:0 0 6px;line-height:1.3}.shelf{font-family:var(--hy-display);font-size:32px;font-weight:600;color:var(--hy-leaf);margin:4px 0 10px;line-height:1.2}input{width:100%;box-sizing:border-box;font-size:16px;padding:12px;margin:6px 0;border:1px solid var(--hy-line);border-radius:2px;background:#fff;color:var(--hy-ink)}input:focus{outline:none;border-color:var(--hy-leaf);box-shadow:0 0 0 1px var(--hy-leaf)}input[type=checkbox],input[type=radio]{width:auto;padding:0;margin:0;border:0;background:transparent;box-shadow:none;flex-shrink:0}button{font-size:17px;padding:14px 16px;border:1px solid var(--hy-leaf);border-radius:2px;background:var(--hy-leaf);color:var(--hy-on);min-height:52px;font-weight:600}button:disabled{background:var(--hy-mist);border-color:var(--hy-mist);color:var(--hy-mute);cursor:not-allowed}.primary{width:100%;margin-top:8px}.ghost{background:transparent;color:var(--hy-leaf);margin-top:12px;border:1px solid var(--hy-leaf)}.err{color:var(--hy-price);min-height:1.2em}.qc{background:#f3ece4;padding:10px;border-radius:2px;margin:8px 0;border:1px solid var(--hy-line)}.check{display:flex;gap:8px;align-items:center}.tasks{list-style:none;padding:0;margin:0}.task{background:var(--hy-paper);margin:0;padding:14px 14px 14px 12px;border-radius:0;border:0;border-bottom:1px solid var(--hy-line);border-left:4px solid var(--hy-line);display:grid;gap:2px}.task.RECEIVE{border-left-color:var(--hy-cold)}.task.QC{border-left-color:var(--hy-steel)}.task.SORT_PACK{border-left-color:var(--hy-leaf)}.task.SHIP_OUT{border-left-color:#8a6a4a}.task.on{background:#f3ece4}.task b{font-family:var(--hy-display);font-size:16px;font-weight:600}.empty{text-align:center;color:var(--hy-mute);margin:16px 0}.tokens,.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.token,.chip{font-size:16px;padding:12px 16px;border-radius:0;background:transparent;color:var(--hy-ink);min-height:48px;border:1px solid var(--hy-line)}.token.pending,.chip.on,.token.on{background:var(--hy-leaf);color:var(--hy-on);border-color:var(--hy-leaf)}.token-box{margin:8px 0;color:var(--hy-mute);font-size:13px}.token-box summary{cursor:pointer;margin-bottom:8px}@media(min-width:880px){body{background:var(--hy-bg)}.wrap{min-height:100vh;box-shadow:0 0 0 1px #15201b14}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}