:root{--bg: #FBF7F2;--sf: #fff;--ink: #1E1613;--ink2: #6B615B;--ink3: #9A928C;--line: #EFE7DF;--pri: #C03523;--pri2: #A32A1B;--priS: #FBE9E5;--yel: #F5D400;--yelS: #FFF6C7;--yelInk: #8A6D00;--pink: #EE4A6B;--pinkS: #FDE7EC;--blue: #1E77C0;--blueS: #E4EFFA;--green: #8DC456;--greenS: #EEF7E4;--greenInk: #3F7A29;--lineG: #06C755;--r: 20px;--rc: 14px;--sh: 0 10px 24px -16px rgba(80, 40, 30, .35);--gray: #F1ECE6;--font-head: Prompt, Sarabun, "Noto Sans Thai", system-ui, -apple-system, sans-serif;--font-body: Sarabun, "Noto Sans Thai", system-ui, -apple-system, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tabbar-h: 86px;--lineG-hover: #05b34c;--lineG-press: #048b3b;--lineG-divider: rgba(0, 0, 0, .08);--lineG-disabled-bg: #fff;--lineG-disabled-border: rgba(229, 229, 229, .6);--lineG-disabled-on: rgba(30, 30, 30, .2);--van-primary-color: var(--pri);--van-danger-color: var(--pri);--van-success-color: var(--greenInk);--van-warning-color: var(--yelInk);--van-base-font: var(--font-body);--van-text-color: var(--ink);--van-text-color-2: var(--ink2);--van-text-color-3: var(--ink3);--van-border-color: var(--line);--van-background: var(--bg);--van-background-2: var(--sf);--van-radius-md: var(--rc);--van-radius-lg: var(--r);--van-button-default-height: 50px;--van-button-border-radius: var(--rc);--van-toast-border-radius: var(--rc);--van-popup-round-radius: var(--r);--van-cell-font-size: 14px;--van-field-placeholder-text-color: var(--ink3);--van-switch-on-background: var(--lineG)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}a{color:var(--pri);text-decoration:underline}a:hover{color:var(--pri2)}button,input,select,textarea{font-family:inherit}img{max-width:100%}.page{position:relative;min-height:100dvh;padding:18px 16px 28px;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.page--tab{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}.page--sub{padding-top:calc(64px + env(safe-area-inset-top,0px))}.page>.spacer,.spacer{flex:1}.page--center{align-items:center;text-align:center}.h1{margin:0;font:700 24px/1.2 var(--font-head);letter-spacing:-.01em}.h2{margin:0;font:600 16px/1.3 var(--font-head)}.lead{margin:0;color:var(--ink2);font-size:14px;line-height:1.5}.eyebrow{font:600 11px var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}.sec{display:flex;align-items:center;justify-content:space-between}.sec .more{font:600 12px var(--font-head);color:var(--pri);background:none;border:0;padding:6px 0;cursor:pointer}.note{font-size:12px;color:var(--ink3);line-height:1.5}.money{font:700 30px/1 var(--font-head);letter-spacing:-.02em}.num{font:600 15px var(--font-head)}.divider{display:flex;align-items:center;gap:10px;color:var(--ink3);font:600 11px var(--font-head)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.card{background:var(--sf);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}.pad{padding:16px}.list{padding:2px 0}.row{display:flex;align-items:center;gap:12px;padding:13px 16px;min-height:44px;color:inherit;text-decoration:none}.list .row+.row{border-top:1px solid var(--line)}.row .t{font:600 14px var(--font-body);color:var(--ink)}.row .s{font-size:12px;color:var(--ink3);margin-top:2px}.row .main>.t,.row .main>.s,.row .main>span{display:block}.row .main{flex:1;min-width:0}.row .v{font:600 14px var(--font-head)}a.row,button.row{width:100%;text-align:left;background:none;border:0;cursor:pointer}.ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none}.ic--pri{background:var(--priS);color:var(--pri)}.ic--yel{background:var(--yelS);color:var(--yelInk)}.ic--pink{background:var(--pinkS);color:var(--pink)}.ic--blue{background:var(--blueS);color:var(--blue)}.ic--green{background:var(--greenS);color:var(--greenInk)}.ic--gray{background:var(--gray);color:var(--ink2)}.ic--line{background:var(--lineG);color:#fff}.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.btn{height:50px;min-height:44px;width:100%;border-radius:var(--rc);border:0;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;font:600 15px var(--font-head);box-sizing:border-box;cursor:pointer;text-decoration:none;color:inherit;background:none;transition:filter .12s ease,opacity .12s ease}.btn:active{filter:brightness(.94)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--pri{background:var(--pri);color:#fff}.btn--ghost{background:var(--sf);border:1.5px solid var(--line);color:var(--ink)}.btn--line{background:var(--lineG);color:#fff}.btn--text{font:600 13px var(--font-head);color:var(--pri);background:none;border:0;padding:8px 0;cursor:pointer}.mini{position:relative;height:34px;padding:0 14px;border-radius:999px;background:var(--pri);color:#fff;font:600 12px var(--font-head);display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;white-space:nowrap}.mini--line{background:var(--lineG)}.mini--ghost{background:var(--sf);color:var(--ink);border:1.5px solid var(--line)}.pill{display:inline-flex;align-items:center;gap:4px;font:600 11px var(--font-head);padding:4px 9px;border-radius:999px}.pill--ok{background:var(--greenS);color:var(--greenInk)}.pill--warn{background:var(--yelS);color:var(--yelInk)}.pill--pri{background:var(--priS);color:var(--pri)}.pill--gray{background:var(--gray);color:var(--ink2)}.pill--blue{background:var(--blueS);color:var(--blue)}.pill--white{background:#ffffff2e;color:#fff}.seg{display:flex;background:var(--gray);border-radius:12px;padding:3px}.seg>*{position:relative;flex:1;text-align:center;padding:9px 0;min-height:40px;border-radius:10px;font:600 13px var(--font-head);color:var(--ink2);background:none;border:0;cursor:pointer}.seg>.on{background:var(--sf);color:var(--ink);box-shadow:0 1px 3px #00000014}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 -16px;padding:6px 16px}.chips::-webkit-scrollbar{display:none}.chip{position:relative;flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 13px;min-height:36px;border-radius:999px;border:1.5px solid var(--line);background:var(--sf);font:600 12px var(--font-head);color:var(--ink2);white-space:nowrap;cursor:pointer}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.input{height:52px;min-height:44px;border:1.5px solid var(--line);border-radius:var(--rc);background:var(--sf);display:flex;align-items:center;gap:10px;padding:0 14px;font:500 16px var(--font-body);color:var(--ink);box-sizing:border-box}.input:focus-within{border-color:var(--pri);box-shadow:0 0 0 3px var(--priS)}.input .ph-text,.input input::placeholder{color:var(--ink3)}.input input,.input textarea{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;color:inherit;padding:0;height:100%}.input--ro{background:#f6f1eb;color:var(--ink2)}.input--error{border-color:var(--pri)}.label{font:600 12px var(--font-head);color:var(--ink2);margin-bottom:6px;display:block}.otp{display:flex;gap:8px}.otp>*{flex:1;height:56px;border-radius:14px;border:1.5px solid var(--line);background:var(--sf);display:grid;place-items:center;font:700 22px var(--font-head)}.otp>.on{border-color:var(--pri);box-shadow:0 0 0 3px var(--priS)}.check{width:22px;height:22px;border-radius:7px;background:var(--pri);color:#fff;display:grid;place-items:center;flex:none;border:0;padding:0;cursor:pointer}.check--off{background:var(--sf);border:1.5px solid var(--line);color:transparent}.toggle{width:46px;height:27px;border-radius:999px;background:var(--lineG);position:relative;flex:none;border:0;padding:0;cursor:pointer;transition:background .15s}.toggle:after{content:"";position:absolute;top:3px;right:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .15s}.toggle--off{background:#d9d2cb}.toggle--off:after{transform:translate(-19px)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.qa{display:flex;flex-direction:column;align-items:center;gap:8px;font:600 12px var(--font-head);color:var(--ink2);background:none;border:0;padding:0;cursor:pointer;text-decoration:none}.qa .ic{width:54px;height:54px;border-radius:17px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));background:#fffffff7;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:10px 6px env(safe-area-inset-bottom,0px);box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;font:600 11px var(--font-head);color:var(--ink3);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.tab.on{color:var(--pri)}.fab{width:58px;height:58px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;margin-top:-34px;box-shadow:0 12px 22px -10px #c03523b3;border:4px solid var(--bg);box-sizing:content-box}.back{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:14px;z-index:15;width:44px;height:44px;border-radius:50%;background:var(--sf);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);box-shadow:var(--sh);padding:0;cursor:pointer}.avatar{width:44px;height:44px;border-radius:50%;background:var(--blueS);color:var(--blue);display:grid;place-items:center;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.mcard{background:var(--pri);color:#fff;border-radius:22px;padding:18px;position:relative;overflow:hidden;box-shadow:0 18px 30px -18px #c03523b3}.mcard:before{content:"";position:absolute;right:-40px;top:-60px;width:180px;height:180px;border-radius:50%;background:#ffffff1a}.mcard:after{content:"";position:absolute;left:-30px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:#00000014}.mcard>*{position:relative}.ticket{display:flex;background:var(--sf);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh)}.ticket .val{width:104px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;border-right:2px dashed rgba(255,255,255,.55);padding:12px 6px}.ticket .val b{font:700 26px/1 var(--font-head)}.ticket .val span{font:600 11px var(--font-head);opacity:.92}.ticket .info{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}.ticket .info .t{font:600 14px var(--font-body)}.ticket .info .s{font-size:12px;color:var(--ink3)}.ticket .info .b{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.pkg{background:var(--sf);border:1.5px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px;position:relative;cursor:pointer;text-align:left}.pkg.on{border-color:var(--pri);box-shadow:0 0 0 3px var(--priS)}.pkg .p{font:700 22px var(--font-head)}.pkg .b{font:600 12px var(--font-head);color:var(--greenInk)}.pkg .g{font-size:12px;color:var(--ink3)}.pkg .best{position:absolute;top:-10px;right:10px}.chip:before,.mini:before,.seg>*:before,.btn--text:before,.sec .more:before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;min-height:100%;transform:translateY(-50%)}.btn--text,.sec .more{position:relative}.dot{width:9px;height:9px;border-radius:50%;background:var(--pri);position:absolute;top:8px;right:8px;border:2px solid #fff}.shape{position:absolute;border-radius:50%;opacity:.7;pointer-events:none}.hscroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:4px 16px 8px}.hscroll::-webkit-scrollbar{display:none}.state{padding:28px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.state__icon{width:56px;height:56px;border-radius:18px}.state__title{font:600 14px var(--font-body)}.qr-box{padding:10px;background:#fff;border-radius:16px;border:1px solid var(--line);display:inline-block}.line-banner{background:#e9fbef;border-color:#c6f0d3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}