:root{--paper:#f7f6f2;--card:#fff;--ink:#292d2a;--muted:#777b76;--sage:#4a5d4e;--line:#e7e6e0;--sand:#d5c9b8;--oil:#c6b68f;--emulsifier:#a3b18a;--essence:#87968a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue","PingFang SC",Arial,sans-serif}.scrub-page{width:min(100% - 32px,760px);margin:0 auto;padding:42px 0 72px}.back-home{display:inline-block;margin:0 0 28px;padding:0;border:0;background:none;color:var(--sage);font:600 13px/1.5 inherit;text-decoration:none;cursor:pointer}.eyebrow{display:block;margin-bottom:13px;color:var(--sage);font-size:10px;font-weight:700;letter-spacing:.2em}h1{margin:0;font:400 clamp(30px,5vw,42px)/1.25 Georgia,"Songti SC",serif}.intro{margin:16px 0 34px;color:var(--muted);font-size:14px;line-height:1.8}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;border-radius:14px;background:#eeede7}.mode-btn{min-height:48px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:600 14px inherit;cursor:pointer}.mode-btn.active{background:#fff;color:var(--sage);box-shadow:0 1px 4px #00000012}.weight-control{display:grid;grid-template-columns:1fr auto;gap:10px 24px;margin:28px 0;padding:28px 0;border-bottom:1px solid var(--line)}.weight-control label{font-weight:700}.weight-control p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.weight-number{border-bottom:2px solid var(--sage)}.weight-number input{width:138px;border:0;background:transparent;color:var(--sage);font:400 52px Georgia,serif;text-align:right;outline:0}.weight-number span{color:var(--sage);font-weight:700}.weight-control input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--sage)}.range-labels{grid-column:1/-1;display:flex;justify-content:space-between;color:#a4a6a2;font-size:12px}.basic-extra{margin:22px 0;border:1px solid var(--line);border-radius:16px;background:#fff}.basic-extra summary{display:flex;justify-content:space-between;align-items:center;padding:19px 20px;cursor:pointer;list-style:none}.basic-extra summary::-webkit-details-marker{display:none}.basic-extra summary strong,.basic-extra summary span{color:var(--sage)}.extra-content{padding:0 20px 20px;border-top:1px solid var(--line)}.extra-content label{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px}.extra-content label>span:first-child{min-width:105px}.extra-content small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.extra-content select{margin-left:0}.extra-content input{width:64px;padding:7px;border:1px solid var(--line);border-radius:8px;font:inherit;text-align:center}.extra-content p{color:var(--muted);font-size:12px;line-height:1.7}.results-head{display:flex;justify-content:space-between;margin:34px 0 14px;color:var(--sage);font-weight:700}.results-head b{font-size:13px}.result{display:grid;grid-template-columns:6px 1fr auto;gap:20px;align-items:center;min-height:110px;margin-top:12px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--card)}.bar{align-self:stretch;background:var(--sand)}[data-type=oil] .bar{background:var(--oil)}[data-type=emulsifier] .bar{background:var(--emulsifier)}[data-type=essence] .bar{background:var(--essence)}.ingredient{padding:20px 0}.ingredient h2{margin:0;color:var(--ink);font-size:17px}.ingredient p{margin:8px 0 0;color:var(--muted);font-size:13px}.ingredient select,.custom-emulsifier{display:block;width:min(100%,280px);margin-top:10px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit}.percent-field{display:flex;align-items:center;gap:7px;margin-top:10px;color:var(--muted);font-size:13px}.percent-field input{width:74px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;font:inherit;text-align:center}.percent-field small{font-size:13px}.aroma-field{display:grid;gap:7px;margin-top:10px;color:var(--muted);font-size:13px}.aroma-field input{width:min(100%,340px);padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}.amount{padding-right:22px;color:var(--sage);white-space:nowrap}.amount span{font:400 26px Georgia,serif}.amount small{margin-left:4px;font-weight:700}.basic-inspiration-section{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.basic-inspiration-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 0 12px;cursor:pointer;list-style:none}.basic-inspiration-section-head::-webkit-details-marker,.basic-inspiration-card summary::-webkit-details-marker{display:none}.basic-inspiration-section-head strong{font-size:18px}.basic-inspiration-section-action{color:var(--sage);font-size:13px}.basic-inspiration-list{display:grid;gap:10px}.basic-inspiration-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.basic-inspiration-card[open]{border-color:#cbd5cd;box-shadow:0 8px 24px rgba(74,93,78,.06)}.basic-inspiration-card summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;cursor:pointer;list-style:none}.basic-inspiration-main{min-width:0}.basic-inspiration-main strong{display:block;margin-bottom:5px;color:var(--sage);font-size:14px}.basic-inspiration-main span{color:var(--muted);font-size:12px;line-height:1.5}.basic-inspiration-arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f1f3f0;color:var(--sage);font-size:17px;transition:transform .2s}.basic-inspiration-card[open] .basic-inspiration-arrow{transform:rotate(45deg)}.basic-inspiration-content{margin:0 18px;padding:14px 0 17px;border-top:1px solid var(--line)}.basic-inspiration-content p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.basic-inspiration-content p+p{margin-top:8px}.basic-sop-section{margin-top:28px;padding:24px;border:1px solid rgba(74,93,78,.08);border-radius:24px;background:var(--card);box-shadow:0 18px 48px rgba(52,58,53,.06)}.basic-sop-title{margin-bottom:18px}.basic-sop-title strong{color:var(--sage);font-size:13px;font-weight:700}.basic-sop-list{display:grid;gap:10px}.basic-sop-step{display:grid;grid-template-columns:30px 1fr;align-items:start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#faf9f6}.basic-sop-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6ede5;color:var(--sage);font:700 13px Georgia,serif}.basic-sop-step p{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.advanced-packaging-tip{display:grid;grid-template-columns:42px 1fr;gap:14px;margin-top:18px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#f8faf8}.advanced-packaging-tip[hidden]{display:none}.advanced-packaging-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e6ede5;font-size:18px}.advanced-packaging-copy strong{display:block;margin-bottom:6px;color:var(--sage);font-size:12px}.advanced-packaging-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.advanced-packaging-copy span{display:block;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);color:#8a8f8a;font-size:11px;line-height:1.6}@media(max-width:600px){.scrub-page{width:min(100% - 28px,760px);padding-top:28px}.weight-number input{width:108px;font-size:42px}.result{gap:14px;min-height:104px}.ingredient h2{font-size:16px}.amount{padding-right:16px}.amount span{font-size:23px}.extra-content label{flex-wrap:wrap}.extra-content label>span:first-child{width:100%}}

/* Advanced ingredient blends only. */
.result.result-blend { grid-template-columns: 7px minmax(0, 1fr); }
.result-blend > .ingredient { min-width: 0; padding-right: 20px; }
.result-blend > .amount[hidden] { display: none; }
.result-blend .blend-row { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.result-blend .blend-row > label { display: block; color: var(--sage); font-size: 13px; font-weight: 600; }
.result-blend .blend-row select { display: block; width: 100%; min-width: 0; margin-top: 8px; }
.result-blend .blend-row-values { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 6px; color: var(--muted); font-size: 13px; }
.result-blend .blend-row-values b { color: var(--sage); white-space: nowrap; }
.result-blend .blend-share-label { display: flex; align-items: center; gap: 6px; }
.result-blend .blend-share-label input { width: 64px; padding: 7px; border: 1px solid var(--line); border-radius: 8px; font: inherit; text-align: center; background: white; }
.result-blend .blend-toggle { margin-top: 8px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 9px; background: #f1f4f0; color: var(--sage); font: inherit; font-size: 13px; cursor: pointer; }
@media (max-width:600px) { .result-blend > .ingredient { padding-right: 14px; } }

/* 仅进阶配方的可选添加区域 */
.advanced-extras { margin: 22px 0; border: 1px solid var(--line); border-radius: 16px; background: var(--card); overflow: hidden; }
.advanced-extras > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 19px 20px; color: var(--sage); cursor: pointer; list-style: none; }
.advanced-extras > summary::-webkit-details-marker { display: none; }
.advanced-extras[open] > summary { border-bottom: 1px solid var(--line); }
.advanced-extras[open] > summary span { transform: none; }
.advanced-extras-content { padding: 0 18px 18px; }
.advanced-extras-content > p { color: var(--muted); font-size: 13px; line-height: 1.7; }
.advanced-extras .advanced-extra-item { grid-template-columns: minmax(0,1fr) auto; gap: 12px; border: 0; border-top: 1px solid var(--line); border-radius: 0; margin-top: 0; }
.advanced-extra-item > .bar { display: none; }
.advanced-extra-item .ingredient { min-width: 0; }
.advanced-extra-item .ingredient label { display: block; margin-top: 12px; font-size: 13px; color: var(--muted); }
.advanced-extra-item .ingredient select, .advanced-extra-item input[type=text] { width: 100%; min-width: 0; box-sizing: border-box; }
.advanced-extra-item input[type=text] { margin-top: 8px; border: 1px solid var(--line); border-radius: 9px; padding: 9px; font: inherit; }
.advanced-extra-item .ingredient .extra-percent { display: flex; align-items: center; gap: 8px; }
.advanced-extra-item input[type=number] { width: 70px; border: 1px solid var(--line); border-radius: 8px; padding: 8px; font: inherit; text-align: center; }
.advanced-extra-item .amount { padding-right: 0; }

/* 进阶版香气搭配灵感，仅作用于新增折叠区。 */
.advanced-extra-item .aroma-inspiration { margin-top: 12px; border: 1px solid var(--line); border-radius: 10px; padding: 12px; }
.aroma-inspiration > summary { display: flex; justify-content: space-between; gap: 10px; cursor: pointer; color: var(--sage); font-size: 13px; font-weight: 600; list-style: none; }
.aroma-inspiration > summary::-webkit-details-marker { display: none; }
.aroma-inspiration[open] > summary > span { transform: rotate(45deg); }
.aroma-ideas { display: grid; gap: 8px; margin-top: 12px; }
.aroma-idea { display: grid; gap: 5px; width: 100%; min-width: 0; padding: 10px; border: 1px solid var(--line); border-radius: 9px; text-align: left; background: #f8faf7; color: var(--ink); cursor: pointer; font: inherit; overflow-wrap: anywhere; }
.aroma-idea strong { color: var(--sage); font-size: 13px; }
.aroma-idea span { font-size: 12px; line-height: 1.6; }
.aroma-idea small { color: var(--muted); font-size: 12px; line-height: 1.6; }
.aroma-idea:hover { border-color: var(--sage); }
.aroma-idea:focus-visible { outline: 2px solid var(--sage); outline-offset: 2px; }
.advanced-extra-item .aroma-inspiration > p { font-size: 12px; line-height: 1.7; }

/* 复配原料的克重保持靠右；首行直接显示选择框。 */
.result-blend .blend-row-values b { margin-left: auto; }
.result-blend .ingredient > .blend-row:first-of-type { padding-top: 0; border-top: 0; }

/* 可选区标题与说明相连；功能粉料支持同区添加多行。 */
.advanced-extras[open] > summary { border-bottom: 0; padding-bottom: 6px; }
.advanced-extras-content > p:first-child { margin-top: 0; margin-bottom: 14px; }
.powder-group { padding: 0 0 12px; }
.powder-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.powder-head h2 { margin: 0; color: var(--ink); font-size: 17px; }
.powder-head button, .powder-select button { flex-shrink: 0; width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 8px; color: var(--sage); background: #f8faf7; cursor: pointer; font-size: 20px; }
.advanced-extras .powder-item { border-top: 0; min-height: 0; }
.powder-item .ingredient { padding: 10px 0; }
.powder-select { display: flex; align-items: center; gap: 8px; }
.powder-select select { flex: 1; margin-top: 0; }
.powder-hint { line-height: 1.7; }
@media(max-width:600px) { .powder-head h2 { font-size: 16px; } }