/* 六套原图比例不同，预览保留完整画面，避免裁掉标题和菜品。 */
#app .appearance-page .appearance-grid{gap:20px;align-items:stretch}
#app .appearance-page .appearance-choice{display:flex;flex-direction:column;min-width:0;border:1px solid #ded5ce;border-radius:12px;background:#fffdfa;box-shadow:none;overflow:hidden;transition:border-color .15s ease,background-color .15s ease}
#app .appearance-page .appearance-choice:hover{border-color:#b1737b}
#app .appearance-page .appearance-choice.selected{border-color:#8f3742;outline:2px solid #8f3742;outline-offset:1px;background:#f8ecec}
#app .appearance-page .appearance-choice:focus-within{outline:3px solid #8f3742;outline-offset:3px}
#app .appearance-page .appearance-choice img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;background:#eee8e1;border-bottom:1px solid #e7dfd7}
#app .appearance-page .choice-copy{padding:16px;gap:10px;min-height:96px;align-content:start}
#app .appearance-page .choice-heading{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;line-height:1.5}
#app .appearance-page .choice-heading strong{min-width:0;font-size:15px;overflow-wrap:anywhere}
#app .appearance-page .choice-description{padding-left:26px;font-size:13px;line-height:1.6;color:#685f59}
#app .appearance-page .live-badge{font-size:11px;white-space:nowrap;padding:3px 6px;color:#702b34;background:#ead6d9}
/* 保存区参与正常排版，滚动查看卡片时不会覆盖第二排内容。 */
#app .appearance-page .appearance-save{position:static;bottom:auto;z-index:auto;margin-top:20px;padding:20px 24px calc(20px + env(safe-area-inset-bottom));border:1px solid #ded5ce;border-radius:12px;background:#fffdfa;gap:20px}
#app .appearance-page .appearance-save>div{min-width:0}
#app .appearance-page .appearance-save p{line-height:1.7;overflow-wrap:anywhere}
#app .appearance-page .appearance-save button{min-height:48px}
#app .appearance-page .appearance-note{margin:10px 0 0;line-height:1.7;color:#685f59}
#app .appearance-page .appearance-legacy{margin-top:24px;min-height:48px}
#app .appearance-page{padding-bottom:24px}
@media(max-width:1100px){#app .appearance-page .appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){#app .appearance-page .appearance-grid{grid-template-columns:1fr;gap:20px}#app .appearance-page .appearance-choice img{aspect-ratio:4/3}#app .appearance-page .choice-copy{padding:16px;min-height:0}#app .appearance-page .appearance-options legend span{display:block;margin:6px 0 0;line-height:1.6}#app .appearance-page .appearance-save{padding:16px;gap:16px}#app .appearance-page .appearance-save button{width:100%}#app .appearance-page .appearance-intro h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){#app .appearance-page .appearance-choice{transition:none}}