#ranking[data-v-d79d74d0]{margin:0 auto;width:100%}#ranking table[data-v-d79d74d0]{border-collapse:collapse;width:100%}.score-circle[data-v-d79d74d0]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}@media (max-width:768px){#ranking .overflow-x-auto[data-v-d79d74d0]{-webkit-overflow-scrolling:touch;margin:0 -16px;overflow-x:auto}#ranking td[data-v-d79d74d0],#ranking th[data-v-d79d74d0]{font-size:14px;padding:12px 8px}#ranking .score-circle[data-v-d79d74d0]{box-shadow:0 2px 8px #0003;font-size:24px;height:48px;transition:transform .2s ease;width:48px}#ranking .score-circle[data-v-d79d74d0]:hover{transform:scale(1.1)}#ranking .rank-number[data-v-d79d74d0]{background-color:var(--bg-secondary);border-radius:4px;display:inline-block;font-size:20px;font-weight:700;min-width:28px;padding:2px 8px}#ranking .site-name[data-v-d79d74d0]{font-size:16px;font-weight:700;max-width:150px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}#ranking .site-name[data-v-d79d74d0]:hover{text-decoration:underline}#ranking button[data-v-d79d74d0]{border-radius:50%;height:40px;transition:all .2s ease;width:40px}#ranking button[data-v-d79d74d0]:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}#ranking .preview-container[data-v-d79d74d0]{border:2px solid var(--border-secondary);max-width:320px;width:100%}.score-circle.bg-green-500[data-v-d79d74d0]{background:linear-gradient(135deg,#10b981,#34d399)}.score-circle.bg-yellow-500[data-v-d79d74d0]{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.score-circle.bg-red-500[data-v-d79d74d0]{background:linear-gradient(135deg,#ef4444,#f87171)}}.container[data-v-ccb9dffa]{max-width:1200px;padding:20px 40px}.article-content[data-v-ccb9dffa] h1{font-size:1.875rem;font-weight:700;line-height:2.25rem;margin-bottom:1.5rem;margin-top:2rem}@media (min-width:768px){.article-content[data-v-ccb9dffa] h1{font-size:2.25rem;line-height:2.5rem}}.article-content[data-v-ccb9dffa] h1{color:var(--text-primary)}.article-content[data-v-ccb9dffa] h2{border-bottom-width:1px;font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:1rem;margin-top:1.5rem;padding-bottom:.5rem}@media (min-width:768px){.article-content[data-v-ccb9dffa] h2{font-size:1.875rem;line-height:2.25rem}}.article-content[data-v-ccb9dffa] h2{border-color:var(--bg-secondary);color:var(--text-primary)}.article-content[data-v-ccb9dffa] h3{font-size:1.25rem;font-weight:600;line-height:1.75rem;margin-bottom:.75rem;margin-top:1.25rem}@media (min-width:768px){.article-content[data-v-ccb9dffa] h3{font-size:1.5rem;line-height:2rem}}.article-content[data-v-ccb9dffa] h3{color:var(--text-primary)}.article-content[data-v-ccb9dffa] p{color:var(--text-light);line-height:1.625;margin-bottom:1rem}.article-content[data-v-ccb9dffa] em{color:var(--text-muted);font-style:italic}.article-content[data-v-ccb9dffa] strong{color:var(--text-primary);font-weight:600}.article-content[data-v-ccb9dffa] ul{list-style-position:inside;list-style-type:disc;margin-bottom:1rem}.article-content[data-v-ccb9dffa] ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.article-content[data-v-ccb9dffa] ul{color:var(--text-light)}.article-content[data-v-ccb9dffa] ol{list-style-position:inside;list-style-type:decimal;margin-bottom:1rem}.article-content[data-v-ccb9dffa] ol>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.article-content[data-v-ccb9dffa] ol{color:var(--text-light)}.article-content[data-v-ccb9dffa] li{line-height:1.625}.article-content[data-v-ccb9dffa] table{background-color:var(--bg-secondary);border-collapse:collapse;border-color:var(--bg-secondary);border-radius:.5rem;border-width:1px;margin-bottom:1.5rem;overflow:hidden;width:100%}.article-content[data-v-ccb9dffa] th{background-color:var(--bg-tertiary);border-bottom-width:1px;border-color:var(--bg-secondary);color:var(--text-primary);font-weight:600;padding:.75rem;text-align:left}.article-content[data-v-ccb9dffa] td{border-bottom-width:1px;border-color:var(--bg-secondary);color:var(--text-light);padding:.75rem}.article-content[data-v-ccb9dffa] blockquote{background-color:var(--bg-secondary);border-color:var(--bg-info);border-left-width:4px;color:var(--text-light);font-style:italic;margin-bottom:1rem;padding:1rem}.article-content[data-v-ccb9dffa] code{background-color:var(--bg-tertiary);border-radius:.25rem;color:var(--text-info);font-size:.875rem;line-height:1.25rem;padding:.25rem .5rem}.article-content[data-v-ccb9dffa] pre{background-color:var(--bg-tertiary);border-radius:.5rem;margin-bottom:1rem;overflow-x:auto;padding:1rem}.article-content[data-v-ccb9dffa] pre code{background-color:transparent;padding:0}.article-content[data-v-ccb9dffa] a{color:#60a5fa;text-decoration:underline;text-underline-offset:4px;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.article-content[data-v-ccb9dffa] a:hover{color:#93c5fd;text-decoration:underline}.article-content[data-v-ccb9dffa] p:last-child{margin:0}@media (max-width:768px){.article-content[data-v-ccb9dffa] h1{font-size:1.5rem;line-height:2rem}.article-content[data-v-ccb9dffa] h2{font-size:1.25rem;line-height:1.75rem}.article-content[data-v-ccb9dffa] h3{font-size:1.125rem;line-height:1.75rem}.article-content[data-v-ccb9dffa] table{font-size:.875rem;line-height:1.25rem}.article-content[data-v-ccb9dffa] td,.article-content[data-v-ccb9dffa] th{padding:.5rem}}