:root{--bg: #fffdf9;--sf: #ffffff;--ink: #283f51;--ink2: #637181;--ink3: #707d88;--line: #eeeae1;--outline: var(--line);--brand: #147eb2;--soft: #f8f6f1;--pri: #d5440c;--pri2: #c84410;--priS: #fff0e6;--priInk: #fff;--yel: #ffcc43;--yelS: #fff0bc;--yelInk: #7a6015;--pink: #ee591d;--pinkS: #fff0e6;--blue: #147eb2;--blue2: #62c8ed;--blueS: #e8f7fe;--blueCard: #dff5ff;--green: #12b96f;--greenS: #e9f8f0;--greenInk: #079659;--danger: #e84e55;--dangerS: #fff0e6;--lineG: #06c755;--r: 16px;--rc: 12px;--sh: none;--gray: #f3f6f8;--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: 0px;--tabbar-h: 68px;--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(--danger);--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)}@supports (-webkit-touch-callout: none){:root{--safe-bottom: env(safe-area-inset-bottom, 0px)}}*,*: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(--brand);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--pri2)}button,input,select,textarea{font-family:inherit}img{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(183,70,53,.28);outline-offset:2px}.app-shell,.tabbar{max-width:480px;margin-inline:auto}.page{position:relative;min-height:100dvh;padding:16px 18px 24px;display:flex;flex-direction:column;gap:18px;box-sizing:border-box}.page--tab{padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 16px)}.page--sub{padding-top:16px}.page>.spacer,.spacer{flex:1}.page--center{align-items:center;text-align:center}.h1{margin:0;font:700 22px/1.2 var(--font-head);letter-spacing:-.01em}.h2{margin:0;font:700 16px/1.3 var(--font-head)}.flow-title{margin:0;font:700 19px/1.35 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;gap:12px}.sec .h2{display:inline-flex;align-items:center;gap:8px}.sec .more{font:600 12px var(--font-head);color:var(--blue);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:0;border-radius:13px;display:grid;place-items:center;flex:none}.ic--pri{background:var(--blueS);color:var(--blue)}.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.65;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,transform .12s ease}.btn:active{filter:brightness(.96);transform:translateY(1px);box-shadow:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--pri{background:var(--pri);border:0;color:var(--priInk);box-shadow:none}.btn--ghost{background:var(--soft);border:1px solid var(--line);color:var(--ink);box-shadow:none}.btn--line{background:var(--lineG);color:#fff}.btn--text{font:600 13px var(--font-head);color:var(--blue);background:none;border:0;padding:8px 0;cursor:pointer}.mini{position:relative;height:34px;padding:0 14px;border-radius:10px;background:var(--pri);color:var(--priInk);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:1px 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(--yelInk)}.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;gap:20px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0}.seg>*{position:relative;flex:1;text-align:center;padding:10px 0 13px;min-height:44px;border-radius:0;font:600 13px var(--font-head);color:var(--ink2);background:none;border:0;cursor:pointer}.seg>.on{background:transparent;color:var(--pri2);box-shadow:none}.seg>.on:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;background:var(--pri);border-radius:3px}.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:1px solid var(--line);background:var(--sf);font:600 12px var(--font-head);color:var(--ink2);white-space:nowrap;cursor:pointer}.chip.on{background:var(--yelS);border-color:var(--yel);color:var(--ink)}.input{height:52px;min-height:44px;border:1px 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(--blue);box-shadow:0 0 0 3px var(--blueS)}.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(--danger)}.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:0;background:var(--sf);box-shadow:var(--sh);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:var(--priInk);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) + var(--safe-bottom));background:var(--bg);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:7px 10px calc(7px + var(--safe-bottom));box-sizing:border-box}.tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:44px;font:500 10px var(--font-body);color:var(--ink2);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.tab.on{color:var(--pri2);background:var(--yelS);border-radius:12px}.tab__icon{width:38px;height:31px;border-radius:14px;display:grid;place-items:center}.tab.on .tab__icon{background:transparent}.fab{width:58px;height:58px;border-radius:50%;background:var(--sf);color:var(--pink);display:grid;place-items:center;margin-top:-34px;box-shadow:0 12px 24px -14px #1e1e1e59;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:14px;background:var(--sf);border:0;display:grid;place-items:center;color:var(--ink);box-shadow:var(--sh);padding:0;cursor:pointer}.back{display:none}.avatar{width:44px;height:44px;border:0;border-radius:50%;background:#f5e6d8;color:var(--brand);display:grid;place-items:center;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.mcard{background:var(--blueCard);color:var(--ink);border:0;border-radius:20px;padding:18px;position:relative;overflow:hidden;box-shadow:var(--sh)}.mcard:before,.mcard:after{content:none}.mcard>*{position:relative}.ticket{display:flex;background:var(--sf);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:none}.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:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px;position:relative;cursor:pointer;text-align:left;box-shadow:none}.pkg.on{background:var(--yelS);border-color:var(--yel);box-shadow:none}.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--empty{padding:28px 22px;border-radius:20px;background:var(--soft)}.state--empty .state__icon{width:36px;height:36px;border-radius:0;background:transparent;color:#b5795c}.state__icon{width:56px;height:56px;border-radius:18px}.state__title{font:600 14px var(--font-body)}.qr-box{padding:12px;background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:none;display:inline-block}.line-banner{background:#f7faf8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}