.chiprank-hero[data-v-17f36017]{min-height:100vh;background:linear-gradient(135deg,var(--theme-bg) 0%,var(--theme-bg-elevated) 52%,var(--theme-surface-soft) 100%);position:relative;overflow:hidden;padding:var(--ui-space-120) 0 var(--ui-space-80)}.chiprank-hero[data-v-17f36017]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,var(--theme-accent-10) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(88,86,214,.1) 0%,transparent 50%);pointer-events:none}.chiprank-hero[data-v-17f36017]:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--theme-ink-02) 2px,var(--theme-ink-02) 4px);animation:gridMove-17f36017 20s linear infinite;pointer-events:none}@keyframes gridMove-17f36017{0%{transform:translate(0)}to{transform:translateY(100px)}}.chiprank-container[data-v-17f36017]{max-width:1400px;margin:0 auto;padding:0 var(--ui-space-32);position:relative;z-index:1}.rankings-grid[data-v-17f36017]{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--ui-space-32);margin-bottom:var(--ui-space-80);animation:fadeInUp-17f36017 1s ease-out .2s both}@media(max-width:768px){.rankings-grid[data-v-17f36017]{grid-template-columns:1fr;gap:var(--ui-space-24)}}.ranking-card[data-v-17f36017]{background:color-mix(in srgb,var(--theme-surface) 60%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--theme-ink-10);border-radius:24px;padding:var(--ui-space-40);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.ranking-card[data-v-17f36017]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .4s ease}.ranking-card[data-v-17f36017]:hover{transform:translateY(-8px);border-color:var(--theme-ink-20);box-shadow:0 20px 40px var(--theme-surface-hover),0 0 0 1px var(--theme-ink-10),inset 0 1px 0 var(--theme-ink-10)}.ranking-card[data-v-17f36017]:hover:before{opacity:1}.cpu-card[data-v-17f36017]{color:var(--theme-accent)}.cpu-card[data-v-17f36017]:hover{background:var(--theme-accent-05);box-shadow:0 20px 40px var(--theme-accent-20),0 0 0 1px var(--theme-accent-30)}.gpu-card[data-v-17f36017]{color:var(--market-negative)}.gpu-card[data-v-17f36017]:hover{background:#ff3b300d;box-shadow:0 20px 40px #ff3b3033,0 0 0 1px #ff3b304d}.card-content[data-v-17f36017]{margin-bottom:var(--ui-space-32)}.card-title[data-v-17f36017]{font-size:var(--ui-text-32);font-weight:600;margin-bottom:var(--ui-space-12);color:var(--theme-text);letter-spacing:-.01em}.card-description[data-v-17f36017]{font-size:var(--ui-text-16);color:var(--theme-text-secondary);line-height:var(--ui-line-height-body);margin-bottom:var(--ui-space-24)}.card-button[data-v-17f36017]{display:inline-flex;align-items:center;gap:var(--ui-space-12);padding:var(--ui-space-16) var(--ui-space-32);background:var(--theme-ink-05);border:1px solid var(--theme-ink-10);border-radius:12px;color:currentColor;text-decoration:none;font-weight:500;font-size:var(--ui-text-16);transition:all .3s ease;position:relative;overflow:hidden}.card-button[data-v-17f36017]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--theme-ink-10),transparent);transition:left .5s ease}.card-button[data-v-17f36017]:hover:before{left:100%}.card-button[data-v-17f36017]:hover{background:var(--theme-ink-10);border-color:currentColor;transform:translate(4px);box-shadow:0 4px 12px var(--theme-surface)}@keyframes fadeInUp-17f36017{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.chiprank-container[data-v-17f36017]{padding:0 var(--ui-space-24)}.rankings-grid[data-v-17f36017]{grid-template-columns:1fr}}@media(max-width:768px){.chiprank-hero[data-v-17f36017]{padding:100px 0 60px}.ranking-card[data-v-17f36017]{padding:var(--ui-space-32)}.card-title[data-v-17f36017]{font-size:var(--ui-text-28)}}@media(max-width:480px){.chiprank-container[data-v-17f36017]{padding:0 var(--ui-space-16)}.ranking-card[data-v-17f36017]{padding:var(--ui-space-24)}}