/* 统一紧凑布局与显示模式，原主题样式保留。 */
:root{--blue:#1555de;--navy:#172b46;--muted:#52647b;--paper:#f3f6fa;--card:#fff;--line:#dbe3ed;--surface:#eef4fc;--soft:#dce8fa;--warning:#fff3d7;--warntext:#725016;--danger:#fff0f2;--dangertext:#922a40;--accenttext:#234b91;color-scheme:light}
:root[data-theme=dark]{--blue:#8eb4ff;--navy:#e5edf8;--muted:#b4c2d5;--paper:#111822;--card:#1b2533;--line:#3b4d65;--surface:#253247;--soft:#2b405f;--warning:#44371f;--warntext:#ffdb91;--danger:#452a36;--dangertext:#ffb3c4;--accenttext:#b8d0ff;color-scheme:dark}
body{background:var(--paper);color:var(--navy)}button,input,select{color:var(--navy)}button:disabled{opacity:.65;cursor:default}
.primary,#storageBlock .opening-action,.list-tabs button[aria-selected=true],.section-nav a[aria-selected=true],.segments button.active{background:var(--blue);border-color:var(--blue);color:#fff}
[data-theme=dark] .primary,[data-theme=dark] #storageBlock .opening-action,[data-theme=dark] .list-tabs button[aria-selected=true],[data-theme=dark] .section-nav a[aria-selected=true],[data-theme=dark] .segments button.active{color:#12233f}
header{position:relative;padding-top:12px;padding-bottom:12px}.brand span{display:none}.brand-home{display:flex;gap:14px;align-items:center;min-width:0}.home-entry{font-size:.875rem;font-weight:650;text-decoration:none;white-space:nowrap;padding:10px 0}.brand-home .brand{border-left:1px solid var(--line);padding-left:14px;font-size:1.2rem;white-space:nowrap}.tools{align-items:center;flex-wrap:wrap}
.display-settings{position:relative;border:0;padding:0}.display-settings>summary{list-style:none;border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:.875rem;font-weight:400;color:var(--navy);min-height:40px}.display-settings>summary::-webkit-details-marker{display:none}.settings-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:190px;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:12px;box-shadow:0 8px 24px #0002}.settings-panel button{width:100%;margin-bottom:12px}.settings-panel label{display:grid;gap:6px;font-size:.875rem}.settings-panel select{width:100%}
.product-head{padding:18px 20px}.product-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.product-title h1{font-size:1.5rem;margin:0;flex:1;min-width:180px}.product-title button{font-size:.875rem;min-height:44px;white-space:nowrap;color:var(--blue)}
#specification{font-size:.875rem;margin:6px 0}.category{background:transparent;color:var(--accenttext);padding:0;font-size:.95rem;margin:0 0 8px}
#detailAllergySlot{margin:4px 0 12px}.decision{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.decision .allergy,.decision .shopping{border:0;border-radius:0;padding:10px 12px;background:transparent;color:var(--navy)}.decision .allergy{border-left:3px solid #bc3f55;background:var(--danger)}.decision .shopping{border-top:1px solid var(--line)}.decision strong{font-size:.95rem}.decision .allergy p,.decision .shopping p{font-size:1rem;margin:4px 0}.decision .allergy p{color:var(--dangertext)}.allergy small,.shopping strong{color:var(--muted)}
.remaining-overview{font-size:1.25rem;font-weight:750;margin:12px 0 6px;color:var(--blue)}.remaining-overview[data-tone=expired]{color:var(--dangertext)}.remaining-overview[data-tone=near]{color:var(--warntext)}#identity{padding:0 0 6px}.compact-dates{margin:4px 0}.package-line{font-size:.875rem;margin-top:4px}
#prioritySlot .storage-group{background:transparent!important;border:0;border-top:1px solid var(--line);border-radius:0;padding:10px 0 0;margin:8px 0 0}#storagePanel .opening-meta{font-size:.875rem}#storageBlock .opening-action{min-height:44px;margin-top:7px}#storageBlock .open-editor{margin-top:5px}.time-heading{font-size:1rem}.time-heading.late{color:var(--dangertext)}.time-heading.near{color:var(--warntext)}
#foodInfo .column-title,#nutritionInfo .column-title,#sourceInfo .column-title,#testInfo .column-title{display:none}.main-section{margin-top:0}.section-nav{background:var(--surface);border-color:var(--line)}.section-nav a{color:var(--accenttext)}.section-nav a[aria-selected=true]{color:#fff}.info-block,.eat-section,.storage-group,.process-block,.report-block,.risk-block,.ingredient-block,.footer-picker,.empty-state{background:var(--surface);border-color:var(--line)}.content{background:var(--card)}
.food-link{background:var(--card)}.food-category{color:var(--accenttext)}.food-allergen{color:var(--dangertext)}.swipe-card{border-color:var(--line);background:var(--danger)}.food-delete{background:var(--danger);color:var(--dangertext);border-color:var(--dangertext)}.food-restore{background:var(--surface);color:var(--blue);border-color:var(--line)}.status-pill{background:var(--soft);color:var(--accenttext)}.status-pill.expired{background:var(--danger);color:var(--dangertext)}.status-pill.near{background:var(--warning);color:var(--warntext)}.status-pill.unknown{background:var(--surface);color:var(--muted)}.food-bottom,.food-category,.status-pill{font-size:.875rem}
.home-heading{margin:12px 0 18px}.home-heading h1{font-size:1.6rem}.managed-list{gap:10px}.food-link{padding-top:15px;padding-bottom:15px}.home-links{margin-top:16px}.home-links:empty{display:none}input,select,.segments button{background:var(--surface)}.segments button{border-color:var(--line);color:var(--accenttext)}
.nutrition .energy-card,.nutrition .nut-card{background:var(--surface)!important;border-color:var(--line)!important}.nutrition .energy-card>span{color:var(--accenttext)}.ingredient:nth-child(odd),.ingredient:nth-child(even){background:var(--surface)}.nrv-inline-bar,.time-track{background:var(--soft)}.nrv-inline-bar i,.time-track i{background:var(--blue)}.deadline-condition,#deadline{background:var(--surface);color:var(--muted)}.unverified-info,.attention{background:var(--warning);color:var(--warntext)}.attention h3,.attention p{color:var(--warntext)}#urgent,.expired{background:var(--danger)!important;color:var(--dangertext)!important;border-color:var(--dangertext)}.dialog-error,#validation{color:var(--dangertext)}.file-button{border-color:var(--line);color:var(--blue)}.time-dates,.time-ticks,.footer-picker label{color:var(--muted)}
body[data-page=read]{background:var(--paper)}.reader{max-width:760px;padding:12px;display:flex;flex-direction:column;min-height:100svh;gap:12px}.reader-play{width:100%;min-height:66svh;border:2px solid var(--line);border-radius:16px;background:var(--surface);color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;text-align:center;gap:22px}.reader-brand{font-size:.875rem;color:var(--muted)}.reader-name{font-size:1.6rem;font-weight:750;line-height:1.4;overflow-wrap:anywhere}.reader-section{font-size:1.1rem;color:var(--accenttext)}.reader-action{font-size:1.9rem;font-weight:750;color:var(--blue)}.reader-hint{font-size:.875rem;color:var(--muted);max-width:24em}.reader-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reader-nav button{min-height:15svh;font-size:1.25rem;background:var(--card);border-radius:12px}.reader-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.875rem;color:var(--muted);padding:6px 2px}.reader-footer a{padding:8px 0}.reader #readError:empty{display:none}.reader button:focus-visible{outline:3px solid #dca533;outline-offset:2px}
body.large .reader-name{font-size:2rem}body.large .reader-action{font-size:2.2rem}body.large .reader-nav button{font-size:1.5rem}body.large .reader-hint,body.large .reader-footer{font-size:1.1rem}body.large .product-title h1{font-size:1.8rem}body.large .remaining-overview{font-size:1.5rem}
@media(max-width:760px){header{gap:8px}.brand-home{gap:8px}.brand-home .brand{font-size:1rem;padding-left:8px}.home-entry{font-size:.875rem}.tools{max-width:100%;gap:6px}.tools button,.tools a,.display-settings>summary{font-size:.875rem;padding:8px}.product-head{padding:14px}.product-title{gap:8px}.product-title h1{font-size:1.5rem}.product-title button{padding:8px}.reader{padding:10px;gap:10px}.reader-play{padding:22px 16px;gap:20px}.reader-nav{gap:10px}.compact-dates{font-size:.875rem}.list-toolbar label,.list-toolbar select,.food-bottom,.food-category,.status-pill,.swipe-hint,.home-links{font-size:.875rem}}

/* 紧凑信息区：状态着色，记录与条件保持中性。 */
:root{--success:#e7f4ed;--successtext:#23643f;--normal:#eaf1ff;--normaltext:#204fa7}
:root[data-theme=dark]{--success:#1b3e31;--successtext:#9be0b8;--normal:#223957;--normaltext:#b2ceff}
header .tools{max-width:100%;min-width:0;gap:6px}header .tools>*{flex-shrink:0}header .theme-toggle{width:42px;min-height:42px;padding:4px;font-size:1.5rem!important;line-height:1}
body.large .tools a,body.large .tools button:not(.theme-toggle),body.large .home-entry{font-size:1.1rem!important;line-height:1.4}
.decision{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:transparent;border:0;overflow:visible}.decision .allergy,.decision .shopping{border:1px solid var(--line);border-radius:8px;padding:10px 12px}.decision .allergy{background:var(--danger);border-color:var(--dangertext)}.decision .allergy strong{color:var(--dangertext)}.decision .shopping{background:var(--surface)}.decision strong{display:block;font-size:.95rem;line-height:1.4}.decision p{line-height:1.5}.decision small{display:block;line-height:1.5}
.remaining-overview{display:inline-block;padding:8px 12px;border-radius:8px;font-size:1.15rem;background:var(--normal);color:var(--normaltext);margin:4px 0 8px}.remaining-overview[data-tone=opened],.status-pill.opened{background:var(--success);color:var(--successtext)}.remaining-overview[data-tone=near]{background:var(--warning);color:var(--warntext)}.remaining-overview[data-tone=expired]{background:var(--danger);color:var(--dangertext)}
#storageBlock #deadline,.deadline-condition,.storage-condition{background:transparent!important;border:0;color:var(--muted);font-size:.95rem;padding:0;margin:4px 0 8px;line-height:1.5}.first-opening{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 6px}.first-opening strong{font-size:1rem;line-height:1.5}.first-opening button{padding:4px 8px;min-height:36px;color:var(--blue);font-size:.875rem}.effective-opening{font-size:.875rem;color:var(--muted);margin:2px 0 6px}.opening-status{padding:0;background:transparent}.expiry-visual .time-track{margin:6px 0 2px}.expiry-visual .time-track i{background:var(--successtext)}.expiry-visual[data-tone=near] .time-track i{background:#d89c25}.expiry-visual[data-tone=expired] .time-track i{background:var(--dangertext)}.time-dates{justify-content:flex-end;margin-top:4px;font-size:.875rem}.storage-group .tabs:has(button[hidden]){display:none}
.feature-row{display:grid;gap:6px;padding:8px 0}.feature-chips{display:flex;flex-wrap:wrap;gap:6px}.feature-chips span{background:var(--soft);color:var(--accenttext);border-radius:6px;padding:5px 8px;font-size:.95rem;line-height:1.4}
#ingredients{gap:6px}.ingredient{border:1px solid var(--line);border-radius:7px;padding:8px 10px!important;margin:0!important}.ingredient>div{gap:6px}.ingredient h3{font-size:1rem;margin:0}.ingredient-role{font-size:.875rem;padding:2px 5px}.ingredient .trace-fields{margin:4px 0 0;gap:4px 8px;font-size:.875rem;line-height:1.4}.ingredient .trace-fields span{padding:0}.ingredient-block>p.small{margin:4px 0 8px}
.nutrition-block{padding:12px!important}.nutrition-block .section-top{margin-bottom:8px}.nutrition-block .portion{gap:6px;margin:6px 0 8px;padding:8px!important}.nutrition{gap:6px!important;margin-top:8px!important}.nutrition .energy-card,.nutrition .nut-card{background:var(--soft)!important;padding:10px 12px!important;border-radius:7px;gap:4px}.nutrition .nut-value b{font-size:1.45rem}.nutrition .nut-value em,.nutrition .nrv,.nutrition .kcal{font-size:.875rem}.nutrition .nrv-line{gap:6px;margin-top:4px}.nutrition-block #validation:empty{display:none}.attention{border:1px solid #d89c25;border-radius:8px;padding:8px 10px!important;margin:8px 0!important}.attention h3{font-size:.95rem;margin:0 0 4px}.attention p{margin:0!important;padding:5px 0;display:grid;gap:2px;line-height:1.45}.attention p+p{border-top:1px solid #d89c2555}.attention p strong{font-size:1rem}.attention p span{font-size:.875rem}.nutrition-block details{margin-top:8px}.nutrition-block .original{margin-top:8px}
body.large .first-opening strong,body.large .storage-condition,body.large .deadline-condition,body.large .feature-chips span,body.large .ingredient h3,body.large .attention p strong{font-size:1.15rem}body.large .ingredient .trace-fields,body.large .ingredient-role,body.large .attention p span{font-size:1.05rem}
@media(max-width:760px){.decision{grid-template-columns:1fr}.product-head{padding:12px}.info-block{padding:12px}.nutrition-block .portion{flex-wrap:wrap}.nutrition .energy-card,.nutrition .nut-card{padding:8px 10px!important}.first-opening{gap:4px 8px}}

/* 普通页紧凑营养列表与工具栏。 */
header .brand span{display:block;font-size:.6rem!important;letter-spacing:.09em;color:var(--muted);line-height:1.25;font-weight:500;margin-top:2px}header .brand-home .brand{font-size:1.15rem}header .tools{gap:5px}header .theme-toggle{display:grid;place-items:center;width:38px;min-height:38px;padding:6px}header .tools button{min-height:38px}
.nutrition-block{background:var(--card)!important;padding:10px 12px!important}.nutrition-block .section-top{display:none}.nutrition-block .portion{background:transparent!important;border:0;padding:0!important;gap:6px;margin:0 0 8px}.nutrition-block .segments{background:var(--surface);padding:2px;flex-shrink:0}.nutrition-block .segments button{padding:7px 8px;min-height:38px;font-size:.875rem}.nutrition-block .servings{margin:0}.nutrition-block .servings select{width:auto;max-width:150px;font-size:.875rem;min-height:38px;padding:6px}.nutrition-block .custom{margin-left:0;gap:4px}.nutrition-block .custom input{width:65px;min-height:38px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#nutrition{display:flex;flex-direction:column;gap:0!important;margin:4px 0!important}#nutrition .nut-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:10px;row-gap:5px;background:transparent!important;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0!important;min-width:0}#nutrition .nut-row>span.nut-name{grid-column:auto;font-size:.95rem;font-weight:650;line-height:1.3}#nutrition .nut-amount{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:170px}#nutrition .nut-value{white-space:nowrap}#nutrition .nut-value b{font-size:1.25rem}#nutrition .nut-value em,#nutrition .nrv,#nutrition .kcal{font-size:.8rem}#nutrition .nrv{white-space:nowrap;color:var(--accenttext)}#nutrition .kcal{white-space:nowrap;margin:0}#nutrition .sugar-note{display:block;font-size:.7rem;font-weight:400;color:var(--muted);line-height:1.3}#nutrition .nrv-inline-bar{grid-column:1/-1;display:block;width:100%;height:5px;border-radius:3px;background:var(--soft);overflow:hidden;margin:0}#nutrition .nrv-inline-bar i{display:block;height:100%;background:var(--blue);border-radius:3px}
#calendar .time-ticks{display:block;position:relative;height:18px;margin:2px 0 0;padding:0}#calendar .time-ticks>span{position:absolute;white-space:nowrap;font-size:.75rem!important;font-weight:400;line-height:1.4}#calendar .time-dates{display:flex;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;margin-top:2px}#calendar .time-dates>span{font-size:.8rem!important;white-space:nowrap}
body.large #nutrition .nut-name{font-size:1.1rem}body.large #nutrition .nut-value b{font-size:1.4rem}body.large #nutrition .nrv,body.large #nutrition .nut-value em,body.large #nutrition .kcal{font-size:1rem}body.large #nutrition .sugar-note{font-size:.875rem}body.large .nutrition-block .segments button,body.large .nutrition-block .servings select,body.large .nutrition-block .custom{font-size:1.05rem}body.large .nutrition-block .custom input{font-size:1.05rem;width:75px}
@media(max-width:420px){#nutrition .nut-row{column-gap:6px}#nutrition .nut-amount{max-width:130px}body.large #nutrition .nut-row{grid-template-columns:minmax(0,1fr) auto}body.large #nutrition .nrv{grid-column:1/-1;justify-self:end}body.large #nutrition .nut-amount{max-width:155px}.nutrition-block .portion{flex-wrap:wrap}}
#nutrition .nut-row{display:grid!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:left;min-height:0!important}#nutrition .nut-amount{display:flex!important;white-space:normal!important}#nutrition .nrv-inline-bar{max-width:none!important;min-height:5px}#nutrition .nrv{margin:0!important}.nutrition-block .portion .custom{width:auto!important;margin:0!important}.nutrition-block .servings{flex:0 1 auto}
.nutrition-block .portion .segments{flex:0 0 auto;min-width:max-content;gap:3px}.nutrition-block .segments button{flex:none;min-width:max-content;white-space:nowrap}.nutrition-block .custom{flex:0 0 auto}#nutrition .nut-name{color:var(--navy)}

/* 同行顶部、食用量与对齐营养列。 */
body[data-page=food] header,body[data-page=home] header{flex-wrap:nowrap;gap:6px;padding:10px max(10px,calc((100vw - 1100px)/2))}body[data-page=food] .brand-home{gap:5px;flex:0 0 auto}body[data-page=food] header .brand-home .brand{font-size:1.05rem;padding-left:5px}body[data-page=home] header .brand{font-size:1.05rem}header .brand span{font-size:.52rem!important;letter-spacing:.04em}header .tools{flex-wrap:nowrap;gap:3px;justify-content:flex-end}header .tools button{padding:6px 7px;font-size:.8rem!important;white-space:nowrap;min-height:38px}header .tools .theme-toggle{width:30px;min-width:30px;padding:4px}header .tools .theme-toggle svg{width:20px;height:20px}body.large header .tools button:not(.theme-toggle){font-size:.9rem!important}body.large header .home-entry{font-size:.85rem!important}.home-entry{padding:6px 0;font-size:.8rem}
.comparison-row{display:flex;justify-content:flex-end;margin:0 0 6px}.nutrition-mode{min-height:36px;font-size:.875rem;width:auto;padding:5px 7px}.nutrition-block .portion{flex-wrap:nowrap!important;overflow:auto;max-width:100%;padding:2px 0!important;align-items:center}.nutrition-block .portion .segments{background:transparent!important;padding:0;gap:6px;display:flex}.nutrition-block .segments button{border:1px solid var(--line);border-radius:6px;background:var(--surface)}.nutrition-block .segments button.active{background:var(--blue);color:white}.nutrition-block .custom input{width:55px;min-width:55px}.nutrition-block .servings select{max-width:130px}.nutrition-block .custom{flex-shrink:0}
#nutrition .nut-row,.nutrient-list .nut-row{display:grid!important;grid-template-columns:minmax(0,1fr) 6.5ch 26px 8ch;align-items:baseline;column-gap:6px;row-gap:4px;background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0;padding:8px 0!important;min-width:0;text-align:left}#nutrition .nut-name,.nutrient-list .nut-name{grid-column:1!important;font-size:.95rem;color:var(--navy);font-weight:650;line-height:1.3;min-width:0}#nutrition .nut-number,.nutrient-list .nut-number{grid-column:2;text-align:right;font-size:1.25rem;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}#nutrition .nut-unit,.nutrient-list .nut-unit{grid-column:3;font-size:.8rem;font-style:normal;color:var(--muted)}#nutrition .nrv,.nutrient-list .nrv{grid-column:4!important;justify-self:stretch;text-align:right;white-space:normal;font-size:.8rem;line-height:1.3;margin:0!important;color:var(--accenttext)}#nutrition .kcal,.nutrient-list .kcal{grid-column:2/-1;justify-self:end;font-size:.75rem;line-height:1.25;margin:0}#nutrition .sugar-note,.nutrient-list .sugar-note{display:block;font-size:.7rem;font-weight:400;color:var(--muted);line-height:1.3}#nutrition .nrv-inline-bar,.nutrient-list .nrv-inline-bar{grid-column:1/-1;display:block;width:100%;max-width:none!important;height:5px;min-height:5px;background:var(--soft);border-radius:3px;overflow:hidden;margin:0}.nrv-inline-bar i{display:block;height:100%;background:var(--blue);border-radius:3px}.nrv-inline-bar[data-tone=yellow] i{background:#d9a32e!important}.nrv-inline-bar[data-tone=red] i{background:#d84652!important}
.nutrient-list{display:flex;flex-direction:column;gap:0;margin:6px 0}.today-intake{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:12px;margin-top:20px}.intake-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.intake-heading h2{margin:0;border:0;padding:0;font-size:1.3rem}.intake-heading input{max-width:160px;font-size:.875rem}.intake-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 6px}.intake-toolbar button{font-size:.875rem;padding:7px 9px}.intake-entry{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.intake-entry p{font-size:.8rem;color:var(--muted);margin:3px 0}.intake-entry button{font-size:.8rem;padding:5px 7px}.intake-entry>div:last-child{display:flex;gap:4px;flex-shrink:0}.target-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.target-fields label{font-size:.875rem;margin:0}.target-fields input{margin-top:4px!important}.intake-dialog .primary{min-height:42px}
body.large #nutrition .nut-row,body.large .nutrient-list .nut-row{grid-template-columns:minmax(0,1fr) 6.5ch 26px 8ch}body.large #nutrition .nut-name,body.large .nutrient-list .nut-name{font-size:1.05rem}body.large #nutrition .nut-number,body.large .nutrient-list .nut-number{font-size:1.35rem}body.large #nutrition .nrv,body.large .nutrient-list .nrv,body.large #nutrition .nut-unit,body.large .nutrient-list .nut-unit{font-size:.9rem}body.large #nutrition .sugar-note,body.large .nutrient-list .sugar-note{font-size:.8rem}
@media(max-width:360px){header .tools button{padding:5px;font-size:.75rem!important}body.large header .tools button:not(.theme-toggle){font-size:.85rem!important}body[data-page=food] header .brand-home .brand{font-size:.95rem}header .home-entry{font-size:.75rem}body[data-page=home] header .brand{font-size:1rem}#nutrition .nut-row,.nutrient-list .nut-row,body.large #nutrition .nut-row,body.large .nutrient-list .nut-row{column-gap:4px;grid-template-columns:minmax(0,1fr) 6ch 22px 7.5ch}.intake-entry{flex-wrap:wrap}}

/* 食用量控件保持同行，窄屏仅缩小这一行字号。 */
body.large .nutrition-block .segments button,.nutrition-block .segments button{font-size:.85rem!important;padding:6px 7px;min-height:38px}body.large .nutrition-block .servings select,.nutrition-block .servings select{font-size:.8rem!important;padding:5px;max-width:125px}body.large .nutrition-block .custom,.nutrition-block .custom{font-size:.8rem!important;gap:3px}body.large .nutrition-block .custom input,.nutrition-block .custom input{font-size:.85rem!important;width:49px;min-width:49px;padding:5px;min-height:38px}.nutrition-block .portion{gap:4px}.nutrition-block .portion .segments{gap:4px}
@media(max-width:360px){body.large .nutrition-block .segments button,.nutrition-block .segments button{font-size:.78rem!important;padding:5px}.nutrition-block .servings select,body.large .nutrition-block .servings select{font-size:.75rem!important;max-width:103px}.nutrition-block .custom input,body.large .nutrition-block .custom input{width:45px;min-width:45px;font-size:.8rem!important}.nutrition-block .portion{gap:3px}}

[data-theme=dark] .nutrition-block .segments button.active{color:#12233f}

/* 详情页：电脑上方两栏、下方三栏；手机保持栏目切换。 */
@media(min-width:1000px){body[data-page=food] main{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:1480px;padding:18px}body[data-page=food] main>.product-head{grid-column:1/4;grid-row:1;margin:0;align-self:start}body[data-page=food] .layout{display:contents}body[data-page=food] #nutritionInfo{grid-column:4/7;grid-row:1}body[data-page=food] #foodInfo{grid-column:1/3;grid-row:2}body[data-page=food] #sourceInfo{grid-column:3/5;grid-row:2}body[data-page=food] #testInfo{grid-column:5/7;grid-row:2}body[data-page=food] .section-nav{display:none}body[data-page=food] .main-section{min-width:0;margin:0;align-self:start}body[data-page=food] .column-title{display:block!important;font-size:1.2rem;margin:0 0 10px!important}body[data-page=food] .footer-picker{grid-column:1/-1;margin:0}body[data-page=food] #nutritionInfo .nutrition-block{margin:0}body[data-page=food] .report-image{margin-top:12px}body[data-page=food] #ingredients{grid-template-columns:1fr}body[data-page=food] #foodInfo .content{padding:12px}body[data-page=food] #foodInfo .eat-section{padding:0;background:transparent}body[data-page=food] #sourceInfo .info-row,body[data-page=food] #testInfo .info-row{grid-template-columns:80px minmax(0,1fr)}}
@media(min-width:1000px) and (max-width:1199px){body[data-page=food] #foodInfo{grid-column:1/4}body[data-page=food] #sourceInfo{grid-column:4/7}body[data-page=food] #testInfo{grid-column:1/-1;grid-row:3}}
@media(min-width:1000px) and (max-width:1399px){body.large[data-page=food] #foodInfo{grid-column:1/4}body.large[data-page=food] #sourceInfo{grid-column:4/7}body.large[data-page=food] #testInfo{grid-column:1/-1;grid-row:3}}
#nutrition .nut-row{grid-template-columns:92px 6.5ch 25px minmax(0,1fr);justify-content:start}#nutrition .nut-name{font-size:.95rem}#nutrition .nrv{justify-self:end}#nutrition .energy-row{grid-template-columns:92px 6.5ch 25px auto minmax(0,1fr)}#nutrition .energy-row .kcal{grid-column:4;grid-row:1;justify-self:start;font-size:.72rem;white-space:nowrap}#nutrition .energy-row .nrv{grid-column:5!important;grid-row:1}.nutrient-list .energy-row{grid-template-columns:minmax(0,1fr) 6.5ch 26px auto 8ch}.nutrient-list .energy-row .kcal{grid-column:4;grid-row:1;white-space:nowrap}.nutrient-list .energy-row .nrv{grid-column:5!important;grid-row:1}
body.large #nutrition .nut-row{grid-template-columns:100px 6.5ch 25px minmax(0,1fr)}body.large #nutrition .energy-row{grid-template-columns:100px 6.5ch 25px auto minmax(0,1fr)}
.nutrition-block .portion>.nutrition-mode{margin-left:auto;flex:0 0 auto;font-size:.8rem;min-height:38px;padding:5px;max-width:90px}.nutrition-block .servings select{width:54px!important;min-width:54px;padding:4px;font-size:.8rem!important}.nutrition-block .portion .custom{flex:0 0 auto}
@media(max-width:760px){#nutrition .nut-row,body.large #nutrition .nut-row{grid-template-columns:78px 5.5ch 23px minmax(0,1fr);column-gap:3px}#nutrition .energy-row,body.large #nutrition .energy-row{grid-template-columns:78px 5.5ch 23px auto minmax(0,1fr);column-gap:3px}#nutrition .energy-row .kcal{font-size:.67rem!important}#nutrition .energy-row .nrv{font-size:.7rem!important;min-width:0;overflow-wrap:anywhere}body.large #nutrition .nut-name{font-size:1rem}body.large #nutrition .nut-number{font-size:1.25rem}.nutrition-block .portion{gap:3px}.nutrition-block .portion .segments{gap:3px}.nutrition-block .segments button,body.large .nutrition-block .segments button{font-size:.72rem!important;padding:5px 4px}.nutrition-block .servings select,body.large .nutrition-block .servings select{width:45px!important;min-width:45px;font-size:.72rem!important;padding:3px}.nutrition-block .custom input,body.large .nutrition-block .custom input{width:36px;min-width:36px;font-size:.75rem!important;padding:3px}.nutrition-block .custom,body.large .nutrition-block .custom{font-size:.72rem!important;gap:2px}.nutrition-block .portion>.nutrition-mode{font-size:.72rem!important;max-width:73px;padding:3px;min-height:38px}.nutrition-block .portion>.nutrition-mode{margin-left:0}}
@media(max-width:360px){#nutrition .nut-row,body.large #nutrition .nut-row{grid-template-columns:66px 5ch 20px minmax(0,1fr);column-gap:2px}#nutrition .energy-row,body.large #nutrition .energy-row{grid-template-columns:66px 5ch 20px auto minmax(0,1fr);column-gap:2px}#nutrition .energy-row .kcal{font-size:.6rem!important}body.large #nutrition .nut-number{font-size:1.15rem}.nutrition-block .servings select,body.large .nutrition-block .servings select{width:41px!important;min-width:41px}.nutrition-block .custom input,body.large .nutrition-block .custom input{width:32px;min-width:32px}.nutrition-block .portion>.nutrition-mode{font-size:.68rem!important;max-width:65px}.nutrition-block .segments button,body.large .nutrition-block .segments button{font-size:.69rem!important;padding:5px 3px}}
#nutritionInfo .custom input[type=number]{appearance:textfield}#nutritionInfo .custom input::-webkit-inner-spin-button,#nutritionInfo .custom input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media(max-width:360px){#nutritionInfo .nutrition-block{padding:8px!important}#nutritionInfo .portion{gap:2px}}

.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.auth-tabs button{margin:0;min-height:42px}.auth-tabs button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}[data-theme=dark] .auth-tabs button[aria-pressed=true]{color:#12233f}.today-intake{margin-top:12px}.list-tabs{flex-wrap:wrap}.list-tabs button{white-space:nowrap}

/* 本轮只调整电脑端。 */
@media(min-width:1000px){body[data-page=food] .desktop-primary{grid-column:1/4;grid-row:1;display:flex;flex-direction:column;gap:14px;min-width:0;align-self:start}.desktop-primary>.product-head{margin:0}.desktop-primary>#foodInfo{margin:0}body[data-page=food] #sourceInfo,body.large[data-page=food] #sourceInfo{grid-column:1/4;grid-row:2}body[data-page=food] #testInfo,body.large[data-page=food] #testInfo{grid-column:4/7;grid-row:2}body[data-page=food] .desktop-primary #foodInfo .column-title{margin-top:0!important}
body[data-page=food] header,body[data-page=home] header{padding:16px max(24px,calc((100vw - 1432px)/2));gap:20px}body[data-page=food] header .brand-home{gap:16px}body[data-page=food] header .brand-home .brand,body[data-page=home] header .brand{font-size:1.5rem;padding-left:16px;line-height:1.3}header .brand span{font-size:.7rem!important;letter-spacing:.1em;margin-top:4px}body[data-page=food] header .home-entry,body.large[data-page=food] header .home-entry{font-size:1rem!important;padding:10px 4px}header .tools{gap:8px}header .tools button,body.large header .tools button:not(.theme-toggle){font-size:1rem!important;padding:9px 14px;min-height:44px}header .tools .theme-toggle{width:44px;min-width:44px;padding:9px}header .tools .theme-toggle svg{width:24px;height:24px}body.large[data-page=food] header .brand-home .brand,body.large[data-page=home] header .brand{font-size:1.65rem}
body[data-page=home] main.home-main{max-width:1480px;padding:18px 24px 30px}.desktop-home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start}.desktop-food-pane{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}.desktop-food-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.desktop-food-heading h2{margin:0;border:0;padding:0;font-size:1.3rem}.desktop-food-heading #sortLabel{display:flex;align-items:center;gap:8px;font-size:.875rem}.desktop-food-heading select{max-width:150px}.desktop-home-grid .today-intake{margin:0;min-width:0;padding:14px}.desktop-home-grid .empty-state{margin:0;padding:28px 12px}.desktop-home-grid .food-top{flex-wrap:wrap}.desktop-home-grid .food-bottom{flex-direction:column;align-items:flex-start;gap:4px}.desktop-home-grid .food-link{padding-right:85px}.desktop-home-grid .food-delete{right:12px}.desktop-history{margin-top:18px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px}.desktop-history h2{margin:0 0 10px;border:0;padding:0;font-size:1.3rem}.desktop-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.desktop-history-row span{font-size:.875rem;color:var(--muted)}.desktop-history-row button{padding:6px 12px;color:var(--blue)}body[data-page=home] #activeTab,body[data-page=home] #todayTab{display:none}body[data-page=home] .list-toolbar{justify-content:flex-end;margin:0 0 12px}.list-tabs #historyTab{background:var(--card);color:var(--blue);border:1px solid var(--line)}.list-tabs #historyTab[aria-expanded=true]{background:var(--surface);border-color:var(--blue)}body[data-page=home] .home-heading{margin:0 0 14px}.desktop-history #activity{margin-top:12px}.desktop-home-grid .swipe-hint{display:none}}

/* 详情卡片使用同一中性底色，提醒信息保留状态色。 */
body[data-page=food] .product-head{background:var(--card);border:1px solid var(--line);border-radius:10px}
body[data-page=food] .main-section{background:var(--card)}
body[data-page=food] .info-block{background:var(--card);border:1px solid var(--line)}
body[data-page=food] .nutrition-block{border:0!important;background:transparent!important}
body[data-page=food] .eat-section{border:0;background:transparent}
body[data-page=food] .report-disclosure{padding:12px 14px;margin:12px 0;border:1px solid var(--line);border-radius:7px;background:var(--card)}
body[data-page=food] .report-disclosure>summary{font-size:1.05rem;font-weight:700;color:var(--navy);cursor:pointer;line-height:1.5}
body.large[data-page=food] .report-disclosure>summary{font-size:1.2rem}
body[data-page=food] .report-disclosure[open]>summary{margin-bottom:10px}
.intake-quantity{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.intake-quantity label{min-width:0}.intake-quantity input,.intake-quantity select{width:100%;min-width:0}.intake-quantity input[readonly]{background:var(--card);color:var(--muted)}#intakeServing{margin:0 0 12px}
@media(min-width:1000px){body[data-page=home] .list-tabs{display:flex;align-items:center;gap:18px}body[data-page=home] .list-tabs #scanButton{border-radius:6px;padding:10px 16px;min-height:44px}body[data-page=home] .list-tabs #historyTab{min-height:44px;padding:10px 16px}}

/* 电脑详情同列卡片等宽，避免食用信息按内容收缩。 */
@media(min-width:1000px){body[data-page=food] .desktop-primary{align-items:stretch}body[data-page=food] .desktop-primary>.product-head,body[data-page=food] .desktop-primary>#foodInfo{align-self:stretch;width:100%;box-sizing:border-box}body[data-page=food] #nutritionInfo,body[data-page=food] #sourceInfo,body[data-page=food] #testInfo{width:100%;box-sizing:border-box}}

/* 食用量规格和靠右的比较选项，营养数值与单位同行。 */
#nutritionInfo .portion>.nutrition-mode{margin-left:auto!important}
#nutrition .nut-row,#nutrition .energy-row,body.large #nutrition .nut-row,body.large #nutrition .energy-row{grid-template-columns:92px minmax(0,1fr) auto!important;column-gap:8px}
#nutrition .nut-amount{grid-column:2;grid-row:1;display:flex!important;align-items:baseline;justify-content:flex-start!important;gap:4px;max-width:none!important;min-width:0;font-size:1.25rem;font-weight:700;flex-wrap:nowrap}
#nutrition .nut-number,#nutrition .nut-unit{font-family:inherit;font-size:inherit!important;font-weight:inherit;font-style:normal;line-height:1.3;text-align:left;justify-self:start}
#nutrition .nut-amount .kcal{font-size:.72rem!important;font-weight:400;white-space:nowrap;margin-left:5px}
#nutrition .nut-row .nrv,#nutrition .energy-row .nrv{grid-column:3!important;grid-row:1;justify-self:end}
body.large #nutrition .nut-amount{font-size:1.4rem}
@media(max-width:760px){body[data-page=food] header .home-entry,body.large[data-page=food] header .home-entry{font-size:1rem!important;min-height:44px;display:flex;align-items:center}#nutrition .nut-row,#nutrition .energy-row,body.large #nutrition .nut-row,body.large #nutrition .energy-row{grid-template-columns:78px minmax(0,1fr) auto!important;column-gap:4px}#nutrition .nut-amount{font-size:1.15rem;gap:3px}body.large #nutrition .nut-amount{font-size:1.25rem}#nutrition .nut-amount .kcal{font-size:.64rem!important;margin-left:2px}.nutrition-block .segments button,body.large .nutrition-block .segments button{font-size:.68rem!important;padding:5px 3px}}
@media(max-width:360px){#nutrition .nut-row,#nutrition .energy-row,body.large #nutrition .nut-row,body.large #nutrition .energy-row{grid-template-columns:66px minmax(0,1fr) auto!important;column-gap:3px}#nutrition .nut-amount{font-size:1.05rem}body.large #nutrition .nut-amount{font-size:1.1rem}#nutrition .nut-amount .kcal{font-size:.58rem!important}.nutrition-block .segments button,body.large .nutrition-block .segments button{font-size:.62rem!important;padding:5px 2px}.nutrition-block .portion>.nutrition-mode{font-size:.62rem!important;max-width:60px}.nutrition-block .servings select,body.large .nutrition-block .servings select{width:36px!important;min-width:36px;font-size:.65rem!important;padding:2px}.nutrition-block .custom input,body.large .nutrition-block .custom input{width:28px;min-width:28px;padding:2px}}
@media(min-width:1000px){body[data-page=food] .desktop-secondary{grid-column:4/7;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0;align-self:start}body[data-page=food] .desktop-secondary>.main-section,body[data-page=food] .desktop-primary>.main-section{align-self:stretch;width:100%;margin:0}}
@media(max-width:360px){#nutritionInfo .nutrition-block{padding:0!important}.nutrition-block .custom input,body.large .nutrition-block .custom input{width:32px;min-width:32px}}

.food-detail-link{display:block;color:inherit;text-decoration:none}.food-detail-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:5px}
.food-card-actions{display:flex;justify-content:flex-end;margin-top:10px}.food-open{font-size:.875rem;padding:8px 14px;min-height:40px;background:var(--surface);color:var(--blue);border:1px solid var(--line);border-radius:8px}
.food-open:hover{border-color:var(--blue)}.food-open:disabled{opacity:.6}