.seo-visual{--font-sans: "InterVariable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.seo-visual:lang(zh-Hans){--font-sans: "InterVariable", "Inter", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.seo-visual:lang(zh-Hant){--font-sans: "InterVariable", "Inter", "PingFang TC", "Noto Sans CJK TC", "Source Han Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.seo-visual:lang(ja){--font-sans: "InterVariable", "Inter", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP", "Source Han Sans JP", "Yu Gothic UI", Meiryo, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.seo-visual:lang(ko){--font-sans: "InterVariable", "Inter", "Apple SD Gothic Neo", "Noto Sans CJK KR", "Source Han Sans KR", "Malgun Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.seo-visual{--color-primary-rgb: 8 145 178;--color-primary-dark-rgb: 14 116 144;--color-primary-50-rgb: 24 37 44;--color-primary-100-rgb: 22 61 71;--color-primary-200-rgb: 21 94 117;--color-primary-300-rgb: 14 116 144;--color-primary-400-rgb: 6 182 212;--color-primary-500-rgb: 34 211 238;--color-primary-600-rgb: 103 232 249;--color-primary-700-rgb: 165 243 252;--color-primary-800-rgb: 207 250 254;--color-primary-900-rgb: 236 254 255;--color-accent-rgb: 167 139 250;--color-accent-dark-rgb: 139 92 246;--color-text-rgb: 228 228 231;--color-muted-rgb: 161 161 170;--color-axis-rgb: 113 113 122;--color-pro-bg-rgb: 251 191 36;--color-pro-border-rgb: 245 158 11;--color-pro-text-rgb: 252 211 77;--color-bg-rgb: 24 24 27;--color-card-rgb: 39 39 42;--color-border-rgb: 63 63 70;--color-tag-bg-rgb: 22 61 71;--color-tag-text-rgb: 103 232 249;--color-star-rgb: 250 204 21;--color-star-off-rgb: 82 82 91;--color-surface-1-rgb: 39 39 42;--color-surface-2-rgb: 24 24 27;--color-bg: #18181b;--color-card: #27272a;--color-primary: #0891b2;--color-primary-dark: #0e7490;--color-accent: #a78bfa;--color-text: #e4e4e7;--color-muted: #a1a1aa;--color-border: #3f3f46;--color-tag-bg: #163d47;--color-tag-text: #67e8f9;--color-star: #facc15;--color-star-off: #52525b;--color-tier-locked: #facc15;--color-tier-bronze: #10b981;--color-tier-silver: #3b82f6;--color-tier-gold: #a855f7;--color-tier-platinum: #f97316;--color-tier-diamond: #ef4444;--color-loop-marker: #facc15;--color-tier-bronze-metal: #b0703a;--color-tier-silver-metal: #8f97a3;--color-tier-gold-metal: #c99a1e;--shadow-card: 0 0 0 1px rgba(255, 255, 255, .03) inset, 0 1px 2px rgba(0, 0, 0, .3);--shadow-card-hover: 0 0 0 1px rgba(255, 255, 255, .06) inset, 0 4px 16px rgba(0, 0, 0, .45);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius: 10px;--dur-fast: .15s;--dur-base: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1)}.seo-visual{display:block;margin:28px 0 32px;width:100%;font-family:inherit;color:var(--color-text);line-height:1.5}.seo-visual figcaption{margin-top:10px;color:var(--color-muted);font-size:13.5px;line-height:1.5}.seo-visual,.seo-visual *,.seo-visual:before,.seo-visual:after,.seo-visual *:before,.seo-visual *:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--color-border)}.seo-visual svg{display:block;vertical-align:middle}.seo-visual [hidden]{display:none!important}.seo-visual button,.seo-visual input,.seo-visual select,.seo-visual textarea{font:inherit;color:inherit}.seo-visual button{background-color:transparent;background-image:none}.seo-visual code{background:transparent;border:0;border-radius:0;padding:0;font-size:inherit}.seo-visual{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1}.seo-visual .absolute{position:absolute}.seo-visual .relative{position:relative}.seo-visual .-right-1\.5{right:-.375rem}.seo-visual .-top-1\.5{top:-.375rem}.seo-visual .left-0{left:0}.seo-visual .left-0\.5{left:.125rem}.seo-visual .top-0{top:0}.seo-visual .top-0\.5{top:.125rem}.seo-visual .top-1\/2{top:50%}.seo-visual .z-20{z-index:20}.seo-visual .m-0{margin:0}.seo-visual .mx-auto{margin-left:auto;margin-right:auto}.seo-visual .-mt-2\.5{margin-top:-.625rem}.seo-visual .mb-1{margin-bottom:.25rem}.seo-visual .mb-1\.5{margin-bottom:.375rem}.seo-visual .mb-2{margin-bottom:.5rem}.seo-visual .mb-3{margin-bottom:.75rem}.seo-visual .mb-4{margin-bottom:1rem}.seo-visual .mb-5{margin-bottom:1.25rem}.seo-visual .ml-1{margin-left:.25rem}.seo-visual .ml-auto{margin-left:auto}.seo-visual .mt-0{margin-top:0}.seo-visual .mt-0\.5{margin-top:.125rem}.seo-visual .mt-1\.5{margin-top:.375rem}.seo-visual .block{display:block}.seo-visual .inline-block{display:inline-block}.seo-visual .flex{display:flex}.seo-visual .inline-flex{display:inline-flex}.seo-visual .grid{display:grid}.seo-visual .hidden{display:none}.seo-visual .h-1\.5{height:.375rem}.seo-visual .h-10{height:2.5rem}.seo-visual .h-3{height:.75rem}.seo-visual .h-5{height:1.25rem}.seo-visual .h-6{height:1.5rem}.seo-visual .h-7{height:1.75rem}.seo-visual .h-8{height:2rem}.seo-visual .h-\[3\.75rem\]{height:3.75rem}.seo-visual .h-full{height:100%}.seo-visual .min-h-\[44px\]{min-height:44px}.seo-visual .w-10{width:2.5rem}.seo-visual .w-11{width:2.75rem}.seo-visual .w-16{width:4rem}.seo-visual .w-3{width:.75rem}.seo-visual .w-5{width:1.25rem}.seo-visual .w-6{width:1.5rem}.seo-visual .w-7{width:1.75rem}.seo-visual .w-8{width:2rem}.seo-visual .w-\[4\.25rem\]{width:4.25rem}.seo-visual .w-full{width:100%}.seo-visual .min-w-0{min-width:0px}.seo-visual .min-w-\[5rem\]{min-width:5rem}.seo-visual .max-w-3xl{max-width:48rem}.seo-visual .flex-1{flex:1 1 0%}.seo-visual .shrink-0{flex-shrink:0}.seo-visual .-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.seo-visual .cursor-default{cursor:default}.seo-visual .appearance-none{appearance:none}.seo-visual .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-visual .flex-col{flex-direction:column}.seo-visual .flex-wrap{flex-wrap:wrap}.seo-visual .items-start{align-items:flex-start}.seo-visual .items-center{align-items:center}.seo-visual .justify-center{justify-content:center}.seo-visual .justify-between{justify-content:space-between}.seo-visual .gap-0\.5{gap:.125rem}.seo-visual .gap-1{gap:.25rem}.seo-visual .gap-1\.5{gap:.375rem}.seo-visual .gap-2{gap:.5rem}.seo-visual .gap-3{gap:.75rem}.seo-visual .gap-x-4{column-gap:1rem}.seo-visual .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.seo-visual .overflow-hidden{overflow:hidden}.seo-visual .rounded-\[7px\]{border-radius:7px}.seo-visual .rounded-full{border-radius:9999px}.seo-visual .rounded-lg{border-radius:.5rem}.seo-visual .rounded-md{border-radius:.375rem}.seo-visual .rounded-pill{border-radius:9999px}.seo-visual .rounded-xl{border-radius:.75rem}.seo-visual .border{border-width:1px}.seo-visual .border-0{border-width:0px}.seo-visual .border-2{border-width:2px}.seo-visual .border-t{border-top-width:1px}.seo-visual .border-dashed{border-style:dashed}.seo-visual .border-bg{--tw-border-opacity: 1;border-color:rgb(var(--color-bg-rgb) / var(--tw-border-opacity, 1))}.seo-visual .border-border{--tw-border-opacity: 1;border-color:rgb(var(--color-border-rgb) / var(--tw-border-opacity, 1))}.seo-visual .border-card{--tw-border-opacity: 1;border-color:rgb(var(--color-card-rgb) / var(--tw-border-opacity, 1))}.seo-visual .border-primary{--tw-border-opacity: 1;border-color:rgb(var(--color-primary-rgb) / var(--tw-border-opacity, 1))}.seo-visual .bg-border{--tw-bg-opacity: 1;background-color:rgb(var(--color-border-rgb) / var(--tw-bg-opacity, 1))}.seo-visual .bg-card{--tw-bg-opacity: 1;background-color:rgb(var(--color-card-rgb) / var(--tw-bg-opacity, 1))}.seo-visual .bg-primary{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-rgb) / var(--tw-bg-opacity, 1))}.seo-visual .bg-primary\/40{background-color:rgb(var(--color-primary-rgb) / .4)}.seo-visual .bg-primary\/80{background-color:rgb(var(--color-primary-rgb) / .8)}.seo-visual .bg-surface-2{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-2-rgb) / var(--tw-bg-opacity, 1))}.seo-visual .bg-transparent{background-color:transparent}.seo-visual .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.seo-visual .p-0{padding:0}.seo-visual .p-0\.5{padding:.125rem}.seo-visual .p-3{padding:.75rem}.seo-visual .p-4{padding:1rem}.seo-visual .px-1{padding-left:.25rem;padding-right:.25rem}.seo-visual .px-1\.5{padding-left:.375rem;padding-right:.375rem}.seo-visual .px-2{padding-left:.5rem;padding-right:.5rem}.seo-visual .px-3{padding-left:.75rem;padding-right:.75rem}.seo-visual .px-5{padding-left:1.25rem;padding-right:1.25rem}.seo-visual .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.seo-visual .py-1{padding-top:.25rem;padding-bottom:.25rem}.seo-visual .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.seo-visual .py-2{padding-top:.5rem;padding-bottom:.5rem}.seo-visual .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.seo-visual .py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.seo-visual .pt-3{padding-top:.75rem}.seo-visual .text-left{text-align:left}.seo-visual .text-center{text-align:center}.seo-visual .align-middle{vertical-align:middle}.seo-visual .text-2xl{font-size:1.5rem;line-height:2rem}.seo-visual .text-\[10px\]{font-size:10px}.seo-visual .text-\[11px\]{font-size:11px}.seo-visual .text-base{font-size:1rem;line-height:1.5rem}.seo-visual .text-lg{font-size:1.125rem;line-height:1.75rem}.seo-visual .text-sm{font-size:.875rem;line-height:1.25rem}.seo-visual .text-xs{font-size:.75rem;line-height:1rem}.seo-visual .font-medium{font-weight:500}.seo-visual .font-semibold{font-weight:600}.seo-visual .uppercase{text-transform:uppercase}.seo-visual .tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.seo-visual .leading-\[1\.1rem\]{line-height:1.1rem}.seo-visual .tracking-widest{letter-spacing:.1em}.seo-visual .text-muted{--tw-text-opacity: 1;color:rgb(var(--color-muted-rgb) / var(--tw-text-opacity, 1))}.seo-visual .text-primary{--tw-text-opacity: 1;color:rgb(var(--color-primary-rgb) / var(--tw-text-opacity, 1))}.seo-visual .text-text{--tw-text-opacity: 1;color:rgb(var(--color-text-rgb) / var(--tw-text-opacity, 1))}.seo-visual .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.seo-visual .shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.seo-visual .shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.seo-visual .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.seo-visual .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.seo-visual .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (hover: hover) and (pointer: fine){.seo-visual .hover\:text-text:hover{--tw-text-opacity: 1;color:rgb(var(--color-text-rgb) / var(--tw-text-opacity, 1))}}@media (min-width: 640px){.seo-visual .sm\:grid{display:grid}.seo-visual .sm\:min-h-0{min-height:0px}.seo-visual .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-visual .sm\:gap-x-6{column-gap:1.5rem}.seo-visual .sm\:p-5{padding:1.25rem}}.seo-visual [data-qj-showcase] button{font:inherit}.seo-visual [data-qj-style],.seo-visual [data-qj-mode],.seo-visual [data-qj-more-styles],.seo-visual [data-qj-surprise],.seo-visual [data-qj-bpm-down],.seo-visual [data-qj-bpm-up],.seo-visual [data-qj-auto-toggle]{cursor:pointer}.seo-visual [data-qj-style][data-qj-selected]{border-color:rgb(var(--color-primary-rgb));background:rgb(var(--color-primary-rgb) / .1)}.seo-visual [data-qj-mode][data-qj-selected]{background:rgb(var(--color-primary-rgb));color:#fff}.seo-visual [data-qj-bar]:before{content:attr(data-qj-symbol);display:block;color:var(--color-text);font-size:1rem;font-weight:600;line-height:1.5rem}.seo-visual [data-qj-bar]:after{content:attr(data-qj-roman);display:block;color:rgb(var(--color-primary-rgb));font-size:.6875rem;line-height:.75rem}.seo-visual [data-qj-bar][data-qj-selected]{border-color:rgb(var(--color-primary-rgb));background:rgb(var(--color-primary-rgb) / .1)}.seo-visual [data-qj-bar][data-qj-audible]{box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .55),var(--shadow-card);transform:scale(1.07);z-index:1}.seo-visual [data-qj-auto-toggle][data-qj-on]{background:rgb(var(--color-primary-rgb))}.seo-visual [data-qj-auto-toggle][data-qj-on]>span{transform:translate(1.25rem)}.seo-visual [data-qj-step-readout]:before{content:"+" attr(data-qj-value)}.seo-visual [data-qj-number-readout]:before{content:attr(data-qj-value)}@media (prefers-reduced-motion: reduce){.seo-visual [data-qj-bar],.seo-visual [data-qj-auto-toggle]>span{transition:none!important}.seo-visual [data-qj-bar][data-qj-audible]{box-shadow:none;transform:none}}.seo-visual [data-qj-showcase] :disabled{cursor:default}