:root{--ink:#173b3f;--muted:#7b898c;--line:#e4e9e8;--bg:#f5f7f6;--teal:#17675f;--mint:#e5f1eb;--orange:#ce8b46}*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei","Segoe UI",sans-serif;font-size:14px;color:#263e43;background:var(--bg)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}a{color:inherit;text-decoration:none}.sidebar{position:fixed;width:238px;height:100vh;background:#143d40;color:#c1d1cf;padding:34px 20px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;gap:12px;align-items:center;color:#fff;font-size:24px;font-weight:700;margin:0 10px 40px}.brand-icon{width:42px;height:44px;display:grid;place-items:center;border:1px solid #83b0a7;border-radius:12px;font-size:29px;background:#2a5656;color:#d9ede0}.brand-en{display:block;font-size:8px;font-weight:400;letter-spacing:1.6px;margin-top:5px;color:#9ebeb8}.workspace-label{font-size:10px;color:#89a6a2;padding:0 12px 18px;letter-spacing:1px;display:flex;justify-content:space-between}.workspace-label span{font-size:9px;border:1px solid #486967;padding:1px 5px;border-radius:4px}nav button{display:flex;align-items:center;gap:13px;width:100%;border:0;background:none;color:#bbceca;padding:14px 13px;margin:4px 0;border-radius:7px;text-align:left;font-size:13px}nav button>span{font-size:21px;line-height:20px;width:20px;text-align:center}nav button.active{background:#315957;color:#fff}nav button:hover{background:#284f50}nav b{margin-left:auto;border-radius:4px;background:#4a6e66;font-size:10px;padding:2px 7px}.nav-divider{height:1px;background:#315456;margin:22px 12px}.sidebar-bottom{margin-top:auto;display:flex;gap:10px;align-items:center;border-top:1px solid #365657;padding:23px 8px 0;font-size:11px}.sidebar-bottom i,.local-dot{width:6px;height:6px;border-radius:100%;background:#81b593;display:inline-block}.sidebar-bottom small{display:block;color:#809e99;font-size:10px;margin-top:6px}.sidebar-bottom>span{margin-left:auto}.shell{margin-left:238px}header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:12px;color:#94a09f}.breadcrumb span{margin:0 14px;color:#cad0cf}.breadcrumb strong{font-weight:500;color:#344e51}.header-right{display:flex;align-items:center;gap:9px;font-size:11px;color:#718380}.header-divider{height:20px;width:1px;background:var(--line);margin:0 12px}.avatar{display:grid;place-items:center;background:#eaf0e8;border-radius:50%;width:32px;height:32px;color:#416450;font-weight:bold}main{padding:34px 38px;min-height:calc(100vh - 124px);max-width:1800px;margin:auto}footer{display:flex;justify-content:space-between;padding:15px 38px;font-size:10px;color:#99a5a2;border-top:1px solid var(--line)}h1{font-size:27px;font-weight:600;margin:7px 0 10px;letter-spacing:-.7px}h2{font-size:18px;margin:4px 0;font-weight:600}h3{font-size:14px;margin:0}.eyebrow{color:#8c9e97;letter-spacing:2px;font-size:9px;font-weight:600}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-head p{font-size:12px;color:#7e8e8a;margin:0;line-height:1.8}.actions{display:flex;gap:9px;align-items:center}.btn{border:1px solid #dce4e0;background:#fff;color:#45605a;border-radius:6px;padding:10px 16px;font-size:12px;display:inline-flex;gap:7px;align-items:center;justify-content:center;white-space:nowrap}.btn:hover{background:#eff4f1;border-color:#bed0c7}.btn.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn.primary:hover{background:#11584f}.btn.danger{color:#b14c3e}.btn:disabled{opacity:.5;cursor:wait}.welcome{border:1px solid #dce8df;background:#edf4ec;border-radius:10px;display:flex;padding:27px 30px;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;overflow:hidden}.welcome h2{font-size:23px;color:#214b40;margin:8px 0 12px}.welcome p{font-size:12px;color:#728c7d;max-width:650px;line-height:1.9;margin:0 0 19px}.welcome-art{width:130px;height:100px;margin:0 20px;display:grid;place-items:center;transform:rotate(-12deg);font-size:70px;color:#689e81;border:1px solid #c3d8c6;border-radius:24px;box-shadow:12px 12px 0 #dbe9d8,-12px -12px 0 #e4eddd}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:27px}.stat{background:white;border:1px solid var(--line);border-radius:8px;padding:21px 22px;position:relative}.stat .label{font-size:11px;color:#7b8d88}.stat .value{font-family:"Segoe UI",sans-serif;font-size:32px;color:#214a42;margin:12px 0 8px;font-weight:600}.stat small{font-size:10px;color:#91a19c}.stat-icon{position:absolute;right:20px;top:20px;background:#f0f5ef;border-radius:7px;padding:6px 9px;color:#648872}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.card-head{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0ee}.card-head small{color:#9aa7a1;font-size:10px}.card-body{padding:22px}.empty{padding:65px 20px;text-align:center;color:#87988e}.empty-symbol{font-size:34px;background:#f1f5ef;color:#8caa91;border-radius:15px;width:66px;height:66px;display:grid;place-items:center;margin:0 auto 17px}.empty h3{color:#486657;margin-bottom:10px}.empty p{font-size:12px;line-height:1.9;margin:0 0 19px}.activity{padding:13px 0;border-bottom:1px solid #eff2ef;display:flex;gap:12px;font-size:12px}.activity>i{height:7px;width:7px;background:#93b39f;border-radius:50%;margin-top:5px}.activity small{display:block;color:#99a79e;margin-top:7px;font-size:10px}.quality-item{display:flex;justify-content:space-between;font-size:12px;margin-bottom:11px}.progress{height:6px;border-radius:3px;background:#eff3ec;margin-bottom:25px}.progress>div{height:6px;background:#88ad91;border-radius:3px}.notice{background:#f9f7ef;border:1px solid #ece7d5;color:#92835b;padding:13px 16px;border-radius:6px;font-size:11px;line-height:1.9}.toolbar{display:flex;gap:11px;padding:18px 21px;border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap}.search{display:flex;align-items:center;background:#f8faf8;border:1px solid var(--line);border-radius:6px;padding:0 12px;flex:1;min-width:230px}.search span{font-size:21px;color:#7e9588}.search input{border:0;background:transparent;width:100%;padding:11px 9px;font-size:12px}.toolbar select{font-size:12px;padding:10px 12px;width:145px}.toolbar .result-count{font-size:11px;color:#98a59d}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{font-weight:500;color:#7b8e85;text-align:left;background:#fafbf9;padding:13px 18px;border-bottom:1px solid var(--line);font-size:10px}td{padding:15px 18px;border-bottom:1px solid #edf1ed;max-width:280px;overflow:hidden;text-overflow:ellipsis}tbody tr:hover{background:#fafcf9}td strong{font-weight:600;color:#315a4d}td small{display:block;font-size:10px;color:#99a69e;margin-top:5px}.product-cell{display:flex;gap:12px;align-items:center}.thumb{width:43px;height:43px;object-fit:cover;border-radius:7px;background:#eff4ec;color:#94aa95;display:grid;place-items:center;font-size:22px}.chip{font-size:10px;border-radius:4px;background:#edf5ee;color:#508665;padding:4px 8px}.chip.gray{background:#eff1ee;color:#8b968b}.chip.amber{background:#f8f1e4;color:#b18b48}.text-btn{border:0;background:none;font-size:11px;color:#347c67;padding:5px}.text-btn:hover{text-decoration:underline}.text-btn.danger{color:#b97364}.table-bottom{padding:14px 21px;color:#98a59d;font-size:10px;display:flex;justify-content:space-between}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.span2{grid-column:span 2}label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#5c7468}em{font-style:normal;color:#be8363;display:contents}input,textarea,select{border:1px solid #dce5dd;border-radius:5px;padding:11px 12px;background:white;color:#304f40;max-width:100%;min-width:0}textarea{resize:vertical;line-height:1.7}input::placeholder,textarea::placeholder{color:#b0bab2;font-size:12px}input:focus,textarea:focus,select:focus{outline:2px solid #a1c8ae;outline-offset:1px}.hint{font-size:11px;line-height:1.9;color:#93a094;background:#f6f8f3;padding:13px 15px;border-radius:5px;margin:0 0 20px}.two-col{display:grid;grid-template-columns:1fr 1.4fr;gap:22px}.large-text{width:100%;min-height:300px;font-family:Consolas,"Microsoft YaHei",monospace}.batch-result{white-space:normal}.batch-result td{max-width:350px;white-space:normal;word-break:break-word}.import-drop{border:1px dashed #bbcebc;padding:38px 25px;text-align:center;border-radius:9px;background:#f8fbf6;margin:0 0 22px}.import-drop label{display:block;line-height:2;color:#62896c}.import-drop input{display:block;width:100%;margin:16px auto 0;background:transparent;font-size:11px;border:0}.settings-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.module{padding:23px;background:#fff;border:1px solid var(--line);border-radius:8px}.module p{font-size:12px;color:#89998c;line-height:1.9;margin:12px 0}.module-head{display:flex;justify-content:space-between;align-items:center}.form-error{color:#b5513f;font-size:12px;line-height:1.8;margin-top:12px}.upload-row{display:flex;gap:25px;margin-bottom:25px;align-items:center}.product-image{width:140px;height:140px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#f7faf5}.price-history{white-space:normal}.price-history th,.price-history td{padding:12px 10px;font-size:11px}.subhead{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}dialog{width:850px;max-width:calc(100vw - 40px);border:1px solid #dce4d9;padding:0;border-radius:12px;box-shadow:0 20px 100px #173d3d33;color:#304d40;max-height:92vh}dialog::backdrop{background:#17312c77;backdrop-filter:blur(3px)}dialog.small-dialog{width:520px}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--line)}.icon-btn{border:0;background:none;font-size:27px;color:#8c9a8e}.dialog-tabs{display:flex;gap:22px;padding:0 28px;border-bottom:1px solid var(--line)}.dialog-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:16px 0;font-size:12px;color:#9aa797}.dialog-tabs button.active{color:#2d7156;border-color:#2d7156}.dialog-body{padding:26px 28px;max-height:61vh;overflow:auto}.dialog-foot{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-top:1px solid var(--line);background:#fafbf8}.dialog-foot>span{font-size:10px;color:#98a494}.dialog-foot .btn{margin-left:6px}#toast{position:fixed;bottom:35px;left:calc(50% + 70px);background:#214e40;color:#fff;padding:14px 25px;border-radius:8px;box-shadow:0 8px 25px #214e4033;z-index:100;display:none;font-size:12px}.error-page{padding:30px;color:#a45a47}.file-links{display:flex;gap:12px;margin-top:20px}.code-path{font-family:Consolas,monospace;background:#f3f6ef;padding:10px;border-radius:4px;font-size:11px;word-break:break-all}.info-list{font-size:12px;color:#7d9180;line-height:2;padding-left:18px}.page-loading{padding:80px;text-align:center;color:#8fa18f}.heading-note{color:#a8b3a6;font-size:11px}.data-note{font-size:11px;color:#97a48e;line-height:1.8;margin:16px 0}.badge-number{display:inline-block;font-family:Consolas,monospace;font-size:11px;padding:3px 6px;background:#f0f5ef;border-radius:4px;color:#6e8e70}
@media(min-width:1600px){main{padding-top:40px}.welcome{padding:35px}.stats{gap:23px}.stat{padding:27px}}@media(max-width:1100px){.sidebar{width:205px;padding:28px 12px}.shell{margin-left:205px}main{padding:26px 22px}header{padding:0 22px}.stats{gap:10px}.stat{padding:18px 16px}.welcome-art{display:none}.dashboard-grid,.two-col{grid-template-columns:1fr}.settings-list{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;padding:15px}.brand{margin:0 0 15px;font-size:20px}.brand-en,.workspace-label,.sidebar-bottom,.nav-divider{display:none}nav{display:flex;overflow:auto}nav button{min-width:max-content;width:auto;padding:10px}.shell{margin:0}header{height:55px}.stats{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;gap:12px;flex-direction:column}.welcome{padding:20px}.form-grid{gap:14px}.dialog-tabs{gap:14px;padding:0 16px}.dialog-tabs button{font-size:10px}.dialog-body{padding:20px}.dialog-foot>span{display:none}.dialog-foot{justify-content:flex-end}.header-right{display:none}footer{padding:15px 20px}footer span{display:none}#toast{left:20px;right:20px;text-align:center}.actions{flex-wrap:wrap}}

.image-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.image-slots label{border:1px solid #dce5dd;padding:12px;border-radius:8px}.image-slots img,.image-placeholder{width:100%;height:130px;object-fit:contain;background:#f4f7f2}.image-placeholder{display:grid;place-items:center;color:#93a696}.image-slots input{width:100%;font-size:10px;padding:6px}@media(max-width:600px){.image-slots{grid-template-columns:1fr 1fr}}
/* 比彩亮橙色主题 */
:root{--teal:#d94b00;--ink:#592c16;--mint:#fff0df;--bg:#fff9f3;--orange:#ff7a00}
.sidebar{background:#ff7900;color:#fff}.brand-icon{background:#fff0d9;color:#b74300;border-color:#ffd4a4}.brand-en,.workspace-label,.sidebar-bottom small{color:#fff1df}nav button{color:#fff}nav button.active{background:#a93600;color:#fff}nav button:hover{background:#c94b00}.sidebar-bottom{border-color:#ffb66f}nav b{background:#8f3100}.nav-divider{background:#ffa853}.welcome{background:#fff0df;border-color:#ffd8ad}.welcome h2{color:#934013}.welcome p{color:#855c3c}.welcome-art{color:#f17b17;border-color:#f5bf82;box-shadow:12px 12px 0 #ffdfb8,-12px -12px 0 #fff4e7}.btn.primary{background:#d94b00;border-color:#d94b00}.btn.primary:hover{background:#b73e00}.stat .value{color:#934013}.stat-icon,.empty-symbol{background:#fff0df;color:#d76213}.progress>div{background:#ff890f}.text-btn{color:#b94200}.dialog-tabs button.active{color:#bd4800;border-color:#f47a00}.chip{background:#fff0df;color:#a43f00}input:focus,textarea:focus,select:focus{outline-color:#ffb56c}#toast{background:#9c3900;z-index:9999}.image-slots{grid-template-columns:repeat(3,minmax(0,1fr))}

.sidebar nav{overflow-y:auto;min-height:0;flex:1}.sidebar-bottom{flex-shrink:0} .po-qty,.po-price{width:120px}


nav[hidden],nav [hidden]{display:none!important}body[data-team-role]:not([data-team-role=admin]):not([data-team-role=product]) [data-action=new-product],body[data-team-role]:not([data-team-role=admin]):not([data-team-role=product]) [data-action=delete-product],body[data-team-role]:not([data-team-role=admin]):not([data-team-role=product]) #save-product,body[data-team-role]:not([data-team-role=admin]):not([data-team-role=product]) #saved-extras input[type=file],body[data-team-role]:not([data-team-role=admin]):not([data-team-role=procurement]) [data-action=new-price]{display:none!important}