:root{color:#29342e;font-synthesis:none;font-optical-sizing:auto;--ink:#29342e;--muted:#68736c;--green:#435d4b;--line:#d9ddd4;--paper:#fbfaf6;--gold:#c38c46;background:#f3f1eb;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}.catalog-shell,.product-shell{max-width:1080px;margin:auto;padding:24px 30px 70px}.site-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:8px 0 20px;font-size:.9rem;display:flex}.wordmark{letter-spacing:.04em;color:var(--ink);font-weight:700;text-decoration:none}.symbol-legend{border-bottom:1px solid var(--line);color:#4e5c52;flex-wrap:wrap;gap:10px 22px;padding:14px 0;font-size:.84rem;display:flex}.symbol-legend b{margin-right:5px}.catalog-intro{padding:58px 0 32px}.eyebrow{color:#758075;letter-spacing:.15em;margin:0 0 10px;font-size:.73rem;font-weight:700}.catalog-intro h1,.hero-panel h1{letter-spacing:-.045em;margin:.2rem 0 1rem;font-size:clamp(2.3rem,6vw,4.6rem);font-weight:600;line-height:1.08}.catalog-intro>p:last-child{color:var(--muted)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.product-tile,.technique-tile{background:var(--paper);border:1px solid var(--line);flex-direction:column;align-items:flex-start;min-height:260px;padding:28px;text-decoration:none;display:flex}.product-tile{background:#e6ece3}.tile-kicker{color:var(--green);letter-spacing:.08em;font-size:.77rem}.catalog-grid h2{margin:24px 0 8px;font-size:1.65rem}.catalog-grid p{color:var(--muted);margin:0}.tile-link{color:var(--green);margin-top:auto;padding-top:26px;font-weight:700}.catalog-shell footer,.page-foot{color:#818980;margin-top:48px;font-size:.8rem}.hero-panel{grid-template-columns:1fr 220px;align-items:center;gap:16px 32px;padding:48px 0 20px;display:grid;position:relative}.hero-panel h1{font-size:clamp(2.6rem,6vw,4.2rem)}.hero-key{color:#5c695e;font-size:1.1rem}.hero-art{color:#4c6653;text-align:center;letter-spacing:.1em;background:linear-gradient(140deg,#d9e0d4,#bac9ba);border-radius:3px;place-items:center;height:180px;font-size:1.3rem;font-weight:600;display:grid}.timeline{background:#ddd;grid-column:1/-1;height:9px;margin-top:20px;display:flex;overflow:hidden}.timeline-active{background:#576f5a}.timeline-wait{background:#d6c39e}.timeline-labels{color:var(--muted);grid-column:1/-1;justify-content:space-between;font-size:.78rem;display:flex}.formula-section{margin:48px 0}.section-heading,.mode-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:15px;display:flex}.section-heading h2,.mode-bar h2{margin:0;font-size:1.8rem}.scale-control{color:var(--muted);align-items:center;gap:10px;display:flex}.scale-control input{border:1px solid var(--line);background:var(--paper);width:76px;font:inherit;padding:10px}.formula-tools{justify-content:space-between;align-items:center;padding:15px 0;display:flex}.segmented{border:1px solid var(--line);background:#e9e9e2;gap:3px;padding:3px;display:inline-flex}.segmented button,.follow-toggle{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:9px 14px}.segmented button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #29342e18}.formula-tools>span{color:var(--muted)}.formula-tools b{color:var(--ink)}.formula-group{padding:16px 0 4px}.formula-group h3{margin:0 0 7px;font-size:1rem}.formula-group table{border-collapse:collapse;text-align:left;width:100%}.formula-group th,.formula-group td{border-bottom:1px solid var(--line);padding:12px 8px;font-size:.9rem}.formula-group th{font-weight:500}.formula-group td:last-child,.formula-group th:last-child{text-align:right}.formula-group small{color:#858e84;font-size:.73rem;font-weight:400;display:block}.prep-mark{color:#6a6954;font-size:.78rem}.method-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:38px 0;display:grid}.method-card{text-align:left;background:var(--paper);border:1px solid var(--line);font:inherit;color:var(--ink);cursor:pointer;flex-direction:column;align-items:start;gap:8px;padding:18px;display:flex}.method-card.is-recommended{background:#e8eee5;border-color:#788d78}.method-card>span{color:var(--green);font-size:.72rem;font-weight:700}.method-card strong{font-size:1.1rem}.method-card small{color:var(--muted);font-size:.8rem}.mode-bar{align-items:center;margin-bottom:18px}.follow-toggle{background:var(--green);color:#fff;padding:10px 17px}.follow-toggle[aria-pressed=true]{background:#263d2d}.follow-progress{background:var(--paper);z-index:4;border:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px;position:sticky;top:0}.follow-progress:not([hidden]){display:flex}.follow-progress button{background:var(--green);color:#fff;border:0;padding:9px 18px;font-size:1.2rem}.stage-section{margin:34px 0 54px}.stage-heading{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.stage-heading h2{margin:0;font-size:1.25rem}.stage-heading>span:last-child{color:#899187;margin-left:auto;font-size:.78rem}.stage-marker{color:var(--green);font-size:1.1rem}.step-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,58%) 1fr;align-items:center;gap:24px;padding:22px 0;display:grid}.step-image{aspect-ratio:1.52;color:#8e9188;background:#e8e4db;place-items:center;min-height:180px;display:grid}.pending-mark{font-size:2.2rem}.step-image{position:relative;overflow:hidden}.ai-tag{color:#fff;background:#29342e99;border-radius:3px;padding:2px 6px;font-size:.66rem;position:absolute;bottom:6px;right:6px}.step-photo{object-fit:cover;width:100%;height:100%;display:block}.state-art{width:100%;height:100%;font:12px sans-serif;display:block}.step-copy{padding:4px 0}.step-index{color:#778277;letter-spacing:.06em;margin:0 0 7px;font-size:.72rem}.step-copy h3{margin:0 0 8px;font-size:1.15rem}.step-copy>p{margin:7px 0;line-height:1.55}.signal{color:#536950}.warning{color:#805a29}.warning b{font-weight:700}.timer,.wait-window{color:#716240;font-size:.9rem}.technique-ref{color:var(--green);margin-top:12px;font-size:.83rem}.technique-ref summary{cursor:pointer}.technique-ref a{padding:8px 0;display:inline-block}.technique-page{margin:36px 0}.technique-card{background:#e8ece4;border:1px solid #d2dbcf;padding:20px 24px}.technique-card>summary{cursor:pointer;color:var(--green);align-items:center;gap:15px;display:flex}.technique-card>summary span{font-size:.75rem}.technique-card>summary strong{font-size:1.2rem}.technique-card li,.technique-card p{line-height:1.6}.technique-card h3{margin:20px 0 4px;font-size:.88rem}.tip-box{border-top:1px solid var(--line);margin-top:50px;padding:18px 0}.tip-box summary{cursor:pointer;font-weight:600}.tip-box p{color:var(--muted)}.page-foot{text-align:center;border-top:1px solid var(--line);padding-top:20px}@media (width<=600px){.catalog-shell,.product-shell{padding:14px 16px 45px}.catalog-grid{grid-template-columns:1fr;gap:12px}.catalog-intro{padding:40px 0 24px}.product-tile,.technique-tile{min-height:220px}.hero-panel{grid-template-columns:1fr 110px;gap:8px 14px;padding-top:34px}.hero-art{height:114px;font-size:1rem}.hero-key{font-size:.92rem}.symbol-legend{gap:8px 13px;font-size:.75rem}.step-row{grid-template-columns:minmax(0,58%) 1fr;align-items:start;gap:13px;padding:15px 0}.step-image{aspect-ratio:1.12;min-height:125px}.step-copy h3{font-size:1rem}.step-copy>p{font-size:.85rem;line-height:1.45}.step-index{font-size:.67rem}.warning,.signal,.timer,.wait-window{font-size:.78rem!important}.technique-ref{font-size:.75rem}.formula-group th,.formula-group td{padding:10px 4px;font-size:.78rem}.formula-group small{font-size:.65rem}.formula-group td:nth-child(2){max-width:72px}.method-nav{gap:8px}.method-card{padding:13px 11px}.method-card strong{font-size:.92rem}.method-card small{font-size:.7rem}.section-heading h2,.mode-bar h2{font-size:1.5rem}}.timer-control{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timer-control p{margin:7px 0}.timer-control button{border:1px solid var(--line);background:var(--paper);color:var(--green);font:inherit;cursor:pointer;padding:5px 9px;font-size:.75rem}.timer-control output{font-variant-numeric:tabular-nums;color:var(--green);font-size:.8rem}.timer-control button:disabled{color:var(--muted);cursor:default}.yield-list{color:var(--muted);margin:0 0 1rem;padding:0;font-size:.95rem;line-height:1.7;list-style:none}.yield-list b{color:var(--ink)}.batch-note,.oven-line{color:var(--green);margin:.3rem 0;font-weight:600}.technique-links{margin:32px 0}.technique-links ul{padding-left:1.2rem;line-height:1.9}.fault{margin:.5rem 0;line-height:1.6}.step-bullets{margin:8px 0;padding:0;font-size:.9rem;line-height:1.5;list-style:none}.step-bullets li{margin:3px 0}.step-bullets b{min-width:3.4em;color:var(--green);margin-right:6px;font-size:.72rem;font-weight:700;display:inline-block}@media (width<=600px){.step-bullets{font-size:.78rem}.step-bullets b{min-width:0;font-size:.64rem;display:block}}