.mall{--mall-danger:#dc2828;--mall-danger-soft:#fef1f1;--mall-shadow-card:0 1px 2px rgba(16,12,34,.05);--mall-shadow-card-hover:0 10px 28px -8px rgba(139,92,246,.18),0 4px 10px rgba(16,12,34,.06);--mall-shadow-pop:0 24px 60px -12px rgba(16,12,34,.25);--mall-radius-lg:16px;--mall-header-h:60px;color:hsl(var(--foreground));color-scheme:light;line-height:1.55;-webkit-font-smoothing:antialiased}.dark .mall,html.dark .mall{--mall-danger:#ee6363;--mall-danger-soft:#2e1414;--mall-shadow-card:0 1px 2px rgba(0,0,0,.4);--mall-shadow-card-hover:0 10px 30px -8px rgba(0,0,0,.55);--mall-shadow-pop:0 24px 60px -12px rgba(0,0,0,.7);color-scheme:dark}.mall-page,.mall-page--shell{background:hsl(var(--background))}.mall-page--shell{display:flex;flex-direction:column;height:100%;min-height:0}.mall-scroll-root{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.mall,.mall *{box-sizing:border-box}.mall .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);border:0;white-space:nowrap}.mall .font-display{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.mall button:not([class]){background:none;border:none;color:inherit;cursor:pointer;font:inherit}.mall a{color:inherit;text-decoration:none}.mall :focus-visible:not([data-slot=button],[data-slot=input],[data-slot=textarea],[data-slot=input-group-input]){border-radius:6px;outline:2px solid hsl(var(--focus));outline-offset:2px}.mall .icon{fill:none;flex:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:16px}.mall .icon-lg{height:20px;width:20px}.mall .icon-xl{height:40px;stroke-width:1.5;width:40px}.mall .mall-shell{box-sizing:border-box;margin:0 auto;max-width:1600px;padding:0 16px 96px;width:100%}@media(min-width:768px){.mall .mall-shell{padding:0 24px 80px}}.mall .search-box{display:none;margin-left:auto;width:240px}@media(min-width:640px){.mall .search-box{display:flex}}.mall .search-box.always{display:flex;width:100%}.mall .header-search{margin-left:0;min-width:0;width:100%}.mall .header-search .search-box,.mall .header-search .search-box.always{display:flex;margin-left:0;max-width:none;min-width:0;width:100%}.mall .search-box input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.mall .search-box input::-moz-search-cancel-button{display:none}.mall .theme-toggle{border-radius:999px;color:hsl(var(--muted-foreground));display:grid;flex:none;height:40px;place-items:center;width:40px}.mall .theme-toggle:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.mall .search-wrap{margin-left:auto;position:relative}.mall .search-wrap .search-box{margin-left:0}.mall .search-panel{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px;box-shadow:var(--mall-shadow-pop);display:none;max-height:70vh;overflow-y:auto;padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:min(440px,92vw);z-index:var(--z-page-popover,40)}.mall .search-panel.open{display:block}.mall .sp-section{padding:8px 10px 4px}.mall .sp-head{align-items:center;color:hsl(var(--muted-foreground));display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.mall .sp-history{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:6px}.mall .sp-chip{align-items:center;background:color-mix(in srgb,hsl(var(--muted)) 45%,transparent);border:1px solid hsl(var(--border));border-radius:999px;color:hsl(var(--foreground));display:inline-flex;font-size:13px;max-width:100%;overflow:hidden;transition:background .15s ease,border-color .15s ease}.mall .sp-chip:hover{background:hsl(var(--muted));border-color:transparent}.mall .sp-chip-main{color:inherit;font-size:inherit;min-width:0;overflow:hidden;padding:5px 4px 5px 12px;text-overflow:ellipsis;white-space:nowrap}.mall .sp-chip-main:focus-visible{outline:none}.mall .sp-chip:has(:focus-visible){outline:2px solid color-mix(in srgb,hsl(var(--foreground)) 35%,hsl(var(--border)));outline-offset:2px}.mall .sp-chip-del{border-radius:999px;color:hsl(var(--muted-foreground));display:inline-grid;flex:none;height:26px;margin-right:2px;opacity:.65;place-items:center;transition:opacity .15s ease,background .15s ease,color .15s ease;width:26px}.mall .sp-chip-del .icon{height:12px;width:12px}.mall .sp-chip-del:hover{background:color-mix(in srgb,hsl(var(--foreground)) 8%,transparent);color:hsl(var(--foreground));opacity:1}.mall .sp-chip-del:focus-visible{opacity:1;outline:none}.mall .sp-hot{display:grid;gap:0 14px;grid-template-columns:1fr 1fr}.mall .sp-hot-row{align-items:center;border-radius:8px;display:flex;font-size:13.5px;gap:10px;padding:7px 8px;text-align:left;transition:background .15s ease;width:100%}.mall .sp-hot-row:hover{background:hsl(var(--muted))}.mall .sp-hot-no{color:hsl(var(--muted-foreground));flex:none;font-family:Inter,sans-serif;font-size:13px;text-align:center;width:16px}.mall .sp-hot-row:nth-child(-n+3) .sp-hot-no{color:hsl(var(--foreground));font-weight:600}.mall .sp-hot-word{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mall .sp-hot-tag{color:var(--mall-danger);flex:none;font-size:10.5px;font-weight:600}.mall .sp-row{align-items:center;border-radius:10px;display:flex;font-size:14px;gap:10px;padding:9px 10px;text-align:left;transition:background .15s ease;width:100%}.mall .sp-row.hover,.mall .sp-row:hover{background:hsl(var(--muted))}.mall .sp-row .icon{flex:none}.mall .sp-row,.mall .sp-row .icon{color:hsl(var(--muted-foreground))}.mall .sp-row mark{background:transparent;color:hsl(var(--foreground));font-weight:600}.mall .sp-row strong{font-weight:650}.mall .sp-row .sp-hit-info,.mall .sp-row strong{color:hsl(var(--foreground))}.mall .sp-row .sp-hit-meta{color:hsl(var(--muted-foreground))}.mall .sp-hit-thumb{aspect-ratio:16/10;border-radius:6px;box-shadow:inset 0 0 0 1px color-mix(in srgb,hsl(var(--foreground)) 8%,transparent);flex:none;overflow:hidden;position:relative;width:64px}.mall .sp-hit-thumb img{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mall .sp-hit-thumb .cd-series,.mall .sp-hit-thumb .cd-word{display:none}.mall .sp-hit-thumb .cd-ghost{bottom:2px;font-size:26px;opacity:.3;right:4px;top:auto}.mall .sp-hit-info{flex:1;min-width:0}.mall .sp-hit-title{font-size:13.5px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mall .sp-hit-meta{color:hsl(var(--muted-foreground));font-size:12px;margin-top:1px}.mall .sp-divider{background:color-mix(in srgb,hsl(var(--border)) 60%,transparent);height:1px;margin:6px 10px}.mall .search-screen,.mall.search-screen{background:hsl(var(--background));box-sizing:border-box;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;min-height:100dvh;min-height:100vh;padding-top:env(safe-area-inset-top);position:fixed;width:100%;z-index:80}.mall .search-screen .search-wrap,.mall.search-screen .search-wrap{display:flex;flex:1;flex-direction:column;height:100%;margin:0;max-width:none;min-height:0;width:100%}.mall .ss-head{align-items:center;background:hsl(var(--background));border-bottom:1px solid color-mix(in srgb,hsl(var(--border)) 70%,transparent);display:flex;flex:none;gap:6px;padding:8px 12px 10px}.mall .ss-head .search-wrap,.mall .ss-head .ss-search-box{flex:1;margin-left:0;min-width:0}.mall .ss-head .search-box{display:flex;flex:1}.mall .search-screen .search-panel,.mall .search-screen .search-panel.open,.mall.search-screen .search-panel,.mall.search-screen .search-panel.open{background:transparent;border:none;border-radius:0;box-shadow:none;display:block!important;flex:1;max-height:none;max-width:none;min-height:0;overflow-y:auto;position:static!important;right:auto;top:auto;width:auto;-webkit-overflow-scrolling:touch;padding:16px 16px calc(28px + env(safe-area-inset-bottom));z-index:auto}.mall .search-panel.is-fullscreen .sp-section{padding:0 0 20px}.mall .search-panel.is-fullscreen .sp-head{color:hsl(var(--foreground));font-size:15px;font-weight:600;margin-bottom:12px}.mall .search-panel.is-fullscreen .sp-head-title{color:hsl(var(--foreground));font-size:15px;font-weight:600;letter-spacing:-.01em}.mall .search-panel.is-fullscreen .sp-history{gap:10px;padding-bottom:4px}.mall .search-panel.is-fullscreen .sp-chip{background:color-mix(in srgb,hsl(var(--muted)) 55%,transparent);border-color:color-mix(in srgb,hsl(var(--border)) 85%,transparent);font-size:13.5px}.mall .search-panel.is-fullscreen .sp-chip-main{padding:8px 2px 8px 14px}.mall .search-panel.is-fullscreen .sp-chip-del{height:28px;margin-right:4px;width:28px}.mall .search-panel.is-fullscreen .sp-chip:hover{background:hsl(var(--muted));border-color:transparent}.mall .search-panel.is-fullscreen .sp-hot.sp-hot-clean{gap:4px 20px}.mall .search-panel.is-fullscreen .sp-hot-clean .sp-hot-row{border-radius:0;color:hsl(var(--foreground));font-size:14.5px;padding:11px 2px}.mall .search-panel.is-fullscreen .sp-hot-clean .sp-hot-row:hover{background:transparent;color:hsl(var(--primary))}.mall .search-panel.is-fullscreen .sp-hot-clean .sp-hot-word{font-weight:450}.mall .search-screen .ss-results,.mall.search-screen .ss-results{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 12px calc(28px + env(safe-area-inset-bottom))}.mall .search-screen .ss-results .result-count,.mall.search-screen .ss-results .result-count{margin-bottom:10px;margin-top:10px}.mall .search-screen .ss-head,.mall.search-screen .ss-head{position:sticky;top:0;z-index:2}.mall .mall-section{margin-top:48px}.mall .section-head{gap:12px;margin-bottom:16px}.mall .section-title{font-size:20px;font-weight:650;letter-spacing:.01em;text-wrap:balance}.mall .mall-section:first-of-type .section-title{font-size:24px}.mall .mall-section:first-of-type{margin-top:32px}.mall .section-subtitle{color:hsl(var(--muted-foreground));font-size:12.5px}.mall .card-track{align-items:start;display:grid;gap:14px;grid-auto-columns:78%;grid-auto-flow:column;margin:-4px -4px 0;overflow-x:auto;padding:4px 4px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.mall .card-track::-webkit-scrollbar{display:none}.mall .card-track>*{min-width:0;scroll-snap-align:start}@media(min-width:520px){.mall .card-track{grid-auto-columns:46%}}.mall .card-track.grid-vertical{gap:12px 10px;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:4px}@media(min-width:768px){.mall .card-track.grid-vertical{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(max(200px,calc(20% - 11.2px)),1fr));overflow:visible;padding:4px}}@media(min-width:1024px){.mall .card-track.grid-vertical{grid-template-columns:repeat(auto-fill,minmax(max(220px,calc(20% - 11.2px)),1fr))}}@media(min-width:768px){.mall .card-track.cols-4,.mall .card-track.cols-5{gap:14px 12px;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:4px}}@media(min-width:1100px){.mall .card-track.cols-4,.mall .card-track.cols-5{gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.mall .card-track.grid-vertical{grid-template-columns:repeat(5,minmax(0,1fr))}}.mall .pack-card{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:0}.mall .pack-cover-wrap{position:relative}.mall .pack-acquired-badge,.mall .podium-acquired-badge,.mall .rank-acquired-badge{align-items:center;background:color-mix(in srgb,hsl(var(--background)) 88%,transparent);border-radius:999px;box-shadow:0 1px 2px color-mix(in srgb,hsl(var(--foreground)) 12%,transparent);color:hsl(var(--success));display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.3;padding:2px 7px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:2}.mall .rank-acquired-badge{font-size:10px;padding:1px 6px;right:6px;top:6px}.mall .podium-acquired-badge{bottom:8px;left:auto;right:8px;top:auto}.mall .pack-card:hover .pack-title{color:hsl(var(--primary))}@media(prefers-reduced-motion:no-preference){.mall .pack-cover img{transition:transform .4s cubic-bezier(.16,1,.3,1)}.mall .pack-card:hover .pack-cover img{transform:scale(1.04)}}.mall .pack-cover{aspect-ratio:16/9;border-radius:var(--radius);box-shadow:inset 0 0 0 1px color-mix(in srgb,hsl(var(--foreground)) 8%,transparent);overflow:hidden;position:relative}.mall .pack-cover img{display:block;height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mall .pack-cover.portrait-frame{background:hsl(var(--muted))}.mall .pack-cover .portrait-backdrop{filter:blur(18px) saturate(1.1) brightness(.9);height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;transform:scale(1.2);width:100%}.mall .pack-cover .portrait-inner{aspect-ratio:3/4;box-shadow:0 0 20px #00000040;height:100%;top:0;right:0;bottom:0;left:0;margin:0 auto;overflow:hidden;position:absolute}.mall .pack-cover .portrait-inner img{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mall .cv-violet{background:linear-gradient(135deg,#7c3aed,#c026d3)}.mall .cv-ocean{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.mall .cv-sunset{background:linear-gradient(135deg,#f97316,#db2777)}.mall .cv-forest{background:linear-gradient(135deg,#059669,#14b8a6)}.mall .cv-candy{background:linear-gradient(135deg,#ec4899,#f59e0b)}.mall .cv-night{background:linear-gradient(135deg,#312e81,#6d28d9)}.mall .cv-berry{background:linear-gradient(135deg,#9d174d,#7c3aed)}.mall .cv-lake{background:linear-gradient(135deg,#0891b2,#2563eb)}.mall .cover-design{color:#fff;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:space-between;overflow:hidden;padding:14px 16px;position:absolute}.mall .cover-design:after{background:radial-gradient(130% 100% at 100% 0,hsla(0,0%,100%,.12),transparent 55%);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.mall .cd-series{font-size:11.5px;letter-spacing:.04em;opacity:.78;position:relative;z-index:1}.mall .cd-word{font-size:30px;font-weight:700;letter-spacing:.02em;line-height:1.18;position:relative;z-index:1}.mall .cd-ghost{font-family:Inter,sans-serif;font-size:88px;font-weight:600;letter-spacing:-.02em;line-height:1;opacity:.12;position:absolute;right:-6px;top:-16px;white-space:nowrap;z-index:0}.mall .cover-design.small{padding:8px 10px}.mall .cover-design.small .cd-series{display:none}.mall .cover-design.small .cd-word{font-size:14px;font-weight:600}.mall .cover-design.small .cd-ghost{font-size:44px;top:-8px}.mall .hero-bg .cover-design .cd-series,.mall .hero-bg .cover-design .cd-word{display:none}.mall .hero-bg .cover-design .cd-ghost{bottom:auto;font-size:200px;opacity:.1;top:-30px}.mall .cover-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#110c229e;border-radius:6px;color:#fffffff2;font-size:11px;font-weight:600;left:8px;letter-spacing:.02em;max-width:calc(100% - 56px);overflow:hidden;padding:3px 8px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:8px;white-space:nowrap;z-index:2}.mall .pack-body{display:flex;flex-direction:column;gap:4px;min-width:0;padding:0 2px}.mall .pack-title-tooltip-trigger{display:block;justify-content:flex-start;min-width:0;width:100%}.mall .pack-title{font-size:14.5px;font-weight:600;line-height:1.45;transition:color .15s ease}.mall .pack-desc,.mall .pack-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mall .pack-desc{font-size:13px;line-height:1.6}.mall .pack-desc,.mall .pack-meta{color:hsl(var(--muted-foreground))}.mall .pack-meta{align-items:center;display:flex;font-size:12.5px;font-variant-numeric:tabular-nums;gap:6px;min-width:0}.mall .pack-meta .pack-meta-author{flex:none;gap:4px;max-width:46%}.mall .pack-meta .dot{background:hsl(var(--muted-foreground));border-radius:999px;flex:none;height:2px;opacity:.6;width:2px}.mall .pack-meta .truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mall .pack-rating{align-items:center;color:hsl(var(--muted-foreground));display:inline-flex;flex:none;gap:3px}.mall .pack-rating .icon{fill:currentColor;height:11px;opacity:.7;stroke:none;width:11px}.mall .author{align-items:center;background:transparent;border:none;color:inherit;display:inline-flex;font:inherit;gap:6px;max-width:100%;min-width:0;padding:0;text-align:left}.mall .author.author-link{border-radius:999px;cursor:pointer;margin:-2px -4px -2px -2px;padding:2px 4px 2px 2px;transition:background-color .15s ease,color .15s ease}.mall .author.author-link:hover{background:color-mix(in srgb,hsl(var(--primary)) 10%,transparent);color:hsl(var(--primary))}.mall .author.author-link:hover .author-name{color:hsl(var(--primary))}.mall .author.author-link:focus-visible{outline:2px solid color-mix(in srgb,hsl(var(--primary)) 55%,transparent);outline-offset:2px}.mall .author-avatar{background:hsl(var(--muted));border-radius:999px;display:block;flex:none;height:18px;-o-object-fit:cover;object-fit:cover;width:18px}.mall .author-avatar.official{background:linear-gradient(135deg,#ac47ff,#f53df5)}.mall .author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mall .author-chevron{flex:none;height:14px;opacity:.55;width:14px}.mall .author.author-link:hover .author-chevron{opacity:1}.mall .official-check{color:hsl(var(--primary));flex:none;height:13px;width:13px}.mall .featured-grid{align-items:start;display:grid;gap:12px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:1100px){.mall .featured-grid{gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}}.mall .pack-card.featured-poster{aspect-ratio:16/9;border-radius:var(--radius);gap:0;height:100%;min-height:0;overflow:hidden;position:relative}@media(min-width:1024px){.mall .featured-side-grid .pack-card.featured-poster{aspect-ratio:auto}}.mall .featured-poster .pack-cover,.mall .featured-poster .pack-cover-wrap{height:100%;top:0;right:0;bottom:0;left:0;min-height:0;position:absolute;width:100%}.mall .featured-poster .pack-cover{aspect-ratio:auto;border-radius:var(--radius)}.mall .featured-poster .pack-cover .cover-design,.mall .featured-poster .pack-cover img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mall .featured-poster .cover-design .cd-series,.mall .featured-poster .cover-design .cd-word{display:none}.mall .featured-poster .cover-design .cd-ghost{font-size:clamp(56px,10vw,88px);opacity:.1;right:-6%;top:-12%}.mall .featured-poster .pack-body{background:linear-gradient(0deg,rgba(10,6,20,.92) 0,rgba(10,6,20,.48) 55%,rgba(10,6,20,.08) 88%,transparent);bottom:0;display:flex;flex-direction:column;gap:2px;left:0;padding:30px 10px 10px;pointer-events:none;position:absolute;right:0;z-index:1}.mall .featured-poster .pack-title,.mall .pack-card.featured-poster:hover .pack-title{color:#fff;font-size:13px;font-weight:650;-webkit-line-clamp:2;line-height:1.3;min-height:0;text-shadow:0 1px 2px rgba(0,0,0,.35)}.mall .featured-poster .pack-meta{color:#ffffffc7;font-size:11px}.mall .featured-poster .pack-meta .dot{background:#fff6}.mall .featured-poster .pack-desc{display:none}@media(min-width:1024px){.mall .featured-poster .pack-body{padding:34px 12px 11px}.mall .featured-poster .pack-title,.mall .pack-card.featured-poster:hover .pack-title{font-size:13.5px}}.mall .pack-card.hero-main{border:none;border-radius:var(--mall-radius-lg);cursor:default;justify-content:flex-end;min-height:0;overflow:hidden;padding:0;position:relative}.mall .pack-card.hero-main,.mall .pack-card.hero-main.hero-main--fill{align-self:start;aspect-ratio:16/9;height:auto;width:100%}.mall .hero-open{background:transparent;border:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;top:0;right:0;bottom:0;left:0;justify-content:flex-end;margin:0;padding:0;position:absolute;text-align:left;z-index:1}.mall .hero-open:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:-2px}.mall .hero-bg{background:#0f172a;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute}.mall .hero-bg .hero-cover-main{display:block;height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;width:100%;z-index:1}.mall .hero-bg .hero-cover-blur{display:none}.mall .hero-bg--letterbox .hero-cover-blur{display:block;filter:blur(22px) saturate(1.05) brightness(.72);height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none;position:absolute;transform:scale(1.18);width:100%;z-index:0}.mall .hero-bg--letterbox .hero-cover-main{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.mall .hero-bg:after{background:linear-gradient(0deg,rgba(10,6,20,.9) 0,rgba(10,6,20,.45) 42%,rgba(10,6,20,.08) 70%,transparent);content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:2}@media(prefers-reduced-motion:no-preference){.mall .hero-bg .hero-cover-main{transition:transform .5s cubic-bezier(.16,1,.3,1)}.mall .hero-main:hover .hero-bg:not(.hero-bg--letterbox) .hero-cover-main{transform:scale(1.03)}.mall .hero-main:hover .hero-bg--letterbox .hero-cover-main{transform:scale(1.02)}}.mall .hero-overlay{color:#fff;display:flex;flex-direction:column;gap:4px;max-width:34rem;padding:16px 16px 42px;pointer-events:none;position:relative;width:100%;z-index:1}.mall .detail-rating-state{background:hsl(var(--muted));border-radius:var(--radius-md,12px);color:hsl(var(--muted-foreground));font-size:14px;margin:16px 0;padding:20px 16px;text-align:center}.mall .detail-rating-error{align-items:center;display:flex;flex-direction:column;gap:10px}.mall .hero-kicker{color:#ffffffc7;font-size:12px;letter-spacing:.02em}.mall .hero-overlay .pack-title,.mall .pack-card.hero-main:hover .hero-overlay .pack-title{color:#fff;font-size:19px;font-weight:650;-webkit-line-clamp:2;min-height:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.mall .hero-overlay .pack-desc{color:#ffffffc7;font-size:12.5px;-webkit-line-clamp:1;line-height:1.45}@media(min-width:1024px){.mall .hero-overlay{gap:5px;padding:18px 20px 44px}.mall .hero-overlay .pack-title,.mall .pack-card.hero-main:hover .hero-overlay .pack-title{font-size:20px}.mall .hero-overlay .pack-desc{font-size:13px;-webkit-line-clamp:1}}.mall .hero-foot{align-items:center;bottom:0;display:flex;gap:10px;justify-content:space-between;left:0;padding:0 14px 12px 18px;pointer-events:none;position:absolute;right:0;z-index:2}.mall .hero-dots{align-items:center;display:flex;gap:0;pointer-events:auto}.mall .hero-dot+.hero-dot{margin-left:-12px}.mall .hero-dot{background:transparent;border:none;border-radius:99px;cursor:pointer;height:24px;padding:0;position:relative;width:24px}.mall .hero-dot:before{background:#ffffff59;border-radius:99px;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .2s ease,background .2s ease;width:6px}.mall .hero-dot.on:before{background:#fff;width:14px}.mall .hero-dot:hover:before{background:#ffffffa6}.mall .hero-nav{display:flex;gap:6px;pointer-events:auto}.mall .hero-nav-btn{background:#00000059;border:none;border-radius:99px;color:#fff;cursor:pointer;display:grid;height:28px;place-items:center;transition:background .15s ease;width:28px}.mall .hero-nav-btn:hover{background:#00000080}@media(prefers-reduced-motion:reduce){.mall .hero-dot{transition:none}}.mall .ranking-columns{display:grid;gap:0 28px;grid-template-columns:1fr}@media(min-width:900px){.mall .ranking-columns{grid-template-columns:1fr 1fr}}.mall .rank-col{display:flex;flex-direction:column;min-width:0}.mall .seg{background:hsl(var(--muted));border-radius:12px;display:inline-flex;gap:2px;max-width:100%;overflow-x:auto;padding:4px;scrollbar-width:none}.mall .seg::-webkit-scrollbar{display:none}.mall .seg-item{border-radius:9px;color:hsl(var(--muted-foreground));font-size:13.5px;font-weight:500;padding:7px 18px;transition:all .18s ease;white-space:nowrap}.mall .seg-item.active,.mall .seg-item:hover{color:hsl(var(--foreground))}.mall .seg-item.active{background:hsl(var(--card));box-shadow:0 1px 3px #100c221a,0 0 0 1px color-mix(in srgb,hsl(var(--foreground)) 5%,transparent);font-weight:600}.mall .podium{display:grid;gap:14px;grid-template-columns:1fr;margin-top:20px}@media(min-width:700px){.mall .podium{gap:16px;grid-template-columns:repeat(3,1fr)}}.mall .podium-cover{aspect-ratio:16/10;border-radius:var(--radius);box-shadow:inset 0 0 0 1px color-mix(in srgb,hsl(var(--foreground)) 8%,transparent);overflow:hidden;position:relative}.mall .podium-cover img{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mall .podium-cover:after{background:linear-gradient(0deg,rgba(10,6,20,.55),transparent 45%);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.mall .podium-cover .cover-badge.podium-category{left:8px;top:8px;z-index:2}.mall .podium-no{bottom:auto;color:#fff;font-family:Inter,sans-serif;font-size:28px;font-variant-numeric:tabular-nums;font-weight:600;left:auto;line-height:1;text-shadow:0 1px 8px rgba(0,0,0,.4);top:10px}.mall .podium-metric,.mall .podium-no{position:absolute;right:12px;z-index:1}.mall .podium-metric{bottom:10px;color:#ffffffeb;font-size:12.5px;font-weight:500}.mall .rank-page{margin:0 auto;max-width:1120px;padding-top:8px;width:100%}.mall .rank-tabs{background:color-mix(in srgb,hsl(var(--muted)) 72%,transparent);border:1px solid hsl(var(--border));border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0 16px;padding:4px}.mall .rank-tab{background:transparent;border:0;border-radius:9px;color:hsl(var(--muted-foreground));cursor:pointer;font-size:14px;font-weight:600;min-width:0;padding:9px 8px}.mall .rank-tab.active,.mall .rank-tab:hover{color:hsl(var(--foreground))}.mall .rank-tab.active{background:hsl(var(--background));box-shadow:0 1px 3px color-mix(in srgb,#000 12%,transparent)}@media(max-width:560px){.mall .rank-tabs{grid-template-columns:repeat(4,minmax(88px,1fr));overflow-x:auto}}.mall .rank-page-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px 0 4px}.mall .rank-page-title{font-size:24px}.mall .rank-page-subtitle{display:block;margin-top:4px}.mall .rank-page-subtitle-only{margin-top:0;padding-top:4px}.mall .rank-page-head{align-items:center}.mall .rank-page-head-segment-only{justify-content:flex-end;padding-bottom:4px;padding-top:10px}.mall .browse-list-head{padding:12px 0 2px}.mall .browse-list-head-main{min-width:0}.mall .browse-list-title{font-size:22px}.mall .browse-list-subtitle{display:block;margin-top:4px}.mall .browse-list-subtitle-only{margin-top:0}@media(min-width:768px){.mall .browse-list-title{font-size:24px}}.mall .rank-rest{margin-top:16px}.mall .rank-rest .rank-row{padding-left:0;padding-right:0}.mall .rank-row.rank-big{align-items:center;gap:10px;padding:12px 2px}.mall .rank-row.rank-big .rank-no{color:color-mix(in srgb,hsl(var(--foreground)) 58%,hsl(var(--muted-foreground)));font-size:15px;font-weight:600;width:26px}.mall .rank-row.rank-big .rank-thumb{border-radius:9px;width:96px}.mall .rank-row.rank-big .rank-title{display:-webkit-box;font-size:14.5px;font-weight:650;-webkit-line-clamp:2;line-height:1.35;white-space:normal;-webkit-box-orient:vertical;overflow:hidden}.mall .rank-row.rank-big .rank-meta{font-size:12px;line-height:1.4;margin-top:3px}.mall .rank-row.rank-big .rank-info{display:flex;flex:1 1 auto;flex-direction:column;gap:0;justify-content:center;min-width:0}.mall .rank-row.rank-big .cover-design.small{padding:0}.mall .rank-row.rank-big .cover-design.small .cd-ghost{font-size:40px;opacity:.1;right:-6px;top:-8px}.mall .rank-row.rank-big+.rank-row.rank-big{border-top:1px solid color-mix(in srgb,hsl(var(--border)) 42%,transparent)}.mall .rank-row.rank-big.has-metric .rank-trend{color:hsl(var(--muted-foreground));font-size:12px;font-weight:500;justify-content:flex-end;min-width:3.5rem;padding-left:8px}@media(min-width:768px){.mall .rank-rest{margin-top:20px}.mall .rank-row.rank-big{gap:16px;padding:14px 8px}.mall .rank-row.rank-big .rank-no{font-size:18px;width:36px}.mall .rank-row.rank-big .rank-thumb{border-radius:11px;width:140px}.mall .rank-row.rank-big .rank-title{font-size:15.5px}.mall .rank-row.rank-big .rank-meta{font-size:12.5px;margin-top:4px}.mall .rank-row.rank-big .cover-design.small .cd-ghost{font-size:56px}.mall .rank-row.rank-big.has-metric .rank-trend{font-size:13px;min-width:4.5rem;padding-left:16px}}@media(min-width:1024px){.mall .rank-rest{margin-top:24px}.mall .rank-row.rank-big{gap:20px;padding:18px 12px}.mall .rank-row.rank-big .rank-no{font-size:22px;width:44px}.mall .rank-row.rank-big .rank-thumb{border-radius:12px;width:184px}.mall .rank-row.rank-big .rank-title{font-size:17px}.mall .rank-row.rank-big .rank-meta{font-size:13.5px}.mall .rank-row.rank-big .cover-design.small .cd-ghost{font-size:64px}.mall .rank-row.rank-big.has-metric .rank-trend{font-size:13.5px}.mall .rank-row.top3 .rank-thumb{width:196px}.mall .rank-row.top3 .rank-title{font-size:17.5px;font-weight:650}.mall .rank-row.top3 .rank-no{color:hsl(var(--foreground));font-size:22px}}.mall .rank-row{align-items:center;border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;padding:9px 10px;transition:background .15s ease}.mall .rank-row:hover{background:hsl(var(--muted))}.mall .rank-row:hover .rank-title{color:hsl(var(--primary))}.mall .rank-no{color:hsl(var(--muted-foreground));flex:none;font-family:Inter,ui-sans-serif,sans-serif;font-size:15px;font-variant-numeric:tabular-nums;font-weight:500;text-align:center;width:28px}.mall .rank-no.top{color:hsl(var(--foreground));font-size:17px;font-weight:600}.mall .rank-thumb{aspect-ratio:16/10;border-radius:8px;box-shadow:inset 0 0 0 1px color-mix(in srgb,hsl(var(--foreground)) 8%,transparent);flex:none;overflow:hidden;position:relative;width:76px}.mall .rank-thumb img{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mall .ranking-columns .rank-thumb .cover-design.small .cd-ghost{font-size:36px;opacity:.14;right:-4px;top:-4px}.mall .rank-info{flex:1 1 auto;min-width:0}.mall .rank-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease;white-space:nowrap}.mall .rank-meta{display:flex;gap:6px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.mall .rank-meta,.mall .rank-trend{align-items:center;color:hsl(var(--muted-foreground));font-size:12px;white-space:nowrap}.mall .rank-trend{display:inline-flex;flex:none;font-variant-numeric:tabular-nums;gap:3px;margin-left:auto;padding-left:20px}.mall .rank-trend .icon{height:12px;width:12px}.mall .mall-tab-chrome{display:flex;flex-direction:column;gap:10px}.mall .version-tabs-row{min-width:0}.mall .toolbar-sticky{background:hsl(var(--background));display:flex;flex-direction:column;gap:10px;margin-left:-16px;margin-right:-16px;padding:12px 16px 10px;position:sticky;top:0;z-index:30}@media(min-width:768px){.mall .toolbar-sticky{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}}.mall .toolbar-sticky.toolbar-channel{gap:0;margin-left:0;margin-right:0;padding:12px 0 14px;position:relative;top:auto}@media(min-width:768px){.mall .toolbar-sticky.toolbar-channel{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}.mall .sub-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.mall .sub-tabs::-webkit-scrollbar{display:none}@media(min-width:768px){.mall .sub-tabs{flex-wrap:wrap;overflow-x:visible;row-gap:8px}}.mall .sub-tab{align-items:center;background:hsl(var(--muted));border:none;border-radius:8px;color:hsl(var(--muted-foreground));cursor:pointer;display:inline-flex;flex:none;font-size:13px;font-weight:500;height:32px;justify-content:center;padding:0 12px;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(0,0,.2,1);white-space:nowrap}.mall .sub-tab:hover:not(.active){background:color-mix(in srgb,hsl(var(--foreground)) 5%,hsl(var(--muted)));color:hsl(var(--foreground))}.dark .mall .sub-tab:hover:not(.active),html.dark .mall .sub-tab:hover:not(.active){background:color-mix(in srgb,hsl(var(--foreground)) 8%,hsl(var(--muted)))}.mall .sub-tab:active:not(.active){background:color-mix(in srgb,hsl(var(--foreground)) 10%,hsl(var(--muted)));transform:scale(.97)}.mall .sub-tab.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:500}.mall .sub-tab.active:active{transform:scale(.97)}.mall .sub-tab:focus-visible{outline:2px solid hsl(var(--focus));outline-offset:2px}@media(prefers-reduced-motion:reduce){.mall .sub-tab{transition:background-color .15s ease,color .15s ease}.mall .sub-tab.active:active,.mall .sub-tab:active:not(.active){transform:none}}.mall .filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.mall .filter-hint{color:hsl(var(--muted-foreground));flex:0 1 auto;font-size:12.5px;line-height:1.35;margin:0 8px 0 0;max-width:min(100%,22rem);min-width:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}@media(max-width:639px){.mall .filter-hint{flex:1 1 100%;margin:0 0 4px;max-width:none;white-space:normal}}.mall .filter-select{align-items:center;background:transparent;border:none;border-radius:10px;color:hsl(var(--muted-foreground));display:inline-flex;font-size:13px;gap:6px;padding:6px 10px;transition:background .15s ease,color .15s ease}.mall .filter-select.engaged,.mall .filter-select:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.mall .filter-select.engaged{font-weight:600}.mall .filter-select .icon{height:14px;width:14px}.mall .filter-bar .spacer{flex:1}.mall .result-inline{color:hsl(var(--muted-foreground));font-size:13px;padding:0 6px;white-space:nowrap}.mall .result-inline strong{color:hsl(var(--foreground));font-variant-numeric:tabular-nums}@media(max-width:767px){.mall .filter-desktop{display:none}.mall .result-inline{padding-left:0}}@media(min-width:768px){.mall .filter-mobile{display:none}}.mall-sheet-options .sheet-group-name{color:hsl(var(--muted-foreground));font-size:12.5px;margin:16px 0 9px}.mall-sheet-options .sheet-chips{display:flex;flex-wrap:wrap;gap:9px}.mall-sheet-options .sheet-chip{align-items:center;background:hsl(var(--muted));border:none;border-radius:8px;color:hsl(var(--muted-foreground));cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:32px;justify-content:center;padding:0 14px;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(0,0,.2,1)}.mall-sheet-options .sheet-chip:hover:not(.active){background:color-mix(in srgb,hsl(var(--foreground)) 5%,hsl(var(--muted)));color:hsl(var(--foreground))}.dark .mall-sheet-options .sheet-chip:hover:not(.active),html.dark .mall-sheet-options .sheet-chip:hover:not(.active){background:color-mix(in srgb,hsl(var(--foreground)) 8%,hsl(var(--muted)))}.mall-sheet-options .sheet-chip:active:not(.active){background:color-mix(in srgb,hsl(var(--foreground)) 10%,hsl(var(--muted)));transform:scale(.97)}.mall-sheet-options .sheet-chip.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:500}.mall-sheet-options .sheet-chip.active:active{transform:scale(.97)}.mall-sheet-options .sheet-option{align-items:center;display:flex;font-size:14.5px;justify-content:space-between;min-height:48px;padding:14px 4px;text-align:left;width:100%}.mall-sheet-options .sheet-option+.sheet-option{border-top:1px solid color-mix(in srgb,hsl(var(--border)) 55%,transparent)}.mall-sheet-options .sheet-option .icon{color:hsl(var(--primary));opacity:0}.mall-sheet-options .sheet-option.active{font-weight:600}.mall-sheet-options .sheet-option.active .icon{opacity:1}.mall .filter-reset{align-items:center;border-radius:10px;color:hsl(var(--muted-foreground));display:inline-flex;font-size:13px;gap:4px;padding:6px 10px}.mall .filter-reset:hover{background:var(--mall-danger-soft);color:var(--mall-danger)}.mall .refresh-pulse{align-items:center;color:hsl(var(--primary));display:inline-flex;font-size:12.5px;gap:7px;margin-left:auto}.mall .pulse-dot{animation:mall-pulse-dot 1.1s ease-in-out infinite;background:hsl(var(--primary));border-radius:999px;height:7px;width:7px}@keyframes mall-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.mall .result-count{color:hsl(var(--muted-foreground));font-size:13px;margin:10px 2px 14px}.mall .result-count strong,.mall mark{color:hsl(var(--foreground))}.mall mark{background:hsl(var(--muted));border-radius:3px;font-weight:600;padding:0 2px}@media(prefers-reduced-motion:reduce){.mall .pulse-dot{animation:none}}.mall .browse-skeleton{margin-top:14px}.mall .state-panel{align-items:center;display:flex;flex-direction:column;gap:8px;margin:48px auto;max-width:420px;padding:0 16px;text-align:center}.mall .state-icon-wrap{background:hsl(var(--muted));border-radius:24px;color:hsl(var(--muted-foreground));display:grid;height:72px;margin-bottom:8px;place-items:center;width:72px}.mall .state-icon-wrap.brand{background:hsl(var(--primary-soft));color:hsl(var(--primary))}.mall .state-icon-wrap.danger{background:var(--mall-danger-soft);color:var(--mall-danger)}.mall .state-title{font-size:16.5px;font-weight:600}.mall .state-desc{color:hsl(var(--muted-foreground));font-size:13.5px;line-height:1.7}.mall .state-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}@keyframes spin{to{transform:rotate(1turn)}}.mall .spinner-lg{animation:spin .8s linear infinite;border:3px solid hsl(var(--border));border-radius:999px;border-top-color:hsl(var(--primary));height:34px;margin:0 auto;width:34px}.mall .chip-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mall .chip{align-items:center;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;color:hsl(var(--foreground));display:inline-flex;font-size:13px;gap:5px;padding:6px 14px;transition:all .15s ease}.mall .chip:hover{background:hsl(var(--muted));border-color:color-mix(in srgb,hsl(var(--foreground)) 18%,hsl(var(--border)));color:hsl(var(--foreground))}.mall .chip .icon{color:hsl(var(--muted-foreground));height:13px;width:13px}.mall .chip:hover .icon{color:hsl(var(--foreground))}.mall .load-more{align-items:center;color:hsl(var(--muted-foreground));display:flex;font-size:13.5px;gap:10px;justify-content:center;padding:26px 0 8px}.mall .load-more .spinner-sm{animation:spin .7s linear infinite;border:2px solid hsl(var(--border));border-radius:999px;border-top-color:hsl(var(--primary));height:18px;width:18px}.mall .list-end{color:hsl(var(--muted-foreground));font-size:12.5px;padding:26px 0 8px;text-align:center}.mall .detail-layout{display:flex;flex-direction:column;gap:26px;margin:18px auto 0;max-width:1120px;width:100%}.mall .detail-info-card{box-sizing:border-box;width:100%}.mall .detail-hero-m,.mall .detail-hero-pc{display:none}@media(min-width:720px){.mall .detail-info-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px}.mall .detail-hero-pc{align-items:stretch;box-sizing:border-box;display:grid;gap:18px;grid-template-columns:280px minmax(0,1fr);padding:20px 22px}.mall .detail-hero-pc .detail-cover{align-self:start;aspect-ratio:16/9;background:hsl(var(--muted));border-radius:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb,hsl(var(--foreground)) 8%,transparent);isolation:isolate;max-width:100%;min-width:0;overflow:hidden;position:relative;width:100%}.mall .detail-hero-pc .detail-cover.is-portrait{aspect-ratio:16/9;background:#000}.mall .detail-hero-pc .detail-cover .cover-design,.mall .detail-hero-pc .detail-cover img{display:block;height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mall .detail-hero-pc .detail-body{display:flex;flex-direction:column;min-height:100%;min-width:0}.mall .detail-hero-pc .detail-title-row{align-items:flex-start;display:flex;gap:8px;min-width:0}.mall .detail-hero-pc .detail-title{flex:1 1 auto;font-size:1.25rem;font-weight:600;letter-spacing:-.015em;line-height:1.3;margin:0;min-width:0;overflow-wrap:anywhere}.mall .detail-hero-pc .detail-desc-wrap{flex:1 1 auto;margin-top:4px}.mall .detail-hero-pc .detail-desc{color:hsl(var(--muted-foreground));display:-webkit-box;font-size:12.5px;height:38px;-webkit-line-clamp:2;line-height:1.5;margin:0;-webkit-box-orient:vertical;overflow:hidden}.mall .detail-hero-pc .detail-desc.is-expanded{height:auto;-webkit-line-clamp:unset}.mall .detail-hero-pc .detail-desc-toggle{align-items:center;background:none;border:none;color:hsl(var(--muted-foreground));cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:500;gap:3px;margin-top:2px;padding:0}.mall .detail-hero-pc .detail-desc-toggle:hover{color:hsl(var(--foreground))}.mall .detail-hero-pc .detail-desc-toggle .icon{height:13px;width:13px}.mall .detail-hero-pc .detail-footer{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:6px}.mall .detail-hero-pc .detail-tag-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin:0}.mall .detail-hero-pc .detail-tag{align-items:center;background:color-mix(in srgb,hsl(var(--muted)) 72%,transparent);border:none;border-radius:6px;box-shadow:none;color:hsl(var(--muted-foreground));display:inline-flex;font-size:12px;font-weight:500;line-height:1.25;padding:3px 8px}.mall .detail-hero-pc .detail-footer-bottom{align-items:center;display:flex;gap:12px;justify-content:space-between}.mall .detail-hero-pc .detail-stats{align-items:center;color:hsl(var(--muted-foreground));display:flex;flex-wrap:wrap;font-size:13px;gap:8px 14px;min-width:0}.mall .detail-hero-pc .detail-stats .num{color:hsl(var(--foreground));font-weight:650}.mall .detail-hero-pc .detail-stats .item{align-items:center;display:inline-flex;gap:5px}.mall .detail-hero-pc .detail-stat-usage .icon{height:14px;opacity:.85;width:14px}.mall .detail-hero-pc .detail-author{align-items:center;background:none;border:none;color:hsl(var(--muted-foreground));cursor:pointer;display:inline-flex;font:inherit;font-size:13px;gap:0;margin:0;padding:0;width:-moz-fit-content;width:fit-content}.mall .detail-hero-pc .detail-author.is-link:hover,.mall .detail-hero-pc .detail-author.is-link:hover .detail-author-identity{color:hsl(var(--primary))}.mall .detail-hero-pc .detail-author-identity{gap:6px}.mall .detail-hero-pc .detail-author-identity .author-identity-avatar{height:22px;width:22px}.mall .detail-hero-pc .detail-author-identity>:last-child{color:hsl(var(--foreground));font-size:13px;font-weight:500;line-height:1.3}.mall .detail-hero-pc .detail-author.is-link:hover .detail-author-identity>:last-child{color:hsl(var(--primary))}.mall .detail-hero-pc .detail-rating-link{align-items:center;background:none;border:none;color:hsl(var(--muted-foreground));cursor:pointer;display:inline-flex;font:inherit;font-size:13px;gap:5px;padding:0}.mall .detail-hero-pc .detail-rating-link:hover{color:hsl(var(--primary))}.mall .detail-hero-pc .detail-rating-link .score{color:hsl(var(--warning));font-weight:650}.mall .detail-hero-pc .detail-rating-link .icon{color:hsl(var(--warning));height:14px;width:14px}}@media(min-width:720px)and (max-width:1199px){.mall .detail-hero-pc .detail-cta-col{display:none}.mall .detail-layout{padding-bottom:calc(88px + var(--mobile-nav-height, 0px))}.mall-page--shell .detail-layout{padding-bottom:88px}}@media(max-width:719px){.mall .detail-layout{gap:0;margin:0 -16px;max-width:none;padding-bottom:calc(88px + var(--mobile-nav-height, 0px));width:calc(100% + 32px)}.mall-page--shell .detail-layout{padding-bottom:88px}.mall .detail-info-card{background:transparent;border:none;border-radius:0}.mall .detail-hero-m{display:block}.mall .detail-hero-m .detail-cover{aspect-ratio:16/9;background:hsl(var(--muted));border-radius:0;overflow:hidden;position:relative;width:100%}.mall .detail-hero-m .detail-cover.is-portrait{aspect-ratio:16/9;background:#000}.mall .detail-hero-m .detail-cover .cover-design,.mall .detail-hero-m .detail-cover img{display:block;height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mall .detail-hero-m .detail-body{background:hsl(var(--background));display:flex;flex-direction:column;gap:12px;padding:16px 16px 18px}.mall .detail-hero-m .detail-title-row{align-items:flex-start;display:flex;gap:8px;min-width:0}.mall .detail-hero-m .detail-title{flex:1 1 auto;font-size:1.28rem;font-weight:700;letter-spacing:-.02em;line-height:1.28;margin:0;min-width:0;overflow-wrap:anywhere}.mall .detail-hero-m .detail-meta-strip{align-items:center;display:flex;flex-wrap:wrap;gap:4px 0}.mall .detail-hero-m .detail-meta-item{align-items:center;background:none;border:none;color:hsl(var(--foreground));display:inline-flex;font-size:13px;font:inherit;gap:4px;padding:0}.mall .detail-hero-m .detail-meta-item+.detail-meta-item:before{color:color-mix(in srgb,hsl(var(--muted-foreground)) 55%,transparent);content:"·";font-weight:400;margin:0 10px 0 8px}.mall .detail-hero-m .detail-meta-item .num{font-variant-numeric:tabular-nums;font-weight:650}.mall .detail-hero-m .detail-meta-item .meta-muted{color:hsl(var(--muted-foreground));font-weight:450}.mall .detail-hero-m .detail-meta-item .icon{height:14px;width:14px}.mall .detail-hero-m .detail-rating-link{align-items:center;cursor:pointer;display:inline-flex;gap:4px}.mall .detail-hero-m .detail-rating-link .score{color:hsl(var(--warning));font-weight:650}.mall .detail-hero-m .detail-rating-link .icon{color:hsl(var(--warning))}.mall .detail-hero-m .detail-author-row{align-items:center;display:flex}.mall .detail-hero-m .detail-author{align-items:center;background:none;border:none;color:hsl(var(--muted-foreground));cursor:default;display:inline-flex;font:inherit;font-size:13px;gap:6px;margin:0;max-width:100%;padding:0}.mall .detail-hero-m .detail-author.is-link{background:hsl(var(--muted));border-radius:999px;cursor:pointer;padding:5px 12px 5px 5px}.mall .detail-hero-m .detail-author-identity{gap:8px;min-width:0}.mall .detail-hero-m .detail-author-identity .author-identity-avatar{flex:none;height:28px;width:28px}.mall .detail-hero-m .detail-author-identity>:last-child{color:hsl(var(--foreground));font-size:13px;font-weight:550;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mall .detail-hero-m .detail-author-chevron{color:hsl(var(--muted-foreground));flex:none;height:14px;width:14px}.mall .detail-hero-m .detail-desc{color:hsl(var(--muted-foreground));display:-webkit-box;font-size:13.5px;height:44px;-webkit-line-clamp:2;line-height:1.6;margin:0;-webkit-box-orient:vertical;overflow:hidden}.mall .detail-hero-m .detail-desc.is-expanded{height:auto;-webkit-line-clamp:unset}.mall .detail-hero-m .detail-desc-toggle{align-items:center;background:none;border:none;color:hsl(var(--foreground));cursor:pointer;display:inline-flex;font:inherit;font-size:12.5px;font-weight:550;gap:3px;margin-top:4px;padding:0}.mall .detail-hero-m .detail-desc-toggle .icon{height:13px;width:13px}.mall .detail-hero-m .detail-tag-row{display:flex;flex-wrap:nowrap;gap:8px;margin:0 -16px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 16px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mall .detail-hero-m .detail-tag-row::-webkit-scrollbar{display:none}.mall .detail-hero-m .detail-tag{background:color-mix(in srgb,hsl(var(--muted)) 85%,transparent);border-radius:999px;color:hsl(var(--muted-foreground));flex:none;font-size:12.5px;font-weight:500;padding:5px 12px}.mall .catalog{border-radius:16px;margin:8px 16px 0}.mall .catalog-head{padding:16px 16px 12px}.mall .course-row{gap:10px;padding:14px 16px}.mall .course-title{font-size:14.5px}.mall .related-section{padding:22px 16px 8px}.mall .related-section-head{margin-bottom:12px}.mall .related-section-title{font-size:17px;font-weight:700}.mall .related-section-sub{display:none}.mall .related-grid{gap:14px 10px}.mall .rating-section{margin:16px 16px 0}}.mall .detail-cta-col{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.mall .detail-cta{align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:flex-end}.mall .detail-cta-hint{color:hsl(var(--muted-foreground));font-size:11px;margin:0;text-align:right;white-space:nowrap}.mall .detail-sticky{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,hsl(var(--background)) 88%,transparent);border:1px solid hsl(var(--border));border-radius:12px;display:none;gap:12px;justify-content:space-between;margin:0 auto 4px;max-width:1120px;padding:10px 14px;position:sticky;top:0;z-index:35}.mall .detail-sticky.show{display:flex}.mall .detail-sticky-inner{display:flex;flex-direction:column;min-width:0}.mall .detail-sticky .ds-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mall .detail-sticky .ds-hint{color:hsl(var(--muted-foreground));font-size:12px;margin-top:2px}.mall .detail-rating-section{scroll-margin-top:72px}@media(max-width:860px){.mall .detail-sticky{display:none!important}}.mall .section-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.mall .section-head .section-title{font-size:16px;font-weight:650}.mall .section-head .section-subtitle{color:hsl(var(--muted-foreground));font-size:13px}.mall .trial-note{color:hsl(var(--muted-foreground));font-size:12.5px;margin-left:auto}.mall .trial-note .icon{display:none}.mall .catalog{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:14px;overflow:hidden}.mall .catalog-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:space-between;padding:14px 16px 8px}.mall .catalog-head-main{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.mall .catalog-title{color:hsl(var(--foreground));font-size:17px;font-weight:650;letter-spacing:-.01em;margin:0}.mall .catalog-sort-btn{flex:none;margin-left:auto}.mall .course-list{display:block}.mall .course-row{align-items:center;cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:12px 16px;position:relative;transition:background .12s ease,border-color .12s ease,opacity .14s ease}.mall .course-row:hover{background:hsl(var(--muted))}.mall .course-row:focus-visible{outline:2px solid color-mix(in srgb,hsl(var(--primary)) 45%,hsl(var(--border)));outline-offset:-2px;z-index:1}.mall .course-row+.course-row:after{background:hsl(var(--border));content:"";height:1px;left:16px;position:absolute;right:16px;top:0}.mall .course-no{align-items:center;box-sizing:content-box;color:color-mix(in srgb,hsl(var(--muted-foreground)) 72%,transparent);display:inline-flex;flex:none;font-feature-settings:"tnum" 1;font-size:11px;font-variant-numeric:tabular-nums;font-weight:550;justify-content:flex-end;letter-spacing:.04em;line-height:1;min-height:20px;padding-right:2px;width:1.65em}.mall .course-main{flex:1 1 auto;min-width:0;padding-right:8px}.mall .course-title-row{align-items:center;display:flex;gap:8px;min-height:20px;min-width:0}.mall .course-type-icon{align-items:center;background:transparent;color:color-mix(in srgb,hsl(var(--muted-foreground)) 92%,hsl(var(--foreground)));display:flex;flex:none;height:18px;justify-content:center;width:18px}.mall .course-type-icon .icon{height:15px;width:15px}.mall .course-title{color:hsl(var(--foreground));flex:1;font-size:14.5px;font-weight:600;letter-spacing:-.01em;line-height:1.35;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mall .course-desc{color:color-mix(in srgb,hsl(var(--foreground)) 68%,hsl(var(--muted-foreground)));display:-webkit-box;font-size:12.5px;-webkit-line-clamp:2;line-height:1.5;margin:5px 0 0 26px;-webkit-box-orient:vertical;overflow:hidden}.mall .course-state{align-items:center;align-self:center;background:transparent;border:none;display:inline-flex;flex:none;gap:4px;justify-content:center;line-height:1;margin-left:auto;min-width:2rem}.mall .course-state.trial{background:color-mix(in srgb,hsl(var(--warning)) 14%,transparent);border-radius:999px;color:color-mix(in srgb,hsl(var(--warning)) 92%,hsl(var(--foreground)));font-size:11.5px;font-weight:600;padding:4px 9px}.mall .course-state.lock{border-radius:8px;color:hsl(var(--muted-foreground));height:28px;opacity:0;pointer-events:none;transform:scale(.92);transition:opacity .14s ease,transform .14s ease,color .14s ease,background .14s ease;width:28px}.mall .course-state.lock .icon{height:15px;width:15px}.mall .course-row.is-locked{cursor:pointer}.mall .course-row.is-locked:focus-visible .course-state.lock,.mall .course-row.is-locked:hover .course-state.lock{color:color-mix(in srgb,hsl(var(--foreground)) 55%,hsl(var(--muted-foreground)));opacity:1;transform:scale(1)}@media(hover:none){.mall .course-row.is-locked .course-state.lock{opacity:.55;transform:scale(1)}}.mall .course-row.is-pending{opacity:.55;pointer-events:none}.mall .course-row .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.mall .related-section{margin-top:0}.mall .related-section-head{margin-bottom:14px}.mall .related-section-title{font-size:16px;font-weight:650}.mall .related-section-sub{color:hsl(var(--muted-foreground));font-size:13px;margin-top:3px}.mall .related-grid{display:grid;gap:12px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:768px){.mall .related-grid{gap:14px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.mall .related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.mall .related-card{background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:8px;padding:0;text-align:left}.mall .related-card:hover .related-card-title{color:hsl(var(--primary))}.mall .related-card-cover{aspect-ratio:16/10;background:hsl(var(--muted));border-radius:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb,hsl(var(--foreground)) 8%,transparent);overflow:hidden;position:relative}.mall .related-card-cover .cover-design,.mall .related-card-cover img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mall .related-card-shelf{background:#0000006b;border-radius:6px;color:#fff;font-size:10.5px;font-weight:600;left:8px;padding:2px 7px;position:absolute;top:8px}.mall .related-card-title{display:-webkit-box;font-size:13.5px;font-weight:550;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden}.mall .related-card-meta{font-size:12px;margin-top:-2px}.mall .related-card-meta.pack-meta{gap:5px}.mall .related-card-meta .pack-meta-author{max-width:52%}.mall .rating-section{display:flex;flex-direction:column;gap:14px}.mall .rating-section-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px}.mall .rating-section-title{color:hsl(var(--foreground));font-size:17px;font-weight:650;letter-spacing:-.01em;margin:0}.mall .rating-section-meta{color:hsl(var(--muted-foreground));font-size:13px;font-variant-numeric:tabular-nums}.mall .rating-section-spacer{flex:1;min-width:8px}.mall .rating-write{flex:none}.mall .rating-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px;overflow:hidden}.mall .rating-summary{display:flex;flex-direction:column;gap:18px;min-width:0;padding:18px 18px 16px}@media(min-width:640px){.mall .rating-summary{align-items:center;flex-direction:row;gap:28px 36px;padding:20px 22px 18px}}.mall .rating-score{align-items:flex-start;display:flex;flex:none;flex-direction:column;gap:6px;min-width:5.25rem}.mall .rating-score-num{color:hsl(var(--foreground));font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:44px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.03em;line-height:1}.mall .rating-stars{align-items:center;display:flex;gap:3px}.mall .rating-star{border:none;box-shadow:none;flex:none;height:16px;line-height:0;outline:none;position:relative;width:16px}.mall .rating-star svg{display:block;height:100%;overflow:visible;width:100%}.mall .rating-star .star-shape{fill:color-mix(in srgb,hsl(var(--warning)) 28%,transparent);stroke:none}.mall .rating-star.full .star-shape{fill:hsl(var(--warning))}.mall .rating-star.half .star-shape{fill:color-mix(in srgb,hsl(var(--warning)) 28%,transparent)}.mall .rating-star.half .star-half{fill:hsl(var(--warning));stroke:none}.mall .rating-score-sub{color:hsl(var(--muted-foreground));font-size:12.5px;font-variant-numeric:tabular-nums}.mall .rating-bars{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;max-width:none;min-width:0;width:100%}.mall .rating-bar-row{align-items:center;color:hsl(var(--muted-foreground));display:grid;font-size:12px;font-variant-numeric:tabular-nums;gap:8px;grid-template-columns:2.4em 1fr 1.5em}.mall .rating-bar-row.is-zero{opacity:.42}.mall .rating-bar-label{text-align:right}.mall .rating-bar-track{background:hsl(var(--muted));border-radius:999px;height:7px;overflow:hidden}.mall .rating-bar-fill{background:hsl(var(--warning));border-radius:inherit;height:100%;min-width:0;transition:width .25s ease}@media(prefers-reduced-motion:reduce){.mall .rating-bar-fill{transition:none}}.mall .rating-bar-count{text-align:right}.mall .rating-impressions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 16px}@media(min-width:640px){.mall .rating-impressions{padding:0 22px 18px}}.mall .rating-imp-tag{align-items:center;background:transparent;border:1px solid hsl(var(--border));border-radius:8px;color:hsl(var(--foreground));cursor:pointer;display:inline-flex;font:inherit;font-size:12.5px;font-weight:500;gap:5px;min-height:34px;padding:0 12px;transition:background .15s ease,border-color .15s ease}.mall .rating-imp-tag i{color:hsl(var(--muted-foreground));font-size:11.5px;font-style:normal;font-variant-numeric:tabular-nums}.mall .rating-imp-tag:hover{background:hsl(var(--muted));border-color:color-mix(in srgb,hsl(var(--foreground)) 16%,hsl(var(--border)))}.mall .rating-imp-tag.is-on{background:hsl(var(--muted));border-color:color-mix(in srgb,hsl(var(--foreground)) 30%,hsl(var(--border)));box-shadow:inset 0 0 0 1px color-mix(in srgb,hsl(var(--foreground)) 6%,transparent);font-weight:650}.mall .rating-imp-tag.is-on i{color:hsl(var(--muted-foreground));font-weight:550}.mall .rating-imp-tag:focus-visible{outline:2px solid hsl(var(--focus));outline-offset:2px}.mall .rating-list-wrap{border-top:1px solid hsl(var(--border));position:relative}.mall .rating-list-wrap.is-empty{border-top:none}.mall .rating-list{display:flex;flex-direction:column;transition:opacity .15s ease}.mall .rating-list.is-loading{opacity:.4;pointer-events:none}@media(prefers-reduced-motion:reduce){.mall .rating-list.is-loading{transition:none}}.mall .rating-item{display:flex;gap:12px;padding:14px 18px}@media(min-width:640px){.mall .rating-item{gap:14px;padding:15px 22px}}.mall .rating-item+.rating-item{border-top:1px solid color-mix(in srgb,hsl(var(--border)) 88%,transparent)}.mall .rating-av{background:hsl(var(--muted));border-radius:999px;flex:none;height:36px;overflow:hidden;width:36px}.mall .rating-av.is-image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mall .rating-av.fallback{color:#fff;display:grid;font-size:13px;font-weight:700;place-items:center}.mall .rating-body{flex:1;min-width:0}.mall .rating-row1{align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px}.mall .rating-name{color:hsl(var(--foreground));font-size:13.5px;font-weight:600}.mall .rating-item-stars{align-items:center;display:flex;gap:2px}.mall .rating-item-star{border:none;box-shadow:none;flex:none;height:12px;line-height:0;outline:none;position:relative;width:12px}.mall .rating-item-star svg{display:block;height:100%;overflow:visible;width:100%}.mall .rating-item-star .star-shape{fill:color-mix(in srgb,hsl(var(--warning)) 28%,transparent);stroke:none}.mall .rating-item-star.full .star-shape{fill:hsl(var(--warning))}.mall .rating-time{color:hsl(var(--muted-foreground));font-size:12px;margin-left:auto;white-space:nowrap}.mall .rating-text{color:color-mix(in srgb,hsl(var(--foreground)) 78%,hsl(var(--muted-foreground)));font-size:13.5px;line-height:1.65;margin:5px 0 0}.mall .rating-item-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mall .rating-tag-pill{background:hsl(var(--muted));border-radius:6px;color:hsl(var(--muted-foreground));font-size:11.5px;padding:2px 8px}.mall .rating-empty{align-items:center;color:hsl(var(--muted-foreground));display:flex;font-size:13.5px;justify-content:center;margin:0;min-height:120px;padding:24px 20px;text-align:center;width:100%}.mall .rating-skel{display:flex;flex-direction:column}.mall .rating-skel-row{border-bottom:1px solid color-mix(in srgb,hsl(var(--border)) 88%,transparent);display:flex;gap:12px;padding:14px 18px}.mall .rating-skel-lines{display:flex;flex:1;flex-direction:column;gap:8px;padding-top:2px}.mall .mobile-action-bar{align-items:stretch;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);background:color-mix(in srgb,hsl(var(--background)) 94%,transparent);border-top:1px solid color-mix(in srgb,hsl(var(--border)) 80%,transparent);bottom:var(--mobile-nav-height,0);box-shadow:0 -8px 28px color-mix(in srgb,hsl(var(--foreground)) 6%,transparent);display:flex;left:0;padding:10px 16px calc(12px + var(--sticky-bar-inset, 0px));position:fixed;right:0;z-index:40}@media(min-width:768px){.mall .mobile-action-bar{padding-right:var(--help-fab-clearance)}}@media(min-width:1200px){.mall .mobile-action-bar{display:none}}.mall .mab-stack{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.mall .mab-sub{color:hsl(var(--muted-foreground));font-size:12px;line-height:1.3;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mall .mab-actions{align-items:center;display:flex;gap:10px}.mall .toast-region{align-items:center;display:flex;flex-direction:column;gap:8px;left:50%;pointer-events:none;position:fixed;top:56px;transform:translate(-50%);width:min(92vw,400px);z-index:80}.mall .toast{align-items:flex-start;animation:toastIn .28s cubic-bezier(.2,.9,.3,1.15);background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:14px;box-shadow:var(--mall-shadow-pop);display:flex;font-size:13.5px;gap:10px;padding:12px 16px;pointer-events:auto;width:100%}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mall .toast{animation:none}}.mall .toast .icon{margin-top:1px}.mall .toast.success .icon{color:hsl(var(--success))}.mall .toast.warning .icon{color:hsl(var(--warning))}.mall .toast-body{flex:1}.mall .toast-title{font-weight:600}.mall .toast-desc{color:hsl(var(--muted-foreground));font-size:12.5px;margin-top:2px}.mall .toast-action{border-radius:6px;color:hsl(var(--primary));flex:none;font-size:13px;font-weight:600;padding:2px 6px}.mall .toast-action:hover{background:hsl(var(--primary-soft))}.mall .center-loading{align-items:center;color:hsl(var(--muted-foreground));display:flex;flex-direction:column;font-size:13.5px;gap:14px;padding:110px 0}.mall .rank-skeleton{margin-top:16px}.mall .rank-skeleton-podium{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:700px){.mall .rank-skeleton-podium{gap:16px;grid-template-columns:repeat(3,1fr)}}.mall .rank-skeleton-podium-card{display:flex;flex-direction:column;gap:10px;min-width:0}.mall .rank-skeleton-cover{aspect-ratio:16/10}.mall .rank-skeleton-list{display:flex;flex-direction:column;gap:0;margin-top:16px}.mall .rank-skeleton-row{align-items:center;border-top:1px solid color-mix(in srgb,hsl(var(--border)) 42%,transparent);display:flex;gap:10px;padding:12px 2px}.mall .rank-skeleton-row:first-child{border-top:none}.mall .rank-skeleton-row>[data-slot=skeleton]:nth-child(2){width:96px!important}@media(min-width:768px){.mall .rank-skeleton,.mall .rank-skeleton-list{margin-top:20px}.mall .rank-skeleton-row{gap:16px;padding:14px 8px}.mall .rank-skeleton-row>[data-slot=skeleton]:nth-child(2){width:140px!important}}@media(min-width:1024px){.mall .rank-skeleton-row{gap:20px;padding:18px 12px}.mall .rank-skeleton-row>[data-slot=skeleton]:nth-child(2){width:184px!important}}.mall .catalog-empty{align-items:center;border:1px dashed hsl(var(--border));border-radius:var(--mall-radius-lg);color:hsl(var(--muted-foreground));display:flex;flex-direction:column;font-size:13.5px;gap:6px;padding:34px 20px;text-align:center}.mall .catalog-empty .icon-xl{color:hsl(var(--muted-foreground));opacity:.6}.mall .catalog-empty strong{color:hsl(var(--foreground));font-size:14.5px;font-weight:600}.mall .nav-hero{padding:56px 16px 8px;text-align:center}.mall .nav-hero h1{font-size:30px;font-weight:700}.mall .nav-hero h1 .grad{background:linear-gradient(120deg,#ac47ff,#f53db8);-webkit-background-clip:text;background-clip:text;color:transparent}.mall .nav-hero p{color:hsl(var(--muted-foreground));font-size:14px;margin-top:10px}.mall .nav-grid{display:grid;gap:16px;grid-template-columns:1fr;margin:36px auto 0;max-width:1080px;padding:0 16px 80px}@media(min-width:720px){.mall .nav-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1080px){.mall .nav-grid{grid-template-columns:repeat(3,1fr)}}.mall .nav-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--mall-radius-lg);box-shadow:var(--mall-shadow-card);display:flex;flex-direction:column;gap:10px;padding:20px;transition:box-shadow .2s ease,border-color .2s ease}.mall .nav-card:hover{border-color:hsl(var(--primary-border));box-shadow:var(--mall-shadow-card-hover)}.mall .nav-card-head{align-items:center;display:flex;gap:10px}.mall .nav-card-icon{background:hsl(var(--primary-soft));border-radius:12px;color:hsl(var(--primary));display:grid;height:38px;place-items:center;width:38px}.mall .nav-card-title{font-size:15.5px;font-weight:600}.mall .nav-card-desc{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.65}.mall .nav-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.mall .nav-link{border:1px solid hsl(var(--border));border-radius:999px;color:hsl(var(--muted-foreground));font-size:12.5px;padding:4px 11px;transition:all .15s ease}.mall .nav-link:hover{background:hsl(var(--primary-soft));border-color:hsl(var(--primary));color:hsl(var(--primary))}.mall .nav-link.main{background:hsl(var(--primary));border-color:hsl(var(--primary));color:#fff;font-weight:600}.mall .nav-link.main:hover{filter:brightness(1.06)}.mall .detail-skeleton{display:flex;flex-direction:column;gap:26px;margin:18px auto 0;max-width:1120px;width:100%}.mall .loading-cover{align-self:start;aspect-ratio:16/10;max-width:100%;width:100%}@media(min-width:720px){.mall .loading-cover{width:280px}}.mall .loading-body{min-width:0}.mall .loading-body,.mall .skeleton-section{display:flex;flex-direction:column;gap:12px}.mall .skeleton-catalog{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:14px;overflow:hidden}.mall .loading-row{align-items:center;display:flex;gap:12px;padding:13px 16px}.mall .loading-row:not(:last-child){border-bottom:1px solid hsl(var(--border))}.mall .loading-row-icon{flex:none;height:28px;width:28px}.mall .loading-row-main{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.mall .loading-grid{display:grid;gap:14px 16px;grid-template-columns:1fr}@media(min-width:480px){.mall .loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.mall .loading-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.mall .loading-card{display:flex;flex-direction:column;gap:8px;min-width:0}.mall .loading-card-cover{aspect-ratio:16/10}.mall .content-enter{animation:mall-content-fade .25s ease-out}@keyframes mall-content-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mall .mall-auth-return-highlight{outline:2px solid hsl(var(--primary));outline-offset:3px}@media(prefers-reduced-motion:no-preference){.mall .mall-auth-return-highlight{animation:mall-auth-return-highlight-in .3s ease-out}}@keyframes mall-auth-return-highlight-in{0%{outline-color:transparent}}