.module-screen[data-module="recipes"] .module-body{padding:0 2.2vw 2.2vw;overflow:auto}
.module-screen[data-module="recipes"] .module-wash{background:linear-gradient(180deg,rgba(52,29,17,.46),rgba(74,42,22,.82)),url("assets/market.png") center/cover}
.recipe-book{max-width:1500px;margin:0 auto;padding-bottom:30px;color:#563119}
.recipe-book-intro{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 16px;padding:14px 18px;background:linear-gradient(100deg,#f6dfb4,#edc88e);border:3px solid #8b542c;border-radius:18px;box-shadow:0 8px 0 rgba(72,37,19,.32),inset 0 0 0 2px rgba(255,250,220,.8)}
.recipe-book-intro>div{display:grid;min-width:0;gap:2px}.recipe-book-intro small{font-size:12px;letter-spacing:.12em;color:#884d28}.recipe-book-intro b{font-size:21px;line-height:1.2}.recipe-book-intro span{font-size:13px;color:#85502f}
.recipe-book-intro nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.recipe-book-intro button{border:1.5px solid #a76a35;border-radius:999px;background:#fff1d3;color:#68401f;padding:8px 14px;font:700 13px inherit;cursor:pointer}.recipe-book-intro button.active{background:#7f4b25;color:#fff7dd;box-shadow:inset 0 -2px rgba(0,0,0,.16)}
.recipe-book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.recipe-book-card{min-width:0;display:grid;grid-template-rows:102px minmax(98px,auto) minmax(66px,1fr);padding:14px;background:linear-gradient(145deg,#fff3d4,#f5d39a);border:3px solid #98603a;border-radius:17px;box-shadow:0 6px 0 rgba(68,35,18,.28),inset 0 0 0 2px rgba(255,255,255,.5);overflow:hidden}
.recipe-book-card[hidden]{display:none!important}
.recipe-book-card header{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:0;border-bottom:1px dashed rgba(126,72,34,.35);padding-bottom:10px}
.recipe-book-card header>div{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:22px minmax(0,1fr);align-items:start;column-gap:5px}
.recipe-book-card header small{grid-column:1;grid-row:1;align-self:center;color:#854f28;font-size:12px;font-weight:800;letter-spacing:.10em;white-space:nowrap}
.recipe-book-card h3{grid-column:1/-1;grid-row:2;min-width:0;margin:3px 0 0;font-size:18px;line-height:1.25;color:#4e2b16;overflow-wrap:break-word}
.recipe-book-card header strong{grid-column:2;grid-row:1;justify-self:end;align-self:center;padding:4px 6px;border-radius:8px;background:#74421f;color:#fff4d5;font-size:12px;line-height:1.25;white-space:nowrap}
.book-drink{position:relative;display:block;flex:0 0 58px;width:58px;height:74px;filter:drop-shadow(0 3px 1px rgba(74,36,15,.24))}.book-drink:before{content:"";position:absolute;left:10px;right:8px;top:12px;bottom:3px;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent 32%),var(--drink);border:2px solid #56341f;border-radius:4px 4px 13px 13px;clip-path:polygon(5% 0,95% 0,83% 100%,17% 100%)}.book-drink:after{content:"";position:absolute;left:9px;top:8px;width:43px;height:10px;border:2px solid #56341f;border-radius:50%;background:#f7d99e}.book-drink i{position:absolute;z-index:2;right:7px;top:0;width:5px;height:42px;border-radius:4px;background:#4a382b;transform:rotate(12deg)}.book-drink u{position:absolute;z-index:1;left:15px;right:13px;top:21px;height:15px;border-top:2px solid rgba(255,255,255,.45);text-decoration:none}
.book-drink-tralai:before{background:linear-gradient(180deg,#4b250f 0 45%,#e09117 46% 100%)}.book-drink-bacxiu:before{background:linear-gradient(180deg,#7d471f 0 34%,#ead5aa 35% 100%)}.book-drink-dabao:before{background:linear-gradient(145deg,#fff 0 25%,#ee7da4 27% 72%,#fff 74%)}
.recipe-book-card ol{display:grid;grid-template-columns:repeat(var(--step-count,4),minmax(0,1fr));align-items:start;gap:2px;min-width:0;min-height:0;margin:0;padding:12px 0 6px;list-style:none;overflow:visible}
.recipe-book-card li{position:relative;min-width:0;display:grid;grid-template-rows:35px minmax(35px,auto);justify-items:center;align-content:start;gap:5px;text-align:center}
.recipe-book-card li span{display:grid;place-items:center;width:min(35px,100%);height:35px;border:1.5px solid #a97042;border-radius:10px;background:rgba(255,250,224,.74);font:19px/1.25 "Segoe UI Emoji",sans-serif}
.recipe-book-card li b{display:block;width:100%;min-width:0;font-size:12px;line-height:1.25;overflow-wrap:anywhere;hyphens:none}
.recipe-book-card li i{position:absolute;right:-7px;top:7px;z-index:1;color:#d68b24;font:normal bold 19px/1 Arial;pointer-events:none}
.recipe-book-card footer{display:grid;gap:4px;padding-top:8px;border-top:1px dashed rgba(126,72,34,.35)}.recipe-book-card footer span{font-size:12px;line-height:1.25;color:#724528}.recipe-book-card footer em{font-size:12px;color:#487232;font-style:normal;font-weight:700}.recipe-book-card.locked{filter:saturate(.62);background:linear-gradient(145deg,#eadfc9,#cfc1aa)}.recipe-book-card.locked header strong{background:#766c5f}.recipe-book-card.locked footer em{color:#8b5434}.recipe-book-empty{text-align:center;color:#fff4d5;font-weight:700;padding:60px}
@media(max-width:1200px){.recipe-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.recipe-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-book-intro{position:relative;align-items:flex-start;flex-direction:column;gap:10px}.recipe-book-intro nav{justify-content:flex-start}}
@media(max-width:760px){.module-screen[data-module="recipes"] .module-body{padding:0 10px 20px}.recipe-book-grid{gap:9px}.recipe-book-card{padding:10px;grid-template-rows:100px minmax(96px,auto) minmax(64px,1fr)}.recipe-book-card header{gap:7px}.recipe-book-card h3{font-size:16px}.book-drink{transform:scale(.86);margin:-4px}}
@media(max-width:620px){.recipe-book-grid{grid-template-columns:1fr}.recipe-book-card ol{max-width:450px;margin-inline:auto;width:100%}.recipe-book-intro button{padding:7px 10px}}