.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 .inset-0{inset:0}.seo-visual .bottom-0{bottom:0}.seo-visual .left-0{left:0}.seo-visual .left-2{left:.5rem}.seo-visual .right-0{right:0}.seo-visual .right-0\.5{right:.125rem}.seo-visual .top-0\.5{top:.125rem}.seo-visual .top-2{top:.5rem}.seo-visual .z-\[2\]{z-index:2}.seo-visual .z-\[3\]{z-index:3}.seo-visual .m-0{margin:0}.seo-visual .-mt-1{margin-top:-.25rem}.seo-visual .mt-auto{margin-top:auto}.seo-visual .line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.seo-visual .block{display:block}.seo-visual .flex{display:flex}.seo-visual .inline-flex{display:inline-flex}.seo-visual .aspect-video{aspect-ratio:16 / 9}.seo-visual .h-6{height:1.5rem}.seo-visual .h-\[3px\]{height:3px}.seo-visual .h-full{height:100%}.seo-visual .w-3\/4{width:75%}.seo-visual .w-6{width:1.5rem}.seo-visual .w-full{width:100%}.seo-visual .min-w-0{min-width:0px}.seo-visual .flex-1{flex:1 1 0%}.seo-visual .shrink-0{flex-shrink:0}.seo-visual .cursor-text{cursor:text}.seo-visual .flex-col{flex-direction:column}.seo-visual .flex-wrap{flex-wrap:wrap}.seo-visual .items-center{align-items:center}.seo-visual .items-stretch{align-items:stretch}.seo-visual .justify-between{justify-content:space-between}.seo-visual .gap-1{gap:.25rem}.seo-visual .gap-1\.5{gap:.375rem}.seo-visual .gap-2{gap:.5rem}.seo-visual .overflow-hidden{overflow:hidden}.seo-visual .rounded-2xl{border-radius:1rem}.seo-visual .rounded-md{border-radius:.375rem}.seo-visual .rounded-pill{border-radius:9999px}.seo-visual .border{border-width:1px}.seo-visual .border-l-\[3px\]{border-left-width:3px}.seo-visual .border-accent{--tw-border-opacity: 1;border-color:rgb(var(--color-accent-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 .bg-accent{--tw-bg-opacity: 1;background-color:rgb(var(--color-accent-rgb) / var(--tw-bg-opacity, 1))}.seo-visual .bg-accent\/90{background-color:rgb(var(--color-accent-rgb) / .9)}.seo-visual .bg-accent\/\[0\.08\]{background-color:rgb(var(--color-accent-rgb) / .08)}.seo-visual .bg-bg{--tw-bg-opacity: 1;background-color:rgb(var(--color-bg-rgb) / var(--tw-bg-opacity, 1))}.seo-visual .bg-black\/40{background-color:#0006}.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-tag-bg{--tw-bg-opacity: 1;background-color:rgb(var(--color-tag-bg-rgb) / var(--tw-bg-opacity, 1))}.seo-visual .object-cover{object-fit:cover}.seo-visual .px-0\.5{padding-left:.125rem;padding-right:.125rem}.seo-visual .px-2{padding-left:.5rem;padding-right:.5rem}.seo-visual .px-2\.5{padding-left:.625rem;padding-right:.625rem}.seo-visual .px-3\.5{padding-left:.875rem;padding-right:.875rem}.seo-visual .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.seo-visual .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.seo-visual .py-2{padding-top:.5rem;padding-bottom:.5rem}.seo-visual .py-3{padding-top:.75rem;padding-bottom:.75rem}.seo-visual .pr-6{padding-right:1.5rem}.seo-visual .text-\[10px\]{font-size:10px}.seo-visual .text-\[11px\]{font-size:11px}.seo-visual .text-\[13px\]{font-size:13px}.seo-visual .text-base{font-size:1rem;line-height:1.5rem}.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-none{line-height:1}.seo-visual .leading-snug{line-height:1.375}.seo-visual .tracking-wider{letter-spacing:.05em}.seo-visual .text-muted{--tw-text-opacity: 1;color:rgb(var(--color-muted-rgb) / var(--tw-text-opacity, 1))}.seo-visual .text-star{--tw-text-opacity: 1;color:rgb(var(--color-star-rgb) / var(--tw-text-opacity, 1))}.seo-visual .text-star-off{--tw-text-opacity: 1;color:rgb(var(--color-star-off-rgb) / var(--tw-text-opacity, 1))}.seo-visual .text-tag-text{--tw-text-opacity: 1;color:rgb(var(--color-tag-text-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 .opacity-0{opacity:0}.seo-visual .shadow-card{--tw-shadow: var(--shadow-card);--tw-shadow-colored: var(--shadow-card);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 .shadow-card{--tw-shadow-color: rgb(var(--color-card-rgb) / 1);--tw-shadow: var(--tw-shadow-colored) }.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-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (hover: hover) and (pointer: fine){.seo-visual .hover\:bg-primary-dark:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-dark-rgb) / var(--tw-bg-opacity, 1))}.seo-visual .hover\:\!opacity-100:hover{opacity:1!important}}.seo-visual .focus-visible\:opacity-100:focus-visible{opacity:1}@media (hover: hover) and (pointer: fine){.seo-visual .group:hover .group-hover\:opacity-75{opacity:.75}}@media (min-width: 640px){.seo-visual .sm\:text-\[15px\]{font-size:15px}.seo-visual .sm\:text-sm{font-size:.875rem;line-height:1.25rem}}.seo-visual[data-seo-demo=video-note-card]{max-width:27rem;margin-inline:auto}