:root{--page-bg:#060b26;--panel-bg:#101935;--card-bg:#141f3f;--line:#ffffff14;--text:#fff;--muted:#9aa6c2;--blue:#05f;--blue-soft:#1f63ff;--orange:#ff8a00;--discount:#ff3b30;--search-bg:#f5f7fb;--container:min(1320px, calc(100vw - 40px));color:var(--text);background:var(--page-bg);font-family:IBM Plex Sans,PingFang TC,Microsoft JhengHei,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--page-bg);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.topuplive{background:var(--page-bg);min-height:100vh}.site-header{z-index:30;background:var(--page-bg);position:sticky;top:0}.header-top{width:var(--container);grid-template-columns:150px 1fr auto;align-items:center;gap:18px;margin:0 auto;padding:16px 0 10px;display:grid}.brand img{object-fit:contain;width:136px;height:32px}.search-box{background:var(--search-bg);border-radius:999px;align-items:center;gap:10px;height:46px;padding:0 18px;display:flex}.search-box img{opacity:.45;filter:brightness(0);width:18px;height:18px}.search-box input{color:#1f2937;background:0 0;border:0;outline:0;width:100%}.search-box input::placeholder{color:#8b95a8}.header-actions{align-items:center;gap:8px;display:flex}.selector{color:#dbe4ff;white-space:nowrap;align-items:center;gap:6px;padding:8px 6px;font-size:14px;display:inline-flex}.selector img,.selector .flag{width:16px;height:16px}.selector .chevron{opacity:.75;width:10px;height:10px}.lang-menu,.region-menu{position:relative}.lang-menu .selector,.region-menu .selector{cursor:pointer;font:inherit;background:0 0;border:0}.locale-dropdown{z-index:40;border:1px solid var(--line);background:#0d1633;border-radius:12px;min-width:160px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #00000059}.region-dropdown{min-width:180px;left:auto;right:0}.locale-dropdown button{color:#dbe4ff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.locale-dropdown button:hover,.locale-dropdown button.active{background:#0055ff2e}.dropdown-flag{text-align:center;width:18px}.login{color:#dbe4ff;border:1px solid #0055ff8c;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700}.signup-wrap{position:relative}.signup{background:var(--blue);border-radius:999px;padding:9px 20px;font-size:14px;font-weight:700;display:inline-block}.signup-tip{z-index:2;color:#8eb6ff;background:#0f1d45;border-radius:10px;width:220px;padding:10px 12px;font-size:12px;line-height:1.4;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 24px #00000059}.mobile-menu{background:#ffffff0f;border-radius:50%;place-items:center;width:38px;height:38px;display:none}.header-nav{width:var(--container);align-items:center;gap:26px;margin:0 auto;padding:0 0 14px;display:flex}.header-nav a{align-items:center;gap:4px;font-size:15px;font-weight:600;display:inline-flex}.header-nav img{opacity:.7;width:10px;height:10px}.page-main{width:var(--container);margin:0 auto;padding-bottom:56px}.hero{margin-top:8px;position:relative}.hero-banner{aspect-ratio:1920/472;border-radius:14px;display:block;position:relative;overflow:hidden}.hero-banner img,.hero-slide{object-fit:cover;width:100%;height:100%;display:block}.banner-fade-enter-active,.banner-fade-leave-active{transition:opacity .35s,transform .35s}.banner-fade-enter-from,.banner-fade-leave-to{opacity:0;transform:scale(1.02)}@keyframes bannerFade{0%{opacity:.35;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.hero-thumbs{grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;margin-top:10px;display:grid}.thumb-nav{cursor:pointer;border:1px solid var(--line);width:34px;height:34px;color:inherit;background:#ffffff0a;border-radius:50%;place-items:center;display:grid}.thumb-nav img{width:16px;height:16px}.thumb-list{scroll-behavior:smooth;scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.thumb-list::-webkit-scrollbar{display:none}.thumb{opacity:.7;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;flex:0 0 130px;padding:0;overflow:hidden}.thumb.active,.thumb:hover{opacity:1;border-color:#fff}.thumb img{object-fit:cover;width:130px;height:70px;image-rendering:-webkit-optimize-contrast}.block-title,.section-head h2,.app-promo h2,.coupon-head h2{margin:0 0 14px;font-size:22px;font-weight:700}.top-panels{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:stretch;gap:22px;margin-top:24px;display:grid}.recommend-panel,.deals-panel{flex-direction:column;min-width:0;display:flex}.recommend-grid{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.recommend-card,.strip-card,.coming-card{background:var(--card-bg);border-radius:14px;transition:transform .18s;overflow:hidden}.recommend-card:hover,.strip-card:hover,.coming-card:hover,.deal-row:hover,.news-row:hover,.promo-card:hover{transform:translateY(-2px)}.card-media,.strip-media{aspect-ratio:3/4;background:#0a1024;position:relative;overflow:hidden}.card-media img,.strip-media img{object-fit:cover;width:100%;height:100%}.discount-ribbon{z-index:2;background:linear-gradient(135deg,#ff4d2e,#ff2e63);border-radius:0 12px;padding:5px 10px 5px 14px;font-size:12px;font-weight:800;position:absolute;top:0;right:0}.card-body{padding:10px 12px 14px}.card-body h3,.strip-card p,.coming-card p{margin:0;font-size:14px;font-weight:700;line-height:1.35}.price{color:#fff;align-items:center;gap:4px;margin-top:8px;font-size:15px;font-weight:800;display:flex}.price-en{color:var(--muted);gap:6px;font-size:13px;font-weight:600}.price-globe{opacity:.85;width:14px;height:14px}.price-from{color:var(--muted)}.price-en .price-value{color:#fff;font-size:15px;font-weight:800}.price .coin{color:#fff;background:#ff8a00;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.deal-box{background:var(--panel-bg);border-radius:14px;flex-direction:column;flex:1;padding:8px;display:flex}.deal-row{border-radius:10px;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:12px 10px;display:grid}.deal-row+.deal-row{border-top:1px solid var(--line)}.deal-row img{object-fit:cover;border-radius:10px;width:68px;height:68px}.deal-copy{min-width:0}.deal-copy strong{font-size:14px;line-height:1.35;display:block}.deal-copy span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.deal-price{color:#fff;margin-top:8px;font-size:15px;font-style:normal;font-weight:800;display:block}.deal-side{align-content:center;justify-items:end;gap:8px;display:grid}.deal-side-en{align-self:center}.deal-side em{color:#fff;font-size:15px;font-style:normal;font-weight:800}.deal-discount{background:var(--discount);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.btn-more{background:var(--blue);color:#fff;text-align:center;border-radius:10px;width:100%;margin-top:14px;padding:13px 0;font-size:14px;font-weight:700;display:block}.section{margin-top:30px}.strip-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.strip-card p{min-height:42px;padding:10px 12px 14px}.coupon-head{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.coupon-head p{color:var(--muted);margin:0;font-size:14px}.coupon-head strong{color:var(--orange)}.coupon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.coupon-card{border-radius:14px;align-content:space-between;min-height:150px;padding:18px 16px 14px;display:grid;position:relative;overflow:hidden}.coupon-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.coupon-info{z-index:2;width:18px;height:18px;position:absolute;top:12px;right:12px}.coupon-value,.coupon-card strong{z-index:1;position:relative}.coupon-value{font-size:28px;font-weight:900}.coupon-card strong{color:#fff;text-align:center;background:#ffffff38;border-radius:999px;justify-self:center;width:calc(100% - 24px);padding:9px 0;font-size:14px}.coupon-more{color:#7eb2ff;width:fit-content;margin:14px auto 0;font-size:14px;font-weight:700;display:block}.app-promo h2{margin-bottom:14px}.promo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.promo-card{border-radius:16px;min-height:220px;position:relative;overflow:hidden}.promo-bg{object-fit:cover;width:100%;height:100%;min-height:220px}.promo-overlay{background:linear-gradient(#0000000d,#000000b8);align-content:end;gap:6px;padding:18px;display:grid;position:absolute;inset:0}.promo-overlay h3{margin:0;font-size:18px}.promo-overlay p{color:#dbe4ff;margin:0;font-size:12px}.promo-overlay span{background:#ffffff2e;border-radius:999px;width:fit-content;margin-top:6px;padding:8px 14px;font-size:12px;font-weight:700}.promo-play{width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bottom-panels{grid-template-columns:1fr 1fr;gap:22px;margin-top:30px;display:grid}.coming-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.coming-card p{padding:10px 12px 14px}.news-list{background:var(--panel-bg);border-radius:14px;gap:0;display:grid;overflow:hidden}.news-row{grid-template-columns:1fr 108px;align-items:center;gap:12px;padding:12px 14px;display:grid}.news-row+.news-row{border-top:1px solid var(--line)}.news-row p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.news-row img{object-fit:cover;border-radius:8px;width:108px;height:62px}.site-footer{border-top:1px solid var(--line);background:#040814;margin-top:36px;padding:0 0 20px}.payment-strip,.footer-main,.footer-social-row,.copyright{width:var(--container);margin:0 auto}.payment-strip{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.payment-bar{min-width:0;color:var(--muted);align-items:center;gap:14px;font-size:14px;font-weight:700;display:flex}.payment-icons{flex-wrap:wrap;gap:8px;display:flex}.payment-icons img{background:#f4f6fb;border-radius:6px;width:auto;height:28px;padding:4px 8px}.locale-pill{background:var(--blue);color:#fff;font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-block}.footer-main{grid-template-columns:repeat(4,1fr) 1.25fr;gap:22px;padding:24px 0 18px;display:grid}.footer-column h3,.subscribe h3{margin:0 0 8px;font-size:16px}.footer-column{align-content:start;gap:10px;display:grid}.footer-column a,.subscribe p{color:var(--muted);font-size:13px}.footer-link-with-icon{align-items:center;gap:8px;display:inline-flex}.footer-link-with-icon img{width:18px;height:18px}.footer-btn{background:#0055ff2e;border-radius:8px;width:fit-content;padding:8px 14px;font-weight:700;display:inline-block;color:#dbe4ff!important}.footer-social-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 0 18px;font-size:13px;display:grid}.subscribe-row{border:1px solid var(--line);border-radius:999px;display:flex;overflow:hidden}.subscribe-row input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:10px 14px}.subscribe-row a{background:var(--blue);color:#fff;padding:10px 16px;font-weight:700}.socials{flex-wrap:wrap;gap:8px;display:flex}.socials img{width:28px;height:28px}.trust-row{align-items:center;gap:14px;margin-top:12px;display:flex}.trust-row img{width:auto;height:34px}.trustpilot{color:#dbe4ff;background:#ffffff0f;border-radius:8px;padding:8px 12px;font-size:12px}.copyright{border-top:1px solid var(--line);color:#7b879f;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding-top:16px;font-size:12px;display:grid}.copyright img{width:110px;height:auto}.copyright em{color:#9aa6c2;font-style:normal}.fab-top,.fab-chat{z-index:40;width:52px;height:52px;position:fixed;right:18px}.fab-top{bottom:86px}.fab-chat{bottom:18px}.fab-top img,.fab-chat img{object-fit:contain;width:100%;height:100%}.fab-chat span{background:var(--discount);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:-2px;right:-2px}@media (width<=1100px){.header-top{grid-template-columns:auto 1fr}.search-box{order:3;grid-column:1/-1}.header-actions{justify-self:end}.top-panels,.bottom-panels,.recommend-grid,.strip-grid,.coupon-grid,.promo-grid,.footer-main,.footer-social-row,.payment-strip{grid-template-columns:1fr}.payment-strip{gap:12px;display:grid}.recommend-grid,.strip-grid,.coming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login,.signup-wrap,.selector{display:none}.mobile-menu{display:grid}.signup-tip{display:none}}@media (width<=640px){:root{--container:min(100vw - 20px, 1320px)}.hero-banner img{height:auto}.copyright{text-align:center;grid-template-columns:1fr}}