@charset "UTF-8";
:root{--purple:#7638cb;--deep:#3e215c;--lilac:#e9dcff;--cream:#fff4d6;--ink:#30243d;--muted:#92859e;--line:#eee8f3;--paper:#fbf9fd;--radius:22px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#f2edf7;background-image:radial-gradient(ellipse at 18% 50%,#e8dafa 0,transparent 50%),radial-gradient(ellipse at 85% 20%,#fff8e8 0,transparent 40%);min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c09be9;outline-offset:3px}svg{width:22px;height:22px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button svg{pointer-events:none}h1,h2,h3,h4,p{margin:0}button{color:inherit}button:active:not(:disabled){transform:translateY(1px)}.desktop-masthead{max-width:1440px;margin:auto;height:105px;padding:24px 52px;display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;gap:13px;align-items:center;color:#6630a0}.wordmark>b{font-size:33px;letter-spacing:-2px;font-weight:850}.wordmark>span{font-size:12px;font-weight:700;line-height:1.5}.wordmark small{font-size:6px;display:block;letter-spacing:.6px}.prototype-label{font-size:12px;color:#87768f;display:flex;gap:8px;align-items:center}.prototype-label i{width:6px;height:6px;background:#a678d6;border-radius:50%}.prototype-label em{font-style:normal;font-size:10px;background:#e9dff1;padding:4px 7px;border-radius:5px}.workspace{display:grid;grid-template-columns:320px 402px 286px;gap:54px;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:5px 30px 40px}.presentation{padding-bottom:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.6px;color:#9c73bd}.presentation h1{font-size:49px;line-height:1.45;letter-spacing:-2px;margin:22px 0;color:#4c3264;font-weight:800}.presentation h1 span{color:#8b4dd0}.presentation>p{font-size:13px;line-height:2.1;color:#9c8aa9}.presentation-line{width:42px;height:2px;background:#c7afd9;margin:31px 0}.flow-guide{display:flex;gap:16px;margin:21px 0;align-items:center}.flow-guide>span{font-size:12px;font-family:Georgia,serif;color:#b398c6}.flow-guide>div{font-size:14px;font-weight:600;color:#624f74}.flow-guide small{display:block;color:#a08eab;font-size:10px;font-weight:400;margin-top:6px}.desktop-foot{font-size:8px;letter-spacing:1.3px;color:#b5a4bf;margin-top:43px}.desktop-foot span{padding-left:10px;font-size:16px;color:#ad88d1}
.phone{height:min(860px,calc(100vh - 145px));min-height:680px;width:402px;background:var(--paper);border:7px solid #fff;border-radius:46px;box-shadow:0 35px 70px #6139791b,0 0 0 1px #e2d9e7;position:relative;display:flex;flex-direction:column;overflow:hidden}.statusbar{height:34px;min-height:34px;padding:9px 25px 0;background:#eee2ff;display:flex;justify-content:space-between;font-size:11px;color:#34243e}.statusbar>span{font-size:12px;letter-spacing:1px}.wifi{font-size:16px;display:inline-block;transform:rotate(180deg)}.app-header{height:48px;min-height:48px;background:#eee2ff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:3}.app-title{font-weight:700;font-size:15px;display:flex;gap:9px;align-items:center;min-width:0}.app-title .subbrand{font-size:8px;display:block;line-height:1.4;letter-spacing:1px;font-weight:500;color:#9176ab}.mini-capsule{border:1px solid #806e962b;background:#ffffff3d;border-radius:20px;width:77px;height:29px;display:flex;align-items:center;justify-content:space-evenly;font-size:19px;flex-shrink:0}.mini-capsule i{height:15px;width:1px;background:#bba7ce}.mini-capsule button{background:none;padding:0;line-height:1;font-weight:700}.mini-capsule .circle{font-size:15px}.icon-button{background:transparent;padding:5px;display:inline-flex;align-items:center;justify-content:center}.screen{overflow-y:auto;overflow-x:hidden;flex:1;overscroll-behavior:contain;scrollbar-width:none;position:relative;outline:none}.screen::-webkit-scrollbar{display:none}.bottom-nav{height:67px;min-height:67px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px 10px;background:#ffffffed;border-top:1px solid #f1eaf6;z-index:4}.bottom-nav button{background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;color:#aaa0b2;position:relative}.bottom-nav button.active{color:var(--purple);font-weight:650}.bottom-nav svg{width:22px;height:22px}.nav-dot{position:absolute;top:2px;right:27px;width:5px;height:5px;border-radius:50%;background:#b48ae7}
.home-hero{height:300px;padding:21px 23px 0;background:radial-gradient(ellipse at 85% 5%,#d9c0fa,transparent 70%),linear-gradient(145deg,#eee2ff,#dfc9fb);position:relative;overflow:hidden}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:9px;background:#fff6;padding:5px 9px;border:1px solid #fff7;border-radius:20px;color:#8a4bb2;font-weight:600;letter-spacing:.4px}.hero-eyebrow b{font-size:10px}.home-hero h2{font-size:35px;letter-spacing:-1px;line-height:1.27;font-weight:900;color:#fff8e8;text-shadow:0 3px 0 #b37edb,1px 1px 0 #a064c8,0 7px 10px #9758bf30;position:relative;z-index:1;margin:13px 0 11px;transform:rotate(-3deg);width:235px}.hero-subtitle{font-size:10px;color:#8e5baa;line-height:1.8;position:relative;z-index:1}.hero-mascot{position:absolute;width:213px;height:244px;object-fit:contain;right:-18px;top:50px;filter:drop-shadow(0 9px 9px #8a48b72a);pointer-events:none}.hero-orbit{position:absolute;width:330px;height:128px;border:1px solid #ffffff90;border-radius:50%;transform:rotate(-28deg);left:34px;top:101px}.hero-orbit:after{content:"";position:absolute;inset:8px;border:1px solid #ffffff40;border-radius:50%}.sparkle{position:absolute;color:#fff4cb;font-size:24px;z-index:1;text-shadow:0 2px 0 #dcb9a0}.sparkle.s1{right:65px;top:12px}.sparkle.s2{left:12px;top:176px;font-size:17px}.hero-sticker{position:absolute;right:13px;bottom:46px;font-size:8px;color:#84539f;padding:6px 9px;background:#fff7;transform:rotate(8deg);border-radius:9px;z-index:1}.home-body{padding:0 17px 24px;position:relative}.seat-meter{margin-top:-38px;position:relative;border:1px solid #fff;background:#fffdf9;border-radius:19px;padding:14px 17px;box-shadow:0 6px 17px #9c6cbb12;display:flex;align-items:center;justify-content:space-between}.seat-meter .caption{font-size:11px;font-weight:600;color:#6d527f}.seat-meter .big{font-size:34px;color:#7d44ae;line-height:1.2;letter-spacing:-1px;font-weight:800}.seat-meter .big small{font-size:10px;font-weight:400;letter-spacing:0;margin-left:4px;color:#a28baf}.seat-meter .right{text-align:right}.seat-meter .right p{font-size:9px;color:#9d8ca7;margin-bottom:8px}.countdown{font-size:11px;color:#7a518c;display:flex;align-items:center;gap:4px}.countdown b{background:#f1e8f7;border-radius:4px;padding:4px 5px;min-width:24px;text-align:center;font-variant-numeric:tabular-nums;font-weight:650}.countdown em{font-size:9px;font-style:normal;margin-right:2px}.primary-offer{width:100%;background:linear-gradient(115deg,#9152d6,#7431bc);color:white;text-align:left;border-radius:20px;padding:19px 18px;margin-top:16px;position:relative;overflow:hidden;box-shadow:0 6px 12px #8344c81b}.offer-eyebrow{font-size:9px;opacity:.78;letter-spacing:.5px}.primary-offer h3{font-size:24px;margin:6px 0 5px;font-weight:800;letter-spacing:1px}.primary-offer p{font-size:10px;color:#e7d5f9}.offer-arrow{position:absolute;right:17px;top:45%;border:1px solid #ffffff70;border-radius:50%;height:30px;width:30px;display:grid;place-items:center}.offer-arrow svg{width:15px;height:15px}.offer-badge{position:absolute;right:17px;top:15px;font-size:8px;border:1px solid #e5b7ff88;padding:3px 7px;border-radius:20px;color:#f4dcff}.offer-watermark{position:absolute;right:56px;top:30px;opacity:.09;font-size:100px;line-height:1;transform:rotate(-14deg);font-family:Georgia,serif}.secondary-offer{margin-top:11px;background:#fff1ce;border:1px solid #f3e3b9;color:#785027;box-shadow:none}.secondary-offer h3{font-size:21px}.secondary-offer p{color:#b08d54}.secondary-offer .offer-badge{border-color:#e7cc91;color:#a27b38}.secondary-offer .offer-arrow{border-color:#dcc291}.secondary-offer .offer-eyebrow{color:#b29660}.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 15px;gap:8px}.section-title h3{font-size:16px;letter-spacing:.2px}.text-link{background:none;color:#a08baa;font-size:10px;display:inline-flex;gap:2px;align-items:center;padding:3px 0}.text-link svg{width:12px;height:12px}.category-shortcuts{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.category-shortcuts button{background:none;font-size:10px;color:#8d779c;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0}.category-circle{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#efe6fa;color:#9571b1}.category-shortcuts button:nth-child(2n) .category-circle{background:#f6eddc;color:#b09057}.brand-ribbon{display:flex;justify-content:space-around;align-items:center;padding:22px 0 12px;color:#a596ad;font-size:12px;font-weight:750;letter-spacing:-.4px}.brand-ribbon>span:last-child{font-size:11px}.steps-strip{margin-top:12px;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-around;color:#b1a3bb;font-size:9px}.steps-strip b{font-weight:500;color:#91769f;margin-right:3px}.page-footer{text-align:center;color:#c0b3c9;font-size:8px;letter-spacing:2px;padding:24px 0 4px}.page-footer .m{font-size:16px;letter-spacing:-1px;display:block;margin-bottom:4px;font-weight:700}
.page-pad{padding:18px 17px 26px}.page-heading{font-size:25px;line-height:1.35;font-weight:800;letter-spacing:-.5px}.page-subheading{font-size:10px;color:var(--muted);line-height:1.8;margin-top:8px}.light-hero{padding:23px 21px;background:linear-gradient(145deg,#eee2ff,#f5edff);position:relative;overflow:hidden}.light-hero .hero-eyebrow{margin-bottom:12px}.light-hero .hero-mascot{width:145px;height:175px;top:6px;right:0}.light-hero .page-heading{position:relative;z-index:1;color:#663391}.light-hero .page-subheading{position:relative;z-index:1;color:#a082b4}.pill-note{font-size:9px;background:#ffffff95;color:#9972b0;border-radius:20px;display:inline-block;padding:5px 9px;margin-top:14px}.benefit{display:flex;gap:14px;background:white;border:1px solid #f1eaf7;border-radius:17px;padding:17px 15px;margin-bottom:10px;align-items:center}.benefit-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f1e6fc;color:#9a6cc6;flex-shrink:0}.benefit:nth-child(2) .benefit-icon{background:#fff3d7;color:#c2a25e}.benefit h4{font-size:13px;margin-bottom:6px}.benefit p{font-size:10px;color:#a293ac;line-height:1.65}.tiny-note{font-size:9px;color:#a799b2;line-height:1.8}.rules-block{margin-top:19px}.rules-block h4{font-size:12px;margin-bottom:10px}.rules-block p,.rules-block li{font-size:10px;line-height:1.9;color:#9a8aa6}.rules-block ul{padding-left:16px;margin:0}.sticky-action{position:sticky;bottom:0;padding:12px 17px 16px;background:linear-gradient(#fbf9fded,#fbf9fd);border-top:1px solid #f1ebf6;z-index:2}.btn{width:100%;border-radius:14px;min-height:46px;font-size:13px;font-weight:650;display:flex;justify-content:center;align-items:center;gap:7px;padding:12px 14px;background:var(--purple);color:white;box-shadow:0 5px 10px #7834c11a}.btn:disabled{background:#e5ddeb;color:#ac9cb8;box-shadow:none}.btn.secondary{background:#f0e7f9;color:#8a53b2;box-shadow:none}.btn.cream{background:#fff1cc;color:#9b7134;box-shadow:none}.btn.outline{border:1px solid #e1d4ec;background:transparent;color:#9369ad;box-shadow:none}.btn.small{min-height:35px;font-size:11px;padding:8px 12px;border-radius:10px}.action-note{font-size:8px;text-align:center;color:#b3a4bf;margin-top:9px}.info-box{background:white;border:1px solid #f0e8f7;border-radius:17px;padding:17px;margin:13px 0}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;font-size:11px;gap:15px}.info-row>span:first-child{color:#9d8ba9}.info-row>span:last-child{text-align:right}.info-divider{border:0;border-top:1px dashed #ede4f3;margin:8px 0}.check-step{display:flex;align-items:center;gap:7px;color:#b4a2c2;font-size:9px;margin-bottom:20px}.check-step .done{color:#8451af}.check-step svg{width:12px;height:12px}.availability{background:#f1e9f8;padding:12px 14px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#9576aa}.availability b{font-size:20px;color:#7847a0}.success-view{text-align:center;padding:25px 22px}.success-mascot{width:180px;height:200px;object-fit:contain;display:block;margin:0 auto -2px;filter:drop-shadow(0 7px 7px #804ca51a)}.success-view h2{font-size:25px;color:#6a3d8e;margin-bottom:10px}.success-view>p{font-size:11px;line-height:1.9;color:#9a85aa}.success-mark{width:42px;height:42px;border-radius:50%;background:#eee2fa;color:#8b4ebc;display:grid;place-items:center;margin:0 auto 14px}.success-view .info-box{text-align:left;margin:23px 0}.success-view .btn{margin-top:11px}
.coupon-hero{background:linear-gradient(125deg,#eee1ff,#e3ccf9);padding:20px 20px 19px}.coupon-hero>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#ab84c2;letter-spacing:1px}.coupon-hero h2{font-size:27px;color:#714096;font-weight:800;margin:10px 0 8px}.coupon-hero p{font-size:10px;color:#a07ab4}.session-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.session-tab{border-radius:13px;padding:10px 12px;text-align:left;background:#ffffff4d;color:#aa8dbe;border:1px solid #ffffff70;position:relative}.session-tab.selected{background:#fffdf6;border-color:#fffdf6;box-shadow:0 4px 8px #9166b012;color:#764b95}.session-tab .session-label{font-size:9px}.session-tab strong{font-size:21px;display:block;letter-spacing:-.5px;margin:3px 0}.session-tab small{font-size:8px;display:block}.session-state{font-size:7px;position:absolute;right:8px;top:9px;background:#eee1fa;padding:3px 5px;border-radius:4px;color:#9d65c2}.category-tabs{display:flex;overflow-x:auto;gap:7px;padding:17px 17px 12px;scrollbar-width:none;position:sticky;top:0;background:#fbf9fdf5;z-index:2}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{flex-shrink:0;padding:7px 13px;border-radius:20px;background:#f1ebf6;color:#a08bae;font-size:10px}.category-tabs button.selected{background:#8d55c9;color:white}.brand-list{padding:0 17px 23px}.list-heading{font-size:10px;color:#b1a0bd;display:flex;justify-content:space-between;padding:4px 1px 13px}.brand-card{background:#fff;border:1px solid #f0eaf5;border-radius:18px;width:100%;display:flex;gap:12px;align-items:center;padding:16px 13px;text-align:left;margin-bottom:10px}.brand-logo{width:51px;height:51px;border:1px solid #f3eef6;background:#fdfbfe;border-radius:12px;display:grid;place-items:center;flex-shrink:0;font-weight:850;font-size:16px;letter-spacing:-1px}.brand-logo.chinese{font-size:13px;letter-spacing:0}.brand-card .brand-info{flex:1;min-width:0}.brand-card h4{font-size:13px;margin-bottom:5px}.brand-card p{font-size:9px;color:#b1a1bc;line-height:1.7}.brand-card .stock{color:#9364b1;font-size:9px;display:block;margin-top:8px}.brand-card .stock b{font-size:13px;margin:0 2px}.brand-card .stock.sold{color:#b6a4bf}.brand-card>.chevron{color:#bfa7cc}.brand-card .chevron svg{width:17px;height:17px}.badge-claimed{background:#f0e8f7;color:#a17db6;padding:3px 6px;border-radius:5px;font-size:8px;font-weight:400;letter-spacing:0;vertical-align:middle;margin-left:6px}.brand-detail-top{display:flex;gap:13px;align-items:center;padding:24px 20px;background:linear-gradient(120deg,#f0e4ff,#e8d7fa)}.brand-detail-top h2{font-size:20px;margin-bottom:6px}.brand-detail-top p{font-size:9px;color:#a082b2}.brand-detail-top .brand-logo{width:58px;height:58px;background:#fff9}.stock-bar{display:flex;justify-content:space-between;font-size:10px;color:#ae98b9;margin-bottom:16px}.stock-bar b{color:#8f5caf}.ticket{background:linear-gradient(110deg,#9c69d7,#7f42c2);color:white;border-radius:17px;position:relative;overflow:hidden;margin:0 0 9px;display:flex;align-items:center;min-height:116px}.ticket:before,.ticket:after{content:"";width:16px;height:16px;background:var(--paper);border-radius:50%;position:absolute;left:91px;top:-8px}.ticket:after{top:auto;bottom:-8px}.ticket-value{width:100px;flex-shrink:0;text-align:center;border-right:1px dashed #ffffff55;padding:20px 4px}.ticket-value strong{font-size:34px;font-weight:800;letter-spacing:-1.4px;line-height:1.15}.ticket-value strong.big-amount{font-size:39px}.ticket-value .currency{font-size:13px;margin-right:1px}.ticket-value>small{font-size:8px;display:block;opacity:.8;margin-top:5px}.ticket-info{padding:16px 16px;flex:1;min-width:0}.ticket-info h3{font-size:15px;margin-bottom:8px;line-height:1.5}.ticket-info p{font-size:9px;opacity:.73;line-height:1.8}.ticket-label{display:inline-block;border:1px solid #ffffff60;border-radius:4px;padding:2px 5px;font-size:7px;margin-bottom:5px}.ticket.gold{background:linear-gradient(110deg,#fff2d5,#f5dfa3);color:#987136}.ticket.gold .ticket-value{border-right-color:#b5996559}.ticket.gold .ticket-label{border-color:#bc9e5b55}.ticket.used{filter:grayscale(1);opacity:.65}.ticket-rule{font-size:9px;color:#a18fad;padding:1px 3px 20px;line-height:1.9}.store-link{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:white;border:1px solid #eee6f5;border-radius:15px;padding:14px;font-size:11px}.store-link svg{color:#b292c6}.store-link p{font-size:9px;color:#b2a0bd;margin-top:5px}.store-link .chevron{margin-left:auto}.pack-promise{display:flex;justify-content:space-around;font-size:8px;color:#b8a6c4;padding:17px 0 5px}.pack-promise span{display:flex;align-items:center;gap:4px}.pack-promise svg{width:11px;height:11px}
.profile-top{background:linear-gradient(125deg,#efe1ff,#e3cef7);padding:22px 20px 25px}.profile-user{display:flex;align-items:center;gap:13px}.avatar{width:53px;height:53px;border:3px solid #ffffffaa;border-radius:19px;display:grid;place-items:center;background:#a273d5;color:#fff7e3;font-size:27px;font-family:Georgia,serif;font-weight:700}.profile-user h2{font-size:17px;color:#70438f}.profile-user p{font-size:9px;color:#ac89c1;margin-top:6px}.profile-stat{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;text-align:center}.profile-stat button{background:none;color:#9d7bb3;font-size:9px}.profile-stat b{display:block;font-size:23px;color:#764f91;margin-bottom:5px}.profile-stat button+button{border-left:1px solid #ffffff55}.my-seat-card{width:100%;text-align:left;background:#fff3d7;border:1px solid #f2e2bb;border-radius:15px;padding:14px;color:#987544;display:flex;align-items:center;gap:9px;margin-bottom:18px;font-size:11px}.my-seat-card p{font-size:9px;color:#baa27a;margin-top:5px}.my-seat-card>svg:last-child{margin-left:auto;width:16px}.filter-tabs{display:flex;gap:19px;border-bottom:1px solid #ede6f3;margin-bottom:18px}.filter-tabs button{font-size:11px;color:#b19fbd;background:none;padding:0 0 10px;position:relative}.filter-tabs button.selected{color:#8853ad;font-weight:650}.filter-tabs button.selected:after{content:"";height:3px;position:absolute;background:#a67bd1;border-radius:3px;left:8px;right:8px;bottom:-1px}.coupon-own{width:100%;text-align:left;display:block;background:none;padding:0;margin-bottom:15px}.coupon-own .ticket{min-height:108px;margin-bottom:0}.coupon-own .ticket-value{padding:16px 4px}.coupon-own .ticket-info h3{font-size:12px}.coupon-own .ticket-info p{font-size:8px}.coupon-own .ticket-value strong{font-size:31px}.coupon-own .ticket-info{padding:12px}.own-state{margin-left:auto;font-size:8px;white-space:nowrap;opacity:.85}.account-menu{margin-top:23px;border-top:1px solid var(--line)}.account-menu button{width:100%;display:flex;align-items:center;gap:11px;padding:17px 1px;background:none;border-bottom:1px solid var(--line);font-size:11px;text-align:left}.account-menu button>svg{width:18px;color:#ab8dbd}.account-menu button>svg:last-child{margin-left:auto;width:14px}.empty{text-align:center;padding:30px 10px 34px}.empty-icon{width:68px;height:68px;background:#f0e7f8;border-radius:24px;display:grid;place-items:center;margin:0 auto 16px;color:#c2a5d9}.empty-icon svg{width:32px;height:32px}.empty h3{font-size:13px;color:#9479a7;font-weight:500;margin-bottom:8px}.empty p{font-size:10px;color:#b7a5c3;line-height:1.9}.empty .btn{width:auto;min-width:130px;margin:18px auto 0;min-height:35px;font-size:10px}.redemption-code{text-align:center;background:white;border:1px solid #eee6f6;border-radius:20px;margin:15px 0;padding:22px 20px}.redemption-code>p{font-size:10px;color:#a491b3}.redemption-code .code{font-size:35px;letter-spacing:7px;color:#754998;font-weight:750;font-variant-numeric:tabular-nums;margin:14px 0 10px;padding-left:7px}.code-bars{display:flex;gap:3px;align-items:center;justify-content:center;height:38px;margin-bottom:14px}.code-bars i{background:#74528c;width:2px;height:30px}.code-bars i:nth-child(3n){width:4px}.code-bars i:nth-child(4n){height:36px;width:1px}.redemption-code .text-link{font-size:9px}.status-tag{font-size:9px;background:#f1e8f8;color:#a080b6;border-radius:5px;padding:4px 7px;display:inline-block}.status-tag.green{background:#eaf3ee;color:#709b80}.status-tag.gray{color:#aaa0af;background:#f0edf3}.center-label{text-align:center;font-size:9px;color:#b2a2bb;margin:15px 0}
.mall-hero{background:#ece0fa;border-radius:20px;min-height:160px;padding:23px;position:relative;overflow:hidden;color:#885da3}.mall-hero h3{font-size:24px;font-weight:800;line-height:1.5;position:relative;z-index:1}.mall-hero p{font-size:9px;margin-top:8px;color:#b498c5}.mall-hero .building{position:absolute;right:18px;bottom:-3px;font-size:118px;opacity:.18}.floor-tabs{display:flex;gap:9px;margin:17px 0}.floor-tabs button{border-radius:9px;background:#f0e9f7;color:#a890b7;font-size:11px;padding:9px 15px}.floor-tabs button.selected{background:#8f59c4;color:white}.floor-plan{display:grid;grid-template-columns:1fr 32px 1fr;gap:8px;background:#f2edf7;border:1px solid #e9e0f1;border-radius:15px;padding:15px;position:relative}.floor-shop{background:#fff;border:1px solid #e4d9ee;border-radius:10px;min-height:66px;color:#a48ab5;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:11px;gap:6px}.floor-shop small{font-size:8px;color:#beaccb}.floor-shop.active{background:#e8d4fa;color:#8151a3;border-color:#cfaee8}.floor-corridor{grid-row:span 2;grid-column:2;display:grid;place-items:center;writing-mode:vertical-rl;color:#c5b6cf;font-size:8px;letter-spacing:4px}.floor-shop:nth-of-type(4){grid-column:1}.floor-shop:nth-of-type(5){grid-column:3}.mall-address{padding:18px 0;font-size:10px;color:#a591b3;line-height:1.9}.mall-address b{font-weight:600;color:#80618f}.store-compact{padding:13px;display:flex;gap:11px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:9px}.store-compact .brand-logo{width:41px;height:41px;font-size:12px}.store-compact h4{font-size:11px}.store-compact p{font-size:9px;color:#ac98bb;margin-top:5px}.store-compact button{margin-left:auto;background:#f1e8fa;color:#a079b7;border-radius:7px;font-size:9px;padding:7px 9px;white-space:nowrap}
.merchant-top{padding:20px;background:linear-gradient(125deg,#e9def4,#efe5fc)}.merchant-top .eyebrow{font-size:8px;letter-spacing:1.4px}.merchant-top h2{font-size:23px;color:#714490;margin:10px 0 7px}.merchant-top p{font-size:10px;color:#a58bb5}.merchant-count{margin-top:22px;display:flex;justify-content:space-between;align-items:flex-end}.merchant-count b{font-size:33px;color:#83579e}.merchant-count small{font-size:9px;color:#ae97bd;margin-left:5px}.merchant-count button{background:#fff9;border-radius:8px;padding:7px 10px;font-size:9px;color:#9e7bb3}.form-label{font-size:11px;display:block;color:#937ba3;margin:14px 0 9px}.form-input{border:1px solid #e7dcef;border-radius:12px;background:white;color:#76588b;width:100%;padding:14px 13px;font-size:14px;min-height:46px}.form-input::placeholder{color:#c4b6cf;font-size:12px}.merchant-input{font-variant-numeric:tabular-nums;letter-spacing:4px;font-size:22px;text-align:center;margin-bottom:12px}.merchant-input::placeholder{letter-spacing:0;font-size:12px}.record-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.record-row h4{font-size:11px;margin-bottom:5px}.record-row p{font-size:8px;line-height:1.8;color:#b09ebc}.record-row>span{font-size:9px;color:#89a58f}.check-label{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.8;color:#9d87ad;margin:17px 0}.check-label input{accent-color:#8c4fc5;margin-top:3px;flex-shrink:0}
.overlay{position:absolute;inset:0;z-index:20;background:#38234666;backdrop-filter:blur(3px);display:flex;align-items:flex-end;animation:fade-in .18s ease}.sheet{background:#fffdfd;border-radius:26px 26px 0 0;width:100%;padding:12px 23px 27px;max-height:90%;overflow:auto;box-shadow:0 -10px 40px #49226312;animation:slide-in .23s ease}.sheet-handle{height:4px;width:33px;background:#e8deed;border-radius:5px;margin:0 auto 20px}.sheet h3{font-size:19px;color:#664179;margin-bottom:9px;line-height:1.4}.sheet>p{font-size:11px;line-height:1.9;color:#a38bae}.sheet .btn{margin-top:12px}.sheet-close{float:right;background:none;color:#b5a2c1;font-size:23px;line-height:1}.auth-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#8756a5;margin-bottom:22px}.auth-brand .avatar{width:32px;height:32px;border:0;border-radius:10px;font-size:21px}.auth-phone{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin:20px 0 12px}.auth-phone b{font-size:20px;letter-spacing:1px;color:#66536f}.auth-phone small{font-size:9px;color:#b19bbd}.modal-note{font-size:8px;color:#b8a7c3;line-height:1.8;margin-top:14px}.sheet .ticket{margin-top:18px;--paper:#fffdfd}.modal-buttons{display:flex;gap:9px}.modal-buttons>.btn{flex:1}.toast{position:absolute;left:50%;bottom:90px;transform:translate(-50%,10px);width:max-content;max-width:85%;background:#4e3b5be8;color:white;font-size:11px;border-radius:12px;padding:12px 16px;z-index:50;pointer-events:none;opacity:0;transition:.2s;line-height:1.7;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
.splash{background:radial-gradient(ellipse at 50% 42%,#ead5ff,#d7bcf5);min-height:100%;padding:26px 23px 24px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.splash-brand{font-size:12px;color:#9c59ba;font-weight:750}.splash-brand>b{font-size:24px;letter-spacing:-1px;margin-right:4px}.splash-skip{position:absolute;right:17px;top:19px;background:#ffffff62;padding:6px 10px;color:#ae83c6;font-size:9px;border-radius:20px}.splash h2{font-size:39px;color:#fff7dd;font-weight:900;line-height:1.3;text-shadow:0 3px #b37bd2,0 6px 0 #9f5ac34d;letter-spacing:1px;margin-top:31px;transform:rotate(-5deg);z-index:1}.splash-mascot{width:285px;height:290px;object-fit:contain;filter:drop-shadow(0 12px 10px #9052b82b);margin:-4px 0 -6px;z-index:1}.splash .seat-meter{margin:0;width:100%;text-align:left;background:#fff9;box-shadow:0 4px 10px #8c4cb00a}.splash .btn{margin-top:16px;background:#8a44c6;color:#fff5d6;box-shadow:0 5px 0 #7434ab1a}.splash>small{font-size:8px;color:#a97cbe;margin-top:12px;letter-spacing:1px}.splash .orb{position:absolute;top:222px;width:340px;height:100px;border:1px solid #fff8;border-radius:50%;transform:rotate(-25deg)}
.demo-panel{align-self:center;color:#95809f;font-size:11px;width:286px;padding:23px 21px;background:#ffffff66;border:1px solid #fff;border-radius:23px;box-shadow:0 5px 20px #9f7fb808}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.panel-top h2{font-size:14px;color:#735383}.panel-top span{font-size:8px;background:#e8dcef;color:#a078b7;padding:4px 6px;border-radius:5px}.panel-desc{font-size:9px;color:#b2a0bc;line-height:1.9}.panel-section{padding-top:19px;margin-top:17px;border-top:1px solid #e8dff0}.panel-heading{font-size:10px;color:#a287b1;margin-bottom:11px;letter-spacing:.4px}.demo-page-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}.demo-page-links button{background:#fff9;border:1px solid #ece3f2;border-radius:8px;padding:9px 5px;color:#9b7aaa;font-size:10px}.demo-page-links button.selected{color:#8953b0;background:#eee1f8;border-color:#e1cdef}.demo-label{font-size:9px;display:flex;justify-content:space-between;align-items:center;margin:11px 0;gap:8px;color:#a18bad}.demo-label select{border:1px solid #e4d9ec;background:#fffc;border-radius:7px;font-size:9px;padding:5px 6px;color:#9372a4;max-width:135px}.demo-label input[type=number],.demo-label input[type=tel]{border:1px solid #e4d9ec;background:#fffc;border-radius:7px;font-size:10px;padding:6px 8px;color:#9372a4;width:88px}.demo-label input[type=tel]{width:135px}.demo-label input[type=checkbox]{accent-color:#9c68c6;width:14px;height:14px}.demo-quick{display:flex;gap:6px;flex-wrap:wrap}.demo-quick button{border-radius:7px;background:#fff9;border:1px solid #e8dff0;font-size:9px;padding:6px 8px;color:#a48aaf}.panel-note{font-size:8px;line-height:1.9;color:#b6a2c1;margin-top:12px}.demo-reset{background:none;color:#a38aae;font-size:9px;padding:6px 0;text-decoration:underline;text-underline-offset:3px;margin-top:15px}.panel-badge{padding:8px 10px;border-radius:8px;background:#eee7f5;color:#aa8fbb;font-size:8px;margin-top:12px;line-height:1.7}.mobile-demo-toggle{display:none}.panel-close{display:none;background:none;color:#a184b1;font-size:18px}.no-scroll{overflow:hidden}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{transform:translateY(30px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.seat-summary{margin-top:-38px;position:relative;border:1px solid #fff;background:#fffdf9;border-radius:19px;box-shadow:0 6px 17px #9c6cbb12;width:100%}.seat-summary .seat-meter{margin:0;border:0;background:transparent;box-shadow:none;padding-bottom:9px}.seat-progress{padding:0 17px 13px}.inventory-track{height:5px;border-radius:9px;background:#ece3f2;overflow:hidden}.inventory-track>span{display:block;height:100%;background:linear-gradient(90deg,#bd94df,#8b4fc2);border-radius:9px;transition:width .25s}.progress-caption{font-size:8px;color:#aa94b8;display:flex;justify-content:space-between;margin-top:7px;gap:8px}.splash .seat-summary{margin:0;background:#fff9}.splash .seat-summary .seat-meter{background:transparent}.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.benefit-tile{border:1px solid #e9dcf5;background:#fff;border-radius:15px;padding:13px 11px}.benefit-tile>div{display:flex;align-items:center;gap:7px;min-height:28px}.benefit-tile>div>span{display:grid;place-items:center;flex-shrink:0;background:#eee1fa;color:#9b6abe;width:23px;height:23px;border-radius:50%;font-size:11px;font-weight:700}.benefit-tile h4{font-size:12px;line-height:1.6;color:#805198;min-width:0}.benefit-tile p{font-size:10px;line-height:1.8;color:#ad98ba;margin-top:7px}.benefit-tile:nth-child(2n){background:#fffcf6;border-color:#eee3cc}.benefit-tile:nth-child(2n)>div>span{background:#f9efd9;color:#b29462}.extra-discount{margin-top:16px;padding:20px 18px;background:linear-gradient(130deg,#fff4dc,#f8e8c8);border:1px solid #f0dfbc;border-radius:18px;text-align:center;color:#9b743d}.extra-discount>span{font-size:8px;letter-spacing:2px;color:#b29464}.extra-discount h3{font-size:13px;font-weight:500;margin-top:12px}.extra-discount>p{font-size:17px;margin-top:2px}.extra-discount strong{font-size:48px;letter-spacing:-2px;font-weight:800;padding:0 3px;color:#9c68b6}.extra-discount small{font-size:9px;display:block;color:#b0966b;margin-top:7px}.signing-notice{display:flex;align-items:flex-start;gap:10px;background:#f1e9f8;border-radius:13px;padding:13px 12px;margin-top:14px;color:#9673aa}.signing-notice>svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}.signing-notice b{font-size:11px;line-height:1.8;font-weight:600}.signing-notice p{font-size:9px;color:#ad97bb;line-height:1.9;margin-top:3px}.deadline-date{color:#8c52af;font-weight:600}.brand-inventory{margin-top:9px;max-width:185px}.brand-inventory .inventory-track{height:3px;background:#f0e9f5}.brand-inventory small{font-size:8px;display:block;color:#bcacc6;margin-top:5px}.ticket .ticket-value strong.big-amount{font-size:32px;letter-spacing:-1.6px}.policy-hero .hero-mascot{width:132px;right:-5px;top:29px}.policy-hero .page-subheading{max-width:218px}.brand-logo.chinese{font-size:11px;white-space:nowrap;letter-spacing:-.4px}.floor-shop:nth-of-type(4),.floor-shop:nth-of-type(5){grid-column:auto}
@media(min-width:1440px){.workspace{gap:70px;grid-template-columns:340px 420px 286px}.phone{width:420px;height:min(900px,calc(100vh - 145px))}.presentation h1{font-size:56px}}
@media(max-width:1190px){.workspace{grid-template-columns:402px 270px;gap:40px}.presentation{display:none}.demo-panel{width:270px}.desktop-masthead{max-width:900px}}
@media(max-width:760px){.desktop-masthead{display:none}.workspace{display:block;min-height:100dvh;padding:0}.phone{width:100%;max-width:480px;height:100dvh;min-height:520px;border:0;border-radius:0;margin:auto;box-shadow:0 0 25px #7d498915}.statusbar{height:31px;min-height:31px;padding-top:9px}.app-header{height:46px;min-height:46px}.bottom-nav{padding-bottom:max(10px,env(safe-area-inset-bottom));height:calc(59px + env(safe-area-inset-bottom));min-height:calc(59px + env(safe-area-inset-bottom))}.demo-panel{display:none;position:fixed;right:12px;top:70px;bottom:60px;max-height:calc(100dvh - 140px);overflow:auto;width:286px;z-index:70;background:#faf6fff5;box-shadow:0 10px 60px #5f2a8140}.demo-panel.mobile-open{display:block}.panel-close{display:block}.mobile-demo-toggle{display:block;position:fixed;right:12px;bottom:76px;z-index:60;background:#fffef7ed;box-shadow:0 2px 15px #7946a324;border:1px solid #e9def1;color:#a98bbd;font-size:9px;padding:8px 11px;border-radius:20px}.splash-mascot{height:min(33vh,310px)}.splash h2{margin-top:27px}.splash{justify-content:flex-start}.home-hero{height:303px}.hero-mascot{right:-2px;width:220px}}
@media(max-width:360px){.home-hero h2{font-size:31px}.hero-mascot{width:185px;right:-11px}.home-hero{padding-left:19px}.home-body,.page-pad{padding-left:14px;padding-right:14px}.ticket-info{padding-left:12px;padding-right:10px}.ticket-info h3{font-size:13px}.splash h2{font-size:33px}.splash-mascot{height:210px}.statusbar{padding-left:20px;padding-right:20px}.category-tabs button{padding:7px 11px}}