/* ===== 彩盒报价器 — Teal 青绿配色体系 ===== */
/* 基于 UI/UX Pro Max 设计系统：主色 #0D9488 / 强调 #EA580C / 背景 #F0FDFA */

/* ===== 全局 ===== */
*{margin:0;padding:0;box-sizing:border-box}
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
body{font-family:'Plus Jakarta Sans','PingFang SC','Microsoft YaHei',sans-serif;background:linear-gradient(180deg,#F0FDFA 0%,#E8F5F3 100%);min-height:100vh;padding:20px;color:#134E4A}
.container{max-width:800px;margin:0 auto}

/* 暗色模式全局色彩平滑过渡（仅过渡颜色，不动布局/动画） */
body,body *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}

/* ===== 悬浮按钮组（置顶/置底/清空） ===== */
.fab-group{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:9999}
.fab-btn{width:40px;height:40px;border-radius:50%;border:none;background:#EA580C;color:#fff;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 12px rgba(234,88,12,.35);transition:transform .15s ease,background .15s ease,box-shadow .15s;font-family:inherit;user-select:none}
.fab-btn:hover{background:#D4520A;transform:scale(1.08);box-shadow:0 5px 18px rgba(234,88,12,.45)}
.fab-btn:active{transform:scale(.94)}

/* ===== 卡片 ===== */
.card{background:#fff;border-radius:12px;padding:20px;margin-bottom:14px;box-shadow:0 2px 12px rgba(13,148,136,.06),0 1px 3px rgba(0,0,0,.04);border:1px solid #E0F2EF;transition:box-shadow .2s,background-color .3s ease,color .3s ease,border-color .3s ease}
.card:hover{box-shadow:0 4px 18px rgba(13,148,136,.10),0 1px 4px rgba(0,0,0,.05)}
.card h2{font-size:1rem;color:#0F766E;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid #99F6E4;font-weight:600}
.row{display:flex;flex-wrap:wrap;gap:10px}
.field{flex:1;min-width:100px}
.field label{display:block;font-size:0.78rem;color:#5B8A87;margin-bottom:3px;font-weight:500}
.req::after{content:' *';color:#EA580C;font-weight:700}
.req-x2{color:#e74c3c;font-weight:700}
.req-x2::after{content:' *';color:#e74c3c;font-weight:700}

/* ===== 输入框 / 下拉框 ===== */
.field input,.field select{width:100%;padding:10px;border:1.5px solid #CCEBE7;border-radius:8px;font-size:0.9rem;text-align:center;background:#FBFEFD;color:#134E4A;transition:border-color .15s,box-shadow .15s,background .15s;font-family:inherit}
.field input:focus,.field select:focus{outline:none;border-color:#0D9488;box-shadow:0 0 0 3px rgba(13,148,136,.12);background:#fff}
.field input[readonly]{background:#F0FDFA;color:#0D9488;cursor:default}
.field input::placeholder{color:#B0C8C5}
/* 聚焦微发光（只加阴影+略粗边框，不改 padding 避免高度跳动） */
.field input:focus,.field select:focus{border-color:#0D9488;box-shadow:0 0 0 4px rgba(13,148,136,.14)}
/* 下拉框统一青绿箭头 */
.field select,.toolbar-input,.unit-select,.set-input,.panel select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%230D9488' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}
/* 主表单数字框隐藏原生上下箭头（不影响 stepper 内的数字框） */
.field input[type=number]::-webkit-inner-spin-button,.field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.field input[type=number]{-moz-appearance:textfield}
/* 「其他成本/优惠」单位下拉框：Teal 语义色（去掉原蓝色） */
.unit-select{flex:0 0 auto;width:auto;min-width:76px;padding:10px 26px 10px 12px!important;text-align:center;font-weight:600;font-size:0.78rem;border-radius:8px;cursor:pointer;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%230D9488' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center}
/* 必须在 .field select 的 width:100% 之下覆盖回 auto（.field select 优先级更高） */
.field select.unit-select{width:auto}
.unit-select.unit-green{border:1.5px solid #0D9488;background-color:#F0FDFA;color:#0D9488}
.unit-select.unit-orange{border:1.5px solid #EA580C;background-color:#FFF7ED;color:#EA580C}
.unit-input{height:auto!important;padding:10px;box-sizing:border-box}
/* 其他成本/优惠 的 input+select 并排容器：等高对齐 */
.field > div[style*="display:flex"]{align-items:stretch}
/* 并排容器内的 input：用 flex 填充剩余空间（覆盖通用 width:100%） */
.field > div[style*="display:flex"] > input{flex:1;min-width:0;width:auto}
/* 搜索/筛选排统一输入框 */
.toolbar-input{flex:0 0 auto;padding:10px 14px;border:1.5px solid #CCEBE7;border-radius:8px;font-size:0.85rem;background:#FBFEFD;color:#134E4A;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s;box-sizing:border-box}
.toolbar-input:focus{outline:none;border-color:#0D9488;box-shadow:0 0 0 3px rgba(13,148,136,.12);background:#fff}
#searchInput.toolbar-input{flex:1}
/* 必填项即时反馈 */
.field input.input-ok{border-color:#0D9488;box-shadow:0 0 0 2px rgba(13,148,136,.14);background:#FBFEFD}
.field input.input-warn{border-color:#DC2626;box-shadow:0 0 0 2px rgba(220,38,38,.12);background:#FFF6F6}

/* ===== 吸底操作栏 ===== */
.sticky-actions{position:sticky;bottom:0;z-index:50;background:linear-gradient(0deg,rgba(240,253,250,.98) 85%,rgba(240,253,250,0) 100%);padding:12px 0 16px;margin:-12px 0 0;backdrop-filter:blur(4px)}
.sticky-actions .btn{margin-top:0}

/* ===== 表面处理标签 ===== */
.surface-grid{display:flex;flex-wrap:wrap;gap:8px}
.surface-grid label{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;border:1.5px solid #CCEBE7;border-radius:20px;font-size:0.82rem;cursor:pointer;background:#FBFEFD;color:#5B8A87;transition:all .15s}
.surface-grid input{display:none}
.surface-grid label:has(input:checked){background:#E6F7F5;border-color:#0D9488;color:#0D9488;font-weight:500}

/* ===== 工序/特殊设置 开关 ===== */
.toggle-card{padding:14px 16px}
.toggle-head{font-size:0.92rem;font-weight:600;color:#0F766E;margin-bottom:12px;display:flex;align-items:center;gap:6px;letter-spacing:.3px}
/* 工序开关：药丸芯片 */
.switch-grid{display:flex;flex-wrap:wrap;gap:8px}
.switch-chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 16px;border:1.5px solid #CCEBE7;border-radius:20px;font-size:0.82rem;cursor:pointer;background:#FBFEFD;color:#5B8A87;transition:all .15s;user-select:none;min-width:62px}
.switch-chip input{display:none}
.switch-chip:has(input:checked){background:#0D9488;border-color:#0D9488;color:#fff;font-weight:500;box-shadow:0 2px 8px rgba(13,148,136,.25)}
.switch-chip:active{transform:scale(.97)}
/* 特殊设置：滑动开关 */
.toggle-list{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.toggle-row{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:0.85rem;color:#134E4A}
.toggle-text{line-height:1;white-space:nowrap}
.toggle{position:relative;display:inline-block;width:42px;height:24px;flex:0 0 auto}
.toggle input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.toggle-track{position:absolute;inset:0;background:#CBD5E1;border-radius:24px;transition:background .2s;pointer-events:none}
.toggle-track::after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.toggle input:checked + .toggle-track{background:#0D9488}
.toggle input:checked + .toggle-track::after{transform:translateX(18px)}
.toggle-row.t-green .toggle input:checked + .toggle-track{background:#0D9488}
.toggle-row.t-purple .toggle input:checked + .toggle-track{background:#8E44AD}
.toggle-row.t-red .toggle input:checked + .toggle-track{background:#DC2626}
.toggle-row.t-orange .toggle input:checked + .toggle-track{background:#EA580C}
/* 表格内复选框（全选/历史行）：青绿圆角勾选框 */
.cb-check{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #CCEBE7;border-radius:5px;background:#FBFEFD;cursor:pointer;position:relative;transition:background .15s,border-color .15s;vertical-align:middle;flex:0 0 auto}
.cb-check:hover{border-color:#0D9488}
.cb-check:checked{background:#0D9488;border-color:#0D9488}
.cb-check:checked::after{content:'';position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* ===== 按钮体系 ===== */
.btn{display:block;width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,#0D9488,#14B8A6);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:8px;transition:transform .1s,box-shadow .15s;font-family:inherit;letter-spacing:.3px}
.btn:hover{box-shadow:0 4px 16px rgba(13,148,136,.35)}
.btn:active{transform:scale(.98)}
.btn-copy{flex:1.4;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,#0D9488,#0F766E);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .15s;font-family:inherit}
.btn-copy:hover{box-shadow:0 4px 14px rgba(13,148,136,.35)}
.btn-copy:active{transform:scale(.98)}
.btn-secondary{flex:1;padding:12px;border:1.5px solid #99F6E4;background:#fff;color:#0D9488;border-radius:10px;font-size:0.85rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit}
.btn-secondary:hover{background:#F0FDFA;border-color:#0D9488}
.btn-secondary.blue{border-color:#99F6E4;color:#0D9488}
.btn-secondary.blue:hover{background:#F0FDFA}
.btn-secondary.gray{border-color:#D8E8E6;color:#7A9C99}
.btn-secondary.gray:hover{background:#F5FAF9}

/* ===== 页签切换 ===== */
.mode-tabs{display:flex;gap:0;margin-bottom:14px;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(13,148,136,.10)}
.mode-tab{flex:1;padding:12px;text-align:center;font-size:0.95rem;font-weight:600;cursor:pointer;border:none;background:#E0F2EF;color:#5B8A87;transition:all .2s;text-decoration:none;display:block;font-family:inherit}
.mode-tab.active{background:linear-gradient(135deg,#0D9488,#14B8A6);color:#fff}

/* ===== 步进器 ===== */
.stepper{display:flex;align-items:stretch;height:42px;border:1.5px solid #CCEBE7;border-radius:8px;overflow:hidden;background:#fff}
.stepper button{flex:0 0 auto;padding:0 14px;border:none;background:#fff;cursor:pointer;font-size:1.35rem;line-height:1;color:#5B8A87;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .12s,color .15s;font-family:inherit;user-select:none}
.stepper button:hover{background:#0D9488;color:#fff}
.stepper button:active{transform:scale(.92)}
.stepper input{flex:1;min-width:0;text-align:center;border:none;font-size:0.9rem;font-family:inherit;color:#134E4A;background:#fff}
.stepper input:focus{outline:none;box-shadow:inset 0 0 0 2px rgba(13,148,136,.18)}

/* ===== 结果区 ===== */
.result-card{padding:0;overflow:hidden;border:1px solid #99F6E4;animation:cardIn .35s ease-out}
#actionBtns{animation:cardIn .35s ease-out}
.result-header{background:linear-gradient(135deg,#0D9488,#14B8A6);color:#fff;padding:24px 20px;text-align:center}
.result-header .rh-label{font-size:0.85rem;opacity:0.85;letter-spacing:1px;font-weight:500}
.result-header .rh-total{font-size:2.8rem;font-weight:700;margin:6px 0;font-family:'Plus Jakarta Sans',monospace;letter-spacing:-1px}
.result-header .rh-sub{font-size:0.8rem;opacity:0.85}
.result-header .rh-tax{font-size:0.72rem;opacity:0.65;margin-top:4px}

/* ===== 成本链 ===== */
.cost-chain{display:flex;padding:14px 16px;background:#FBFEFD;border-bottom:1px solid #E0F2EF;gap:4px;align-items:center}
.cost-chain .cc-item{flex:1;text-align:center}
.cost-chain .cc-label{font-size:0.7rem;color:#7A9C99;font-weight:500}
.cost-chain .cc-val{font-size:1rem;font-weight:600;color:#134E4A;font-family:'Plus Jakarta Sans',monospace}
.cost-chain .cc-val.accent{font-size:1.1rem;font-weight:700;color:#EA580C}
.cost-chain .cc-arrow{color:#B0C8C5;font-size:1.2rem}

/* ===== 成本明细表 ===== */
.cost-table{width:100%;border-collapse:collapse;font-size:0.8rem}
.cost-table th{padding:6px 8px;text-align:left;border-bottom:2px solid #99F6E4;background:#F0FDFA;color:#0F766E;font-weight:600}
.cost-table th.num{text-align:right}
.cost-table td{padding:5px 8px;border-bottom:1px solid #E0F2EF}
.cost-table td.num{text-align:right;font-family:'Plus Jakarta Sans',monospace}
.cost-table td.muted{color:#7A9C99;font-size:0.75rem}
.cost-table .cat-header td{padding:4px 8px;font-size:0.72rem;font-weight:600;border-bottom:1px solid #E0F2EF}
.cost-table .cat-header.cat-material{color:#0D9488;background:#E6F7F5}
.cost-table .cat-header.cat-print{color:#EA580C;background:#FFF5EF}
.cost-table .cat-header.cat-process{color:#8E44AD;background:#F8F0FF}
.cost-table .cat-header.cat-other{color:#0D9488;background:#E6F7F5}
.cost-table .cat-header.cat-outsource{color:#DC2626;background:#FEF2F2}
.cost-table .total-row{background:#FBFEFD}
.cost-table .total-row td{padding:8px;font-weight:700}
.cost-table .total-row .total-val{color:#EA580C;font-size:1rem;font-family:'Plus Jakarta Sans',monospace}

/* ===== 公式区 ===== */
.formula-toggle{border-top:1px solid #E0F2EF;padding:10px 16px;text-align:center;cursor:pointer;user-select:none}
.formula-toggle span{font-size:0.78rem;color:#0D9488;font-weight:500}
/* 公式详情：默认收起，展开用 max-height+opacity 平滑过渡 */
.formula-detail{max-height:0;opacity:0;padding:0 16px;overflow:hidden;background:#FBFEFD;font-size:0.75rem;color:#5B8A87;line-height:2;border-top:1px solid transparent;transition:max-height .28s ease,opacity .28s ease,padding .28s ease}
.formula-detail.open{max-height:4000px;opacity:1;padding:12px 16px;border-top-color:#E0F2EF}

/* ===== 结果占位卡 ===== */
.result-placeholder{background:linear-gradient(135deg,#F0FDFA,#E8F5F3);border:2px dashed #99F6E4;border-radius:12px;padding:48px 20px;text-align:center;color:#B0C8C5}
.result-placeholder .ph-icon{font-size:2.6rem;margin-bottom:10px}
.result-placeholder .ph-title{font-size:1rem;font-weight:600;color:#5B8A87;margin-bottom:6px}
.result-placeholder .ph-sub{font-size:0.8rem;color:#99B5B2}

/* ===== 统计栏 ===== */
.stats-bar{display:flex;gap:0;margin-bottom:12px;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(13,148,136,.08)}
.stat-item{flex:1;padding:10px 8px;text-align:center;background:#FBFEFD;border-right:1px solid #E0F2EF}
.stat-item:last-child{border-right:none}
.stat-item .stat-num{font-size:1.2rem;font-weight:700;color:#0D9488}
.stat-item .stat-label{font-size:0.7rem;color:#7A9C99;margin-top:2px;font-weight:500}
.stat-item.accent .stat-num{color:#EA580C}

/* ===== 历史记录表 ===== */
.history-table{width:100%;border-collapse:collapse;font-size:0.8rem}
.history-table th{padding:8px;border-bottom:2px solid #99F6E4;text-align:left;background:#F0FDFA;white-space:nowrap;color:#0F766E;font-weight:600}
.history-table td{padding:6px 8px;border-bottom:1px solid #E0F2EF}
.history-table tr:hover{background:#F0FDFA}
.history-table .col-cb{width:30px;text-align:center}
.history-table .col-name{cursor:pointer}
.history-table .col-time{white-space:nowrap;font-size:0.75rem;color:#7A9C99}
.history-table .col-num{text-align:right;white-space:nowrap}
.history-table .col-action{text-align:center;white-space:nowrap}
.history-table .action-btn{background:#0D9488;color:#fff;border:none;padding:3px 8px;border-radius:6px;cursor:pointer;font-size:0.72rem;margin:0 1px;transition:background .15s;font-family:inherit}
.history-table .action-btn:hover{background:#0F766E}
.history-table .action-btn.del{background:#EA580C}
.history-table .action-btn.del:hover{background:#D4520A}
.history-table .action-btn.exp{background:#0D9488}

/* ===== 客户标签 ===== */
.cust-tag{display:inline-block;padding:1px 6px;border-radius:4px;font-size:0.72rem;font-weight:500}
.cust-tag.c1{background:#E6F7F5;color:#0D9488}
.cust-tag.c2{background:#E0F2FE;color:#0EA5E9}
.cust-tag.c3{background:#FFF5EF;color:#EA580C}
.cust-tag.c4{background:#F8F0FF;color:#8E44AD}
.cust-tag.c5{background:#FEF2F2;color:#DC2626}
.cust-tag.c0{background:#F0F2F5;color:#999}
.no-result{text-align:center;color:#B0C8C5;padding:20px;font-size:0.85rem}

/* ===== 页脚 ===== */
.footer{text-align:center;color:#B0C8C5;font-size:0.7rem;margin-top:20px;font-weight:500}
.foot-update{text-align:center;color:#B0C8C5;font-size:0.75rem;padding:14px 0 22px;margin-top:10px;border-top:1px solid #E0F2EF}

/* ===== 辅助标签 ===== */
.auto-tag{font-size:0.65rem;margin-left:4px;font-weight:600;padding:1px 7px;border-radius:10px;letter-spacing:.3px}
.auto-tag[data-mode="auto"]{background:#E6F7F5;color:#0D9488;border:1px solid #99F6E4}
.auto-tag[data-mode="manual"]{background:#FFF5EF;color:#EA580C;border:1px solid #FED7AA}
.help-tip{position:relative;cursor:help;color:#B0C8C5;font-size:0.8rem;margin-left:4px}
.help-tip:hover::after{content:attr(data-tip);position:absolute;left:0;top:24px;background:#134E4A;color:#fff;padding:8px 12px;border-radius:6px;font-size:0.75rem;white-space:pre-line;line-height:1.6;z-index:999;min-width:220px;box-shadow:0 4px 12px rgba(0,0,0,.2)}

/* ===== 统一按钮体系（设置弹窗用） ===== */
.btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:9px 18px;font-size:0.85rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background .15s,transform .1s;font-family:inherit}
.btn-sm:hover{filter:brightness(.95)}
.btn-sm:active{transform:scale(.97)}
.btn-sm.green{background:#0D9488;color:#fff}
.btn-sm.blue{background:#0D9488;color:#fff}
.btn-sm.orange{background:#EA580C;color:#fff}
.btn-sm.red{background:#EA580C;color:#fff}
.btn-sm.gray{background:#E0F2EF;color:#5B8A87}
.btn-sm.gray:hover{background:#CCEBE7}

/* ===== 弹窗通用 ===== */
.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.55);z-index:100;justify-content:center;align-items:center;backdrop-filter:blur(2px)}
.overlay.show{display:flex}
.panel{background:#fff;border-radius:16px;padding:0;max-width:680px;width:94%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:panelPop .18s ease-out}
@keyframes panelPop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes cardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #E0F2EF;position:sticky;top:0;background:#fff;z-index:2;border-radius:16px 16px 0 0}
.panel-head h3{font-size:1.05rem;margin:0;color:#134E4A;font-weight:700;letter-spacing:.5px}
.panel-head .panel-close{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;color:#B0C8C5;cursor:pointer;border-radius:8px;user-select:none;transition:all .15s}
.panel-head .panel-close:hover{background:#F0FDFA;color:#134E4A}
.panel-body{padding:20px 22px 22px}
.panel-foot{display:flex;gap:10px;justify-content:center;margin-top:18px;padding-top:16px;border-top:1px solid #E0F2EF}
.panel-foot .btn-sm{flex:0 0 auto;min-width:110px}

/* ===== 后台设置表单 ===== */
.set-grid{display:grid;grid-template-columns:1fr;gap:18px}
.set-card{position:relative;background:transparent;border:none;border-left:4px solid #0D9488;border-radius:0;padding:0 0 0 14px;display:flex;flex-direction:column;gap:8px;overflow:visible}
.set-card.c-green{border-left-color:#0D9488}
.set-card.c-orange{border-left-color:#EA580C}
.set-card.c-purple{border-left-color:#8E44AD}
.set-card.c-blue{border-left-color:#0D9488}
.set-card.c-red{border-left-color:#DC2626}
.set-card.c-amber{border-left-color:#F59E0B}
.set-card h4{font-size:0.92rem;margin:0;color:#134E4A;font-weight:700;line-height:1.3}
.set-inner-grid{display:grid;grid-template-columns:1fr;gap:10px}
.set-inner-grid>div{display:flex;flex-direction:column;gap:0}
.set-card h5{font-size:0.8rem;margin:6px 0 2px;color:#5B8A87;font-weight:600;line-height:1.3;padding-left:2px}
.sub-card{background:transparent;border:none;padding:0;display:flex;flex-direction:column;gap:0}
.press-group{display:flex;flex-direction:column;gap:0;border-top:1px dashed #CCEBE7}
.press-size{font-size:0.8rem;color:#134E4A;font-weight:600;line-height:1.3;padding:8px 0 4px}
.set-card .srow{display:flex;align-items:center;gap:8px;margin:0;padding:8px 0;border-bottom:1px solid #E0F2EF}
.set-card .srow label{font-size:0.82rem;color:#134E4A;width:150px;min-width:150px;max-width:150px;font-weight:500;white-space:normal;line-height:1.3}
.set-input{width:90px;padding:7px 9px;border:1.5px solid #CCEBE7;border-radius:7px;font-size:0.82rem;text-align:right;background:#FBFEFD;transition:border-color .15s,box-shadow .15s;color:#134E4A;font-family:inherit}
.set-input:focus{outline:none;border-color:#0D9488;box-shadow:0 0 0 3px rgba(13,148,136,.12);background:#fff}
.set-card .srow input{width:90px;padding:7px 9px;border:1.5px solid #CCEBE7;border-radius:7px;font-size:0.82rem;text-align:right;background:#FBFEFD;transition:border-color .15s,box-shadow .15s;color:#134E4A;font-family:inherit}
.set-card .srow input:focus{outline:none;border-color:#0D9488;box-shadow:0 0 0 3px rgba(13,148,136,.12);background:#fff}
.set-card .srow .unit{font-size:0.78rem;color:#7A9C99;min-width:38px}
.set-card .srow span{font-size:0.78rem;color:#7A9C99;margin:0 2px}
.set-card.wide{grid-column:1/-1;background:#fff;border:1px solid #E0F2EF;border-radius:12px;padding:16px 18px 16px 18px;border-left:4px solid #0D9488;box-shadow:0 2px 10px rgba(13,148,136,.06)}
.set-card.wide h4{font-size:0.92rem;color:#134E4A;font-weight:700;margin-bottom:10px}
.set-card.wide .srow{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:none}
.set-card.wide .srow label{width:auto;min-width:0;max-width:none}
.set-card.wide .srow[style*="column"]{align-items:stretch;flex-direction:column}
.set-card.wide .srow[style*="column"] label{margin-bottom:4px}
.set-card.danger{border-left-color:#DC2626;background:#FFF8F8}
.set-card.danger .hint{font-size:0.78rem;color:#B06A6A;margin-bottom:10px;line-height:1.6}
.set-actions{display:flex;gap:8px;flex-wrap:wrap}

/* ===== 密码弹窗 ===== */
.pwd-panel{background:#fff;border-radius:16px;padding:0;max-width:320px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden;animation:panelPop .18s ease-out}
.pwd-body{padding:24px 24px 22px;text-align:center}
.pwd-body h3{font-size:1.1rem;margin:0 0 18px;color:#134E4A;font-weight:700}
.pwd-input{width:100%;padding:11px 12px;border:1.5px solid #CCEBE7;border-radius:9px;font-size:16px;text-align:center;background:#FBFEFD;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;font-family:inherit;color:#134E4A}
.pwd-input:focus{outline:none;border-color:#0D9488;box-shadow:0 0 0 3px rgba(13,148,136,.12);background:#fff}
.pwd-err{font-size:0.75rem;color:#DC2626;margin-top:10px;display:none}
.pwd-actions{display:flex;gap:10px;margin-top:16px}
.pwd-actions .btn-sm{flex:1}

/* ===== 保存弹窗 ===== */
.modal-mask{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:10000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}
.modal-card{position:relative;width:340px;max-width:92vw;background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35);padding:18px 18px 14px;box-sizing:border-box;animation:panelPop .18s ease-out;overflow:hidden}
.modal-close{position:absolute;top:10px;right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;line-height:1;color:#B0C8C5;cursor:pointer;border-radius:5px;user-select:none}
.modal-close:hover{background:#F0FDFA;color:#134E4A}
.modal-title{font-size:1rem;font-weight:700;color:#134E4A;margin-bottom:4px}
.modal-sub{font-size:0.72rem;color:#7A9C99;margin-bottom:12px;line-height:1.4}
.modal-form{display:flex;flex-direction:column;gap:9px}
.modal-row{display:flex;align-items:center;gap:8px}
.modal-row label{flex:0 0 64px;font-size:0.8rem;color:#5B8A87;text-align:right}
.modal-row input,.modal-row textarea{flex:1;min-width:0;box-sizing:border-box;padding:7px 9px;border:1.5px solid #CCEBE7;border-radius:6px;font-size:0.85rem;font-family:inherit;line-height:1.4;resize:vertical;color:#134E4A;background:#FBFEFD}
.modal-row input:focus,.modal-row textarea:focus{outline:none;border-color:#0D9488}
.spec-group{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.spec-group input{flex:1;min-width:0;box-sizing:border-box;padding:7px 9px;border:1.5px solid #CCEBE7;border-radius:6px;font-size:0.85rem;font-family:inherit;line-height:1.4;color:#134E4A;background:#FBFEFD}
.spec-group input:focus{outline:none;border-color:#0D9488}
.spec-x{flex:0 0 auto;color:#B0C8C5;font-size:0.85rem}
.paper-group{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.gram-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:3px;box-sizing:border-box;padding:7px 9px;border:1.5px solid #CCEBE7;border-radius:6px;font-size:0.85rem;font-family:inherit;line-height:1.4;background:#FBFEFD}
.gram-wrap input{flex:1;min-width:0;border:none;outline:none;padding:0;font-size:0.85rem;font-family:inherit;background:transparent;color:#134E4A}
.gram-wrap input:focus{outline:none}
.gram-unit{flex:0 0 auto;color:#7A9C99;font-size:0.85rem}
.paper-group select{flex:1;min-width:0;box-sizing:border-box;padding:7px 9px;border:1.5px solid #CCEBE7;border-radius:6px;font-size:0.85rem;font-family:inherit;line-height:1.4;background:#FBFEFD;color:#134E4A}
.paper-group select:focus{outline:none;border-color:#0D9488}
.flute-group{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.flute-group input[type=text]{flex:1;min-width:0;box-sizing:border-box;padding:7px 9px;border:1.5px solid #CCEBE7;border-radius:6px;font-size:0.85rem;font-family:inherit;line-height:1.4;color:#134E4A;background:#FBFEFD}
.flute-group input[type=text]:focus{outline:none;border-color:#0D9488}
.flute-group select{flex:1;min-width:0;box-sizing:border-box;padding:7px 9px;border:1.5px solid #CCEBE7;border-radius:6px;font-size:0.85rem;font-family:inherit;line-height:1.4;background:#FBFEFD;color:#134E4A}
.flute-group select:focus{outline:none;border-color:#0D9488}
.cross-label{flex:0 0 auto;display:flex;align-items:center;gap:3px;font-size:0.8rem;color:#5B8A87;white-space:nowrap;cursor:pointer}
.cross-label input[type=checkbox]{width:15px;height:15px;cursor:pointer}
.modal-actions{display:flex;gap:10px;margin-top:16px}
.modal-actions button{flex:1;padding:11px 0;border-radius:8px;font-size:0.88rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s;font-family:inherit}
.modal-actions button:active{transform:scale(.97)}
.btn-cancel{background:#E0F2EF;color:#5B8A87}
.btn-cancel:hover{background:#CCEBE7}
.btn-confirm{background:#0D9488;color:#fff}
.btn-confirm:hover{background:#0F766E}
.btn-primary{background:#0D9488;color:#fff}
.btn-primary:hover{background:#0F766E}
.modal-input-err,.modal-input-err:focus{border:2px solid #DC2626 !important;background:#FFF6F6 !important;outline:none}
.gram-wrap.modal-input-err{border:2px solid #DC2626 !important;background:#FFF6F6 !important}
.gram-wrap.modal-input-err input{border-color:#DC2626 !important}

/* ===== 全局提示条 ===== */
.gtip{background:#134E4A;color:#fff;padding:10px 14px;border-radius:8px;font-size:0.7rem;max-width:320px;line-height:1.7;box-shadow:0 4px 20px rgba(0,0,0,.4);pointer-events:auto;text-align:left;z-index:99999}
.gtip hr{border-color:#3D7A76;margin:4px 0}
.tip-edit{margin-top:8px;text-align:right}
.tip-edit .action-btn{background:#0D9488;color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:0.7rem;cursor:pointer}
.tip-edit .action-btn:hover{background:#0F766E}

/* ===== 移动端 ===== */
@media (max-width: 768px) {
  html{scroll-behavior:smooth;scroll-padding-top:20px}
  body{-webkit-overflow-scrolling:touch}
  .container{max-width:100%;padding:8px}
  .card{padding:10px;scroll-margin-top:20px}
  input[type=password],.field input,.field select,.panel input,.panel select{font-size:16px!important;padding:10px 8px}
  .mode-tab{font-size:0.85rem;padding:10px}
  h2{font-size:0.95rem}
  .btn{padding:12px;font-size:1rem}
  .set-card .srow input{width:60px}
  .overlay .panel{width:95%;max-height:90vh;overflow-y:auto}
  #actionBtns{flex-wrap:wrap}
  #actionBtns .btn{flex:1 1 45%!important;min-width:45%;font-size:0.85rem!important;padding:10px 8px!important}
  #multiQtyTable{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .qb-textarea{font-size:0.8rem!important;min-height:200px}
  .cost-table td .desc{display:block;font-size:0.7rem;margin-top:2px}
}

/* ===== 多数量对比表（统一 Teal 主题） ===== */
#mqToolbar .field label{font-size:0.8rem;color:#5B8A87;margin-bottom:4px;display:block}
#mqCompareTable{width:100%;border-collapse:collapse;font-size:0.85rem;color:#2c3e50;border:1px solid #E0F2EF;border-radius:10px;overflow:hidden;margin-top:2px}
#mqCompareTable thead th{background:#0D9488;color:#fff;padding:9px 10px;border:1px solid #0F766E;text-align:right;font-weight:600;position:sticky;top:0;z-index:2}
#mqCompareTable thead th:first-child{text-align:left}
#mqCompareTable tbody tr{background:#fff;border-bottom:1px solid #E0F2EF;transition:background .15s}
#mqCompareTable tbody tr:nth-child(even){background:#F0FDFA}
#mqCompareTable tbody tr.mq-sel{background:#CCFBF1;box-shadow:inset 4px 0 0 #0D9488;font-weight:600}
#mqCompareTable tbody td{padding:8px 10px;border:1px solid #E0F2EF;text-align:right;font-family:monospace;white-space:nowrap}
#mqCompareTable tbody td:first-child{text-align:left;font-family:inherit;font-weight:600}
/* 报价/个：徽章在前、单价靠右（不影响列右对齐） */
#mqCompareTable tbody td.mq-sp{display:flex;justify-content:flex-end;align-items:center;gap:6px}
#mqCompareTable tbody td.mq-sp .mq-sp-num{margin-left:auto}
/* 行依次淡入上滑 */
#mqCompareTable tbody tr.mq-row{animation:mqRowIn .42s cubic-bezier(.22,.61,.36,1) both}
@keyframes mqRowIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
/* 最划算徽章（纯 💚 圆点） */
.best-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#0D9488;color:#fff;font-size:0.7rem;flex:0 0 auto;vertical-align:middle}
/* 提示药丸（替代原来的行内小字） */
.mq-hint{font-size:0.78rem;color:#0D9488;background:#F0FDFA;border:1px solid #99F6E4;padding:6px 12px;border-radius:999px;margin-bottom:8px;display:inline-block}

/* 暗色模式：多数量表 */
body.dark #mqCompareTable{color:#CBD5E1;border-color:#334155}
body.dark #mqCompareTable thead th{background:#0F766E;border-color:#134E4A}
body.dark #mqCompareTable tbody tr{background:#1E293B;border-bottom-color:#334155}
body.dark #mqCompareTable tbody tr:nth-child(even){background:#172033}
body.dark #mqCompareTable tbody tr.mq-sel{background:#134E4A;box-shadow:inset 4px 0 0 #5EEAD4}
body.dark #mqCompareTable tbody td{border-color:#334155;color:#CBD5E1}
body.dark .best-badge{background:#14B8A6}
body.dark .mq-hint{background:#172033;border-color:#134E4A;color:#5EEAD4}

/* ===== 暗色模式 ===== */
body.dark{background:linear-gradient(180deg,#0F172A 0%,#1A2333 100%);color:#CBD5E1}
body.dark .card{background:#1E293B;border-color:#334155;box-shadow:0 2px 12px rgba(0,0,0,.3)}
body.dark .card h2{color:#5EEAD4;border-bottom-color:#134E4A}
body.dark .field label{color:#94A3B8}
body.dark .field input,.dark .field select{background:#0F172A;border-color:#334155;color:#E2E8F0}
body.dark .field input:focus,.dark .field select:focus{border-color:#14B8A6;box-shadow:0 0 0 3px rgba(20,184,166,.15)}
body.dark .field input[readonly]{background:#1A2333;color:#5EEAD4}
body.dark .btn{background:linear-gradient(135deg,#0F766E,#0D9488)}
body.dark .btn-secondary{background:#1E293B;border-color:#334155;color:#5EEAD4}
body.dark .btn-secondary:hover{background:#0F172A}
body.dark .btn-secondary.gray{border-color:#334155;color:#94A3B8}
body.dark .mode-tab{background:#1E293B;color:#94A3B8}
body.dark .mode-tab.active{background:linear-gradient(135deg,#0F766E,#0D9488);color:#fff}
body.dark .stepper button{background:#0F172A;border-color:#334155;color:#5EEAD4}
body.dark .stepper button:hover{background:#14B8A6;color:#0F172A;box-shadow:0 2px 6px rgba(20,184,166,.3)}
body.dark .stepper input{background:#0F172A;border-color:#334155;color:#E2E8F0}
body.dark .unit-select.unit-green{background:#134E4A;border-color:#14B8A6;color:#5EEAD4}
body.dark .unit-select.unit-orange{background:#3D1A0A;border-color:#F97316;color:#FDBA74}
body.dark .toolbar-input{background:#0F172A;border-color:#334155;color:#E2E8F0}
body.dark .toolbar-input:focus{border-color:#14B8A6;box-shadow:0 0 0 3px rgba(20,184,166,.15)}
body.dark .field select,.dark .toolbar-input,.dark .unit-select,.dark .set-input,.dark .panel select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%235EEAD4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
body.dark .field input:focus,.dark .field select:focus{border-color:#14B8A6;box-shadow:0 0 0 4px rgba(20,184,166,.18)}
body.dark .surface-grid label{background:#1E293B;border-color:#334155;color:#94A3B8}
body.dark .surface-grid label:has(input:checked){background:#134E4A;border-color:#14B8A6;color:#5EEAD4}
body.dark .result-card{border-color:#134E4A}
body.dark .result-header{background:linear-gradient(135deg,#0F766E,#0D9488)}
body.dark .cost-chain{background:#1E293B;border-bottom-color:#334155}
body.dark .cost-chain .cc-val{color:#E2E8F0}
body.dark .cost-table th{background:#134E4A;border-bottom-color:#0F766E;color:#5EEAD4}
body.dark .cost-table td{border-bottom-color:#334155}
body.dark .cost-table .cat-header.cat-material{background:#134E4A;color:#5EEAD4}
body.dark .cost-table .cat-header.cat-print{background:#3D1A0A;color:#F97316}
body.dark .cost-table .cat-header.cat-process{background:#1E1035;color:#A78BFA}
body.dark .cost-table .cat-header.cat-other{background:#134E4A;color:#5EEAD4}
body.dark .cost-table .total-row{background:#1E293B}
body.dark .cost-table .total-row .total-val{color:#F97316}
body.dark .formula-toggle{border-top-color:#334155}
body.dark .formula-toggle span{color:#5EEAD4}
body.dark .formula-detail{background:#1E293B;color:#94A3B8}
body.dark .formula-detail.open{border-top-color:#334155}
body.dark .result-placeholder{background:linear-gradient(135deg,#1E293B,#0F172A);border-color:#334155;color:#475569}
body.dark .result-placeholder .ph-title{color:#94A3B8}
body.dark .stats-bar{box-shadow:0 1px 4px rgba(0,0,0,.3)}
body.dark .stat-item{background:#1E293B;border-right-color:#334155}
body.dark .stat-item .stat-num{color:#5EEAD4}
body.dark .stat-item .stat-label{color:#94A3B8}
body.dark .stat-item.accent .stat-num{color:#F97316}
body.dark .history-table th{background:#134E4A;border-bottom-color:#0F766E;color:#5EEAD4}
body.dark .history-table td{border-bottom-color:#334155}
body.dark .history-table tr:hover{background:#1A2333}
body.dark .history-table .action-btn{background:#0F766E}
body.dark .history-table .action-btn.del{background:#B91C1C}
body.dark .footer{color:#475569}
body.dark .foot-update{color:#475569;border-top-color:#334155}
body.dark .sticky-actions{background:linear-gradient(0deg,rgba(15,23,42,.98) 85%,rgba(15,23,42,0) 100%)}
body.dark .no-result{color:#475569}
body.dark .auto-tag[data-mode="auto"]{background:#134E4A;color:#5EEAD4;border-color:#0F766E}
body.dark .toggle-head{color:#5EEAD4}
body.dark .switch-chip{background:#1E293B;border-color:#334155;color:#94A3B8}
body.dark .switch-chip:has(input:checked){background:#0D9488;border-color:#0D9488;color:#fff}
body.dark .toggle-row{color:#E2E8F0}
body.dark .toggle-track{background:#334155}
body.dark .toggle-row.t-purple .toggle input:checked + .toggle-track{background:#A78BFA}
body.dark .toggle-row.t-red .toggle input:checked + .toggle-track{background:#F87171}
body.dark .toggle-row.t-orange .toggle input:checked + .toggle-track{background:#F97316}
body.dark .cb-check{background:#0F172A;border-color:#334155}
body.dark .cb-check:hover{border-color:#14B8A6}
body.dark .cb-check:checked{background:#0D9488;border-color:#0D9488}
body.dark .auto-tag[data-mode="manual"]{background:#3D1A0A;color:#F97316;border-color:#7C2D12}
body.dark .help-tip{color:#475569}
body.dark .btn-sm.gray{background:#334155;color:#94A3B8}
/* 暗色弹窗 */
body.dark .overlay{background:rgba(0,0,0,.7)}
body.dark .panel{background:#1E293B;box-shadow:0 20px 60px rgba(0,0,0,.5)}
body.dark .panel-head{background:#1E293B;border-bottom-color:#334155}
body.dark .panel-head h3{color:#E2E8F0}
body.dark .panel-head .panel-close{color:#475569}
body.dark .panel-head .panel-close:hover{background:#0F172A;color:#E2E8F0}
body.dark .panel-body{background:#1E293B}
body.dark .set-card h4{color:#E2E8F0}
body.dark .set-card h5{color:#94A3B8}
body.dark .set-card .srow{border-bottom-color:#334155}
body.dark .set-card .srow label{color:#94A3B8}
body.dark .set-card .srow input,.dark .set-input{background:#0F172A;border-color:#334155;color:#E2E8F0}
body.dark .set-card .srow input:focus,.dark .set-input:focus{border-color:#14B8A6}
body.dark .set-card.wide{background:#1E293B;border-color:#334155}
body.dark .set-card.danger{background:#2D1111}
body.dark .press-group{border-top-color:#334155}
body.dark .press-size{color:#E2E8F0}
body.dark .set-card .srow .unit{color:#475569}
body.dark .set-card .srow span{color:#475569}
body.dark .pwd-panel{background:#1E293B}
body.dark .pwd-body{background:#1E293B}
body.dark .pwd-body h3{color:#E2E8F0}
body.dark .pwd-input{background:#0F172A;border-color:#334155;color:#E2E8F0}
body.dark .pwd-input:focus{border-color:#14B8A6}

/* ===== 移动端适配（≤768px）：修复记录卡片横向溢出 + 输入框挤压/标题换行 ===== */
@media (max-width:768px){
  .hist-filter-bar{flex-wrap:wrap}
  .hist-filter-bar #searchInput{flex:1 0 100%}
  .hist-filter-bar #filterMonth{flex:1 1 0;min-width:0}
  .hist-filter-bar #sortBy{flex:1 1 0;min-width:0}
  .hist-action-bar{flex-wrap:wrap}
  .hist-action-bar .btn-sm{flex:1 1 0;min-width:0;justify-content:center}
  .hist-action-bar #selectedCount{flex:1 0 100%;margin-left:0;text-align:right}
  /* 历史表格：允许横向滚动而非撑开容器 */
  .history-table{width:100%;min-width:unset}

  /* —— 手机端参数卡片：每行最多 2 个 field，杜绝输入框被压成 60px —— */
  .row{display:flex;flex-wrap:wrap;gap:10px}
  /* !important 覆盖 HTML 内联 flex（如其他成本 flex:1.5），移动端统一两列等宽 */
  .field{flex:1 1 calc(50% - 5px) !important;min-width:0 !important;max-width:100% !important}
  /* 标题允许换行，但给固定最小高度（单行高），保证同一行各 field 的输入框顶部对齐、不参差不齐 */
  .field label{white-space:normal;min-height:1.05rem;line-height:1.05rem;display:flex;align-items:baseline;flex-wrap:wrap}
  .auto-tag,.help-tip{flex:0 0 auto;white-space:nowrap;align-self:baseline}
  /* 带下拉的 field（色数/X2/印刷机型等）也保持两列等宽 */
  .field select{width:100%}
  /* 内部是 input+select 复合横排的 field（运输区域/其他成本/优惠）：整行排，避免二次切分把输入框压成 60px */
  .field:has(> div[style*="display:flex"]){flex:1 0 100% !important}
  /* 复合横排字段内部：input/select 改竖排堆叠（先 input 占满，下一行 select 全宽） */
  .field > div[style*="display:flex"]{flex-wrap:wrap;gap:6px}
  .field > div[style*="display:flex"] > input,
  .field > div[style*="display:flex"] > select{flex:1 0 100% !important;min-width:0 !important}
}
body.dark .modal-card{background:#1E293B}
body.dark .modal-title{color:#E2E8F0}
body.dark .modal-sub{color:#94A3B8}
body.dark .modal-row label{color:#94A3B8}
body.dark .modal-row input,.dark .modal-row textarea{background:#0F172A;border-color:#334155;color:#E2E8F0}
body.dark .modal-row input:focus,.dark .modal-row textarea:focus{border-color:#14B8A6}
body.dark .spec-group input{background:#0F172A;border-color:#334155;color:#E2E8F0}
body.dark .gram-wrap{background:#0F172A;border-color:#334155}
body.dark .gram-wrap input{color:#E2E8F0}
body.dark .paper-group select,.dark .flute-group select,.dark .flute-group input[type=text]{background:#0F172A;border-color:#334155;color:#E2E8F0}
body.dark .btn-cancel{background:#334155;color:#94A3B8}
body.dark .btn-confirm{background:#0F766E}
body.dark .btn-primary{background:#0F766E}
body.dark .cross-label{color:#94A3B8}
body.dark .cust-tag.c1{background:#134E4A;color:#5EEAD4}
body.dark .cust-tag.c2{background:#1E3A5F;color:#7DD3FC}
body.dark .cust-tag.c3{background:#3D1A0A;color:#F97316}
body.dark .cust-tag.c4{background:#1E1035;color:#A78BFA}
body.dark .cust-tag.c5{background:#2D1111;color:#FCA5A5}
body.dark .cust-tag.c0{background:#1E293B;color:#475569}
body.dark .gtip{background:#0F172A}