:root{--bg:#f4f1ea;--card:#ffffffbd;--solid:#fffdf8;--ink:#342e26;--muted:#867b6c;--line:#dcd4c6;--accent:#c4662b;--soft:#f3e4cf;--green:#426b4d;--shadow:0 10px 35px #66512d09;color-scheme:light}html[data-theme=dark]{--bg:#1e1d1a;--card:#2b2925d9;--solid:#302d27;--ink:#eee5d7;--muted:#b6a995;--line:#494237;--accent:#f0a36a;--soft:#453426;--green:#a4c999;--shadow:0 10px 35px #0001;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background-color:var(--bg);background-image:linear-gradient(#967b5010 1px,transparent 1px),linear-gradient(90deg,#967b5010 1px,transparent 1px);background-size:34px 34px;color:var(--ink);font:15px/1.65 system-ui,-apple-system,"Noto Sans SC","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid var(--line);background:var(--solid);border-radius:10px;padding:9px 15px;min-height:44px}button:hover{border-color:var(--accent);color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:650}.primary:hover{filter:brightness(1.08);color:var(--bg)}.sitebar{max-width:1280px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:750}.brand span{font-size:12px;font-weight:400;color:var(--muted)}.icon-button{border:0;background:transparent;font-size:23px;padding:4px 10px}main{max-width:1280px;margin:auto;padding:0 32px}.hero{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:60px 0 42px}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--muted);margin:0 0 9px}h1{font-size:clamp(32px,4.5vw,63px);line-height:1.2;letter-spacing:-.055em;font-weight:800;margin:12px 0}h1 span{color:var(--accent)}.tagline{font-size:16px;margin:13px 0 0;color:var(--muted)}.hero-note{min-width:215px;padding:21px 26px;border-left:1px solid var(--line)}.hero-note>span{font-size:11px;color:var(--muted)}.hero-note strong{display:block;font:27px/1.8 Georgia,"Noto Serif SC",serif}.hero-note p{font-size:11px;color:var(--muted);margin:4px 0}.top-actions,.actions,.view-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-actions{justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.view-tabs{gap:20px;font-size:12px}.view-tabs a{padding:8px 0}.actions button{font-size:12px;background:transparent}section{margin-bottom:46px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 12px}h2{font-size:23px;letter-spacing:-.03em;margin:0}.hint,.storage-note{font-size:12px;color:var(--muted);line-height:1.8}.hint{margin:10px 0 20px}.empty{text-align:center;padding:45px 20px;background:var(--card);border:1px dashed var(--line);border-radius:20px}.empty>span{font-size:34px}.empty h3{font-size:18px;margin:12px 0}.empty p{color:var(--muted);font-size:13px}.product{background:var(--card);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;margin-bottom:15px;padding:22px 24px;box-shadow:var(--shadow)}.product-head{display:flex;gap:12px;align-items:center;margin-bottom:17px}.product-head .number{font:italic 23px Georgia,serif;color:var(--accent)}.product-head .use{font-size:12px;display:flex;gap:7px;align-items:center;margin-left:auto}.product-head .remove{border:0;background:transparent;color:var(--muted);font-size:12px;padding:7px 9px}.fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 16px}label.field{display:block;font-size:11px;color:var(--muted);min-width:0}.field input,.field select,.field textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line);background:var(--solid);padding:9px 11px;min-height:43px;border-radius:8px;font-size:14px;color:var(--ink);min-width:0}.field textarea{resize:vertical;min-height:80px}.span2{grid-column:span 2}.span4{grid-column:1/-1}.field small{font-size:10px;display:block;margin-top:3px}.product details{border-top:1px solid var(--line);margin-top:17px;padding-top:13px}.product summary{cursor:pointer;font-size:12px;color:var(--accent);padding:4px 0}.detail-fields{margin-top:14px}.inline-check{display:flex;align-items:center;gap:8px;font-size:12px;min-height:44px}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0}.offer-box{background:var(--soft);border-radius:12px;padding:13px 16px;margin-top:16px}.offer-box .fields{grid-template-columns:1.2fr 1fr 1fr;align-items:end}.order{border:1px solid var(--line);border-radius:15px;background:var(--card);padding:20px 22px;margin-bottom:12px}.order-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.order h3{font-size:15px;margin:0}.order p{font-size:11px;color:var(--muted);margin:5px 0}.order-total{font:27px Georgia,serif;color:var(--accent);white-space:nowrap}.order-fields{margin-top:14px}.order-options{display:flex;gap:20px;flex-wrap:wrap}.switch{display:flex;gap:8px;align-items:center;font-size:12px}.sort-label{font-size:12px;color:var(--muted)}.sort-label select{max-width:170px;border:1px solid var(--line);border-radius:7px;padding:8px;background:var(--solid);font-size:12px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 26px}.summary-cell{padding:19px 21px;background:var(--card);border:1px solid var(--line);border-radius:14px}.summary-cell span{font-size:11px;color:var(--muted)}.summary-cell strong{font:31px/1.7 Georgia,serif;display:block}.summary-cell small{font-size:10px;color:var(--muted)}.result-group h3{font-size:15px;border-bottom:1px solid var(--line);padding-bottom:12px;margin:25px 0 15px}.result-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:21px 23px;margin-bottom:13px}.result-card.best{border-color:var(--green)}.result-title{display:flex;justify-content:space-between;align-items:start;gap:15px}.result-title h4{font-size:18px;margin:3px 0}.result-title p{font-size:11px;color:var(--muted);margin:2px 0}.badge{font-size:10px;color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent);padding:4px 9px;border-radius:20px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0}.metric{border-left:1px solid var(--line);padding-left:13px}.metric:first-child{border-left:0;padding-left:0}.metric span{display:block;font-size:10px;color:var(--muted)}.metric strong{font:24px/1.6 Georgia,serif}.metric small{font-size:10px;margin-left:4px}.bar-track{height:4px;border-radius:5px;background:var(--soft);margin:13px 0}.bar{height:100%;border-radius:5px;background:var(--accent)}.result-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.result-foot a{color:var(--accent)}.nutrition-line{font-size:11px;color:var(--muted);padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.feature{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}.error{font-size:12px;padding:12px 15px;background:#bf603415;border:1px solid #bf60344a;border-radius:10px;color:var(--accent);margin-bottom:8px}#notice{font-size:12px;color:var(--accent);min-height:20px;margin:8px 0}footer{margin:25px auto 0;padding:25px 20px 35px;text-align:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}footer a{color:var(--accent)}.storage-note{text-align:center;margin:40px 0 15px}[hidden]{display:none!important}@media(max-width:760px){main{padding:0 17px}.sitebar{padding:17px 19px}.hero{padding:35px 0 25px;gap:0}.hero-note{display:none}h1{font-size:clamp(30px,7.6vw,48px)}.tagline{font-size:14px}.top-actions{gap:14px}.view-tabs{gap:20px;width:100%}.actions{gap:6px}.actions button{padding:8px 13px}.section-heading{align-items:start}h2{font-size:20px}.section-heading>.primary{font-size:12px;padding:8px 12px}.product{padding:17px 15px;border-radius:15px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.span4{grid-column:1/-1}.field input,.field select,.field textarea{font-size:16px}.product-head{gap:8px}.product-head .use{font-size:11px}.product-head .remove{font-size:11px}.offer-box{padding:11px}.offer-box .fields{grid-template-columns:1fr 1fr}.offer-box .inline-check{grid-column:1/-1}.order{padding:17px 15px}.order-fields .span2{grid-column:span 1}.order-options{gap:5px 15px}.summary-grid{gap:7px}.summary-cell{padding:12px 10px}.summary-cell strong{font-size:23px}.summary-cell span{font-size:10px}.summary-cell small{font-size:9px}.result-card{padding:18px 15px}.result-title h4{font-size:17px}.metrics{grid-template-columns:repeat(2,1fr);gap:14px}.metric:nth-child(3){border-left:0;padding-left:0}.metric strong{font-size:25px}.sort-label{max-width:150px}.sort-label select{width:100%;margin-top:5px;font-size:11px}.result-title h4,.order h3{overflow-wrap:anywhere}.order-total{font-size:24px}.hint{font-size:11px}section{margin-bottom:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}