/* Photo-rich mini-program UI thumbnails. These are showcase prototypes, not claimed client screenshots. */
.case-thumb{height:360px;display:grid;place-items:center;background:linear-gradient(145deg,#dbeaff,#f9fbff);overflow:hidden}.prototype{width:184px;aspect-ratio:.58;border:5px solid #17253e;border-radius:22px;position:relative;box-shadow:0 18px 34px #233a5a40}.prototype:before{content:"";position:absolute;z-index:3;top:0;left:50%;transform:translateX(-50%);width:64px;height:12px;background:#17253e;border-radius:0 0 8px 8px}.proto-bar{height:13%;padding:16px 10px 5px}.proto-banner{margin:7px 8px 5px;padding:7px}.proto-banner strong{font-size:10px}.proto-content{padding:0 8px}.proto-tabs{margin:4px 0}.proto-product{grid-template-columns:35px 1fr auto;gap:5px;padding:5px 0}.food{height:31px;background-size:cover;background-position:center;border-radius:6px}.food-0{background-image:url('https://images.unsplash.com/photo-1565299624946-b28f40a0ae38?auto=format&fit=crop&w=180&q=80')}.food-1{background-image:url('https://images.unsplash.com/photo-1515003197210-e0cd71810b5f?auto=format&fit=crop&w=180&q=80')}.food-2{background-image:url('https://images.unsplash.com/photo-1563379926898-05f4575a45d8?auto=format&fit=crop&w=180&q=80')}.food-3{background-image:url('https://images.unsplash.com/photo-1551024601-bec78aea704b?auto=format&fit=crop&w=180&q=80')}.food-4{background-image:url('https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=180&q=80')}.food-5{background-image:url('https://images.unsplash.com/photo-1550317138-10000687a72b?auto=format&fit=crop&w=180&q=80')}.proto-product b{font-size:8px}.proto-product small{font-size:6px}.proto-product em{font-size:8px}.proto-bottom{height:11%;padding:0 10px}.theme-1 .proto-banner{background:linear-gradient(120deg,#ec7257,#813a66)}.theme-2 .proto-banner{background:linear-gradient(120deg,#50ab8b,#176c72)}.theme-3 .proto-banner{background:linear-gradient(120deg,#ecaa41,#bf592c)}.theme-4 .proto-banner{background:linear-gradient(120deg,#775dd1,#3368c5)}.theme-5 .proto-banner{background:linear-gradient(120deg,#e34d65,#b13d3e)}.theme-6 .proto-banner{background:linear-gradient(120deg,#3596c1,#254a95)}.theme-7 .proto-banner{background:linear-gradient(120deg,#905d38,#443344)}@media(max-width:800px){.case-thumb{height:340px}.prototype{width:170px}}