:root{--bg:#08080b;--bg-elev:#101015;--surface:#17171e;--surface-2:#1f1f28;--border:#ffffff17;--border-strong:#ffffff29;--text:#fff;--text-2:#a5a5b3;--text-3:#848494;--brand:#ff2e5b;--brand-solid:#d91640;--brand-solid-hover:#c2133a;--gold:#ffc53d;--gold-soft:#ffc53d24;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:15px;--fs-xl:19px;--fs-2xl:23px;--lh-tight:1.12;--lh-snug:1.3;--lh-body:1.6;--radius-sm:6px;--radius:12px;--radius-card:16px;--header-h:60px;--bottom-nav-h:58px;--page-max:1560px;--gutter:16px;--shadow-card:0 8px 28px #0000008c;--shadow-pop:0 18px 50px #000000b3;--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.2, 0, 0, 1);--dur-fast:.14s;--dur-base:.24s}@media (width>=768px){:root{--gutter:28px;--header-h:68px}}@media (width>=1200px){:root{--gutter:44px}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans,Noto Sans KR,Helvetica Neue,Arial,sans-serif;font-size:var(--fs-lg);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px));margin:0;overflow-x:clip}@media (width>=700px){body{padding-bottom:0}}figure,h1,h2,h3,h4,p{margin:0}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.scroll-area{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;overscroll-behavior:contain}.scroll-area::-webkit-scrollbar{width:8px}.scroll-area::-webkit-scrollbar-track{background:0 0}.scroll-area::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:4px}.scroll-area::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.container{width:100%;max-width:var(--page-max);padding-inline:var(--gutter);margin-inline:auto}.section{margin-top:34px}@media (width>=768px){.section{margin-top:48px}}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.section-title{font-size:var(--fs-xl);font-weight:700;line-height:var(--lh-snug);letter-spacing:-.01em;text-wrap:balance;align-items:center;gap:9px;display:flex}.section-title:before{content:"";background:linear-gradient(180deg,var(--brand),#ff7a45);border-radius:2px;width:3px;height:17px}@media (width>=700px){.section-title{font-size:var(--fs-2xl)}.section-title:before{height:20px}}.section-more{font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out);align-items:center;gap:2px;display:inline-flex}.section-more:hover{color:var(--brand)}.btn{height:44px;font-size:var(--fs-lg);white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding-inline:22px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--brand-solid);color:#fff}.btn-primary:hover{background:var(--brand-solid-hover)}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24}.btn-ghost:hover{background:#ffffff3d}.btn-outline{border:1px solid var(--border-strong);color:#fff;background:#ffffff0f}.btn-outline:hover{background:#ffffff21}.btn-sm{height:36px;font-size:var(--fs-sm);padding-inline:16px}.badge{height:20px;font-size:var(--fs-2xs);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:5px;align-items:center;padding-inline:7px;font-weight:700;display:inline-flex}.badge-new{background:var(--brand-solid);color:#fff}.badge-hot{background:linear-gradient(135deg in oklab,#c2410c,#9f1239);color:#fff}.badge-vip{background:linear-gradient(135deg in oklab,#ffd76e,#f5a623);color:#3a2400}.tag{border:1px solid var(--border);height:24px;font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap;background:#ffffff14;border-radius:999px;align-items:center;padding-inline:10px;display:inline-flex}.skeleton{background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);border-radius:var(--radius);background-size:220% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:180% 0}to{background-position:-60% 0}}.page-enter-active,.page-leave-active{transition:opacity .18s var(--ease)}.page-enter-from,.page-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}