*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans TC,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-color:#f0f4f8;display:flex;justify-content:center;align-items:center;padding:0;margin:0}#root{display:flex;justify-content:center;align-items:center}.bubbles-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;z-index:9999}.bubble{position:absolute;bottom:-50px;left:var(--left);width:var(--size);height:var(--size);border-radius:50%;opacity:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(135,206,250,.6) 30%,rgba(100,180,230,.4) 50%,rgba(70,150,210,.2) 70%,transparent 90%);box-shadow:inset 0 -3px 8px #64b4e666,inset 3px 3px 8px #ffffffb3,0 0 15px #87cefa66,0 0 30px #64b4e633;border:1px solid rgba(175,220,255,.6);animation:floatUp var(--duration) ease-out var(--delay) forwards}.bubble:after{content:"";position:absolute;top:12%;left:18%;width:35%;height:35%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(200,230,255,.5) 40%,transparent 70%);border-radius:50%}@keyframes floatUp{0%{bottom:-50px;opacity:0;transform:scale(0) translate(0)}10%{opacity:var(--opacity);transform:scale(1) translate(0)}30%{transform:scale(1) translate(20px)}50%{transform:scale(1.05) translate(-15px)}70%{transform:scale(1) translate(10px);opacity:var(--opacity)}90%{opacity:calc(var(--opacity) * .5)}to{bottom:110vh;opacity:0;transform:scale(.5) translate(0)}}.menu-container{width:100%;max-width:160vh;height:100vh;aspect-ratio:16 / 10;background-image:url(/Shot-100.jpg);background-size:100% 100%;background-position:center;background-repeat:no-repeat;padding:40px 80px 30px;margin:0 auto;position:relative;display:flex;flex-direction:row;box-sizing:border-box;overflow:hidden}.category-sidebar{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:10}.category-tab{padding:12px 16px;background:#ffffffb3;border:2px solid transparent;border-radius:8px;color:#4f7be5;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-tab:hover{background:#4f7be526;border-color:#4f7be54d;transform:translate(5px)}.category-tab.active{background:#4f7be5;color:#fff;border-color:#4f7be5;box-shadow:0 4px 15px #4f7be566}.menu-content{width:100%;flex:1;padding:20px 0 0;margin-left:80px;display:flex;flex-direction:column;overflow:hidden;position:relative}.menu-content.empty-state{justify-content:center;align-items:center;text-align:center;color:#4f7be5}.empty-hint{font-size:1.2rem;opacity:.6;margin-top:16px;font-weight:400}.swipe-container{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0}.item-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:60px;cursor:grab;-webkit-user-select:none;user-select:none;padding:20px;box-sizing:border-box}.item-card:active{cursor:grabbing}.item-image-container{flex:0 0 auto;width:50%;max-width:600px;height:100%;display:flex;align-items:center;justify-content:center}.item-image{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.item-info{flex:0 0 auto;width:35%;min-width:280px;max-width:450px;display:flex;flex-direction:column;justify-content:center;padding:20px 0}.item-category{font-size:1.2rem;font-weight:700;color:#4f7be5;letter-spacing:.3em;text-transform:uppercase;margin-bottom:60px;opacity:.7}.item-details{display:flex;flex-direction:column;gap:20px}.item-name{font-size:2.4rem;font-weight:800;color:#4f7be5;margin:0;letter-spacing:.02em;line-height:1.3;white-space:nowrap}.item-badge{display:inline-block;width:fit-content;padding:8px 20px;background:linear-gradient(135deg,#4f7be5,#7b9fef);color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.15em;border-radius:20px;text-transform:uppercase;box-shadow:0 4px 15px #4f7be54d}.item-price{font-size:2.2rem;color:#4f7be5;opacity:.7;margin:0;font-weight:600;letter-spacing:.05em}.navigation{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 0 80px}.navigation-dots{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.dot{width:12px;height:12px;border-radius:50%;border:none;background:#4f7be540;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);padding:0}.dot.active{background:#4f7be5;width:36px;border-radius:12px}.dot:hover:not(.active){background:#4f7be580;transform:scale(1.2)}.navigation-arrows{display:flex;justify-content:center;align-items:center;gap:40px}.arrow-btn{width:56px;height:56px;border-radius:14px;border:none;background:linear-gradient(135deg,#4f7be51a,#4f7be50d);color:#4f7be5;font-size:1.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;line-height:1;font-weight:300}.arrow-btn:hover:not(:disabled){background:#4f7be5;color:#fff;transform:scale(1.05);box-shadow:0 4px 15px #4f7be54d}.arrow-btn:active:not(:disabled){transform:scale(.98)}.arrow-btn:disabled{opacity:.25;cursor:not-allowed}.page-indicator{font-size:1.2rem;color:#4f7be5;font-weight:600;opacity:.7;letter-spacing:.1em;min-width:80px;text-align:center}@media(max-width:1200px){.menu-container{padding:30px 40px 20px}.category-sidebar{left:10px}.category-tab{padding:10px 12px;font-size:.65rem}.menu-content{margin-left:60px}.item-card{gap:40px}.item-image-container{width:45%}.item-info{width:40%}}@media(max-width:900px){.menu-container{padding:20px 30px;flex-direction:column}.category-sidebar{position:relative;left:0;top:0;transform:none;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px}.category-tab{padding:8px 12px;font-size:.6rem}.menu-content{margin-left:0}.item-card{flex-direction:column;gap:20px;padding:10px}.item-image-container{width:60%;max-width:400px;height:50%}.item-info{width:100%;max-width:100%;text-align:center;align-items:center;padding:10px 0}.item-category{margin-bottom:20px}.item-name{font-size:1.6rem;white-space:normal}.item-price{font-size:1.4rem}.navigation{padding:10px 0 20px}}@font-face{font-family:SweiSpring;src:url(/SweiSpringCJKtc-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--primary-color: #4F7BE5;--background-overlay: rgba(255, 255, 255, .75)}html{scroll-behavior:smooth}body{font-family:SweiSpring,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--primary-color);background-color:#f0f4ff;background-image:radial-gradient(at 20% 20%,rgba(79,123,229,.08) 0%,transparent 50%),radial-gradient(at 80% 80%,rgba(79,123,229,.05) 0%,transparent 50%);min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4f7be533;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4f7be566}