:root{--primary: #0f766e;--primary-dark: #115e59;--primary-soft: #ccfbf1;--bg: #f3f6f5;--panel: #ffffff;--text: #17211f;--muted: #6b7c78;--border: #e3e9e7;--danger: #dc2626;--warn: #b45309;--radius: 14px;--shadow: 0 1px 2px rgba(16, 32, 29, .04), 0 8px 24px rgba(16, 32, 29, .06);font-family:PingFang SC,Microsoft YaHei,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:10px;padding:9px 14px;font-size:14px;font-weight:500;line-height:1.2;transition:background .15s,border-color .15s,transform .1s;white-space:nowrap}.btn:hover{background:#f6f9f8;border-color:#cfdad7}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.ghost:hover{background:#eef3f1;color:var(--text)}.btn.block{width:100%;padding:12px;font-size:15px}.btn:disabled{opacity:.6;cursor:not-allowed}.link{border:none;background:none;padding:2px 4px;color:var(--primary);font-size:13px;border-radius:6px}.link:hover{background:var(--primary-soft)}.link.danger{color:var(--danger)}.link.danger:hover{background:#fee2e2}.muted{color:var(--muted)}.center{text-align:center}.alert{border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5}.alert.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:14px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--primary-soft);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#eef2f1}.auth-brand{position:relative;overflow:hidden;padding:56px 64px;display:flex;flex-direction:column;justify-content:center;color:#ecfdf5;background:radial-gradient(900px 500px at 10% 10%,rgba(45,212,191,.35),transparent 60%),radial-gradient(700px 500px at 90% 90%,rgba(20,184,116,.28),transparent 60%),linear-gradient(150deg,#064e3b,#0f766e 55%,#134e4a)}.auth-brand:after{content:"";position:absolute;right:-90px;bottom:-90px;width:320px;height:320px;border-radius:50%;border:40px solid rgba(255,255,255,.06)}.auth-logo{width:56px;height:56px;border-radius:16px;background:#ffffff24;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;margin-bottom:26px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-brand h1{font-size:34px;font-weight:700;letter-spacing:1px}.auth-slogan{margin-top:12px;font-size:15px;color:#ecfdf5c7}.auth-points{margin:34px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;font-size:14px;color:#ecfdf5db}.auth-points li{display:flex;align-items:center;gap:10px}.auth-points li:before{content:"";width:6px;height:6px;border-radius:50%;background:#5eead4;box-shadow:0 0 0 4px #5eead42e;flex:none}.auth-panel{display:flex;align-items:center;justify-content:center;padding:32px 24px}.auth-card{width:100%;max-width:400px;background:#fff;border-radius:20px;padding:26px;box-shadow:0 20px 50px #0928241f;border:1px solid #eaf0ee}.tabs{display:flex;background:#f1f5f4;border-radius:12px;padding:4px;margin-bottom:20px}.tab{flex:1;border:none;background:transparent;padding:9px;border-radius:9px;font-size:14px;color:var(--muted);font-weight:500}.tab.active{background:#fff;color:var(--primary);box-shadow:0 1px 4px #10201d1a;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-hint{text-align:center;font-size:13px;color:var(--muted)}.auth-hint a{color:var(--primary);text-decoration:none;margin-left:4px;font-weight:500}.auth-note{text-align:center;font-size:12px;color:#94a3a0;border-top:1px dashed var(--border);padding-top:12px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);min-width:0}.field>span{font-weight:500;color:#41524e}.field input,.field textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--text);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1f}.field textarea{resize:vertical;min-height:64px}.field .tip{font-style:normal;font-size:12px;color:#94a3a0}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#14b8a6,#0f766e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 6px 14px #0f766e47}.brand h1{font-size:17px;font-weight:700;letter-spacing:.5px}.brand p{font-size:11px;color:#94a3a0;letter-spacing:1px;margin-top:1px}.userbox{display:flex;align-items:center;gap:10px}.hello{font-size:13px;font-weight:500;color:var(--text)}.m-hello{padding:10px 16px 0;font-size:13px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.uinfo{display:flex;flex-direction:column;line-height:1.25;font-size:12px}.uinfo strong{font-size:13px;font-weight:600}.uinfo span{color:var(--muted)}.main{width:100%;max-width:1240px;margin:0 auto;padding:22px 24px 48px;display:flex;flex-direction:column;gap:18px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;display:flex;align-items:baseline;gap:8px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#2dd4bf,#0f766e)}.stat-label{font-size:13px;color:var(--muted);margin-right:auto}.stat strong{font-size:26px;font-weight:700;letter-spacing:.5px;color:var(--primary-dark)}.stat-unit{font-size:12px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.toolbar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search{position:relative;flex:1 1 260px;max-width:380px;display:flex;align-items:center}.search svg{position:absolute;left:12px;color:#94a3a0;pointer-events:none}.search input{width:100%;border:1px solid var(--border);border-radius:10px;padding:9px 32px 9px 34px;font-size:14px;outline:none;background:#fafcfb}.search input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0f766e1a}.search .clear{position:absolute;right:6px;border:none;background:none;color:#94a3a0;font-size:18px;line-height:1;padding:4px 6px;border-radius:6px}.search .clear:hover{background:#eef3f1;color:var(--text)}.actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);background:#f8faf9;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid #f0f4f3;vertical-align:middle}.table tbody tr:hover{background:#fafcfb}.table tbody tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table th.num{text-align:right}.table .ops{white-space:nowrap;text-align:right}.table td.long-cell{max-width:240px}.clamp-text{display:inline}.clamp-body{white-space:pre-wrap;word-break:break-word}.clamp-toggle{margin-left:6px;padding:0;border:none;background:none;color:var(--primary);font-size:12px;line-height:1.6;cursor:pointer;white-space:nowrap}.clamp-toggle:hover{text-decoration:underline}.table .empty{text-align:center;color:var(--muted);padding:44px 16px;font-size:14px}.code-cell{display:flex;align-items:center;gap:10px}.code{font-weight:600;font-family:SFMono-Regular,Consolas,monospace;font-size:13.5px}.thumb{width:34px;height:34px;border-radius:9px;object-fit:cover;flex:none;border:1px solid var(--border);background:#f1f5f4}.thumb.placeholder{display:flex;align-items:center;justify-content:center;color:#b6c4c0;font-size:13px;font-weight:600}.orders{display:flex;flex-wrap:wrap;gap:4px}.tag{display:inline-block;background:#eef7f5;color:#0f6b62;border:1px solid #d4ece7;padding:1px 8px;border-radius:999px;font-size:12px;line-height:1.7}.table-foot{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);background:#fafcfb;flex-wrap:wrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#091c1975;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;overflow-y:auto;animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.modal{background:#fff;border-radius:18px;width:720px;max-width:100%;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 60px #071a1747;animation:pop .18s ease}.modal.small{width:420px}@keyframes pop{0%{transform:translateY(10px) scale(.985);opacity:0}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:2;border-radius:18px 18px 0 0}.modal-head h2{font-size:16px;font-weight:600}.icon-btn{border:none;background:none;font-size:22px;line-height:1;color:var(--muted);width:30px;height:30px;border-radius:8px}.icon-btn:hover{background:#eef3f1;color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;padding:18px 22px 22px}.span2{grid-column:span 2}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.photo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.photo-preview,.photo-empty{width:64px;height:64px;border-radius:10px;object-fit:cover;border:1px solid var(--border);flex:none}.photo-empty{display:flex;align-items:center;justify-content:center;font-size:12px;color:#94a3a0;border-style:dashed;background:#fafcfb}.file-btn{font-size:13px;padding:8px 12px}.file-name{font-size:12px;color:var(--muted);word-break:break-all}.suggest{position:relative;display:flex;align-items:center}.suggest input{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 34px 10px 12px;font-size:14px;color:var(--text);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.suggest input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1f}.sg-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:none;background:none;color:#94a3a0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:7px;padding:0}.sg-toggle:hover{background:#eef3f1;color:var(--text)}.suggest.open .sg-toggle svg{transform:rotate(180deg)}.sg-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #071a1724;max-height:220px;overflow-y:auto;z-index:30}.sg-menu li{padding:8px 10px;font-size:13.5px;border-radius:7px;cursor:pointer;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-menu li:hover,.sg-menu li[aria-selected=true]{background:var(--primary-soft)}.clickable{cursor:zoom-in}.photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#051210db;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200;animation:fade .15s ease;cursor:zoom-out}.photo-viewer img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 30px 80px #00000080;object-fit:contain;cursor:default}.pv-close{position:absolute;top:16px;right:20px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center}.pv-close:hover{background:#ffffff38}.view-tabs{display:flex;gap:8px;flex-wrap:wrap}.view-tab{border:1px solid var(--border);background:#fff;color:var(--muted);padding:8px 18px;border-radius:999px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.view-tab:hover{border-color:#cfdad7;background:#f6f9f8}.view-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.stats-4{grid-template-columns:repeat(4,minmax(0,1fr))}.toolbar-title{font-size:14px;font-weight:600;color:#41524e}.role-badge{display:inline-block;margin-left:8px;font-size:11px;padding:1px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);border:1px solid #b7e8de;vertical-align:1px}.stock-current{background:#f4f9f8;border:1px solid #dcebe8;border-radius:10px;padding:10px 14px;font-size:14px;color:#41524e}.stock-current strong{color:var(--primary-dark)}.seg{display:flex;background:#f1f5f4;border-radius:10px;padding:3px}.seg-btn{flex:1;border:none;background:transparent;border-radius:8px;padding:8px;font-size:13px;color:var(--muted)}.seg-btn.active{background:#fff;color:var(--primary);font-weight:600;box-shadow:0 1px 4px #10201d1a}.import-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:16px}.file-drop{border:1.5px dashed #c9dbd7;border-radius:12px;padding:22px;text-align:center;background:#fafcfb;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,background .15s}.file-drop:hover{border-color:var(--primary);background:#f4faf9}.file-drop strong{font-size:14px;font-weight:600;color:var(--primary-dark)}.file-drop span{font-size:12px;color:var(--muted)}.preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preview-stats>div{background:#f8fbfa;border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.preview-stats span{font-size:12px;color:var(--muted)}.preview-stats strong{font-size:20px;font-weight:700}.preview-stats .ok{color:var(--primary)}.preview-stats .warn{color:var(--warn)}.preview-stats .err{color:var(--danger)}.preview-table{border:1px solid var(--border);border-radius:10px;max-height:200px;overflow:auto}.preview-table .table{min-width:560px;font-size:13px}.preview-table .table th,.preview-table .table td{padding:8px 12px}.pill{display:inline-block;margin-left:6px;font-size:11px;padding:0 6px;border-radius:999px;line-height:1.7}.pill.warn{background:#fef3c7;color:#92400e}.strategy{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:stretch}.strategy-title{grid-column:span 3;font-size:13px;color:var(--muted)}.radio-card{border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:13px}.radio-card input{margin-top:2px;accent-color:var(--primary)}.radio-card div{display:flex;flex-direction:column;gap:3px}.radio-card strong{font-size:13px}.radio-card span{font-size:11.5px;color:var(--muted);line-height:1.5}.radio-card.active{border-color:var(--primary);background:#f4faf9}.result-box{text-align:center;padding:22px 10px 8px;display:flex;flex-direction:column;align-items:center;gap:10px}.result-icon{width:54px;height:54px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:26px}.result-box h3{font-size:17px}.result-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;color:#41524e}.result-grid span{background:#f4f9f8;border:1px solid #dcebe8;border-radius:999px;padding:4px 12px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:#123c37;color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;box-shadow:0 10px 30px #071a174d;z-index:100;animation:toastIn .2s ease}.toast.err{background:#b91c1c}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:4px;height:54px;padding:0 6px 0 16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.appbar-title{font-size:17px;font-weight:700;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-spacer{flex:1}.appbar-back{border:none;background:none;color:var(--text);width:40px;height:40px;margin-right:2px;margin-left:-6px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex:none}.appbar-back:active{background:#eef3f1}.appbar-action{border:none;background:none;color:var(--primary);font-size:14px;font-weight:500;padding:8px 10px;border-radius:8px;white-space:nowrap}.appbar-action:active{background:var(--primary-soft)}.appbar-icon{border:none;background:none;color:var(--muted);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex:none}.appbar-icon:active{background:#eef3f1;color:var(--text)}.appbar-menu{position:absolute;top:52px;right:8px;z-index:40;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #071a1729;padding:6px;display:flex;flex-direction:column;min-width:160px;animation:pop .15s ease}.appbar-menu button{border:none;background:none;text-align:left;padding:10px 14px;font-size:14px;color:var(--text);border-radius:8px}.appbar-menu button:active{background:var(--primary-soft)}.menu-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35}.m-tabs{display:flex;gap:8px;padding:12px 16px 0}.m-search{padding:12px 16px 0}.m-search .search{max-width:none;flex-basis:auto}.card-list{display:flex;flex-direction:column;gap:8px;padding:12px 16px calc(96px + env(safe-area-inset-bottom))}.band-card{display:block;width:100%;text-align:left;font-family:inherit;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;box-shadow:var(--shadow);-webkit-tap-highlight-color:transparent}.band-card:active{background:#f6faf9}.bc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.bc-code{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-qty{color:var(--primary);font-weight:600;font-size:13.5px;white-space:nowrap;flex:none}.bc-color{margin-top:4px;font-size:14px}.bc-sub{margin-top:2px;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-empty{text-align:center;color:var(--muted);font-size:14px;padding:60px 24px;line-height:1.8}.fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:30;width:56px;height:56px;border-radius:50%;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0f766e66;transition:transform .12s}.fab:active{transform:scale(.92);background:var(--primary-dark)}.detail-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.detail-body{display:flex;flex-direction:column;gap:12px;padding:16px 16px calc(32px + env(safe-area-inset-bottom))}.d-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.d-label{font-size:12.5px;font-weight:500;color:var(--muted)}.d-stock{font-size:22px;font-weight:700;color:var(--primary);letter-spacing:.3px}.d-actions{display:flex;gap:12px;margin-top:4px}.d-btn{flex:1;padding:11px 12px;font-size:14.5px;border-radius:12px}.btn.danger-outline{border-color:#fecaca;color:var(--danger);background:#fff}.btn.danger-outline:active{background:#fef2f2}.info-row{display:flex;gap:8px;font-size:14px;line-height:1.55}.info-label{width:76px;flex:none;color:var(--muted)}.info-value{min-width:0;word-break:break-word;white-space:pre-wrap}.d-photo{padding:0;overflow:hidden}.d-photo img{display:block;width:100%;height:220px;object-fit:cover}@media(max-width:900px){.auth{grid-template-columns:1fr}.auth-brand{padding:32px 28px}.auth-brand h1{font-size:26px}.auth-points{display:none}.auth-logo{margin-bottom:16px}.auth-panel{padding:20px 16px 40px}.auth-card{max-width:460px}}@media(max-width:720px){.topbar{padding:12px 14px}.brand p,.uinfo{display:none}.main{padding:16px 12px 40px;gap:14px}.stats{gap:8px}.stat{padding:12px;flex-wrap:wrap;gap:3px 6px}.stat-label{font-size:11px;width:100%;margin-right:0}.stat strong{font-size:20px}.toolbar{padding:12px;gap:8px}.search{max-width:none;flex-basis:100%}.actions{width:100%;margin-left:0}.actions .btn{flex:1;padding:9px 8px;font-size:13px}.form-grid{grid-template-columns:1fr;padding:16px}.overlay.form-sheet{padding:0;align-items:stretch;justify-content:stretch}.form-sheet .modal{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;animation:none}.form-sheet .modal-head{border-radius:0}.span2{grid-column:auto}.modal-head{padding:14px 16px}.preview-stats{grid-template-columns:repeat(2,1fr)}.stats-4{grid-template-columns:repeat(2,minmax(0,1fr))}.strategy{grid-template-columns:1fr}.strategy-title{grid-column:auto}.table-foot{font-size:11px}}