/* ═══════════════ 技术体系总览 ═══════════════ */
.tech-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.tech-card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:36px 32px;display:flex;flex-direction:column;gap:16px;transition:transform .4s var(--ease),box-shadow .4s;position:relative;overflow:hidden;}
.tech-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.tech-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px -16px rgba(42,26,16,.2)}
.tech-card:hover::before{transform:scaleX(1)}
.tech-card-icon{width:52px;height:52px;border-radius:4px;background:rgba(196,69,44,.08);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.tech-card-icon svg{width:26px;height:26px}
.tech-card h3{font-family:var(--display);font-weight:900;font-size:20px}
.tech-card p{font-size:14px;color:var(--muted);line-height:1.8}
.tech-card .tech-num{font-family:var(--display);font-size:13px;color:var(--accent);letter-spacing:.2em;font-weight:700}
@media(max-width:760px){.tech-overview{grid-template-columns:1fr}}

/* ═══════════════ 一腌二泡详解 ═══════════════ */
.craft-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center;margin-top:56px}
.craft-steps{display:flex;flex-direction:column;gap:32px}
.craft-step{display:flex;gap:24px;align-items:flex-start}
.craft-step-num{flex:none;width:56px;height:56px;border-radius:4px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:24px;}
.craft-step h4{font-family:var(--display);font-weight:900;font-size:20px;margin-bottom:8px}
.craft-step p{font-size:14.5px;color:var(--muted);line-height:1.8}
.craft-step .step-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.craft-step .step-point{padding:4px 12px;background:var(--canvas-2);border-radius:999px;font-size:12px;font-weight:600;color:var(--ink)}
.craft-visual{position:relative}
.craft-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;box-shadow:0 24px 60px -20px rgba(42,26,16,.3)}
.craft-badge{position:absolute;top:-16px;right:0px;background:var(--accent);color:#fff;padding:14px 22px;border-radius:4px;font-family:var(--display);font-weight:900;font-size:18px;box-shadow:0 12px 32px -8px rgba(196,69,44,.5)}
@media(max-width:900px){.craft-detail-grid{grid-template-columns:1fr}}

/* ═══════════════ 对比表格 ═══════════════ */
.compare-wrap{margin-top:56px;overflow-x:auto;border-radius:4px;border:1px solid var(--line)}
.compare-table{width:100%;border-collapse:collapse;min-width:600px}
.compare-table th,.compare-table td{padding:18px 24px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}
.compare-table thead th{background:var(--world);color:var(--canvas);font-family:var(--display);font-weight:900;font-size:15px}
.compare-table thead th.accent-col{background:var(--accent)}
.compare-table tbody tr:last-child td{border-bottom:none}
.compare-table tbody tr:nth-child(even){background:var(--canvas-2)}
.compare-table td:first-child{font-weight:700;color:var(--ink)}
.compare-table .bad{color:#999;text-decoration:line-through}
.compare-table .good{color:var(--accent);font-weight:700}

/* ═══════════════ 老卤养护 ═══════════════ */
.brine-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px}
.brine-card{background:rgba(255,255,255,.06);border:1px solid rgba(244,238,227,.1);border-radius:4px;padding:32px 28px;display:flex;flex-direction:column;gap:14px}
.brine-card h4{font-family:var(--display);font-weight:900;font-size:18px;color:var(--canvas);display:flex;align-items:center;gap:12px}
.brine-card h4 .num{width:32px;height:32px;border-radius:4px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}
.brine-card p{font-size:14px;color:rgba(244,238,227,.65);line-height:1.8}
.brine-card ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.brine-card ul li{font-size:13.5px;color:rgba(244,238,227,.6);line-height:1.7;padding-left:20px;position:relative}
.brine-card ul li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
@media(max-width:760px){.brine-grid{grid-template-columns:1fr}}

/* ═══════════════ 发黑解决方案 ═══════════════ */
.black-solution{margin-top:56px;display:flex;flex-direction:column;gap:20px}
.black-item{background:#fff;border:1px solid var(--line);border-radius:4px;padding:28px 32px;display:flex;gap:24px;align-items:flex-start;transition:box-shadow .3s}
.black-item:hover{box-shadow:0 12px 32px -12px rgba(42,26,16,.15)}
.black-item .reason{flex:0 0 200px}
.black-item .reason h4{font-family:var(--display);font-weight:900;font-size:16px;margin-bottom:6px;color:var(--accent)}
.black-item .reason p{font-size:13px;color:var(--muted);line-height:1.7}
.black-item .solution{flex:1}
.black-item .solution h5{font-size:14px;font-weight:700;margin-bottom:8px;color:var(--ink)}
.black-item .solution p{font-size:14px;color:var(--muted);line-height:1.8}
@media(max-width:760px){.black-item{flex-direction:column}.black-item .reason{flex:none}}

/* ═══════════════ 折秤数据对比 ═══════════════ */
.loss-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:56px;align-items:stretch}
.loss-card{border-radius:4px;padding:40px 36px;display:flex;flex-direction:column;gap:20px}
.loss-card.traditional{background:var(--canvas-2);border:1px solid var(--line)}
.loss-card.innovative{background:var(--accent);color:#fff}
.loss-card h3{font-family:var(--display);font-weight:900;font-size:22px}
.loss-card .loss-num{font-family:var(--display);font-weight:900;font-size:clamp(2.5rem,5vw,4rem);line-height:1}
.loss-card.traditional .loss-num{color:var(--muted)}
.loss-card.innovative .loss-num{color:#fff}
.loss-card .loss-label{font-size:14px;opacity:.7}
.loss-card ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:auto}
.loss-card ul li{font-size:14px;line-height:1.7;display:flex;gap:10px;align-items:flex-start}
.loss-card ul li svg{width:16px;height:16px;flex:none;margin-top:3px}
.loss-card.traditional ul li svg{color:var(--muted)}
.loss-card.innovative ul li svg{color:#fff}
.loss-summary{margin-top:32px;text-align:center;font-size:15px;color:var(--muted)}
.loss-summary strong{color:var(--accent);font-family:var(--display);font-size:18px}
@media(max-width:760px){.loss-grid{grid-template-columns:1fr}}

/* ═══════════════ 覆盖品类 ═══════════════ */
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.category-item{background:#fff;border:1px solid var(--line);border-radius:4px;padding:24px 20px;text-align:center;transition:all .3s;}
.category-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 28px -12px rgba(42,26,16,.15)}
.category-item .cat-icon{width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:rgba(196,69,44,.08);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.category-item .cat-icon svg{width:22px;height:22px}
.category-item h4{font-family:var(--display);font-weight:900;font-size:15px;margin-bottom:4px}
.category-item p{font-size:12px;color:var(--muted)}
@media(max-width:900px){.category-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.category-grid{grid-template-columns:1fr}}