@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#080c21;--panel:#101731;--text:#f1f2ff;--muted:#8f9cbe;--line:#27365c;--cyan:#49d9ff;--purple:#b97aff;--gradient:linear-gradient(105deg,#ba6bff,#7778ff 48%,#25c9f3)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 8% 10%,#25205c44,transparent 30%),radial-gradient(ellipse at 98% 1%,#123c5c44,transparent 32%),var(--bg);font-family:'Noto Sans TC',system-ui,sans-serif;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{color:inherit;border:0;background:none;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}img{display:block;max-width:100%}[hidden]{display:none!important}.container{max-width:1380px;width:calc(100% - 96px);margin:auto}.topbar{font-size:10px;color:#98a3c6;border-bottom:1px solid #23335a77}.topbar>.container{height:35px;display:flex;justify-content:space-between;align-items:center}.topbar .container>span{display:flex;align-items:center;gap:8px}.topbar .container>div{display:flex;align-items:center;gap:12px}.topbar button{font-size:10px;color:#9da9c8;padding:0}.topbar .container>div>span{font-size:8px;color:#344064}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}header{background:#0a0e26aa}.header-inner{height:91px;display:flex;align-items:center;gap:50px}.brand{display:flex;align-items:center;gap:11px;font-size:31px;font-weight:900;letter-spacing:2px;flex-shrink:0;line-height:1.2}.brand-mark{background:var(--gradient);border:1px solid #a795ff;box-shadow:inset 0 0 12px #ffffff44,0 0 18px #7467ff33;color:white;width:45px;height:46px;border-radius:12px 12px 12px 3px;display:grid;place-items:center;transform:rotate(-8deg);font-size:29px;letter-spacing:0}.brand-sub{font-size:7px;display:block;letter-spacing:2.1px;font-weight:500;margin-top:5px}.brand em{font-size:10px;font-weight:500;letter-spacing:0;font-style:normal;color:#c8b5ff;background:#25234f;border:1px solid #4e3a7d;align-self:start;padding:2px 5px;border-radius:4px;margin:0 0 0 -5px}.search{margin-left:35px;display:flex;align-items:center;width:420px;max-width:39%;border:1px solid #2d3a61;border-radius:8px;background:#10172f;gap:10px;padding:9px 13px;color:#8995b3}.search>span{font-size:26px;line-height:1}.search input{background:transparent;border:0;color:white;width:100%;font-size:12px;min-width:0;outline:0}.search:focus-within{border-color:#7a78ed;box-shadow:0 0 12px #6e72ee22}.search input::placeholder{color:#7d89a8}.search kbd{font-size:12px;border:1px solid #2a3758;border-radius:3px;padding:0 6px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:23px;white-space:nowrap}.warehouse{font-size:12px;color:#bdc6df}.primary{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--gradient);color:#fff;border:1px solid #a0a1ff;box-shadow:inset 0 0 10px #ffffff22,0 0 22px #6476ff30;padding:12px 24px;border-radius:7px;font-size:12px;font-weight:600;transition:box-shadow .2s,transform .2s}.primary:hover{box-shadow:0 0 25px #7980ff66;transform:translateY(-1px)}.login{font-size:11px;padding:10px 16px;gap:12px}.main-nav{border-top:1px solid #171f3c;border-bottom:1px solid #243158;background:#0b1129}.nav-inner{display:flex;gap:39px;align-items:center;height:53px}.nav-inner>button{height:100%;position:relative;color:#a5b0d0;padding:0 2px;font-size:13px;white-space:nowrap}.nav-inner>button.active{color:white;font-weight:700}.nav-inner>button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gradient);box-shadow:0 -3px 14px #7d8aff55}.nav-new{font-size:7px;background:#493172;color:#dbacff;padding:1px 4px;border-radius:3px;position:absolute;top:3px;right:-23px}.nav-inner>button.nav-app{margin-left:auto;color:#b8c2e1;font-size:11px}main{padding-top:29px}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:18px}.hero-main{position:relative;overflow:hidden;border:1px solid #435094;border-radius:12px;background:radial-gradient(ellipse at 77% 50%,#462a7755,transparent 51%),linear-gradient(120deg,#141331,#111b3b 60%,#0b2445);min-height:421px;box-shadow:inset 0 0 20px #6c68eb13,0 0 26px #4c64e50d}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#597bc30c 1px,transparent 1px),linear-gradient(90deg,#597bc30c 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{padding:30px 0 60px 34px;position:relative;z-index:2;width:54%}.eyebrow{font-size:8px;font-weight:600;letter-spacing:2px;color:#7c92c4;margin:0 0 7px}.hero-copy .eyebrow{font-size:8px;color:#aaa8df;margin-bottom:16px}.hero-badge{display:inline-block;border:1px solid #6d559e99;border-radius:4px;padding:3px 8px;font-size:10px;color:#cfb4ff;background:#33234e66}.hero-copy h1{font-size:clamp(30px,3.1vw,47px);font-weight:900;line-height:1.3;letter-spacing:1px;margin:14px 0}.hero-copy h1>span{color:#bdadff;background:linear-gradient(100deg,#e0a1ff,#b3a3ff,#56dcff);background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{color:#9faace;font-size:12px;line-height:1.9;margin:0 0 21px}.hero-actions{display:flex;gap:11px}.hero-actions .primary{font-size:11px;padding:10px 17px;gap:22px}.ghost{border:1px solid #4a5385;background:#171d3b88;border-radius:6px;padding:10px 14px;font-size:11px;color:#c4cbea}.hero-assurances{display:flex;gap:15px;margin-top:21px;font-size:8px;color:#8e9bc1}.hero-visual{position:absolute;right:0;top:0;width:49%;height:91%;perspective:700px}.orbit{position:absolute;width:340px;height:230px;border:1px solid #667bf188;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-42%) rotate(-28deg);box-shadow:0 0 20px #486bff16,inset 0 0 20px #486bff16}.orbit-two{width:390px;height:190px;transform:translate(-50%,-28%) rotate(30deg);border-color:#459db355}.prize-float{position:absolute;width:150px;height:183px;top:76px;padding:7px;border-radius:9px;border:1px solid #7389d1;background:linear-gradient(135deg,#a2acff66,#183c5c);box-shadow:0 15px 35px #03071a99,0 0 15px #8b70ff33}.prize-float img{width:100%;height:100%;object-fit:cover;border-radius:5px}.prize-back{right:22px;transform:rotate(14deg);top:70px;width:145px;height:166px;opacity:.8}.prize-front{right:113px;top:94px;transform:rotate(-12deg);height:190px;width:161px}.prize-front>span{position:absolute;bottom:-8px;left:-12px;background:linear-gradient(100deg,#8660e9,#376cc3);border:1px solid #b2b0ff;border-radius:4px;padding:3px 8px;font-size:14px;box-shadow:0 0 15px #667bff55}.prize-front b{font-size:7px;margin-left:10px;letter-spacing:1px}.galaxy-pill{position:absolute;bottom:26px;left:50%;transform:translateX(-50%) rotate(-8deg);width:210px;padding:10px;text-align:center;border-radius:50%;border:1px solid #729eff;background:radial-gradient(ellipse at 80% 10%,#ba53ff88,transparent 40%),radial-gradient(ellipse at 12% 80%,#2b83ff99,transparent 50%),#142258;box-shadow:inset 0 0 18px #2198ff,0 0 30px #7562ec44;font-size:43px;font-weight:900;letter-spacing:6px;text-shadow:0 0 16px #b9abff}.galaxy-pill>span{display:block;font-size:8px;font-weight:500;letter-spacing:3px;margin-top:-5px;color:#c3c7ff}.space-label{position:absolute;top:33px;right:28px;font-size:7px;letter-spacing:2px;color:#828fbd}.coordinate{position:absolute;bottom:6px;right:20px;font-size:6px;letter-spacing:1px;color:#657aa8}.spark{position:absolute;color:#bfa8ff;text-shadow:0 0 20px #7c7eff}.spark-one{top:40px;left:13px;font-size:37px}.spark-two{right:30px;bottom:35px;font-size:38px;color:var(--cyan)}.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #42518166;display:flex;justify-content:space-between;align-items:center;height:38px;padding:0 25px;font-size:8px;color:#91a2ca;background:#0e173366;z-index:3}.hero-bottom>span:last-child{font-size:6px;letter-spacing:2px}.slide-controls{display:flex;gap:9px;align-items:center}.slide-controls>button{font-size:12px;color:#aebce2}.slide-controls>div{display:flex;gap:5px}.slide-controls [data-slide]{width:5px;height:5px;padding:0;border-radius:50%;background:#455780}.slide-controls [data-slide].active{width:19px;background:var(--cyan);border-radius:3px;box-shadow:0 0 8px #49d9ff44}.hero-side{display:grid;gap:16px;grid-template-rows:1fr 1fr}.promo-card{position:relative;overflow:hidden;text-align:left;border:1px solid #51508f;border-radius:10px;padding:16px 19px;background:radial-gradient(circle at 90% 70%,#9863df44,transparent 70%),linear-gradient(115deg,#201b43,#1d2049);min-height:194px}.promo-card.blue{background:radial-gradient(circle at 90% 70%,#2996c444,transparent 70%),linear-gradient(120deg,#102442,#0f2c47);border-color:#28587c}.promo-label{font-size:7px;letter-spacing:2px;color:#b2a8e0;display:flex;justify-content:space-between}.promo-label>span{font-size:13px}.promo-card h2{font-size:23px;line-height:1.45;font-weight:700;margin:13px 0 10px;position:relative;z-index:2}.promo-card h2 b{font-weight:500;color:#c3a3fc;font-size:18px}.promo-card.blue h2 b{color:#70d5f3}.promo-card p{font-size:9px;color:#999fc0;margin:0;position:relative;z-index:2}.promo-card img{position:absolute;width:114px;height:134px;object-fit:cover;right:-14px;bottom:-12px;transform:rotate(-14deg);border-radius:8px;opacity:.65;box-shadow:0 0 24px #976eff33;z-index:1}.promo-card.blue img{width:103px;right:-5px;transform:rotate(14deg);height:136px}.notice{display:flex;align-items:center;gap:15px;border:1px solid #253252;border-radius:7px;background:#0d142c;margin-top:18px;padding:10px 15px;font-size:10px;color:#9aa8c8}.notice-tag{border:1px solid #514377;border-radius:3px;color:#c5a2f0;background:#30204766;padding:2px 7px;font-size:9px;white-space:nowrap}.notice p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice>button{margin-left:auto;white-space:nowrap;font-size:9px;color:#8f9fc4}.mode-section{margin:28px 0 34px}.small-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.small-heading h2{font-size:14px;margin:0;font-weight:600}.small-heading>span{font-size:7px;letter-spacing:2px;color:#6e83af}.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.category{display:flex;align-items:center;gap:12px;padding:16px 14px;border:1px solid #2d3a69;border-radius:8px;background:linear-gradient(130deg,#1a2044,#10172f);text-align:left;transition:.2s;overflow:hidden}.category:hover,.category.active{border-color:#7772d7;box-shadow:inset 0 0 16px #7d66ff16,0 0 18px #5e65ff17;background:linear-gradient(120deg,#2b2455,#11294b)}.cat-icon{width:34px;height:35px;display:grid;place-items:center;border-radius:8px;color:#b5a7ff;font-size:23px;background:linear-gradient(135deg,#5b4bc04f,#152c50);border:1px solid #4b5293;box-shadow:inset 0 0 10px #7987ff22;flex-shrink:0}.category:nth-child(even) .cat-icon{color:#66d9ff;background:linear-gradient(135deg,#205a9b66,#152c50);border-color:#366592}.category strong{font-size:13px;font-weight:600;display:block}.category small{font-size:7px;letter-spacing:.5px;color:#7d8ab4;display:block;margin-top:2px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:24px;font-weight:800;letter-spacing:1px;margin:0}.section-heading h2>span{font-size:9px;font-weight:500;letter-spacing:2px;color:#8c83d1;vertical-align:middle;margin-left:12px}.sort-control{display:flex;align-items:center;gap:16px;font-size:10px;color:#8393b7}.sort-control select{background:#111932;border:1px solid #293858;border-radius:5px;font-size:10px;color:#b3bfdb;padding:8px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #273453;margin-bottom:22px;padding-bottom:14px;gap:15px}.catalog-tabs{display:flex;gap:8px;flex-wrap:wrap}.catalog-tabs>button{font-size:11px;border:1px solid transparent;border-radius:5px;padding:7px 17px;color:#8899bf}.catalog-tabs>button.selected{color:#ddd5ff;border:1px solid #63519f;background:linear-gradient(120deg,#392858,#213558);box-shadow:inset 0 0 14px #9a78e51c}.catalog-tabs>button:hover{color:white}.reset-button{color:#8194bb;font-size:10px;white-space:nowrap;padding-right:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{background:linear-gradient(150deg,#141c3b,#0f162d);border:1px solid #29375f;border-radius:10px;overflow:hidden;min-width:0;transition:border-color .2s,transform .2s}.product-card:hover{border-color:#6667b0;transform:translateY(-3px);box-shadow:0 5px 24px #01051466}.product-visual{position:relative;aspect-ratio:1.14;background:#182244;overflow:hidden}.product-open{padding:0;display:block;width:100%;height:100%}.product-open img{width:100%;height:100%;object-fit:contain;background:#eef0f5;transition:transform .3s}.product-open:hover img{transform:scale(1.035)}.product-tag{position:absolute;top:10px;left:10px;font-size:9px;color:#ece5ff;padding:3px 8px;border:1px solid #b1a0ff66;background:#4d387ddd;backdrop-filter:blur(8px);border-radius:4px;pointer-events:none}.product-tag.blue{background:#155581e6;border-color:#5fc8ff77}.product-body{padding:15px}.product-category{font-size:8px;letter-spacing:1px;color:#a49cdb;display:flex;gap:6px;align-items:center}.product-category:before{content:'';width:4px;height:4px;background:#9b7cff;border-radius:50%;box-shadow:0 0 5px #a77dff}.product-name{padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px;font-size:13px;line-height:1.65;font-weight:600;text-align:left;margin:6px 0 13px}.stock-row{display:flex;justify-content:space-between;font-size:9px;color:#8c9dc1;gap:7px}.stock-row strong{font-weight:500;color:#a8bbd9}.stock-bar{height:3px;background:#263257;border-radius:3px;overflow:hidden;margin:7px 0 15px}.stock-bar>span{display:block;height:100%;background:linear-gradient(90deg,#8573e6,#4fbbe6);border-radius:3px}.product-bottom{border-top:1px solid #253252;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.price{font-size:24px;font-weight:800;color:#beafff;line-height:1.2}.price>small{font-size:9px;font-weight:500;color:#b0a5da;margin-right:3px}.price>em{font-size:9px;font-style:normal;color:#899bc2;font-weight:400;margin-left:4px}.draw-button{font-size:10px;border:1px solid #575498;background:linear-gradient(120deg,#38315d,#1c3c64);padding:7px 10px;border-radius:5px;color:#e1dcff;white-space:nowrap}.draw-button:hover{border-color:#9391f0;box-shadow:0 0 12px #7a78ff33}.draw-button>span{color:#79d8ff;margin-left:5px}.search-summary{font-size:12px;color:#b8b0dd}.load-more{display:flex;justify-content:center;align-items:center;gap:32px;margin:29px auto 0;padding:11px 35px;border:1px solid #394b76;border-radius:6px;color:#bac6e4;background:#101932;font-size:11px;min-width:220px}.load-more:hover{border-color:#7786c2}.benefits{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px;margin:51px 0;border-top:1px solid #202e4d;padding-top:32px}.kicker{font-size:8px;letter-spacing:2px;color:#9697cd}.benefit-title h2{font-size:25px;line-height:1.6;margin:12px 0 18px}.benefit-title h2>span{color:#b5a1eb}.text-link{font-size:10px;color:#9db7e2;padding:0}.benefit-card{text-align:left;background:linear-gradient(120deg,#171b38,#101b34);border:1px solid #303c65;border-radius:10px;padding:23px;position:relative}.benefit-icon{position:absolute;right:22px;top:17px;font-size:35px;color:#ada0f3;text-shadow:0 0 16px #8d72f755}.benefit-card h3{font-size:18px;margin:21px 0 9px;font-weight:600}.benefit-card p{color:#98a6c7;font-size:11px;margin-bottom:19px}.news-section{margin-bottom:38px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{display:flex;gap:13px;align-items:center;border:1px solid #263456;border-radius:9px;padding:12px;background:#10172d}.news-card img{width:85px;height:85px;object-fit:cover;border-radius:5px;flex-shrink:0}.news-card .kicker{font-size:7px}.news-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;font-weight:500;margin:5px 0 7px}.news-card small{font-size:8px;color:#8497bb}.app-banner{display:flex;align-items:center;gap:28px;background:radial-gradient(ellipse at 90% 130%,#274e7d88,transparent 60%),linear-gradient(110deg,#261c48,#132646);border:1px solid #46467a;border-radius:11px;padding:29px 35px;overflow:hidden}.app-banner h2{font-size:23px;margin:6px 0}.app-banner p{font-size:10px;color:#a3aed0;margin:0}.app-banner>.primary{margin-left:auto}.app-symbol{font-size:39px;font-weight:900;width:75px;height:75px;display:grid;place-items:center;background:var(--gradient);border:1px solid #c6a5ff;border-radius:18px;transform:rotate(-8deg);box-shadow:0 0 30px #777bff44;position:relative;flex-shrink:0}.app-symbol>span{position:absolute;right:-11px;top:-18px;color:#abd9ff;font-size:29px}footer{padding:38px 0 24px;color:#899bbd}.footer-top{display:flex;align-items:center;gap:35px;margin-bottom:27px}.footer-top .brand{font-size:23px;color:#c2c9e2}.footer-top .brand-mark{width:34px;height:35px;font-size:23px}.footer-top .brand-sub{font-size:5px;letter-spacing:1.5px}.footer-top>div{display:flex;gap:21px}.footer-top button{font-size:10px;color:#98a8c7;padding:0}.footer-top>span{font-size:10px;letter-spacing:1px;margin-left:auto}.footer-bottom{border-top:1px solid #1d2944;display:flex;justify-content:space-between;padding-top:19px;font-size:8px;gap:20px}.footer-bottom p{margin:0;text-align:right}.mobile-nav{display:none}.empty{grid-column:1/-1;text-align:center;padding:60px 15px;color:#a4b3d4;font-size:13px}.empty button{margin-top:15px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#1b2549;border:1px solid #6c75c3;box-shadow:0 0 25px #7a6aff44;color:white;padding:12px 22px;border-radius:8px;opacity:0;pointer-events:none;z-index:20;transition:.2s;font-size:12px;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{padding:32px;border:1px solid #5d64a0;background:radial-gradient(ellipse at top right,#33234e88,transparent 60%),#10172f;color:var(--text);border-radius:13px;width:min(940px,94vw);max-height:90dvh;box-shadow:0 0 60px #5145ad44}dialog::backdrop{background:#020619c9;backdrop-filter:blur(8px)}.close{position:absolute;top:10px;right:15px;font-size:27px;color:#a3b2d2;padding:0 5px;z-index:2}.detail-layout{display:grid;grid-template-columns:300px 1fr;gap:30px}.detail-image{width:100%;border-radius:8px;background:white;object-fit:contain;aspect-ratio:1}.detail-sidebar .detail-price{margin-top:17px}.detail-note{font-size:10px;line-height:1.9;color:#9babcc}.detail-title{font-size:22px;line-height:1.5;margin:0 0 13px}.demo-badge{border:1px solid #665296;color:#c9b6f1;background:#3f2d5866;border-radius:4px;padding:5px 9px;font-size:10px;margin:15px 0}.detail-tabs{display:flex;border-bottom:1px solid #344268;margin-top:17px;gap:20px}.detail-tabs button{font-size:12px;padding:9px 1px;color:#a2aecc;border-bottom:2px solid transparent}.detail-tabs button.active{color:#c9bcff;border-color:#a88aff}.box-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.box-option{border:1px solid #3f4b78;background:#17203e;border-radius:7px;padding:12px 8px;text-align:left}.box-option.selected{border-color:#9392ff;background:linear-gradient(120deg,#3b2a60,#1c3852);box-shadow:0 0 12px #7179ff22}.box-option b{font-size:13px;font-weight:600;display:block}.box-option span{font-size:9px;color:#a3b4d4}.box-summary{display:flex;align-items:center;justify-content:space-between;margin:15px 0;font-size:12px}.box-summary strong{color:#b5dfff}.quantity-control{display:flex;border:1px solid #414a74;border-radius:5px;align-items:center}.quantity-control button{padding:3px 12px;font-size:19px}.quantity-control output{min-width:25px;text-align:center;font-size:12px}.detail-total{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#9daac9;border-top:1px solid #34415f;padding:13px 0}.detail-total b{font-size:23px;color:#c3b3ff}.full-width{width:100%}.prize-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:15px}.prize-table th,.prize-table td{text-align:left;padding:10px 6px;border-bottom:1px solid #2c3859}.prize-table th{color:#9aaccc;font-weight:500}.prize-table td:first-child{color:#bca6f2}.info-copy{font-size:13px;line-height:2;color:#abb9d8}.info-copy p{margin:12px 0}.info-copy ol{padding-left:22px}.info-heading{font-size:23px}.result-view{text-align:center;padding:22px}.result-star{font-size:55px;color:#c19bff;text-shadow:0 0 35px #b270ff}.result-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0}.result-chip{border:1px solid #635393;border-radius:8px;background:linear-gradient(130deg,#403064,#1e3355);padding:17px;min-width:100px;font-size:13px}.result-chip b{display:block;font-size:23px;color:#d0b4ff}.result-view>p{font-size:12px;color:#a9b7d3}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}.info-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.modal-footer-note{font-size:10px;color:#9ba9c7;margin:14px 0 0}.history-list{padding-left:18px;font-size:12px;color:#abb9d5}.history-list li{margin:13px 0}.history-list small{color:#95a7c9;display:block}.loading-ring{width:50px;height:50px;border:3px solid #424d73;border-top-color:var(--cyan);border-right-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1550px){.hero-main{min-height:450px}.hero-copy{padding-top:40px}.hero-visual{transform:scale(1.08);transform-origin:right center}.hero-copy h1{font-size:50px}.prize-back{right:40px}.prize-front{right:150px}.galaxy-pill{bottom:37px}}
@media(max-width:1200px){.container{width:calc(100% - 56px)}.header-inner{gap:25px}.search{margin-left:0}.header-actions{gap:15px}.nav-inner{gap:30px}.hero-layout{grid-template-columns:minmax(0,1fr) 230px}.hero-main{min-height:404px}.hero-copy{padding-left:25px;width:58%}.hero-copy h1{font-size:36px}.hero-copy .eyebrow{font-size:6px}.hero-visual{width:43%}.prize-front{width:132px;height:160px;right:69px;top:105px}.prize-back{width:120px;height:145px;right:4px;top:85px}.galaxy-pill{width:185px;font-size:38px;bottom:40px}.orbit{width:270px}.orbit-two{width:310px}.hero-assurances{gap:9px;font-size:7px}.promo-card{padding:15px}.promo-card h2{font-size:22px}.promo-card img{width:95px}.category{gap:8px;padding:15px 10px}.cat-icon{width:30px;height:32px;font-size:21px}.category strong{font-size:12px}.category small{font-size:6px}.product-body{padding:12px}.product-name{font-size:12px}.price{font-size:21px}.draw-button{font-size:9px;padding:6px 8px}.news-card img{width:65px;height:75px}.footer-top{gap:22px}.footer-top>div{gap:15px}.footer-top>span{display:none}}
@media(max-width:960px){.warehouse{display:none}.header-inner{height:82px}.nav-inner{gap:27px}.nav-inner>button.nav-app{display:none}.hero-layout{grid-template-columns:minmax(0,1fr) 210px;gap:12px}.hero-main{min-height:390px}.hero-copy{width:100%;padding-left:23px}.hero-copy h1{font-size:34px}.hero-desc{font-size:11px}.hero-actions{gap:8px}.hero-actions .primary{padding:9px 12px;gap:9px}.hero-actions .ghost{padding:9px 10px;font-size:10px}.hero-visual{width:45%;opacity:.48;right:-25px;pointer-events:none}.hero-assurances{position:relative;z-index:2}.hero-bottom{padding:0 15px}.hero-bottom>span:last-child{display:none}.promo-card{min-height:185px}.promo-card h2 b{font-size:16px}.promo-card img{opacity:.4}.categories{gap:8px;grid-template-columns:repeat(3,1fr)}.category{padding:13px 15px;gap:15px}.category small{font-size:7px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.news-grid{grid-template-columns:1fr}.news-card img{width:85px;height:70px}.benefit-card{padding:18px}.benefit-card h3{font-size:16px}.benefit-title h2{font-size:23px}.benefit-card p{font-size:10px}.app-banner{padding:24px;gap:20px}.app-banner h2{font-size:21px}.app-banner .primary{padding:11px 16px;gap:14px}.footer-bottom{font-size:7px}.detail-layout{grid-template-columns:240px 1fr;gap:22px}}
@media(max-width:680px){.container{width:calc(100% - 32px)}.topbar .container>div{gap:9px}.topbar button{font-size:9px}.topbar .container>span{font-size:9px}.topbar .container>div>span,.topbar .container>div>button:last-child{display:none}.header-inner{height:auto;flex-wrap:wrap;gap:16px;padding:18px 0 14px}.brand{font-size:26px;gap:8px}.brand-mark{width:37px;height:39px;font-size:26px;border-radius:10px 10px 10px 3px}.brand-sub{font-size:6px}.brand em{font-size:8px}.header-actions{order:1}.login{font-size:10px;padding:8px 13px;gap:8px}.search{order:2;max-width:none;width:100%;padding:7px 11px}.search input{font-size:11px}.main-nav{overflow:auto;scrollbar-width:none}.nav-inner{width:max-content;min-width:calc(100% - 32px);gap:25px;margin-left:16px;height:46px;padding-right:16px}.nav-inner>button{font-size:12px}.nav-new{font-size:6px;right:-18px}main{padding-top:17px}.hero-layout{grid-template-columns:1fr;gap:12px}.hero-main{min-height:374px}.hero-copy{padding:23px 0 59px 20px;width:70%}.hero-copy .eyebrow{font-size:6px;letter-spacing:1.5px;margin-bottom:13px}.hero-badge{font-size:8px}.hero-copy h1{font-size:36px;margin:13px 0}.hero-desc{font-size:10px;margin-bottom:18px}.hero-actions{gap:8px}.hero-actions .primary{font-size:10px;padding:10px 12px;gap:8px}.hero-actions .ghost{font-size:9px;padding:10px}.hero-assurances{font-size:7px;gap:10px;margin-top:19px;white-space:nowrap}.hero-visual{width:43%;opacity:.6;right:-16px}.prize-front{width:102px;height:130px;top:119px;right:58px}.prize-back{width:92px;height:118px;top:92px;right:0}.galaxy-pill{font-size:29px;width:142px;bottom:29px;left:51%}.galaxy-pill>span{font-size:6px;letter-spacing:1px}.space-label{font-size:5px;right:16px;letter-spacing:1px;top:48px}.spark-one{font-size:24px;top:69px;left:5px}.spark-two{font-size:25px;bottom:61px;right:15px}.orbit{width:210px;height:175px}.orbit-two{width:210px;height:180px}.coordinate{display:none}.prize-front>span{font-size:10px;left:-5px}.prize-front b{font-size:5px;margin-left:5px}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.promo-card{min-height:159px;padding:13px}.promo-label{font-size:6px;letter-spacing:1px}.promo-card h2{font-size:19px;margin:8px 0}.promo-card h2 b{font-size:14px}.promo-card p{font-size:8px}.promo-card img{width:84px;height:104px;right:-18px;bottom:-12px}.promo-card.blue img{width:72px;height:100px}.notice{margin-top:13px;gap:8px;padding:9px 10px;font-size:9px}.notice-tag{font-size:8px;padding:1px 4px}.notice>button{font-size:8px}.mode-section{margin:22px 0 30px}.small-heading h2{font-size:12px}.small-heading>span{font-size:6px;letter-spacing:1px}.categories{gap:8px}.category{padding:12px 9px;gap:8px;border-radius:6px}.cat-icon{width:27px;height:29px;font-size:19px;border-radius:6px}.category strong{font-size:11px}.category small{font-size:5px;letter-spacing:0;white-space:nowrap}.section-heading{gap:10px;margin-bottom:14px}.section-heading h2{font-size:22px}.section-heading h2>span{font-size:6px;letter-spacing:1px;margin-left:6px}.eyebrow{font-size:6px;letter-spacing:1.2px}.sort-control{gap:5px}.sort-control>span{display:none}.sort-control select{font-size:9px;padding:6px}.catalog-toolbar{padding-bottom:12px;margin-bottom:15px;display:block}.catalog-tabs{gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.catalog-tabs>button{padding:6px 9px;font-size:10px;white-space:nowrap}.reset-button{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px}.product-body{padding:11px}.product-visual{aspect-ratio:1.04}.product-tag{font-size:8px;top:7px;left:7px;padding:2px 6px}.product-category{font-size:7px;letter-spacing:.5px}.product-name{font-size:11px;margin:6px 0 11px;min-height:37px}.stock-row{font-size:8px;gap:3px}.stock-bar{margin:6px 0 11px;height:2px}.product-bottom{padding-top:10px;gap:4px;flex-wrap:wrap}.price{font-size:20px}.price small{font-size:8px}.price em{font-size:8px}.draw-button{font-size:9px;padding:6px 8px}.draw-button>span{margin-left:2px}.load-more{margin-top:23px;font-size:10px;padding:10px 25px}.benefits{grid-template-columns:1fr 1fr;gap:11px;margin:32px 0;padding-top:24px}.benefit-title{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:10px}.benefit-title>.kicker{width:100%}.benefit-title h2{font-size:22px;margin:0 0 7px}.benefit-title h2 br{display:none}.benefit-title .text-link{margin-bottom:12px;font-size:9px}.benefit-card{padding:16px 13px}.benefit-icon{font-size:24px;right:10px;top:10px}.benefit-card .kicker{font-size:6px}.benefit-card h3{font-size:14px;margin-top:22px}.benefit-card p{font-size:9px;min-height:29px;margin-bottom:13px}.benefit-card .text-link{font-size:9px}.news-section{margin-bottom:27px}.news-grid{gap:10px}.news-card{padding:10px}.news-card img{width:76px;height:68px}.news-card h3{font-size:11px}.app-banner{padding:20px 18px;gap:18px;flex-wrap:wrap}.app-symbol{width:50px;height:52px;font-size:29px;border-radius:13px}.app-banner .kicker{font-size:6px;letter-spacing:1px}.app-banner h2{font-size:18px;margin:5px 0}.app-banner p{font-size:9px}.app-banner>.primary{width:100%;margin:0;font-size:11px;padding:10px}footer{padding:29px 0 85px}.footer-top{flex-wrap:wrap;gap:25px;margin-bottom:19px}.footer-top .brand{font-size:22px}.footer-top>div{gap:16px;flex-wrap:wrap}.footer-top button{font-size:9px}.footer-bottom{flex-direction:column;gap:8px;padding-top:15px;font-size:8px}.footer-bottom p{text-align:left;font-size:8px;line-height:1.9}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0d1531f5;backdrop-filter:blur(14px);border-top:1px solid #3e4c7a;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:5}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:1px;color:#a0adcd;font-size:21px;line-height:1.2;min-width:48px}.mobile-nav button.active{color:#bba4ff}.mobile-nav button>span{font-size:8px}.toast{bottom:85px;width:max-content;max-width:90vw;font-size:11px;padding:10px 15px}dialog{padding:29px 20px 22px;max-height:88dvh}.detail-layout{grid-template-columns:1fr;gap:18px}.detail-sidebar{display:grid;grid-template-columns:110px 1fr;gap:15px;align-items:center}.detail-image{width:110px}.detail-price{margin-top:0!important}.detail-note{font-size:9px;margin-bottom:0}.detail-title{font-size:19px;margin:5px 0 10px}.detail-tabs{margin-top:10px}.detail-tabs button{font-size:11px}.box-list{gap:7px}.box-option{padding:10px 7px}.box-option b{font-size:11px}.box-option span{font-size:8px}.detail-total b{font-size:21px}.info-copy{font-size:12px}.info-heading{font-size:21px}.result-view{padding:10px 0}.result-chip{padding:13px;min-width:85px;font-size:10px}.result-chip b{font-size:21px}.result-view>p{font-size:11px}.result-actions .primary{gap:15px;padding:10px 17px}.info-actions .primary{padding:10px 17px}.search-summary{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:680px){.hero-copy h1{font-size:clamp(29px,9.2vw,36px)}.hero-visual{right:-29px;opacity:.45;mask-image:linear-gradient(90deg,transparent 0%,#000 28%)}.hero-copy{width:100%}}