.tpm{--ink:#1B1B22;--ink-2:#5A5A64;--ink-3:#8C8C96;--ink-4:#B7B7BE;--bg:#FBFBFC;--hero-bg:#FAF5EE;--surface:#FFFFFF;--surface-2:#F4F4F6;--surface-3:#EDEDF0;--line:#E9E9ED;--line-2:#DDDDE3;--brand:#FB6A00;--brand-2:#E25E00;--brand-tint:#FFF1E6;--live:#16A34A;--sale:#E11D2A;--star:#F5A623;--shadow:0 10px 40px -14px rgba(21,21,26,.16);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--maxw:1200px;--mono:"JetBrains Mono",monospace;--sans:"Poppins",sans-serif;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}.tpm[data-theme=dark]{--ink:#F3F3F6;--ink-2:#A2A2AE;--ink-3:#74747F;--ink-4:#55555F;--bg:#0E0E12;--hero-bg:#15131A;--surface:#17171C;--surface-2:#1E1E25;--surface-3:#26262E;--line:#28282F;--line-2:#34343D;--brand:#FF7A1A;--brand-2:#FF8C38;--brand-tint:#2A1B0E;--live:#22C55E;--sale:#F2495A;--shadow:0 10px 40px -14px rgba(0,0,0,.6)}.tpm *{box-sizing:border-box}.tpm h1,.tpm h2,.tpm h3{font-family:var(--sans);font-weight:700;line-height:1.12;letter-spacing:-.01em;margin:0}.tpm p{margin:0}.tpm a{color:inherit;text-decoration:none}.tpm img{display:block;max-width:100%}.tpm .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.tpm .kicker{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:8px}.tpm .kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}.tpm .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:11px 18px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:transform .14s,background .14s,border-color .14s,color .14s;white-space:nowrap;font-family:var(--sans)}.tpm .btn:active{transform:scale(.97)}.tpm .btn-primary{background:var(--brand);color:#fff}.tpm .btn-primary:hover{background:var(--brand-2)}.tpm .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.tpm .btn-ghost:hover{border-color:var(--ink)}.tpm .btn-white{background:#fff;color:#1b1b22}.tpm .btn-white:hover{background:#f0f0f0}.tpm .lnk{color:var(--ink);font-weight:600;display:inline-flex;align-items:center;gap:6px;font-size:14px;transition:gap .14s,color .14s}.tpm .lnk:hover{gap:9px;color:var(--brand-2)}.tpm :focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.tpm .topbar{background:var(--ink);color:#fff}.tpm[data-theme=dark] .topbar{background:#000}.tpm .topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:38px;font-size:12.5px}.tpm .topbar .tb-l{font-weight:500;color:#ffffffc7}.tpm .topbar .tb-r{display:flex;gap:20px}.tpm .topbar .tb-r span{display:inline-flex;align-items:center;gap:7px;color:#ffffffd9;font-weight:500}.tpm .topbar .tb-r i{color:var(--brand);font-size:15px}.tpm .tpm-header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}.tpm .nav{display:flex;align-items:center;gap:22px;height:72px}.tpm .brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.tpm .brand .mk{width:32px;height:32px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:18px}.tpm .brand .nm{font-weight:700;font-size:19px;letter-spacing:-.02em}.tpm .brand .nm b{color:var(--brand);font-weight:700}.tpm .nav-mid{display:flex;gap:4px;font-size:14px;font-weight:500}.tpm .nav-mid a{padding:8px 13px;border-radius:9px;color:var(--ink-2);display:inline-flex;align-items:center;gap:7px;transition:all .14s}.tpm .nav-mid a i{font-size:17px}.tpm .nav-mid a:hover{color:var(--ink);background:var(--surface-2)}.tpm .nav-mid a.on{color:var(--brand);background:var(--brand-tint)}.tpm .nav-search{flex:1;max-width:380px;display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:0 14px;height:44px;transition:border-color .14s,background .14s}.tpm .nav-search:focus-within{border-color:var(--brand);background:var(--surface)}.tpm .nav-search i{color:var(--ink-3);font-size:19px}.tpm .nav-search input{flex:1;border:none;background:none;font-family:var(--sans);font-size:14px;color:var(--ink);min-width:0}.tpm .nav-search input::placeholder{color:var(--ink-4)}.tpm .nav-search input:focus{outline:none}.tpm .nav-end{display:flex;align-items:center;gap:9px;flex-shrink:0}.tpm .icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line-2);background:transparent;color:var(--ink-2);cursor:pointer;display:grid;place-items:center;font-size:19px;position:relative;transition:all .14s}.tpm .icon-btn:hover{color:var(--ink);border-color:var(--ink-3)}.tpm .badge-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--brand);color:#fff;font-family:var(--mono);font-size:10px;font-weight:700;display:none;align-items:center;justify-content:center}.tpm .badge-count.show{display:flex}.tpm .hero{padding:30px 0 8px}.tpm .hero-grid{display:grid;grid-template-columns:1fr 320px;gap:18px}.tpm .carousel{position:relative;border-radius:var(--r-xl);overflow:hidden;height:400px}.tpm .slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;display:flex;align-items:center;padding:48px 56px}.tpm .slide.on{opacity:1;z-index:1}.tpm .slide .s-in{position:relative;z-index:2;max-width:60%}.tpm .slide .s-kick{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffffe6}.tpm .slide h2{color:#fff;font-size:clamp(26px,3.4vw,40px);margin:14px 0 12px;max-width:14ch}.tpm .slide p{color:#ffffffe6;font-size:15px;max-width:34ch;margin-bottom:22px}.tpm .slide .s-art{position:absolute;right:34px;bottom:0;top:0;width:42%;background-size:cover;background-position:center;z-index:1;opacity:.96;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}.tpm .car-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border-radius:50%;border:none;background:#ffffffeb;color:#1b1b22;cursor:pointer;display:grid;place-items:center;font-size:21px;box-shadow:var(--shadow);transition:background .14s}.tpm .car-arrow:hover{background:#fff}.tpm .car-arrow.prev{left:18px}.tpm .car-arrow.next{right:18px}.tpm .car-dots{position:absolute;bottom:18px;left:56px;z-index:5;display:flex;gap:8px}.tpm .car-dots button{width:9px;height:9px;border-radius:999px;border:none;background:#ffffff80;cursor:pointer;padding:0;transition:all .25s}.tpm .car-dots button.on{width:26px;background:#fff}.tpm .promo-stack{display:flex;flex-direction:column;gap:18px}.tpm .promo{flex:1;border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:160px;color:#fff}.tpm .promo h3{font-size:19px;color:#fff;margin-bottom:4px}.tpm .promo p{font-size:13px;color:#ffffffe0}.tpm .promo .p-link{font-size:13px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:6px;margin-top:14px}.tpm .promo .p-ic{position:absolute;right:-10px;bottom:-12px;font-size:96px;opacity:.18}.tpm .promo.promo-dark-text,.tpm .promo.promo-dark-text h3,.tpm .promo.promo-dark-text .p-link{color:#1b1b22}.tpm .promo.promo-dark-text p{color:#1b1b22c7}.tpm .benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.tpm .benefits .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:18px;padding-bottom:18px}.tpm .benefit{display:flex;align-items:center;gap:13px;padding:6px 4px}.tpm .benefit .b-ic{width:42px;height:42px;border-radius:11px;background:var(--brand-tint);color:var(--brand);display:grid;place-items:center;font-size:21px;flex-shrink:0}.tpm .benefit h4{font-size:14px;font-weight:600}.tpm .benefit p{font-size:12.5px;color:var(--ink-3)}.tpm .sec{padding:52px 0}.tpm .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.tpm .sec-head h2{font-size:clamp(23px,3vw,32px)}.tpm .sec-head .lead{color:var(--ink-2);font-size:14px;margin-top:7px}.tpm .dept-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.tpm .dept{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 14px;text-align:center;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}.tpm .dept:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2)}.tpm .dept .d-ic{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;border:2px solid var(--brand);color:var(--brand);display:grid;place-items:center;font-size:26px;overflow:hidden;transition:background .16s,color .16s}.tpm .dept .d-ic img{width:100%;height:100%;object-fit:cover;border-radius:50%}.tpm .dept:hover .d-ic{background:var(--brand);color:#fff}.tpm .dept .d-nm{font-size:13.5px;font-weight:600}.tpm .dept .d-ct{font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-top:3px}.tpm .rail-wrap{position:relative}.tpm .rail{--cols:4;--gap:18px;display:flex;gap:var(--gap);overflow-x:auto;scroll-behavior:smooth;padding:10px 2px 26px;scrollbar-width:none;scroll-snap-type:x mandatory}.tpm .rail::-webkit-scrollbar{display:none}.tpm .rail .pcard{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));scroll-snap-align:start}.tpm .rail-btn{position:absolute;top:42%;z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center;font-size:20px;box-shadow:var(--shadow);transition:all .14s}.tpm .rail-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.tpm .rail-btn.l{left:-14px}.tpm .rail-btn.r{right:-14px}.tpm .pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.tpm .pcard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s,border-color .16s}.tpm .pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2)}.tpm .pcard .pimg{position:relative;aspect-ratio:1/1;background:var(--surface-2);overflow:hidden}.tpm .pcard .pimg-ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-4);font-size:38px}.tpm .pcard .pimg img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.tpm .pcard:hover .pimg img{transform:scale(1.06)}.tpm .disc{position:absolute;top:10px;left:10px;background:var(--sale);color:#fff;font-family:var(--mono);font-size:11px;font-weight:700;padding:4px 8px;border-radius:7px;letter-spacing:.02em}.tpm .ribbon{position:absolute;top:10px;left:10px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:10px;font-weight:700;padding:4px 8px;border-radius:7px;text-transform:uppercase;letter-spacing:.08em}.tpm .pcard .pcard-cover{position:absolute;inset:0;z-index:1}.tpm .fav{position:absolute;top:9px;right:9px;z-index:3;width:32px;height:32px;border-radius:50%;border:none;background:#fffffff0;color:var(--ink-2);cursor:pointer;display:grid;place-items:center;font-size:17px;transition:all .14s;box-shadow:0 2px 8px #0000001f}.tpm .fav:hover{color:var(--sale)}.tpm .fav.on{color:#fff;background:var(--sale)}.tpm .pbody{padding:13px 14px 14px;display:flex;flex-direction:column;flex:1}.tpm .vendor{font-size:11px;color:var(--ink-3);font-weight:500;margin-bottom:5px;display:flex;align-items:center;gap:5px}.tpm .vendor i{color:var(--live);font-size:13px}.tpm .ptitle{font-size:13.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:37px}.tpm .prate{display:flex;align-items:center;gap:5px;margin:8px 0 9px;font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}.tpm .prate i{color:var(--star);font-size:14px}.tpm .prate .cnt{color:var(--ink-3)}.tpm .pprice{display:flex;align-items:baseline;gap:8px;margin-top:auto}.tpm .pprice .now{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--ink)}.tpm .pprice .was{font-family:var(--mono);font-size:12px;color:var(--ink-4);text-decoration:line-through}.tpm .pprice .from{font-size:10px;color:var(--ink-3);font-weight:500;align-self:center;margin-right:-3px}.tpm .express{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--live);font-weight:500;margin-top:8px}.tpm .express i{font-size:15px}.tpm .padd{position:relative;z-index:3;margin-top:12px;width:100%;height:40px;border-radius:10px;border:1px solid var(--line-2);background:transparent;color:var(--ink);font-family:var(--sans);font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .14s}.tpm .padd:hover{background:var(--brand);border-color:var(--brand);color:#fff}.tpm .padd i{font-size:17px}.tpm .padd.added{background:var(--live);border-color:var(--live);color:#fff}.tpm .flash-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;flex-wrap:wrap}.tpm .flash-l{display:flex;align-items:center;gap:16px}.tpm .flash-l .f-ic{width:48px;height:48px;border-radius:13px;background:var(--sale);color:#fff;display:grid;place-items:center;font-size:24px}.tpm .timer{display:flex;align-items:center;gap:8px}.tpm .timer .t-lbl{font-size:13px;color:var(--ink-2);font-weight:500;margin-right:4px}.tpm .timer .t-box{font-family:var(--mono);font-weight:700;font-size:16px;background:var(--ink);color:#fff;padding:7px 10px;border-radius:9px;min-width:42px;text-align:center}.tpm .timer .t-sep{font-weight:700;color:var(--ink-3)}.tpm .pills{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}.tpm .pill{padding:8px 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .14s}.tpm .pill:hover{border-color:var(--ink-3);color:var(--ink)}.tpm .pill.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tpm .pill i{font-size:16px}.tpm .res-count{font-family:var(--mono);font-size:12px;color:var(--ink-3);margin-bottom:18px}.tpm .store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tpm .store{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s}.tpm .store:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2)}.tpm .store .s-cover{height:84px;background-size:cover;background-position:center}.tpm .store .s-body{padding:0 18px 18px;margin-top:-26px;position:relative}.tpm .store .s-logo{width:52px;height:52px;border-radius:14px;border:3px solid var(--surface);background:var(--surface-2);display:grid;place-items:center;font-size:22px;color:var(--brand);background-size:cover;overflow:hidden}.tpm .store .s-logo img{width:100%;height:100%;object-fit:cover}.tpm .slide .slide-cover{position:absolute;inset:0;z-index:3}.tpm .store .s-nm{font-size:15px;font-weight:600;margin-top:11px;display:flex;align-items:center;gap:6px}.tpm .store .s-nm i{color:var(--live);font-size:16px}.tpm .store .s-meta{display:flex;align-items:center;gap:12px;margin-top:6px;font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}.tpm .store .s-meta .rt{color:var(--ink-2)}.tpm .store .s-meta .rt i{color:var(--star);font-size:13px;vertical-align:-2px}.tpm .store .s-meta .new{color:var(--live);font-weight:600}.tpm .store .s-visit{margin-top:14px;width:100%;height:38px;border-radius:9px;border:1px solid var(--line-2);background:transparent;color:var(--ink);font-family:var(--sans);font-weight:600;font-size:13px;cursor:pointer;transition:all .14s}.tpm .store .s-visit:hover{background:var(--surface-2);border-color:var(--ink-3)}.tpm .app-cta{background:var(--ink);border-radius:var(--r-xl);padding:44px 52px;display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:center;overflow:hidden;position:relative}.tpm[data-theme=dark] .app-cta{border:1px solid var(--line-2)}.tpm .app-cta .kicker{color:#fff9}.tpm .app-cta h2{color:#fff;font-size:clamp(24px,3vw,34px);margin:14px 0 12px;max-width:18ch}.tpm .app-cta p{color:#ffffffc7;font-size:15px;max-width:42ch;margin-bottom:24px}.tpm .app-badges{display:flex;gap:12px}.tpm .app-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#1b1b22;padding:11px 18px;border-radius:12px;font-weight:600;transition:transform .14s}.tpm .app-badge:hover{transform:translateY(-2px)}.tpm .app-badge i{font-size:26px}.tpm .app-badge small{display:block;font-size:10px;font-weight:500;color:#666;line-height:1.1}.tpm .app-badge b{font-size:15px;line-height:1.1}.tpm .app-art{display:grid;place-items:center}.tpm .app-art img{max-height:380px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 24px 44px rgba(0,0,0,.42))}.tpm .tpm-footer{border-top:1px solid var(--line);padding:54px 0 30px;margin-top:20px}.tpm .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.tpm .foot-about{color:var(--ink-2);font-size:14px;margin-top:16px;max-width:34ch}.tpm .foot-contact{margin-top:18px;display:flex;flex-direction:column;gap:9px}.tpm .foot-contact a{font-size:13.5px;color:var(--ink-2);display:flex;align-items:center;gap:9px}.tpm .foot-contact a i{color:var(--brand);font-size:16px}.tpm .foot-col h4{font-size:13px;font-weight:700;margin-bottom:16px}.tpm .foot-col a{display:block;font-size:13.5px;color:var(--ink-2);margin-bottom:11px;transition:color .14s}.tpm .foot-col a:hover{color:var(--brand)}.tpm .foot-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:42px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap;gap:16px}.tpm .foot-bottom .cp{font-size:13px;color:var(--ink-3)}.tpm .foot-social{display:flex;gap:10px}.tpm .foot-social a{width:38px;height:38px;border-radius:10px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink-2);font-size:18px;transition:all .14s}.tpm .foot-social a:hover{color:#fff;background:var(--brand);border-color:var(--brand)}.tpm .toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(16px);background:var(--ink);color:var(--bg);font-size:13px;font-weight:500;padding:11px 18px;border-radius:var(--r-md);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:all .25s;z-index:80;display:flex;align-items:center;gap:9px}.tpm .toast i{color:var(--brand)}.tpm .toast.show{opacity:1;transform:translate(-50%) translateY(0)}.tpm .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.tpm .rv.in{opacity:1;transform:none}@media(max-width:1080px){.tpm .pgrid,.tpm .dept-grid{grid-template-columns:repeat(4,1fr)}.tpm .store-grid{grid-template-columns:repeat(2,1fr)}.tpm .hero-grid{grid-template-columns:1fr}.tpm .promo-stack{flex-direction:row}.tpm .nav-mid{display:none}.tpm .rail{--cols:3}}@media(max-width:760px){.tpm .wrap{padding:0 18px}.tpm .topbar .tb-l{display:none}.tpm .topbar .tb-r{gap:14px;font-size:11.5px}.tpm .nav-search{display:none}.tpm .pgrid{grid-template-columns:repeat(2,1fr)}.tpm .dept-grid{grid-template-columns:repeat(3,1fr)}.tpm .benefits .wrap{grid-template-columns:repeat(2,1fr)}.tpm .store-grid{grid-template-columns:1fr}.tpm .promo-stack{flex-direction:column}.tpm .carousel{height:360px}.tpm .slide{padding:32px 28px}.tpm .slide .s-in{max-width:75%}.tpm .slide .s-art{opacity:.5}.tpm .car-dots{left:28px}.tpm .app-cta{grid-template-columns:1fr;padding:32px;text-align:center;justify-items:center}.tpm .app-art img{max-height:300px}.tpm .app-badges{justify-content:center}.tpm .flash-head{gap:14px}.tpm .sec{padding:40px 0}.tpm .rail{--cols:2;--gap:14px}}@media(prefers-reduced-motion:reduce){.tpm .rv{opacity:1;transform:none;transition:none}.tpm .slide{transition:none}}