:root{color:#064eaa;font-synthesis:none;text-rendering:optimizelegibility;background:#dcefff;font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:#dcefff;min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button{font:inherit}.page-stage{background:radial-gradient(circle at 50% -20%,#fffffff2,#0000 46%),linear-gradient(#b9e3ff,#eaf6ff 72%);justify-content:center;min-height:100dvh;display:flex}.app-shell{width:min(100%,430px);min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) 4px calc(76px + env(safe-area-inset-bottom));background-color:#c9ebff;background-image:url(/assets/background-mobile.png);background-position:top;background-repeat:repeat-y;background-size:100%;position:relative;overflow:hidden;box-shadow:0 0 42px #1869b23d}.image-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;min-width:0;padding:0;display:block}.image-button img{object-fit:contain;width:100%;height:100%;display:block}.image-button:focus-visible,.category-preview button:focus-visible,.nav-hitboxes button:focus-visible{outline-offset:1px;border-radius:12px;outline:2px solid #074eff}.image-button:active{transform:scale(.975)}.topbar{justify-content:space-between;align-items:center;height:70px;padding:1px 1px 3px 5px;display:flex}.logo-button{aspect-ratio:285/111;width:112px}.account-button{aspect-ratio:286/83;width:154px}.dashboard{grid-template-columns:minmax(0,58%) minmax(0,42%);align-items:stretch;gap:3px;display:grid}.balance-card{aspect-ratio:1;width:100%}.service-grid{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.service-button{width:100%;height:100%}.hero{margin-top:5px}.hero-button{aspect-ratio:450/159;width:100%}.benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin-top:4px;display:grid}.benefit-button{aspect-ratio:173/85;width:100%}.promotion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:4px;display:grid}.promotion-button{aspect-ratio:300/275;width:100%}.category-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:4px;display:grid}.category-preview button{color:#1262bd;white-space:nowrap;cursor:pointer;background:linear-gradient(#ffffffd9,#e2f4ffb8);border:1px solid #6db1eba8;border-radius:12px;min-height:48px;padding:7px 3px 19px;font-size:clamp(12px,3.5vw,15px);font-weight:800;overflow:hidden;box-shadow:inset 0 0 7px #ffffffe6,0 1px 2px #2c7cc52e}.category-preview span{color:#ffc523}.bottom-navigation{z-index:20;width:min(100%,430px);padding-bottom:env(safe-area-inset-bottom);filter:drop-shadow(0 -3px 8px #397dc433);position:fixed;bottom:0;left:max(0px,50vw - 215px);right:max(0px,50vw - 215px)}.bottom-navigation>img{width:100%;height:auto;display:block}.nav-hitboxes{inset:0 0 env(safe-area-inset-bottom);grid-template-columns:repeat(6,1fr);display:grid;position:absolute}.nav-hitboxes button{cursor:pointer;background:0 0;border:0}.toast{z-index:30;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));color:#fff;text-align:center;opacity:0;pointer-events:none;background:#0d4d9de0;border:1px solid #ffffffb3;border-radius:999px;max-width:calc(100vw - 40px);padding:8px 14px;font-size:12px;font-weight:700;transition:opacity .16s,transform .16s;position:fixed;transform:translate(-50%,10px);box-shadow:0 6px 18px #00367b42}.toast-visible{opacity:1;transform:translate(-50%)}@media (width>=431px){.app-shell{background-image:url(/assets/background-desktop.png);padding-left:6px;padding-right:6px}.category-preview button{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}