*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--page-bg,#f5f6f7);color:var(--page-text-color,#111)}body{display:flex}a{text-decoration:none;color:inherit}.sn-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width,300px);background:var(--sidebar-bg,#fff);color:var(--sidebar-text-color,#111);border-right:1px solid #e5e5e5;padding:30px 0 110px;overflow:auto}.sn-brand{font-size:var(--brand-font-size,22px);font-weight:950;padding:0 30px 36px}.sn-menu-title{font-size:var(--menu-group-title-size,14px);font-weight:900;color:var(--menu-group-title-color,#888);padding:18px 30px 10px}.sn-nav-link{display:flex;align-items:center;gap:16px;padding:16px 30px;font-weight:900;border-radius:0}.sn-nav-link:hover,.sn-nav-link.active{background:var(--sidebar-active-bg,#c9c9c9);color:var(--sidebar-active-text-color,#000);border-radius:0}.sn-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}.sn-icon img{width:100%;height:100%;object-fit:contain}.sn-sidebar-bottom{position:fixed;left:30px;bottom:28px;display:flex;gap:12px}.sn-bottom-btn{width:46px;height:46px;border-radius:14px!important;background:#fff;border:1px solid #d8d8d8;display:flex;align-items:center;justify-content:center;font-size:20px}.sn-bottom-btn:hover,.sn-bottom-btn.active{border-radius:14px!important;background:#f2f2f2}.sn-main{margin-left:var(--sidebar-width,300px);width:calc(100% - var(--sidebar-width,300px));min-height:100vh;padding:32px;background:var(--page-bg,#f5f6f7);overflow-x:hidden}.sn-hero{background:#111;color:#fff;border-radius:24px;padding:36px;margin-bottom:24px;display:flex;justify-content:space-between;gap:24px;align-items:center}.sn-hero p{letter-spacing:.16em;color:#aaa;font-weight:900;margin:0 0 10px}.sn-hero h1{font-size:38px;margin:0 0 10px;font-weight:950}.sn-hero span{color:#aaa;font-weight:800}.sn-hero-stat{min-width:150px;border-radius:18px;background:rgba(255,255,255,.08);padding:16px;text-align:center}.sn-hero-stat b{display:block;font-size:30px}.sn-subtypes{display:flex;flex-wrap:wrap;gap:12px;background:#fff;border:1px solid #e6e6e6;border-radius:18px;padding:16px;margin-bottom:24px}.sn-subtypes a,.sn-subtypes button,.sn-btn{height:42px;padding:0 18px;border-radius:12px;border:1px solid #ddd;background:#fff;font-weight:900;display:inline-flex;align-items:center}.sn-subtypes a.active{background:#111;color:#fff}.sn-card{background:#fff;border:1px solid #e6e6e6;border-radius:22px;padding:28px;margin-bottom:24px;box-shadow:0 10px 28px rgba(0,0,0,.04);overflow:hidden}.sn-card h2{margin:0 0 20px;font-size:24px;font-weight:950}.sn-card-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.sn-export{display:flex;gap:12px;margin-bottom:20px}.sn-export a{height:42px;border:1.5px solid #111;border-radius:12px;padding:0 18px;display:flex;align-items:center;font-weight:900}.sn-info-form{display:grid;grid-template-columns:360px 1fr;gap:32px;align-items:start}.sn-image-box{height:360px;border:1px solid #ddd;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.sn-image-box img{width:100%;height:100%;object-fit:cover}.sn-image-box input[type=file]{position:absolute;inset:0;opacity:0}.sn-image-box em{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;border-radius:999px;padding:8px 14px;font-style:normal;font-weight:800;opacity:0}.sn-image-box:hover em{opacity:1}.sn-info-grid,.sn-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}.sn-info-grid label,.sn-settings-grid label{display:flex;flex-direction:column;gap:8px;font-weight:900}.sn-info-grid .wide{grid-column:1/-1}input,select,textarea{border:1px solid #d8d8d8;background:#fff;border-radius:12px;height:42px;padding:0 10px;font:inherit;font-weight:600;color:#111;text-align:center;min-width:0}input:focus,select:focus{border-color:#0b63ce;box-shadow:0 0 0 3px rgba(11,99,206,.12);outline:none}button,.sn-btn{height:42px;padding:0 18px;border-radius:12px;border:1.5px solid #111;background:#fff;font-weight:900;cursor:pointer}button[type=submit]:not(.danger){background:#111;color:#fff}.danger{color:#e60000;border-color:#e60000;background:#fff}.sn-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:24px}.sn-stats div{background:#fff;border:1px solid #e6e6e6;border-radius:18px;padding:18px;text-align:center}.sn-stats b{display:block;font-size:24px;font-weight:950}.sn-stats span{color:#666;font-weight:800}.sn-table{display:grid;border:1px solid #e6e6e6;border-radius:18px;overflow:hidden;background:#fff;margin-bottom:18px}.sn-table>*{min-height:56px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;display:grid;place-items:center;padding:8px;font-weight:800}.sn-table>div:nth-child(-n+20){background:#f3f3f3;font-weight:950}.contents-form{display:contents}.sn-table input{width:86%;max-width:100%}.sn-fabric-table.add{grid-template-columns:1fr 70px repeat(5,.8fr) 1fr .8fr 1fr 76px}.sn-fabric-table:not(.add){grid-template-columns:1fr 70px repeat(5,.75fr) .75fr 1fr .75fr 1fr .9fr 1fr 76px}.sn-accessory-table.add{grid-template-columns:1.8fr 1.4fr .9fr .9fr .9fr 76px}.sn-accessory-table:not(.add){grid-template-columns:1.8fr 1.4fr .9fr 1fr 1fr .8fr .8fr 1fr 76px}.red{color:red}.sn-switch{display:flex;background:#f7f7f7;border:1px solid #ddd;border-radius:16px;padding:6px;gap:6px}.sn-switch a{height:38px;padding:0 16px;border-radius:11px;font-weight:900}.sn-switch a.active{background:#111;color:#fff}.sn-stock-grid{display:grid;border:1px solid #e6e6e6;border-radius:20px;overflow:hidden;background:#fff}.sn-stock-grid>*{min-height:58px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;display:grid;place-items:center;padding:8px;font-weight:800}.sn-stock-grid>div:nth-child(-n+10){background:#f3f3f3;font-weight:950}.sn-stock-grid .add-row input{background:#fff}.sn-stock-grid .add-row>*{background:#eee}.sn-stock-grid input{width:82%;height:38px}.sn-stock-grid.product{grid-template-columns:1.35fr .9fr .9fr 70px repeat(5,.75fr) 76px}.sn-stock-grid.material{grid-template-columns:1.6fr 1fr 70px 1fr 1fr 76px}.sn-stock-grid form{display:contents}.sn-stock-grid button{width:42px;height:38px;padding:0}.sn-stock-grid input[type=color],input[type=color]{appearance:none;-webkit-appearance:none;width:42px!important;height:42px!important;padding:0!important;border-radius:10px!important;border:1px solid #d8d8d8!important;background-color:var(--color-bg,#000);overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;opacity:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{display:none;appearance:none;-webkit-appearance:none}.login-page{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.login-left{background:#e5e5e5}.login-panel{display:flex;align-items:center;justify-content:center}.login-card{width:360px;display:grid;gap:18px}.login-card h1{font-size:32px}.login-card label{display:grid;gap:8px;font-weight:900}.login-card button{background:#111;color:#fff}.sn-modal{position:fixed;inset:0;background:rgba(0,0,0,.25);display:none;align-items:center;justify-content:center;z-index:100}.sn-modal.open{display:flex}.sn-modal-card{width:420px;background:#fff;border-radius:20px;padding:22px}.sn-modal-head{display:flex;justify-content:space-between}.sn-modal-input{width:100%;margin:18px 0}.sn-modal-actions{display:flex;justify-content:flex-end;gap:12px}.primary{background:#111;color:#fff}.settings-page{display:grid;gap:24px}.settings-page .settings-block{padding:28px}.settings-block-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.settings-block-head h2{margin:0 0 8px;font-size:24px;font-weight:950}.settings-block-head p{margin:0;color:#777;font-weight:700}.settings-add-grid{display:grid;grid-template-columns:1.4fr .9fr 1fr .8fr 120px;gap:16px;align-items:end}.settings-add-grid label,.settings-ui-form label{display:grid;gap:8px;font-weight:900}.settings-page label span{color:#111;font-weight:900}.settings-page input,.settings-page select{width:100%;min-width:0;height:42px;border-radius:12px;text-align:center}.settings-page input[type=color]{width:44px;min-width:44px;max-width:44px;height:44px;padding:0;border-radius:12px}.settings-table{border:1px solid #e6e6e6;border-radius:18px;overflow:hidden;background:#fff}.settings-table-head,.settings-table-row{display:grid;grid-template-columns:1.4fr 1.4fr .8fr .7fr .8fr 1fr .7fr 100px}.settings-table-head>div,.settings-table-row>div{min-height:60px;display:grid;place-items:center;padding:10px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.settings-table-head>div{background:#f3f3f3;font-weight:950}.settings-table-row>div:last-child,.settings-table-head>div:last-child{border-right:0}.settings-preview{display:flex!important;gap:10px;justify-content:center;align-items:center}.settings-preview .preview-icon{font-size:22px}.settings-row-actions button{width:64px;height:38px;padding:0;border-radius:10px}.settings-section-title{margin:26px 0 16px;padding-top:18px;border-top:1px solid #e8e8e8;color:#777;font-size:16px;font-weight:950}.settings-ui-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 28px;align-items:start}.settings-form-actions{margin-top:26px;display:flex}.settings-form-actions .settings-submit{width:180px}.sn-flash{background:#fff7d6;border:1px solid #f0df9a;border-radius:12px;padding:12px;margin-bottom:16px}.sn-toast{position:fixed;right:28px;bottom:28px;background:#111;color:#fff;border-radius:999px;padding:10px 18px;font-weight:900;z-index:9999;opacity:0;transition:.16s}@media(max-width:1300px){.settings-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-ui-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-table{overflow-x:auto}.settings-table-head,.settings-table-row{min-width:980px}}@media(max-width:1200px){.sn-stats{grid-template-columns:repeat(2,1fr)}.sn-info-form{grid-template-columns:1fr}.sn-info-grid,.sn-settings-grid{grid-template-columns:1fr}.sn-main{padding:20px}}
/* ===== v3.3 Product Real Table Rebuild: stable table layout ===== */
.product-table-card {
padding: 34px 40px 42px !important;
background: #fff !important;
border: 1px solid #e6e6e6 !important;
border-radius: 22px !important;
box-shadow: 0 10px 28px rgba(0,0,0,.04) !important;
}
.product-table-card h2 {
margin: 0 0 24px !important;
font-size: 24px !important;
font-weight: 950 !important;
}
.product-table-card .real-table-section {
width: 94% !important;
max-width: 1680px !important;
margin: 0 auto 34px !important;
}
.product-table-card .section-label {
margin: 0 0 10px 2px !important;
color: #777 !important;
font-size: 14px !important;
font-weight: 950 !important;
}
.product-table-card .table-scroll {
width: 100% !important;
overflow-x: auto !important;
}
.product-table-card table.real-table {
width: 100% !important;
table-layout: fixed !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid #e3e3e3 !important;
border-radius: 18px !important;
overflow: hidden !important;
background: #fff !important;
}
.product-table-card table.real-table th,
.product-table-card table.real-table td {
height: 76px !important;
min-height: 76px !important;
padding: 10px 8px !important;
border-right: 1px solid #e6e6e6 !important;
border-bottom: 1px solid #e6e6e6 !important;
text-align: center !important;
vertical-align: middle !important;
box-sizing: border-box !important;
font-weight: 800 !important;
}
.product-table-card table.real-table th {
height: 64px !important;
min-height: 64px !important;
background: #f3f3f3 !important;
font-size: 15px !important;
font-weight: 950 !important;
color: #111 !important;
}
.product-table-card table.real-table tr:last-child td { border-bottom: none !important; }
.product-table-card table.real-table th:last-child,
.product-table-card table.real-table td:last-child { border-right: none !important; }
.product-table-card .add-section table.real-table td {
background: #eeeeee !important;
}
.product-table-card table.real-table input,
.product-table-card table.real-table select {
width: 82% !important;
max-width: 180px !important;
min-width: 0 !important;
height: 46px !important;
border-radius: 12px !important;
border: 1px solid #d8d8d8 !important;
background: #fff !important;
text-align: center !important;
font-size: 15px !important;
font-weight: 650 !important;
padding: 0 10px !important;
box-sizing: border-box !important;
margin: 0 auto !important;
display: inline-block !important;
}
.product-table-card table.real-table input[type="color"] {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
padding: 0 !important;
border-radius: 10px !important;
background-color: var(--color-bg, #000) !important;
overflow: hidden !important;
}
.product-table-card .calc-cell {
background: #fff !important;
color: #111 !important;
font-size: 15px !important;
font-weight: 800 !important;
white-space: nowrap !important;
}
.product-table-card .money-cell { font-weight: 900 !important; }
.product-table-card .red { color: red !important; font-weight: 900 !important; }
.product-table-card .small-primary {
width: 64px !important;
height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
font-size: 14px !important;
font-weight: 900 !important;
}
.product-table-card .small-danger,
.product-table-card .action-cell button {
width: 48px !important;
height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
background: #fff !important;
color: #e60000 !important;
border: 1.5px solid #e60000 !important;
font-size: 14px !important;
font-weight: 900 !important;
}
.product-table-card .hidden-row-form { display: none !important; }
.product-table-card .col-color-name { width: 9%; }
.product-table-card .col-color-chip { width: 5%; }
.product-table-card .col-size { width: 7%; }
.product-table-card .col-count { width: 6%; }
.product-table-card .col-usage { width: 9%; }
.product-table-card .col-unit { width: 7%; }
.product-table-card .col-total { width: 9%; }
.product-table-card .col-price { width: 8%; }
.product-table-card .col-money { width: 10%; }
.product-table-card .col-action { width: 6%; }
.product-table-card .col-material { width: 20%; }
.product-table-card .col-part { width: 15%; }
.product-table-card .col-usage-small { width: 9%; }
@media (max-width: 1400px) {
.product-table-card .real-table-section { width: 96% !important; }
.product-table-card table.real-table { min-width: 1280px !important; }
}
/* ===== 库存页表格 UI：按产品功能区/一级菜单表格节奏统一 ===== */
/* 库存卡片整体留白统一 */
.sn-card:has(.sn-stock-grid) {
padding: 32px 36px 38px !important;
background: #fff !important;
border: 1px solid #e6e6e6 !important;
border-radius: 22px !important;
box-shadow: 0 10px 28px rgba(0,0,0,.04) !important;
}
/* 库存标题和切换按钮对齐 */
.sn-card:has(.sn-stock-grid) .sn-card-head {
margin-bottom: 24px !important;
align-items: center !important;
}
.sn-card:has(.sn-stock-grid) .sn-card-head h2 {
margin: 0 !important;
font-size: 24px !important;
font-weight: 950 !important;
}
/* 库存表整体：和一级菜单表格一样，内缩、居中、不贴边 */
.sn-stock-grid {
width: 96% !important;
max-width: 1680px !important;
margin-left: auto !important;
margin-right: auto !important;
border: 1px solid #e3e3e3 !important;
border-radius: 18px !important;
overflow: hidden !important;
background: #fff !important;
}
/* 物料库存列宽：物料名称大，颜色/单位缩小 */
.sn-stock-grid.material {
grid-template-columns:
2.35fr /* 物料名称 */
.75fr /* 颜色 */
70px /* 色块 */
.72fr /* 单位 */
1fr /* 库存数量 */
76px /* 操作 */
!important;
}
/* 产品库存列宽：名称/款号/颜色更合理，操作列固定 */
.sn-stock-grid.product {
grid-template-columns:
1.45fr /* 产品名称 */
.95fr /* 款号 */
.85fr /* 颜色 */
70px /* 色块 */
.72fr /* XS */
.72fr /* S */
.72fr /* M */
.72fr /* L */
.72fr /* XL */
76px /* 操作 */
!important;
}
/* 表头：和一级菜单表格一致 */
.sn-stock-grid > div:nth-child(-n+10) {
background: #f3f3f3 !important;
font-weight: 950 !important;
color: #111 !important;
min-height: 64px !important;
height: 64px !important;
font-size: 15px !important;
}
/* 所有单元格统一行高和边线 */
.sn-stock-grid > * {
min-height: 78px !important;
height: 78px !important;
padding: 10px 10px !important;
border-right: 1px solid #e6e6e6 !important;
border-bottom: 1px solid #e6e6e6 !important;
display: grid !important;
place-items: center !important;
text-align: center !important;
box-sizing: border-box !important;
}
/* 添加行融入表格：不再像一块独立大灰区，只做轻微浅灰提示 */
.sn-stock-grid .add-row > * {
background: #f5f5f5 !important;
}
/* 已保存行白底 */
.sn-stock-grid > *:not(:nth-child(-n+10)) {
background: #fff;
}
/* 输入框统一成一级菜单表格节奏 */
.sn-stock-grid input,
.sn-stock-grid select {
width: 82% !important;
max-width: 220px !important;
min-width: 0 !important;
height: 46px !important;
min-height: 46px !important;
padding: 0 10px !important;
border-radius: 12px !important;
border: 1px solid #d8d8d8 !important;
background: #fff !important;
color: #111 !important;
font-size: 15px !important;
font-weight: 650 !important;
text-align: center !important;
box-sizing: border-box !important;
margin: 0 auto !important;
}
/* 物料名称输入框可稍宽 */
.sn-stock-grid.material input[name="name"] {
width: 86% !important;
max-width: 360px !important;
}
/* 颜色列输入框收窄 */
.sn-stock-grid.material input[name="color_name"],
.sn-stock-grid.product input[name="color_name"] {
width: 72% !important;
max-width: 140px !important;
}
/* 单位列输入框收窄 */
.sn-stock-grid.material input[name="unit"] {
width: 72% !important;
max-width: 120px !important;
}
/* 库存数量 / 尺码数字输入框更紧凑 */
.sn-stock-grid input[type="number"] {
width: 72% !important;
max-width: 130px !important;
font-variant-numeric: tabular-nums !important;
}
/* 色块完整方块 */
.sn-stock-grid input[type="color"] {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
padding: 0 !important;
border-radius: 10px !important;
border: 1px solid #d8d8d8 !important;
background-color: var(--color-bg, #000) !important;
overflow: hidden !important;
}
/* 添加按钮统一，不抢视觉 */
.sn-stock-grid .add-row button,
.sn-stock-grid button[type="submit"]:not(.danger) {
width: 64px !important;
min-width: 64px !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
background: #111 !important;
color: #fff !important;
border: 1.5px solid #111 !important;
font-size: 14px !important;
font-weight: 900 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* 删除按钮统一弱化 */
.sn-stock-grid .danger {
width: 48px !important;
min-width: 48px !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
background: #fff !important;
color: #e60000 !important;
border: 1.5px solid #e60000 !important;
font-size: 14px !important;
font-weight: 900 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* 切换按钮区域保持紧凑 */
.sn-switch {
height: 48px !important;
padding: 6px !important;
border-radius: 16px !important;
}
.sn-switch a {
height: 36px !important;
padding: 0 16px !important;
border-radius: 11px !important;
font-size: 14px !important;
font-weight: 900 !important;
}
/* 小屏幕允许横向滚动，不压坏 */
@media (max-width: 1400px) {
.sn-card:has(.sn-stock-grid) {
overflow-x: auto !important;
}
.sn-stock-grid {
min-width: 1080px !important;
}
}
/* ===== 修复库存表炸列：form 必须 display: contents ===== */
/* 库存表里的 form 不能变成单元格，否则整张表会乱 */
.sn-stock-grid > form,
.sn-stock-grid form,
.sn-stock-grid .contents-form,
.sn-stock-grid .auto-refresh-form {
display: contents !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: transparent !important;
min-height: 0 !important;
height: auto !important;
}
/* 只让表头 div 作为单元格 */
.sn-stock-grid > div {
min-height: 64px !important;
height: 64px !important;
padding: 10px !important;
border-right: 1px solid #e6e6e6 !important;
border-bottom: 1px solid #e6e6e6 !important;
background: #f3f3f3 !important;
display: grid !important;
place-items: center !important;
text-align: center !important;
font-weight: 950 !important;
}
/* form 里的 input / button 才是真正的数据单元格内容 */
.sn-stock-grid form > input,
.sn-stock-grid form > select,
.sn-stock-grid form > button {
align-self: center !important;
justify-self: center !important;
}
/* 重新给输入框正常尺寸 */
.sn-stock-grid input,
.sn-stock-grid select {
width: 82% !important;
max-width: 220px !important;
min-width: 0 !important;
height: 46px !important;
min-height: 46px !important;
padding: 0 10px !important;
border-radius: 12px !important;
border: 1px solid #d8d8d8 !important;
background: #fff !important;
color: #111 !important;
font-size: 15px !important;
font-weight: 650 !important;
text-align: center !important;
box-sizing: border-box !important;
margin: 0 auto !important;
}
/* 色块恢复完整方块 */
.sn-stock-grid input[type="color"] {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
padding: 0 !important;
border-radius: 10px !important;
background-color: var(--color-bg, #000) !important;
overflow: hidden !important;
}
/* 添加按钮 */
.sn-stock-grid .add-row button,
.sn-stock-grid button[type="submit"]:not(.danger) {
width: 64px !important;
min-width: 64px !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
background: #111 !important;
color: #fff !important;
border: 1.5px solid #111 !important;
font-size: 14px !important;
font-weight: 900 !important;
}
/* 删除按钮 */
.sn-stock-grid .danger {
width: 48px !important;
min-width: 48px !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
background: #fff !important;
color: #e60000 !important;
border: 1.5px solid #e60000 !important;
font-size: 14px !important;
font-weight: 900 !important;
}
/* 防止按钮跑到错误列 */
.sn-stock-grid form > button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* 产品库存列宽重新锁定 */
.sn-stock-grid.product {
grid-template-columns:
1.45fr
.95fr
.85fr
70px
.72fr
.72fr
.72fr
.72fr
.72fr
76px
!important;
}
/* 物料库存列宽重新锁定 */
.sn-stock-grid.material {
grid-template-columns:
2.35fr
.75fr
70px
.72fr
1fr
76px
!important;
}
/* ===== 库存页拆分为新增表 / 已保存表：参考产品功能区间距 ===== */
.inventory-table-card {
padding: 34px 40px 42px !important;
background: #fff !important;
border: 1px solid #e6e6e6 !important;
border-radius: 22px !important;
box-shadow: 0 10px 28px rgba(0,0,0,.04) !important;
}
.inventory-table-card .sn-card-head {
margin-bottom: 26px !important;
}
.inventory-table-card h2 {
margin: 0 !important;
font-size: 24px !important;
font-weight: 950 !important;
}
.inv-table-section {
width: 94% !important;
max-width: 1680px !important;
margin: 0 auto 36px !important;
}
.inv-table-section .section-label {
margin: 0 0 10px 2px !important;
color: #777 !important;
font-size: 14px !important;
font-weight: 950 !important;
}
.inv-real-table {
width: 100% !important;
table-layout: fixed !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid #e3e3e3 !important;
border-radius: 18px !important;
overflow: hidden !important;
background: #fff !important;
}
.inv-real-table th,
.inv-real-table td {
height: 76px !important;
min-height: 76px !important;
padding: 10px 8px !important;
border-right: 1px solid #e6e6e6 !important;
border-bottom: 1px solid #e6e6e6 !important;
text-align: center !important;
vertical-align: middle !important;
box-sizing: border-box !important;
font-weight: 800 !important;
}
.inv-real-table th {
height: 64px !important;
min-height: 64px !important;
background: #f3f3f3 !important;
font-size: 15px !important;
font-weight: 950 !important;
color: #111 !important;
}
.inv-real-table tr:last-child td {
border-bottom: none !important;
}
.inv-real-table th:last-child,
.inv-real-table td:last-child {
border-right: none !important;
}
.inv-add-section .inv-real-table td {
background: #eeeeee !important;
}
.inv-real-table input,
.inv-real-table select {
width: 82% !important;
max-width: 220px !important;
min-width: 0 !important;
height: 46px !important;
border-radius: 12px !important;
border: 1px solid #d8d8d8 !important;
background: #fff !important;
text-align: center !important;
font-size: 15px !important;
font-weight: 650 !important;
padding: 0 10px !important;
box-sizing: border-box !important;
margin: 0 auto !important;
}
.inv-real-table input[type="color"] {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
padding: 0 !important;
border-radius: 10px !important;
background-color: var(--color-bg, #000) !important;
overflow: hidden !important;
}
.inv-real-table .small-primary {
width: 64px !important;
height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
background: #111 !important;
color: #fff !important;
border: 1.5px solid #111 !important;
font-size: 14px !important;
font-weight: 900 !important;
}
.inv-real-table .small-danger,
.inv-real-table .danger {
width: 48px !important;
height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
background: #fff !important;
color: #e60000 !important;
border: 1.5px solid #e60000 !important;
font-size: 14px !important;
font-weight: 900 !important;
}
.inv-real-table .action-cell {
text-align: center !important;
}
.inv-real-table .action-cell form {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
}
.hidden-row-form {
display: none !important;
}
/* 物料库存列宽 */
.inv-material-table .col-material-name { width: 38%; }
.inv-material-table .col-color-name { width: 14%; }
.inv-material-table .col-color-chip { width: 70px; }
.inv-material-table .col-unit { width: 13%; }
.inv-material-table .col-stock { width: 17%; }
.inv-material-table .col-action { width: 76px; }
/* 产品库存列宽 */
.inv-product-table .col-product-name { width: 22%; }
.inv-product-table .col-model { width: 14%; }
.inv-product-table .col-color-name { width: 13%; }
.inv-product-table .col-color-chip { width: 70px; }
.inv-product-table .col-size { width: 9%; }
.inv-product-table .col-action { width: 76px; }
@media (max-width: 1400px) {
.inventory-table-card {
overflow-x: auto !important;
}
.inv-table-section {
width: 96% !important;
}
.inv-real-table {
min-width: 1080px !important;
}
}
/* ===== 库存页切换按钮：弱化成小号分段控件 ===== */
.inventory-table-card .sn-card-head {
align-items: center !important;
}
/* 外层分段控件缩小 */
.inventory-table-card .sn-switch {
height: 40px !important;
padding: 4px !important;
gap: 4px !important;
border-radius: 14px !important;
border: 1px solid #dcdcdc !important;
background: #f7f7f7 !important;
box-shadow: none !important;
}
/* 默认按钮 */
.inventory-table-card .sn-switch a {
height: 32px !important;
min-width: 86px !important;
padding: 0 14px !important;
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 850 !important;
color: #333 !important;
background: transparent !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* 选中态：不再大黑块，改成轻黑小块 */
.inventory-table-card .sn-switch a.active {
background: #111 !important;
color: #fff !important;
border-radius: 10px !important;
box-shadow: none !important;
}
/* hover 轻反馈 */
.inventory-table-card .sn-switch a:not(.active):hover {
background: #ececec !important;
}
/* 右上角不要太靠边、和标题视觉对齐 */
.inventory-table-card .sn-card-head .sn-switch {
margin-top: 0 !important;
margin-right: 0 !important;
}
/* ===== 表格与标题左右边界统一 ===== */
/* 产品页用量表：表格和标题左边对齐，右边留白一致 */
.product-table-card .real-table-section,
.product-table-card .sn-real-table-section,
.product-table-card .sn-product-grid-table {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 产品页表格滚动容器占满内容区 */
.product-table-card .table-scroll {
width: 100% !important;
max-width: 100% !important;
}
/* 库存页表格：表格和标题左边对齐，右边留白一致 */
.inventory-table-card .inv-table-section,
.inventory-table-card .real-table-section,
.inventory-table-card .sn-stock-grid {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 库存页表格滚动容器占满内容区 */
.inventory-table-card .table-scroll {
width: 100% !important;
max-width: 100% !important;
}
/* 小标题也和表格、主标题左边对齐 */
.product-table-card .section-label,
.inventory-table-card .section-label {
margin-left: 0 !important;
}
/* 防止之前 94% / 96% 居中规则继续生效 */
@media (max-width: 1400px) {
.product-table-card .real-table-section,
.product-table-card .sn-real-table-section,
.inventory-table-card .inv-table-section,
.inventory-table-card .real-table-section {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
/* ===== 库存页物料表：列宽与输入框实际容量匹配 ===== */
/* 物料库存列宽重新分配 */
.inv-material-table .col-material-name {
width: 46% !important;
}
.inv-material-table .col-color-name {
width: 110px !important;
}
.inv-material-table .col-color-chip {
width: 74px !important;
}
.inv-material-table .col-unit {
width: 86px !important;
}
.inv-material-table .col-stock {
width: 150px !important;
}
.inv-material-table .col-action {
width: 76px !important;
}
/* 物料名称输入框：跟随大列宽，不要小框浪费空间 */
.inv-material-table input[name="name"] {
width: 88% !important;
max-width: none !important;
min-width: 280px !important;
}
/* 颜色：只保留约 4 个字容量 */
.inv-material-table input[name="color_name"] {
width: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
padding: 0 6px !important;
}
/* 单位：只保留约 2 个字容量 */
.inv-material-table input[name="unit"] {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
padding: 0 6px !important;
}
/* 库存数量：适中，不要太大 */
.inv-material-table input[name="stock_qty"] {
width: 96px !important;
min-width: 96px !important;
max-width: 96px !important;
}
/* 色块保持方形居中 */
.inv-material-table input[type="color"] {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
/* 输入框文字保持居中 */
.inv-material-table input {
text-align: center !important;
}
/* 小屏仍允许横向滚动，不压坏列 */
@media (max-width: 1400px) {
.inv-material-table {
min-width: 1080px !important;
}
}
/* 库存类型局部切换：只给表格区域轻微状态，不白屏、不跳页 */
.inventory-table-card.inventory-soft-loading {
pointer-events: none;
}
.inventory-table-card.inventory-soft-loading .sn-switch {
opacity: 0.72;
}
.inventory-table-card {
transition: none !important;
}
/* 库存类型局部切换：只给表格区域轻微状态，不白屏、不跳页 */
.inventory-table-card.inventory-soft-loading {
pointer-events: none;
}
.inventory-table-card.inventory-soft-loading .sn-switch {
opacity: 0.72;
}
.inventory-table-card {
transition: none !important;
}
/* ===== 库存页切换按钮：放到标题旁边，并缩小 ===== */
.inventory-table-card .sn-card-head {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 18px !important;
margin-bottom: 26px !important;
}
/* 标题不要占满整行 */
.inventory-table-card .sn-card-head h2 {
flex: 0 0 auto !important;
margin: 0 !important;
font-size: 24px !important;
font-weight: 950 !important;
}
/* 切换按钮放标题旁边 */
.inventory-table-card .sn-switch {
flex: 0 0 auto !important;
height: 34px !important;
padding: 3px !important;
gap: 3px !important;
border-radius: 12px !important;
border: 1px solid #dcdcdc !important;
background: #f7f7f7 !important;
box-shadow: none !important;
margin: 0 !important;
}
/* 按钮再小一点 */
.inventory-table-card .sn-switch a {
height: 28px !important;
min-width: 76px !important;
padding: 0 12px !important;
border-radius: 9px !important;
font-size: 13px !important;
font-weight: 850 !important;
color: #333 !important;
background: transparent !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* 当前选中 */
.inventory-table-card .sn-switch a.active {
background: #111 !important;
color: #fff !important;
border-radius: 9px !important;
}
/* hover 轻反馈 */
.inventory-table-card .sn-switch a:not(.active):hover {
background: #ececec !important;
}
/* ===== 分区标题设置模块 ===== */
.settings-group-title-form {
display: grid;
grid-template-columns: 1fr 1fr 160px;
gap: 18px;
align-items: end;
}
.settings-group-title-form label {
display: grid;
gap: 8px;
font-weight: 900;
}
.settings-group-title-form input {
width: 100%;
height: 42px;
border-radius: 12px;
text-align: center;
}
.settings-group-title-form button {
height: 42px;
border-radius: 12px;
}
@media (max-width: 900px) {
.settings-group-title-form {
grid-template-columns: 1fr;
}
}
/* ===== 设置页保存按钮：未修改灰色，修改后重点色 ===== */
/* 默认未修改：灰色弱化 */
.settings-page button.sn-dirty-save-button,
.settings-page button.sn-dirty-save-button:disabled {
background: #e5e5e5 !important;
color: #999 !important;
border-color: #e5e5e5 !important;
cursor: not-allowed !important;
opacity: 1 !important;
}
/* 已修改：黑色重点按钮 */
.settings-page button.sn-dirty-save-button.is-dirty {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
cursor: pointer !important;
}
/* 添加按钮不受影响 */
.settings-page button.settings-submit:not(.sn-dirty-save-button) {
background: #111;
color: #fff;
border-color: #111;
}
/* ===== 一级菜单：图片 icon 上传/替换 ===== */
.settings-icon-combo {
display: flex;
gap: 0;
align-items: center;
}
.settings-upload-btn {
height: 42px;
border: 1px dashed #bdbdbd;
border-radius: 12px;
background: #fff;
color: #333;
font-size: 13px;
font-weight: 900;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
white-space: nowrap;
}
.settings-upload-btn:hover {
background: #f5f5f5;
}
.settings-upload-btn input[type="file"] {
display: none;
}
.settings-icon-cell {
width: 100%;
display: flex !important;
align-items: center;
justify-content: center;
}
.settings-icon-cell .row-upload-btn {
width: 58px;
height: 38px;
border-radius: 10px;
font-size: 12px;
}
.settings-delete-cell {
width: 100%;
}
.settings-delete-category-btn {
height: 36px !important;
padding: 0 12px !important;
border: 1px solid #e05b5b !important;
border-radius: 10px !important;
background: #fff !important;
color: #d82424 !important;
font-size: 13px !important;
font-weight: 900 !important;
}
.settings-delete-category-btn:hover {
background: #fff1f1 !important;
}
.settings-preview .image-preview {
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.settings-preview .image-preview img {
width: 30px;
height: 30px;
object-fit: contain;
display: block;
}
/* 左侧菜单图片 icon 规整 */
.sn-icon img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
/* 左侧菜单：缩小 icon 和文字间距 */
.sn-nav-link {
gap: 10px !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
}
.sn-nav-link b {
font-size: inherit !important;
line-height: inherit !important;
font-weight: inherit !important;
}
/* icon 区域不要占太宽 */
.sn-icon {
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
height: 28px !important;
}
/* 图片 icon 跟文字对齐 */
.sn-icon img {
width: 28px !important;
height: 28px !important;
object-fit: contain !important;
}
.sn-default-menu-icon {
width: 28px;
height: 28px;
display: block;
color: currentColor;
flex: 0 0 auto;
}
.sn-default-menu-icon[hidden] {
display: none !important;
}
.sn-icon-empty {
width: 28px;
height: 28px;
display: block;
flex: 0 0 auto;
}
.sn-icon-empty[hidden] {
display: none !important;
}
/* account icon only: make user icon match settings icon */
.account-user-icon {
width: 28px !important;
height: 28px !important;
color: #111 !important;
stroke: currentColor !important;
display: inline-block !important;
vertical-align: middle !important;
}
/* account icon only: solid style to match settings gear */
.account-user-icon {
width: 22px !important;
height: 22px !important;
color: #111 !important;
fill: currentColor !important;
stroke: none !important;
display: inline-block !important;
vertical-align: middle !important;
}
/* balance top account/settings icon visual size */
.account-user-icon {
width: 19px !important;
height: 19px !important;
color: #111 !important;
fill: currentColor !important;
stroke: none !important;
display: inline-block !important;
vertical-align: middle !important;
}
.settings-gear-icon {
width: 23px !important;
height: 23px !important;
color: #111 !important;
fill: currentColor !important;
stroke: none !important;
display: inline-block !important;
vertical-align: middle !important;
}
/* if gear is still rendered by icon font */
.fa-cog,
.fa-gear {
font-size: 23px !important;
color: #111 !important;
}
/* final balance: make account/settings icons smaller and visually closer */
.account-user-icon {
width: 17px !important;
height: 17px !important;
color: #111 !important;
fill: currentColor !important;
stroke: none !important;
display: inline-block !important;
vertical-align: middle !important;
}
.settings-gear-icon {
width: 19px !important;
height: 19px !important;
color: #111 !important;
fill: currentColor !important;
stroke: none !important;
display: inline-block !important;
vertical-align: middle !important;
}
/* fallback if gear is rendered by font icon */
.fa-cog,
.fa-gear {
font-size: 19px !important;
color: #111 !important;
}
/* product detail header: remove black background */
.product-detail-header,
.product-detail-hero,
.product-detail-card,
.detail-header,
.detail-hero,
.detail-card,
.product-hero {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}
/* product detail header text after removing dark bg */
.product-detail-header *,
.product-detail-hero *,
.product-detail-card *,
.detail-header *,
.detail-hero *,
.detail-card *,
.product-hero * {
color: #111 !important;
}
/* right plan count box: remove background */
.product-detail-header .stat-card,
.product-detail-hero .stat-card,
.product-detail-card .stat-card,
.detail-header .stat-card,
.detail-hero .stat-card,
.detail-card .stat-card,
.product-hero .stat-card,
.product-detail-header .summary-card,
.product-detail-hero .summary-card,
.product-detail-card .summary-card,
.detail-header .summary-card,
.detail-hero .summary-card,
.detail-card .summary-card,
.product-hero .summary-card {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}
/* right count number smaller */
.product-detail-header .stat-card strong,
.product-detail-hero .stat-card strong,
.product-detail-card .stat-card strong,
.detail-header .stat-card strong,
.detail-hero .stat-card strong,
.detail-card .stat-card strong,
.product-hero .stat-card strong,
.product-detail-header .summary-card strong,
.product-detail-hero .summary-card strong,
.product-detail-card .summary-card strong,
.detail-header .summary-card strong,
.detail-hero .summary-card strong,
.detail-card .summary-card strong,
.product-hero .summary-card strong {
font-size: 28px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
}
/* right label smaller */
.product-detail-header .stat-card span,
.product-detail-hero .stat-card span,
.product-detail-card .stat-card span,
.detail-header .stat-card span,
.detail-hero .stat-card span,
.detail-card .stat-card span,
.product-hero .stat-card span,
.product-detail-header .summary-card span,
.product-detail-hero .summary-card span,
.product-detail-card .summary-card span,
.detail-header .summary-card span,
.detail-hero .summary-card span,
.detail-card .summary-card span,
.product-hero .summary-card span {
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: #666 !important;
}
/* product detail header: remove black background */
.product-detail-header,
.product-detail-hero,
.product-detail-card,
.detail-header,
.detail-hero,
.detail-card,
.product-hero {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}
/* product detail header text after removing dark bg */
.product-detail-header *,
.product-detail-hero *,
.product-detail-card *,
.detail-header *,
.detail-hero *,
.detail-card *,
.product-hero * {
color: #111 !important;
}
/* right plan count box: remove background */
.product-detail-header .stat-card,
.product-detail-hero .stat-card,
.product-detail-card .stat-card,
.detail-header .stat-card,
.detail-hero .stat-card,
.detail-card .stat-card,
.product-hero .stat-card,
.product-detail-header .summary-card,
.product-detail-hero .summary-card,
.product-detail-card .summary-card,
.detail-header .summary-card,
.detail-hero .summary-card,
.detail-card .summary-card,
.product-hero .summary-card {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}
/* right count number smaller */
.product-detail-header .stat-card strong,
.product-detail-hero .stat-card strong,
.product-detail-card .stat-card strong,
.detail-header .stat-card strong,
.detail-hero .stat-card strong,
.detail-card .stat-card strong,
.product-hero .stat-card strong,
.product-detail-header .summary-card strong,
.product-detail-hero .summary-card strong,
.product-detail-card .summary-card strong,
.detail-header .summary-card strong,
.detail-hero .summary-card strong,
.detail-card .summary-card strong,
.product-hero .summary-card strong {
font-size: 28px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
}
/* right label smaller */
.product-detail-header .stat-card span,
.product-detail-hero .stat-card span,
.product-detail-card .stat-card span,
.detail-header .stat-card span,
.detail-hero .stat-card span,
.detail-card .stat-card span,
.product-hero .stat-card span,
.product-detail-header .summary-card span,
.product-detail-hero .summary-card span,
.product-detail-card .summary-card span,
.detail-header .summary-card span,
.detail-hero .summary-card span,
.detail-card .summary-card span,
.product-hero .summary-card span {
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: #666 !important;
}
/* category detail top area: remove black hero background */
body :is(section, header, div):has([data-summary="product_count"]) {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}
/* after removing black background, force text back to dark color */
body :is(section, header, div):has([data-summary="product_count"]) p,
body :is(section, header, div):has([data-summary="product_count"]) h1,
body :is(section, header, div):has([data-summary="product_count"]) h2,
body :is(section, header, div):has([data-summary="product_count"]) h3 {
color: #111 !important;
}
/* subtitle under product title */
body :is(section, header, div):has([data-summary="product_count"]) p:not(:first-child),
body :is(section, header, div):has([data-summary="product_count"]) .muted,
body :is(section, header, div):has([data-summary="product_count"]) small {
color: #666 !important;
}
/* right plan count box: remove dark card background */
[data-summary="product_count"] {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
min-width: auto !important;
width: auto !important;
}
/* right number smaller */
[data-summary="product_count"] b {
font-size: 22px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
color: #111 !important;
}
/* right label smaller */
[data-summary="product_count"] span {
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: #666 !important;
}
/* subtype add/delete buttons: dashed style */
.sn-subtypes .sn-subtype-action {
background: #fff !important;
color: #111 !important;
border: 1.5px dashed #d0d0d0 !important;
box-shadow: none !important;
}
.sn-subtypes .sn-subtype-action:hover {
background: #f8f8f8 !important;
border-color: #b8b8b8 !important;
color: #111 !important;
}
.sn-subtypes .sn-subtype-delete-form {
display: inline-flex !important;
margin: 0 !important;
padding: 0 !important;
}
.sn-subtypes .sn-subtype-delete {
color: #111 !important;
}
/* restore bottom summary product_count card only */
.sn-summary-card-fixed[data-summary="product_count"] {
background: #fff !important;
background-color: #fff !important;
border: 1px solid #e0e0e0 !important;
border-radius: 22px !important;
box-shadow: none !important;
padding: 24px 28px !important;
min-width: 0 !important;
min-height: 100px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
.sn-summary-card-fixed[data-summary="product_count"] b {
font-size: 30px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
color: #111 !important;
}
.sn-summary-card-fixed[data-summary="product_count"] span {
margin-top: 8px !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #666 !important;
}
/* unify product detail summary cards vertical alignment */
[data-summary="product_count"],
[data-summary="fabric_total_cost"],
[data-summary="accessory_total_cost"],
[data-summary="total_cost"],
[data-summary="unit_material_cost"] {
min-height: 128px !important;
height: 128px !important;
padding: 0 28px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
[data-summary="product_count"] b,
[data-summary="fabric_total_cost"] b,
[data-summary="accessory_total_cost"] b,
[data-summary="total_cost"] b,
[data-summary="unit_material_cost"] b {
margin: 0 !important;
padding: 0 !important;
font-size: 30px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
color: #111 !important;
}
[data-summary="product_count"] span,
[data-summary="fabric_total_cost"] span,
[data-summary="accessory_total_cost"] span,
[data-summary="total_cost"] span,
[data-summary="unit_material_cost"] span {
margin-top: 8px !important;
padding: 0 !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #666 !important;
}
/* subtype tabs: make buttons taller and easier to click */
.sn-subtypes a,
.sn-subtypes button,
.sn-subtypes .sn-subtype-action {
min-height: 56px !important;
height: 56px !important;
padding: 0 26px !important;
border-radius: 14px !important;
font-size: 18px !important;
font-weight: 700 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
/* keep add/delete dashed style while making them taller */
.sn-subtypes .sn-subtype-action {
border: 1.5px dashed #d0d0d0 !important;
background: #fff !important;
color: #111 !important;
}
/* subtype area inner spacing */
.sn-subtypes {
gap: 14px !important;
padding-top: 22px !important;
padding-bottom: 22px !important;
}
/* reduce gap between product detail title area and subtype tabs */
.sn-subtypes {
margin-top: 0 !important;
}
/* subtype tabs: taller buttons + drag sort */
.sn-subtypes a,
.sn-subtypes button,
.sn-subtypes .sn-subtype-action {
min-height: 64px !important;
height: 64px !important;
padding: 0 30px !important;
border-radius: 16px !important;
font-size: 19px !important;
font-weight: 800 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.sn-subtypes a[data-subtype-id] {
cursor: grab !important;
user-select: none !important;
}
.sn-subtypes a[data-subtype-id]:active {
cursor: grabbing !important;
}
.sn-subtypes a.is-dragging {
opacity: 0.45 !important;
transform: scale(0.98) !important;
}
.sn-subtypes {
gap: 16px !important;
padding-top: 24px !important;
padding-bottom: 24px !important;
}
/* subtype drag visual fix */
.sn-subtypes a[data-subtype-id] {
cursor: grab !important;
user-select: none !important;
}
.sn-subtypes a[data-subtype-id]:active {
cursor: grabbing !important;
}
.sn-subtypes a.is-dragging {
opacity: 0.42 !important;
transform: scale(0.96) !important;
z-index: 10 !important;
}
/* subtype drag sort visual */
.sn-subtypes a[data-subtype-id] {
cursor: grab !important;
user-select: none !important;
}
.sn-subtypes a[data-subtype-id]:active {
cursor: grabbing !important;
}
.sn-subtypes a.is-dragging {
opacity: 0.38 !important;
transform: scale(0.96) !important;
}
/* subtype mouse sort visual */
.sn-subtypes a[data-subtype-id] {
cursor: grab !important;
user-select: none !important;
}
.sn-subtypes a[data-subtype-id]:active {
cursor: grabbing !important;
}
.sn-subtypes a.is-mouse-sorting {
opacity: 0.45 !important;
transform: scale(0.97) !important;
z-index: 20 !important;
}
/* smooth subtype drag sort */
.sn-subtypes a[data-subtype-id] {
cursor: grab !important;
user-select: none !important;
}
.sn-subtypes a[data-subtype-id]:active {
cursor: grabbing !important;
}
.sn-subtypes a.is-smooth-sorting {
opacity: 0.92 !important;
transform: scale(1.02) !important;
box-shadow: 0 12px 30px rgba(0,0,0,0.16) !important;
}
.sn-subtype-sort-placeholder {
border: 2px dashed #cfcfcf !important;
border-radius: 16px !important;
background: rgba(0,0,0,0.03) !important;
box-sizing: border-box !important;
flex: 0 0 auto !important;
}
/* shrink modal/detail close x button only */
.modal-close,
.close-btn,
.sn-modal-close,
.dialog-close,
button.close,
button[aria-label="关闭"],
button[aria-label="Close"],
button[title="关闭"],
button[title="Close"] {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
padding: 0 !important;
font-size: 18px !important;
line-height: 28px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* if x is rendered as text inside */
.modal-close *,
.close-btn *,
.sn-modal-close *,
.dialog-close *,
button.close *,
button[aria-label="关闭"] *,
button[aria-label="Close"] *,
button[title="关闭"] *,
button[title="Close"] * {
font-size: 18px !important;
line-height: 1 !important;
}
/* quick add subtype modal: precise x button size */
#quickSubtypeModal .sn-modal-head .sn-quick-modal-x {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
border-radius: 14px !important;
font-size: 22px !important;
line-height: 1 !important;
font-weight: 800 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* quick add subtype modal: center bottom buttons */
#quickSubtypeModal .sn-modal-actions {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 18px !important;
}
/* fallback: if modal actions wrapper has no class */
#quickSubtypeModal form > div:last-child {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 18px !important;
}
/* keep cancel/add button size consistent */
#quickSubtypeModal .sn-quick-modal-cancel,
#quickSubtypeModal .sn-quick-modal-add {
min-width: 108px !important;
height: 54px !important;
padding: 0 28px !important;
border-radius: 16px !important;
font-size: 18px !important;
font-weight: 800 !important;
}
/* quick subtype modal: make top-right x smaller */
#quickSubtypeModal .sn-modal-head .sn-quick-modal-x {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
padding: 0 !important;
border-radius: 10px !important;
font-size: 18px !important;
line-height: 1 !important;
font-weight: 800 !important;
border-width: 1.5px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* subtype add/delete: icon only */
.sn-subtypes .sn-subtype-add,
.sn-subtypes .sn-subtype-delete {
width: 64px !important;
min-width: 64px !important;
height: 64px !important;
min-height: 64px !important;
padding: 0 !important;
font-size: 28px !important;
font-weight: 800 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* product info autosave: hide old save button only */
.sn-product-autosave-hidden {
display: none !important;
}
/* product info autosave: hide old save button only */
.sn-product-autosave-hidden {
display: none !important;
}
/* product basic info: autosave mode, hide old save button */
.sn-product-info-save-hidden {
display: none !important;
}
.sn-product-info-form.is-autosaving input,
.sn-product-info-form.is-autosaving textarea,
.sn-product-info-form.is-autosaving select {
opacity: 0.92;
}
/* product info autosave: hide old save button */
.sn-product-info-save-hidden {
display: none !important;
}
/* FINAL: download buttons above fabric table, fixed to right */
.sn-download-actions-inline {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
margin: 24px 0 18px 0 !important;
padding: 0 8px 0 0 !important;
box-sizing: border-box !important;
}
.sn-download-actions-inline form {
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
}
.sn-download-actions-inline a,
.sn-download-actions-inline button {
width: auto !important;
min-width: auto !important;
height: auto !important;
padding: 9px 14px !important;
border: 1px solid #d8d8d8 !important;
border-radius: 12px !important;
background: #fff !important;
color: #333 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
box-shadow: none !important;
text-decoration: none !important;
}
.sn-download-actions-inline a:hover,
.sn-download-actions-inline button:hover {
background: #f8f8f8 !important;
border-color: #c8c8c8 !important;
color: #111 !important;
}
/* add row submit: disabled until user changes fields */
.sn-add-row-submit.is-empty,
.sn-add-row-submit:disabled {
background: #dedede !important;
background-color: #dedede !important;
color: #999 !important;
border-color: #dedede !important;
cursor: not-allowed !important;
box-shadow: none !important;
opacity: 1 !important;
}
.sn-add-row-submit.is-ready:not(:disabled) {
background: #111 !important;
background-color: #111 !important;
color: #fff !important;
border-color: #111 !important;
cursor: pointer !important;
opacity: 1 !important;
}
/* FINAL: add fabric/accessory row button disabled until changed */
.sn-add-row-submit.is-empty,
.sn-add-row-submit:disabled {
background: #dedede !important;
background-color: #dedede !important;
color: #999 !important;
border-color: #dedede !important;
cursor: not-allowed !important;
box-shadow: none !important;
opacity: 1 !important;
}
.sn-add-row-submit.is-ready:not(:disabled) {
background: #111 !important;
background-color: #111 !important;
color: #fff !important;
border-color: #111 !important;
cursor: pointer !important;
opacity: 1 !important;
}
.sn-add-row-form input.sn-default-zero {
color: #999 !important;
}
/* SNOSNO: default zero input visual */
.sn-zero-soft {
color: #999 !important;
}
/* accessory table: make material input use more cell width */
input[name="material"] {
width: 78% !important;
min-width: 360px !important;
max-width: 560px !important;
box-sizing: border-box !important;
}
/* saved accessory row material input */
form.api-autosave-form input[name="material"],
form.hidden-row-form input[name="material"] {
width: 78% !important;
min-width: 360px !important;
max-width: 560px !important;
}
/* mobile / narrow fallback */
@media (max-width: 900px) {
input[name="material"],
form.api-autosave-form input[name="material"],
form.hidden-row-form input[name="material"] {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
}
/* FINAL fallback: accessory material input width */
section:has(h2) input[name="material"] {
width: 72% !important;
min-width: 360px !important;
max-width: 620px !important;
box-sizing: border-box !important;
}
/* account/settings buttons: move slightly lower */
button:has(.account-user-icon),
button:has(.settings-gear-icon),
a:has(.account-user-icon),
a:has(.settings-gear-icon) {
transform: translateY(10px) !important;
}
/* inventory basic info: autosave mode, hide old save button */
.sn-inventory-info-save-hidden {
display: none !important;
}
/* ===== FINAL: account center redesign ===== */
.sn-account-hero {
background: #111 !important;
color: #fff !important;
border-radius: 24px !important;
padding: 42px 48px !important;
margin-bottom: 24px !important;
}
.sn-account-hero p {
margin: 0 0 14px 0 !important;
color: #aaa !important;
letter-spacing: 0.18em !important;
font-size: 14px !important;
font-weight: 800 !important;
}
.sn-account-hero h1 {
margin: 0 0 12px 0 !important;
color: #fff !important;
font-size: 34px !important;
line-height: 1.15 !important;
font-weight: 900 !important;
}
.sn-account-hero span {
color: #bbb !important;
font-size: 15px !important;
font-weight: 700 !important;
}
.sn-account-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 18px !important;
}
.sn-account-card {
background: #fff !important;
border: 1px solid #e5e5e5 !important;
border-radius: 22px !important;
padding: 28px 32px !important;
box-shadow: 0 14px 34px rgba(0,0,0,0.04) !important;
}
.sn-account-card-head {
display: flex !important;
justify-content: space-between !important;
align-items: flex-start !important;
gap: 16px !important;
margin-bottom: 24px !important;
}
.sn-account-card h2 {
margin: 0 0 8px 0 !important;
font-size: 22px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
color: #111 !important;
}
.sn-account-card p {
margin: 0 !important;
font-size: 13px !important;
line-height: 1.5 !important;
color: #777 !important;
font-weight: 600 !important;
}
.sn-account-form-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px 22px !important;
}
.sn-account-form-grid label {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
font-size: 14px !important;
font-weight: 800 !important;
color: #111 !important;
}
.sn-account-form-grid label.wide {
grid-column: 1 / -1 !important;
}
.sn-account-form-grid input {
width: 100% !important;
height: 46px !important;
border: 1px solid #dcdcdc !important;
border-radius: 12px !important;
padding: 0 14px !important;
box-sizing: border-box !important;
background: #fff !important;
color: #111 !important;
font-size: 15px !important;
font-weight: 700 !important;
text-align: center !important;
}
.sn-account-form-grid input[readonly] {
background: #f7f7f7 !important;
color: #777 !important;
}
.sn-account-save-btn,
.sn-account-password-btn {
width: 100% !important;
height: 52px !important;
margin-top: 22px !important;
border-radius: 14px !important;
border: 1px solid #dedede !important;
background: #dedede !important;
color: #999 !important;
font-size: 16px !important;
font-weight: 800 !important;
cursor: not-allowed !important;
box-shadow: none !important;
}
.sn-account-save-btn.is-ready,
.sn-account-password-btn.is-ready {
background: #111 !important;
border-color: #111 !important;
color: #fff !important;
cursor: pointer !important;
}
.sn-password-hint {
margin-top: 14px !important;
color: #777 !important;
font-size: 13px !important;
font-weight: 600 !important;
}
.sn-password-hint.is-error {
color: #c0392b !important;
}
.sn-account-logout-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 220px !important;
height: 50px !important;
border-radius: 14px !important;
border: 1.5px solid #111 !important;
color: #111 !important;
background: #fff !important;
text-decoration: none !important;
font-size: 16px !important;
font-weight: 900 !important;
}
.sn-account-logout-btn:hover {
background: #f7f7f7 !important;
}
@media (max-width: 900px) {
.sn-account-form-grid {
grid-template-columns: 1fr !important;
}
.sn-account-hero {
padding: 32px 28px !important;
}
}
/* ===== FINAL: account user management ===== */
.sn-account-create-form {
margin-top: 8px !important;
}
.sn-account-form-grid select {
width: 100% !important;
height: 46px !important;
border: 1px solid #dcdcdc !important;
border-radius: 12px !important;
padding: 0 14px !important;
box-sizing: border-box !important;
background: #fff !important;
color: #111 !important;
font-size: 15px !important;
font-weight: 700 !important;
text-align: center !important;
}
.sn-account-create-btn {
width: 100% !important;
height: 52px !important;
margin-top: 22px !important;
border-radius: 14px !important;
border: 1px solid #dedede !important;
background: #dedede !important;
color: #999 !important;
font-size: 16px !important;
font-weight: 800 !important;
cursor: not-allowed !important;
box-shadow: none !important;
}
.sn-account-create-btn.is-ready {
background: #111 !important;
border-color: #111 !important;
color: #fff !important;
cursor: pointer !important;
}
.sn-user-table-wrap {
margin-top: 28px !important;
overflow-x: auto !important;
}
.sn-user-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid #e5e5e5 !important;
border-radius: 16px !important;
overflow: hidden !important;
background: #fff !important;
}
.sn-user-table th,
.sn-user-table td {
padding: 14px 16px !important;
border-bottom: 1px solid #eeeeee !important;
text-align: center !important;
font-size: 14px !important;
font-weight: 700 !important;
color: #111 !important;
}
.sn-user-table th {
background: #f6f6f6 !important;
color: #666 !important;
font-weight: 900 !important;
}
.sn-user-table tr:last-child td {
border-bottom: none !important;
}
.sn-user-actions {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
.sn-user-actions form {
margin: 0 !important;
}
.sn-reset-pass-form {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
}
.sn-reset-pass-form input {
width: 110px !important;
height: 36px !important;
border: 1px solid #dcdcdc !important;
border-radius: 10px !important;
padding: 0 10px !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.sn-mini-btn {
height: 36px !important;
padding: 0 12px !important;
border-radius: 10px !important;
border: 1px solid #111 !important;
background: #fff !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 900 !important;
cursor: pointer !important;
}
.sn-mini-btn:hover {
background: #f6f6f6 !important;
}
/* staff account: after hiding cost columns, let remaining table fill width */
.sn-staff-cost-table-fixed {
width: 100% !important;
table-layout: auto !important;
}
.sn-staff-cost-table-fixed th:not(.sn-staff-hide-cost),
.sn-staff-cost-table-fixed td:not(.sn-staff-hide-cost) {
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
/* keep hidden cost cells truly hidden */
.sn-staff-hide-cost {
display: none !important;
}
/* staff account: after removing cost cells, let remaining table columns fill */
.sn-staff-cost-table-pruned {
width: 100% !important;
table-layout: fixed !important;
}
.sn-staff-cost-table-pruned th,
.sn-staff-cost-table-pruned td {
width: auto !important;
min-width: 0 !important;
max-width: none !important;
box-sizing: border-box !important;
}
/* current login user under main title */
.sn-current-login-user {
margin-top: 8px !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #8a8a8a !important;
letter-spacing: 0.02em !important;
}
/* current login user under sidebar brand */
/* FINAL: username under brand title */
.sn-brand {
text-align: left !important;
}
/* FINAL: brand title + username aligned as one group */
.sn-brand-block {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
width: max-content !important;
max-width: 100% !important;
margin: 0 auto 18px auto !important;
padding: 0 !important;
}
.sn-brand-block .sn-brand {
display: block !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
.sn-brand-block .sn-brand-current-user {
display: block !important;
margin: 3px 0 0 2px !important;
padding: 0 !important;
text-align: left !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #8a8a8a !important;
letter-spacing: 0.02em !important;
}
/* 登录页：SNOSNO logo 标题 */
.login-logo-title {
margin: 0 0 28px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.login-logo-title img {
width: 220px !important;
height: auto !important;
display: block !important;
}
/* 登录页副标题和 logo 间距微调 */
.login-card h1 + p,
.login-card .login-subtitle {
margin-top: 0 !important;
}
/* 登录页 logo */
.login-logo-title {
margin: 0 0 28px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
.login-logo-title img {
width: 220px !important;
max-width: 70% !important;
height: auto !important;
display: block !important;
}
/* 登录页背景图替换 */
.login-page {
position: relative !important;
min-height: 100vh !important;
background-image:
linear-gradient(rgba(0,0,0,.38), rgba(0,0,0,.38)),
url("/static/assets/login-bg-custom.jpg") !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* 防止左侧区域盖住背景 */
.login-left {
background: transparent !important;
}
/* 登录区域保持在背景之上 */
.login-panel {
position: relative !important;
z-index: 2 !important;
background: transparent !important;
}
/* 登录页背景图替换 */
.login-page {
position: relative !important;
min-height: 100vh !important;
background-image:
linear-gradient(rgba(0,0,0,.38), rgba(0,0,0,.38)),
url("/static/assets/login-bg-custom.jpg") !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* 防止左侧区域盖住背景 */
.login-left {
background: transparent !important;
}
/* 登录区域保持在背景之上 */
.login-panel {
position: relative !important;
z-index: 2 !important;
background: transparent !important;
}
/* ===== 强制替换登录页背景图：覆盖所有旧背景层 ===== */
body.login-page,
.login-page {
background:
linear-gradient(rgba(0,0,0,.42), rgba(0,0,0,.42)),
url("/static/assets/login-bg-custom.jpg?v=20260429force") center center / cover no-repeat fixed !important;
}
/* 旧版左侧背景层全部透明，避免盖住新背景 */
.login-left,
.login-left::before,
.login-left::after,
.login-panel,
.login-panel::before,
.login-panel::after {
background: transparent !important;
background-image: none !important;
}
/* 如果旧 CSS 给 body / html 设置背景，也强制清掉 */
html {
background: #000 !important;
}
/* 登录卡片保持毛玻璃 */
.login-card {
position: relative !important;
z-index: 2 !important;
}
/* ===== SNOSNO 登录页 v2：独立结构，彻底绕开旧 login-left/login-panel ===== */
html:has(.login-page-v2),
body.login-page-v2 {
width: 100% !important;
min-height: 100vh !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
background: #000 !important;
overflow: hidden !important;
}
.login-page-v2-bg {
width: 100vw !important;
height: 100vh !important;
min-height: 100vh !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background-image:
linear-gradient(rgba(0,0,0,.42), rgba(0,0,0,.42)),
url("/static/assets/login-bg-custom.jpg?v=clean-login-bg-20260429") !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.login-card-v2 {
width: 420px !important;
min-height: 460px !important;
padding: 46px 46px 38px !important;
border-radius: 22px !important;
border: 1px solid rgba(255,255,255,.36) !important;
background: rgba(255,255,255,.18) !important;
backdrop-filter: blur(18px) saturate(130%) !important;
-webkit-backdrop-filter: blur(18px) saturate(130%) !important;
box-shadow: 0 24px 70px rgba(0,0,0,.24) !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 18px !important;
}
.login-logo-v2 {
width: 210px !important;
height: auto !important;
display: block !important;
margin: 0 auto 16px !important;
}
.login-subtitle-v2 {
margin: 0 0 12px !important;
color: rgba(255,255,255,.88) !important;
text-align: center !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.login-card-v2 label {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 900 !important;
}
.login-card-v2 input {
width: 100% !important;
height: 48px !important;
border: none !important;
border-radius: 999px !important;
background: rgba(255,255,255,.92) !important;
color: #111 !important;
text-align: left !important;
padding: 0 22px !important;
font-size: 15px !important;
font-weight: 700 !important;
outline: none !important;
box-shadow: none !important;
}
.login-card-v2 input::placeholder {
color: #888 !important;
}
.login-card-v2 button {
width: 100% !important;
height: 48px !important;
margin-top: 6px !important;
border: none !important;
border-radius: 999px !important;
background: #050505 !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 950 !important;
cursor: pointer !important;
}
.login-card-v2 button:hover {
background: #111 !important;
}
.login-card-v2 small {
margin-top: 14px !important;
color: rgba(255,255,255,.72) !important;
text-align: center !important;
font-size: 12px !important;
font-weight: 700 !important;
}
.login-error-v2 {
margin: 4px 0 0 !important;
color: #fff !important;
text-align: center !important;
font-size: 13px !important;
font-weight: 800 !important;
}
@media (max-width: 640px) {
.login-card-v2 {
width: calc(100vw - 36px) !important;
padding: 38px 28px 32px !important;
}
.login-logo-v2 {
width: 180px !important;
}
}
/* ===== 登录页：登录框移到右侧 + 减弱背景黑影 ===== */
.login-page-v2-bg {
justify-content: flex-end !important;
padding-right: 13vw !important;
background-image:
linear-gradient(rgba(0,0,0,.16), rgba(0,0,0,.16)),
url("/static/assets/login-bg-custom.jpg?v=login-right-light-20260429") !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* 登录卡片右侧布局 */
.login-card-v2 {
width: 420px !important;
min-height: 460px !important;
margin-right: 0 !important;
background: rgba(255,255,255,.22) !important;
border: 1px solid rgba(255,255,255,.42) !important;
backdrop-filter: blur(16px) saturate(130%) !important;
-webkit-backdrop-filter: blur(16px) saturate(130%) !important;
box-shadow: 0 28px 80px rgba(0,0,0,.18) !important;
}
/* 避免旧黑色遮罩继续影响 */
body.login-page-v2,
.login-page-v2 {
background: #f2f2f2 !important;
}
/* logo 稍微稳一点 */
.login-logo-v2 {
width: 210px !important;
margin-bottom: 18px !important;
}
/* 小屏幕回到居中 */
@media (max-width: 900px) {
.login-page-v2-bg {
justify-content: center !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.login-card-v2 {
width: calc(100vw - 36px) !important;
}
}
/* ===== 登录页：去掉背景黑影，只保留轻毛玻璃 ===== */
/* 背景图不再叠加黑色遮罩 */
.login-page-v2-bg {
background-image: url("/static/assets/login-bg-custom.jpg?v=login-no-dark-20260429") !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
justify-content: flex-end !important;
padding-right: 13vw !important;
}
/* 登录卡片：减少灰底和阴影 */
.login-card-v2 {
background: rgba(255,255,255,.14) !important;
border: 1px solid rgba(255,255,255,.42) !important;
box-shadow: 0 18px 48px rgba(0,0,0,.10) !important;
backdrop-filter: blur(12px) saturate(125%) !important;
-webkit-backdrop-filter: blur(12px) saturate(125%) !important;
}
/* 避免旧登录页遮罩继续叠加 */
body.login-page-v2,
.login-page-v2,
.login-left,
.login-panel {
background-color: transparent !important;
}
/* 输入框保持清晰 */
.login-card-v2 input {
background: rgba(255,255,255,.90) !important;
}
/* 黑色登录按钮保留 */
.login-card-v2 button {
background: #050505 !important;
color: #fff !important;
}
/* ===== 登录页：去掉白色底框，只保留表单内容 ===== */
.login-card-v2 {
background: transparent !important;
border: none !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
width: 420px !important;
min-height: auto !important;
padding: 0 !important;
}
/* 输入框保持白色胶囊 */
.login-card-v2 input {
background: rgba(255,255,255,.92) !important;
box-shadow: 0 8px 28px rgba(0,0,0,.08) !important;
}
/* 登录按钮保留黑色胶囊 */
.login-card-v2 button {
background: #050505 !important;
color: #fff !important;
box-shadow: 0 10px 30px rgba(0,0,0,.16) !important;
}
/* logo 和文字保持居中 */
.login-logo-v2 {
margin-bottom: 20px !important;
}
.login-subtitle-v2,
.login-card-v2 small,
.login-card-v2 label span {
text-shadow: 0 1px 8px rgba(0,0,0,.18) !important;
}
/* ===== 登录页：文字改深色，去掉阴影 ===== */
.login-subtitle-v2,
.login-card-v2 label span,
.login-card-v2 small,
.login-error-v2 {
color: #111 !important;
text-shadow: none !important;
}
/* 副标题弱一点，不抢 */
.login-subtitle-v2 {
color: #555 !important;
font-weight: 700 !important;
}
/* 账号 / 密码 label 清晰 */
.login-card-v2 label span {
color: #333 !important;
font-weight: 900 !important;
}
/* 底部授权文字弱化 */
.login-card-v2 small {
color: #666 !important;
font-weight: 700 !important;
}
/* 输入框文字保持深灰 */
.login-card-v2 input {
color: #111 !important;
}
.login-card-v2 input::placeholder {
color: #888 !important;
}
/* 去掉输入框和按钮过重阴影 */
.login-card-v2 input {
box-shadow: 0 6px 20px rgba(0,0,0,.05) !important;
}
.login-card-v2 button {
box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
}
/* 登录页输入框字体：降低字号和字重 */
.login-card-v2 input {
font-size: 14px !important;
font-weight: 500 !important;
color: #333 !important;
}
.login-card-v2 input::placeholder {
font-size: 14px !important;
font-weight: 500 !important;
color: #888 !important;
}
/* 账号/密码 label 也稍微减轻 */
.login-card-v2 label span {
font-size: 13px !important;
font-weight: 700 !important;
color: #333 !important;
}
/* ===== 辅料用量表：修复物料/使用部位重叠 ===== */
/* 辅料表列宽：物料更宽，使用部位缩到约4个字 */
.product-table-card .accessory-saved-table .col-material,
.product-table-card .accessory-add-table .col-material {
width: 34% !important;
}
.product-table-card .accessory-saved-table .col-part,
.product-table-card .accessory-add-table .col-part {
width: 110px !important;
}
/* 用量/件 */
.product-table-card .accessory-saved-table .col-usage-small,
.product-table-card .accessory-add-table .col-usage-small {
width: 110px !important;
}
/* 理论用量 / 总用量 */
.product-table-card .accessory-saved-table .col-total {
width: 120px !important;
}
/* 单位、单价、金额、操作压缩 */
.product-table-card .accessory-saved-table .col-unit,
.product-table-card .accessory-add-table .col-unit {
width: 90px !important;
}
.product-table-card .accessory-saved-table .col-price,
.product-table-card .accessory-add-table .col-price {
width: 100px !important;
}
.product-table-card .accessory-saved-table .col-money {
width: 130px !important;
}
.product-table-card .accessory-saved-table .col-action,
.product-table-card .accessory-add-table .col-action {
width: 76px !important;
}
/* 物料输入框：允许更宽，但不能越界 */
.product-table-card .accessory-saved-table input[name="material"],
.product-table-card .accessory-add-table input[name="material"] {
width: 92% !important;
max-width: none !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 使用部位：只给4个字左右的视觉容量 */
.product-table-card .accessory-saved-table input[name="part"],
.product-table-card .accessory-add-table input[name="part"] {
width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
padding: 0 6px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 单位更窄 */
.product-table-card .accessory-saved-table input[name="unit"],
.product-table-card .accessory-add-table input[name="unit"] {
width: 66px !important;
min-width: 66px !important;
max-width: 66px !important;
padding: 0 6px !important;
}
/* 防止 table 单元格里的输入框撑破列 */
.product-table-card .accessory-saved-table td,
.product-table-card .accessory-add-table td {
overflow: hidden !important;
}
/* ===== 库存区顶部标题：去掉黑色大横幅 ===== */
.sn-hero:has(p) {
background: transparent !important;
color: #111 !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 8px 0 22px !important;
margin-bottom: 18px !important;
}
.sn-hero p {
color: #777 !important;
font-size: 13px !important;
letter-spacing: .16em !important;
margin-bottom: 10px !important;
}
.sn-hero h1 {
color: #111 !important;
font-size: 34px !important;
line-height: 1.2 !important;
margin: 0 0 10px !important;
}
.sn-hero span {
color: #777 !important;
font-size: 15px !important;
font-weight: 800 !important;
}
/* 右侧库存合计卡片也弱化 */
.sn-hero-stat {
background: #fff !important;
color: #111 !important;
border: 1px solid #e6e6e6 !important;
border-radius: 16px !important;
box-shadow: none !important;
padding: 14px 22px !important;
min-width: 120px !important;
}
.sn-hero-stat b {
color: #111 !important;
font-size: 28px !important;
}
.sn-hero-stat span {
color: #777 !important;
font-size: 13px !important;
}
/* ===== 员工账号/无金额列：修复辅料表物料与使用部位重叠 ===== */
/* 辅料表整体允许横向滚动，不要压缩到重叠 */
.product-table-card .table-scroll {
overflow-x: auto !important;
}
/* 辅料已保存表设置最小宽度，防止员工账号少列后被压坏 */
.product-table-card .accessory-saved-table {
min-width: 1180px !important;
table-layout: fixed !important;
}
/* 物料列更宽 */
.product-table-card .accessory-saved-table .col-material {
width: 360px !important;
}
/* 使用部位只保留约 4 个字容量 */
.product-table-card .accessory-saved-table .col-part {
width: 120px !important;
}
/* 用量/件 */
.product-table-card .accessory-saved-table .col-usage-small {
width: 120px !important;
}
/* 理论用量 / 总用量 */
.product-table-card .accessory-saved-table .col-total {
width: 140px !important;
}
/* 单位 */
.product-table-card .accessory-saved-table .col-unit {
width: 90px !important;
}
/* 操作 */
.product-table-card .accessory-saved-table .col-action {
width: 76px !important;
}
/* 单元格内禁止内容撑破到隔壁列 */
.product-table-card .accessory-saved-table td,
.product-table-card .accessory-saved-table th {
overflow: hidden !important;
}
/* 物料输入框：占满物料列，但不能越界 */
.product-table-card .accessory-saved-table input[name="material"] {
width: calc(100% - 24px) !important;
max-width: none !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 使用部位：约 4 个字宽度 */
.product-table-card .accessory-saved-table input[name="part"] {
width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
padding: 0 6px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 单位：约 2-3 个字宽度 */
.product-table-card .accessory-saved-table input[name="unit"] {
width: 66px !important;
min-width: 66px !important;
max-width: 66px !important;
padding: 0 6px !important;
}
/* 用量/件、单价数字框适中 */
.product-table-card .accessory-saved-table input[name="usage_per_piece"],
.product-table-card .accessory-saved-table input[name="unit_price"] {
width: 88px !important;
min-width: 88px !important;
max-width: 88px !important;
}
/* 长物料名在输入框内省略，不挤压使用部位 */
.product-table-card .accessory-saved-table input {
box-sizing: border-box !important;
}
/* ===== 强制修复辅料表：物料和使用部位重叠 ===== */
/* 辅料已保存表：必须有足够宽度，宁愿横向滚动，也不能压缩重叠 */
.product-table-card .accessory-saved-table {
width: 100% !important;
min-width: 1480px !important;
table-layout: fixed !important;
}
/* 第1列：物料，强制加宽 */
.product-table-card .accessory-saved-table th:nth-child(1),
.product-table-card .accessory-saved-table td:nth-child(1) {
width: 460px !important;
min-width: 460px !important;
max-width: 460px !important;
overflow: hidden !important;
}
/* 第2列：使用部位，只保留4个字左右 */
.product-table-card .accessory-saved-table th:nth-child(2),
.product-table-card .accessory-saved-table td:nth-child(2) {
width: 118px !important;
min-width: 118px !important;
max-width: 118px !important;
overflow: hidden !important;
}
/* 第3列：用量/件 */
.product-table-card .accessory-saved-table th:nth-child(3),
.product-table-card .accessory-saved-table td:nth-child(3) {
width: 112px !important;
min-width: 112px !important;
max-width: 112px !important;
}
/* 第4、5列：理论用量 / 总用量 */
.product-table-card .accessory-saved-table th:nth-child(4),
.product-table-card .accessory-saved-table td:nth-child(4),
.product-table-card .accessory-saved-table th:nth-child(5),
.product-table-card .accessory-saved-table td:nth-child(5) {
width: 145px !important;
min-width: 145px !important;
max-width: 145px !important;
}
/* 单位 */
.product-table-card .accessory-saved-table th:nth-child(6),
.product-table-card .accessory-saved-table td:nth-child(6) {
width: 90px !important;
min-width: 90px !important;
max-width: 90px !important;
}
/* 单价 */
.product-table-card .accessory-saved-table th:nth-child(7),
.product-table-card .accessory-saved-table td:nth-child(7) {
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
}
/* 预计金额 */
.product-table-card .accessory-saved-table th:nth-child(8),
.product-table-card .accessory-saved-table td:nth-child(8) {
width: 135px !important;
min-width: 135px !important;
max-width: 135px !important;
}
/* 操作 */
.product-table-card .accessory-saved-table th:nth-child(9),
.product-table-card .accessory-saved-table td:nth-child(9) {
width: 76px !important;
min-width: 76px !important;
max-width: 76px !important;
}
/* 物料输入框：占满物料列，左对齐，长内容省略 */
.product-table-card .accessory-saved-table td:nth-child(1) input[name="material"] {
width: calc(100% - 28px) !important;
max-width: none !important;
min-width: 0 !important;
height: 46px !important;
padding: 0 14px !important;
text-align: left !important;
font-size: 14px !important;
font-weight: 700 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 使用部位输入框：4字宽度，居中，超出省略 */
.product-table-card .accessory-saved-table td:nth-child(2) input[name="part"] {
width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
height: 46px !important;
padding: 0 6px !important;
text-align: center !important;
font-size: 14px !important;
font-weight: 700 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 防止所有 td 里的内容越界到下一列 */
.product-table-card .accessory-saved-table td,
.product-table-card .accessory-saved-table th {
box-sizing: border-box !important;
overflow: hidden !important;
}
/* 表格外层必须允许横向滚动 */
.product-table-card .table-scroll {
overflow-x: auto !important;
overflow-y: visible !important;
}
/* 员工账号视图如果少了金额列，也按前7列强制宽度 */
.product-table-card .accessory-saved-table th:nth-child(1),
.product-table-card .accessory-saved-table td:nth-child(1) {
text-align: center !important;
}
/* ===== 辅料表宽度回收：不再撑出屏幕 ===== */
/* 表格不要强制 1480px，回到容器内 */
.product-table-card .accessory-saved-table {
width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
}
/* 按比例分配，不用固定大像素 */
.product-table-card .accessory-saved-table th:nth-child(1),
.product-table-card .accessory-saved-table td:nth-child(1) {
width: 32% !important;
min-width: 0 !important;
max-width: none !important;
}
.product-table-card .accessory-saved-table th:nth-child(2),
.product-table-card .accessory-saved-table td:nth-child(2) {
width: 11% !important;
min-width: 0 !important;
max-width: none !important;
}
.product-table-card .accessory-saved-table th:nth-child(3),
.product-table-card .accessory-saved-table td:nth-child(3) {
width: 9% !important;
min-width: 0 !important;
max-width: none !important;
}
.product-table-card .accessory-saved-table th:nth-child(4),
.product-table-card .accessory-saved-table td:nth-child(4),
.product-table-card .accessory-saved-table th:nth-child(5),
.product-table-card .accessory-saved-table td:nth-child(5) {
width: 13% !important;
min-width: 0 !important;
max-width: none !important;
}
.product-table-card .accessory-saved-table th:nth-child(6),
.product-table-card .accessory-saved-table td:nth-child(6) {
width: 8% !important;
min-width: 0 !important;
max-width: none !important;
}
.product-table-card .accessory-saved-table th:nth-child(7),
.product-table-card .accessory-saved-table td:nth-child(7) {
width: 7% !important;
min-width: 0 !important;
max-width: none !important;
}
/* 管理员账号如果有金额、操作列，后面几列也收紧 */
.product-table-card .accessory-saved-table th:nth-child(8),
.product-table-card .accessory-saved-table td:nth-child(8) {
width: 10% !important;
min-width: 0 !important;
max-width: none !important;
}
.product-table-card .accessory-saved-table th:nth-child(9),
.product-table-card .accessory-saved-table td:nth-child(9) {
width: 6% !important;
min-width: 0 !important;
max-width: none !important;
}
/* 物料输入框：占列内大部分，但长内容省略 */
.product-table-card .accessory-saved-table td:nth-child(1) input[name="material"] {
width: 88% !important;
max-width: 100% !important;
min-width: 0 !important;
text-align: center !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 使用部位：仍控制在约4个字 */
.product-table-card .accessory-saved-table td:nth-child(2) input[name="part"] {
width: 86px !important;
min-width: 0 !important;
max-width: 86px !important;
}
/* 单位更短 */
.product-table-card .accessory-saved-table input[name="unit"] {
width: 66px !important;
max-width: 66px !important;
}
/* 防止格子内容撑破 */
.product-table-card .accessory-saved-table td,
.product-table-card .accessory-saved-table th {
overflow: hidden !important;
}
/* ===== 辅料表宽度回收：不再撑出屏幕 ===== */
/* 表格不要强制 1480px，回到容器内 */
.product-table-card .accessory-saved-table {
width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
}
/* 按比例分配，不用固定大像素 */
.product-table-card .accessory-saved-table th:nth-child(1),
.product-table-card .accessory-saved-table td:nth-child(1) {
width: 32% !important;
min-width: 0 !important;
max-width: none !important;
}
.product-table-card .accessory-saved-table th:nth-child(2),
.product-table-card .accessory-saved-table td:nth-child(2) {
width: 11% !important;
min-width: 0 !important;
max-width: none !important;
}
.product-table-card .accessory-saved-table th:nth-child(3),
.product-table-card .accessory-saved-table td:nth-child(3) {
width: 9% !important;
min-width: 0 !important;
max-width: none !important;
}
.product-table-card .accessory-saved-table th:nth-child(4),
.product-table-card .accessory-saved-table td:nth-child(4),
.product-table-card .accessory-saved-table th:nth-child(5),
.product-table-card .accessory-saved-table td:nth-child(5) {
width: 13% !important;
min-width: 0 !important;
max-width: none !important;
}
.product-table-card .accessory-saved-table th:nth-child(6),
.product-table-card .accessory-saved-table td:nth-child(6) {
width: 8% !important;
min-width: 0 !important;
max-width: none !important;
}
.product-table-card .accessory-saved-table th:nth-child(7),
.product-table-card .accessory-saved-table td:nth-child(7) {
width: 7% !important;
min-width: 0 !important;
max-width: none !important;
}
/* 管理员账号如果有金额、操作列，后面几列也收紧 */
.product-table-card .accessory-saved-table th:nth-child(8),
.product-table-card .accessory-saved-table td:nth-child(8) {
width: 10% !important;
min-width: 0 !important;
max-width: none !important;
}
.product-table-card .accessory-saved-table th:nth-child(9),
.product-table-card .accessory-saved-table td:nth-child(9) {
width: 6% !important;
min-width: 0 !important;
max-width: none !important;
}
/* 物料输入框：占列内大部分，但长内容省略 */
.product-table-card .accessory-saved-table td:nth-child(1) input[name="material"] {
width: 88% !important;
max-width: 100% !important;
min-width: 0 !important;
text-align: center !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 使用部位：仍控制在约4个字 */
.product-table-card .accessory-saved-table td:nth-child(2) input[name="part"] {
width: 86px !important;
min-width: 0 !important;
max-width: 86px !important;
}
/* 单位更短 */
.product-table-card .accessory-saved-table input[name="unit"] {
width: 66px !important;
max-width: 66px !important;
}
/* 防止格子内容撑破 */
.product-table-card .accessory-saved-table td,
.product-table-card .accessory-saved-table th {
overflow: hidden !important;
}
/* ===== 全系统权限 UI：非管理员隐藏所有新增区 ===== */
/* 产品页面料/辅料新增区 */
body:not(.role-admin) .product-table-card .add-section,
body:not(.role-admin) .product-table-card .sn-table-zone-add,
body:not(.role-admin) .product-table-card .sn-real-table-section.add-section,
body:not(.role-admin) .product-table-card .real-table-section.add-section {
display: none !important;
}
/* 库存页新增区 */
body:not(.role-admin) .inventory-table-card .inv-add-section,
body:not(.role-admin) .inventory-table-card .add-section,
body:not(.role-admin) .inventory-table-card .real-table-section.add-section {
display: none !important;
}
/* 兼容旧 grid 表格里的新增行 */
body:not(.role-admin) .sn-product-grid-table.add-row,
body:not(.role-admin) .sn-stock-grid .add-row,
body:not(.role-admin) .sn-table.add {
display: none !important;
}
/* 兼容旧标题文字区域 */
body:not(.role-admin) .section-label:has(+ form),
body:not(.role-admin) .section-label:has(+ .sn-product-grid-table.add-row) {
display: none !important;
}
/* 员工账号下，如果有 disabled 添加按钮残留，也隐藏 */
body:not(.role-admin) button[type="submit"]:disabled,
body:not(.role-admin) button.small-primary:disabled {
display: none !important;
}
/* ===== 双账号统一表格逻辑：管理员 / 员工都用同一套间距 ===== */
/* 产品页所有用量表卡片统一 */
.product-table-card {
padding: 34px 40px 42px !important;
}
/* 标题统一 */
.product-table-card h2 {
margin: 0 0 24px !important;
font-size: 24px !important;
font-weight: 950 !important;
}
/* 新增区 / 已保存区统一和标题左边对齐 */
.product-table-card .real-table-section,
.product-table-card .sn-real-table-section,
.product-table-card .sn-table-zone,
.product-table-card .table-scroll {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 小标题统一 */
.product-table-card .section-label {
margin: 0 0 10px 0 !important;
color: #777 !important;
font-size: 14px !important;
font-weight: 950 !important;
}
/* 所有真实表格统一基础样式 */
.product-table-card table.real-table,
.product-table-card .sn-product-grid-table {
width: 100% !important;
max-width: 100% !important;
table-layout: fixed !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid #e3e3e3 !important;
border-radius: 18px !important;
overflow: hidden !important;
background: #fff !important;
}
/* 表头 / 数据行统一 */
.product-table-card table.real-table th,
.product-table-card table.real-table td {
height: 76px !important;
min-height: 76px !important;
padding: 10px 8px !important;
border-right: 1px solid #e6e6e6 !important;
border-bottom: 1px solid #e6e6e6 !important;
text-align: center !important;
vertical-align: middle !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.product-table-card table.real-table th {
height: 64px !important;
min-height: 64px !important;
background: #f3f3f3 !important;
color: #111 !important;
font-size: 15px !important;
font-weight: 950 !important;
}
.product-table-card table.real-table tr:last-child td {
border-bottom: none !important;
}
.product-table-card table.real-table th:last-child,
.product-table-card table.real-table td:last-child {
border-right: none !important;
}
/* 新增区浅灰，已保存区白色 */
.product-table-card .add-section table.real-table td,
.product-table-card .sn-table-zone-add table.real-table td {
background: #eeeeee !important;
}
.product-table-card .saved-section table.real-table td,
.product-table-card .sn-table-zone-saved table.real-table td {
background: #fff !important;
}
/* 输入框统一 */
.product-table-card table.real-table input,
.product-table-card table.real-table select {
height: 46px !important;
min-height: 46px !important;
border-radius: 12px !important;
border: 1px solid #d8d8d8 !important;
background: #fff !important;
color: #111 !important;
text-align: center !important;
font-size: 15px !important;
font-weight: 650 !important;
box-sizing: border-box !important;
margin: 0 auto !important;
padding: 0 10px !important;
}
/* 面料表：管理员 / 员工都统一列宽 */
.product-table-card .fabric-saved-table {
min-width: 0 !important;
width: 100% !important;
}
/* 面料表颜色列 */
.product-table-card .fabric-saved-table th:nth-child(1),
.product-table-card .fabric-saved-table td:nth-child(1) {
width: 9% !important;
}
/* 色块 */
.product-table-card .fabric-saved-table th:nth-child(2),
.product-table-card .fabric-saved-table td:nth-child(2) {
width: 70px !important;
}
/* XS / S / M / L / XL */
.product-table-card .fabric-saved-table th:nth-child(3),
.product-table-card .fabric-saved-table td:nth-child(3),
.product-table-card .fabric-saved-table th:nth-child(4),
.product-table-card .fabric-saved-table td:nth-child(4),
.product-table-card .fabric-saved-table th:nth-child(5),
.product-table-card .fabric-saved-table td:nth-child(5),
.product-table-card .fabric-saved-table th:nth-child(6),
.product-table-card .fabric-saved-table td:nth-child(6),
.product-table-card .fabric-saved-table th:nth-child(7),
.product-table-card .fabric-saved-table td:nth-child(7) {
width: 7% !important;
}
/* 件数 */
.product-table-card .fabric-saved-table th:nth-child(8),
.product-table-card .fabric-saved-table td:nth-child(8) {
width: 6% !important;
}
/* 每件用量 */
.product-table-card .fabric-saved-table th:nth-child(9),
.product-table-card .fabric-saved-table td:nth-child(9) {
width: 9% !important;
}
/* 单位 */
.product-table-card .fabric-saved-table th:nth-child(10),
.product-table-card .fabric-saved-table td:nth-child(10) {
width: 7% !important;
}
/* 总用量 */
.product-table-card .fabric-saved-table th:nth-child(11),
.product-table-card .fabric-saved-table td:nth-child(11) {
width: 9% !important;
}
/* 后续单价 / 金额 / 操作：管理员有，员工没有也不影响 */
.product-table-card .fabric-saved-table th:nth-child(12),
.product-table-card .fabric-saved-table td:nth-child(12) {
width: 8% !important;
}
.product-table-card .fabric-saved-table th:nth-child(13),
.product-table-card .fabric-saved-table td:nth-child(13) {
width: 10% !important;
}
.product-table-card .fabric-saved-table th:nth-child(14),
.product-table-card .fabric-saved-table td:nth-child(14) {
width: 76px !important;
}
/* 面料表输入框不要太大 */
.product-table-card .fabric-saved-table input {
width: 78% !important;
max-width: 120px !important;
}
/* 颜色名称允许稍宽一点 */
.product-table-card .fabric-saved-table input[name="color_name"] {
width: 82% !important;
max-width: 120px !important;
}
/* 色块统一 */
.product-table-card table.real-table input[type="color"] {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
padding: 0 !important;
border-radius: 10px !important;
background-color: var(--color-bg, #000) !important;
overflow: hidden !important;
}
/* 员工账号：隐藏新增区，管理员保留 */
body:not(.role-admin) .product-table-card .add-section,
body:not(.role-admin) .product-table-card .sn-table-zone-add,
body:not(.role-admin) .product-table-card .real-table-section.add-section {
display: none !important;
}
/* 员工账号：禁用的按钮不要出现 */
body:not(.role-admin) button[disabled],
body:not(.role-admin) .small-primary:disabled {
display: none !important;
}
/* 管理员 / 员工按钮统一 */
.product-table-card .small-danger,
.product-table-card .danger {
width: 48px !important;
height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
background: #fff !important;
color: #e60000 !important;
border: 1.5px solid #e60000 !important;
font-size: 14px !important;
font-weight: 900 !important;
}
/* 避免横向挤爆；必要时表格内部滚动 */
.product-table-card .table-scroll {
overflow-x: auto !important;
overflow-y: visible !important;
}
/* 小屏下保底 */
@media (max-width: 1400px) {
.product-table-card table.real-table {
min-width: 1180px !important;
}
}
/* ===== 员工账号：隐藏新增区后，已保存表重新对齐 ===== */
/* 员工账号下，产品表卡片里的已保存区上移，减少新增区消失后的空白 */
body:not(.role-admin) .product-table-card .saved-section,
body:not(.role-admin) .product-table-card .sn-table-zone-saved,
body:not(.role-admin) .product-table-card .real-table-section.saved-section {
margin-top: 8px !important;
}
/* 员工账号：已保存表和标题左边对齐 */
body:not(.role-admin) .product-table-card .real-table-section,
body:not(.role-admin) .product-table-card .saved-section,
body:not(.role-admin) .product-table-card .table-scroll {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 员工账号：已保存面料小标题和主标题左边对齐 */
body:not(.role-admin) .product-table-card .section-label {
margin-left: 0 !important;
margin-bottom: 12px !important;
}
/* 员工账号：面料表列宽重新压平，避免色块/颜色列不协调 */
body:not(.role-admin) .product-table-card .fabric-saved-table {
width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
}
/* 颜色列 */
body:not(.role-admin) .product-table-card .fabric-saved-table th:nth-child(1),
body:not(.role-admin) .product-table-card .fabric-saved-table td:nth-child(1) {
width: 9% !important;
}
/* 色块列 */
body:not(.role-admin) .product-table-card .fabric-saved-table th:nth-child(2),
body:not(.role-admin) .product-table-card .fabric-saved-table td:nth-child(2) {
width: 7% !important;
}
/* XS / S / M / L / XL */
body:not(.role-admin) .product-table-card .fabric-saved-table th:nth-child(3),
body:not(.role-admin) .product-table-card .fabric-saved-table td:nth-child(3),
body:not(.role-admin) .product-table-card .fabric-saved-table th:nth-child(4),
body:not(.role-admin) .product-table-card .fabric-saved-table td:nth-child(4),
body:not(.role-admin) .product-table-card .fabric-saved-table th:nth-child(5),
body:not(.role-admin) .product-table-card .fabric-saved-table td:nth-child(5),
body:not(.role-admin) .product-table-card .fabric-saved-table th:nth-child(6),
body:not(.role-admin) .product-table-card .fabric-saved-table td:nth-child(6),
body:not(.role-admin) .product-table-card .fabric-saved-table th:nth-child(7),
body:not(.role-admin) .product-table-card .fabric-saved-table td:nth-child(7) {
width: 7.5% !important;
}
/* 件数 */
body:not(.role-admin) .product-table-card .fabric-saved-table th:nth-child(8),
body:not(.role-admin) .product-table-card .fabric-saved-table td:nth-child(8) {
width: 6.5% !important;
}
/* 每件用量 */
body:not(.role-admin) .product-table-card .fabric-saved-table th:nth-child(9),
body:not(.role-admin) .product-table-card .fabric-saved-table td:nth-child(9) {
width: 9% !important;
}
/* 单位 */
body:not(.role-admin) .product-table-card .fabric-saved-table th:nth-child(10),
body:not(.role-admin) .product-table-card .fabric-saved-table td:nth-child(10) {
width: 7% !important;
}
/* 总用量 */
body:not(.role-admin) .product-table-card .fabric-saved-table th:nth-child(11),
body:not(.role-admin) .product-table-card .fabric-saved-table td:nth-child(11) {
width: 9.5% !important;
}
/* 操作 */
body:not(.role-admin) .product-table-card .fabric-saved-table th:nth-child(12),
body:not(.role-admin) .product-table-card .fabric-saved-table td:nth-child(12) {
width: 7% !important;
}
/* 员工账号：输入框统一居中，不要撑破单元格 */
body:not(.role-admin) .product-table-card .fabric-saved-table input {
width: 74% !important;
max-width: 110px !important;
min-width: 0 !important;
margin: 0 auto !important;
}
/* 颜色名称输入框稍微放宽 */
body:not(.role-admin) .product-table-card .fabric-saved-table input[name="color_name"] {
width: 82% !important;
max-width: 110px !important;
}
/* 色块保持正方形 */
body:not(.role-admin) .product-table-card .fabric-saved-table input[type="color"] {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
/* 员工账号：表格不要出现被隐藏新增区留下的大间距 */
body:not(.role-admin) .product-table-card {
padding-top: 32px !important;
}
/* ===== 恢复员工账号新增区：员工也可以添加面料/辅料/库存 ===== */
body:not(.role-admin) .product-table-card .add-section,
body:not(.role-admin) .product-table-card .sn-table-zone-add,
body:not(.role-admin) .product-table-card .real-table-section.add-section,
body:not(.role-admin) .inventory-table-card .inv-add-section,
body:not(.role-admin) .inventory-table-card .add-section,
body:not(.role-admin) .inventory-table-card .real-table-section.add-section {
display: block !important;
}
/* 恢复员工账号添加按钮 */
body:not(.role-admin) button[disabled],
body:not(.role-admin) .small-primary:disabled {
display: inline-flex !important;
}
/* 员工账号新增区保持和管理员一致的上下间距 */
body:not(.role-admin) .product-table-card .add-section,
body:not(.role-admin) .inventory-table-card .inv-add-section {
margin-bottom: 34px !important;
}
/* 新增区小标题正常显示 */
body:not(.role-admin) .product-table-card .add-section .section-label,
body:not(.role-admin) .inventory-table-card .inv-add-section .section-label {
display: block !important;
}
/* ===== 员工账号：恢复新增区添加按钮 ===== */
/* 非管理员也显示新增区 */
body:not(.role-admin) .product-table-card .add-section,
body:not(.role-admin) .product-table-card .real-table-section.add-section,
body:not(.role-admin) .product-table-card .sn-table-zone-add,
body:not(.role-admin) .inventory-table-card .inv-add-section,
body:not(.role-admin) .inventory-table-card .add-section,
body:not(.role-admin) .inventory-table-card .real-table-section.add-section {
display: block !important;
}
/* 非管理员也显示添加按钮 */
body:not(.role-admin) .product-table-card .add-section button,
body:not(.role-admin) .inventory-table-card .inv-add-section button,
body:not(.role-admin) button.small-primary,
body:not(.role-admin) button[type="submit"] {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
}
/* 添加按钮样式恢复 */
.product-table-card .add-section button.small-primary,
.inventory-table-card .inv-add-section button.small-primary,
.product-table-card .add-section button[type="submit"],
.inventory-table-card .inv-add-section button[type="submit"] {
width: 64px !important;
min-width: 64px !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
background: #111 !important;
color: #fff !important;
border: 1.5px solid #111 !important;
font-size: 14px !important;
font-weight: 900 !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
}
/* 如果按钮仍带 disabled，也让它显示；真正能不能提交由后端角色决定 */
.product-table-card .add-section button:disabled,
.inventory-table-card .inv-add-section button:disabled {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
background: #111 !important;
color: #fff !important;
cursor: pointer !important;
}
/* ===== 修复删除按钮错位 ===== */
.product-table-card .small-danger,
.product-table-card button.danger,
.product-table-card .action-cell button,
.inv-real-table .small-danger,
.inv-real-table button.danger,
.inv-real-table .action-cell button {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
padding: 0 !important;
margin: 0 auto !important;
border-radius: 10px !important;
background: #fff !important;
color: #e60000 !important;
border: 1.5px solid #e60000 !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
box-sizing: border-box !important;
overflow: hidden !important;
white-space: nowrap !important;
}
/* 操作列居中，避免按钮贴边或文字跑偏 */
.product-table-card .action-cell,
.inv-real-table .action-cell {
text-align: center !important;
vertical-align: middle !important;
}
.product-table-card .action-cell form,
.inv-real-table .action-cell form {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto !important;
padding: 0 !important;
}
/* ===== 辅料新增表：物料大、使用部位小、操作固定 ===== */
/* 新增辅料表整体不要被压坏 */
.product-table-card .accessory-add-table {
width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
}
/* 物料列：最大 */
.product-table-card .accessory-add-table th:nth-child(1),
.product-table-card .accessory-add-table td:nth-child(1) {
width: 46% !important;
min-width: 0 !important;
max-width: none !important;
overflow: hidden !important;
}
/* 使用部位：只留 4 个字左右 */
.product-table-card .accessory-add-table th:nth-child(2),
.product-table-card .accessory-add-table td:nth-child(2) {
width: 120px !important;
min-width: 120px !important;
max-width: 120px !important;
overflow: hidden !important;
}
/* 用量/件 */
.product-table-card .accessory-add-table th:nth-child(3),
.product-table-card .accessory-add-table td:nth-child(3) {
width: 120px !important;
min-width: 120px !important;
max-width: 120px !important;
}
/* 单位 */
.product-table-card .accessory-add-table th:nth-child(4),
.product-table-card .accessory-add-table td:nth-child(4) {
width: 90px !important;
min-width: 90px !important;
max-width: 90px !important;
}
/* 如果有单价列 */
.product-table-card .accessory-add-table th:nth-child(5),
.product-table-card .accessory-add-table td:nth-child(5) {
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
}
/* 操作列 */
.product-table-card .accessory-add-table th:last-child,
.product-table-card .accessory-add-table td:last-child {
width: 82px !important;
min-width: 82px !important;
max-width: 82px !important;
}
/* 物料输入框：占满物料列，但不越界 */
.product-table-card .accessory-add-table input[name="material"] {
width: calc(100% - 28px) !important;
max-width: none !important;
min-width: 0 !important;
text-align: center !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 使用部位输入框：4 个字左右 */
.product-table-card .accessory-add-table input[name="part"] {
width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
padding: 0 6px !important;
text-align: center !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 用量/件 */
.product-table-card .accessory-add-table input[name="usage_per_piece"] {
width: 88px !important;
min-width: 88px !important;
max-width: 88px !important;
}
/* 单位 */
.product-table-card .accessory-add-table input[name="unit"] {
width: 66px !important;
min-width: 66px !important;
max-width: 66px !important;
padding: 0 6px !important;
}
/* 单价 */
.product-table-card .accessory-add-table input[name="unit_price"] {
width: 88px !important;
min-width: 88px !important;
max-width: 88px !important;
}
/* 新增辅料添加按钮强制显示 */
.product-table-card .accessory-add-table button.small-primary,
.product-table-card .accessory-add-table button[type="submit"] {
width: 64px !important;
min-width: 64px !important;
max-width: 64px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
padding: 0 !important;
margin: 0 auto !important;
border-radius: 10px !important;
background: #111 !important;
color: #fff !important;
border: 1.5px solid #111 !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
visibility: visible !important;
opacity: 1 !important;
cursor: pointer !important;
}
/* 即便按钮被 disabled，也先显示出来；能不能提交由后端角色决定 */
.product-table-card .accessory-add-table button:disabled {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
background: #111 !important;
color: #fff !important;
cursor: pointer !important;
}
/* 防止单元格内容溢出到隔壁列 */
.product-table-card .accessory-add-table td,
.product-table-card .accessory-add-table th,
.product-table-card .accessory-saved-table td,
.product-table-card .accessory-saved-table th {
overflow: hidden !important;
box-sizing: border-box !important;
}
/* ===== 辅料用量表：隐藏理论用量列 ===== */
/* 已保存辅料表第4列 = 理论用量，隐藏 */
.product-table-card .accessory-saved-table th:nth-child(4),
.product-table-card .accessory-saved-table td:nth-child(4) {
display: none !important;
}
/* 重新分配辅料已保存表宽度：物料 / 使用部位 / 用量件 / 总用量 / 单位 / 单价金额操作 */
.product-table-card .accessory-saved-table {
table-layout: fixed !important;
width: 100% !important;
min-width: 0 !important;
}
/* 物料 */
.product-table-card .accessory-saved-table th:nth-child(1),
.product-table-card .accessory-saved-table td:nth-child(1) {
width: 36% !important;
}
/* 使用部位 */
.product-table-card .accessory-saved-table th:nth-child(2),
.product-table-card .accessory-saved-table td:nth-child(2) {
width: 110px !important;
}
/* 用量/件 */
.product-table-card .accessory-saved-table th:nth-child(3),
.product-table-card .accessory-saved-table td:nth-child(3) {
width: 110px !important;
}
/* 总用量：原第5列 */
.product-table-card .accessory-saved-table th:nth-child(5),
.product-table-card .accessory-saved-table td:nth-child(5) {
width: 150px !important;
}
/* 单位：原第6列 */
.product-table-card .accessory-saved-table th:nth-child(6),
.product-table-card .accessory-saved-table td:nth-child(6) {
width: 90px !important;
}
/* 单价：原第7列，管理员有则显示 */
.product-table-card .accessory-saved-table th:nth-child(7),
.product-table-card .accessory-saved-table td:nth-child(7) {
width: 100px !important;
}
/* 预计金额：原第8列，管理员有则显示 */
.product-table-card .accessory-saved-table th:nth-child(8),
.product-table-card .accessory-saved-table td:nth-child(8) {
width: 130px !important;
}
/* 操作：原第9列 / 员工少列时最后一列 */
.product-table-card .accessory-saved-table th:last-child,
.product-table-card .accessory-saved-table td:last-child {
width: 76px !important;
}
/* 物料输入框不越界 */
.product-table-card .accessory-saved-table input[name="material"] {
width: calc(100% - 28px) !important;
max-width: none !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 使用部位固定约4字 */
.product-table-card .accessory-saved-table input[name="part"] {
width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
}
/* ===== 登录页：登录按钮文字强制居中 ===== */
.login-card-v2 button,
.interactive-login-form button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
padding: 0 !important;
line-height: 1 !important;
font-size: 18px !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
}
/* 防止按钮内文字被继承左对齐 */
.login-card-v2 button *,
.interactive-login-form button * {
text-align: center !important;
}
/* ===== 辅料表：真正删除理论用量后的列宽重排 ===== */
/* 辅料已保存表不再保留右侧空白 */
.product-table-card .accessory-saved-table {
width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
}
/* 物料 */
.product-table-card .accessory-saved-table .col-material,
.product-table-card .accessory-saved-table th:nth-child(1),
.product-table-card .accessory-saved-table td:nth-child(1) {
width: 36% !important;
min-width: 0 !important;
max-width: none !important;
}
/* 使用部位：4个字左右 */
.product-table-card .accessory-saved-table .col-part,
.product-table-card .accessory-saved-table th:nth-child(2),
.product-table-card .accessory-saved-table td:nth-child(2) {
width: 10% !important;
min-width: 0 !important;
max-width: none !important;
}
/* 用量/件 */
.product-table-card .accessory-saved-table .col-usage-small,
.product-table-card .accessory-saved-table th:nth-child(3),
.product-table-card .accessory-saved-table td:nth-child(3) {
width: 9% !important;
min-width: 0 !important;
max-width: none !important;
}
/* 总用量 */
.product-table-card .accessory-saved-table .col-total,
.product-table-card .accessory-saved-table th:nth-child(4),
.product-table-card .accessory-saved-table td:nth-child(4) {
width: 15% !important;
min-width: 0 !important;
max-width: none !important;
}
/* 单位 */
.product-table-card .accessory-saved-table .col-unit,
.product-table-card .accessory-saved-table th:nth-child(5),
.product-table-card .accessory-saved-table td:nth-child(5) {
width: 8% !important;
min-width: 0 !important;
max-width: none !important;
}
/* 单价 */
.product-table-card .accessory-saved-table .col-price,
.product-table-card .accessory-saved-table th:nth-child(6),
.product-table-card .accessory-saved-table td:nth-child(6) {
width: 8% !important;
min-width: 0 !important;
max-width: none !important;
}
/* 预计金额 */
.product-table-card .accessory-saved-table .col-money,
.product-table-card .accessory-saved-table th:nth-child(7),
.product-table-card .accessory-saved-table td:nth-child(7) {
width: 10% !important;
min-width: 0 !important;
max-width: none !important;
}
/* 操作 */
.product-table-card .accessory-saved-table .col-action,
.product-table-card .accessory-saved-table th:nth-child(8),
.product-table-card .accessory-saved-table td:nth-child(8) {
width: 6% !important;
min-width: 0 !important;
max-width: none !important;
}
/* 物料输入框：长内容内部省略，不挤占使用部位 */
.product-table-card .accessory-saved-table input[name="material"] {
width: calc(100% - 24px) !important;
max-width: none !important;
min-width: 0 !important;
text-align: center !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 使用部位：控制4字左右 */
.product-table-card .accessory-saved-table input[name="part"] {
width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
padding: 0 6px !important;
}
/* 单位 */
.product-table-card .accessory-saved-table input[name="unit"] {
width: 66px !important;
min-width: 66px !important;
max-width: 66px !important;
}
/* 防止 td 内容越界造成右侧空白 */
.product-table-card .accessory-saved-table td,
.product-table-card .accessory-saved-table th {
overflow: hidden !important;
box-sizing: border-box !important;
}
/* ===== 已保存辅料表：干净版列宽，去掉右侧空白 ===== */
.product-table-card .accessory-saved-clean-section {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.product-table-card .accessory-saved-clean-table {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
border-collapse: separate !important;
border-spacing: 0 !important;
}
/* 清理旧规则残留：不再隐藏第4列 */
.product-table-card .accessory-saved-clean-table th:nth-child(4),
.product-table-card .accessory-saved-clean-table td:nth-child(4) {
display: table-cell !important;
}
/* 物料 */
.product-table-card .accessory-saved-clean-table .col-material {
width: 36% !important;
}
/* 使用部位，约 4 个字 */
.product-table-card .accessory-saved-clean-table .col-part {
width: 110px !important;
}
/* 用量/件 */
.product-table-card .accessory-saved-clean-table .col-usage-small {
width: 110px !important;
}
/* 总用量 */
.product-table-card .accessory-saved-clean-table .col-total {
width: 150px !important;
}
/* 单位 */
.product-table-card .accessory-saved-clean-table .col-unit {
width: 90px !important;
}
/* 单价 */
.product-table-card .accessory-saved-clean-table .col-price {
width: 100px !important;
}
/* 预计金额 */
.product-table-card .accessory-saved-clean-table .col-money {
width: 130px !important;
}
/* 操作 */
.product-table-card .accessory-saved-clean-table .col-action {
width: 76px !important;
}
/* 单元格 */
.product-table-card .accessory-saved-clean-table th,
.product-table-card .accessory-saved-clean-table td {
height: 76px !important;
min-height: 76px !important;
padding: 10px 8px !important;
border-right: 1px solid #e6e6e6 !important;
border-bottom: 1px solid #e6e6e6 !important;
text-align: center !important;
vertical-align: middle !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.product-table-card .accessory-saved-clean-table th {
height: 64px !important;
min-height: 64px !important;
background: #f3f3f3 !important;
color: #111 !important;
font-size: 15px !important;
font-weight: 950 !important;
}
/* 物料输入框：长内容内部省略，不挤占使用部位 */
.product-table-card .accessory-saved-clean-table input[name="material"] {
width: calc(100% - 24px) !important;
max-width: none !important;
min-width: 0 !important;
text-align: center !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* 使用部位 4 字宽 */
.product-table-card .accessory-saved-clean-table input[name="part"] {
width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
padding: 0 6px !important;
}
/* 用量/件 */
.product-table-card .accessory-saved-clean-table input[name="usage_per_piece"] {
width: 88px !important;
min-width: 88px !important;
max-width: 88px !important;
}
/* 单位 */
.product-table-card .accessory-saved-clean-table input[name="unit"] {
width: 66px !important;
min-width: 66px !important;
max-width: 66px !important;
}
/* 单价 */
.product-table-card .accessory-saved-clean-table input[name="unit_price"] {
width: 88px !important;
min-width: 88px !important;
max-width: 88px !important;
}
/* 删除按钮 */
.product-table-card .accessory-saved-clean-table .small-danger {
width: 48px !important;
height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
background: #fff !important;
color: #e60000 !important;
border: 1.5px solid #e60000 !important;
font-size: 14px !important;
font-weight: 900 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* 最后一列不再留额外空白 */
.product-table-card .accessory-saved-clean-table th:last-child,
.product-table-card .accessory-saved-clean-table td:last-child {
border-right: none !important;
}
/* 表格外层不额外撑宽 */
.product-table-card .accessory-saved-clean-section .table-scroll {
width: 100% !important;
overflow-x: auto !important;
}
/* ===== 员工账号隐藏左下角设置按钮 ===== */
/* 非 admin 隐藏 href 指向 menu-settings 的齿轮按钮 */
body:not(.role-admin) a[href*="menu-settings"],
body:not(.role-admin) a[title="设置"],
body:not(.role-admin) .sn-bottom-btn[href*="menu-settings"] {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
/* 如果底部只剩账户按钮，位置保持正常 */
body:not(.role-admin) .sn-sidebar-bottom {
gap: 0 !important;
}
/* ===== 一级菜单：保存 / 删除按钮并排 ===== */
.settings-table-head,
.settings-table-row {
grid-template-columns: 1.4fr 1.4fr .8fr .7fr .8fr 1fr .7fr 150px !important;
}
.settings-row-actions {
display: flex !important;
gap: 8px !important;
align-items: center !important;
justify-content: center !important;
}
.settings-row-actions .settings-save-btn {
width: 58px !important;
height: 38px !important;
padding: 0 !important;
border-radius: 10px !important;
}
.settings-row-actions .settings-delete-btn {
width: 58px !important;
height: 38px !important;
padding: 0 !important;
border-radius: 10px !important;
background: #fff !important;
color: #e60000 !important;
border: 1.5px solid #e60000 !important;
font-size: 13px !important;
font-weight: 900 !important;
}
.settings-row-actions .settings-delete-btn:hover {
background: #fff5f5 !important;
}
/* ===== 设置页：一级菜单拆分为库存管理 / 产品规划两个表格 ===== */
.settings-split-menu-wrapper {
display: grid !important;
gap: 28px !important;
}
.settings-split-menu-section {
display: grid !important;
gap: 12px !important;
}
.settings-split-title {
margin: 0 !important;
font-size: 18px !important;
font-weight: 950 !important;
color: #111 !important;
}
.settings-split-table {
margin: 0 !important;
}
/* 拆分后两个表格保持原来表格 UI，不改行内样式 */
.settings-split-table .settings-table-head,
.settings-split-table .settings-table-row {
grid-template-columns: 1.4fr 1.4fr .8fr .7fr .8fr 1fr .7fr 150px !important;
}
/* 两个表之间保持清楚层级 */
.settings-split-menu-section + .settings-split-menu-section {
margin-top: 6px !important;
}
/* ===== 一级菜单：拖动排序 UI ===== */
/* 原“排序”列隐藏 */
.settings-sort-hidden-cell {
display: none !important;
}
/* 表格列结构：去掉排序数字列，最右加拖动列 */
.settings-drag-sort-table .settings-table-head,
.settings-drag-sort-table .settings-table-row {
grid-template-columns:
1.4fr
1.4fr
.8fr
.7fr
.8fr
1fr
150px
58px
!important;
}
/* 拖动列 */
.settings-drag-head,
.settings-drag-cell {
min-height: 60px;
display: grid !important;
place-items: center !important;
padding: 10px !important;
border-right: 0 !important;
border-bottom: 1px solid #e6e6e6 !important;
}
.settings-drag-head {
background: #f3f3f3 !important;
font-weight: 950 !important;
}
.settings-drag-handle {
width: 36px;
height: 36px;
border-radius: 10px;
border: 1px dashed #bbb;
display: inline-flex;
align-items: center;
justify-content: center;
color: #777;
font-size: 18px;
font-weight: 950;
cursor: grab;
user-select: none;
}
.settings-drag-handle:hover {
background: #f5f5f5;
color: #111;
border-color: #999;
}
.settings-table-row.dragging {
opacity: .55;
background: #f7f7f7 !important;
}
.settings-table-row.dragging .settings-drag-handle {
cursor: grabbing;
}
/* 操作列保持保存/删除，不被拖动列挤坏 */
.settings-row-actions {
display: flex !important;
gap: 8px !important;
align-items: center !important;
justify-content: center !important;
}
/* ===== 一级菜单拖动排序：修复列错位后的最终列宽 ===== */
/* 排序列隐藏 */
.settings-sort-hidden-cell {
display: none !important;
}
/* 正确列顺序：
预览 / 名称 / icon / 字号 / icon尺寸 / 类型 / 操作 / 拖动
*/
.settings-drag-sort-table-fixed .settings-table-head,
.settings-drag-sort-table-fixed .settings-table-row,
.settings-drag-sort-table .settings-table-head,
.settings-drag-sort-table .settings-table-row {
grid-template-columns:
1.4fr
1.4fr
.8fr
.7fr
.8fr
1fr
150px
58px
!important;
}
/* icon尺寸列里的输入框保持正常，不被旧规则压掉 */
.settings-table-row input[name="icon_size"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
/* 类型 select 保持在“类型”列 */
.settings-table-row select[name="group_type"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
/* 拖动列样式 */
.settings-drag-head,
.settings-drag-cell {
min-height: 60px;
display: grid !important;
place-items: center !important;
padding: 10px !important;
border-right: 0 !important;
border-bottom: 1px solid #e6e6e6 !important;
}
.settings-drag-head {
background: #f3f3f3 !important;
font-weight: 950 !important;
}
.settings-drag-handle {
width: 36px;
height: 36px;
border-radius: 10px;
border: 1px dashed #bbb;
display: inline-flex;
align-items: center;
justify-content: center;
color: #777;
font-size: 18px;
font-weight: 950;
cursor: grab;
user-select: none;
}
.settings-drag-handle:hover {
background: #f5f5f5;
color: #111;
border-color: #999;
}
/* ===== 一级菜单拖动排序：修复列错位后的最终列宽 ===== */
/* 排序列隐藏 */
.settings-sort-hidden-cell {
display: none !important;
}
/* 正确列顺序：
预览 / 名称 / icon / 字号 / icon尺寸 / 类型 / 操作 / 拖动
*/
.settings-drag-sort-table-fixed .settings-table-head,
.settings-drag-sort-table-fixed .settings-table-row,
.settings-drag-sort-table .settings-table-head,
.settings-drag-sort-table .settings-table-row {
grid-template-columns:
1.4fr
1.4fr
.8fr
.7fr
.8fr
1fr
150px
58px
!important;
}
/* icon尺寸列里的输入框保持正常，不被旧规则压掉 */
.settings-table-row input[name="icon_size"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
/* 类型 select 保持在“类型”列 */
.settings-table-row select[name="group_type"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
/* 拖动列样式 */
.settings-drag-head,
.settings-drag-cell {
min-height: 60px;
display: grid !important;
place-items: center !important;
padding: 10px !important;
border-right: 0 !important;
border-bottom: 1px solid #e6e6e6 !important;
}
.settings-drag-head {
background: #f3f3f3 !important;
font-weight: 950 !important;
}
.settings-drag-handle {
width: 36px;
height: 36px;
border-radius: 10px;
border: 1px dashed #bbb;
display: inline-flex;
align-items: center;
justify-content: center;
color: #777;
font-size: 18px;
font-weight: 950;
cursor: grab;
user-select: none;
}
.settings-drag-handle:hover {
background: #f5f5f5;
color: #111;
border-color: #999;
}
/* ===== 产品页：二级按钮区去底框，标题区和基础信息靠近 ===== */
/* 去掉二级页面按钮区外层白色大底框 */
.sn-subtypes {
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
margin-bottom: 22px !important;
}
/* 二级按钮本身保留原来的胶囊样式 */
.sn-subtypes a,
.sn-subtypes button {
background: #fff !important;
border: 1px solid #ddd !important;
}
/* 当前选中按钮保持黑色 */
.sn-subtypes a.active {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
}
/* 加减按钮保留虚线感 */
.sn-subtypes button {
border: 1.5px dashed #cfcfcf !important;
background: transparent !important;
}
/* 产品标题区下方减少空白 */
.sn-hero {
margin-bottom: 12px !important;
padding-bottom: 10px !important;
}
/* 标题区和产品基础信息卡片靠近 */
.sn-hero + .sn-card,
.sn-hero + section.sn-card {
margin-top: 0 !important;
}
/* 如果中间有导出按钮，也不要撑太大间距 */
.sn-export {
margin-top: 0 !important;
margin-bottom: 12px !important;
}
/* 产品基础信息卡片上方更紧凑 */
.sn-card:has(.sn-info-form) {
margin-top: 0 !important;
}
/* ===== 产品详情页：标题区和产品基础信息再靠近 ===== */
/* 只针对产品详情页标题区：没有右侧统计卡的 sn-hero */
.sn-hero:not(:has(.sn-hero-stat)) {
padding: 0 0 4px !important;
margin: 0 0 2px !important;
min-height: auto !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* 产品标题内部间距压缩 */
.sn-hero:not(:has(.sn-hero-stat)) p {
margin: 0 0 8px !important;
}
.sn-hero:not(:has(.sn-hero-stat)) h1 {
margin: 0 0 8px !important;
line-height: 1.08 !important;
}
.sn-hero:not(:has(.sn-hero-stat)) span {
display: block !important;
margin: 0 !important;
}
/* 产品基础信息卡片整体往上提 */
.sn-hero:not(:has(.sn-hero-stat)) ~ .sn-card:has(.sn-info-form) {
margin-top: -34px !important;
}
/* 如果中间有导出按钮，别把距离撑开 */
.sn-hero:not(:has(.sn-hero-stat)) ~ .sn-export {
margin-top: 0 !important;
margin-bottom: 8px !important;
}
/* ===== 基础信息标题删除后：收紧卡片上方间距 ===== */
.sn-card:has(.sn-info-form) {
padding-top: 28px !important;
}
.sn-card:has(.sn-info-form) .sn-info-form {
margin-top: 0 !important;
}
/* ===== 库存区：顶部标题与基础信息卡片间距同步产品区 ===== */
/* 库存区顶部标题区压缩 */
.sn-hero:has(.sn-hero-stat) {
padding: 0 0 4px !important;
margin: 0 0 2px !important;
min-height: auto !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* 库存标题内部间距压缩 */
.sn-hero:has(.sn-hero-stat) p {
margin: 0 0 8px !important;
}
.sn-hero:has(.sn-hero-stat) h1 {
margin: 0 0 8px !important;
line-height: 1.08 !important;
}
.sn-hero:has(.sn-hero-stat) span {
display: block !important;
margin: 0 !important;
}
/* 右侧库存合计小卡片保持小尺寸，不撑高标题区 */
.sn-hero:has(.sn-hero-stat) .sn-hero-stat {
align-self: flex-start !important;
margin-top: 0 !important;
}
/* 库存基础信息卡片往上提，接近产品区 */
.sn-hero:has(.sn-hero-stat) ~ .sn-card:has(.sn-info-form) {
margin-top: -34px !important;
}
/* 库存区基础信息卡片内部上方也收紧 */
.sn-hero:has(.sn-hero-stat) ~ .sn-card:has(.sn-info-form) {
padding-top: 28px !important;
}
.sn-hero:has(.sn-hero-stat) ~ .sn-card:has(.sn-info-form) .sn-info-form {
margin-top: 0 !important;
}
/* ===== 修复库存区标题和基础信息卡片重叠 ===== */
/* 库存区标题保留必要高度，避免和下面卡片撞在一起 */
.sn-hero:has(.sn-hero-stat) {
padding: 0 0 22px !important;
margin: 0 0 18px !important;
min-height: 128px !important;
display: flex !important;
align-items: flex-start !important;
}
/* 库存标题内部保持紧凑 */
.sn-hero:has(.sn-hero-stat) p {
margin: 0 0 8px !important;
}
.sn-hero:has(.sn-hero-stat) h1 {
margin: 0 0 8px !important;
line-height: 1.08 !important;
}
.sn-hero:has(.sn-hero-stat) span {
display: block !important;
margin: 0 !important;
}
/* 右侧库存合计卡片不撑乱布局 */
.sn-hero:has(.sn-hero-stat) .sn-hero-stat {
align-self: flex-start !important;
margin-top: 0 !important;
}
/* 关键：取消之前的负边距，避免基础信息卡片顶上去 */
.sn-hero:has(.sn-hero-stat) ~ .sn-card:has(.sn-info-form) {
margin-top: 0 !important;
padding-top: 28px !important;
}
/* 库存区基础信息表单保持正常 */
.sn-hero:has(.sn-hero-stat) ~ .sn-card:has(.sn-info-form) .sn-info-form {
margin-top: 0 !important;
}
/* ===== 库存区：标题和基础信息安全压近，不重叠 ===== */
/* 库存标题区固定为紧凑高度 */
.sn-hero:has(.sn-hero-stat) {
padding: 0 0 8px !important;
margin: 0 0 8px !important;
min-height: 96px !important;
height: 96px !important;
display: flex !important;
align-items: flex-start !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* 标题文字压缩 */
.sn-hero:has(.sn-hero-stat) p {
margin: 0 0 4px !important;
}
.sn-hero:has(.sn-hero-stat) h1 {
margin: 0 0 4px !important;
line-height: 1.05 !important;
}
.sn-hero:has(.sn-hero-stat) span {
margin: 0 !important;
line-height: 1.2 !important;
}
/* 右侧库存合计卡片缩小，避免撑开标题区 */
.sn-hero:has(.sn-hero-stat) .sn-hero-stat {
min-width: 96px !important;
height: 72px !important;
padding: 10px 16px !important;
border-radius: 14px !important;
align-self: flex-start !important;
}
.sn-hero:has(.sn-hero-stat) .sn-hero-stat b {
font-size: 24px !important;
line-height: 1 !important;
margin-bottom: 4px !important;
}
.sn-hero:has(.sn-hero-stat) .sn-hero-stat span {
font-size: 12px !important;
}
/* 基础信息卡片正常紧接，不用负边距 */
.sn-hero:has(.sn-hero-stat) ~ .sn-card:has(.sn-info-form) {
margin-top: 0 !important;
padding-top: 28px !important;
}
/* ===== 库存详情：产品库存基础信息三列布局和销量胶囊 ===== */
.sn-inventory-info-form .sn-inventory-info-panel {
min-width: 0 !important;
display: grid !important;
gap: 14px !important;
}
.sn-inventory-info-form .sn-inventory-info-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important;
align-items: start !important;
}
.sn-inventory-info-form .sn-inventory-info-grid label {
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
margin: 0 !important;
font-weight: 900 !important;
}
.sn-inventory-info-form .sn-inventory-info-grid input,
.sn-inventory-info-form .sn-inventory-info-grid select {
width: 100% !important;
height: 42px !important;
}
.sn-inventory-sales-pills {
display: flex !important;
flex-wrap: wrap !important;
align-content: flex-start !important;
gap: 10px !important;
margin-top: 2px !important;
}
.sn-inventory-sales-pill {
min-height: auto !important;
padding: 7px 10px !important;
border-radius: 999px !important;
background: #f7f7f7 !important;
border: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
color: #666 !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.sn-inventory-sales-pill em {
font-style: normal !important;
}
.sn-inventory-sales-pill strong {
color: #111 !important;
font-size: 12px !important;
font-weight: 950 !important;
}
@media (max-width: 1280px) {
.sn-inventory-info-form .sn-inventory-info-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/* ===== 产品规划区：产品基础信息卡片视觉下移 2px，不改变布局间距 ===== */
.sn-hero:not(:has(.sn-hero-stat)) ~ .sn-card:has(.sn-info-form) {
position: relative !important;
top: 2px !important;
}
/* ===== 产品规划区：产品基础信息卡片视觉下移 4px，不改变布局计算 ===== */
.sn-hero:not(:has(.sn-hero-stat)) ~ .sn-card:has(.sn-info-form) {
position: relative !important;
top: 4px !important;
}
/* ===== 库存管理区：二级页面按钮区与 INVENTORY 标题区间距同步产品区 ===== */
/* 只影响库存区，不影响产品规划区 */
.sn-subtypes + .sn-hero:has(.sn-hero-stat) {
margin-top: 28px !important;
}
/* 保持库存标题区自身紧凑，不改变下面基础信息卡片 */
.sn-hero:has(.sn-hero-stat) {
margin-bottom: 8px !important;
}
/* ===== 库存区：二级页面按钮区和 INVENTORY 标题区间距对齐产品区 ===== */
/* 只命中：后面紧跟库存标题区的二级按钮栏 */
.sn-subtypes:has(+ .sn-hero:has(.sn-hero-stat)) {
margin-bottom: 58px !important;
}
/* 库存标题区本身不要再叠加额外上边距，避免计算混乱 */
.sn-subtypes + .sn-hero:has(.sn-hero-stat) {
margin-top: 0 !important;
}
/* 库存标题区内部保持原样，不影响下方基础信息 */
.sn-hero:has(.sn-hero-stat) {
margin-bottom: 8px !important;
}
/* ===== 库存区：二级页面按钮区与 INVENTORY 标题区间距 ===== */
/* 只影响库存区，不影响产品规划区 */
.sn-subtypes.inventory-subtype-bar {
margin-bottom: 64px !important;
}
/* 库存标题区自己不额外叠加上边距 */
.sn-subtypes.inventory-subtype-bar + .sn-hero {
margin-top: 0 !important;
}
/* ===== 库存区：二级页面按钮区与 INVENTORY 标题区间距微调为 58px ===== */
.sn-subtypes.inventory-subtype-bar {
margin-bottom: 58px !important;
}
/* ===== 库存区标题三行文案间距：对齐产品区 PRODUCT DETAIL 标题区 ===== */
/* 库存区顶部小英文 */
.sn-hero:has(.sn-hero-stat) p {
margin: 0 0 8px !important;
line-height: 1.2 !important;
letter-spacing: .16em !important;
}
/* 库存区主标题 */
.sn-hero:has(.sn-hero-stat) h1 {
margin: 0 0 8px !important;
line-height: 1.08 !important;
}
/* 库存区副标题 */
.sn-hero:has(.sn-hero-stat) span {
display: block !important;
margin: 0 !important;
line-height: 1.25 !important;
}
/* 保持库存标题区整体结构，不额外改变上下模块距离 */
.sn-hero:has(.sn-hero-stat) {
align-items: flex-start !important;
}
/* ===== 页面切换防跳动：用 CSS 固定顺序，不再等 JS 后置移动 ===== */
/* 主内容改为稳定纵向布局 */
.sn-main {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
}
/* 二级页面按钮区固定在标题区上方 */
.sn-subtypes {
order: -20 !important;
}
/* 标题区固定在二级页面按钮区下方 */
.sn-hero {
order: -10 !important;
}
/* 产品规划区：保持原来的视觉节奏 */
.sn-main:has(.sn-hero):not(:has(.sn-hero .sn-hero-stat)) .sn-subtypes {
margin-top: 12px !important;
margin-bottom: 22px !important;
}
/* ===== 产品规划：顶部一级分类吸顶栏 ===== */
.product-plan-sticky-nav {
order: -40 !important;
position: fixed !important;
left: var(--sidebar-width, 300px) !important;
right: 0 !important;
top: 54px !important;
z-index: 8900 !important;
height: 46px !important;
min-height: 46px !important;
margin: 0 !important;
padding: 0 32px 0 0 !important;
display: flex !important;
align-items: center !important;
gap: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
white-space: nowrap !important;
background: rgba(255, 255, 255, .96) !important;
border-bottom: 1px solid rgba(0, 0, 0, .08) !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, .025) !important;
backdrop-filter: blur(12px) saturate(145%) !important;
-webkit-backdrop-filter: blur(12px) saturate(145%) !important;
scrollbar-width: thin !important;
}
.sn-main:has(.product-plan-sticky-nav) {
padding-top: 120px !important;
}
.product-plan-sticky-link {
height: 46px !important;
min-width: 132px !important;
padding: 0 26px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
border-right: 1px solid #e7e7e7 !important;
color: #333 !important;
background: transparent !important;
font-size: 13px !important;
font-weight: 760 !important;
line-height: 1 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.product-plan-sticky-link:first-child {
border-left: 1px solid #e7e7e7 !important;
}
.product-plan-sticky-link:hover,
.product-plan-sticky-link.active {
color: #111 !important;
background: rgba(0, 0, 0, .025) !important;
}
.product-plan-sticky-link.active {
box-shadow: inset 0 -2px 0 #111 !important;
font-weight: 950 !important;
}
.product-plan-sticky-icon {
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #111 !important;
}
.product-plan-sticky-icon img,
.product-plan-sticky-icon svg,
.product-plan-sticky-fallback {
width: 22px !important;
height: 22px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
object-fit: contain !important;
}
.product-plan-sticky-fallback[hidden],
.product-plan-sticky-icon img[hidden] {
display: none !important;
}
@media (max-width: 1200px) {
.product-plan-sticky-nav {
padding-left: 0 !important;
padding-right: 20px !important;
}
.sn-main:has(.product-plan-sticky-nav) {
padding-top: 112px !important;
}
}
/* 库存管理区：保持之前调好的二级按钮区与 INVENTORY 标题区距离 */
.sn-main:has(.sn-hero .sn-hero-stat) .sn-subtypes {
margin-bottom: 58px !important;
}
/* 防止左侧菜单切换时主内容被旧滚动逻辑影响 */
.sn-main {
scroll-behavior: auto !important;
}
/* ===== 辅料截图导入 ===== */
.table-title-row {
display: flex !important;
align-items: center !important;
gap: 14px !important;
margin-bottom: 20px !important;
}
.table-title-row h2 {
margin: 0 !important;
}
.import-ocr-btn {
height: 34px !important;
padding: 0 14px !important;
border: 1.5px dashed #bdbdbd !important;
border-radius: 10px !important;
background: #fff !important;
color: #111 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
font-weight: 900 !important;
}
.import-ocr-btn:hover {
background: #f5f5f5 !important;
}
.ocr-import-card {
max-width: 1500px !important;
}
.ocr-head {
display: flex !important;
justify-content: space-between !important;
gap: 20px !important;
align-items: flex-start !important;
margin-bottom: 24px !important;
}
.ocr-head h2 {
margin: 0 0 8px !important;
}
.ocr-head p,
.ocr-tip {
margin: 0 !important;
color: #777 !important;
font-weight: 800 !important;
}
.ocr-back-btn {
height: 38px !important;
padding: 0 16px !important;
border-radius: 10px !important;
border: 1px solid #ddd !important;
background: #fff !important;
display: inline-flex !important;
align-items: center !important;
font-weight: 900 !important;
}
.ocr-upload-form {
display: grid !important;
grid-template-columns: 1fr 120px !important;
gap: 18px !important;
align-items: end !important;
margin-bottom: 24px !important;
}
.ocr-upload-form label {
display: grid !important;
gap: 8px !important;
font-weight: 900 !important;
}
.ocr-upload-form input[type="file"] {
height: auto !important;
padding: 12px !important;
text-align: left !important;
}
.ocr-upload-form button,
.ocr-actions button {
height: 42px !important;
border-radius: 12px !important;
background: #111 !important;
color: #fff !important;
}
.ocr-error {
margin: 16px 0 !important;
padding: 12px 14px !important;
border-radius: 12px !important;
background: #fff5f5 !important;
color: #d00 !important;
font-weight: 900 !important;
}
.ocr-preview-form h3 {
margin: 24px 0 8px !important;
font-size: 22px !important;
}
.ocr-table-wrap {
margin-top: 16px !important;
overflow-x: auto !important;
}
.ocr-preview-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid #e3e3e3 !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.ocr-preview-table th,
.ocr-preview-table td {
height: 58px !important;
padding: 8px !important;
border-right: 1px solid #e6e6e6 !important;
border-bottom: 1px solid #e6e6e6 !important;
text-align: center !important;
}
.ocr-preview-table th {
background: #f3f3f3 !important;
font-weight: 950 !important;
}
.ocr-preview-table input[type="text"],
.ocr-preview-table input:not([type]),
.ocr-preview-table input[type="number"] {
width: 92% !important;
height: 38px !important;
border-radius: 10px !important;
}
.ocr-preview-table input[type="checkbox"] {
width: 20px !important;
height: 20px !important;
}
.ocr-actions {
margin-top: 20px !important;
display: flex !important;
justify-content: flex-end !important;
}
/* ===== 辅料用量表：导入截图按钮小号蓝色链接风 ===== */
.import-ocr-btn {
height: 28px !important;
padding: 0 10px !important;
border-radius: 8px !important;
border: 1.5px dashed #8bb7f0 !important;
background: transparent !important;
color: #1677ff !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.import-ocr-btn:hover {
background: rgba(22, 119, 255, .06) !important;
border-color: #1677ff !important;
color: #0958d9 !important;
}
/* 标题和按钮间距稍微收一点 */
.table-title-row {
gap: 10px !important;
align-items: center !important;
}
/* ===== 辅料用量表：导入截图按钮边框更细更轻 ===== */
.import-ocr-btn {
border-width: 1px !important;
border-color: #a9c9f8 !important;
border-style: dashed !important;
}
.import-ocr-btn:hover {
border-width: 1px !important;
border-color: #1677ff !important;
}
/* ===== 辅料用量表：导入截图按钮文字不加粗 ===== */
.import-ocr-btn {
font-weight: 500 !important;
}
.import-ocr-btn:hover {
font-weight: 500 !important;
}
/* ===== 库存区新增行：空状态视觉 ===== */
/* 空状态下数字 0 灰色 */
.inventory-table-card .inv-add-section.inventory-add-empty input.zero-muted {
color: #9a9a9a !important;
font-weight: 700 !important;
}
/* 空状态下添加按钮灰色 */
.inventory-table-card .inv-add-section button.is-disabled,
.inventory-table-card .inv-add-section button:disabled {
background: #dddddd !important;
color: #9a9a9a !important;
border-color: #dddddd !important;
cursor: not-allowed !important;
opacity: 1 !important;
}
/* 有有效内容时按钮恢复黑色 */
.inventory-table-card .inv-add-section.inventory-add-ready button.is-ready {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
cursor: pointer !important;
}
/* 空状态下新增行整体保持原灰底，不额外变化 */
.inventory-table-card .inv-add-section.inventory-add-empty .add-row td {
background: #eeeeee !important;
}
/* ===== 产品区 / 库存区：表格内容不加粗，仅表头加粗 ===== */
/* 表头继续加粗 */
.product-table-card table.real-table thead th,
.inventory-table-card table.inv-real-table thead th,
.inventory-table-card table.real-table thead th {
font-weight: 950 !important;
}
/* 表格内容区统一改为常规字重 */
.product-table-card table.real-table tbody td,
.inventory-table-card table.inv-real-table tbody td,
.inventory-table-card table.real-table tbody td {
font-weight: 500 !important;
}
/* 表格内容里的输入框不要加粗 */
.product-table-card table.real-table tbody input,
.product-table-card table.real-table tbody select,
.inventory-table-card table.inv-real-table tbody input,
.inventory-table-card table.inv-real-table tbody select,
.inventory-table-card table.real-table tbody input,
.inventory-table-card table.real-table tbody select {
font-weight: 500 !important;
}
/* 自动计算内容也不要过粗 */
.product-table-card table.real-table tbody .calc-cell,
.product-table-card table.real-table tbody .money-cell,
.inventory-table-card table.inv-real-table tbody .calc-cell,
.inventory-table-card table.inv-real-table tbody .money-cell,
.inventory-table-card table.real-table tbody .calc-cell,
.inventory-table-card table.real-table tbody .money-cell {
font-weight: 500 !important;
}
/* 红色总量保留红色，但不加粗 */
.product-table-card table.real-table tbody .red,
.inventory-table-card table.inv-real-table tbody .red,
.inventory-table-card table.real-table tbody .red {
font-weight: 500 !important;
}
/* 操作按钮保持原有识别度，不跟随表格内容变细 */
.product-table-card table.real-table tbody button,
.inventory-table-card table.inv-real-table tbody button,
.inventory-table-card table.real-table tbody button {
font-weight: 900 !important;
}
.inventory-table-card .col-color-swatch,
.inventory-table-card th[data-inventory-col="color_swatch"],
.inventory-table-card td[data-inventory-col="color_swatch"] {
width: 50px !important;
min-width: 50px !important;
max-width: 50px !important;
}
/* 库存详情页本地/快麦矩阵：统一颜色列与色块列宽度 */
.inventory-table-card .inventory-local-stock-view .inv-product-table,
.inventory-table-card .inventory-kuaimai-stock-view .inventory-kuaimai-table {
table-layout: fixed !important;
}
.inventory-table-card .inventory-local-stock-view .inv-product-table col[data-inventory-col="color_name"],
.inventory-table-card .inventory-kuaimai-stock-view .inventory-kuaimai-table col[data-inventory-col="color_name"],
.inventory-table-card .inventory-local-stock-view .inv-product-table th[data-inventory-col="color_name"],
.inventory-table-card .inventory-local-stock-view .inv-product-table td[data-inventory-col="color_name"],
.inventory-table-card .inventory-kuaimai-stock-view .inventory-kuaimai-table th[data-inventory-col="color_name"],
.inventory-table-card .inventory-kuaimai-stock-view .inventory-kuaimai-table td[data-inventory-col="color_name"] {
width: 160px !important;
min-width: 160px !important;
max-width: 160px !important;
text-align: center !important;
}
.inventory-table-card .inventory-local-stock-view .inv-product-table col[data-inventory-col="color_swatch"],
.inventory-table-card .inventory-kuaimai-stock-view .inventory-kuaimai-table col[data-inventory-col="color_swatch"],
.inventory-table-card .inventory-local-stock-view .inv-product-table th[data-inventory-col="color_swatch"],
.inventory-table-card .inventory-local-stock-view .inv-product-table td[data-inventory-col="color_swatch"],
.inventory-table-card .inventory-kuaimai-stock-view .inventory-kuaimai-table th[data-inventory-col="color_swatch"],
.inventory-table-card .inventory-kuaimai-stock-view .inventory-kuaimai-table td[data-inventory-col="color_swatch"] {
width: 50px !important;
min-width: 50px !important;
max-width: 50px !important;
text-align: center !important;
}
.inventory-table-card .inventory-kuaimai-stock-view .inventory-kuaimai-table col.col-size {
width: calc((100% - 210px) / 5) !important;
}
.inventory-table-card .inventory-local-stock-view .inv-product-table td[data-inventory-col="color_name"] input,
.inventory-table-card .inventory-kuaimai-stock-view .inventory-kuaimai-table .kuaimai-color-cell {
display: block;
width: 100% !important;
max-width: 100% !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center !important;
}
.inventory-table-card th[data-inventory-col="color_swatch"],
.inventory-table-card td.inventory-color-swatch-cell {
text-align: center !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.inventory-color-swatch-cell {
position: relative;
vertical-align: middle;
}
.inventory-color-swatch {
display: inline-block;
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
padding: 0 !important;
border: 1px solid #cfd4dc !important;
border-radius: 7px !important;
background: var(--swatch-color, #e5e7eb) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
cursor: pointer;
vertical-align: middle;
}
.inventory-color-swatch:disabled,
.inventory-color-swatch.is-readonly {
cursor: default;
}
.inventory-color-swatch-picker {
position: absolute;
width: 1px !important;
height: 1px !important;
opacity: 0;
pointer-events: none;
}
.color-swatch-save-modal {
position: fixed;
inset: 0;
z-index: 10020;
display: grid;
place-items: center;
}
.color-swatch-save-modal[hidden] {
display: none !important;
}
.color-swatch-save-modal__shade {
position: absolute;
inset: 0;
background: rgba(0,0,0,.22);
}
.color-swatch-save-modal__card {
position: relative;
z-index: 1;
width: min(420px, calc(100vw - 32px));
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 20px;
box-shadow: 0 18px 48px rgba(15,23,42,.18);
}
.color-swatch-save-modal__card h3 {
margin: 0 0 10px;
font-size: 17px;
font-weight: 950;
}
.color-swatch-save-modal__card p {
margin: 0;
line-height: 1.6;
color: #333;
font-size: 14px;
}
.color-swatch-save-modal__actions {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 18px;
}
.color-swatch-save-modal__actions button {
height: 38px;
border-radius: 9px;
}
.color-swatch-editor-modal {
position: fixed;
inset: 0;
z-index: 10030;
display: grid;
place-items: center;
}
.color-swatch-editor-modal[hidden] {
display: none !important;
}
.color-swatch-editor-modal__shade {
position: absolute;
inset: 0;
background: rgba(0,0,0,.22);
}
.color-swatch-editor-modal__card {
position: relative;
z-index: 1;
width: min(460px, calc(100vw - 32px));
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 20px;
box-shadow: 0 18px 48px rgba(15,23,42,.18);
}
.color-swatch-editor-modal__head {
margin-bottom: 14px;
}
.color-swatch-editor-modal__head h3 {
margin: 0;
font-size: 17px;
font-weight: 950;
}
.color-swatch-editor-field {
display: grid;
grid-template-columns: 86px minmax(0, 1fr);
align-items: center;
gap: 12px;
margin: 10px 0;
font-size: 14px;
}
.color-swatch-editor-field > span {
color: #555;
font-weight: 900;
}
.color-swatch-editor-field strong {
font-weight: 950;
}
.color-swatch-editor-field input[type="text"] {
width: 100%;
height: 38px;
text-align: left;
}
.color-swatch-editor-field input[type="color"] {
appearance: auto !important;
-webkit-appearance: auto !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 34px !important;
padding: 2px !important;
border: 1px solid #d8d8d8 !important;
border-radius: 8px !important;
background-color: var(--color-bg, #e5e7eb) !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.color-swatch-editor-field input[type="color"]::-webkit-color-swatch-wrapper {
padding: 0 !important;
}
.color-swatch-editor-field input[type="color"]::-webkit-color-swatch {
border: 0 !important;
opacity: 1 !important;
}
.color-swatch-editor-preview {
width: 34px;
height: 34px;
border: 1px solid #cfd4dc;
border-radius: 7px;
background: var(--swatch-color, #e5e7eb);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
}
.color-swatch-preset-section {
margin-top: 14px;
border-top: 1px solid #eef0f3;
padding-top: 14px;
}
.color-swatch-preset-title {
font-size: 13px;
font-weight: 950;
color: #555;
margin-bottom: 8px;
}
.color-swatch-preset-list {
display: grid;
gap: 8px;
max-height: 190px;
overflow: auto;
}
.color-swatch-preset {
display: grid;
grid-template-columns: 28px minmax(0, 1fr) 82px;
align-items: center;
gap: 10px;
width: 100%;
height: 38px;
padding: 0 10px;
border: 1px solid #e5e7eb;
border-radius: 9px;
background: #fff;
text-align: left;
}
.color-swatch-preset__chip {
width: 24px;
height: 24px;
border-radius: 6px;
border: 1px solid #cfd4dc;
background: var(--swatch-color, #e5e7eb);
}
.color-swatch-preset__name,
.color-swatch-preset__hex {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.color-swatch-preset__hex {
color: #666;
font-size: 12px;
text-align: right;
}
.color-swatch-preset-empty {
height: 38px;
display: grid;
place-items: center;
color: #777;
border: 1px dashed #d8dde5;
border-radius: 9px;
font-size: 13px;
}
.color-swatch-editor-modal__actions {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
margin-top: 18px;
}
.color-swatch-editor-modal__actions button {
height: 38px;
border-radius: 9px;
border: 0 !important;
box-shadow: none !important;
font-size: 12px;
font-weight: 400 !important;
}
.color-swatch-editor-global-btn {
padding: 0 4px !important;
background: transparent !important;
color: #4f8fd8 !important;
}
.color-swatch-editor-global-btn:hover {
background: #eef6ff !important;
color: #2f73bd !important;
}
.color-swatch-editor-current-btn {
padding: 0 14px !important;
background: #111 !important;
color: #fff !important;
}
.color-swatch-editor-current-btn:hover {
background: #2a2a2a !important;
}
/* ===== 强制产品区 / 库存区：表格内容不加粗，表头和按钮不变 ===== */
.product-table-card th,
.inventory-table-card th,
.inv-real-table th,
.real-table th {
font-weight: 950 !important;
}
.product-table-card tbody td,
.inventory-table-card tbody td,
.inv-real-table tbody td,
.real-table tbody td {
font-weight: 500 !important;
}
.product-table-card tbody td input,
.product-table-card tbody td select,
.product-table-card tbody td textarea,
.inventory-table-card tbody td input,
.inventory-table-card tbody td select,
.inventory-table-card tbody td textarea,
.inv-real-table tbody td input,
.inv-real-table tbody td select,
.inv-real-table tbody td textarea,
.real-table tbody td input,
.real-table tbody td select,
.real-table tbody td textarea {
font-weight: 500 !important;
}
.product-table-card tbody td input::placeholder,
.inventory-table-card tbody td input::placeholder,
.inv-real-table tbody td input::placeholder,
.real-table tbody td input::placeholder {
font-weight: 500 !important;
}
.product-table-card tbody td.calc-cell,
.product-table-card tbody td.money-cell,
.product-table-card tbody td.red,
.inventory-table-card tbody td.calc-cell,
.inventory-table-card tbody td.money-cell,
.inventory-table-card tbody td.red,
.inv-real-table tbody td.calc-cell,
.inv-real-table tbody td.money-cell,
.inv-real-table tbody td.red,
.real-table tbody td.calc-cell,
.real-table tbody td.money-cell,
.real-table tbody td.red {
font-weight: 500 !important;
}
.product-table-card .add-row input,
.product-table-card .add-row select,
.inventory-table-card .add-row input,
.inventory-table-card .add-row select,
.inv-real-table .add-row input,
.inv-real-table .add-row select,
.real-table .add-row input,
.real-table .add-row select {
font-weight: 500 !important;
}
.product-table-card button,
.inventory-table-card button,
.inv-real-table button,
.real-table button {
font-weight: 900 !important;
}
/* ===== 最终覆盖：产品区 / 库存区表格输入内容不加粗 ===== */
/* 主内容区表格里的所有输入框，强制常规字重 */
.sn-main .product-table-card input,
.sn-main .product-table-card select,
.sn-main .product-table-card textarea,
.sn-main .inventory-table-card input,
.sn-main .inventory-table-card select,
.sn-main .inventory-table-card textarea,
.sn-main .sn-stock-grid input,
.sn-main .sn-stock-grid select,
.sn-main .sn-stock-grid textarea,
.sn-main table.real-table tbody input,
.sn-main table.real-table tbody select,
.sn-main table.real-table tbody textarea,
.sn-main table.inv-real-table tbody input,
.sn-main table.inv-real-table tbody select,
.sn-main table.inv-real-table tbody textarea {
font-weight: 400 !important;
}
/* placeholder 也不要粗 */
.sn-main .product-table-card input::placeholder,
.sn-main .inventory-table-card input::placeholder,
.sn-main .sn-stock-grid input::placeholder,
.sn-main table.real-table tbody input::placeholder,
.sn-main table.inv-real-table tbody input::placeholder {
font-weight: 400 !important;
color: #888 !important;
}
/* 表格正文普通文字也降低 */
.sn-main .product-table-card tbody td,
.sn-main .inventory-table-card tbody td,
.sn-main .sn-stock-grid > div,
.sn-main table.real-table tbody td,
.sn-main table.inv-real-table tbody td {
font-weight: 400 !important;
}
/* 计算字段：总用量、金额、件数也不加粗 */
.sn-main .calc-cell,
.sn-main .money-cell,
.sn-main .red {
font-weight: 400 !important;
}
/* 表头继续加粗 */
.sn-main table.real-table thead th,
.sn-main table.inv-real-table thead th,
.sn-main .sn-stock-grid > div:nth-child(-n+20) {
font-weight: 950 !important;
}
/* ===== 库存流水与低库存预警 ===== */
.inventory-movement-open {
white-space: nowrap;
}
.low-stock-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 22px;
margin-top: 6px;
padding: 0 8px;
border-radius: 999px;
background: #fff1f0;
border: 1px solid #ffccc7;
color: #c41d1d;
font-size: 12px;
font-weight: 900;
}
.low-stock-meta {
display: block;
margin-top: 4px;
color: #8c2b20;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
.sn-switch a.low-stock-active {
background: #c41d1d;
color: #fff;
}
.inventory-movement-drawer-overlay {
position: fixed;
inset: 0;
z-index: 9000;
display: none;
background: rgba(0, 0, 0, .24);
}
.inventory-movement-drawer-overlay.open {
display: block;
}
.inventory-movement-drawer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 9001;
width: min(1180px, calc(100vw - 36px));
background: #fff;
border-left: 1px solid #e7e7e7;
box-shadow: -18px 0 42px rgba(0, 0, 0, .16);
transform: translateX(104%);
transition: transform .22s ease;
padding: 24px;
display: flex;
flex-direction: column;
gap: 18px;
}
.inventory-movement-drawer.open {
transform: translateX(0);
}
.inventory-movement-drawer-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
}
.inventory-movement-drawer-head h2 {
margin: 0 0 6px;
font-size: 24px;
font-weight: 950;
}
.inventory-movement-drawer-head p {
margin: 0;
color: #777;
font-weight: 700;
}
.inventory-movement-close {
width: 42px;
height: 42px;
padding: 0;
border-radius: 12px;
font-size: 24px;
line-height: 1;
}
.inventory-movement-filters {
display: grid;
grid-template-columns: 150px 170px minmax(220px, 1fr) 96px;
gap: 12px;
align-items: center;
}
.inventory-movement-filters input,
.inventory-movement-filters select {
width: 100%;
text-align: left;
}
.inventory-movement-table-wrap {
flex: 1;
overflow: auto;
border: 1px solid #ececec;
border-radius: 14px;
background: #fff;
}
.inventory-movement-table {
width: 100%;
min-width: 1060px;
border-collapse: collapse;
table-layout: fixed;
}
.inventory-movement-table th,
.inventory-movement-table td {
height: 46px;
padding: 8px 10px;
border-bottom: 1px solid #efefef;
border-right: 1px solid #f1f1f1;
text-align: center;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inventory-movement-table th {
position: sticky;
top: 0;
z-index: 1;
background: #f6f6f6;
font-weight: 950;
}
.inventory-movement-table .movement-positive {
color: #16833a;
font-weight: 900;
}
.inventory-movement-table .movement-negative {
color: #c41d1d;
font-weight: 900;
}
.inv-real-table select {
width: 100%;
min-width: 96px;
}
@media (max-width: 760px) {
.inventory-movement-drawer {
width: 100vw;
padding: 18px;
}
.inventory-movement-filters {
grid-template-columns: 1fr;
}
}
/* 操作按钮保持加粗 */
.sn-main .product-table-card button,
.sn-main .inventory-table-card button,
.sn-main .sn-stock-grid button {
font-weight: 900 !important;
}
/* ===== 产品区：新增面料未填写尺码时禁用添加 ===== */
/* 尺码全 0 时，0 用灰色显示 */
.product-table-card .add-section.fabric-add-empty .fabric-add-table input.zero-muted {
color: #9a9a9a !important;
font-weight: 400 !important;
}
/* 添加按钮灰色不可点 */
.product-table-card .add-section.fabric-add-empty .small-primary.is-disabled,
.product-table-card .add-section.fabric-add-empty button:disabled {
background: #dddddd !important;
color: #9a9a9a !important;
border-color: #dddddd !important;
cursor: not-allowed !important;
opacity: 1 !important;
}
/* 有尺码数量后按钮恢复黑色 */
.product-table-card .add-section.fabric-add-ready .small-primary.is-ready {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
cursor: pointer !important;
}
/* ===== 产品区新增校验：未满足必填条件时按钮灰色 ===== */
.product-table-card .add-section.product-add-invalid button.is-disabled,
.product-table-card .add-section.product-add-invalid button:disabled {
background: #dddddd !important;
color: #9a9a9a !important;
border-color: #dddddd !important;
cursor: not-allowed !important;
opacity: 1 !important;
}
.product-table-card .add-section.product-add-valid button.is-ready {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
cursor: pointer !important;
}
.product-table-card .add-section input.required-muted {
color: #9a9a9a !important;
font-weight: 400 !important;
}
.product-table-card .add-section input.required-muted::placeholder {
color: #9a9a9a !important;
font-weight: 400 !important;
}
/* ===== 产品区新增校验：未满足必填条件时按钮灰色 ===== */
.product-table-card .add-section.product-add-invalid button.is-disabled,
.product-table-card .add-section.product-add-invalid button:disabled {
background: #dddddd !important;
color: #9a9a9a !important;
border-color: #dddddd !important;
cursor: not-allowed !important;
opacity: 1 !important;
}
.product-table-card .add-section.product-add-valid button.is-ready {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
cursor: pointer !important;
}
.product-table-card .add-section input.required-muted {
color: #9a9a9a !important;
font-weight: 400 !important;
}
.product-table-card .add-section input.required-muted::placeholder {
color: #9a9a9a !important;
font-weight: 400 !important;
}
/* ===== 新增按钮灰色可点击：用于提示缺失字段 ===== */
.product-table-card .add-section.add-invalid button.is-disabled,
.inventory-table-card .inv-add-section.add-invalid button.is-disabled {
background: #dddddd !important;
color: #9a9a9a !important;
border-color: #dddddd !important;
cursor: pointer !important;
opacity: 1 !important;
}
.product-table-card .add-section.add-ready button.is-ready,
.inventory-table-card .inv-add-section.add-ready button.is-ready {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
cursor: pointer !important;
}
/* 灰色按钮不使用真正 disabled 状态 */
.product-table-card .add-section button.is-disabled,
.inventory-table-card .inv-add-section button.is-disabled {
pointer-events: auto !important;
}
/* ===== 全局 toast：固定显示在页面正中间 ===== */
.sn-toast,
#snToast {
position: fixed !important;
left: 50% !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
transform: translate(-50%, -50%) !important;
z-index: 99999 !important;
max-width: 72vw !important;
min-width: 220px !important;
padding: 14px 24px !important;
border-radius: 999px !important;
background: #111 !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 900 !important;
text-align: center !important;
line-height: 1.35 !important;
box-shadow: 0 12px 36px rgba(0,0,0,.18) !important;
white-space: nowrap !important;
}
/* ===== 库存区新增严格校验视觉 ===== */
.inventory-table-card .inv-add-section.add-invalid button.is-disabled {
background: #dddddd !important;
color: #9a9a9a !important;
border-color: #dddddd !important;
cursor: pointer !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.inventory-table-card .inv-add-section.add-ready button.is-ready {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
cursor: pointer !important;
}
.inventory-table-card .inv-add-section input.required-muted {
color: #9a9a9a !important;
font-weight: 400 !important;
}
.inventory-table-card .inv-add-section input.required-muted::placeholder {
color: #9a9a9a !important;
font-weight: 400 !important;
}
/* ===== OCR右侧抽屉 ===== */
.ocr-drawer-open {
overflow: hidden !important;
}
.ocr-drawer-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 999999 !important;
background: rgba(0, 0, 0, .38) !important;
opacity: 0;
transition: opacity .18s ease;
}
.ocr-drawer-overlay.open {
opacity: 1;
}
.ocr-drawer-overlay.closing {
opacity: 0;
}
.ocr-drawer-panel {
position: absolute !important;
top: 0 !important;
right: 0 !important;
width: 75vw !important;
max-width: 1380px !important;
min-width: 860px !important;
height: 100vh !important;
background: #fff !important;
border-radius: 22px 0 0 22px !important;
box-shadow: -18px 0 48px rgba(0,0,0,.22) !important;
overflow: hidden !important;
transform: translateX(24px);
transition: transform .18s ease;
}
.ocr-drawer-overlay.open .ocr-drawer-panel {
transform: translateX(0);
}
.ocr-drawer-frame {
width: 100% !important;
height: 100% !important;
border: 0 !important;
display: block !important;
background: #fff !important;
}
.ocr-drawer-close {
position: absolute !important;
top: 18px !important;
right: 22px !important;
z-index: 3 !important;
width: 40px !important;
height: 40px !important;
border-radius: 999px !important;
border: 1px solid #e2e2e2 !important;
background: rgba(255,255,255,.92) !important;
color: #111 !important;
font-size: 24px !important;
font-weight: 400 !important;
line-height: 1 !important;
cursor: pointer !important;
}
.ocr-drawer-close:hover {
background: #f5f5f5 !important;
}
/* 小屏兜底 */
@media (max-width: 1200px) {
.ocr-drawer-panel {
width: 92vw !important;
min-width: 0 !important;
}
}
/* ===== OCR 导入抽屉 UI 精修 ===== */
/* 1. 隐藏右上角外层 X，只保留页面内“返回” */
.ocr-drawer-close {
display: none !important;
}
/* 2. 抽屉宽度改成一半多一点 */
.ocr-drawer-panel {
width: 58vw !important;
max-width: 1080px !important;
min-width: 720px !important;
border-radius: 22px 0 0 22px !important;
}
/* 小屏兜底 */
@media (max-width: 1200px) {
.ocr-drawer-panel {
width: 86vw !important;
min-width: 0 !important;
}
}
/* 3. 当前产品信息缩小，不加粗 */
.ocr-head p {
font-size: 13px !important;
font-weight: 400 !important;
color: #777 !important;
line-height: 1.4 !important;
}
/* 标题区更干净 */
.ocr-head h2 {
font-size: 26px !important;
margin-bottom: 10px !important;
}
/* 返回按钮保留，但弱化一点 */
.ocr-back-btn {
height: 34px !important;
padding: 0 16px !important;
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 700 !important;
background: #fff !important;
border: 1px solid #ddd !important;
}
/* 4. 删除“上传辅料表截图”字样 */
.ocr-upload-form label > span {
display: none !important;
}
/* 6. 上传区域改成上下排列：文件选择在上，开始识别在下 */
.ocr-upload-form {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
align-items: start !important;
margin-top: 28px !important;
margin-bottom: 24px !important;
}
/* 5. 文件选择框美化 */
.ocr-upload-form input[type="file"] {
width: 100% !important;
min-height: 48px !important;
padding: 10px 12px !important;
border: 1px solid #dcdcdc !important;
border-radius: 14px !important;
background: #fafafa !important;
color: #555 !important;
font-size: 14px !important;
font-weight: 400 !important;
text-align: left !important;
box-sizing: border-box !important;
}
.ocr-upload-form input[type="file"]::file-selector-button {
height: 34px !important;
padding: 0 14px !important;
margin-right: 12px !important;
border: 1px solid #d8d8d8 !important;
border-radius: 10px !important;
background: #fff !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 600 !important;
cursor: pointer !important;
}
.ocr-upload-form input[type="file"]::file-selector-button:hover {
background: #f2f2f2 !important;
}
/* 开始识别按钮放到文件选择框下方 */
.ocr-upload-form button {
width: 160px !important;
height: 42px !important;
justify-self: start !important;
border-radius: 12px !important;
background: #111 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 800 !important;
}
/* OCR 页面卡片内边距收紧 */
.ocr-import-card {
padding-top: 18px !important;
}
/* ===== OCR 识别中 loading ===== */
.ocr-loading-mask {
position: fixed !important;
inset: 0 !important;
z-index: 999999 !important;
background: rgba(255, 255, 255, .72) !important;
backdrop-filter: blur(3px) !important;
display: none !important;
align-items: center !important;
justify-content: center !important;
}
.ocr-loading-mask.show {
display: flex !important;
}
.ocr-loading-box {
min-width: 260px !important;
padding: 26px 32px !important;
border-radius: 22px !important;
background: #fff !important;
border: 1px solid #e8e8e8 !important;
box-shadow: 0 18px 48px rgba(0,0,0,.12) !important;
text-align: center !important;
}
.ocr-loading-spinner {
width: 34px !important;
height: 34px !important;
border-radius: 50% !important;
border: 3px solid #e6e6e6 !important;
border-top-color: #111 !important;
margin: 0 auto 16px !important;
animation: ocrSpin .8s linear infinite !important;
}
.ocr-loading-title {
font-size: 18px !important;
font-weight: 900 !important;
color: #111 !important;
margin-bottom: 8px !important;
}
.ocr-loading-sub {
font-size: 13px !important;
font-weight: 500 !important;
color: #777 !important;
}
@keyframes ocrSpin {
to {
transform: rotate(360deg);
}
}
.ocr-upload-form button:disabled {
background: #ddd !important;
color: #999 !important;
border-color: #ddd !important;
cursor: not-allowed !important;
opacity: 1 !important;
}
/* ===== OCR loading 弹窗视觉优化：减弱阴影，更轻更高级 ===== */
.ocr-loading-mask {
background: rgba(255, 255, 255, .48) !important;
backdrop-filter: blur(2px) !important;
}
.ocr-loading-box {
min-width: 240px !important;
padding: 22px 28px !important;
border-radius: 20px !important;
background: rgba(255,255,255,.96) !important;
border: 1px solid rgba(0,0,0,.06) !important;
box-shadow: 0 10px 28px rgba(0,0,0,.08) !important;
}
.ocr-loading-spinner {
width: 30px !important;
height: 30px !important;
border-width: 2.5px !important;
margin-bottom: 14px !important;
}
.ocr-loading-title {
font-size: 16px !important;
font-weight: 800 !important;
margin-bottom: 6px !important;
}
.ocr-loading-sub {
font-size: 12px !important;
font-weight: 400 !important;
color: #888 !important;
}
/* 重新选择图片后的轻提示 */
.ocr-old-result-cleared-tip {
margin: 12px 0 18px !important;
padding: 10px 14px !important;
border-radius: 12px !important;
background: #f6f8fa !important;
color: #777 !important;
font-size: 13px !important;
font-weight: 500 !important;
}
/* ===== OCR 识别结果预览 UI 精修 ===== */
/* 说明文字变小、不加粗 */
.ocr-tip {
font-size: 12px !important;
font-weight: 400 !important;
color: #888 !important;
line-height: 1.5 !important;
margin: 0 0 14px !important;
}
/* 预览表格整体更轻 */
.ocr-preview-table th {
font-size: 13px !important;
font-weight: 850 !important;
}
.ocr-preview-table td {
font-size: 13px !important;
font-weight: 400 !important;
}
/* 表格内容输入框：不加粗、稍小 */
.ocr-preview-table input {
font-size: 13px !important;
font-weight: 400 !important;
color: #111 !important;
}
/* 勾选框改成更轻的自定义风格 */
.ocr-preview-table input[type="checkbox"] {
appearance: none !important;
-webkit-appearance: none !important;
width: 18px !important;
height: 18px !important;
border-radius: 6px !important;
border: 1.5px solid #cfd6df !important;
background: #fff !important;
cursor: pointer !important;
display: inline-grid !important;
place-items: center !important;
margin: 0 !important;
}
.ocr-preview-table input[type="checkbox"]:checked {
background: #111 !important;
border-color: #111 !important;
}
.ocr-preview-table input[type="checkbox"]:checked::after {
content: "✓" !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
}
/* 导入列窄一点，减少割裂感 */
.ocr-preview-table th:first-child,
.ocr-preview-table td:first-child {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
padding-left: 6px !important;
padding-right: 6px !important;
}
/* OCR 预览区域上方收紧 */
.ocr-preview-form {
margin-top: 10px !important;
}
.ocr-preview-form h3 {
display: none !important;
}
/* 输入框视觉轻一点 */
.ocr-preview-table td input:not([type="checkbox"]) {
height: 34px !important;
border-radius: 9px !important;
font-weight: 400 !important;
}
/* ===== OCR 上传：选择文件后自动识别，隐藏开始识别按钮 ===== */
/* 不再显示“开始识别”按钮 */
.ocr-upload-form > button {
display: none !important;
}
/* 上传区域作为 loading 容器 */
.ocr-upload-form {
position: relative !important;
}
/* 识别中：隐藏原文件选择框视觉 */
.ocr-upload-form.ocr-recognizing label {
position: relative !important;
}
.ocr-upload-form.ocr-recognizing input[type="file"] {
color: transparent !important;
pointer-events: none !important;
}
/* 识别中状态覆盖在上传框内 */
.ocr-upload-form.ocr-recognizing label::after {
content: "识别中，请稍等..." !important;
position: absolute !important;
inset: 0 !important;
border-radius: 14px !important;
border: 1px solid #dcdcdc !important;
background: #fafafa !important;
color: #555 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
font-weight: 500 !important;
z-index: 2 !important;
}
/* 小 loading 点 */
.ocr-upload-form.ocr-recognizing label::before {
content: "" !important;
position: absolute !important;
left: calc(50% - 92px) !important;
top: 50% !important;
width: 16px !important;
height: 16px !important;
margin-top: -8px !important;
border-radius: 50% !important;
border: 2px solid #ddd !important;
border-top-color: #111 !important;
animation: ocrSpin .8s linear infinite !important;
z-index: 3 !important;
}
/* 旧的全屏 loading 弹窗不再显示 */
.ocr-loading-mask {
display: none !important;
}
/* ===== OCR 上传：选择文件后自动识别，隐藏开始识别按钮 ===== */
/* 不再显示“开始识别”按钮 */
.ocr-upload-form > button {
display: none !important;
}
/* 上传区域作为 loading 容器 */
.ocr-upload-form {
position: relative !important;
}
/* 识别中：隐藏原文件选择框视觉 */
.ocr-upload-form.ocr-recognizing label {
position: relative !important;
}
.ocr-upload-form.ocr-recognizing input[type="file"] {
color: transparent !important;
pointer-events: none !important;
}
/* 识别中状态覆盖在上传框内 */
.ocr-upload-form.ocr-recognizing label::after {
content: "识别中，请稍等..." !important;
position: absolute !important;
inset: 0 !important;
border-radius: 14px !important;
border: 1px solid #dcdcdc !important;
background: #fafafa !important;
color: #555 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
font-weight: 500 !important;
z-index: 2 !important;
}
/* 小 loading 点 */
.ocr-upload-form.ocr-recognizing label::before {
content: "" !important;
position: absolute !important;
left: calc(50% - 92px) !important;
top: 50% !important;
width: 16px !important;
height: 16px !important;
margin-top: -8px !important;
border-radius: 50% !important;
border: 2px solid #ddd !important;
border-top-color: #111 !important;
animation: ocrSpin .8s linear infinite !important;
z-index: 3 !important;
}
/* 旧的全屏 loading 弹窗不再显示 */
.ocr-loading-mask {
display: none !important;
}
/* ===== OCR 识别中：上传框完全不可点击 ===== */
.ocr-upload-form.ocr-recognizing {
pointer-events: none !important;
cursor: wait !important;
}
.ocr-upload-form.ocr-recognizing label,
.ocr-upload-form.ocr-recognizing input[type="file"] {
pointer-events: none !important;
cursor: wait !important;
}
.ocr-upload-form.ocr-recognizing label::after {
cursor: wait !important;
}
.ocr-upload-form.ocr-recognizing label::before {
pointer-events: none !important;
}
/* ===== OCR 预览表：勾选框修正 + 列宽优化 ===== */
/* 表格列宽：导入 / 物料 / 使用部位 / 用量件 / 单位 / 单价 */
.ocr-preview-table {
table-layout: fixed !important;
}
.ocr-preview-table th:nth-child(1),
.ocr-preview-table td:nth-child(1) {
width: 52px !important;
min-width: 52px !important;
max-width: 52px !important;
}
.ocr-preview-table th:nth-child(2),
.ocr-preview-table td:nth-child(2) {
width: 34% !important;
}
.ocr-preview-table th:nth-child(3),
.ocr-preview-table td:nth-child(3) {
width: 160px !important;
min-width: 160px !important;
max-width: 160px !important;
}
.ocr-preview-table th:nth-child(4),
.ocr-preview-table td:nth-child(4) {
width: 110px !important;
min-width: 110px !important;
max-width: 110px !important;
}
.ocr-preview-table th:nth-child(5),
.ocr-preview-table td:nth-child(5) {
width: 110px !important;
min-width: 110px !important;
max-width: 110px !important;
}
.ocr-preview-table th:nth-child(6),
.ocr-preview-table td:nth-child(6) {
width: 110px !important;
min-width: 110px !important;
max-width: 110px !important;
}
/* 物料列输入框更宽 */
.ocr-preview-table td:nth-child(2) input {
width: 94% !important;
text-align: center !important;
}
/* 使用部位：约 6 个字容量 */
.ocr-preview-table td:nth-child(3) input {
width: 128px !important;
max-width: 128px !important;
text-align: center !important;
}
/* 用量/件：约 5 位数容量 */
.ocr-preview-table td:nth-child(4) input {
width: 88px !important;
max-width: 88px !important;
text-align: center !important;
}
/* 单位、单价保持紧凑 */
.ocr-preview-table td:nth-child(5) input,
.ocr-preview-table td:nth-child(6) input {
width: 86px !important;
max-width: 86px !important;
text-align: center !important;
}
/* 勾选框彻底居中，避免勾号偏移 */
.ocr-preview-table td:first-child {
text-align: center !important;
vertical-align: middle !important;
}
.ocr-preview-table input[type="checkbox"] {
appearance: none !important;
-webkit-appearance: none !important;
width: 24px !important;
height: 24px !important;
border-radius: 9px !important;
border: 1.5px solid #cfd6df !important;
background: #fff !important;
cursor: pointer !important;
position: relative !important;
display: inline-block !important;
margin: 0 auto !important;
padding: 0 !important;
box-sizing: border-box !important;
vertical-align: middle !important;
}
.ocr-preview-table input[type="checkbox"]:checked {
background: #111 !important;
border-color: #111 !important;
}
.ocr-preview-table input[type="checkbox"]:checked::after {
content: "" !important;
position: absolute !important;
left: 7px !important;
top: 3px !important;
width: 7px !important;
height: 13px !important;
border: solid #fff !important;
border-width: 0 3px 3px 0 !important;
transform: rotate(45deg) !important;
box-sizing: border-box !important;
}
/* 焦点蓝框不要把勾选框撑歪 */
.ocr-preview-table input[type="checkbox"]:focus {
outline: none !important;
box-shadow: 0 0 0 4px rgba(22,119,255,.12) !important;
}
/* ===== OCR 预览页：确认导入按钮移到说明文字上方 ===== */
/* 识别结果区域和上传框拉开距离 */
.ocr-preview-form {
margin-top: 42px !important;
}
/* 上方确认导入按钮 */
.ocr-actions-top {
margin: 0 0 12px !important;
display: flex !important;
justify-content: flex-start !important;
}
/* 确认导入按钮更像主操作 */
.ocr-actions-top button {
width: 120px !important;
height: 38px !important;
border-radius: 12px !important;
background: #111 !important;
color: #fff !important;
border: 1px solid #111 !important;
font-size: 14px !important;
font-weight: 800 !important;
}
/* 说明文字在确认按钮下面，轻一点 */
.ocr-actions-top + .ocr-tip {
margin: 0 0 16px !important;
font-size: 12px !important;
font-weight: 400 !important;
color: #888 !important;
line-height: 1.5 !important;
}
/* 表格和说明文字保持适当距离 */
.ocr-table-wrap {
margin-top: 14px !important;
}
/* ===== OCR 预览表：全选表头 icon ===== */
.ocr-select-all-head {
display: table-cell !important;
text-align: center !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
.ocr-select-all-head span {
font-size: 13px !important;
font-weight: 850 !important;
vertical-align: middle !important;
}
.ocr-select-all-btn {
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
padding: 0 !important;
margin-left: 4px !important;
border-radius: 7px !important;
border: 1px solid #cfd6df !important;
background: #fff !important;
color: #777 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
cursor: pointer !important;
vertical-align: middle !important;
}
.ocr-select-all-btn:hover {
background: #f5f5f5 !important;
color: #111 !important;
border-color: #aaa !important;
}
.ocr-select-all-btn.is-all-checked {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
}
/* ===== OCR 预览表：全选按钮与行勾选框统一，并加宽列 ===== */
/* 全选列加宽，避免文字和 icon 压线 */
.ocr-preview-table th:nth-child(1),
.ocr-preview-table td:nth-child(1) {
width: 76px !important;
min-width: 76px !important;
max-width: 76px !important;
padding-left: 8px !important;
padding-right: 8px !important;
}
/* 全选表头居中排列 */
.ocr-select-all-head {
text-align: center !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
.ocr-select-all-head span {
font-size: 13px !important;
font-weight: 850 !important;
vertical-align: middle !important;
}
/* 全选 icon 改成和下面 checkbox 一致 */
.ocr-select-all-btn {
appearance: none !important;
-webkit-appearance: none !important;
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
max-width: 24px !important;
padding: 0 !important;
margin: 0 0 0 6px !important;
border-radius: 9px !important;
border: 1.5px solid #cfd6df !important;
background: #fff !important;
color: transparent !important;
position: relative !important;
display: inline-block !important;
box-sizing: border-box !important;
vertical-align: middle !important;
cursor: pointer !important;
line-height: 1 !important;
}
/* 全选状态：黑底白勾，和行 checkbox 一致 */
.ocr-select-all-btn.is-all-checked {
background: #111 !important;
border-color: #111 !important;
color: transparent !important;
}
.ocr-select-all-btn.is-all-checked::after {
content: "" !important;
position: absolute !important;
left: 7px !important;
top: 3px !important;
width: 7px !important;
height: 13px !important;
border: solid #fff !important;
border-width: 0 3px 3px 0 !important;
transform: rotate(45deg) !important;
box-sizing: border-box !important;
}
/* 未全选状态不要显示 +，保持空白方框 */
.ocr-select-all-btn:not(.is-all-checked)::after {
content: none !important;
}
/* hover 不改变成另一套风格 */
.ocr-select-all-btn:hover {
background: #fff !important;
border-color: #aaa !important;
}
.ocr-select-all-btn.is-all-checked:hover {
background: #111 !important;
border-color: #111 !important;
}
/* ===== OCR：隐藏开始识别按钮，只保留自动识别 ===== */
.ocr-start-hidden,
.ocr-upload-form > button {
display: none !important;
}
/* 识别中上传框不可点击 */
.ocr-upload-form.ocr-recognizing {
pointer-events: none !important;
cursor: wait !important;
}
.ocr-upload-form.ocr-recognizing label,
.ocr-upload-form.ocr-recognizing input[type="file"] {
pointer-events: none !important;
cursor: wait !important;
}
/* 识别中状态显示在上传框中 */
.ocr-upload-form.ocr-recognizing input[type="file"] {
color: transparent !important;
}
.ocr-upload-form.ocr-recognizing label {
position: relative !important;
}
.ocr-upload-form.ocr-recognizing label::after {
content: "识别中，请稍等..." !important;
position: absolute !important;
inset: 0 !important;
border-radius: 14px !important;
border: 1px solid #dcdcdc !important;
background: #fafafa !important;
color: #555 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
font-weight: 500 !important;
z-index: 2 !important;
}
.ocr-upload-form.ocr-recognizing label::before {
content: "" !important;
position: absolute !important;
left: calc(50% - 92px) !important;
top: 50% !important;
width: 16px !important;
height: 16px !important;
margin-top: -8px !important;
border-radius: 50% !important;
border: 2px solid #ddd !important;
border-top-color: #111 !important;
animation: ocrSpin .8s linear infinite !important;
z-index: 3 !important;
}
/* 确认导入按钮文案居中 */
.ocr-actions-top button,
.ocr-preview-form button[type="submit"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important;
padding: 0 18px !important;
height: 38px !important;
min-width: 120px !important;
border-radius: 12px !important;
}
/* ===== OCR 导入页：管理员/员工统一样式 ===== */
/* 永久隐藏开始识别按钮 */
.ocr-start-hidden,
.ocr-upload-form > button {
display: none !important;
}
/* 选择图片后，上传框进入识别中状态 */
.ocr-upload-form.ocr-recognizing {
pointer-events: none !important;
cursor: wait !important;
}
.ocr-upload-form.ocr-recognizing label,
.ocr-upload-form.ocr-recognizing input[type="file"] {
pointer-events: none !important;
cursor: wait !important;
}
.ocr-upload-form.ocr-recognizing input[type="file"] {
color: transparent !important;
}
.ocr-upload-form.ocr-recognizing label {
position: relative !important;
}
.ocr-upload-form.ocr-recognizing label::after {
content: "识别中，请稍等..." !important;
position: absolute !important;
inset: 0 !important;
border-radius: 14px !important;
border: 1px solid #dcdcdc !important;
background: #fafafa !important;
color: #555 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
font-weight: 500 !important;
z-index: 2 !important;
}
.ocr-upload-form.ocr-recognizing label::before {
content: "" !important;
position: absolute !important;
left: calc(50% - 92px) !important;
top: 50% !important;
width: 16px !important;
height: 16px !important;
margin-top: -8px !important;
border-radius: 50% !important;
border: 2px solid #ddd !important;
border-top-color: #111 !important;
animation: ocrSpin .8s linear infinite !important;
z-index: 3 !important;
}
/* ===== 强制显示产品区已保存辅料表格，避免员工账号前端隐藏 ===== */
.product-table-card .saved-section,
.product-table-card .saved-section .table-scroll,
.product-table-card .accessory-saved-table,
.product-table-card .accessory-saved-table tbody,
.product-table-card .accessory-saved-table tr,
.product-table-card .accessory-saved-table td {
display: revert !important;
visibility: visible !important;
opacity: 1 !important;
}
.product-table-card .accessory-saved-table {
display: table !important;
width: 100% !important;
}
.product-table-card .accessory-saved-table thead {
display: table-header-group !important;
}
.product-table-card .accessory-saved-table tbody {
display: table-row-group !important;
}
.product-table-card .accessory-saved-table tr {
display: table-row !important;
}
.product-table-card .accessory-saved-table th,
.product-table-card .accessory-saved-table td {
display: table-cell !important;
}
/* 如果已保存辅料有内容，避免区域高度被压成空白 */
.product-table-card .saved-section .table-scroll {
min-height: 80px !important;
height: auto !important;
overflow-x: auto !important;
overflow-y: visible !important;
}
/* 已保存辅料输入框正常显示 */
.product-table-card .accessory-saved-table input {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
}
/* ===== 账号管理：角色调整 / 删除账号 ===== */
.sn-user-role-form {
margin: 0 !important;
}
.sn-user-role-form select {
height: 36px !important;
min-width: 92px !important;
border-radius: 10px !important;
border: 1px solid #ddd !important;
background: #fff !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 700 !important;
text-align: center !important;
padding: 0 10px !important;
}
.sn-user-role-text {
display: inline-flex !important;
align-items: center !important;
height: 34px !important;
padding: 0 10px !important;
border-radius: 10px !important;
background: #f5f5f5 !important;
color: #333 !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.sn-user-lock-tag {
margin-left: 8px !important;
padding: 3px 7px !important;
border-radius: 999px !important;
background: #f2f2f2 !important;
color: #888 !important;
font-size: 12px !important;
font-weight: 600 !important;
}
.sn-user-delete-btn {
border-color: #ff3b30 !important;
color: #ff3b30 !important;
background: #fff !important;
}
.sn-user-delete-btn:hover {
background: #fff5f5 !important;
}
/* ===== 库存区导入截图按钮放右侧 ===== */
.inventory-table-card .sn-card-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
}
.inventory-head-right {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
margin-left: auto !important;
}
.inventory-import-ocr-btn {
height: 28px !important;
padding: 0 10px !important;
border-radius: 8px !important;
border: 1px dashed #a9c9f8 !important;
background: transparent !important;
color: #1677ff !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.inventory-import-ocr-btn:hover {
background: rgba(22, 119, 255, .06) !important;
border-color: #1677ff !important;
color: #0958d9 !important;
}
/* 库存 OCR 预览表略紧凑 */
.inventory-ocr-preview-table td input {
font-size: 13px !important;
font-weight: 400 !important;
text-align: center !important;
}
.inventory-ocr-preview-table th {
font-size: 13px !important;
font-weight: 850 !important;
}
/* ===== 库存区：导入截图按钮放标题旁边 ===== */
.inventory-title-row {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
}
.inventory-title-row h2 {
margin: 0 !important;
}
.inventory-title-row .inventory-import-ocr-btn {
margin-top: 2px !important;
}
/* 右侧只保留物料库存 / 产品库存切换 */
.inventory-head-right {
margin-left: auto !important;
}
/* ===== 库存区：导入截图按钮强制在标题旁边 ===== */
.inventory-table-card .sn-card-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
}
.inventory-title-row {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
flex: 0 0 auto !important;
}
.inventory-title-row h2 {
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
}
.inventory-title-row .inventory-import-ocr-btn {
position: static !important;
margin: 2px 0 0 0 !important;
}
.inventory-head-right {
margin-left: auto !important;
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
}
/* ===== 成本计算器入口 ===== */
.cost-title-row {
display: flex !important;
align-items: center !important;
gap: 14px !important;
flex-wrap: wrap !important;
}
.cost-title-row h1 {
margin: 0 !important;
}
.sn-main > .sn-hero h1,
.sn-main > .sn-hero .cost-title-row h1 {
font-size: 28px !important;
line-height: 1.18 !important;
}
.sn-main > .sn-hero p {
font-size: 13px !important;
}
.inventory-cost-title-row {
margin-bottom: 8px !important;
}
.cost-calculator-btn {
height: 32px !important;
padding: 0 12px !important;
border-radius: 10px !important;
border: 1px dashed #a9c9f8 !important;
background: transparent !important;
color: #1677ff !important;
font-size: 13px !important;
font-weight: 500 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.cost-calculator-btn:hover {
background: rgba(22,119,255,.06) !important;
border-color: #1677ff !important;
}
/* ===== 成本计算器抽屉 ===== */
.cost-drawer-open {
overflow: hidden !important;
}
.cost-drawer-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 999999 !important;
background: rgba(0,0,0,.35) !important;
opacity: 0;
transition: opacity .16s ease;
}
.cost-drawer-overlay.open {
opacity: 1;
}
.cost-drawer-overlay.closing {
opacity: 0;
}
.cost-drawer-panel {
position: absolute !important;
top: 0 !important;
right: 0 !important;
width: 72vw !important;
max-width: 1380px !important;
min-width: 900px !important;
height: 100vh !important;
background: #fff !important;
border-radius: 22px 0 0 22px !important;
overflow: hidden !important;
box-shadow: -14px 0 40px rgba(0,0,0,.16) !important;
transform: translateX(18px);
transition: transform .16s ease;
}
.cost-drawer-overlay.open .cost-drawer-panel {
transform: translateX(0);
}
.cost-drawer-frame {
width: 100% !important;
height: 100% !important;
border: 0 !important;
background: #fff !important;
}
/* ===== 成本计算器页面 ===== */
.cost-head {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
margin-bottom: 24px !important;
}
.cost-head h2 {
margin: 0 0 8px !important;
font-size: 28px !important;
}
.cost-head p {
margin: 0 !important;
font-size: 13px !important;
font-weight: 400 !important;
color: #777 !important;
}
.cost-back-btn {
height: 34px !important;
padding: 0 16px !important;
border-radius: 10px !important;
border: 1px solid #ddd !important;
background: #fff !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.cost-grid {
display: grid !important;
grid-template-columns: repeat(5, minmax(120px, 1fr)) !important;
gap: 14px !important;
}
.cost-grid label {
display: grid !important;
gap: 7px !important;
font-size: 12px !important;
color: #777 !important;
font-weight: 600 !important;
}
.cost-grid input {
height: 38px !important;
border-radius: 10px !important;
font-weight: 500 !important;
}
.cost-inline-hint {
display: inline !important;
min-height: 0 !important;
margin-left: 3px !important;
color: #8a8a8a !important;
font-size: 10px !important;
font-weight: 400 !important;
line-height: inherit !important;
white-space: nowrap !important;
}
.cost-save-btn,
.cost-extra-add-form button {
margin-top: 16px !important;
height: 38px !important;
padding: 0 18px !important;
border-radius: 12px !important;
background: #111 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 800 !important;
}
.cost-summary-grid {
margin: 26px 0 !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
gap: 14px !important;
}
.cost-summary-grid > div {
border: 1px solid #e5e5e5 !important;
border-radius: 18px !important;
padding: 18px !important;
background: #fafafa !important;
}
.cost-summary-grid b {
display: block !important;
color: #777 !important;
font-size: 13px !important;
font-weight: 500 !important;
margin-bottom: 8px !important;
}
.cost-summary-grid strong {
font-size: 26px !important;
font-weight: 900 !important;
}
.cost-section {
margin-top: 28px !important;
}
.cost-section h3 {
font-size: 20px !important;
margin-bottom: 12px !important;
}
.cost-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid #e5e5e5 !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.cost-table th,
.cost-table td {
height: 42px !important;
padding: 8px 10px !important;
border-right: 1px solid #e8e8e8 !important;
border-bottom: 1px solid #e8e8e8 !important;
text-align: center !important;
font-size: 13px !important;
}
.cost-table th {
background: #f3f3f3 !important;
font-weight: 850 !important;
}
.cost-table td {
font-weight: 400 !important;
}
.cost-table tfoot td {
background: #f7f7f7 !important;
font-weight: 850 !important;
}
.cost-extra-add-form {
display: grid !important;
grid-template-columns: 2fr 1fr 1fr 1fr auto !important;
gap: 10px !important;
margin-bottom: 12px !important;
}
.cost-extra-add-form input {
height: 38px !important;
border-radius: 10px !important;
font-weight: 500 !important;
}
.cost-extra-add-form button {
margin-top: 0 !important;
}
.cost-delete-btn {
height: 30px !important;
padding: 0 10px !important;
border-radius: 9px !important;
border: 1px solid #ff3b30 !important;
background: #fff !important;
color: #ff3b30 !important;
}
.cost-bottom-bar {
position: sticky !important;
bottom: 0 !important;
z-index: 10 !important;
margin-top: 30px !important;
padding: 14px 18px !important;
border-radius: 18px !important;
background: rgba(17,17,17,.94) !important;
color: #fff !important;
display: flex !important;
gap: 18px !important;
justify-content: space-between !important;
font-size: 14px !important;
font-weight: 800 !important;
}
@media (max-width: 1200px) {
.cost-drawer-panel {
width: 92vw !important;
min-width: 0 !important;
}
.cost-grid,
.cost-summary-grid {
grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
}
}
/* ===== 成本计算器：其他成本新增表头 ===== */
.cost-extra-add-wrap {
margin-bottom: 14px !important;
}
.cost-extra-add-head {
display: grid !important;
grid-template-columns: 2fr 1fr 1fr 1fr auto !important;
gap: 10px !important;
margin-bottom: 8px !important;
padding: 0 2px !important;
}
.cost-extra-add-head span {
font-size: 12px !important;
font-weight: 700 !important;
color: #777 !important;
text-align: center !important;
}
.cost-extra-add-head span:first-child {
text-align: left !important;
padding-left: 4px !important;
}
.cost-extra-add-form {
margin-bottom: 0 !important;
}
/* ===== 成本计算器：手动面料成本 ===== */
.cost-fabric-add-wrap {
margin-bottom: 14px !important;
}
.cost-fabric-add-head {
display: grid !important;
grid-template-columns: 2fr 1fr 1fr 1fr 1fr auto !important;
gap: 10px !important;
margin-bottom: 8px !important;
padding: 0 2px !important;
}
.cost-fabric-add-head span {
font-size: 12px !important;
font-weight: 700 !important;
color: #777 !important;
text-align: center !important;
}
.cost-fabric-add-head span:first-child {
text-align: left !important;
padding-left: 4px !important;
}
.cost-fabric-add-form {
display: grid !important;
grid-template-columns: 2fr 1fr 1fr 1fr 1fr auto !important;
gap: 10px !important;
margin-bottom: 0 !important;
}
.cost-fabric-add-form input {
height: 38px !important;
border-radius: 10px !important;
font-weight: 500 !important;
}
.cost-fabric-add-form button {
height: 38px !important;
padding: 0 18px !important;
border-radius: 12px !important;
background: #111 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 800 !important;
}
.cost-fabric-table input {
width: 92% !important;
height: 32px !important;
border-radius: 9px !important;
font-weight: 400 !important;
text-align: center !important;
}
.cost-row-actions {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
justify-content: center !important;
}
.cost-row-actions > button {
height: 30px !important;
padding: 0 10px !important;
border-radius: 9px !important;
border: 1px solid #111 !important;
background: #fff !important;
color: #111 !important;
font-size: 12px !important;
font-weight: 700 !important;
}
.cost-row-actions form {
margin: 0 !important;
}
/* ===== 成本计算器：面料成本新增栏 UI 统一为表格风 ===== */
.cost-fabric-add-wrap {
margin-bottom: 16px !important;
border: 1px solid #e2e2e2 !important;
border-radius: 18px !important;
overflow: hidden !important;
background: #fff !important;
}
/* 表头统一成灰底表格头 */
.cost-fabric-add-head {
display: grid !important;
grid-template-columns: 2fr 1fr 1fr 1fr 1fr 120px !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: #f3f3f3 !important;
border-bottom: 1px solid #e5e5e5 !important;
}
.cost-fabric-add-head span {
height: 52px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-right: 1px solid #e5e5e5 !important;
font-size: 14px !important;
font-weight: 850 !important;
color: #111 !important;
padding: 0 10px !important;
}
.cost-fabric-add-head span:first-child {
text-align: center !important;
padding-left: 10px !important;
}
.cost-fabric-add-head span:last-child {
border-right: none !important;
}
/* 新增输入行统一为灰底 */
.cost-fabric-add-form {
display: grid !important;
grid-template-columns: 2fr 1fr 1fr 1fr 1fr 120px !important;
gap: 0 !important;
margin: 0 !important;
background: #eeeeee !important;
}
.cost-fabric-add-form input {
width: calc(100% - 28px) !important;
height: 40px !important;
margin: 14px !important;
border-radius: 12px !important;
border: 1px solid #d8d8d8 !important;
background: #fff !important;
text-align: center !important;
font-size: 14px !important;
font-weight: 400 !important;
box-sizing: border-box !important;
}
.cost-fabric-add-form input:first-of-type {
text-align: center !important;
}
.cost-fabric-add-form button {
width: 72px !important;
height: 40px !important;
margin: 14px auto !important;
border-radius: 12px !important;
background: #111 !important;
color: #fff !important;
border: 1px solid #111 !important;
font-size: 14px !important;
font-weight: 800 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* 每一列之间加线，和下面表格一致 */
.cost-fabric-add-form > * {
border-right: 1px solid #e5e5e5 !important;
}
.cost-fabric-add-form > *:last-child {
border-right: none !important;
}
/* 下方已保存面料表格和新增区间距统一 */
.cost-fabric-table {
margin-top: 0 !important;
}
/* ===== 成本计算器：辅料成本新增/编辑 UI ===== */
.cost-accessory-add-wrap {
margin-bottom: 16px !important;
border: 1px solid #e2e2e2 !important;
border-radius: 18px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
background: #fff !important;
}
.cost-accessory-add-head {
display: grid !important;
grid-template-columns: 18% 18% 11% 11% 11% 12% 12% 7% !important;
min-width: 980px !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: #f3f3f3 !important;
border-bottom: 1px solid #e5e5e5 !important;
}
.cost-accessory-add-head span {
height: 52px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-right: 1px solid #e5e5e5 !important;
font-size: 14px !important;
font-weight: 850 !important;
color: #111 !important;
padding: 0 10px !important;
}
.cost-accessory-add-head span:last-child {
border-right: none !important;
}
.cost-accessory-add-form {
display: grid !important;
grid-template-columns: 18% 18% 11% 11% 11% 12% 12% 7% !important;
min-width: 980px !important;
gap: 0 !important;
margin: 0 !important;
background: #eeeeee !important;
}
.cost-accessory-add-form input {
width: calc(100% - 20px) !important;
max-width: calc(100% - 20px) !important;
min-width: 0 !important;
height: 40px !important;
margin: 14px 10px !important;
border-radius: 12px !important;
border: 1px solid #d8d8d8 !important;
background: #fff !important;
text-align: center !important;
font-size: 14px !important;
font-weight: 400 !important;
box-sizing: border-box !important;
}
.cost-accessory-add-form button {
width: calc(100% - 14px) !important;
max-width: 72px !important;
height: 40px !important;
margin: 14px auto !important;
border-radius: 12px !important;
background: #111 !important;
color: #fff !important;
border: 1px solid #111 !important;
font-size: 14px !important;
font-weight: 800 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.cost-accessory-add-form > * {
border-right: 1px solid #e5e5e5 !important;
}
.cost-accessory-add-form > *:last-child {
border-right: none !important;
}
.cost-accessory-table {
margin-top: 0 !important;
table-layout: fixed !important;
min-width: 980px !important;
}
.cost-accessory-table-wrap {
width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
}
.cost-accessory-table th:nth-child(1),
.cost-accessory-table td:nth-child(1) {
width: 18% !important;
}
.cost-accessory-table th:nth-child(2),
.cost-accessory-table td:nth-child(2) {
width: 18% !important;
}
.cost-accessory-table th:nth-child(3),
.cost-accessory-table td:nth-child(3),
.cost-accessory-table th:nth-child(4),
.cost-accessory-table td:nth-child(4),
.cost-accessory-table th:nth-child(5),
.cost-accessory-table td:nth-child(5) {
width: 11% !important;
}
.cost-accessory-table th:nth-child(6),
.cost-accessory-table td:nth-child(6),
.cost-accessory-table th:nth-child(7),
.cost-accessory-table td:nth-child(7) {
width: 12% !important;
}
.cost-accessory-table th:nth-child(8),
.cost-accessory-table td:nth-child(8) {
width: 7% !important;
}
.cost-add-placeholder {
min-width: 0 !important;
height: 68px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #999 !important;
font-size: 14px !important;
font-weight: 400 !important;
}
.cost-accessory-table th,
.cost-accessory-table td {
overflow: hidden !important;
}
/* ===== 成本计算器：加工/包装/其他成本 UI 统一 ===== */
.cost-extra-add-wrap {
margin-bottom: 16px !important;
border: 1px solid #e2e2e2 !important;
border-radius: 18px !important;
overflow: hidden !important;
background: #fff !important;
}
.cost-extra-add-head {
display: grid !important;
grid-template-columns: 2fr 1fr 1fr 1fr 120px !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: #f3f3f3 !important;
border-bottom: 1px solid #e5e5e5 !important;
}
.cost-extra-add-head span {
height: 52px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-right: 1px solid #e5e5e5 !important;
font-size: 14px !important;
font-weight: 850 !important;
color: #111 !important;
padding: 0 10px !important;
}
.cost-extra-add-head span:first-child {
text-align: center !important;
padding-left: 10px !important;
}
.cost-extra-add-head span:last-child {
border-right: none !important;
}
.cost-extra-add-form {
display: grid !important;
grid-template-columns: 2fr 1fr 1fr 1fr 120px !important;
gap: 0 !important;
margin: 0 !important;
background: #eeeeee !important;
}
.cost-extra-add-form input {
width: calc(100% - 28px) !important;
height: 40px !important;
margin: 14px !important;
border-radius: 12px !important;
border: 1px solid #d8d8d8 !important;
background: #fff !important;
text-align: center !important;
font-size: 14px !important;
font-weight: 400 !important;
box-sizing: border-box !important;
}
.cost-extra-add-form button {
width: 72px !important;
height: 40px !important;
margin: 14px auto !important;
border-radius: 12px !important;
background: #111 !important;
color: #fff !important;
border: 1px solid #111 !important;
font-size: 14px !important;
font-weight: 800 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.cost-extra-add-form > * {
border-right: 1px solid #e5e5e5 !important;
}
.cost-extra-add-form > *:last-child {
border-right: none !important;
}
/* 成本行输入框统一 */
.cost-fabric-table input,
.cost-accessory-table input,
.cost-extra-table input {
width: 92% !important;
max-width: 92% !important;
min-width: 0 !important;
height: 32px !important;
border-radius: 9px !important;
font-weight: 400 !important;
text-align: center !important;
}
.cost-drawer-page .cost-accessory-add-form input[name="material"],
.cost-drawer-page .cost-accessory-add-form input[name="part"],
.cost-drawer-page .cost-accessory-table input[name="material"],
.cost-drawer-page .cost-accessory-table input[name="part"] {
width: calc(100% - 20px) !important;
max-width: calc(100% - 20px) !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
.cost-drawer-page .cost-accessory-table input[name="material"],
.cost-drawer-page .cost-accessory-table input[name="part"] {
width: 92% !important;
max-width: 92% !important;
}
.sn-cost-linked-input[readonly] {
background: #fff !important;
color: #111 !important;
cursor: default !important;
}
/* 删除按钮居中 */
.cost-extra-delete-form,
.cost-accessory-delete-form,
.cost-fabric-delete-form {
margin: 0 !important;
display: inline-flex !important;
justify-content: center !important;
}
/* 取消保存按钮后，操作列更干净 */
.cost-fabric-table .cost-delete-btn,
.cost-accessory-table .cost-delete-btn,
.cost-extra-table .cost-delete-btn {
height: 30px !important;
min-width: 42px !important;
}
/* ===== 成本计算器：隐藏面料成本保存按钮，只保留删除 ===== */
.cost-fabric-table button[form^="costFabricForm"] {
display: none !important;
}
.cost-fabric-table .cost-row-actions {
gap: 0 !important;
}
.cost-fabric-table .cost-delete-btn {
min-width: 42px !important;
}
/* ===== 成本计算器：底部汇总栏固定悬浮 ===== */
.cost-drawer-page {
padding-bottom: 96px !important;
}
.cost-bottom-bar {
position: fixed !important;
left: 32px !important;
right: 32px !important;
bottom: 24px !important;
z-index: 99999 !important;
margin: 0 !important;
padding: 18px 28px !important;
border-radius: 22px !important;
background: rgba(20, 20, 20, .96) !important;
color: #fff !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 22px !important;
font-size: 15px !important;
font-weight: 850 !important;
line-height: 1.2 !important;
box-shadow:
0 18px 42px rgba(0, 0, 0, .18),
0 4px 12px rgba(0, 0, 0, .10) !important;
backdrop-filter: blur(10px) !important;
}
/* 抽屉内时，避免贴边太宽 */
.cost-drawer-panel .cost-bottom-bar {
left: 32px !important;
right: 32px !important;
bottom: 22px !important;
}
/* 小屏适配 */
@media (max-width: 1200px) {
.cost-bottom-bar {
left: 18px !important;
right: 18px !important;
bottom: 16px !important;
padding: 14px 18px !important;
gap: 12px !important;
font-size: 13px !important;
flex-wrap: wrap !important;
}
}
/* ===== 成本计算器：定价目标快捷档 ===== */
.cost-target-presets {
margin-top: 18px !important;
padding: 14px !important;
border: 1px solid #e7e7e7 !important;
border-radius: 16px !important;
background: #fafafa !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
}
.cost-target-title {
font-size: 13px !important;
font-weight: 850 !important;
color: #111 !important;
margin-right: 4px !important;
}
.cost-preset-btn {
height: 34px !important;
padding: 0 14px !important;
border-radius: 999px !important;
border: 1px solid #d8d8d8 !important;
background: #fff !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.cost-preset-btn:hover {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
}
.cost-target-note {
color: #888 !important;
font-size: 12px !important;
font-weight: 400 !important;
margin-left: 4px !important;
}
/* ===== 成本计算器：隐藏保存并计算按钮，改为自动保存 ===== */
.cost-save-btn {
display: none !important;
}
/* ===== 全局 Toast：透明度 70% ===== */
.sn-toast,
#snToast {
background: rgba(17, 17, 17, 0.7) !important;
color: #fff !important;
backdrop-filter: blur(8px) !important;
box-shadow:
0 12px 32px rgba(0, 0, 0, .12),
0 4px 10px rgba(0, 0, 0, .08) !important;
}
/* ===== 全局 Toast：统一右下角显示，70%透明度 ===== */
.sn-toast,
#snToast {
position: fixed !important;
left: auto !important;
top: auto !important;
right: 28px !important;
bottom: 28px !important;
transform: none !important;
z-index: 99999 !important;
min-width: 180px !important;
max-width: 420px !important;
width: auto !important;
padding: 13px 20px !important;
border-radius: 999px !important;
background: rgba(17, 17, 17, 0.7) !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 850 !important;
line-height: 1.35 !important;
text-align: center !important;
white-space: nowrap !important;
box-shadow:
0 12px 32px rgba(0, 0, 0, .12),
0 4px 10px rgba(0, 0, 0, .08) !important;
backdrop-filter: blur(8px) !important;
}
/* 小屏幕避免贴边 */
@media (max-width: 768px) {
.sn-toast,
#snToast {
right: 16px !important;
bottom: 16px !important;
max-width: calc(100vw - 32px) !important;
white-space: normal !important;
}
}
/* ===== 成本计算器底部悬浮栏：白色半透明磨砂玻璃 ===== */
.cost-bottom-bar {
background: rgba(255, 255, 255, 0.76) !important;
color: #111 !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
backdrop-filter: blur(18px) saturate(160%) !important;
-webkit-backdrop-filter: blur(18px) saturate(160%) !important;
box-shadow:
0 18px 42px rgba(0, 0, 0, .10),
0 4px 14px rgba(0, 0, 0, .06) !important;
}
.cost-bottom-bar span {
color: #111 !important;
}
/* ===== 账号管理：手机号展示 / 修改 UI ===== */
.sn-user-phone-cell {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 190px !important;
}
.sn-user-phone-cell .sn-user-phone-display {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
.sn-user-phone-cell .sn-user-phone-edit-form {
display: none !important;
}
.sn-user-phone-cell.is-editing .sn-user-phone-display,
.sn-user-phone-cell.is-empty-phone .sn-user-phone-display {
display: none !important;
}
.sn-user-phone-cell.is-editing .sn-user-phone-edit-form,
.sn-user-phone-cell.is-empty-phone .sn-user-phone-edit-form {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
margin: 0 !important;
}
.sn-user-phone-number {
font-size: 14px !important;
font-weight: 500 !important;
color: #111 !important;
white-space: nowrap !important;
}
.sn-user-phone-edit-btn {
border: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
color: #1677ff !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
cursor: pointer !important;
}
.sn-user-phone-edit-btn:hover {
color: #0958d9 !important;
text-decoration: underline !important;
}
.sn-user-phone-edit-form input {
width: 132px !important;
height: 34px !important;
border-radius: 10px !important;
border: 1px solid #ddd !important;
padding: 0 10px !important;
font-size: 13px !important;
font-weight: 400 !important;
color: #111 !important;
text-align: center !important;
}
.sn-user-phone-edit-form input::placeholder {
font-size: 13px !important;
font-weight: 400 !important;
color: #999 !important;
}
.sn-user-phone-edit-form .sn-mini-btn {
height: 34px !important;
padding: 0 12px !important;
border-radius: 10px !important;
font-size: 13px !important;
font-weight: 800 !important;
}
/* ===== 账号管理：角色按钮模式 ===== */
.sn-role-button-cell {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
}
.sn-user-role-pill {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 58px !important;
height: 32px !important;
padding: 0 12px !important;
border-radius: 10px !important;
background: #f3f3f3 !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 800 !important;
white-space: nowrap !important;
}
.sn-user-role-pill.super {
min-width: 86px !important;
}
.sn-role-action-form {
display: inline-flex !important;
margin: 0 !important;
}
.sn-role-action-btn {
border: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
color: #666 !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
cursor: pointer !important;
}
.sn-role-action-btn.blue {
color: #1677ff !important;
}
.sn-role-action-btn:hover {
text-decoration: underline !important;
}
/* ===== 账号管理：最终角色下拉框 ===== */
.sn-role-final-form {
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.sn-role-final-select {
height: 38px !important;
min-width: 118px !important;
padding: 0 14px !important;
border-radius: 14px !important;
border: 1px solid #ddd !important;
background: #fff !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 800 !important;
text-align: center !important;
cursor: pointer !important;
}
.sn-user-role-text {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 58px !important;
height: 32px !important;
padding: 0 12px !important;
border-radius: 10px !important;
background: #f3f3f3 !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 800 !important;
white-space: nowrap !important;
}
/* ===== 账号管理表格修复 ===== */
.sn-user-table {
width: 100% !important;
table-layout: fixed !important;
border-collapse: separate !important;
border-spacing: 0 !important;
}
.sn-user-table th,
.sn-user-table td {
text-align: center !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
.sn-user-table th:nth-child(1),
.sn-user-table td:nth-child(1) {
width: 12% !important;
}
.sn-user-table th:nth-child(2),
.sn-user-table td:nth-child(2) {
width: 13% !important;
}
.sn-user-table th:nth-child(3),
.sn-user-table td:nth-child(3) {
width: 17% !important;
}
.sn-user-table th:nth-child(4),
.sn-user-table td:nth-child(4) {
width: 13% !important;
}
.sn-user-table th:nth-child(5),
.sn-user-table td:nth-child(5) {
width: 9% !important;
}
.sn-user-table th:nth-child(6),
.sn-user-table td:nth-child(6) {
width: 15% !important;
}
.sn-user-table th:nth-child(7),
.sn-user-table td:nth-child(7) {
width: 21% !important;
}
.sn-admin-lock-badge {
display: inline-flex !important;
margin-left: 8px !important;
padding: 3px 8px !important;
border-radius: 999px !important;
background: #eee !important;
color: #777 !important;
font-size: 12px !important;
font-weight: 800 !important;
}
.sn-user-role-text {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 58px !important;
height: 32px !important;
padding: 0 12px !important;
border-radius: 10px !important;
background: #f3f3f3 !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 800 !important;
}
.sn-user-role-text.super {
min-width: 86px !important;
}
.sn-role-final-form {
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.sn-role-final-select {
height: 38px !important;
min-width: 116px !important;
border-radius: 14px !important;
border: 1px solid #ddd !important;
background: #fff !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 800 !important;
text-align: center !important;
cursor: pointer !important;
}
.sn-user-phone-cell {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 190px !important;
}
.sn-user-phone-display {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
.sn-user-phone-cell .sn-user-phone-edit-form {
display: none !important;
}
.sn-user-phone-cell.is-editing .sn-user-phone-display,
.sn-user-phone-cell.is-empty-phone .sn-user-phone-display {
display: none !important;
}
.sn-user-phone-cell.is-editing .sn-user-phone-edit-form,
.sn-user-phone-cell.is-empty-phone .sn-user-phone-edit-form {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
}
.sn-user-phone-number {
font-size: 14px !important;
font-weight: 500 !important;
color: #111 !important;
}
.sn-user-phone-edit-btn {
border: none !important;
background: transparent !important;
padding: 0 !important;
color: #1677ff !important;
font-size: 12px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.sn-user-phone-edit-form input {
width: 132px !important;
height: 34px !important;
border-radius: 10px !important;
border: 1px solid #ddd !important;
padding: 0 10px !important;
font-size: 13px !important;
font-weight: 400 !important;
text-align: center !important;
}
.sn-user-phone-edit-form .sn-mini-btn {
height: 34px !important;
padding: 0 12px !important;
border-radius: 10px !important;
font-size: 13px !important;
font-weight: 800 !important;
}
/* ===== 账号管理：状态列文字按钮 ===== */
.sn-user-status-form {
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.sn-user-status-text {
border: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1 !important;
cursor: pointer !important;
white-space: nowrap !important;
}
.sn-user-status-text.is-active {
color: #111 !important;
}
.sn-user-status-text.is-disabled {
color: #999 !important;
}
button.sn-user-status-text:hover {
text-decoration: underline !important;
}
span.sn-user-status-text {
cursor: default !important;
}
/* ===== 账号管理：状态列文字按钮 ===== */
.sn-user-status-form {
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.sn-user-status-text {
border: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1 !important;
cursor: pointer !important;
white-space: nowrap !important;
}
.sn-user-status-text.is-active {
color: #111 !important;
}
.sn-user-status-text.is-disabled {
color: #999 !important;
}
button.sn-user-status-text:hover {
text-decoration: underline !important;
}
span.sn-user-status-text {
cursor: default !important;
}
/* ===== 账户中心：我的手机号 ===== */
.sn-self-phone-form {
margin: 0 !important;
}
.sn-self-phone-save-btn {
margin-top: 18px !important;
height: 44px !important;
padding: 0 22px !important;
border-radius: 14px !important;
border: 1px solid #111 !important;
background: #111 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 850 !important;
cursor: pointer !important;
}
.sn-self-phone-save-btn:hover {
background: #000 !important;
}
/* ===== 账号管理：手机号展示 / 修改点击修复 ===== */
.sn-user-phone-cell {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 190px !important;
}
.sn-user-phone-cell .sn-user-phone-display {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
.sn-user-phone-cell .sn-user-phone-edit-form {
display: none !important;
}
/* 点击修改后显示输入框 */
.sn-user-phone-cell.is-editing .sn-user-phone-display,
.sn-user-phone-cell.is-empty-phone .sn-user-phone-display {
display: none !important;
}
.sn-user-phone-cell.is-editing .sn-user-phone-edit-form,
.sn-user-phone-cell.is-empty-phone .sn-user-phone-edit-form {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
margin: 0 !important;
}
.sn-user-phone-number {
font-size: 14px !important;
font-weight: 500 !important;
color: #111 !important;
white-space: nowrap !important;
}
.sn-user-phone-edit-btn {
border: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
color: #1677ff !important;
font-size: 12px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.sn-user-phone-edit-btn:hover {
color: #0958d9 !important;
text-decoration: underline !important;
}
.sn-user-phone-edit-form input {
width: 132px !important;
height: 34px !important;
border-radius: 10px !important;
border: 1px solid #ddd !important;
padding: 0 10px !important;
font-size: 13px !important;
font-weight: 400 !important;
color: #111 !important;
text-align: center !important;
}
.sn-user-phone-edit-form input::placeholder {
font-size: 13px !important;
font-weight: 400 !important;
color: #999 !important;
}
.sn-user-phone-edit-form .sn-mini-btn {
height: 34px !important;
padding: 0 12px !important;
border-radius: 10px !important;
font-size: 13px !important;
font-weight: 800 !important;
}
/* ===== 新增二级页面弹窗：隐藏 X、输入框字体变小、按钮缩小 ===== */
/* 隐藏右上角 X */
#quickSubtypeModal .sn-quick-modal-x,
.sn-quick-modal-x {
display: none !important;
}
/* 输入框整体不要太粗 */
#quickSubtypeNameInput,
#quickSubtypeModal input,
.sn-modal-input {
font-size: 16px !important;
font-weight: 400 !important;
height: 52px !important;
min-height: 52px !important;
border-radius: 18px !important;
padding: 0 20px !important;
}
/* 输入框 placeholder 不加粗 */
#quickSubtypeNameInput::placeholder,
#quickSubtypeModal input::placeholder,
.sn-modal-input::placeholder {
font-size: 16px !important;
font-weight: 400 !important;
color: #777 !important;
}
/* 聚焦蓝色描边不要太粗 */
#quickSubtypeNameInput:focus,
#quickSubtypeModal input:focus,
.sn-modal-input:focus {
outline: none !important;
border: 1px solid #1677ff !important;
box-shadow: 0 0 0 2px rgba(22,119,255,.12) !important;
}
/* 底部取消 / 添加按钮缩小 */
#quickSubtypeModal button,
#quickSubtypeModal .sn-modal-actions button,
.sn-quick-modal button,
.sn-modal-actions button {
height: 48px !important;
min-height: 48px !important;
padding: 0 34px !important;
border-radius: 18px !important;
font-size: 18px !important;
font-weight: 850 !important;
}
/* 弹窗按钮区域间距缩小 */
#quickSubtypeModal .sn-modal-actions,
.sn-modal-actions {
gap: 18px !important;
margin-top: 24px !important;
}
/* 弹窗主体略微收紧 */
#quickSubtypeModal .sn-modal,
#quickSubtypeModal > div {
padding: 34px 40px 34px !important;
}
/* ===== 新增二级页面弹窗：最终直接修复 ===== */
/* 兜底隐藏任何关闭 X */
button.sn-quick-modal-x,
button[onclick*="closeQuickSubtypeModal"] {
display: none !important;
}
/* 输入框文字变小、不加粗 */
#quickSubtypeNameInput {
height: 48px !important;
min-height: 48px !important;
font-size: 14px !important;
font-weight: 400 !important;
border-radius: 16px !important;
padding: 0 18px !important;
}
#quickSubtypeNameInput::placeholder {
font-size: 14px !important;
font-weight: 400 !important;
color: #777 !important;
}
/* 输入框蓝色聚焦描边不要太厚 */
#quickSubtypeNameInput:focus {
outline: none !important;
border: 1px solid #1677ff !important;
box-shadow: 0 0 0 2px rgba(22,119,255,.10) !important;
}
/* 弹窗内取消/添加按钮缩小 */
#quickSubtypeModal button,
#quickSubtypeModal .sn-modal-actions button,
.sn-modal-actions button {
height: 42px !important;
min-height: 42px !important;
padding: 0 28px !important;
border-radius: 15px !important;
font-size: 16px !important;
font-weight: 800 !important;
}
/* 按钮区域收紧 */
#quickSubtypeModal .sn-modal-actions,
.sn-modal-actions {
margin-top: 22px !important;
gap: 16px !important;
}
/* 弹窗内容整体稍微收紧 */
#quickSubtypeModal .sn-modal,
#quickSubtypeModal > div {
padding-top: 32px !important;
padding-bottom: 30px !important;
}
/* ===== 新增二级页面弹窗：恢复底部取消按钮，只隐藏右上角 X ===== */
/* 只隐藏右上角 X */
button.sn-quick-modal-x {
display: none !important;
}
/* 取消按钮必须显示 */
.sn-quick-modal-cancel {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 28px !important;
border-radius: 15px !important;
border: 2px solid #111 !important;
background: #fff !important;
color: #111 !important;
font-size: 16px !important;
font-weight: 800 !important;
cursor: pointer !important;
}
/* 添加按钮同尺寸 */
#quickSubtypeModal button:not(.sn-quick-modal-cancel):not(.sn-quick-modal-x) {
height: 42px !important;
min-height: 42px !important;
padding: 0 28px !important;
border-radius: 15px !important;
font-size: 16px !important;
font-weight: 800 !important;
}
/* 输入框字体小一点，不加粗 */
#quickSubtypeNameInput {
height: 48px !important;
min-height: 48px !important;
font-size: 14px !important;
font-weight: 400 !important;
border-radius: 16px !important;
}
#quickSubtypeNameInput::placeholder {
font-size: 14px !important;
font-weight: 400 !important;
color: #777 !important;
}
/* ===== 新增二级页面弹窗：运行时取消按钮样式 ===== */
.sn-runtime-quick-cancel {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 28px !important;
margin-right: 16px !important;
border-radius: 15px !important;
border: 2px solid #111 !important;
background: #fff !important;
color: #111 !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1 !important;
cursor: pointer !important;
}
/* 新增二级页面输入框字体压小 */
#quickSubtypeNameInput {
font-size: 14px !important;
font-weight: 400 !important;
height: 48px !important;
min-height: 48px !important;
}
#quickSubtypeNameInput::placeholder {
font-size: 14px !important;
font-weight: 400 !important;
color: #777 !important;
}
/* ===== 二级页面删除确认弹窗：居中白色卡片 ===== */
.sn-subtype-delete-modal {
position: fixed !important;
inset: 0 !important;
z-index: 999999 !important;
display: none !important;
align-items: center !important;
justify-content: center !important;
background: rgba(0, 0, 0, 0.28) !important;
}
.sn-subtype-delete-modal.show {
display: flex !important;
}
.sn-subtype-delete-card {
width: 420px !important;
max-width: calc(100vw - 48px) !important;
padding: 34px 38px 32px !important;
border-radius: 28px !important;
background: #fff !important;
color: #111 !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, .14) !important;
text-align: left !important;
}
.sn-subtype-delete-card h3 {
margin: 0 0 18px !important;
font-size: 24px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
}
.sn-subtype-delete-card p {
margin: 0 !important;
color: #555 !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.7 !important;
}
.sn-subtype-delete-card p b {
color: #111 !important;
font-weight: 850 !important;
}
.sn-subtype-delete-actions {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 18px !important;
margin-top: 28px !important;
}
.sn-subtype-delete-actions button {
height: 44px !important;
min-width: 118px !important;
padding: 0 28px !important;
border-radius: 16px !important;
font-size: 16px !important;
font-weight: 850 !important;
line-height: 1 !important;
cursor: pointer !important;
}
.sn-subtype-delete-cancel {
background: #fff !important;
color: #111 !important;
border: 2px solid #111 !important;
}
.sn-subtype-delete-ok {
background: #111 !important;
color: #fff !important;
border: 2px solid #111 !important;
}
/* ===== 顶部毛玻璃导航栏 ===== */
.sn-top-glass-nav {
position: fixed !important;
top: 0 !important;
left: 250px !important;
right: 0 !important;
height: 54px !important;
z-index: 9000 !important;
background: rgba(255, 255, 255, 0.10) !important;
backdrop-filter: blur(15px) saturate(140%) !important;
-webkit-backdrop-filter: blur(15px) saturate(140%) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.04) !important;
pointer-events: none !important;
}
.sn-top-glass-nav-inner {
height: 100% !important;
padding: 0 32px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
}
.sn-top-glass-title {
font-size: 13px !important;
font-weight: 850 !important;
letter-spacing: 0.08em !important;
color: rgba(17, 17, 17, 0.72) !important;
}
.sn-top-glass-user {
font-size: 13px !important;
font-weight: 750 !important;
color: rgba(17, 17, 17, 0.52) !important;
}
/* 页面内容下移，避免被顶部 bar 遮挡 */
.sn-main {
padding-top: 74px !important;
}
/* 登录页不显示顶部导航 */
body.login-page-v2 .sn-top-glass-nav {
display: none !important;
}
/* 小屏适配 */
@media (max-width: 900px) {
.sn-top-glass-nav {
left: 0 !important;
}
.sn-main {
padding-top: 68px !important;
}
}
/* ===== 顶部毛玻璃导航：通栏版本 ===== */
/* 顶部 bar 覆盖整屏，包括左侧栏 */
.sn-top-glass-nav {
left: 0 !important;
right: 0 !important;
top: 0 !important;
height: 58px !important;
z-index: 9500 !important;
background: rgba(255, 255, 255, 0.16) !important;
backdrop-filter: blur(15px) saturate(145%) !important;
-webkit-backdrop-filter: blur(15px) saturate(145%) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.04) !important;
pointer-events: none !important;
}
/* 通栏内边距：左边对齐侧边栏文字，右边显示用户名 */
.sn-top-glass-nav-inner {
padding: 0 36px !important;
}
.sn-top-glass-title {
font-size: 15px !important;
font-weight: 900 !important;
letter-spacing: 0.04em !important;
color: rgba(17, 17, 17, 0.82) !important;
}
.sn-top-glass-user {
font-size: 13px !important;
font-weight: 800 !important;
color: rgba(17, 17, 17, 0.52) !important;
}
/* 左侧栏顶部让出通栏空间 */
.sn-sidebar {
padding-top: 74px !important;
}
/* 隐藏左侧栏原来的品牌标题和用户名，避免重复 */
.sn-brand,
.sn-sidebar-brand,
.sn-logo-block,
.sn-sidebar-logo,
.sn-sidebar h1,
.sn-sidebar .brand-title,
.sn-sidebar .brand-subtitle {
display: none !important;
}
/* 如果侧边栏标题是普通 div/strong，也兜底隐藏前两个品牌文本容器 */
.sn-sidebar > div:first-child {
display: none !important;
}
/* 主内容下移一点，避免被通栏压住 */
.sn-main {
padding-top: 74px !important;
}
/* 登录页不显示顶部导航 */
body.login-page-v2 .sn-top-glass-nav {
display: none !important;
}
/* ===== 顶部通栏：SVG logo + 管理系统最终版 ===== */
.sn-top-glass-nav {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 66px !important;
z-index: 9500 !important;
background: rgba(255, 255, 255, 0.16) !important;
backdrop-filter: blur(15px) saturate(145%) !important;
-webkit-backdrop-filter: blur(15px) saturate(145%) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.04) !important;
}
.sn-top-glass-nav-inner {
height: 100% !important;
padding: 0 36px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
}
.sn-top-glass-title {
display: inline-flex !important;
align-items: center !important;
gap: 22px !important;
height: 100% !important;
font-size: 0 !important;
letter-spacing: 0 !important;
}
.sn-top-glass-title::before,
.sn-top-glass-title::after {
content: none !important;
display: none !important;
}
.sn-top-logo-img {
width: 242px !important;
height: auto !important;
display: block !important;
}
.sn-top-system-text {
display: inline-flex !important;
align-items: center !important;
font-size: 24px !important;
font-weight: 900 !important;
letter-spacing: 0.02em !important;
color: #111 !important;
line-height: 1 !important;
}
.sn-top-glass-user {
font-size: 13px !important;
font-weight: 800 !important;
color: rgba(17, 17, 17, 0.52) !important;
}
.sn-sidebar > div:first-child,
.sn-brand,
.sn-sidebar-brand,
.sn-logo-block,
.sn-sidebar-logo,
.sn-sidebar h1,
.sn-sidebar .brand-title,
.sn-sidebar .brand-subtitle {
display: none !important;
}
.sn-sidebar {
padding-top: 86px !important;
}
.sn-main {
padding-top: 86px !important;
}
body.login-page-v2 .sn-top-glass-nav {
display: none !important;
}
/* ===== 顶部通栏 logo 缩小版 ===== */
.sn-top-glass-nav {
height: 54px !important;
}
.sn-top-glass-nav-inner {
padding-left: 32px !important;
padding-right: 32px !important;
}
.sn-top-glass-title {
gap: 16px !important;
}
.sn-top-logo-img {
width: 170px !important;
height: auto !important;
}
.sn-top-system-text {
font-size: 18px !important;
font-weight: 900 !important;
letter-spacing: 0.02em !important;
}
/* 顶部变矮后，左侧栏和主内容同步上移 */
.sn-sidebar {
padding-top: 74px !important;
}
.sn-main {
padding-top: 74px !important;
}
/* ===== 顶部通栏：logo 与管理系统文字居中对齐 ===== */
.sn-top-glass-title {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
height: 54px !important;
line-height: 1 !important;
}
.sn-top-logo-img {
width: 170px !important;
height: auto !important;
display: block !important;
flex: 0 0 auto !important;
}
.sn-top-system-text {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 19px !important;
line-height: 19px !important;
font-size: 15px !important;
font-weight: 850 !important;
letter-spacing: 0.02em !important;
color: #111 !important;
transform: translateY(0px) !important;
}
.sn-topbar-kuaimai-sync-btn {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
border: 0 !important;
border-radius: 8px !important;
padding: 0 !important;
background: transparent !important;
color: #222 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
cursor: pointer !important;
}
.sn-topbar-kuaimai-sync-btn svg {
width: 18px !important;
height: 18px !important;
display: block !important;
fill: currentColor !important;
}
.sn-topbar-kuaimai-sync-btn:hover {
background: rgba(0,0,0,.06) !important;
color: #111 !important;
}
.sn-topbar-kuaimai-sync-btn:disabled {
opacity: .58 !important;
cursor: wait !important;
}
.sn-topbar-kuaimai-sync-btn.is-loading svg {
animation: sn-kuaimai-global-sync-spin .86s linear infinite !important;
}
@keyframes sn-kuaimai-global-sync-spin {
to { transform: rotate(360deg); }
}
/* ===== 顶部 bar 右侧账户 / 设置按钮 ===== */
.sn-top-glass-nav {
pointer-events: auto !important;
}
.sn-top-glass-right {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 14px !important;
height: 100% !important;
}
.sn-topbar-actions {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
}
.sn-topbar-action-btn {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
padding: 0 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 11px !important;
border: 1px solid rgba(0, 0, 0, 0.12) !important;
background: rgba(255, 255, 255, 0.45) !important;
color: #111 !important;
box-shadow: none !important;
backdrop-filter: blur(10px) saturate(140%) !important;
-webkit-backdrop-filter: blur(10px) saturate(140%) !important;
cursor: pointer !important;
}
.sn-topbar-action-btn:hover {
background: rgba(255, 255, 255, 0.72) !important;
border-color: rgba(0, 0, 0, 0.18) !important;
}
.sn-topbar-action-btn svg,
.sn-topbar-action-btn img,
.sn-topbar-action-btn i {
width: 16px !important;
height: 16px !important;
display: block !important;
}
.sn-topbar-action-btn span {
font-size: 0 !important;
}
/* 如果原底部按钮容器被移空，隐藏空白区域 */
.sn-sidebar-bottom:empty,
.sn-sidebar-footer:empty {
display: none !important;
}
/* ===== 顶部 bar 右侧图标：去底框 + 居中 ===== */
.sn-top-glass-right {
height: 54px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 14px !important;
line-height: 1 !important;
}
.sn-top-glass-user {
display: inline-flex !important;
align-items: center !important;
height: 32px !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: rgba(17, 17, 17, 0.52) !important;
}
.sn-topbar-actions {
height: 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
}
/* 去掉图标按钮底框 */
.sn-topbar-action-btn {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
padding: 0 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
background: transparent !important;
border-radius: 0 !important;
color: #111 !important;
line-height: 1 !important;
cursor: pointer !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.sn-topbar-action-btn:hover {
background: transparent !important;
border: none !important;
box-shadow: none !important;
opacity: 0.68 !important;
}
/* 图标本身居中 */
.sn-topbar-action-btn svg,
.sn-topbar-action-btn img,
.sn-topbar-action-btn i {
width: 18px !important;
height: 18px !important;
display: block !important;
margin: 0 !important;
object-fit: contain !important;
}
/* 清掉按钮里可能残留的文字 */
.sn-topbar-action-btn span {
display: none !important;
}
/* ===== 顶部右侧账号/设置图标精修 ===== */
.sn-top-glass-right {
height: 54px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 12px !important;
line-height: 1 !important;
}
.sn-top-glass-user {
height: 24px !important;
display: inline-flex !important;
align-items: center !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: rgba(17, 17, 17, 0.48) !important;
transform: translateY(0px) !important;
}
.sn-topbar-actions {
height: 24px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
}
.sn-topbar-action-btn {
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
min-height: 22px !important;
padding: 0 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
opacity: 0.72 !important;
cursor: pointer !important;
}
.sn-topbar-action-btn:hover {
opacity: 1 !important;
}
.sn-topbar-action-btn svg,
.sn-topbar-action-btn img,
.sn-topbar-action-btn i {
width: 15px !important;
height: 15px !important;
display: block !important;
margin: 0 !important;
object-fit: contain !important;
}
/* ===== 顶部右侧 icon 视觉居中微调 ===== */
.sn-topbar-action-btn {
width: 22px !important;
height: 22px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
vertical-align: middle !important;
}
/* 账号 icon 视觉上偏下，往上提一点 */
.sn-topbar-account-btn svg,
.sn-topbar-account-btn img,
.sn-topbar-account-btn i {
width: 15px !important;
height: 15px !important;
transform: translateY(-1px) !important;
}
/* 设置 icon 保持中线，稍微缩小一点更协调 */
.sn-topbar-setting-btn svg,
.sn-topbar-setting-btn img,
.sn-topbar-setting-btn i {
width: 15px !important;
height: 15px !important;
transform: translateY(0px) !important;
}
/* 整组和 admin 文字保持同一中线 */
.sn-top-glass-right,
.sn-topbar-actions {
align-items: center !important;
}
/* ===== 顶部右侧用户名 + icon 真正居中 ===== */
/* 顶部 bar 内部整体居中 */
.sn-top-glass-nav {
height: 54px !important;
}
.sn-top-glass-nav-inner {
height: 54px !important;
display: flex !important;
align-items: center !important;
}
/* 右侧整组锁定到 bar 中线 */
.sn-top-glass-right {
height: 54px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 12px !important;
line-height: 1 !important;
}
/* 用户名垂直居中 */
.sn-top-glass-user {
height: 54px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: rgba(17, 17, 17, 0.48) !important;
transform: none !important;
}
/* icon 组垂直居中 */
.sn-topbar-actions {
height: 54px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
line-height: 1 !important;
}
/* 每个 icon 按钮自身居中 */
.sn-topbar-action-btn {
width: 22px !important;
height: 54px !important;
min-width: 22px !important;
min-height: 54px !important;
padding: 0 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
line-height: 1 !important;
opacity: 0.72 !important;
}
/* icon 本体不再上下偏移 */
.sn-topbar-action-btn svg,
.sn-topbar-action-btn img,
.sn-topbar-action-btn i,
.sn-topbar-account-btn svg,
.sn-topbar-account-btn img,
.sn-topbar-account-btn i,
.sn-topbar-setting-btn svg,
.sn-topbar-setting-btn img,
.sn-topbar-setting-btn i {
width: 15px !important;
height: 15px !important;
display: block !important;
margin: 0 !important;
transform: none !important;
vertical-align: middle !important;
object-fit: contain !important;
}
.sn-topbar-action-btn:hover {
opacity: 1 !important;
}
/* ===== 强制修复：顶部右侧用户名 + 所有图标居中 ===== */
.sn-top-glass-nav {
height: 54px !important;
}
.sn-top-glass-nav-inner {
height: 54px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
/* 右侧整组 */
.sn-top-glass-right {
height: 54px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 12px !important;
line-height: 1 !important;
}
/* 用户名 */
.sn-top-glass-right .sn-top-glass-user,
.sn-top-glass-user {
height: 54px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: rgba(17, 17, 17, 0.48) !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
/* 右侧按钮容器 */
.sn-top-glass-right .sn-topbar-actions,
.sn-topbar-actions {
height: 54px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
line-height: 1 !important;
}
/* 强制命中右侧所有链接 / 按钮 */
.sn-top-glass-right a,
.sn-top-glass-right button,
.sn-topbar-actions a,
.sn-topbar-actions button {
width: 22px !important;
height: 54px !important;
min-width: 22px !important;
min-height: 54px !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
line-height: 1 !important;
opacity: 0.72 !important;
transform: none !important;
}
/* 强制命中图标本体 */
.sn-top-glass-right svg,
.sn-top-glass-right img,
.sn-top-glass-right i,
.sn-topbar-actions svg,
.sn-topbar-actions img,
.sn-topbar-actions i {
width: 15px !important;
height: 15px !important;
display: block !important;
margin: 0 auto !important;
transform: none !important;
vertical-align: middle !important;
object-fit: contain !important;
}
.sn-top-glass-right a:hover,
.sn-top-glass-right button:hover {
opacity: 1 !important;
}
/* ===== 首页：系统总览 ===== */
.sn-home-dashboard {
min-height: calc(100vh - 150px) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
}
.sn-home-center {
width: min(980px, 88vw) !important;
display: grid !important;
justify-items: center !important;
text-align: center !important;
}
.sn-home-logo {
width: 280px !important;
max-width: 72vw !important;
height: auto !important;
display: block !important;
margin-bottom: 18px !important;
}
.sn-home-subtitle {
font-size: 18px !important;
font-weight: 800 !important;
color: rgba(17,17,17,.52) !important;
margin-bottom: 92px !important;
}
.sn-home-stats {
display: grid !important;
grid-template-columns: repeat(5, minmax(150px, 1fr)) !important;
gap: 14px !important;
width: 100% !important;
}
.sn-home-card {
height: 96px !important;
border-radius: 16px !important;
background: rgba(255,255,255,.74) !important;
border: 1px solid rgba(0,0,0,.08) !important;
box-shadow: 0 12px 32px rgba(0,0,0,.035) !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
cursor: pointer !important;
}
.sn-home-card:hover {
transform: translateY(-1px) !important;
box-shadow: 0 16px 38px rgba(0,0,0,.055) !important;
}
.sn-home-card strong {
font-size: 24px !important;
font-weight: 900 !important;
line-height: 1 !important;
color: #111 !important;
margin-bottom: 10px !important;
}
.sn-home-card span {
font-size: 13px !important;
font-weight: 800 !important;
color: rgba(17,17,17,.56) !important;
}
@media (max-width: 1100px) {
.sn-home-stats {
grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
}
}
/* ===== 首页：隐藏左侧导航栏，内容全屏居中 ===== */
body:has(.sn-home-dashboard) .sn-sidebar {
display: none !important;
}
body:has(.sn-home-dashboard) .sn-main {
margin-left: 0 !important;
width: 100vw !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* 首页顶部通栏仍然保留 */
body:has(.sn-home-dashboard) .sn-top-glass-nav {
left: 0 !important;
right: 0 !important;
}
/* 首页内容真正按全屏区域居中 */
body:has(.sn-home-dashboard) .sn-home-dashboard {
width: 100vw !important;
min-height: calc(100vh - 90px) !important;
}
/* 首页中间 logo 和数据卡片不要被旧主内容宽度限制 */
body:has(.sn-home-dashboard) .sn-home-center {
width: min(980px, 88vw) !important;
margin: 0 auto !important;
}
/* ===== 首页：隐藏顶部 bar 和左侧导航 ===== */
body:has(.sn-home-dashboard) .sn-top-glass-nav,
body:has(.sn-home-dashboard) .sn-sidebar {
display: none !important;
}
body:has(.sn-home-dashboard) .sn-main {
margin-left: 0 !important;
width: 100vw !important;
max-width: none !important;
padding-top: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body:has(.sn-home-dashboard) .sn-home-dashboard {
width: 100vw !important;
min-height: 100vh !important;
}
body:has(.sn-home-dashboard) .sn-home-center {
width: min(980px, 88vw) !important;
margin: 0 auto !important;
}
/* ===== 成本计算器页面：隐藏顶部 bar ===== */
body:has(.cost-calculator-page) .sn-top-glass-nav,
body:has(.product-cost-calculator-page) .sn-top-glass-nav,
body:has(.cost-page) .sn-top-glass-nav,
body:has(.cost-calc-page) .sn-top-glass-nav,
body:has(.sn-cost-calculator) .sn-top-glass-nav {
display: none !important;
}
/* 成本计算器页面内容顶上不要被 bar 预留空间挤下来 */
body:has(.cost-calculator-page) .sn-main,
body:has(.product-cost-calculator-page) .sn-main,
body:has(.cost-page) .sn-main,
body:has(.cost-calc-page) .sn-main,
body:has(.sn-cost-calculator) .sn-main {
padding-top: 18px !important;
}
/* ===== 成本计算器页面：隐藏顶部 bar，真实 class = cost-drawer-page ===== */
body:has(.cost-drawer-page) .sn-top-glass-nav {
display: none !important;
}
body:has(.cost-drawer-page) .sn-main {
padding-top: 18px !important;
}
.sn-icp-footer {
width: 100% !important;
margin: 20px auto 0 !important;
padding: 8px 0 10px !important;
color: #aaa !important;
font-size: 10px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
text-align: center !important;
}
.sn-icp-footer span,
.sn-icp-footer a {
color: inherit !important;
font-weight: 400 !important;
}
.sn-icp-footer a {
text-decoration: none !important;
}
.sn-icp-footer a:hover {
color: #666 !important;
text-decoration: underline !important;
}
body:has(.cost-drawer-page) .sn-icp-footer {
padding-bottom: 96px !important;
}
body.login-page-v2 .sn-icp-footer {
margin-top: 14px !important;
padding: 8px 0 10px !important;
}
@media (max-width: 720px) {
body.login-page-v2 .sn-icp-footer {
font-size: 10px !important;
}
}
/* ===== 首页：logo 上移 + 副标题不加粗 ===== */
.sn-home-dashboard {
align-items: flex-start !important;
padding-top: 22vh !important;
box-sizing: border-box !important;
}
.sn-home-logo {
margin-bottom: 14px !important;
}
.sn-home-subtitle {
font-weight: 500 !important;
color: rgba(17, 17, 17, 0.48) !important;
margin-bottom: 86px !important;
}
/* ===== 首页：恢复整体位置，只让 logo 单独微微上移 ===== */
/* 恢复首页整体居中，不再整块上移 */
.sn-home-dashboard {
align-items: center !important;
padding-top: 0 !important;
box-sizing: border-box !important;
}
/* 只让 logo 自己上移一点点 */
.sn-home-logo {
transform: translateY(-18px) !important;
margin-bottom: 10px !important;
}
/* 库存管理系统不加粗，位置跟随 logo 轻微上移 */
.sn-home-subtitle {
font-weight: 500 !important;
color: rgba(17, 17, 17, 0.48) !important;
margin-bottom: 86px !important;
}
/* ===== 首页：产品页底图 + 毛玻璃覆盖层 ===== */
/* 底层产品区页面，作为首页背景 */
.sn-home-bg-frame {
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: 100vh !important;
border: none !important;
z-index: 0 !important;
pointer-events: none !important;
opacity: 1 !important;
}
/* 首页毛玻璃层 */
.sn-home-dashboard {
position: fixed !important;
inset: 0 !important;
z-index: 2 !important;
width: 100vw !important;
min-height: 100vh !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(255, 255, 255, 0.5) !important;
backdrop-filter: blur(25px) saturate(120%) !important;
-webkit-backdrop-filter: blur(25px) saturate(120%) !important;
cursor: pointer !important;
box-sizing: border-box !important;
}
/* 首页中间内容保持在毛玻璃上方 */
.sn-home-center {
position: relative !important;
z-index: 3 !important;
width: min(980px, 88vw) !important;
display: grid !important;
justify-items: center !important;
text-align: center !important;
}
/* 首页卡片保持可点击 */
.sn-home-card {
position: relative !important;
z-index: 4 !important;
}
/* 首页隐藏顶部 bar 和侧边栏，避免重复 */
body:has(.sn-home-dashboard) .sn-top-glass-nav,
body:has(.sn-home-dashboard) .sn-sidebar {
display: none !important;
}
body:has(.sn-home-dashboard) .sn-main {
margin-left: 0 !important;
width: 100vw !important;
max-width: none !important;
padding: 0 !important;
}
/* 首页 logo 保持略微上移 */
.sn-home-logo {
transform: translateY(-12px) !important;
}
.sn-home-subtitle {
font-weight: 500 !important;
color: rgba(17,17,17,.48) !important;
}
/* ===== 员工账户中心：我的账号表格 ===== */
.sn-staff-self-table-card {
margin-top: 24px !important;
}
.sn-staff-self-table {
table-layout: fixed !important;
}
.sn-staff-self-table th,
.sn-staff-self-table td {
text-align: center !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
.sn-user-phone-cell {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 190px !important;
}
.sn-user-phone-display {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
.sn-user-phone-cell .sn-user-phone-edit-form {
display: none !important;
}
.sn-user-phone-cell.is-editing .sn-user-phone-display,
.sn-user-phone-cell.is-empty-phone .sn-user-phone-display {
display: none !important;
}
.sn-user-phone-cell.is-editing .sn-user-phone-edit-form,
.sn-user-phone-cell.is-empty-phone .sn-user-phone-edit-form {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
margin: 0 !important;
}
.sn-user-phone-number {
font-size: 14px !important;
font-weight: 500 !important;
color: #111 !important;
white-space: nowrap !important;
}
.sn-user-phone-edit-btn {
border: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
color: #1677ff !important;
font-size: 12px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.sn-user-phone-edit-form input {
width: 132px !important;
height: 34px !important;
border-radius: 10px !important;
border: 1px solid #ddd !important;
padding: 0 10px !important;
font-size: 13px !important;
font-weight: 400 !important;
text-align: center !important;
}
.sn-user-phone-edit-form .sn-mini-btn {
height: 34px !important;
padding: 0 12px !important;
border-radius: 10px !important;
font-size: 13px !important;
font-weight: 800 !important;
}
/* ===== 手机号输入框 + 保存按钮垂直居中 ===== */
.sn-user-phone-cell {
height: 100% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.sn-user-phone-edit-form {
height: 38px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
vertical-align: middle !important;
}
.sn-user-phone-edit-form input {
height: 34px !important;
line-height: 34px !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.sn-user-phone-edit-form .sn-mini-btn,
.sn-user-phone-edit-form button[type="submit"] {
height: 34px !important;
min-height: 34px !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 14px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
vertical-align: middle !important;
}
.sn-user-table td {
vertical-align: middle !important;
}
/* ===== 操作日志 ===== */
.sn-operation-log-entry-card .sn-account-card-head {
align-items: center !important;
}
.sn-operation-log-entry-btn {
height: 38px !important;
padding: 0 18px !important;
border-radius: 12px !important;
border: 1.5px solid #111 !important;
background: #111 !important;
color: #fff !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
font-weight: 900 !important;
white-space: nowrap !important;
}
.sn-operation-log-filter {
display: grid !important;
grid-template-columns: 180px 220px minmax(260px, 1fr) 96px !important;
gap: 16px !important;
align-items: end !important;
}
.sn-operation-log-filter label {
display: grid !important;
gap: 8px !important;
font-weight: 900 !important;
}
.sn-operation-log-filter label span {
color: #111 !important;
font-size: 14px !important;
font-weight: 900 !important;
}
.sn-operation-log-filter input,
.sn-operation-log-filter select {
width: 100% !important;
height: 42px !important;
border-radius: 12px !important;
text-align: center !important;
}
.sn-operation-log-filter button {
height: 42px !important;
border-radius: 12px !important;
background: #111 !important;
color: #fff !important;
}
.sn-operation-log-table {
table-layout: fixed !important;
min-width: 980px !important;
}
.sn-operation-log-table th,
.sn-operation-log-table td {
text-align: center !important;
vertical-align: middle !important;
}
.sn-operation-log-table th:nth-child(1),
.sn-operation-log-table td:nth-child(1) {
width: 140px !important;
}
.sn-operation-log-table th:nth-child(2),
.sn-operation-log-table td:nth-child(2) {
width: 120px !important;
}
.sn-operation-log-table th:nth-child(3),
.sn-operation-log-table td:nth-child(3) {
width: 170px !important;
}
.sn-operation-log-table th:nth-child(4),
.sn-operation-log-table td:nth-child(4) {
width: 150px !important;
}
.sn-operation-log-table th:nth-child(5),
.sn-operation-log-table td:nth-child(5) {
width: auto !important;
white-space: nowrap !important;
}
.sn-operation-log-table th:nth-child(6),
.sn-operation-log-table td:nth-child(6) {
width: 140px !important;
}
.sn-operation-log-table td.sn-log-ellipsis {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.sn-operation-log-empty {
height: 96px !important;
color: #777 !important;
font-weight: 800 !important;
}
@media (max-width: 1100px) {
.sn-operation-log-filter {
grid-template-columns: 1fr 1fr !important;
}
.sn-operation-log-filter .wide,
.sn-operation-log-filter button {
grid-column: 1 / -1 !important;
}
}
/* ===== 账户中心：操作日志右侧抽屉 ===== */
.sn-operation-log-drawer-open {
overflow: hidden !important;
}
.sn-operation-log-drawer-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 999999 !important;
background: rgba(0,0,0,.35) !important;
opacity: 0;
pointer-events: none;
transition: opacity .18s ease;
}
.sn-operation-log-drawer-overlay.open {
opacity: 1;
pointer-events: auto;
}
.sn-operation-log-drawer-overlay.closing {
opacity: 0;
}
.sn-operation-log-drawer {
position: absolute !important;
top: 0 !important;
right: 0 !important;
width: 76vw !important;
max-width: 1420px !important;
min-width: 920px !important;
height: 100vh !important;
padding: 24px !important;
background: #fff !important;
border-radius: 22px 0 0 22px !important;
box-shadow: -14px 0 40px rgba(0,0,0,.16) !important;
overflow: hidden !important;
transform: translateX(24px);
transition: transform .18s ease;
display: grid !important;
grid-template-rows: auto auto minmax(0, 1fr) !important;
gap: 18px !important;
}
.sn-operation-log-drawer-overlay.open .sn-operation-log-drawer {
transform: translateX(0);
}
.sn-operation-log-drawer-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
padding-bottom: 14px !important;
border-bottom: 1px solid #ececec !important;
}
.sn-operation-log-drawer-head h2 {
margin: 0 0 6px !important;
color: #111 !important;
font-size: 24px !important;
font-weight: 950 !important;
}
.sn-operation-log-drawer-head p {
margin: 0 !important;
color: #777 !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.sn-operation-log-close {
height: 38px !important;
padding: 0 18px !important;
border-radius: 12px !important;
border: 1px solid #d8d8d8 !important;
background: #fff !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 900 !important;
}
.sn-operation-log-drawer-filter {
display: grid !important;
grid-template-columns: 180px 220px minmax(260px, 1fr) 82px 82px !important;
gap: 14px !important;
align-items: end !important;
}
.sn-operation-log-drawer-filter label {
display: grid !important;
gap: 8px !important;
font-weight: 900 !important;
}
.sn-operation-log-drawer-filter label span {
color: #111 !important;
font-size: 13px !important;
font-weight: 900 !important;
}
.sn-operation-log-drawer-filter input,
.sn-operation-log-drawer-filter select {
width: 100% !important;
height: 40px !important;
border-radius: 12px !important;
text-align: center !important;
}
.sn-operation-log-drawer-filter button {
height: 40px !important;
padding: 0 12px !important;
border-radius: 12px !important;
font-size: 13px !important;
font-weight: 900 !important;
}
.sn-operation-log-drawer-filter button[type="submit"] {
background: #111 !important;
color: #fff !important;
}
.sn-operation-log-drawer-body {
min-height: 0 !important;
overflow: auto !important;
border: 1px solid #e6e6e6 !important;
border-radius: 18px !important;
background: #fff !important;
}
.sn-operation-log-drawer-table {
width: 100% !important;
min-width: 1040px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
table-layout: fixed !important;
}
.sn-operation-log-drawer-table th,
.sn-operation-log-drawer-table td {
min-height: 56px !important;
padding: 12px 10px !important;
border-right: 1px solid #e6e6e6 !important;
border-bottom: 1px solid #e6e6e6 !important;
text-align: center !important;
vertical-align: middle !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 750 !important;
}
.sn-operation-log-drawer-table th {
position: sticky !important;
top: 0 !important;
z-index: 1 !important;
height: 52px !important;
background: #f3f3f3 !important;
font-weight: 950 !important;
}
.sn-operation-log-drawer-table th:nth-child(1),
.sn-operation-log-drawer-table td:nth-child(1) {
width: 140px !important;
}
.sn-operation-log-drawer-table th:nth-child(2),
.sn-operation-log-drawer-table td:nth-child(2) {
width: 110px !important;
}
.sn-operation-log-drawer-table th:nth-child(3),
.sn-operation-log-drawer-table td:nth-child(3) {
width: 168px !important;
}
.sn-operation-log-drawer-table th:nth-child(4),
.sn-operation-log-drawer-table td:nth-child(4) {
width: 140px !important;
}
.sn-operation-log-drawer-table th:nth-child(5),
.sn-operation-log-drawer-table td:nth-child(5) {
width: auto !important;
white-space: nowrap !important;
}
.sn-operation-log-drawer-table th:nth-child(6),
.sn-operation-log-drawer-table td:nth-child(6) {
width: 132px !important;
}
.sn-operation-log-drawer-table td.sn-log-ellipsis {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
@media (max-width: 980px) {
.sn-operation-log-drawer {
width: 100vw !important;
min-width: 0 !important;
border-radius: 0 !important;
}
.sn-operation-log-drawer-filter {
grid-template-columns: 1fr 1fr !important;
}
.sn-operation-log-drawer-filter label:nth-child(3),
.sn-operation-log-drawer-filter button {
grid-column: 1 / -1 !important;
}
}
/* ===== 账户中心：数据库备份右侧抽屉 ===== */
.sn-db-backup-entry-card .sn-account-card-head {
align-items: center !important;
}
.sn-db-backup-drawer-open {
overflow: hidden !important;
}
.sn-db-backup-drawer-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 999999 !important;
background: rgba(0,0,0,.35) !important;
opacity: 0;
pointer-events: none;
transition: opacity .18s ease;
}
.sn-db-backup-drawer-overlay.open {
opacity: 1;
pointer-events: auto;
}
.sn-db-backup-drawer-overlay.closing {
opacity: 0;
}
.sn-db-backup-drawer {
position: absolute !important;
top: 0 !important;
right: 0 !important;
width: 64vw !important;
max-width: 1120px !important;
min-width: 760px !important;
height: 100vh !important;
padding: 24px !important;
background: #fff !important;
border-radius: 22px 0 0 22px !important;
box-shadow: -14px 0 40px rgba(0,0,0,.16) !important;
overflow: hidden !important;
transform: translateX(24px);
transition: transform .18s ease;
display: grid !important;
grid-template-rows: auto auto minmax(0, 1fr) !important;
gap: 18px !important;
}
.sn-db-backup-drawer-overlay.open .sn-db-backup-drawer {
transform: translateX(0);
}
.sn-db-backup-drawer-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
padding-bottom: 14px !important;
border-bottom: 1px solid #ececec !important;
}
.sn-db-backup-drawer-head h2 {
margin: 0 0 6px !important;
color: #111 !important;
font-size: 24px !important;
font-weight: 950 !important;
}
.sn-db-backup-drawer-head p {
margin: 0 !important;
color: #777 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.5 !important;
}
.sn-db-backup-close {
height: 38px !important;
padding: 0 18px !important;
border-radius: 12px !important;
border: 1px solid #d8d8d8 !important;
background: #fff !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 900 !important;
white-space: nowrap !important;
}
.sn-db-backup-toolbar {
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
}
.sn-db-backup-toolbar button {
height: 40px !important;
padding: 0 16px !important;
border-radius: 12px !important;
font-size: 13px !important;
font-weight: 900 !important;
}
.sn-db-backup-toolbar .sn-db-backup-primary {
background: #111 !important;
color: #fff !important;
}
.sn-db-backup-toolbar span {
margin-left: auto !important;
color: #777 !important;
font-size: 13px !important;
font-weight: 800 !important;
}
.sn-db-backup-body {
min-height: 0 !important;
overflow: auto !important;
border: 1px solid #e6e6e6 !important;
border-radius: 18px !important;
background: #fff !important;
}
.sn-db-backup-table {
width: 100% !important;
min-width: 760px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
table-layout: fixed !important;
}
.sn-db-backup-table th,
.sn-db-backup-table td {
min-height: 56px !important;
padding: 12px 10px !important;
border-right: 1px solid #e6e6e6 !important;
border-bottom: 1px solid #e6e6e6 !important;
text-align: center !important;
vertical-align: middle !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 750 !important;
}
.sn-db-backup-table th {
position: sticky !important;
top: 0 !important;
z-index: 1 !important;
height: 52px !important;
background: #f3f3f3 !important;
font-weight: 950 !important;
}
.sn-db-backup-table th:nth-child(1),
.sn-db-backup-table td:nth-child(1) {
width: 160px !important;
}
.sn-db-backup-table th:nth-child(2),
.sn-db-backup-table td:nth-child(2) {
width: auto !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.sn-db-backup-table td.sn-db-backup-filename {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.sn-db-backup-table th:nth-child(3),
.sn-db-backup-table td:nth-child(3) {
width: 120px !important;
}
.sn-db-backup-table th:nth-child(4),
.sn-db-backup-table td:nth-child(4) {
width: 100px !important;
}
.sn-db-backup-download {
height: 34px !important;
padding: 0 14px !important;
border-radius: 10px !important;
background: #111 !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 900 !important;
}
.sn-db-backup-empty {
height: 96px !important;
color: #777 !important;
font-weight: 800 !important;
}
@media (max-width: 900px) {
.sn-db-backup-drawer {
width: 100vw !important;
min-width: 0 !important;
border-radius: 0 !important;
}
.sn-db-backup-toolbar span {
width: 100% !important;
margin-left: 0 !important;
}
}
/* ===== 库存页布局修正：页面工具、筛选、表格横向滚动 ===== */
.inventory-page-tools {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
margin: -6px 0 16px !important;
}
.inventory-page-tools .inventory-movement-open {
height: 42px !important;
padding: 0 18px !important;
border-radius: 12px !important;
border: 1.5px solid #111 !important;
background: #fff !important;
color: #111 !important;
font-weight: 900 !important;
white-space: nowrap !important;
}
.inventory-table-card .sn-card-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
margin-bottom: 16px !important;
}
.inventory-table-card .inventory-title-row {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
min-width: 0 !important;
flex: 1 1 auto !important;
}
.inventory-table-card .inventory-title-row h2 {
margin: 0 !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.inventory-sticky-title-bar {
position: fixed !important;
top: var(--inventory-sticky-title-top, 54px) !important;
left: var(--inventory-sticky-title-left, 300px) !important;
width: var(--inventory-sticky-title-width, calc(100vw - 300px)) !important;
height: 58px !important;
padding: 0 32px !important;
display: flex !important;
align-items: center !important;
background: rgba(255, 255, 255, .72) !important;
border-bottom: 1px solid rgba(255, 255, 255, .42) !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, .055) !important;
backdrop-filter: blur(16px) saturate(150%) !important;
-webkit-backdrop-filter: blur(16px) saturate(150%) !important;
color: #111 !important;
font-size: 21px !important;
font-weight: 800 !important;
line-height: 1 !important;
z-index: 8900 !important;
box-sizing: border-box !important;
opacity: 0 !important;
transform: translateY(-4px) !important;
pointer-events: none !important;
transition: opacity 140ms ease, transform 140ms ease, top 160ms ease !important;
}
.inventory-sticky-title-bar.is-visible {
opacity: 1 !important;
transform: translateY(0) !important;
}
.inventory-sticky-title-text {
display: block !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
@media (max-width: 900px) {
.inventory-sticky-title-bar {
left: 0 !important;
width: 100vw !important;
padding: 0 18px !important;
}
}
.inventory-type-switch-row {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin: -8px 0 12px !important;
}
.inventory-type-switch-row .sn-switch {
flex: 0 0 auto !important;
height: 34px !important;
padding: 3px !important;
gap: 3px !important;
border-radius: 12px !important;
border: 1px solid #dcdcdc !important;
background: #f7f7f7 !important;
box-shadow: none !important;
margin: 0 !important;
}
.inventory-type-switch-row .sn-switch a {
height: 28px !important;
min-width: 76px !important;
padding: 0 12px !important;
border-radius: 9px !important;
background: transparent !important;
color: #333 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
font-weight: 850 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.inventory-type-switch-row .sn-switch a.active {
background: #111 !important;
color: #fff !important;
border-radius: 9px !important;
}
.inventory-type-switch-row .sn-switch a:not(.active):hover {
background: #ececec !important;
}
.inventory-table-card .inventory-head-right {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 10px !important;
margin-left: auto !important;
flex: 0 0 auto !important;
}
.inventory-table-card .inventory-head-right .sn-switch {
flex: 0 0 auto !important;
}
.inventory-table-card .inventory-head-right .sn-switch a {
white-space: nowrap !important;
}
.inventory-filter-row {
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin: 0 0 18px !important;
padding: 12px 14px !important;
border: 1px solid #ececec !important;
border-radius: 14px !important;
background: #fafafa !important;
}
.inventory-filter-label {
color: #666 !important;
font-size: 13px !important;
font-weight: 900 !important;
white-space: nowrap !important;
}
.inventory-filter-actions {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
.inventory-filter-actions a {
height: 34px !important;
padding: 0 14px !important;
border: 1px solid #d8d8d8 !important;
border-radius: 10px !important;
background: #fff !important;
color: #111 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
font-weight: 900 !important;
white-space: nowrap !important;
}
.inventory-filter-actions a.active {
border-color: #111 !important;
background: #111 !important;
color: #fff !important;
}
.inventory-filter-actions a.low-stock-active {
border-color: #c41d1d !important;
background: #c41d1d !important;
color: #fff !important;
}
.inventory-table-card {
overflow: hidden !important;
}
.inventory-table-card .table-scroll {
width: 100% !important;
max-width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
}
.inventory-table-card .inv-real-table {
width: max-content !important;
max-width: none !important;
table-layout: fixed !important;
}
.inventory-table-card .inv-real-table th,
.inventory-table-card .inv-real-table td {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
vertical-align: middle !important;
}
.inventory-table-card .inv-real-table input,
.inventory-table-card .inv-real-table select {
width: calc(100% - 18px) !important;
max-width: none !important;
min-width: 0 !important;
height: 42px !important;
}
.inventory-table-card .inv-real-table select[name="movement_type"] {
min-width: 112px !important;
padding: 0 8px !important;
text-align: center !important;
}
.inventory-table-card .inv-real-table .action-cell,
.inventory-table-card .inv-real-table th:last-child,
.inventory-table-card .inv-real-table td:last-child {
min-width: 100px !important;
}
.inventory-table-card .inv-real-table .small-primary,
.inventory-table-card .inv-real-table .small-danger,
.inventory-table-card .inv-real-table .danger,
.inventory-table-card .inv-real-table .action-cell button {
width: 56px !important;
min-width: 56px !important;
flex: 0 0 56px !important;
}
.inventory-table-card .inv-product-table {
min-width: 1360px !important;
}
.inventory-table-card .inv-product-table .col-product-name {
width: 220px !important;
}
.inventory-table-card .inv-product-table .col-model {
width: 140px !important;
}
.inventory-table-card .inv-product-table .col-color-name {
width: 120px !important;
}
.inventory-table-card .inv-product-table .col-color-chip {
width: 74px !important;
}
.inventory-table-card .inv-product-table .col-size {
width: 82px !important;
}
.inventory-table-card .inv-product-table .col-stock {
width: 140px !important;
}
.inventory-table-card .inv-product-table .col-movement-type {
width: 140px !important;
min-width: 140px !important;
}
.inventory-table-card .inv-product-table .col-action {
width: 110px !important;
min-width: 110px !important;
}
.inventory-table-card .inv-material-table {
min-width: 1140px !important;
}
.inventory-table-card .inv-material-table .col-material-name {
width: 300px !important;
}
.inventory-table-card .inv-material-table .col-color-name {
width: 120px !important;
}
.inventory-table-card .inv-material-table .col-color-chip {
width: 74px !important;
}
.inventory-table-card .inv-material-table .col-unit {
width: 100px !important;
}
.inventory-table-card .inv-material-table .col-stock {
width: 140px !important;
}
.inventory-table-card .inv-material-table .col-movement-type {
width: 140px !important;
min-width: 140px !important;
}
.inventory-table-card .inv-material-table .col-action {
width: 110px !important;
min-width: 110px !important;
}
.inventory-table-card .inv-material-table input[name="name"],
.inventory-table-card .inv-material-table input[name="color_name"],
.inventory-table-card .inv-material-table input[name="unit"],
.inventory-table-card .inv-material-table input[name="stock_qty"],
.inventory-table-card .inv-material-table input[name="safety_stock"] {
width: calc(100% - 18px) !important;
min-width: 0 !important;
max-width: none !important;
}
.inventory-table-card .low-stock-meta {
white-space: nowrap !important;
}
@media (max-width: 900px) {
.inventory-page-tools {
margin-top: 0 !important;
}
.inventory-table-card .sn-card-head {
align-items: flex-start !important;
flex-direction: column !important;
}
.inventory-table-card .inventory-head-right {
width: 100% !important;
justify-content: flex-start !important;
}
.inventory-filter-row {
align-items: flex-start !important;
flex-direction: column !important;
}
}
/* ===== 库存页二次微调：轻量工具按钮、顶栏筛选、去色块后列宽 ===== */
.inventory-page-tools {
margin: -4px 0 12px !important;
}
.inventory-page-tools .inventory-movement-open {
height: 30px !important;
padding: 0 11px !important;
border: 1px dashed #a9c9f8 !important;
border-radius: 8px !important;
background: transparent !important;
color: #1677ff !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1 !important;
box-shadow: none !important;
}
.inventory-page-tools .inventory-movement-open:hover {
background: rgba(22, 119, 255, .06) !important;
border-color: #1677ff !important;
color: #0958d9 !important;
}
.inventory-table-card .sn-card-head {
align-items: center !important;
gap: 16px !important;
}
.inventory-table-card .inventory-head-right {
gap: 12px !important;
flex-wrap: wrap !important;
}
.inventory-table-card .inventory-filter-actions {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
flex-wrap: nowrap !important;
}
.inventory-table-card .inventory-filter-actions a {
height: 30px !important;
padding: 0 11px !important;
border: 1px solid #d8d8d8 !important;
border-radius: 999px !important;
background: #f6f6f6 !important;
color: #666 !important;
font-size: 12px !important;
font-weight: 800 !important;
white-space: nowrap !important;
}
.inventory-table-card .inventory-filter-actions a.active,
.inventory-table-card .inventory-filter-actions a.low-stock-active {
border-color: #cfcfcf !important;
background: #fff !important;
color: #222 !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, .04) !important;
}
.inventory-table-card .inv-real-table {
width: 100% !important;
max-width: 100% !important;
table-layout: fixed !important;
}
.inventory-table-card .inv-product-table {
min-width: 892px !important;
}
.inventory-table-card .inv-material-table {
min-width: 938px !important;
}
.inventory-table-card .inv-product-table .col-product-name {
width: 142px !important;
}
.inventory-table-card .inv-product-table .col-model {
width: 104px !important;
}
.inventory-table-card .inv-product-table .col-color-name {
width: 78px !important;
}
.inventory-table-card .inv-product-table .col-size {
width: 58px !important;
}
.inventory-table-card .inv-product-table .col-stock {
width: 0 !important;
}
.inventory-table-card .inv-product-table .col-movement-type {
width: 128px !important;
min-width: 128px !important;
}
.inventory-table-card .inv-product-table .col-action {
width: 100px !important;
min-width: 100px !important;
}
.inventory-table-card .inv-material-table .col-material-name {
width: 260px !important;
}
.inventory-table-card .inv-material-table .col-color-name {
width: 120px !important;
}
.inventory-table-card .inv-material-table .col-unit {
width: 90px !important;
}
.inventory-table-card .inv-material-table .col-stock {
width: 120px !important;
}
.inventory-table-card .inv-material-table .col-movement-type {
width: 128px !important;
min-width: 128px !important;
}
.inventory-table-card .inv-material-table .col-action {
width: 100px !important;
min-width: 100px !important;
}
.inventory-table-card .inv-real-table th,
.inventory-table-card .inv-real-table td {
white-space: nowrap !important;
}
.inventory-table-card .inv-real-table input,
.inventory-table-card .inv-real-table select {
height: 42px !important;
}
.inventory-table-card .inv-real-table select[name="movement_type"] {
width: calc(100% - 12px) !important;
min-width: 110px !important;
}
.inventory-table-card .inv-real-table .small-primary,
.inventory-table-card .inv-real-table .small-danger,
.inventory-table-card .inv-real-table .danger,
.inventory-table-card .inv-real-table .action-cell button {
width: 56px !important;
min-width: 56px !important;
}
@media (max-width: 1180px) {
.inventory-table-card .inv-product-table,
.inventory-table-card .inv-material-table {
max-width: none !important;
}
}
/* ===== 库存页第三次微调：筛选回到表格前，抽屉避开顶部遮挡 ===== */
.inventory-table-card .inventory-head-right {
gap: 10px !important;
}
.inventory-table-card .inventory-filter-row {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
margin: -2px 0 14px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
.inventory-table-card .inventory-filter-row .inventory-page-tools {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 0 !important;
}
.inventory-table-card .inventory-filter-actions {
display: inline-flex !important;
align-items: center !important;
gap: 0 !important;
flex-wrap: nowrap !important;
border: 1px solid #d8d8d8 !important;
border-radius: 999px !important;
background: #f5f5f5 !important;
overflow: hidden !important;
}
.inventory-table-card .inventory-filter-actions a {
height: 30px !important;
padding: 0 13px !important;
border: 0 !important;
border-right: 1px solid #d8d8d8 !important;
border-radius: 0 !important;
background: #f5f5f5 !important;
color: #666 !important;
font-size: 12px !important;
font-weight: 800 !important;
box-shadow: none !important;
}
.inventory-table-card .inventory-filter-actions a:last-child {
border-right: 0 !important;
}
.inventory-table-card .inventory-filter-actions a.active,
.inventory-table-card .inventory-filter-actions a.low-stock-active {
background: #fff !important;
color: #222 !important;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .04) !important;
}
.inventory-movement-drawer-overlay {
z-index: 1000000 !important;
}
.inventory-movement-drawer {
top: 0 !important;
bottom: auto !important;
height: 100vh !important;
height: 100dvh !important;
z-index: 1000001 !important;
padding-top: 32px !important;
}
/* ===== 本轮修复：一级菜单去掉行内操作列，低库存筛选改为 button ===== */
.settings-menu-table .settings-table-head,
.settings-menu-table .settings-table-row,
.settings-split-table .settings-table-head,
.settings-split-table .settings-table-row,
.settings-drag-sort-table-fixed .settings-table-head,
.settings-drag-sort-table-fixed .settings-table-row,
.settings-drag-sort-table .settings-table-head,
.settings-drag-sort-table .settings-table-row {
grid-template-columns:
1.4fr
1.4fr
.9fr
.75fr
86px
.85fr
1fr
58px
!important;
}
.settings-row-actions {
display: none !important;
}
.inventory-table-card .inventory-filter-actions button {
height: 30px !important;
padding: 0 13px !important;
border: 0 !important;
border-right: 1px solid #d8d8d8 !important;
border-radius: 0 !important;
background: #f5f5f5 !important;
color: #666 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
box-shadow: none !important;
}
.inventory-table-card .inventory-filter-actions button:last-child {
border-right: 0 !important;
}
.inventory-table-card .inventory-filter-actions button.active,
.inventory-table-card .inventory-filter-actions button.low-stock-active {
background: #fff !important;
color: #222 !important;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .04) !important;
}
.inventory-table-card .inventory-section-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
margin: 0 0 12px !important;
position: relative !important;
}
.inventory-table-card .inventory-section-head .section-label {
margin: 0 !important;
}
.inventory-column-settings {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 20 !important;
}
.inventory-column-settings-toggle {
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 7px !important;
background: transparent !important;
color: #222 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
}
.inventory-column-settings-toggle:hover {
background: #f5f5f5 !important;
}
.inventory-column-settings-toggle svg {
width: 16px !important;
height: 16px !important;
fill: currentColor !important;
display: block !important;
}
.inventory-column-settings-panel {
position: fixed !important;
display: block !important;
top: auto !important;
right: auto !important;
width: 220px !important;
max-height: 70vh !important;
padding: 12px !important;
border: 1px solid #e5e5e5 !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: 0 16px 40px rgba(0, 0, 0, .12) !important;
overflow: auto !important;
z-index: 1000002 !important;
opacity: 0 !important;
pointer-events: none !important;
transform: scale(.95) !important;
transform-origin: top right !important;
transition: opacity 120ms ease, transform 120ms ease !important;
}
.inventory-column-settings-panel.is-open {
opacity: 1 !important;
pointer-events: auto !important;
transform: scale(1) !important;
}
.inventory-column-settings-panel.is-above {
transform-origin: bottom right !important;
}
.inventory-column-settings-panel[hidden] {
display: none !important;
}
.inventory-column-settings-title {
display: block !important;
margin: 0 0 10px !important;
color: #666 !important;
font-size: 12px !important;
font-weight: 900 !important;
}
.inventory-column-list {
display: grid !important;
gap: 8px !important;
}
.inventory-column-option {
min-height: 34px !important;
display: grid !important;
grid-template-columns: 20px 20px 1fr !important;
align-items: center !important;
gap: 8px !important;
padding: 7px 8px !important;
border: 1px solid #eee !important;
border-radius: 10px !important;
background: #fff !important;
color: #222 !important;
font-size: 13px !important;
font-weight: 800 !important;
cursor: grab !important;
}
.inventory-column-option.dragging {
opacity: .55 !important;
}
.inventory-column-option.is-fixed {
cursor: default !important;
background: #fafafa !important;
}
.inventory-column-drag {
color: #aaa !important;
font-size: 14px !important;
line-height: 1 !important;
text-align: center !important;
}
.inventory-column-option input {
width: 16px !important;
height: 16px !important;
margin: 0 !important;
padding: 0 !important;
accent-color: #111 !important;
}
.inventory-table-card .inventory-new-product-stock-table {
width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
}
.inventory-table-card .inv-add-section .table-scroll {
overflow: visible !important;
}
.inventory-table-card .inventory-new-product-stock-table th,
.inventory-table-card .inventory-new-product-stock-table td {
text-align: center !important;
}
.inventory-table-card .inventory-new-product-stock-table th[data-inventory-col="action"] {
position: relative !important;
white-space: nowrap !important;
}
.inventory-table-card .inventory-action-head-label {
display: inline-flex !important;
align-items: center !important;
vertical-align: middle !important;
}
.inventory-table-card .inventory-new-product-stock-table th[data-inventory-col="action"] .inventory-column-settings {
margin-left: 4px !important;
vertical-align: middle !important;
}
.inventory-table-card .inventory-new-product-stock-table [data-inventory-col][hidden] {
display: none !important;
}
.inventory-table-card .inv-product-table [data-inventory-col][hidden] {
display: none !important;
}
/* 库存详情页产品库存表：商品信息已在详情标题展示，表格只保留 SKU 库存字段 */
.inventory-table-card .inv-product-table {
min-width: 720px !important;
}
.inventory-table-card .inv-product-table .col-color-name {
width: 110px !important;
min-width: 110px !important;
max-width: 110px !important;
}
.inventory-table-card .inv-product-table .col-size {
width: 68px !important;
min-width: 58px !important;
}
.inventory-table-card .inv-product-table .col-movement-type {
width: 132px !important;
min-width: 132px !important;
}
.inventory-table-card .inv-product-table .col-action {
width: 116px !important;
min-width: 116px !important;
max-width: 116px !important;
}
.inventory-table-card .inv-product-table th[data-inventory-col="color_name"],
.inventory-table-card .inv-product-table td[data-inventory-col="color_name"] {
width: 110px !important;
min-width: 110px !important;
max-width: 110px !important;
}
.inventory-table-card .inventory-new-product-stock-table th[data-inventory-col="action"],
.inventory-table-card .inventory-new-product-stock-table td[data-inventory-col="action"] {
width: 116px !important;
min-width: 116px !important;
max-width: 116px !important;
}
.inventory-table-card .inv-product-table td:first-child input,
.inventory-table-card .inv-product-table td[data-inventory-col="color_name"] input {
min-width: 0 !important;
text-align: center !important;
}
.inventory-table-card .inv-product-table input[name="color_name"] {
max-width: 100% !important;
min-width: 0 !important;
text-align: center !important;
}
.inventory-color-head {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
}
.inventory-color-edit-toggle {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 6px !important;
background: transparent !important;
color: #333 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
cursor: pointer !important;
}
.inventory-color-edit-toggle svg {
width: 14px !important;
height: 14px !important;
display: block !important;
fill: currentColor !important;
stroke: none !important;
}
.inventory-color-edit-toggle:hover,
.inventory-table-card.is-local-color-editing [data-local-color-edit-toggle],
.inventory-size-edit-toggle.is-active {
background: rgba(0, 0, 0, .06) !important;
color: #111 !important;
}
.inventory-table-card:not(.is-local-color-editing) .inventory-local-stock-view input[data-local-color-input] {
width: 100% !important;
height: auto !important;
max-width: 100% !important;
min-height: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #111 !important;
font: inherit !important;
font-size: 13px !important;
line-height: 1.2 !important;
text-align: center !important;
appearance: none !important;
pointer-events: none !important;
caret-color: transparent !important;
cursor: default !important;
}
.inventory-table-card.is-local-color-editing .inventory-local-stock-view input[data-local-color-input] {
height: 42px !important;
padding: 0 10px !important;
border: 1px solid #d8d8d8 !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: none !important;
color: #111 !important;
font-size: 15px !important;
line-height: normal !important;
text-align: center !important;
appearance: auto !important;
pointer-events: auto !important;
caret-color: auto !important;
}
.inventory-table-card .inventory-local-stock-view input[data-local-size-input][readonly] {
width: 100% !important;
height: auto !important;
max-width: 100% !important;
min-height: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #111 !important;
font-size: 15px !important;
line-height: 1.2 !important;
text-align: center !important;
appearance: textfield !important;
pointer-events: none !important;
caret-color: transparent !important;
cursor: default !important;
}
.inventory-table-card .inventory-local-stock-view input[data-local-size-input][readonly]::-webkit-outer-spin-button,
.inventory-table-card .inventory-local-stock-view input[data-local-size-input][readonly]::-webkit-inner-spin-button {
appearance: none !important;
margin: 0 !important;
}
.inventory-table-card .inventory-local-stock-view input[data-local-size-input]:not([readonly]) {
height: 42px !important;
padding: 0 10px !important;
border: 1px solid #d8d8d8 !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: none !important;
color: #111 !important;
font-size: 15px !important;
line-height: normal !important;
text-align: center !important;
appearance: auto !important;
pointer-events: auto !important;
caret-color: auto !important;
}
.inventory-add-action-cell {
padding-left: 2px !important;
padding-right: 2px !important;
white-space: nowrap !important;
}
.inventory-table-card .inv-add-section .new-stock-row-action-btn,
.inventory-table-card .inv-add-section.add-invalid .new-stock-row-action-btn.is-disabled,
.inventory-table-card .inv-add-section.add-ready .new-stock-row-action-btn.is-ready,
.inventory-table-card .inv-add-section.inventory-add-empty .new-stock-row-action-btn.is-disabled,
.inventory-table-card .inv-add-section.inventory-add-ready .new-stock-row-action-btn.is-ready,
.inventory-table-card .inv-add-section .new-stock-row-action-btn:disabled {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
min-height: 34px !important;
padding: 0 !important;
border-radius: 10px !important;
border: 1px solid #d6d6d6 !important;
background: #fff !important;
color: #111 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 18px !important;
font-weight: 850 !important;
line-height: 1 !important;
vertical-align: middle !important;
cursor: pointer !important;
opacity: 1 !important;
box-shadow: none !important;
flex: 0 0 34px !important;
}
.inventory-table-card .inv-add-section .new-stock-row-action-btn + .new-stock-row-action-btn {
margin-left: 4px !important;
}
.inventory-table-card .inv-add-section .new-stock-row-action-btn:hover {
background: #f5f5f5 !important;
border-color: #c8c8c8 !important;
}
.inventory-table-card .inv-add-section .new-stock-row-action-btn.is-loading,
.inventory-table-card .inv-add-section .new-stock-row-action-btn[aria-busy="true"] {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
min-height: 34px !important;
padding: 0 !important;
font-size: 20px !important;
letter-spacing: 0 !important;
overflow: hidden !important;
}
.inventory-table-card .inv-add-section .new-stock-row-action-btn.is-delete-mode-active {
background: #e5484d !important;
border-color: #e5484d !important;
color: #fff !important;
}
.inventory-table-card .inv-add-section .new-stock-row-action-btn.is-delete-mode-active:hover {
background: #d93d42 !important;
border-color: #d93d42 !important;
color: #fff !important;
}
.inventory-table-card tr[data-inventory-saved-row] {
cursor: default !important;
transition: background-color 120ms ease, box-shadow 120ms ease !important;
}
.inventory-table-card.is-saved-delete-mode tr[data-inventory-saved-row] {
cursor: pointer !important;
}
.inventory-table-card.is-saved-delete-mode tr[data-inventory-saved-row]:hover td {
background: #f8fbff !important;
}
.inventory-table-card tr[data-inventory-saved-row].is-selected-for-delete td {
background: #f2f7ff !important;
box-shadow: inset 0 1px 0 #9ec5ff, inset 0 -1px 0 #9ec5ff !important;
}
.inventory-table-card tr[data-inventory-saved-row].is-selected-for-delete td:first-child {
box-shadow: inset 1px 0 0 #9ec5ff, inset 0 1px 0 #9ec5ff, inset 0 -1px 0 #9ec5ff !important;
}
.inventory-table-card tr[data-inventory-saved-row].is-selected-for-delete td:last-child {
box-shadow: inset -1px 0 0 #9ec5ff, inset 0 1px 0 #9ec5ff, inset 0 -1px 0 #9ec5ff !important;
}
.inventory-local-notice {
display: inline-flex !important;
align-items: center !important;
min-height: 28px !important;
margin: -2px 0 10px !important;
padding: 0 12px !important;
border: 1px solid rgba(0, 0, 0, .08) !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, .92) !important;
color: #333 !important;
font-size: 12px !important;
font-weight: 800 !important;
opacity: 0 !important;
transform: translateY(-4px) !important;
pointer-events: none !important;
transition: opacity 140ms ease, transform 140ms ease !important;
}
.inventory-local-notice.is-visible {
opacity: 1 !important;
transform: translateY(0) !important;
}
.new-stock-delete-modal {
position: fixed !important;
inset: 0 !important;
z-index: 1000005 !important;
display: grid !important;
place-items: center !important;
padding: 24px !important;
opacity: 0 !important;
pointer-events: none !important;
transition: opacity 140ms ease !important;
}
.new-stock-delete-modal.is-open {
opacity: 1 !important;
pointer-events: auto !important;
}
.new-stock-delete-modal[hidden] {
display: none !important;
}
.new-stock-delete-modal__shade {
position: absolute !important;
inset: 0 !important;
background: rgba(0, 0, 0, .28) !important;
}
.new-stock-delete-modal__card {
position: relative !important;
width: min(420px, calc(100vw - 48px)) !important;
border-radius: 22px !important;
background: #fff !important;
border: 1px solid rgba(0, 0, 0, .08) !important;
box-shadow: 0 22px 60px rgba(0, 0, 0, .18) !important;
padding: 24px !important;
transform: scale(.96) !important;
transition: transform 140ms ease !important;
}
.new-stock-delete-modal.is-open .new-stock-delete-modal__card {
transform: scale(1) !important;
}
.new-stock-delete-modal__card h3 {
margin: 0 0 10px !important;
color: #111 !important;
font-size: 20px !important;
font-weight: 950 !important;
}
.new-stock-delete-modal__card p {
margin: 0 0 14px !important;
color: #666 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.5 !important;
}
.new-stock-delete-modal__detail {
display: grid !important;
gap: 8px !important;
margin: 0 0 20px !important;
padding: 14px !important;
border-radius: 14px !important;
background: #f7f7f7 !important;
color: #333 !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.new-stock-delete-modal__detail strong {
color: #111 !important;
font-weight: 900 !important;
}
.new-stock-delete-modal__actions {
display: flex !important;
justify-content: flex-end !important;
gap: 10px !important;
}
.new-stock-delete-modal__actions button {
height: 38px !important;
padding: 0 16px !important;
border-radius: 12px !important;
font-size: 14px !important;
font-weight: 900 !important;
}
.new-stock-delete-modal__cancel {
background: #fff !important;
border: 1px solid #d8d8d8 !important;
color: #111 !important;
}
.new-stock-delete-modal__confirm {
background: #e5484d !important;
border: 1px solid #e5484d !important;
color: #fff !important;
}
.inventory-table-card .inventory-saved-head {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
margin: 0 0 20px !important;
}
.inventory-table-card .inventory-saved-head .section-label {
margin: 0 !important;
}
.inventory-table-card .inventory-stock-view-actions {
display: inline-flex !important;
align-items: center !important;
gap: 0 !important;
flex-wrap: nowrap !important;
border: 1px solid #d8d8d8 !important;
border-radius: 999px !important;
background: #f5f5f5 !important;
overflow: hidden !important;
}
.inventory-table-card .inventory-stock-view-actions[hidden] {
display: none !important;
}
.inventory-table-card .inventory-stock-view-actions button {
height: 30px !important;
padding: 0 13px !important;
border: 0 !important;
border-right: 1px solid #d8d8d8 !important;
border-radius: 0 !important;
background: #f5f5f5 !important;
color: #666 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
box-shadow: none !important;
cursor: pointer !important;
}
.inventory-table-card .inventory-stock-view-actions button:last-child {
border-right: 0 !important;
}
.inventory-table-card .inventory-stock-view-actions button.active {
background: #fff !important;
color: #222 !important;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .04) !important;
}
.inventory-table-card .inventory-title-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
width: 100% !important;
min-width: 0 !important;
}
.inventory-title-main {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
min-width: 0 !important;
}
.inventory-title-main .inventory-detail-title {
margin: 0 !important;
min-width: 0 !important;
}
.inventory-title-main .inventory-import-ocr-btn {
flex: 0 0 auto !important;
margin: 2px 0 0 0 !important;
}
.inventory-kuaimai-actions {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
margin-left: auto !important;
flex: 0 0 auto !important;
}
.inventory-kuaimai-btn,
.inventory-kuaimai-actions .inventory-kuaimai-btn {
height: 30px !important;
padding: 0 8px !important;
border: 0 !important;
border-radius: 8px !important;
background: transparent !important;
color: #111 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1 !important;
white-space: nowrap !important;
box-shadow: none !important;
}
.inventory-kuaimai-icon {
display: block !important;
}
.inventory-kuaimai-icon-bind {
width: 21px !important;
height: 21px !important;
flex: 0 0 21px !important;
}
.inventory-kuaimai-icon-sync {
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
}
.inventory-kuaimai-btn span {
font-weight: 400 !important;
}
.inventory-kuaimai-btn:hover {
background: rgba(22, 119, 255, .06) !important;
color: #0958d9 !important;
}
.inventory-kuaimai-btn.is-disabled,
.inventory-kuaimai-btn:disabled {
opacity: .45 !important;
cursor: not-allowed !important;
}
.inventory-view-toggle {
margin-left: auto !important;
display: inline-flex !important;
border: 1px solid #d8d8d8 !important;
border-radius: 999px !important;
background: #f5f5f5 !important;
overflow: hidden !important;
}
.inventory-view-control-group {
margin-left: auto !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
flex: 0 0 auto !important;
}
.inventory-view-control-group .inventory-view-toggle {
margin-left: 0 !important;
}
.inventory-kuaimai-import-local-btn {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
padding: 0 !important;
margin-left: 2px !important;
border: 0 !important;
border-radius: 8px !important;
background: transparent !important;
color: #222 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
flex: 0 0 30px !important;
}
.inventory-kuaimai-import-local-btn svg {
width: 18px !important;
height: 18px !important;
display: block !important;
fill: currentColor !important;
}
.inventory-kuaimai-import-local-btn:hover {
background: rgba(0,0,0,.06) !important;
color: #111 !important;
}
.inventory-kuaimai-import-local-btn[hidden] {
display: none !important;
}
.kuaimai-import-local-modal {
position: fixed !important;
inset: 0 !important;
z-index: 10020 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
opacity: 0 !important;
pointer-events: none !important;
transition: opacity .14s ease !important;
}
.kuaimai-import-local-modal.is-open {
opacity: 1 !important;
pointer-events: auto !important;
}
.kuaimai-import-local-modal[hidden] {
display: none !important;
}
.kuaimai-import-local-modal__shade {
position: absolute !important;
inset: 0 !important;
background: rgba(0,0,0,.28) !important;
}
.kuaimai-import-local-modal__card {
position: relative !important;
width: min(480px, calc(100vw - 40px)) !important;
padding: 28px !important;
border-radius: 18px !important;
background: #fff !important;
box-shadow: 0 22px 60px rgba(0,0,0,.18) !important;
transform: translateY(8px) scale(.98) !important;
transition: transform .14s ease !important;
}
.kuaimai-import-local-modal.is-open .kuaimai-import-local-modal__card {
transform: translateY(0) scale(1) !important;
}
.kuaimai-import-local-modal__card h3 {
margin: 0 0 14px !important;
color: #111 !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
}
.kuaimai-import-local-modal__card p {
margin: 8px 0 0 !important;
color: #555 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.7 !important;
}
.kuaimai-import-local-modal__actions {
display: flex !important;
justify-content: flex-end !important;
gap: 10px !important;
margin-top: 24px !important;
}
.kuaimai-import-local-modal__actions button {
height: 36px !important;
padding: 0 16px !important;
border-radius: 10px !important;
font-size: 13px !important;
font-weight: 500 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.kuaimai-import-local-modal__cancel {
border: 1px solid #d8d8d8 !important;
background: #fff !important;
color: #222 !important;
}
.kuaimai-import-local-modal__confirm {
border: 1px solid #111 !important;
background: #111 !important;
color: #fff !important;
}
.kuaimai-import-local-modal__confirm:disabled {
opacity: .58 !important;
cursor: wait !important;
}
.kuaimai-global-sync-modal {
position: fixed !important;
inset: 0 !important;
z-index: 10020 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
opacity: 0 !important;
pointer-events: none !important;
transition: opacity .14s ease !important;
}
.kuaimai-global-sync-modal.is-open {
opacity: 1 !important;
pointer-events: auto !important;
}
.kuaimai-global-sync-modal[hidden] {
display: none !important;
}
.kuaimai-global-sync-modal__shade {
position: absolute !important;
inset: 0 !important;
background: rgba(0,0,0,.28) !important;
}
.kuaimai-global-sync-modal__card {
position: relative !important;
width: min(480px, calc(100vw - 40px)) !important;
padding: 28px !important;
border-radius: 18px !important;
background: #fff !important;
box-shadow: 0 22px 60px rgba(0,0,0,.18) !important;
transform: translateY(8px) scale(.98) !important;
transition: transform .14s ease !important;
}
.kuaimai-global-sync-modal.is-open .kuaimai-global-sync-modal__card {
transform: translateY(0) scale(1) !important;
}
.kuaimai-global-sync-modal__card h3 {
margin: 0 0 14px !important;
color: #111 !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
}
.kuaimai-global-sync-modal__card p {
margin: 8px 0 0 !important;
color: #555 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.7 !important;
}
.kuaimai-global-sync-modal__actions {
display: flex !important;
justify-content: flex-end !important;
gap: 10px !important;
margin-top: 24px !important;
}
.kuaimai-global-sync-modal__actions button {
height: 36px !important;
padding: 0 16px !important;
border-radius: 10px !important;
font-size: 13px !important;
font-weight: 500 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.kuaimai-global-sync-modal__cancel {
border: 1px solid #d8d8d8 !important;
background: #fff !important;
color: #222 !important;
}
.kuaimai-global-sync-modal__confirm {
border: 1px solid #111 !important;
background: #111 !important;
color: #fff !important;
}
.kuaimai-global-sync-modal__confirm:disabled {
opacity: .58 !important;
cursor: wait !important;
}
.inventory-view-toggle button {
height: 30px !important;
padding: 0 13px !important;
border: 0 !important;
border-right: 1px solid #d8d8d8 !important;
border-radius: 0 !important;
background: #f5f5f5 !important;
color: #666 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
box-shadow: none !important;
}
.inventory-view-toggle button:last-child {
border-right: 0 !important;
}
.inventory-view-toggle button.active {
background: #fff !important;
color: #222 !important;
}
.inventory-kuaimai-summary {
display: inline-flex !important;
align-items: center !important;
min-height: 30px !important;
padding: 0 12px !important;
border-radius: 999px !important;
background: #f7f7f7 !important;
color: #555 !important;
font-size: 12px !important;
font-weight: 400 !important;
white-space: nowrap !important;
}
.inventory-kuaimai-stock-view[hidden],
.inventory-local-stock-view[hidden],
.inventory-kuaimai-stock-modes[hidden] {
display: none !important;
}
.inventory-kuaimai-table {
width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
}
.inventory-kuaimai-table .kuaimai-view-col-color {
width: 82px !important;
min-width: 82px !important;
max-width: 82px !important;
}
.inventory-kuaimai-table col.col-size {
width: calc((100% - 82px) / 5) !important;
}
.inventory-kuaimai-table th:first-child,
.inventory-kuaimai-table td:first-child {
width: 82px !important;
min-width: 82px !important;
max-width: 82px !important;
}
.inventory-kuaimai-table th:not(:first-child),
.inventory-kuaimai-table td:not(:first-child) {
width: calc((100% - 82px) / 5) !important;
}
.kuaimai-readonly-cell {
width: 100% !important;
min-height: 58px !important;
box-sizing: border-box !important;
border-radius: 12px !important;
background: #f8f8f8 !important;
color: #111 !important;
display: inline-flex !important;
flex-direction: column !important;
gap: 3px !important;
align-items: center !important;
justify-content: center !important;
padding: 6px 8px !important;
line-height: 1.2 !important;
font-size: 13px !important;
font-weight: 400 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: hidden !important;
}
.kuaimai-readonly-cell.is-unbound {
color: #777 !important;
background: #f2f2f2 !important;
}
.kuaimai-readonly-cell.is-muted {
color: #9a9a9a !important;
background: #f7f7f7 !important;
}
.kuaimai-readonly-cell.is-sync-failed {
color: #9b4b00 !important;
background: #fff4e5 !important;
}
.kuaimai-color-cell {
background: #fff !important;
min-height: 38px !important;
flex-direction: row !important;
padding: 0 8px !important;
color: #111 !important;
font-size: 13px !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
}
.kuaimai-cell-main,
.kuaimai-cell-local,
.kuaimai-cell-diff {
display: block !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-weight: 400 !important;
}
.kuaimai-cell-main {
color: #111 !important;
font-size: 13px !important;
}
.kuaimai-readonly-cell.is-unbound .kuaimai-cell-main,
.kuaimai-readonly-cell.is-muted .kuaimai-cell-main {
color: #777 !important;
}
.kuaimai-readonly-cell.is-sync-failed .kuaimai-cell-main {
color: #9b4b00 !important;
}
.kuaimai-cell-local {
color: #777 !important;
font-size: 12px !important;
}
.kuaimai-cell-diff {
color: #8a8a8a !important;
font-size: 12px !important;
}
.kuaimai-cell-diff.is-positive {
color: #3d7a4d !important;
}
.kuaimai-cell-diff.is-negative {
color: #9a5a3a !important;
}
.kuaimai-binding-page {
display: grid !important;
gap: 18px !important;
}
.kuaimai-binding-head {
background: #111 !important;
color: #fff !important;
border-radius: 24px !important;
padding: 28px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
}
.kuaimai-binding-head p {
margin: 0 0 8px !important;
color: #aaa !important;
letter-spacing: .14em !important;
font-size: 12px !important;
font-weight: 900 !important;
}
.kuaimai-binding-head h1 {
margin: 0 0 8px !important;
font-size: 30px !important;
font-weight: 950 !important;
}
.kuaimai-binding-head span {
color: #ccc !important;
font-weight: 800 !important;
}
.kuaimai-back-btn,
.kuaimai-outline-btn,
.kuaimai-save-bind-btn {
height: 38px !important;
padding: 0 14px !important;
border-radius: 12px !important;
border: 1px solid #d8d8d8 !important;
background: #fff !important;
color: #111 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
.kuaimai-binding-tools {
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
}
.kuaimai-binding-summary {
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.kuaimai-binding-summary span {
min-height: 30px !important;
display: inline-flex !important;
align-items: center !important;
border-radius: 999px !important;
background: #f6f6f6 !important;
padding: 0 12px !important;
color: #555 !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1 !important;
}
.kuaimai-binding-summary b {
color: #111 !important;
margin-left: 4px !important;
font-weight: 400 !important;
}
.kuaimai-binding-tools p {
flex-basis: 100% !important;
margin: 2px 0 0 !important;
color: #666 !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
}
.kuaimai-binding-tools p,
.kuaimai-binding-tools p * {
font-weight: 400 !important;
}
.kuaimai-binding-tools .kuaimai-auto-match-note,
.kuaimai-binding-tools .kuaimai-auto-match-note * {
font-weight: 400 !important;
}
.kuaimai-binding-title-row {
display: flex !important;
align-items: center !important;
gap: 14px !important;
flex-wrap: wrap !important;
margin-bottom: 8px !important;
}
.kuaimai-binding-title-row h2 {
margin: 0 !important;
flex: 0 0 auto !important;
}
.kuaimai-auto-match-btn {
height: 30px !important;
min-width: 0 !important;
padding: 0 8px !important;
border: 0 !important;
border-radius: 8px !important;
background: transparent !important;
color: #222 !important;
font-size: 13px !important;
font-weight: 400 !important;
box-shadow: none !important;
}
.kuaimai-auto-match-btn:hover {
background: #f5f5f5 !important;
color: #0958d9 !important;
}
.kuaimai-binding-table-wrap {
max-height: min(680px, calc(100dvh - 220px)) !important;
overflow: auto !important;
background: #fff !important;
border: 1px solid #e6e6e6 !important;
border-radius: 20px !important;
}
.kuaimai-binding-table {
width: 100% !important;
min-width: 1260px !important;
table-layout: fixed !important;
border-collapse: collapse !important;
}
.kuaimai-binding-table .kuaimai-binding-col-color {
width: 160px !important;
min-width: 160px !important;
max-width: 160px !important;
}
.kuaimai-binding-table .kuaimai-binding-col-size {
width: 60px !important;
}
.kuaimai-binding-table .kuaimai-binding-col-stock {
width: 82px !important;
}
.kuaimai-binding-table .kuaimai-binding-col-status {
width: 96px !important;
}
.kuaimai-binding-table th,
.kuaimai-binding-table td {
border-right: 1px solid #e8e8e8 !important;
border-bottom: 1px solid #e8e8e8 !important;
padding: 10px !important;
text-align: center !important;
vertical-align: middle !important;
font-size: 13px !important;
font-weight: 800 !important;
}
.kuaimai-binding-table th:nth-child(1),
.kuaimai-binding-table td:nth-child(1),
.kuaimai-binding-table th:nth-child(2),
.kuaimai-binding-table td:nth-child(2),
.kuaimai-binding-table th:nth-child(3),
.kuaimai-binding-table td:nth-child(3) {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.kuaimai-binding-table th {
position: sticky !important;
top: 0 !important;
z-index: 3 !important;
background: #f8f8f8 !important;
font-weight: 950 !important;
}
.kuaimai-binding-table tbody td,
.kuaimai-binding-table tbody td * {
font-weight: 400 !important;
}
.kuaimai-binding-table input {
width: 100% !important;
height: 38px !important;
box-sizing: border-box !important;
border-width: 1px !important;
font-size: 13px !important;
font-weight: 400 !important;
}
.kuaimai-binding-drawer-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 1000002 !important;
background: rgba(0, 0, 0, .34) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transition: opacity 180ms ease, visibility 180ms ease !important;
}
.kuaimai-binding-drawer-overlay.open {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.kuaimai-binding-drawer {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: min(1380px, calc(100vw - 48px)) !important;
max-width: calc(100vw - 48px) !important;
height: 100vh !important;
height: 100dvh !important;
border-radius: 28px 0 0 28px !important;
background: #fff !important;
box-shadow: -18px 0 60px rgba(0, 0, 0, .18) !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
transform: translateX(28px) !important;
opacity: .98 !important;
transition: transform 220ms ease, opacity 220ms ease !important;
}
.kuaimai-binding-drawer-overlay.open .kuaimai-binding-drawer {
transform: translateX(0) !important;
opacity: 1 !important;
}
.kuaimai-binding-drawer-head {
flex: 0 0 auto !important;
min-height: 86px !important;
padding: 24px 28px 18px !important;
border-bottom: 0 !important;
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 18px !important;
background: rgba(255, 255, 255, .96) !important;
}
.kuaimai-binding-drawer-head h2 {
margin: 0 !important;
color: #111 !important;
font-size: 24px !important;
font-weight: 900 !important;
line-height: 1.12 !important;
}
.kuaimai-binding-drawer-head p {
margin: 0 0 12px !important;
color: #666 !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.kuaimai-binding-drawer-head button {
height: 36px !important;
min-width: 64px !important;
padding: 0 14px !important;
border: 1px solid #d8d8d8 !important;
border-radius: 999px !important;
background: #fff !important;
color: #111 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
font-weight: 800 !important;
}
.kuaimai-binding-drawer-head button:hover {
background: #f5f5f5 !important;
}
.kuaimai-binding-drawer-body {
flex: 1 1 auto !important;
overflow: auto !important;
padding: 20px 28px 32px !important;
background: #fff !important;
display: grid !important;
align-content: start !important;
gap: 16px !important;
}
.kuaimai-binding-drawer .kuaimai-binding-tools,
.kuaimai-binding-drawer .kuaimai-binding-table-wrap {
background: #fff !important;
box-shadow: none !important;
}
.kuaimai-binding-row-actions {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
.kuaimai-binding-row-actions .kuaimai-outline-btn {
height: 34px !important;
min-width: 52px !important;
padding: 0 10px !important;
border-radius: 10px !important;
font-size: 12px !important;
white-space: nowrap !important;
}
.kuaimai-binding-row-hint {
width: 100% !important;
min-height: 16px !important;
color: #777 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 11px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
}
.kuaimai-binding-row-hint:empty,
.kuaimai-binding-row-hint[hidden] {
display: none !important;
}
.kuaimai-binding-row-hint.is-ok {
color: #147a3c !important;
}
.kuaimai-binding-row-hint.is-error {
color: #c22 !important;
}
.kuaimai-binding-alias-hint {
width: 100% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin-top: 4px !important;
color: #777 !important;
font-size: 11px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
}
.kuaimai-binding-alias-hint:empty {
display: none !important;
}
.kuaimai-fix-color-btn {
margin-top: 5px !important;
border: 0 !important;
background: #f3f3f3 !important;
color: #222 !important;
border-radius: 999px !important;
height: 24px !important;
padding: 0 9px !important;
font-size: 11px !important;
font-weight: 400 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
}
.kuaimai-fix-color-btn:hover {
background: #e9e9e9 !important;
}
.kuaimai-fix-color-btn:disabled {
cursor: wait !important;
opacity: .65 !important;
}
body.kuaimai-binding-drawer-open {
overflow: hidden !important;
}
@media (max-width: 760px) {
.kuaimai-binding-drawer {
width: 100vw !important;
max-width: 100vw !important;
border-radius: 0 !important;
}
.kuaimai-binding-drawer-head,
.kuaimai-binding-drawer-body {
padding-left: 18px !important;
padding-right: 18px !important;
}
}
.kuaimai-status-pill {
min-height: 28px !important;
border-radius: 999px !important;
padding: 0 10px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #f2f2f2 !important;
color: #666 !important;
font-size: 12px !important;
font-weight: 400 !important;
}
.kuaimai-binding-table .kuaimai-status-pill {
height: 28px !important;
min-width: 64px !important;
border: 0 !important;
cursor: pointer !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.kuaimai-binding-table .kuaimai-status-pill:hover {
filter: brightness(.96) !important;
}
.kuaimai-binding-table .kuaimai-status-pill:disabled {
cursor: wait !important;
opacity: .72 !important;
}
.kuaimai-status-pill.status-bound {
background: #e8f7ee !important;
color: #147a3c !important;
}
.kuaimai-status-pill.status-conflict {
background: #fff1f1 !important;
color: #c22 !important;
}
.kuaimai-status-pill.status-invalid {
background: #fff5e6 !important;
color: #9a5b00 !important;
}
.kuaimai-status-pill.status-pending {
background: #fff5e6 !important;
color: #9a5b00 !important;
}
.inventory-low-stock-empty td {
height: 54px !important;
color: #888 !important;
font-weight: 800 !important;
text-align: center !important;
}
.inventory-movement-drawer-head {
flex: 0 0 auto !important;
}
/* ===== 库存流水抽屉微调：去掉重关闭按钮后，标题区自然下移 ===== */
.inventory-movement-drawer .inventory-movement-close {
display: none !important;
}
.inventory-movement-drawer-head {
align-items: flex-start !important;
justify-content: flex-start !important;
margin-bottom: 2px !important;
}
.inventory-movement-drawer-head h2 {
margin-bottom: 8px !important;
}
@media (max-width: 900px) {
.inventory-movement-drawer {
padding-top: 28px !important;
}
}
/* ===== 库存流水抽屉表格精简版：控件更轻，时间完整显示 ===== */
.inventory-movement-drawer-head p {
font-size: 12px !important;
font-weight: 500 !important;
color: #7a7a7a !important;
line-height: 1.4 !important;
}
.inventory-movement-filters {
grid-template-columns: 118px 132px minmax(210px, 1fr) 76px !important;
gap: 9px !important;
}
.inventory-movement-filters input,
.inventory-movement-filters select {
height: 34px !important;
padding: 0 9px !important;
border-radius: 10px !important;
font-size: 12px !important;
font-weight: 500 !important;
}
.inventory-movement-filters input::placeholder {
color: #9a9a9a !important;
font-size: 12px !important;
font-weight: 400 !important;
}
.inventory-movement-filters button {
height: 34px !important;
padding: 0 12px !important;
border-radius: 10px !important;
font-size: 12px !important;
font-weight: 800 !important;
}
.inventory-movement-table {
min-width: 980px !important;
}
.inventory-movement-table th,
.inventory-movement-table td {
height: 42px !important;
padding: 7px 8px !important;
font-size: 12px !important;
}
.inventory-movement-table th:nth-child(1),
.inventory-movement-table td:nth-child(1) {
width: 164px !important;
min-width: 164px !important;
overflow: visible !important;
text-overflow: clip !important;
}
.inventory-movement-table th:nth-child(2),
.inventory-movement-table td:nth-child(2) {
width: 64px !important;
}
.inventory-movement-table th:nth-child(3),
.inventory-movement-table td:nth-child(3) {
width: 180px !important;
}
.inventory-movement-table th:nth-child(4),
.inventory-movement-table td:nth-child(4) {
width: 106px !important;
}
.inventory-movement-table th:nth-child(5),
.inventory-movement-table td:nth-child(5) {
width: 112px !important;
}
.inventory-movement-table th:nth-child(6),
.inventory-movement-table td:nth-child(6),
.inventory-movement-table th:nth-child(8),
.inventory-movement-table td:nth-child(8) {
width: 84px !important;
}
.inventory-movement-table th:nth-child(7),
.inventory-movement-table td:nth-child(7) {
width: 92px !important;
font-weight: 900 !important;
}
.inventory-movement-table th:nth-child(9),
.inventory-movement-table td:nth-child(9) {
width: 92px !important;
}
@media (max-width: 900px) {
.inventory-movement-filters {
grid-template-columns: 1fr 1fr !important;
}
}
/* ===== 覆盖层统一避让：防止顶部栏压住抽屉、弹窗和 OCR 页面 ===== */
body:has(.ocr-import-card) .sn-main {
padding-top: 88px !important;
}
body:has(.ocr-import-card) .ocr-import-card {
margin-top: 0 !important;
}
body:has(.ocr-import-card) .ocr-head {
top: 64px !important;
padding-top: 4px !important;
}
body:has(.ocr-import-card) .ocr-back-btn {
margin-top: 2px !important;
}
.ocr-drawer-overlay,
.cost-drawer-overlay,
.sn-operation-log-drawer-overlay,
.sn-db-backup-drawer-overlay,
.inventory-movement-drawer-overlay,
.sn-subtype-delete-modal,
.sn-modal {
z-index: 1000000 !important;
}
.ocr-drawer-panel,
.cost-drawer-panel,
.sn-operation-log-drawer,
.sn-db-backup-drawer,
.inventory-movement-drawer {
top: 0 !important;
height: 100vh !important;
height: 100dvh !important;
z-index: 1000001 !important;
}
.ocr-drawer-panel,
.cost-drawer-panel {
position: absolute !important;
bottom: auto !important;
}
.sn-operation-log-drawer,
.sn-db-backup-drawer {
bottom: auto !important;
}
.ocr-drawer-frame,
.cost-drawer-frame {
height: 100vh !important;
height: 100dvh !important;
}
.sn-operation-log-drawer-head,
.sn-db-backup-drawer-head,
.inventory-movement-drawer-head {
flex: 0 0 auto !important;
}
@media (max-width: 900px) {
body:has(.ocr-import-card) .sn-main {
padding-top: 76px !important;
}
body:has(.ocr-import-card) .ocr-head {
top: 56px !important;
}
}
/* ===== OCR 导入页布局修正：只给普通页面合理避让，抽屉页不套顶部栏留白 ===== */
body:has(.ocr-import-card) .ocr-import-card {
overflow: visible !important;
}
body:has(.ocr-import-card) .ocr-head {
position: static !important;
top: auto !important;
padding-top: 0 !important;
margin-bottom: 18px !important;
align-items: center !important;
}
body:has(.ocr-inventory-import.ocr-import-card-standalone) .sn-main {
padding-top: 52px !important;
}
body:has(.ocr-accessory-import.ocr-import-card-standalone) .sn-main,
body:has(.ocr-import-card-drawer) .sn-main {
padding-top: 18px !important;
}
body:has(.ocr-import-card) .ocr-upload-form {
margin-top: 8px !important;
margin-bottom: 16px !important;
overflow: visible !important;
}
body:has(.ocr-import-card) .ocr-upload-form label {
min-height: 52px !important;
overflow: visible !important;
}
body:has(.ocr-import-card) .ocr-upload-form input[type="file"] {
display: block !important;
width: 100% !important;
min-height: 48px !important;
line-height: 1.3 !important;
}
@media (max-width: 900px) {
body:has(.ocr-inventory-import.ocr-import-card-standalone) .sn-main {
padding-top: 48px !important;
}
body:has(.ocr-accessory-import.ocr-import-card-standalone) .sn-main,
body:has(.ocr-import-card-drawer) .sn-main {
padding-top: 16px !important;
}
}
/* ===== 一级菜单统一字号 / icon 尺寸设置 ===== */
.sn-nav-link b {
font-size: var(--sidebar-menu-font-size, 15px) !important;
line-height: 1.15 !important;
}
.sn-nav-link .sn-icon {
width: var(--sidebar-menu-icon-size, 30px) !important;
height: var(--sidebar-menu-icon-size, 30px) !important;
min-width: var(--sidebar-menu-icon-size, 30px) !important;
font-size: var(--sidebar-menu-icon-size, 30px) !important;
}
.sn-nav-link .sn-icon img,
.sn-nav-link .sn-icon svg,
.sn-nav-link .sn-icon .sn-default-menu-icon {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
.settings-menu-style-controls {
display: inline-flex !important;
align-items: center !important;
gap: 14px !important;
margin: -8px 0 18px !important;
padding: 0 !important;
}
.settings-menu-style-controls label {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
color: #555 !important;
font-size: 13px !important;
font-weight: 850 !important;
white-space: nowrap !important;
}
.settings-menu-style-controls input {
width: 76px !important;
height: 34px !important;
border-radius: 10px !important;
font-size: 13px !important;
font-weight: 800 !important;
}
.settings-menu-block input[type="hidden"][name="font_size"],
.settings-menu-block input[type="hidden"][name="icon_size"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
.settings-menu-block .settings-preview strong {
font-size: var(--settings-menu-font-size, 15px) !important;
line-height: 1.15 !important;
}
.settings-menu-block .settings-preview .preview-icon {
width: var(--settings-menu-icon-size, 28px) !important;
height: var(--settings-menu-icon-size, 28px) !important;
min-width: var(--settings-menu-icon-size, 28px) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: var(--settings-menu-icon-size, 28px) !important;
line-height: 1 !important;
}
.settings-menu-block .settings-preview .preview-icon img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
.settings-menu-block .settings-preview .preview-icon .sn-default-menu-icon {
width: 100% !important;
height: 100% !important;
}
.settings-menu-block .settings-preview .preview-icon .sn-default-menu-icon[hidden] {
display: none !important;
}
.settings-menu-block .settings-preview .settings-icon-missing {
width: 100% !important;
height: 100% !important;
display: block !important;
}
.settings-menu-block .settings-preview .settings-icon-missing[hidden] {
display: none !important;
}
.settings-stock-type-select {
margin-top: 6px;
}
.settings-menu-block .settings-menu-table .settings-table-head,
.settings-menu-block .settings-menu-table .settings-table-row,
.settings-menu-block .settings-split-table .settings-table-head,
.settings-menu-block .settings-split-table .settings-table-row,
.settings-menu-block .settings-drag-sort-table-fixed .settings-table-head,
.settings-menu-block .settings-drag-sort-table-fixed .settings-table-row,
.settings-menu-block .settings-drag-sort-table .settings-table-head,
.settings-menu-block .settings-drag-sort-table .settings-table-row {
grid-template-columns:
minmax(190px, 1.4fr)
minmax(180px, 1.35fr)
minmax(120px, .8fr)
minmax(150px, .9fr)
86px
58px
!important;
}
/* ===== 采购补货模块 ===== */
.sn-top-glass-right .sn-topbar-product-btn,
.sn-top-glass-right .sn-topbar-purchase-btn {
margin-right: 8px !important;
}
.sn-top-glass-right .sn-topbar-product-btn .product-planning-icon,
.sn-top-glass-right .sn-topbar-purchase-btn .purchase-inventory-icon {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
color: currentColor !important;
}
.sn-top-glass-right .sn-topbar-product-btn.active,
.sn-top-glass-right .sn-topbar-product-btn:hover,
.sn-top-glass-right .sn-topbar-purchase-btn.active,
.sn-top-glass-right .sn-topbar-purchase-btn:hover {
opacity: 1 !important;
}
.purchase-page {
display: grid;
gap: 22px;
overflow-x: hidden;
}
.purchase-page input,
.purchase-page select,
.purchase-page textarea {
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 400 !important;
}
.purchase-page button {
font-size: 14px !important;
line-height: 1.35 !important;
}
.sn-flash-purchase {
width: min(1180px, 100%);
margin: 0 auto 14px;
border: 1px solid #ead1d1;
border-radius: 12px;
background: #fff;
color: #9b1c1c;
padding: 10px 14px;
font-size: 13px;
font-weight: 800;
}
.sn-flash-purchase p {
margin: 0;
}
.purchase-page input::placeholder,
.purchase-page textarea::placeholder {
font-size: 14px !important;
color: #aaa !important;
}
.purchase-hero {
background: transparent;
color: #111;
border: 0;
border-radius: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
box-shadow: none;
}
.purchase-hero h1 {
margin: 0 0 6px;
font-size: 28px;
font-weight: 900;
}
.purchase-hero span {
color: #777;
font-weight: 500;
}
.purchase-open-create {
height: 42px;
border: 0;
border-radius: 12px;
background: #111;
color: #fff;
padding: 0 18px;
font-weight: 800;
cursor: pointer;
white-space: nowrap;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
}
.purchase-open-create svg {
width: 16px;
height: 16px;
display: block;
flex: 0 0 auto;
}
.purchase-open-create,
.purchase-open-create span,
.purchase-open-create svg {
color: #fff !important;
}
.purchase-open-create:hover {
background: #333;
color: #fff !important;
}
.purchase-stat-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
}
.purchase-stat-grid > div {
min-height: 96px;
border: 1px solid #e7e7e7;
border-radius: 16px;
background: #fff;
padding: 18px;
display: grid;
align-content: space-between;
}
.purchase-stat-grid span {
color: #777;
font-size: 13px;
font-weight: 800;
}
.purchase-stat-grid strong {
font-size: 28px;
font-weight: 950;
}
.purchase-style-filter {
display: flex;
gap: 10px;
overflow-x: auto;
padding: 4px 2px 8px;
scrollbar-width: thin;
}
.purchase-style-filter a {
height: 40px;
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #e4e4e4;
border-radius: 12px;
background: #f4f5f6;
color: #111;
padding: 0 16px;
font-size: 14px;
font-weight: 700;
white-space: nowrap;
}
.purchase-style-filter a.active {
background: #fff;
border-color: #cfcfcf;
color: #111;
box-shadow: 0 6px 16px rgba(0, 0, 0, .06);
font-weight: 950;
}
.purchase-card-head,
.purchase-order-head {
display: flex;
justify-content: space-between;
gap: 18px;
align-items: flex-start;
margin-bottom: 18px;
}
.purchase-list-heading {
display: flex;
justify-content: space-between;
gap: 18px;
align-items: flex-start;
scroll-margin-top: 88px;
}
.purchase-list-heading h2,
.purchase-card-head h2 {
margin: 0 0 6px;
font-size: 22px;
font-weight: 950;
}
.purchase-list-heading p,
.purchase-card-head p,
.purchase-order-head span {
display: block;
margin: 0;
color: #777;
font-size: 13px;
font-weight: 700;
line-height: 1.35;
}
.purchase-order-title-line {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 6px;
}
.purchase-form-grid,
.purchase-order-meta {
display: grid;
grid-template-columns: repeat(4, minmax(150px, 1fr));
gap: 12px;
}
.purchase-form-grid label,
.purchase-order-meta label {
display: grid;
gap: 7px;
font-size: 13px;
font-weight: 900;
color: #666;
}
.purchase-form-grid label.wide,
.purchase-order-meta label.wide {
grid-column: span 2;
}
.purchase-form-grid input,
.purchase-form-grid select,
.purchase-order-meta input,
.purchase-order-meta select,
.purchase-form-grid textarea,
.purchase-filter-form input,
.purchase-filter-form select,
.purchase-sku-table input,
.purchase-sku-table select,
.purchase-items-table input,
.purchase-items-table select,
.purchase-stock-in-form input {
width: 100%;
height: 40px;
border: 1px solid #ddd;
border-radius: 10px;
padding: 0 11px;
background: #fff;
font-size: 14px;
line-height: 1.35;
}
.purchase-create-error {
display: none;
margin-bottom: 14px;
border: 1px solid #f0c7c7;
border-radius: 12px;
background: #fff7f7;
color: #b42318;
padding: 10px 12px;
font-size: 13px;
font-weight: 800;
line-height: 1.5;
}
.purchase-create-error.show {
display: block;
}
.purchase-create-drawer .purchase-field-invalid,
.purchase-items-table .purchase-field-invalid {
border-color: #d92d20 !important;
box-shadow: 0 0 0 3px rgba(217, 45, 32, .12) !important;
}
.purchase-field-error {
margin-top: 5px;
color: #d92d20;
font-size: 12px;
font-weight: 700;
line-height: 1.35;
text-align: left;
}
.purchase-create-drawer .purchase-field-shake,
.purchase-items-table .purchase-field-shake {
animation: purchaseFieldShake .26s ease;
}
@keyframes purchaseFieldShake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-3px); }
50% { transform: translateX(3px); }
75% { transform: translateX(-2px); }
}
.purchase-form-grid textarea {
height: auto;
min-height: 76px;
padding: 10px 11px;
resize: vertical;
}
.purchase-sku-block {
margin-top: 18px;
}
.purchase-sku-head {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: center;
margin-bottom: 10px;
}
.purchase-sku-head span {
font-size: 15px;
font-weight: 950;
}
.purchase-sku-head em {
color: #888;
font-size: 12px;
font-style: normal;
font-weight: 700;
}
.purchase-sku-table-wrap,
.purchase-items-wrap {
overflow-x: auto;
border: 1px solid #ececec;
border-radius: 14px;
}
.purchase-sku-table,
.purchase-items-table {
width: 100%;
border-collapse: collapse;
min-width: 1040px;
}
.purchase-sku-table {
table-layout: fixed;
min-width: 860px;
}
.purchase-sku-table th,
.purchase-sku-table td,
.purchase-items-table th,
.purchase-items-table td {
border-bottom: 1px solid #eee;
padding: 10px;
text-align: center;
vertical-align: middle;
}
.purchase-sku-table th,
.purchase-items-table th {
background: #fafafa;
color: #666;
font-size: 13px;
font-weight: 950;
}
.purchase-sku-table input,
.purchase-sku-table select,
.purchase-stock-in-form input {
height: 38px;
text-align: center;
}
.purchase-product-cell {
min-width: 360px;
text-align: center;
}
.purchase-product-cell select,
.purchase-product-cell input {
text-align: center;
text-align-last: center;
}
.purchase-first-product-fields {
display: grid;
gap: 7px;
}
.purchase-first-product-fields[hidden] {
display: none !important;
}
.purchase-color-input {
width: 108px !important;
min-width: 96px;
}
.purchase-sku-action-cell {
width: 54px;
text-align: center !important;
}
.purchase-sku-table th:nth-child(1),
.purchase-sku-table td:nth-child(1) {
width: 44%;
}
.purchase-sku-table th:nth-child(2),
.purchase-sku-table td:nth-child(2) {
width: 14%;
}
.purchase-sku-table th:nth-child(3),
.purchase-sku-table td:nth-child(3) {
width: 10%;
}
.purchase-sku-table th:nth-child(4),
.purchase-sku-table td:nth-child(4),
.purchase-sku-table th:nth-child(5),
.purchase-sku-table td:nth-child(5) {
width: 13%;
}
.purchase-sku-table th:nth-child(6),
.purchase-sku-table td:nth-child(6) {
width: 6%;
}
.purchase-sku-action-stack {
display: grid;
gap: 6px;
justify-items: center;
}
.purchase-add-sku-row,
.purchase-remove-sku-row {
width: 34px;
height: 34px;
border: 1px solid #ddd !important;
border-radius: 10px !important;
background: #fff !important;
color: #111 !important;
padding: 0 !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1 !important;
cursor: pointer;
}
.purchase-add-sku-row:hover,
.purchase-remove-sku-row:hover {
background: #f5f5f5 !important;
}
.purchase-remove-sku-row {
color: #555 !important;
}
.purchase-create-drawer-overlay {
position: fixed;
inset: 0;
z-index: 1000002;
display: flex;
justify-content: flex-end;
background: rgba(0, 0, 0, 0.36);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .18s ease, visibility .18s ease;
}
.purchase-create-drawer-overlay.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.purchase-create-drawer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 1000003;
width: min(1380px, calc(100vw - 48px));
max-width: calc(100vw - 48px);
height: auto;
background: #fff;
border-radius: 28px 0 0 28px;
overflow: hidden;
display: grid;
grid-template-rows: auto 1fr;
box-shadow: -24px 0 60px rgba(0, 0, 0, .18);
transform: translateX(28px);
opacity: .96;
transition: transform .22s ease, opacity .22s ease;
}
.purchase-create-drawer-overlay.open .purchase-create-drawer {
transform: translateX(0);
opacity: 1;
}
.purchase-create-drawer-head {
padding: 24px 28px 18px;
border-bottom: 1px solid #eee;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
}
.purchase-create-drawer-head h2 {
margin: 0 0 6px;
font-size: 24px;
font-weight: 900;
color: #111;
}
.purchase-create-drawer-head p {
margin: 0;
color: #777;
font-size: 13px;
font-weight: 500;
}
.purchase-create-drawer-head button,
.purchase-cancel-create {
height: 38px;
border: 1px solid #ddd;
border-radius: 10px;
background: #fff;
color: #111;
padding: 0 14px;
font-weight: 600;
cursor: pointer;
}
.purchase-create-drawer-head button:hover,
.purchase-cancel-create:hover {
background: #f5f5f5;
}
.purchase-create-drawer-body {
overflow-y: auto;
padding: 22px 28px;
}
.purchase-create-drawer-actions {
position: sticky;
bottom: -22px;
margin: 18px -28px -22px;
padding: 14px 28px;
border-top: 1px solid #eee;
background: rgba(255, 255, 255, .96);
display: flex;
justify-content: flex-end;
gap: 10px;
}
.purchase-create-drawer-actions button[type="submit"] {
height: 40px;
border: 0;
border-radius: 10px;
background: #111;
color: #fff;
padding: 0 16px;
font-weight: 800;
cursor: pointer;
}
body.purchase-create-drawer-open {
overflow: hidden;
}
.purchase-sku-table tr:last-child td,
.purchase-items-table tr:last-child td {
border-bottom: 0;
}
.purchase-form-actions {
display: flex;
justify-content: flex-end;
margin-top: 16px;
}
.purchase-form-actions button,
.purchase-order-meta button,
.purchase-filter-form button,
.purchase-stock-in-form button {
height: 40px;
border: 0;
border-radius: 10px;
background: #111;
color: #fff;
padding: 0 16px;
font-weight: 900;
cursor: pointer;
}
.purchase-create-drawer-actions button,
.purchase-filter-form button,
.purchase-filter-form a,
.purchase-stock-in-button,
.purchase-stocked-done,
.purchase-items-toolbar button,
.purchase-remove-sku-row {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important;
vertical-align: middle !important;
}
.purchase-filter-form {
display: grid;
grid-template-columns: minmax(190px, 1fr) 160px 130px 145px 145px 76px 70px;
gap: 10px;
align-items: center;
margin-bottom: 0;
}
.purchase-filter-toolbar {
border: 0;
border-radius: 0;
background: transparent;
padding: 0;
margin-top: -8px;
margin-bottom: 18px;
}
.purchase-filter-form a {
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #ddd;
border-radius: 10px;
color: #555;
font-weight: 900;
font-size: 14px;
}
.purchase-filter-form button[type="submit"] {
border: 1px solid #ddd;
background: #fff;
color: #111;
}
.purchase-filter-form button[type="submit"]:hover {
background: #f5f5f5;
border-color: #cfcfcf;
}
.purchase-order-list {
display: grid;
gap: 24px;
}
.purchase-order-section {
border: 1px solid rgba(0, 0, 0, .08);
border-radius: 24px;
padding: 28px;
background: #fff;
box-shadow: none;
scroll-margin-top: 96px;
}
.purchase-order-head strong {
display: inline-block;
margin-bottom: 0;
font-size: 18px;
font-weight: 950;
}
.purchase-order-more {
position: relative;
flex: 0 0 auto;
margin-left: auto;
}
.purchase-order-head-actions .purchase-order-more {
margin-left: 0;
}
.purchase-order-head-actions {
display: inline-flex;
align-items: flex-start;
gap: 8px;
margin-left: auto;
}
.purchase-order-save-btn {
height: 32px !important;
border-radius: 10px !important;
padding: 0 12px !important;
font-size: 13px !important;
font-weight: 900 !important;
background: #fff !important;
color: #111 !important;
border: 1px solid #e0e0e0 !important;
}
.purchase-order-save-btn:hover {
background: #f8f8f8 !important;
border-color: #cfcfcf !important;
}
.purchase-order-save-btn:disabled {
background: #f6f6f6 !important;
color: #aaa !important;
border-color: #e3e3e3 !important;
cursor: not-allowed !important;
}
.purchase-order-save-btn.is-dirty:not(:disabled) {
background: #fff !important;
color: #111 !important;
border-color: #bdbdbd !important;
}
.purchase-order-save-state {
min-width: 58px;
align-self: center;
color: #777;
font-size: 12px;
font-weight: 800;
text-align: right;
white-space: nowrap;
}
.purchase-order-save-state.is-saving {
color: #666;
}
.purchase-order-save-state.is-saved {
color: #16773a;
}
.purchase-order-save-state.is-error {
color: #c92a2a;
max-width: 220px;
overflow: hidden;
text-overflow: ellipsis;
}
.purchase-order-save-state.is-dirty {
color: #ad6800;
}
.purchase-order-more summary {
width: 34px;
height: 32px;
border: 1px solid #e0e0e0;
border-radius: 10px;
background: #fff;
color: #333;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 18px;
font-weight: 950;
line-height: 1;
list-style: none;
}
.purchase-order-more summary::-webkit-details-marker {
display: none;
}
.purchase-order-more summary:hover {
border-color: #cfcfcf;
background: #f8f8f8;
}
.purchase-order-more-menu {
position: absolute;
top: calc(100% + 8px);
right: 0;
min-width: 96px;
padding: 6px;
border: 1px solid #e5e5e5;
border-radius: 12px;
background: #fff;
box-shadow: 0 14px 34px rgba(0, 0, 0, .12);
z-index: 30;
}
.purchase-order-more-menu button {
width: 100%;
height: 32px;
border: 0;
border-radius: 8px;
background: transparent;
color: #c92a2a;
font-size: 13px;
font-weight: 900;
text-align: left;
padding: 0 10px;
}
.purchase-order-more-menu form {
margin: 0;
}
.purchase-order-more-menu button:disabled {
color: #b9b9b9;
cursor: not-allowed;
}
.purchase-delete-modal {
position: fixed;
inset: 0;
z-index: 1000020;
display: none;
align-items: center;
justify-content: center;
padding: 24px;
background: rgba(0, 0, 0, .34);
}
.purchase-delete-modal.open {
display: flex;
}
.purchase-delete-modal-card {
width: min(440px, calc(100vw - 48px));
border-radius: 22px;
background: #fff;
border: 1px solid rgba(0, 0, 0, .08);
box-shadow: 0 24px 70px rgba(0, 0, 0, .2);
padding: 24px;
}
.purchase-delete-modal-card h3 {
margin: 0 0 10px;
font-size: 20px;
font-weight: 950;
}
.purchase-delete-modal-card p {
margin: 0;
color: #555;
font-size: 14px;
font-weight: 700;
line-height: 1.7;
text-align: left;
}
.purchase-delete-modal-actions {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 22px;
}
.purchase-delete-modal-actions button {
height: 38px !important;
border-radius: 10px !important;
padding: 0 16px !important;
font-size: 14px !important;
}
.purchase-delete-modal-actions [data-purchase-delete-cancel] {
border: 1px solid #ddd !important;
background: #fff !important;
color: #111 !important;
}
.purchase-delete-modal-actions .danger {
border: 1px solid #d64545 !important;
background: #d64545 !important;
color: #fff !important;
}
.purchase-delete-modal-actions .danger:disabled {
opacity: .65;
cursor: wait;
}
.purchase-status {
border-radius: 999px;
background: #f3f3f3;
color: #333;
padding: 7px 12px;
font-size: 12px;
font-weight: 950;
white-space: nowrap;
}
.purchase-status-生产中 { background: #eef5ff; color: #1264c8; }
.purchase-status-已发货 { background: #fff7e6; color: #ad6800; }
.purchase-status-部分入库 { background: #f0f5ff; color: #2f54eb; }
.purchase-status-已入库 { background: #eaf8ef; color: #16773a; }
.purchase-status-异常 { background: #fff1f0; color: #c4281b; }
.purchase-order-meta {
grid-template-columns: repeat(4, minmax(130px, 1fr));
margin-bottom: 12px;
}
.purchase-order-meta input[readonly] {
background: #fafafa;
color: #555;
}
.purchase-order-summary {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 10px 0 14px;
color: #666;
font-size: 12px;
font-weight: 800;
}
.purchase-order-summary span {
border-radius: 999px;
background: #f7f7f7;
padding: 7px 10px;
}
.purchase-stock-in-form {
margin: 0;
}
.purchase-stock-in-button {
height: 34px;
min-width: 56px;
padding: 0 12px;
border: 0;
border-radius: 10px;
background: #111;
color: #fff;
font-size: 13px;
font-weight: 900;
}
.purchase-stock-in-button:disabled {
background: #f2f2f2;
color: #999;
border: 1px solid #e0e0e0;
cursor: not-allowed;
}
.purchase-stocked-done {
color: #16773a;
font-size: 12px;
font-weight: 900;
display: inline-flex;
align-items: center;
justify-content: center;
height: 28px;
line-height: 1;
padding: 0 8px;
border-radius: 999px;
background: #f0faf3;
border: 1px solid #d5efd9;
white-space: nowrap;
}
.purchase-records-card {
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
overflow: visible;
}
.purchase-items-toolbar {
min-height: 44px;
border-bottom: 1px solid #ececec;
background: #fafafa;
padding: 8px 10px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.purchase-items-toolbar span {
color: #555;
font-size: 13px;
font-weight: 950;
}
.purchase-items-toolbar-actions {
display: inline-flex;
gap: 6px;
align-items: center;
}
.purchase-items-toolbar button {
height: 32px !important;
min-width: 34px !important;
border: 1px solid #ddd !important;
border-radius: 9px !important;
background: #fff !important;
color: #111 !important;
padding: 0 9px !important;
font-size: 18px !important;
font-weight: 900 !important;
}
.purchase-items-table {
min-width: 1120px;
table-layout: fixed;
}
.purchase-items-table th:nth-child(1),
.purchase-items-table td:nth-child(1) { width: 292px; }
.purchase-items-table th:nth-child(2),
.purchase-items-table td:nth-child(2) { width: 100px; }
.purchase-items-table th:nth-child(3),
.purchase-items-table td:nth-child(3) { width: 68px; }
.purchase-items-table th:nth-child(4),
.purchase-items-table td:nth-child(4) { width: 78px; }
.purchase-items-table th:nth-child(5),
.purchase-items-table td:nth-child(5) { width: 74px; }
.purchase-items-table th:nth-child(6),
.purchase-items-table td:nth-child(6) { width: 74px; }
.purchase-items-table th:nth-child(7),
.purchase-items-table td:nth-child(7) { width: 90px; }
.purchase-items-table th:nth-child(8),
.purchase-items-table td:nth-child(8) { width: 96px; }
.purchase-items-table th:nth-child(9),
.purchase-items-table td:nth-child(9) { width: 130px; }
.purchase-items-table th:nth-child(10),
.purchase-items-table td:nth-child(10) { width: 80px; }
.purchase-items-table th,
.purchase-items-table td {
text-align: center;
}
.purchase-items-table td {
position: relative;
}
.purchase-items-table input,
.purchase-items-table select {
height: 34px !important;
border-radius: 8px !important;
padding: 0 8px !important;
text-align: center !important;
}
.purchase-items-table .purchase-field-invalid {
position: relative;
z-index: 1;
}
.purchase-items-table .purchase-field-error {
position: absolute;
left: 8px;
right: 8px;
bottom: 3px;
margin: 0;
height: 14px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
}
.purchase-items-table td:has(.purchase-field-error) {
padding-bottom: 22px;
}
.purchase-items-table input[readonly],
.purchase-items-table select:disabled {
background: #fafafa !important;
color: #555 !important;
}
.purchase-item-product-display {
min-height: 34px;
display: flex;
align-items: center;
justify-content: center;
color: #222;
font-size: 13px;
font-weight: 700;
line-height: 1.25;
text-align: center;
}
.purchase-item-actions {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 34px;
line-height: 1;
}
.purchase-item-actions form {
display: none;
}
.purchase-item-add-toggle,
.purchase-item-delete-btn {
width: 34px !important;
height: 32px !important;
min-width: 0 !important;
border-radius: 9px !important;
padding: 0 !important;
font-weight: 900 !important;
}
.purchase-item-add-toggle,
.purchase-item-delete-btn {
border: 1px solid #ddd !important;
background: #fff !important;
color: #111 !important;
font-size: 18px !important;
}
.purchase-item-delete-btn {
color: #c92a2a !important;
border-color: #f0b5b5 !important;
}
.purchase-new-item-row {
background: #fbfbfb;
}
.purchase-items-table tr.purchase-item-row-selected td {
background: #fffdf5;
}
.purchase-empty {
min-height: 96px;
display: flex;
align-items: center;
justify-content: center;
color: #888;
font-weight: 900;
}
.purchase-module-overlay {
position: fixed;
inset: 0;
z-index: 1000000;
background: rgba(0, 0, 0, .35);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .18s ease, visibility .18s ease;
overflow: hidden;
}
.purchase-module-overlay.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.purchase-module-panel {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: min(1380px, 72vw);
min-width: min(900px, calc(100vw - 56px));
max-width: calc(100vw - 56px);
height: 100vh;
height: 100dvh;
background: #fff;
border: 1px solid rgba(0, 0, 0, .08);
border-right: 0;
border-radius: 28px 0 0 28px;
box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
opacity: 0;
transform: translateX(28px);
transition: opacity .18s ease, transform .2s ease;
display: grid;
grid-template-rows: auto 1fr;
overflow: hidden;
}
.purchase-module-overlay.open .purchase-module-panel {
opacity: 1;
transform: translateX(0);
}
.purchase-module-header {
min-height: 82px;
padding: 22px 28px 18px;
border-bottom: 1px solid #ececec;
background: #fff;
color: #111;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
}
.purchase-module-header h2 {
margin: 0 0 6px;
font-size: 25px;
font-weight: 950;
}
.purchase-module-header p {
margin: 0;
color: #777;
font-size: 13px;
font-weight: 700;
}
.purchase-module-return {
height: 38px !important;
min-width: 72px;
border: 1px solid #ddd !important;
border-radius: 10px !important;
background: #fff !important;
color: #333 !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 1 !important;
padding: 0 16px !important;
cursor: pointer;
}
.purchase-module-body {
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
padding: 22px 28px 30px;
background: #fff;
}
.purchase-module-loading {
min-height: 140px;
border: 1px solid #e7e7e7;
border-radius: 16px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
color: #777;
font-weight: 900;
}
.purchase-module-panel .purchase-page {
gap: 16px;
}
.purchase-module-panel .purchase-hero {
display: none;
}
.purchase-module-panel .purchase-stat-grid {
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 8px;
}
.purchase-module-panel .purchase-stat-grid > div {
min-height: 74px;
padding: 12px;
border-radius: 12px;
}
.purchase-module-panel .purchase-stat-grid strong {
font-size: 20px;
}
.purchase-module-panel .sn-card {
border-radius: 16px;
padding: 18px;
margin-bottom: 0;
box-shadow: none;
}
.purchase-module-panel .purchase-form-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.purchase-module-panel .purchase-sku-table {
min-width: 860px;
}
.purchase-module-panel .purchase-sku-table th,
.purchase-module-panel .purchase-sku-table td {
padding: 9px;
}
.purchase-module-panel .purchase-sku-table th:nth-child(1),
.purchase-module-panel .purchase-sku-table td:nth-child(1) {
width: 44%;
}
.purchase-module-panel .purchase-sku-table th:nth-child(2),
.purchase-module-panel .purchase-sku-table td:nth-child(2) {
width: 14%;
}
.purchase-module-panel .purchase-sku-table th:nth-child(3),
.purchase-module-panel .purchase-sku-table td:nth-child(3) {
width: 10%;
}
.purchase-module-panel .purchase-sku-table th:nth-child(4),
.purchase-module-panel .purchase-sku-table td:nth-child(4),
.purchase-module-panel .purchase-sku-table th:nth-child(5),
.purchase-module-panel .purchase-sku-table td:nth-child(5) {
width: 13%;
}
.purchase-module-panel .purchase-sku-table th:nth-child(6),
.purchase-module-panel .purchase-sku-table td:nth-child(6) {
width: 6%;
}
body.purchase-module-open {
overflow: hidden;
}
@media (max-width: 1100px) {
.purchase-stat-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.purchase-form-grid,
.purchase-order-meta,
.purchase-filter-form {
grid-template-columns: 1fr 1fr;
}
.purchase-form-grid label.wide,
.purchase-order-meta label.wide {
grid-column: span 2;
}
.purchase-module-panel {
top: 0;
right: 0;
bottom: 0;
width: 100vw;
min-width: 0;
max-width: 100vw;
height: 100vh;
height: 100dvh;
border-radius: 20px 0 0 20px;
}
.purchase-create-drawer {
width: 100vw;
max-width: 100vw;
border-radius: 0;
}
.purchase-create-drawer-body {
padding: 18px;
}
.purchase-create-drawer-actions {
margin-left: -18px;
margin-right: -18px;
padding-left: 18px;
padding-right: 18px;
}
.purchase-module-panel .purchase-stat-grid,
.purchase-module-panel .purchase-form-grid {
grid-template-columns: 1fr;
}
.purchase-module-panel .purchase-form-grid label.wide {
grid-column: span 1;
}
}
/* 库存详情页颜色列 / 色块列最终宽度约束 */
.inventory-table-card .inv-product-table .col-color-name,
.inventory-table-card .inventory-kuaimai-table .kuaimai-view-col-color,
.inventory-table-card .inv-product-table th[data-inventory-col="color_name"],
.inventory-table-card .inv-product-table td[data-inventory-col="color_name"],
.inventory-table-card .inventory-kuaimai-table th[data-inventory-col="color_name"],
.inventory-table-card .inventory-kuaimai-table td[data-inventory-col="color_name"] {
width: 160px !important;
min-width: 160px !important;
max-width: 160px !important;
text-align: center !important;
}
.inventory-table-card .inventory-kuaimai-table .kuaimai-view-col-color {
width: 160px !important;
min-width: 160px !important;
max-width: 160px !important;
}
.inventory-table-card .inventory-kuaimai-table col.col-size {
width: calc((100% - 210px) / 5) !important;
}
.inventory-table-card .inventory-kuaimai-table .kuaimai-color-cell {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.inventory-table-card .col-color-swatch,
.inventory-table-card th[data-inventory-col="color_swatch"],
.inventory-table-card td[data-inventory-col="color_swatch"] {
width: 50px !important;
min-width: 50px !important;
max-width: 50px !important;
}