*{box-sizing:border-box}body{margin:0;background:#E9EAEC;font-family:"Microsoft YaHei",sans-serif;color:#242824}button,a,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #2E62C9;outline-offset:2px}h1,h2,h3,p{margin:0}img{display:block}svg{width:24px;height:24px;flex-shrink:0}.screen{position:relative;width:402px;height:874px;overflow:hidden;background:#FAFAF6;--brand:#EAC84B;--ink:#242824}.statusbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;font-size:15px;position:relative}.statusbar>span{font-size:13px;letter-spacing:1px}.island{position:absolute;top:11px;left:139px;width:124px;height:34px;background:#171A17;border-radius:25px}.wechat{height:26px;display:flex;justify-content:flex-end;padding-right:18px}.wechat>span{font-size:13px;border:1px solid #0002;border-radius:18px;height:26px;padding:2px 9px}header{height:56px;padding:6px 18px 7px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}header h1{font-size:28px;letter-spacing:-1.2px;font-weight:750}header button{text-align:right;font-size:12px;font-weight:600;min-height:44px}header small{display:block;font-size:11px;color:#74776D;font-weight:400;margin-top:3px}main{position:absolute;top:136px;bottom:86px;left:0;right:0;padding:5px 18px 12px;overflow:auto;scrollbar-width:none}main::-webkit-scrollbar{display:none}nav{position:absolute;bottom:0;left:0;right:0;z-index:4;height:86px;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 14px 26px;background:#FFFDFB;border-top:1px solid #0000000D}nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;gap:3px;color:#85867E}nav .active{color:#242824;font-weight:700}.illustrated-nav{position:relative;display:flex;width:42px;height:32px;align-items:center;justify-content:center;background:var(--brand);border-radius:50% 43% 45% 40%;color:#242824}.illustrated-nav svg{width:28px;height:28px;stroke-width:1.7}.illustrated-nav i{position:absolute;right:0;top:-3px;font-size:12px;color:#CE4E3C;font-style:normal}.home-indicator{position:absolute;bottom:8px;width:134px;height:5px;background:#202420;border-radius:5px;left:134px;z-index:5}.meal-tabs{display:flex;gap:8px;margin-bottom:13px;height:45px}.meal-tabs button{flex:1;border:1px solid #00000010;border-radius:25px;background:#FFFFFFBA;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;min-width:0}.meal-tabs span{font-size:15px;font-weight:600}.meal-tabs small{font-size:11px;white-space:nowrap}.meal-tabs .on{background:#222823;color:white;border-color:#222823}.meal-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px}.meal-heading h2{font-size:20px;line-height:1.4}.badge{font-size:12px;border-radius:7px;padding:4px 7px;line-height:1.3;display:inline-flex;white-space:nowrap;background:#F0F0ED;color:#50574F}.badge.planned{background:#FFF0D7;color:#9D4C13}.badge.cooking{background:#E3F0FF;color:#255F9D}.badge.cooked{background:#DCF2E9;color:#1D7060}.badge.packed{background:#E6EDE7;color:#446050}.meta{font-size:12px;color:#73776E;line-height:1.6;margin-bottom:10px}.meal-summary h3{font-size:19px;line-height:1.4;margin-bottom:6px}.meal-summary p{font-size:14px;line-height:1.65}.meal-summary small{font-size:12px;color:#767A72;display:block;margin-top:6px;line-height:1.5}.main-action{height:47px;min-height:44px;width:100%;display:flex;justify-content:center;align-items:center;gap:12px;background:var(--brand);color:#1D2B23;border-radius:13px;font-size:17px;font-weight:700;margin-top:13px}.main-action span{font-size:21px}.main-action.planned{background:#AD531C;color:white}.main-action.cooking{background:#2863AD;color:white}.main-action.cooked{background:#167469;color:white}.main-action.packed{background:#E2EAE5;color:#375746}.food{object-fit:cover;max-width:100%;border-radius:14px}.art{object-fit:contain;max-width:100%;mix-blend-mode:normal}.shortcuts{display:flex;gap:10px;margin-top:14px}.shortcuts button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 7px;min-height:48px;background:#FFF;border:1px solid #0000000D;border-radius:13px;font-size:13px}.shortcuts svg{width:19px;height:19px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0 11px}.section-heading h2{font-size:19px}.section-heading span{font-size:12px;color:#787C72}.search{background:#FFFFFFAA;border:1px solid #00000008;border-radius:23px;width:100%;height:42px;display:flex;gap:9px;align-items:center;padding:0 13px;font-size:13px;color:#777F78;margin-bottom:12px}.search svg{width:18px;height:18px}.stats{display:flex;margin:17px 0;gap:10px}.stats>div{flex:1;border-right:1px solid #0001;display:flex;flex-direction:column;align-items:center;gap:4px}.stats>div:last-child{border:0}.stats strong{font-size:24px}.stats span{font-size:12px;color:#747C73}.mini-foods{display:flex;gap:9px;margin:17px 0}.mini-foods>div{flex:1;min-width:0;text-align:center}.mini-foods img{width:86px;height:86px;border-radius:50%;margin:0 auto 8px}.mini-foods span{font-size:12px;white-space:nowrap}.detail-row{display:flex;align-items:center;gap:11px;padding:16px 0;border-top:1px solid #0001;font-size:14px}.detail-row>div{flex:1}.detail-row p{font-size:12px;color:#777;margin-top:5px}.love-note{font:15px/1.6 KaiTi,serif}.line-tools button{border:0;border-radius:0;border-right:1px solid #0001;background:none}.line-tools button:last-child{border:0}.shade{position:absolute;inset:0;background:#12201966;z-index:10;display:flex;align-items:flex-end}.sheet{width:100%;padding:23px 22px 35px;background:#FFFDF8;border-radius:24px 24px 0 0;max-height:700px;overflow:auto}.sheet h2{font-size:22px;margin-bottom:19px}.sheet h3{font-size:17px;margin:14px 0}.sheet p{font-size:15px;line-height:1.7;margin-bottom:15px}.sheet small{display:block;font-size:12px;color:#7C8276;margin-top:12px;line-height:1.7}.close{position:absolute;right:12px;min-width:44px;min-height:44px;font-size:28px;margin-top:-12px}.pick-list label{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #0001;font-size:16px}.pick-list input{width:20px;height:20px;accent-color:#657B47}.panel-link{display:block;color:#167457;font-weight:600;margin:15px 0}
/* 01 — stacked food cards */
.s1{background:linear-gradient(#FFF099 0,#FFF9CC 330px,#FFFFFF 550px)}.s1 .stack-intro{padding:5px 0 14px}.stack-intro p{font-size:13px;color:#81702E;margin-bottom:7px}.stack-intro h2{font-size:25px;letter-spacing:-1px}.s1 .meal-tabs{margin-bottom:18px}.stack-deck{height:257px;position:relative;margin:0 -3px}.front-card,.back-card{position:absolute;border-radius:24px;background:white;overflow:hidden;box-shadow:0 8px 25px #624B0810;border:1px solid #F3EBD1}.front-card{width:237px;height:245px;left:8px;top:6px;transform:rotate(-5deg);z-index:3}.front-card>.food{height:139px;width:100%;border-radius:0}.front-card>div{background:#FFE15E;padding:10px 13px 13px;border-radius:18px 7px 0 0}.front-card .meal-heading{margin-bottom:3px}.front-card .meal-heading h2{font-size:16px}.front-card h3{font-size:19px;margin:4px 0}.front-card small{font-size:11px}.back-card{width:225px;height:242px;top:6px;left:105px;background:#C9ECF4;transform:rotate(5deg);padding-bottom:17px}.back-card .food{height:170px;width:100%;border-radius:0}.back-card b{display:block;padding:13px;font-size:17px}.back-card.rear{left:155px;top:12px;background:#FFDACC;transform:rotate(10deg)}.stack-action{margin-top:12px}.stack-action p{font-size:12px;color:#777;text-align:center;margin-top:8px}.s1 .section-heading{margin-top:13px}.s1 .shortcuts{margin-top:0}
/* 02 — restaurant rail */
.s2{background:linear-gradient(#E2FAC8,#FAFFF8 280px)}.s2 .meal-tabs{height:39px}.lime-banner{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;background:#E7F8CA;margin-bottom:14px}.lime-banner>svg{width:36px;height:36px}.lime-banner strong{font-size:15px}.lime-banner p{font-size:12px;margin-top:5px;color:#637B4D}.restaurant{display:flex;gap:12px;margin:0 -18px;background:#FFF}.restaurant aside{width:85px;flex-shrink:0;background:#F1F6EC;display:flex;flex-direction:column;font-size:12px}.restaurant aside b,.restaurant aside span{padding:17px 9px}.restaurant aside b{background:white;border-left:4px solid #74D52D}.restaurant>section{flex:1;min-width:0;padding:11px 18px 5px 0}.s2 .meal-heading h2{font-size:17px}.dish-row{display:flex;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #0000000D}.dish-row img{width:66px;height:68px;border-radius:11px}.dish-row>div{flex:1}.dish-row h3{font-size:15px;margin-bottom:6px}.dish-row p{font-size:11px;color:#7C8373}.dish-row>b{background:#E0F6C4;padding:5px 7px;border-radius:20px;color:#3C6C26;font-size:12px}.order-footer{display:flex;align-items:center;gap:12px;margin-top:12px;background:#24392A;color:white;border-radius:16px;padding:9px 10px 9px 14px}.order-footer>span{font-size:13px;flex:1}.order-footer .main-action{width:145px;margin:0;height:43px;font-size:16px}.s2 .shortcuts{margin-top:10px}
/* 03 — illustrated window with overlapping receipt */
.s3{background:#F6F3D9}.s3 main{padding-top:2px}.s3 .scene-window{position:relative;height:184px;background:#9AC4D1;border-radius:20px 20px 55% 0;overflow:hidden}.s3 .welcome{position:absolute;top:14px;left:15px;z-index:2}.welcome span{display:block;font:16px/1.5 KaiTi,serif}.welcome small{font-size:9px;letter-spacing:1.1px;display:block;margin-top:4px;opacity:.55}.scene-window .art{position:absolute;width:263px;height:151px;right:0;bottom:-2px;object-fit:cover;object-position:top;border-radius:35px}.floating-meal{position:relative;margin:-26px 7px 0;background:#FFFDF1;padding:16px 15px;border-radius:19px;box-shadow:0 7px 0 #D8E3BE;border:1px solid #D6DFC9}.meal-flex{display:flex;gap:12px;align-items:center}.meal-flex .meal-summary{flex:1}.meal-flex>.food{width:86px;height:84px;border-radius:50%}.illustrated-tools{display:flex;gap:12px;margin-top:20px}.illustrated-tools button{background:#FFFDF1;border:1px solid #E5E4CA;border-radius:13px;flex:1;display:flex;align-items:center;justify-content:center;gap:13px;min-height:65px;font-size:14px}.illustrated-tools .art{width:37px;height:44px}
/* 04 — orange editorial brand plus four shortcuts */
.s4{background:#FFF8ED}.editor-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px}.editor-heading>b{font-size:28px;line-height:1;letter-spacing:-1px;font-family:Georgia,serif}.editor-heading>span{font:14px/1.5 KaiTi,serif}.s4 .meal-tabs{height:40px;margin-bottom:10px}.orange-strip{height:128px;background:#EEA052;position:relative;border-radius:4px;overflow:hidden}.orange-strip .art{height:130px;width:230px;object-fit:cover;object-position:top}.orange-strip p{position:absolute;right:15px;top:37px;font:17px/1.6 KaiTi,serif}.four-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:17px 0 15px}.four-tools button{font-size:11px;display:flex;align-items:center;flex-direction:column;gap:7px}.four-tools svg{color:#9B592C}.ledger{border-top:2px solid #CE8B42;border-bottom:1px solid #DCC4A7;padding:15px 0 12px}.ledger .meal-summary h3{font-size:18px}.ledger-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.ledger-foot small{font-size:12px}.ledger-foot .main-action{width:149px;margin:0;font-size:16px;height:44px;border-radius:25px}
/* 05 — food product layout */
.s5{background:radial-gradient(ellipse at 75% 12%,#D7EBDD,transparent 52%),#FAFCF8}.s5 .meal-tabs{border-radius:13px;background:#FFFFFF90;gap:4px;padding:4px;height:46px}.s5 .meal-tabs button{border:0;border-radius:11px}.s5 .meal-tabs .on{background:#2E5B3B}.plate-product{position:relative;height:251px;margin:0 -18px}.plate-product>.food{position:absolute;right:-38px;bottom:0;width:310px;height:237px;border-radius:50% 0 0 50%;object-fit:cover}.plate-label{position:absolute;top:20px;left:20px;z-index:2}.plate-label h2{font-size:24px;margin:12px 0 8px}.plate-label p{font-size:13px;color:#68856E}.floating-heart{position:absolute;right:21px;top:10px;border-radius:50%;background:white;padding:7px 11px;font-size:23px;color:#D76064}.product-details{padding-top:18px}.product-details .meal-summary p{font-size:13px}.ingredient-chips{display:flex;gap:8px}.ingredient-chips span{border-radius:7px;padding:8px;background:#E8F1E6;font-size:12px}.s5 .shortcuts{margin-top:10px}.s5 .stats{margin:14px 0}
/* 06 — high contrast activity dashboard */
.s6{background:#F5F6F0}.s6 .meal-tabs .on{color:#161D14;background:#D3F348;border-color:#D3F348}.energy-stage{height:223px;position:relative;border:2px solid #252D23;border-radius:25px;background:#F1F7DE;overflow:hidden}.marker{position:absolute;top:13px;left:14px;background:#D3F348;padding:7px 11px;font-size:13px;font-weight:700;transform:rotate(-2deg);z-index:2}.energy-stage .art{position:absolute;width:190px;height:182px;left:25px;bottom:0}.stage-caption{position:absolute;right:14px;top:81px;writing-mode:vertical-rl;display:flex;gap:9px}.stage-caption b{font-size:24px;letter-spacing:2px}.stage-caption span{font-size:13px;letter-spacing:2px}.bold-ticket{background:white;border:2px solid #252D23;border-radius:15px;margin-top:12px;padding:15px}.bold-ticket .meal-summary h3{font-size:18px}.ticket-line{display:flex;align-items:center;gap:7px;margin-top:13px;font-size:12px;border-top:1px dashed #ADB5A2;padding-top:12px}.ticket-line svg{width:17px;height:17px}.s6 .shortcuts button{background:#E8ECD8;border-color:transparent}
/* 07 — recipe magazine grid */
.s7{background:#FFF}.s7 .search{background:#F3F6F4}.s7 .meal-tabs{height:37px;margin-bottom:12px}.s7 .meal-tabs .on{background:#329C78;border-color:#329C78}.thin-feature{display:flex;justify-content:space-between;align-items:center;background:#DDF2E8;padding:14px;border-radius:10px}.thin-feature h3{font-size:19px;margin-bottom:6px}.thin-feature p{font-size:12px;color:#507967}.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.recipe-grid article img{width:100%;height:130px;border-radius:10px}.recipe-grid h3{font-size:16px;margin:9px 0 6px}.recipe-grid p{font-size:11px;color:#78857C}.grain-line{display:flex;gap:12px;align-items:center;background:#F5F7F2;padding:10px;margin-top:16px;border-radius:12px}.grain-line img{width:55px;height:55px;border-radius:50%}.grain-line b{font-size:14px}.grain-line p{font-size:12px;color:#75816D;margin-top:5px}.s7 .main-action{margin-top:12px}.s7 .shortcuts{margin-top:10px}
/* 08 — centered emotional state */
.s8{background:#F8FCF5}.s8 .meal-tabs{height:39px}.s8 .meal-tabs .on{background:#427E68;border-color:#427E68}.soft-landscape{height:160px;position:relative;background:#D7E8C6;border-radius:50% 40% 30% 20%}.soft-landscape .art{width:230px;height:140px;position:absolute;left:66px;top:-5px;object-fit:cover;object-position:top}.soft-landscape>span{font:14px KaiTi,serif;position:absolute;bottom:9px;left:56px}.center-status{text-align:center;margin:14px 0 12px}.center-status h2{font-size:23px;margin:9px 0 7px}.center-status p{font-size:13px;color:#7C8475}.two-metrics{display:flex;background:#EAF0E2;border-radius:15px;padding:14px 0}.two-metrics>div{width:50%;display:flex;align-items:center;gap:10px;justify-content:center}.two-metrics>div+div{border-left:1px solid #C7D4C1}.two-metrics b{font-size:27px;font-weight:600}.two-metrics span{font-size:12px;color:#677B65}.calm-menu{padding:17px 0 0}.calm-menu .meal-summary h3{font-size:18px}.calm-menu .meal-summary small{display:none}.s8 .shortcuts{margin-top:10px}
/* 09 — service modules instead of single hero task */
.s9{background:#F7F7F4}.s9 .statusbar,.s9 .wechat,.s9 header{background:#FF8D2C}.service-cover{position:relative;height:130px;background:#FF8D2C;margin:-5px -18px 14px;padding:8px 19px;border-radius:0 0 25px 6px;overflow:hidden}.service-cover>span{font-size:12px;color:#714111}.service-cover h2{font-size:21px;line-height:1.45;margin-top:10px;position:relative;z-index:2}.service-cover .art{position:absolute;right:7px;bottom:0;height:125px;width:125px}.s9 .meal-tabs{height:40px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-grid>button{background:white;border-radius:15px;padding:12px 14px;min-height:108px;position:relative;text-align:left}.service-grid svg{width:25px;height:25px;color:#B67135}.service-grid b{display:block;font-size:16px;margin-top:7px}.service-grid>button>span:last-child{display:block;font-size:11px;color:#7C8076;margin-top:7px}.service-grid .focus-service{background:#FFF0D7;border:1px solid #E8D1AB}.focus-service .badge{position:absolute;right:8px;top:11px;font-size:11px}.compact-food{display:flex;align-items:center;gap:12px;background:white;padding:12px;border-radius:15px}.compact-food>img{width:77px;height:79px}.compact-food .meal-summary h3{font-size:17px}.compact-food .meal-summary p{font-size:12px}.compact-food .meal-summary small{font-size:11px}
/* 10 — vertically paced menu */
.s10{background:#FAFCF8}.s10 .meal-tabs{height:40px}.supu-title{display:flex;align-items:center;justify-content:space-between;margin:20px 4px 14px}.supu-title span{writing-mode:vertical-rl;letter-spacing:5px;font-size:13px;color:#3E8F7A;border-left:1px solid #66BBA6;padding-left:9px}.supu-title h2{font-size:25px;line-height:1.5;letter-spacing:1px}.supu-menu{display:flex;gap:15px}.supu-menu>aside{width:28px;display:flex;align-items:center;flex-direction:column;padding-top:35px;color:#9CAFA1}.supu-menu>aside b{font-size:13px}.supu-menu>aside i{height:74px;width:1px;background:#DAE5DD;margin:8px 0}.supu-menu>div{flex:1}.supu-menu article{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #DFE7E0}.supu-menu article small{font-size:12px;color:#629584}.supu-menu article h3{font-size:19px;margin-top:7px}.supu-menu img{width:86px;height:86px;border-radius:50%}.supu-footer{display:flex;align-items:center;gap:9px;padding:16px 0;margin-top:8px}.supu-footer>b{font-size:14px}.supu-footer .main-action{width:147px;margin:0 0 0 auto;font-size:15px}
/* 11 — full meal proposal */
.s11{background:#FBFDFA}.plan-chips{display:flex;gap:10px;padding:4px 0 13px}.plan-chips span{padding:7px 11px;font-size:12px;border-radius:10px;background:#E5F3E9}.plan-chips span:last-child{background:#F8E8D8}.s11 .meal-tabs{height:41px}.personal-plan{background:linear-gradient(135deg,#F0F8C6,#DFF5F0);padding:18px 14px;border-radius:24px 7px 24px 7px}.plan-label{display:flex;justify-content:space-between;align-items:center}.plan-label h2{font-size:22px}.personal-plan>p{font:15px/1.6 KaiTi,serif;margin-top:11px}.personal-plan .mini-foods{margin:22px 0}.plan-checks{display:flex;justify-content:space-between;font-size:11px;color:#5E7A58}.personal-plan .main-action{margin-top:19px}.alternative{background:white;border:1px solid #E2EBD9;border-radius:16px;display:flex;align-items:center;gap:13px;padding:13px}.alternative>img{width:70px;height:73px}.alternative>div{flex:1}.alternative h3{font-size:16px}.alternative p{font-size:12px;color:#7A8574;margin-top:8px}.alternative button{width:35px;font-size:26px}
/* 12 — circle focus, spacious two-item suggestions */
.s12{background:radial-gradient(ellipse at 30% 10%,#C4F2B2,transparent 55%),#FBFFFC}.s12 .meal-tabs{height:39px}.s12 .meal-tabs .on{background:#226E47;border-color:#226E47}.meal-ring{width:255px;height:255px;border:12px solid #FFFFFFC0;outline:1px solid #DCF5D9;border-radius:50%;margin:15px auto 11px;padding:15px;box-shadow:0 0 0 12px #FFFFFF35}.meal-ring>div{width:100%;height:100%;border:2px dashed #93CEA4;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.meal-ring>div>span{font-size:12px;color:#609170}.meal-ring h2{font-size:27px;margin:9px 0 12px}.meal-ring small{font:14px KaiTi,serif;display:block;margin-top:13px}.ring-summary{display:flex;justify-content:space-between;padding:4px 21px;font-size:13px;color:#64816C}.ring-summary b{font-size:16px;color:#2C4935}.ring-foods{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ring-foods>div{background:#F8EECF;border-radius:15px;padding:9px;display:flex;align-items:center;gap:8px}.ring-foods>div+div{background:#E0F0E7}.ring-foods img{width:65px;height:68px;border-radius:50%}.ring-foods b{font-size:13px}
/* 13 — asymmetrical illustrated editorial */
.s13{background:#FFFCF3}.magazine-cover{height:263px;position:relative;margin:0 -1px 16px;overflow:hidden}.tiny-date{font-size:9px;letter-spacing:1.5px;position:absolute;top:3px;left:0}.magazine-cover h2{font-size:49px;line-height:1.06;letter-spacing:-3px;position:absolute;right:6px;top:27px;z-index:2}.magazine-cover .art{position:absolute;width:228px;height:220px;left:-12px;bottom:0;object-fit:cover;object-position:left top}.magazine-cover>p{position:absolute;right:0;bottom:29px;font:15px/1.6 KaiTi,serif;z-index:2}.s13 .meal-tabs{height:38px;border-top:1px solid #D8D2C5;padding-top:8px;height:46px}.s13 .meal-tabs button{border:0;border-radius:0;background:none;color:#777}.s13 .meal-tabs .on{color:#222;border-bottom:2px solid #222}.underline-menu{padding-top:9px}.underline-menu .meal-summary{margin-top:11px}.underline-menu .meal-summary h3{font-size:18px}.underline-action{display:flex;justify-content:space-between;width:100%;border-bottom:2px solid #242824;padding:13px 0;margin-top:7px;font-size:19px;font-weight:700}.underline-action.planned{color:#A55521;border-color:#A55521}.underline-action.cooking{color:#2863AD;border-color:#2863AD}.underline-action.cooked{color:#167469;border-color:#167469}.s13 .shortcuts{margin-top:15px}
/* 14 — simple dog brand, white letter + counter */
.s14{background:#FFFEF9}.dog-letter{height:226px;position:relative;padding-top:4px;margin-bottom:17px}.dog-letter h2{font:italic 36px/1.2 Georgia,"Microsoft YaHei",sans-serif;letter-spacing:-1px;position:relative;z-index:2}.dog-letter .art{position:absolute;right:10px;bottom:0;width:131px;height:143px}.dog-letter>p{font:16px/1.7 KaiTi,serif;margin-top:17px}.s14 .meal-tabs{height:38px}.s14 .meal-tabs .on{background:#725841;border-color:#725841}.counter-menu{border:1px solid #E7DDC8;border-radius:22px;padding:15px;background:#FFF9EA}.counter-name small{font-size:12px;color:#8F826C}.counter-menu .mini-foods{margin:13px 0}.counter-menu .mini-foods img{width:75px;height:75px}.counter-menu .main-action{margin-top:10px}.little-labels{display:flex;justify-content:space-around;font-size:12px;color:#8D7C61;margin-top:19px}
/* 15 — red-white daily life editorial */
.s15{background:#FBFAF8}.s15 header h1{font-size:25px;letter-spacing:0}.muji-note{padding:9px 1px 22px;border-bottom:1px solid #D5D2CD;margin-bottom:15px}.muji-note>span{font-size:10px;letter-spacing:2px;color:#9A2031}.muji-note h2{font-size:30px;line-height:1.4;margin:15px 0 10px;font-weight:650}.muji-note p{font-size:13px;color:#6E706B}.s15 .meal-tabs{height:40px}.s15 .meal-tabs button{border-radius:4px;background:#F1F0ED;border:0}.s15 .meal-tabs .on{background:#95172B;color:white}.muji-task{padding:16px 0 0}.muji-task .meal-summary h3{font-size:19px}.muji-task .main-action{border-radius:4px}.muji-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #D5D2CD;border-bottom:1px solid #D5D2CD;margin:21px 0 9px;padding:16px 0}.muji-links button{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:12px;color:#8A2734}.s15 .detail-row{border:0;padding:12px 0}
/* 16 — blue cafe typography, seal and order receipt */
.s16{background:#FFFDF5}.s16 header h1{color:#2C54D0}.blue-brand{height:216px;position:relative;padding:11px 3px;color:#2C54D0;border-top:2px solid #2C54D0;margin-bottom:14px;overflow:hidden}.blue-brand>span{font-size:10px;letter-spacing:1px}.blue-brand h2{font-size:36px;line-height:1.1;letter-spacing:-2px;position:relative;z-index:2;margin-top:12px;font-weight:800}.blue-brand .art{position:absolute;width:156px;height:162px;right:2px;bottom:0;object-fit:cover;object-position:top}.brand-stamp{position:absolute;bottom:0;left:8px;width:69px;height:69px;border:1px dashed #2C54D0;border-radius:50%;font-size:11px;line-height:1.2;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-12deg)}.s16 .meal-tabs{height:39px}.s16 .meal-tabs .on{background:#2C54D0;border-color:#2C54D0}.cafe-order{border:1px solid #B7C4E8;background:#FFF;padding:14px;border-radius:5px}.cafe-split{display:flex;align-items:center;gap:10px;padding-top:7px}.cafe-split .meal-summary{flex:1}.cafe-split .meal-summary h3{font-size:17px}.cafe-split .meal-summary p{font-size:12px}.cafe-count{width:57px;text-align:center;border-left:1px solid #D7E0F3}.cafe-count b{display:block;font-size:29px;color:#2C54D0}.cafe-count small{font-size:10px}.s16 .main-action{height:44px;border-radius:22px;font-size:16px}.s16 .shortcuts{border-bottom:1px solid #B7C4E8}
/* 17 — food over a green side curve */
.s17{background:#F7FAEF}.s17 .meal-tabs .on{background:#1E9863;border-color:#1E9863}.green-curve{position:relative;height:262px;margin:0 -18px;overflow:hidden}.green-curve:before{content:"";position:absolute;top:0;right:-60px;width:297px;height:255px;background:#43A975;border-radius:54% 0 0 65%}.green-curve>div{position:absolute;left:20px;top:26px;z-index:2;width:160px}.green-curve h2{font-size:29px;margin:13px 0 12px}.green-curve p{font:16px/1.65 KaiTi,serif}.green-curve>.food{position:absolute;width:250px;height:210px;right:-25px;bottom:0;border-radius:50%;object-fit:cover}.curve-order{position:relative;margin-top:-6px;background:white;padding:16px;border-radius:18px;border:1px solid #DFE7D7}.curve-order .meal-summary h3{font-size:19px}.curve-bottom{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:13px}.curve-bottom>span{font-size:12px;color:#74816B}.curve-bottom .main-action{width:139px;height:44px;font-size:16px;margin:0}.curve-shortcuts{display:flex;gap:12px;margin-top:15px}.curve-shortcuts button{flex:1;background:#DDEDCF;border-radius:15px;padding:13px 11px;position:relative;text-align:left;min-height:82px}.curve-shortcuts b{font-size:14px;display:block}.curve-shortcuts span{font-size:11px;display:block;margin-top:7px}.curve-shortcuts svg{position:absolute;bottom:8px;right:10px;width:19px;height:19px;color:#8BA57B}.curve-shortcuts button+button{background:white;border:1px solid #DFE7D7}
/* 18 — blue restaurant search header, horizontal categories */
.s18{background:#F5F7FB}.s18 .statusbar,.s18 .wechat,.s18 header{background:#1652EF;color:white}.s18 header small{color:#D8E3FF}.s18 .wechat>span{border-color:#FFFFFF60}.blue-restaurant{background:#1652EF;color:white;margin:-5px -18px 13px;padding:6px 18px 17px;border-radius:0 0 28px 28px}.blue-restaurant .search{background:white;color:#7B8290}.round-categories{display:flex;justify-content:space-around;font-size:11px}.round-categories span{display:flex;align-items:center;gap:7px}.round-categories svg{width:30px;height:30px;background:#FFFCF1;padding:5px;border-radius:50%;color:#2852A8}.s18 .meal-tabs{height:38px}.s18 .meal-tabs .on{background:#234ECA;border-color:#234ECA}.restaurant-promo{height:126px;background:#FFF;border-radius:15px;position:relative;padding:13px;overflow:hidden;margin-bottom:12px}.restaurant-promo>span{font-size:8px;letter-spacing:.5px;color:#4973CA}.restaurant-promo h2{font-size:22px;line-height:1.4;margin-top:11px;position:relative;z-index:2}.restaurant-promo .food{position:absolute;right:-13px;bottom:-20px;width:160px;height:151px;border-radius:50%;object-fit:cover}.restaurant-meal{background:white;border-radius:17px;padding:15px}.restaurant-meal .meal-summary h3{font-size:18px}.restaurant-meal .main-action{border-radius:25px}.s18 .shortcuts button{background:#E6EDFA;border:0}.s18 nav{margin:0 10px 15px;width:382px;height:66px;border-radius:35px;padding:5px 7px 7px;border:1px solid #E1E5EE}.s18 .home-indicator{bottom:6px}
/* 19 — wave cover + card crossing the boundary */
.s19{background:#FFFDF8}.s19 .statusbar,.s19 .wechat,.s19 header{background:#FFE381}.wave-cover{height:153px;position:relative;margin:-5px -18px 0;padding:9px 20px;background:#FFE381;border-radius:0 0 40% 5%;overflow:hidden}.wave-cover>p{font:16px/1.5 KaiTi,serif;position:relative;z-index:2}.wave-cover .art{position:absolute;width:218px;height:143px;right:3px;bottom:-10px;object-fit:cover;object-position:top}.s19 .meal-tabs{position:relative;margin:-6px 0 10px;height:41px}.s19 .meal-tabs button{background:#FFFCED}.s19 .meal-tabs .on{background:#49412C;color:white}.wave-card{background:#FFFBEC;border:1px solid #E7DBB9;border-radius:24px 8px 24px 8px;padding:16px;position:relative}.wave-card>div:nth-child(2){display:flex;align-items:center;gap:8px}.wave-card .meal-summary{flex:1}.wave-card .meal-summary h3{font-size:18px}.wave-card .meal-summary p{font-size:13px}.wave-card .food{width:122px;height:125px;border-radius:50%;object-fit:cover}.wave-role{display:flex;gap:12px;margin-top:17px}.wave-role>button{flex:1;display:flex;align-items:center;gap:9px;padding:14px 10px;border-radius:15px;background:#F8E8B7;text-align:left}.wave-role>button+button{background:#E7EFF4}.wave-role svg{width:27px;height:27px}.wave-role b{font-size:14px}.wave-role small{display:block;font-size:10px;margin-top:5px;color:#7C7D73}
/* 20 — weekly poster made of irregular meal tickets */
.s20{background:#FBF3DF}.s20 header h1{font-size:24px}.s20 .week-lead{height:128px;position:relative;padding:4px 0 0}.week-lead>span{font-size:10px;color:#748567;letter-spacing:1px}.week-lead h2{font-size:33px;line-height:1.05;margin-top:8px;font-weight:800;color:#766129;transform:rotate(-3deg);position:relative;display:inline-block}.week-lead h2 em{font-size:39px;font-style:normal;letter-spacing:4px;background:#F9D446;padding:0 8px}.week-lead p{position:absolute;right:3px;bottom:22px;font-size:13px;color:#7B765F}.week-tickets{display:grid;grid-template-columns:1fr 1fr;gap:11px 12px;padding:3px}.week-ticket{position:relative;background:#198F5E;color:white;padding:10px 12px;border-radius:3px 11px 3px 12px;min-height:106px;box-shadow:3px 4px 0 #E1D5B8;transform:rotate(-1deg)}.week-ticket:nth-child(even){transform:rotate(1deg);background:#338D58}.week-ticket h3{font-size:16px;margin-bottom:8px;background:#FFE171;color:#514D24;display:inline-block;margin-top:-16px;padding:3px 8px;border-radius:3px;transform:rotate(-2deg)}.week-ticket h3 small{font-size:10px;font-weight:400}.week-ticket>div{display:flex;gap:8px;margin:6px 0;align-items:flex-start}.week-ticket>div>b{font-size:11px;white-space:nowrap;line-height:1.5;color:#F5EBAA}.week-ticket p{font-size:12px;line-height:1.5}.week-ticket:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:65px;padding-top:12px;transform:none}.week-ticket:last-child h3{margin:0;font-size:14px}.week-ticket:last-child>div{max-width:118px}.s20 main{padding-top:5px}.s20 nav{background:#FFFAEB}


/* Final readability and viewport pass. State treatment stays consistent across brands. */
main{overflow-x:hidden}
.plate-product{overflow:hidden}
.s1 .back-card.rear{left:130px}
.s2 .dish-row{padding:9px 0}
.s15 .muji-note{padding-bottom:14px;margin-bottom:12px}
.s15 .muji-links{margin-top:16px;padding:13px 0}
.main-action.empty{background:#242E28;color:#FFFFFF}
.main-action.planned{background:#FFF0D7;color:#91440F;border:1px solid #E8C58E}
.focus-service.empty{background:#F0F2EE}
.focus-service.cooking{background:#E3F0FF}
.focus-service.cooked{background:#DCF2E9}
.focus-service.packed{background:#E6EDE7}
.underline-action.empty{color:#242E28;border-color:#242E28}
.underline-action.packed{color:#375746;border-color:#375746}
.s13 .magazine-cover .art{object-fit:contain;width:205px;left:0}
.s3 .scene-window .art{object-fit:contain;height:150px;bottom:0}
.s8 .soft-landscape .art{object-fit:contain}
.s14 .dog-letter .art{object-fit:contain}
.reference-note{font-size:11px;color:#73776E}