.warehouse-root { --opc-bg:light-dark(#f3f6f7,#142128); --opc-paper:light-dark(#ffffff,#1c2b33); --opc-ink:light-dark(#172c36,#edf5f6); --opc-muted:light-dark(#536a74,#afc3cb); --opc-line:light-dark(#dde6e9,#3c515c); --opc-accent:light-dark(#146c78,#74d6dd); --opc-onaccent:light-dark(#ffffff,#10383b); --opc-soft:light-dark(#e9f5f5,#254348); --opc-warn:light-dark(#855008,#ffd08a); --opc-warnbg:light-dark(#fff5e5,#493720); --opc-danger:light-dark(#ad3434,#ffacac); --opc-gap:16px; color:var(--opc-ink); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:14px; line-height:1.55; }
    .warehouse-root * { box-sizing:border-box; }
    .warehouse-root [hidden] { display:none!important; }
    .warehouse-root button, .warehouse-root input, .warehouse-root textarea { font:inherit; }
    .warehouse-root button { cursor:pointer; border:1px solid var(--opc-line); color:var(--opc-ink); background:var(--opc-paper); border-radius:9px; padding:10px 13px; min-height:44px; font-weight:500; }
    .warehouse-root button:disabled { cursor:default; opacity:.55; }
    .warehouse-root button:hover:not(:disabled) { background:var(--opc-soft); }
    .warehouse-root button.opc-primary { background:var(--opc-accent); color:var(--opc-onaccent); border-color:transparent; }
    .warehouse-root button.opc-quiet { background:transparent; border-color:transparent; }
    .warehouse-root button.opc-selected { color:var(--opc-accent); background:var(--opc-soft); border-color:var(--opc-accent); }
    .warehouse-root input[type=text], .warehouse-root textarea { display:block; width:100%; border:1px solid var(--opc-line); border-radius:8px; padding:10px 12px; color:var(--opc-ink); background:var(--opc-paper); font-size:16px; }
    .warehouse-root input[type=checkbox] { width:18px; height:18px; accent-color:var(--opc-accent); }
    .warehouse-root label { display:block; font-weight:500; }
    .warehouse-root h2, .warehouse-root h3, .warehouse-root p { margin:0; }
    .warehouse-root h2 { font-size:23px; font-weight:500; line-height:1.35; }
    .warehouse-root h3 { font-size:16px; font-weight:500; }
    .warehouse-root small { font-size:12px; color:var(--opc-muted); }
    .warehouse-root .opc-muted { color:var(--opc-muted); }
    .warehouse-root .opc-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
    .warehouse-root .opc-between { justify-content:space-between; }
    .warehouse-root .opc-stack { display:grid; gap:var(--opc-gap); }
    .warehouse-root .opc-toolbar { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
    .warehouse-root .opc-switch { display:flex; flex-wrap:wrap; gap:6px; }
    .warehouse-root .opc-device { background:var(--opc-bg); border:1px solid var(--opc-line); border-radius:18px; overflow:hidden; max-width:430px; margin:auto; }
    .warehouse-root .opc-top { padding:17px 20px; border-bottom:1px solid var(--opc-line); background:var(--opc-paper); display:flex; justify-content:space-between; align-items:center; gap:12px; }
    .warehouse-root .opc-brand { font-size:17px; font-weight:500; }
    .warehouse-root .opc-badge { padding:4px 9px; border-radius:6px; background:var(--opc-soft); color:var(--opc-accent); font-size:12px; white-space:nowrap; }
    .warehouse-root .opc-body { padding:18px; }
    .warehouse-root .opc-surface { background:var(--opc-paper); border:1px solid var(--opc-line); border-radius:12px; padding:16px; }
    .warehouse-root .opc-checkin { padding:20px; background:var(--opc-soft); border:0; }
    .warehouse-root .opc-overline { font-size:12px; letter-spacing:.08em; color:var(--opc-accent); margin-bottom:8px; }
    .warehouse-root .opc-space { margin-top:12px; }
    .warehouse-root .opc-full { width:100%; }
    .warehouse-root .opc-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .warehouse-root .opc-shortcut { display:flex; align-items:center; justify-content:center; gap:9px; min-height:55px; }
    .warehouse-root .opc-shortcut i { width:19px; height:19px; }
    .warehouse-root .opc-progress { height:5px; border-radius:5px; background:var(--opc-line); margin:12px 0 15px; overflow:hidden; }
    .warehouse-root .opc-progress span { display:block; height:100%; background:var(--opc-accent); }
    .warehouse-root .opc-task { display:flex; width:100%; text-align:left; align-items:center; gap:12px; border:0; border-radius:0; border-bottom:1px solid var(--opc-line); padding:12px 2px; }
    .warehouse-root .opc-task:last-child { border-bottom:0; }
    .warehouse-root .opc-task-copy { flex:1; min-width:0; }
    .warehouse-root .opc-task-copy small { display:block; margin-top:2px; }
    .warehouse-root .opc-number { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; color:var(--opc-accent); background:var(--opc-soft); flex-shrink:0; font-size:12px; }
    .warehouse-root .opc-bottom { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); padding:8px 5px 10px; border-top:1px solid var(--opc-line); background:var(--opc-paper); gap:2px; }
    .warehouse-root .opc-bottom button { display:grid; justify-items:center; gap:3px; border:0; padding:6px 0; border-radius:8px; font-size:13px; }
    .warehouse-root .opc-bottom button i { width:18px; height:18px; }
    .warehouse-root .opc-bottom button.opc-selected { background:var(--opc-soft); }
    .warehouse-root details { border-top:1px solid var(--opc-line); padding-top:10px; }
    .warehouse-root summary { cursor:pointer; font-weight:500; padding:7px 0; }
    .warehouse-root .opc-warning { background:var(--opc-warnbg); color:var(--opc-warn); padding:12px; border-radius:8px; font-size:13px; }
    .warehouse-root .opc-list { margin:10px 0 0; padding-left:21px; display:grid; gap:8px; }
    .warehouse-root .opc-photo { background:var(--opc-bg); border:1px dashed var(--opc-line); border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; min-height:100px; position:relative; padding:12px; text-align:center; }
    .warehouse-root .opc-photo button.opc-remove { position:absolute; right:3px; top:3px; min-height:36px; min-width:36px; padding:3px; font-size:19px; }
    .warehouse-root .opc-photo i { width:25px; height:25px; color:var(--opc-muted); }
    .warehouse-root .opc-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; }
    .warehouse-root .opc-tabrow { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
    .warehouse-root .opc-field { display:grid; gap:7px; }
    .warehouse-root .opc-checklabel { display:flex; align-items:center; gap:8px; min-height:44px; }
    .warehouse-root .opc-note { color:var(--opc-accent); font-size:13px; padding:10px 0 0; }
    .warehouse-root .opc-admin { background:var(--opc-bg); border:1px solid var(--opc-line); border-radius:14px; overflow:hidden; }
    .warehouse-root .opc-admin-grid { display:grid; grid-template-columns:160px minmax(0,1fr); }
    .warehouse-root .opc-side { padding:18px 10px; background:var(--opc-paper); border-right:1px solid var(--opc-line); }
    .warehouse-root .opc-side button { width:100%; text-align:left; margin-bottom:4px; border:0; display:flex; align-items:center; gap:9px; }
    .warehouse-root .opc-side i { width:17px; height:17px; }
    .warehouse-root .opc-admin-main { padding:22px; min-width:0; }
    .warehouse-root .opc-admin-columns { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:16px; }
    .warehouse-root .opc-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
    .warehouse-root .opc-kpis span { display:block; margin-top:5px; font-size:27px; font-weight:500; }
    .warehouse-root table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:13px; }
    .warehouse-root th, .warehouse-root td { text-align:left; padding:11px 6px; border-bottom:1px solid var(--opc-line); overflow-wrap:anywhere; font-weight:400; vertical-align:top; }
    .warehouse-root th { color:var(--opc-muted); font-size:12px; }
    .warehouse-root td button { min-height:36px; padding:5px 8px; }
    .warehouse-root .opc-example { padding:12px 18px; color:var(--opc-muted); border-top:1px solid var(--opc-line); background:var(--opc-paper); font-size:12px; }
    .warehouse-root .opc-empty { padding:25px 8px; color:var(--opc-muted); text-align:center; }
    @media(max-width:720px) { .warehouse-root .opc-admin-columns { grid-template-columns:1fr; } .warehouse-root .opc-admin-grid { grid-template-columns:1fr; } .warehouse-root .opc-side { display:flex; flex-wrap:wrap; gap:4px; border-right:0; border-bottom:1px solid var(--opc-line); padding:10px; } .warehouse-root .opc-side button { width:auto; margin:0; padding:8px; } .warehouse-root .opc-admin-main { padding:14px; } }
    @media(max-width:380px) { .warehouse-root .opc-body { padding:12px; } .warehouse-root .opc-top { padding:14px; } .warehouse-root .opc-surface { padding:13px; } .warehouse-root .opc-kpis { gap:6px; } .warehouse-root .opc-kpis .opc-surface { padding:10px; } .warehouse-root .opc-kpis span { font-size:22px; } }
  

html, body { margin:0; min-height:100%; background:#f3f6f7; }
.warehouse-root { color-scheme:light; min-height:100vh; }
.warehouse-root .w-top { position:sticky; top:0; z-index:20; min-height:68px; padding:12px 24px; background:var(--opc-paper); border-bottom:1px solid var(--opc-line); display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.warehouse-root .w-aside { position:fixed; top:92px; bottom:16px; left:14px; width:182px; padding:10px; border-right:1px solid var(--opc-line); }
.warehouse-root .w-aside button { display:flex; align-items:center; gap:12px; width:100%; text-align:left; background:transparent; border:0; margin-bottom:6px; }
.warehouse-root .w-aside .opc-selected { background:var(--opc-soft); }
.warehouse-root .w-main { margin-left:200px; padding:26px; max-width:1500px; }
.warehouse-root .w-mobile { display:none; }
.warehouse-root .w-mode { font-size:12px; border-radius:6px; padding:4px 8px; background:var(--opc-warnbg); color:var(--opc-warn); }
.warehouse-root .w-toast { padding:10px 16px; border-radius:8px; background:var(--opc-soft); color:var(--opc-accent); margin-bottom:16px; overflow-wrap:anywhere; }
.warehouse-root .w-toast.error { background:var(--opc-warnbg); color:var(--opc-warn); }
.warehouse-root .w-hero { display:flex; gap:24px; align-items:center; justify-content:space-between; padding:24px; border-radius:14px; background:var(--opc-soft); }
.warehouse-root .w-hero button { min-width:180px; }
.warehouse-root .w-home-cols { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr); gap:18px; align-items:start; }
.warehouse-root .opc-stack { min-width:0; grid-template-columns:minmax(0,1fr); align-content:start; }
.warehouse-root .opc-stack > * { min-width:0; }
.warehouse-root fieldset { min-width:0; margin:0; }
.warehouse-root .w-aside { overflow-y:auto; }
.warehouse-root .w-table td small { display:block; }
.warehouse-root input[type=file] { width:100%; min-width:0; max-width:100%; font-size:14px; }
.warehouse-root .w-pagehead { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.warehouse-root .w-tabs { display:flex; gap:8px; flex-wrap:wrap; }
.warehouse-root .w-tabs button { border-radius:8px; }
.warehouse-root .w-symbol { color:var(--opc-accent); font-size:18px; width:24px; text-align:center; }
.warehouse-root .w-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.warehouse-root .w-form-grid .w-span { grid-column:1/-1; }
.warehouse-root select { font:inherit; font-size:16px; color:var(--opc-ink); border:1px solid var(--opc-line); background:var(--opc-paper); border-radius:8px; min-height:44px; padding:8px 10px; max-width:100%; width:100%; }
.warehouse-root input[type=number], .warehouse-root input[type=date], .warehouse-root input[type=password] { font:inherit; font-size:16px; color:var(--opc-ink); border:1px solid var(--opc-line); border-radius:8px; padding:10px 12px; min-height:44px; width:100%; min-width:0; background:var(--opc-paper); }
.warehouse-root .w-field { display:grid; gap:7px; min-width:0; }
.warehouse-root .w-table { width:100%; overflow:auto; }
.warehouse-root .w-table table { min-width:520px; }
.warehouse-root .w-table.compact table { min-width:0; }
.warehouse-root .w-numeric { font-variant-numeric:tabular-nums; }
.warehouse-root .w-thumb { display:block; width:100%; height:150px; object-fit:contain; background:var(--opc-bg); border-radius:8px; }
.warehouse-root .w-photo-row { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:12px; }
.warehouse-root .w-photo-box { border:1px solid var(--opc-line); border-radius:10px; padding:8px; min-width:0; }
.warehouse-root .w-photo-box small { display:block; overflow-wrap:anywhere; padding:5px 0; }
.warehouse-root .w-photo-box button { width:100%; }
.warehouse-root .w-preview-frame { width:100%; border:0; display:block; min-height:500px; background:var(--opc-bg); border-radius:10px; }
.warehouse-root .w-warning-list { padding-left:18px; display:grid; gap:8px; }
.warehouse-root .w-source-flow { padding:0 16px; }
.warehouse-root .w-source-flow > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; }
.warehouse-root .w-source-flow > summary span { min-width:0; overflow-wrap:anywhere; }
.warehouse-root .w-source-flow > summary strong { color:var(--opc-accent); font-variant-numeric:tabular-nums; white-space:nowrap; }
.warehouse-root .w-source-flow-track { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; padding:10px 0 2px; }
.warehouse-root .w-source-flow-step { display:grid; grid-template-columns:28px minmax(0,1fr); align-items:start; gap:6px; min-width:0; }
.warehouse-root .w-source-flow-step > span { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--opc-bg); color:var(--opc-muted); font-size:12px; }
.warehouse-root .w-source-flow-step.is-done > span { background:var(--opc-soft); color:var(--opc-accent); }
.warehouse-root .w-source-flow-step b { display:block; font-size:12px; font-weight:500; overflow-wrap:anywhere; }
.warehouse-root .w-source-flow-step small { display:block; margin-top:2px; overflow-wrap:anywhere; }
.warehouse-root .w-footnote { color:var(--opc-muted); font-size:12px; line-height:1.6; overflow-wrap:anywhere; word-break:break-word; }
.warehouse-root .w-buttonbar { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.warehouse-root .w-pending { margin-bottom:16px; background:var(--opc-warnbg); padding:14px; border-radius:10px; overflow-wrap:anywhere; }
.warehouse-root .w-empty { padding:32px 16px; text-align:center; border:1px dashed var(--opc-line); border-radius:12px; color:var(--opc-muted); }
.warehouse-root .w-task-form { border-left:3px solid var(--opc-accent); }
.warehouse-root .w-login { width:min(430px,calc(100% - 32px)); margin:10vh auto 40px; }
.warehouse-root .w-login .opc-surface { padding:28px; }
.warehouse-root button, .warehouse-root a, .warehouse-root input { touch-action:manipulation; }
.warehouse-root .w-issue { border-left:3px solid var(--opc-warn); }
.warehouse-root .w-date { width:auto!important; }
.warehouse-root .w-media { width:min(1100px,96vw); height:90dvh; max-height:90dvh; padding:12px; border:1px solid var(--opc-line); border-radius:12px; color:var(--opc-ink); background:var(--opc-paper); }
.warehouse-root .w-media[open] { display:flex; flex-direction:column; gap:12px; }
.warehouse-root .w-media::backdrop { background:#102936b8; }
.warehouse-root .w-media-bar { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; flex-shrink:0; }
.warehouse-root .w-media-bar strong { flex:1; min-width:0; overflow-wrap:anywhere; font-size:13px; }
.warehouse-root .w-media-stage { flex:1; min-height:0; overflow:auto; background:var(--opc-bg); padding:8px; }
.warehouse-root .w-media-stage img { display:block; margin:auto; object-fit:contain; max-width:none; }
.warehouse-root a { color:var(--opc-accent); }
@media(max-width:900px) { .warehouse-root .w-aside {width:154px;} .warehouse-root .w-main {margin-left:166px;padding:18px;} .warehouse-root .w-home-cols{grid-template-columns:1fr;} }
@media(max-width:800px) { .warehouse-root .w-source-flow-track { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:12px; } }
@media(max-width:420px) { .warehouse-root .w-source-flow { padding:0 12px; } .warehouse-root .w-source-flow-track { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .warehouse-root .w-aside{display:none;} .warehouse-root .w-main{margin:0;padding:14px 12px calc(92px + env(safe-area-inset-bottom));} .warehouse-root .w-top{padding:12px;min-height:60px;} .warehouse-root .w-top .w-sync{display:none;} .warehouse-root .w-mobile{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:30;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;box-shadow:0 -2px 12px #172c3608;} .warehouse-root .w-hero{display:block;padding:20px;} .warehouse-root .w-hero button{width:100%;margin-top:16px;} .warehouse-root .w-form-grid{grid-template-columns:1fr;} .warehouse-root .opc-kpis{gap:8px;} .warehouse-root .opc-kpis .opc-surface{padding:12px;} .warehouse-root .opc-kpis span{font-size:24px;} .warehouse-root .w-preview-frame{border-radius:0;} .warehouse-root .w-photo-row{grid-template-columns:repeat(2,minmax(0,1fr));} .warehouse-root .w-thumb{height:128px;} }
@media(prefers-reduced-motion:reduce) { .warehouse-root * { scroll-behavior:auto!important; } }