@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-50:#f9fafb;--color-gray-500:#6a7282;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-500:lab(47.7841% -.393182 -10.0268)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.min-h-full{min-height:100%}.w-40{width:calc(var(--spacing) * 40)}.w-60{width:calc(var(--spacing) * 60)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gray-50{background-color:var(--color-gray-50)}.bg-white{background-color:var(--color-white)}.align-top{vertical-align:top}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-gray-500{color:var(--color-gray-500)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#fff;--card:#fff;--text:#0f172a;--sub:#64748b;--primary:#2563eb;--accent:#22d3ee;--border:#e5e7eb}*{box-sizing:border-box}html{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.btn{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff;border-color:#0000}.btn-primary:hover{box-shadow:0 8px 24px #4c7df759}.btn-ghost{color:var(--text);background:0 0}.hero-section{position:relative;overflow:hidden}.hero-bg-video{object-fit:cover;z-index:0;opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.hero-split-wrap{z-index:1;padding:80px 0 0;position:relative}.stats-bar{z-index:1;padding:40px 0 80px;position:relative}.hero-grid{grid-template-columns:1fr 600px;align-items:center;gap:60px;display:grid}.hero-left{text-align:left;max-width:580px}.hero-title{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:64px;font-weight:800;line-height:1.1}.hero-title+.hero-title{margin-top:6px}.text-gradient{-webkit-text-fill-color:initial;color:#2563eb;background:0 0}.lead{color:#64748b;margin-top:24px;font-size:18px;line-height:1.6}.hero-actions{gap:16px;margin-top:32px;display:flex}.hero-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px #2563eb59}.hero-btn-ghost{color:#334155;background:#fff;border:1px solid #e2e8f0}.hero-btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.metric-row{text-align:left;gap:48px;margin-top:48px;display:flex}.metric .value{color:#2563eb;font-size:28px;font-weight:800;line-height:1}.metric span:not(.value){color:#64748b;margin-top:6px;font-size:14px;font-weight:500}.hero-card{position:relative}.img-card{object-fit:cover;border-radius:24px;width:100%;height:400px;box-shadow:0 25px 50px -12px #00000026}.img-badge{z-index:10;background:#fff;border-radius:16px;position:absolute;box-shadow:0 20px 40px #0000001f}.spotify-badge{align-items:center;gap:12px;padding:12px 16px;animation:6s ease-in-out infinite float;display:flex;top:40px;left:-30px}.brand-icon{color:#fff;background:#1db954;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.badge-title{font-size:15px;font-weight:700;line-height:1.2}.badge-sub{color:#1db954;font-size:12px;font-weight:600}.income-badge{text-align:center;padding:16px 24px;animation:6s ease-in-out 3s infinite float;bottom:40px;right:-30px}.income-amount{color:#2563eb;font-size:24px;font-weight:800;line-height:1.2}.income-label{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.key-stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-item{padding:0 12px}.stat-value{color:#2563eb;margin-bottom:8px;font-size:42px;font-weight:800;line-height:1}.stat-label{color:#0f172a;margin-bottom:4px;font-size:18px;font-weight:700}.stat-desc{color:#94a3b8;font-size:14px}@media (max-width:1024px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-left{text-align:center;margin:0 auto}.metric-row,.hero-actions{justify-content:center}.spotify-badge{left:20px}.income-badge{right:20px}.key-stats{grid-template-columns:repeat(2,1fr);gap:40px}}@media (max-width:640px){.hero-title{font-size:42px}.spotify-badge{padding:8px 12px;top:20px;left:10px}.income-badge{padding:12px 16px;bottom:20px;right:10px}.key-stats{grid-template-columns:1fr;gap:32px}}.features-section{background:#fff;padding:80px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card-new{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:flex-start;padding:32px;transition:all .2s;display:flex}.feature-card-new:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 10px 30px -10px #2563eb26}.feature-icon-wrapper{color:#2563eb;justify-content:center;align-items:center;display:flex}.feature-header-row{align-items:center;gap:16px;margin-bottom:12px;display:flex}.feature-title-new{color:#0f172a;margin:0;font-size:18px;font-weight:700}.feature-desc-new{color:#64748b;margin:0;font-size:14px;line-height:1.6}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.features-grid{grid-template-columns:1fr}.section-title-large{font-size:28px}}.global-channels-section{text-align:center;background:#fdf6f9;padding:80px 0}.global-channels-section .channel-grid-3{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.global-channels-section .channel-card{background:#fff;border-radius:16px;padding:32px 32px 10px;transition:transform .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.global-channels-section .channel-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.global-channels-section .channel-header-flex{align-items:center;gap:16px;margin-bottom:20px;display:flex}.global-channels-section .channel-icon-lg{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.global-channels-section .channel-icon-lg img{width:50px;height:50px}.global-channels-section .channel-name{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.2}.global-channels-section .channel-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.global-channels-section .channel-stats{color:#94a3b8;font-size:16px;line-height:1.6}.global-channels-section .partners-container{background:#fff;border-radius:20px;margin-bottom:48px;padding:40px}.global-channels-section .partners-title{color:#0f172a;margin:0 0 32px;font-size:20px;font-weight:700}.global-channels-section .partners-scroll-wrapper{position:relative;overflow:hidden}.global-channels-section .partners-track{gap:16px;width:max-content;animation:30s linear infinite globalChannelsScroll;display:flex}.global-channels-section .partner-card-sm{background:#f8fafc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:120px;padding:20px;display:flex}.global-channels-section .partner-icon{color:#64748b}.global-channels-section .partner-icon img{width:30px}.global-channels-section .partner-name{color:#475569;font-size:14px;font-weight:500}.global-channels-section .cta-button-large{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:12px;padding:16px 48px;font-size:18px;font-weight:600;transition:opacity .2s;box-shadow:0 4px 12px #ea580c4d}.global-channels-section .cta-button-large:hover{opacity:.9}@keyframes globalChannelsScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:1024px){.global-channels-section .channel-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.global-channels-section .channel-grid-3{grid-template-columns:1fr}}.help-container{align-items:flex-start;gap:40px;max-width:1200px;min-height:60vh;margin:0 auto;padding:40px 20px;display:flex}.help-sidebar{scrollbar-width:thin;flex-shrink:0;width:280px;max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.help-nav-item{margin-bottom:4px}.help-nav-button{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.help-nav-button:hover{color:#111827;background-color:#f3f4f6}.help-nav-button.active{color:#2563eb;background-color:#eff6ff;font-weight:500}.help-nav-content{align-items:center;gap:10px;display:flex}.nav-icon{width:18px;height:18px}.category-count{color:#6b7280;background:#f3f4f6;border-radius:12px;margin-left:4px;padding:2px 8px;font-size:12px}.expand-icon{transition:transform .2s}.rotate-90{transform:rotate(90deg)}.help-submenu{flex-direction:column;gap:2px;margin-top:4px;padding-left:40px;display:flex}.submenu-item{color:#6b7280;cursor:pointer;border-radius:6px;padding:8px 12px;font-size:14px;text-decoration:none;transition:color .2s;display:block}.submenu-item:hover{color:#111827}.submenu-item.active{color:#2563eb;background-color:#eff6ff;font-weight:500}.help-main{flex:1;min-width:0}.help-search-wrapper{width:100%;margin-bottom:20px;position:relative}.search-icon{color:#9ca3af;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.help-search-input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:all .2s}.help-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-results{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}.search-item{cursor:pointer;color:#374151;border-bottom:1px solid #f3f4f6;padding:12px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.search-item:last-child{border-bottom:none}.search-item:hover{color:#2563eb;background-color:#f9fafb}.search-no-results{color:#6b7280;text-align:center;padding:16px;font-size:14px}.article-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.article-title{color:#111827;border-bottom:1px solid #f3f4f6;margin-bottom:24px;padding-bottom:16px;font-size:24px;font-weight:700}.article-content{color:#374151;font-size:16px;line-height:1.8}.article-content p{margin-bottom:16px}.article-content .about-section{background:0 0;padding:0}.article-content .about-section:nth-child(2n){background-color:#0000}.about-section .intro-text{color:#4b5563;background:#f9fafb;border-left:4px solid #2563eb;border-radius:12px;margin-bottom:32px;padding:24px;font-size:16px}.section-title{color:#111827;margin-top:24px;margin-bottom:12px;font-size:18px;font-weight:700}.about-section .section-subtitle{color:#111827;margin-top:16px;margin-bottom:8px;font-weight:600}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:24px;display:grid}.contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s}.contact-card:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.card-title{color:#111827;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.contact-card p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.help-flow-header{margin-bottom:40px}.help-flow-subtitle{color:#6b7280;margin-top:8px;font-size:16px}.help-flow-overview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:40px;padding:20px;display:flex}.overview-step{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600}.overview-arrow{color:#9ca3af;font-weight:700}.help-flow-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px;display:grid}.help-flow-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:20px;height:100%;padding:24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.help-flow-card:hover{border-color:#2563eb;transform:translateY(-5px);box-shadow:0 12px 24px -8px #0000001a}.help-flow-icon-box{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.help-flow-number{font-family:Arial,sans-serif;font-size:20px;font-weight:800}.help-flow-content{flex:1}.help-flow-card .section-title{justify-content:flex-start;margin-top:0;margin-bottom:8px;font-size:18px}.help-flow-desc{color:#6b7280;font-size:14px;line-height:1.6}.help-flow-notice{background:#fff8f1;border:1px solid #ffedd5;border-radius:12px;margin-top:40px;padding:24px}.notice-title{color:#c2410c;margin-bottom:16px;font-size:16px;font-weight:700}.notice-list{margin:0;padding-left:20px;list-style-type:disc}.notice-list li{color:#9a3412;margin-bottom:8px;font-size:14px;line-height:1.6}.notice-list li:last-child{margin-bottom:0}.help-article-intro{color:#4b5563;background:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.help-article-intro p{margin:0}.help-article-section{margin-bottom:24px}.help-list{margin-bottom:16px;padding-left:24px;list-style-type:disc}.help-list li{color:#374151;margin-bottom:8px;line-height:1.6}.help-list strong{color:#111827;font-weight:600}.help-article-footer{color:#6b7280;margin-top:16px;font-size:14px;line-height:1.6}.help-alert-error{color:#991b1b;background:#fee2e2;border-radius:6px;margin:12px 0;padding:12px}.help-alert-success{color:#166534;background:#dcfce7;border-radius:6px;margin:12px 0;padding:12px}.help-alert-info{color:#1e40af;background:#eff6ff;border-radius:6px;margin:12px 0;padding:12px}.help-example-box{background:#f3f4f6;border-radius:6px;margin:12px 0;padding:12px}.help-code{background:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:monospace}.help-code-block{background:#f3f4f6;border-radius:4px;padding:8px;font-family:monospace;display:inline-block}.help-table-wrapper{margin-top:16px;overflow-x:auto}.help-table{border-collapse:collapse;border:1px solid #e5e7eb;width:100%;font-size:14px}.help-table th{text-align:left;background:#f9fafb;border:1px solid #e5e7eb;padding:12px}.help-table td{border:1px solid #e5e7eb;padding:12px}.help-table-list{margin:8px 0 0 16px;padding:0}.help-table-col-30{width:30%}.help-text-red{color:#dc2626}.help-text-blue{color:#2563eb}.help-text-gray{color:#6b7280}.help-text-dark{color:#111827}.help-text-small{font-size:12px}.help-text-sm{font-size:13px}.help-link{color:#2563eb;text-decoration:none}.help-link:hover{color:#1d4ed8;text-decoration:underline}.align-top{vertical-align:top}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.article-footer-nav{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:60px;padding-top:30px;display:flex}.article-footer-nav .nav-link{color:#64748b;background-color:#f8fafc;border:1px solid #0000;border-radius:8px;max-width:45%;padding:12px 16px;font-size:14px;line-height:1.5;text-decoration:none;transition:all .2s;display:block}.article-footer-nav .nav-link:hover{color:#3b82f6;background-color:#eff6ff;border-color:#dbeafe}.article-footer-nav .nav-link.prev{text-align:left}.article-footer-nav .nav-link.next{text-align:right}.article-footer-nav .nav-spacer{flex:1}@media (max-width:768px){.help-container{flex-direction:column}.help-sidebar{width:100%;max-height:none;margin-bottom:20px;position:static}.help-flow-overview{flex-direction:column;align-items:flex-start}.overview-arrow{margin-left:20px;transform:rotate(90deg)}.help-flow-grid{grid-template-columns:1fr;gap:16px}.help-flow-card{padding:20px}.article-footer-nav{flex-direction:column;gap:16px}.article-footer-nav .nav-link{width:100%;max-width:100%}.article-footer-nav .nav-link.next{text-align:left}.section{padding:40px 0}.hero-split-wrap{padding:60px 0 0}.section-header{margin-bottom:40px}.lead{padding:0 16px;font-size:1.125rem}.section-title-large{font-size:1.75rem}.stat-number{font-size:2rem}.platform-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:640px){.hero-content-center{padding:0 16px}.centered-actions{flex-direction:column;gap:12px}.centered-actions .hero-btn{box-sizing:border-box;justify-content:center;width:100%;display:flex}}.faq-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:#cbd5e1}.faq-item.open{border-color:#2563eb;box-shadow:0 4px 12px #2563eb0d}.hero-split{padding:80px 0}.hero-center-wrap{text-align:center;justify-content:center;display:flex}.hero-title{color:#0f172a;margin-bottom:16px;font-size:64px;font-weight:800;line-height:1.1}.hero-title.text-gradient{-webkit-text-fill-color:transparent;background:#2563eb;-webkit-background-clip:text;background-clip:text}.hero-lead{color:#64748b;max-width:540px;margin-top:24px;font-size:18px;line-height:1.6}.hero-actions.centered-actions{justify-content:center;gap:16px;margin-top:32px;display:flex}.hero-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.hero-btn-primary{color:#fff;background:#2563eb;box-shadow:0 10px 25px #2563eb40}.hero-btn-primary:hover{background:#1d4ed8}.hero-btn-ghost{color:#334155;background:#fff;border-color:#e2e8f0}.hero-btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1}.bg-white{background-color:#fff}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;padding:40px 0;display:grid}.stat-item{text-align:center;background:#f8fafc;border:1px solid #acc9e6;border-radius:12px;padding:24px}.stat-number{color:#2563eb;margin-bottom:8px;font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:#64748b;font-size:1rem}.section{padding:80px 0}.section-header{text-align:center;max-width:720px;margin:0 auto 60px}.section-title-large{color:#0f172a;letter-spacing:-.02em;margin:0 0 16px;font-size:36px;font-weight:800}.section-subtitle{color:#64748b;font-size:18px;line-height:1.6}.major-channels-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px;display:grid}.channel-card.large{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:24px;padding:32px;display:flex}.channel-icon-lg{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.channel-info h3{color:#0f172a;margin:0 0 8px;font-size:1.25rem;font-weight:700}.channel-info p{color:#64748b;margin:0;line-height:1.5}.bg-gray-50{background-color:#f8fafc}.category-section{margin-bottom:48px}.category-title{color:#0f172a;border-left:4px solid #2563eb;margin-bottom:24px;padding-left:16px;font-size:1.25rem;font-weight:700}.platform-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.platform-item{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:16px;font-weight:500;display:flex}.features-grid-4{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;display:grid}.feature-card-sm{text-align:center;background:#f8fafc;border:1px solid #acc9e6;border-radius:12px;flex-direction:column;align-items:center;padding:24px;display:flex}.feature-card-sm h4{color:#0f172a;margin:0 0 8px;font-size:1.125rem;font-weight:600}.feature-card-sm p{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.feature-icon{margin-bottom:16px}.channel-card{transition:all .3s}.channel-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #0000000d;border-color:#cbd5e1!important}.stat-item{transition:transform .2s}.stat-item:hover{background:#f1f5f9;transform:translateY(-4px)}.platform-item{transition:all .2s}.platform-item:hover{border-color:#94a3b8;box-shadow:0 2px 4px #0000000d}@media (max-width:1024px){.stats-grid,.features-grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.section{padding:40px 0}.hero-content-center .hero-title{font-size:2rem;line-height:1.2}.major-channels-grid{gap:16px;grid-template-columns:1fr!important}.channel-card{padding:20px}.channel-icon-lg{width:60px;height:60px}#channels.section{padding-top:60px}}@media (max-width:640px){.stats-grid,.features-grid-4{gap:16px;grid-template-columns:1fr!important}.hero-actions{flex-direction:column;gap:12px}.hero-btn{width:100%}.channel-card{text-align:center;flex-direction:column;gap:16px}.channel-info h3{justify-content:center}.feature-card-sm{padding:20px}.platform-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.lrc-editor-page{background-color:#f8fafc;min-height:100vh;padding-top:10px;padding-bottom:80px}.lrc-container{max-width:1200px;margin:0 auto;padding:0 20px}.lrc-page-desc{text-align:center;color:#64748b;margin-top:20px;margin-bottom:40px;font-size:2rem;font-weight:700}.lrc-editor-workspace{background:#fff;border-radius:16px;gap:30px;height:700px;padding:30px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.lrc-control-panel{border-right:1px solid #e2e8f0;flex-direction:column;flex:0 0 350px;gap:20px;padding-right:20px;display:flex}.lrc-upload-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border-radius:8px;padding:10px 20px;font-weight:500;display:inline-block}.lrc-file-name{color:#64748b;margin-top:8px;font-size:.9rem;display:block}.lrc-audio-player{width:100%;margin-bottom:10px}.lrc-playback-controls{flex-wrap:wrap;gap:10px;display:flex}.lrc-control-btn{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;padding:8px 16px;font-size:.9rem}.lrc-control-btn.primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.lrc-control-btn.warning{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.lrc-actions-panel{flex-direction:column;gap:10px;margin-top:auto;display:flex}.lrc-action-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;width:100%;padding:12px;font-weight:500}.lrc-action-btn.secondary{color:#475569;background:#fff;border:1px solid #cbd5e1}.lrc-help-text{color:#64748b;background:#f8fafc;border-radius:8px;margin-top:20px;padding:15px;font-size:.85rem}.lrc-help-text h3{color:#334155;margin-top:0;margin-bottom:8px;font-size:1rem}.lrc-help-text p{margin:4px 0}.lrc-lyrics-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.lrc-lyrics-header{color:#334155;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;font-weight:600;display:flex}.lrc-current-time{color:#3b82f6;font-family:monospace;font-size:1.1rem}.lrc-textarea-container{flex:1;height:100%;position:relative}.lrc-textarea{resize:none;white-space:pre;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:100%;padding:15px;font-family:monospace;font-size:16px;line-height:1.6;overflow-y:auto}.lrc-textarea:focus{box-shadow:none;border-color:#e2e8f0;outline:none}.not-found-page{text-align:center;background:#fff;justify-content:center;align-items:center;min-height:calc(100vh - 72px);padding:40px 20px;display:flex}.not-found-code{color:#2563eb;opacity:.15;margin-bottom:8px;font-size:120px;font-weight:900;line-height:1}.not-found-title{color:#0f172a;margin:0 0 12px;font-size:28px;font-weight:700}.not-found-desc{color:#64748b;max-width:420px;margin:0 auto 32px;font-size:16px;line-height:1.6}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.not-found-btn{border-radius:10px;justify-content:center;align-items:center;height:44px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.not-found-btn.primary{color:#fff;background:#2563eb}.not-found-btn.primary:hover{background:#1d4ed8;transform:translateY(-1px)}.not-found-btn.ghost{color:#334155;background:0 0;border:1px solid #e2e8f0}.not-found-btn.ghost:hover{background:#f8fafc;transform:translateY(-1px)}.about-page{background-color:#fff;min-height:100vh}.about-section{padding:100px 0}.about-section:nth-child(2n){background-color:#f8fafc}.about-section h2{color:#0f172a;text-align:center;margin-bottom:24px;font-size:2.25rem;font-weight:700}.about-section p{color:#475569;font-size:1.125rem;line-height:1.8}.contact-container{grid-template-columns:1fr 1fr;gap:30px;display:grid}.contact-cta-box{background:#f5f5f5;border-radius:10px;flex-direction:column;padding:30px;display:flex}.cta-steps{flex-direction:column;gap:16px;margin-bottom:30px;padding:0;list-style:none;display:flex}.cta-steps li{color:#334155;align-items:center;gap:12px;font-size:1.05rem;display:flex}.step-num{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;font-weight:600;display:flex}@media (max-width:900px){.contact-container{grid-template-columns:1fr}}@media (max-width:768px){.about-page{padding-top:60px}.about-section,.contact-section,.faq-section{padding:60px 0}.section-header h2{font-size:1.75rem}}.contact-section{padding:100px 0}.contact-section .section-header{text-align:center;max-width:720px;margin:0 auto 60px}.contact-section .section-header p{text-align:center;color:#666;font-size:1.125rem}.contact-info-box{padding:20px 0}.contact-info-box h3{color:#0f172a;margin-bottom:30px;font-size:1.5rem;font-weight:600}.contact-info-list{flex-direction:column;gap:24px;display:flex}.contact-info-item{color:#334155;align-items:center;gap:16px;font-size:1.1rem;display:flex}.contact-icon-box{color:#2563eb;background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact-cta-box h3{color:#0f172a;margin-bottom:12px;font-size:1.5rem;font-weight:600}.contact-cta-box p{text-align:left;font-size:1rem;line-height:1.8;color:#64748b!important;margin-bottom:30px!important}.contact-cta-box .cta-btn{margin-top:auto}.cta-btn{color:#fff;cursor:pointer;text-align:center;background:#2563eb;border:none;border-radius:12px;width:200px;height:auto;padding:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.cta-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.contact-section h2{margin-bottom:8px}.contact-section .section-subtitle{color:#64748b;text-align:center;margin-bottom:40px;font-size:1.125rem}.faq-section{background-color:#f8fafc;padding:100px 0}.faq-list{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.faq-question{background:#fff;justify-content:space-between;align-items:center;padding:24px;display:flex}.faq-question h3{color:#0f172a;text-align:left;flex:1;margin:0;padding-right:20px;font-size:1.125rem;font-weight:600}.faq-answer{background:#f8fafc;height:0;transition:height .3s;overflow:hidden}.faq-answer p{text-align:left;color:#475569;margin:0;padding:24px;font-size:1rem;line-height:1.6}.faq-subtitle{text-align:center;color:#475569;margin-bottom:40px;font-size:1.125rem}.features-section{padding:100px 0}.about-page .features-grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1400px;margin:0 auto;display:grid}.feature-card{background:#fff;border:1px solid #ddd;border-radius:12px;flex-direction:column;padding:32px 24px;display:flex}.feature-card h3{color:#1a1a1a;text-align:left;margin-bottom:16px;font-size:1.125rem;font-weight:700}.feature-card p{color:#666;text-align:left;margin:0;font-size:.875rem;line-height:1.6}@media (max-width:1200px){.about-page .features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.about-page .features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.about-page .features-grid{grid-template-columns:1fr}.faq-question h3{font-size:1rem}}.toast-notification{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;min-width:300px;padding:12px 24px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.toast-notification.success{border-left:4px solid #22c55e}.toast-notification.warning{border-left:4px solid #f59e0b}.toast-notification.error{border-left:4px solid #ef4444}.toast-icon{justify-content:center;align-items:center;display:flex}.toast-notification.success .toast-icon{color:#22c55e}.toast-notification.warning .toast-icon{color:#f59e0b}.toast-notification.error .toast-icon{color:#ef4444}.toast-message{color:#334155;font-size:14px;font-weight:500}.toast-enter-active,.toast-leave-active{transition:all .3s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,-20px)}.toast-leave-active{position:fixed;top:20px;left:50%}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.error-page h1{color:#0f172a;font-size:48px;font-weight:800}.error-page p{color:#64748b}.copyright-hero{padding:80px 0}.copyright-hero .hero-center-wrap{text-align:center;justify-content:center;display:flex}.copyright-hero .hero-content-center{flex-direction:column;align-items:center;margin:0 auto;display:flex}.copyright-hero .hero-title{color:#2563eb;margin-bottom:6px;font-size:64px;font-weight:800;line-height:1.1}.copyright-hero .hero-lead{color:#64748b;max-width:540px;margin-top:24px;font-size:18px;line-height:1.6}.copyright-hero .hero-actions.centered-actions{justify-content:center;gap:16px;margin-top:32px;display:flex}.copyright-hero .hero-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.copyright-hero .hero-btn-primary{color:#fff;background:#2563eb;box-shadow:0 10px 25px #2563eb40}.copyright-hero .hero-btn-primary:hover{background:#1d4ed8}.copyright-hero .mt-4{margin-top:1rem}.copyright-hero .text-sm{font-size:.875rem}.copyright-hero .text-gray-500{color:#64748b}.morp-features{background:#fff;padding:80px 0}.morp-features .section-header{text-align:center;margin-bottom:60px}.morp-features .section-title-large{color:#0f172a;margin-bottom:16px;font-size:36px;font-weight:800}.features-grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.morp-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.morp-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.morp-card-image{background-color:#e0e7ff;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:200px;display:flex;position:relative}.morp-card-image.green{background-color:#dcfce7}.morp-card-image.yellow{background-color:#fef9c3}.morp-card-image-label{color:#475569;font-size:12px;font-weight:600}.morp-graphic-sub{color:#64748b;font-size:10px;transform:scale(.9)}.morp-demo-card{background:#fff;border-radius:8px;width:200px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.morp-demo-card-header{background:#4f46e5;padding:8px 12px}.morp-demo-card-header span{color:#fff;font-size:10px;display:block}.morp-demo-card-body{flex-direction:column;gap:8px;padding:12px;display:flex}.morp-demo-line{background:#f1f5f9;border-radius:2px;height:4px}.morp-demo-line.w-60{width:60%}.morp-demo-line.w-40{width:40%}.morp-demo-upload{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.morp-demo-upload-bar{background:#2563eb;border-radius:2px;width:40%;height:4px}.morp-demo-upload-btn{color:#fff;background:#2563eb;border-radius:4px;padding:4px 8px;font-size:8px}.morp-card-icon-circle{background:#fff9;border:1px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:8px 0;display:flex;position:relative}.morp-card-icon-circle.ripple-ring:after{content:"";border:1px solid #10b98133;border-radius:50%;position:absolute;inset:-6px}.morp-card-icon-circle.dashed-ring:after{content:"";border:1px dashed #2563eb4d;border-radius:50%;position:absolute;inset:-6px}.morp-card-icon-circle .ripple{border:1px solid #10b9814d;border-radius:50%;position:absolute}.morp-card-icon-circle .ripple.r1{opacity:.6;inset:-12px}.morp-card-icon-circle .ripple.r2{opacity:.3;inset:-18px}.morp-card-icon-circle .orbit-dot{background:#fbbf24;border-radius:50%;width:6px;height:6px;position:absolute}.morp-card-icon-circle .orbit-dot.d1{top:0;left:50%;transform:translate(-50%,-15px)}.morp-card-icon-circle .orbit-dot.d2{bottom:10px;right:-10px}.morp-card-icon-circle .orbit-dot.d3{bottom:10px;left:-10px}.morp-card-footer{text-align:left;flex:1;padding:24px}.morp-card-footer h3{color:#2563eb;margin:0 0 12px;font-size:18px;font-weight:700}.morp-card-footer p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.stats-section{background:#f8fafc;padding:80px 0}.stats-section .section-header{text-align:center;margin-bottom:60px}.stats-section .section-title-large{color:#0f172a;margin-bottom:16px;font-size:36px;font-weight:800}.stats-section .section-subtitle{color:#64748b;font-size:18px}.info-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.info-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;padding:32px 24px;transition:all .2s;display:flex}.info-card:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 10px 30px -10px #2563eb26}.info-card .info-title{color:#2563eb;margin:0 0 16px;font-size:18px;font-weight:700}.info-card .info-desc{color:#64748b;margin:0;font-size:14px;line-height:1.6}.copyright-faq{background-color:#fff;padding:80px 0}.copyright-faq .section-header{text-align:center;margin-bottom:60px}.copyright-faq .section-title-large{color:#0f172a;margin-bottom:16px;font-size:36px;font-weight:800}.copyright-faq .section-subtitle{color:#64748b;font-size:18px}.copyright-faq .faq-list{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item.open .faq-answer{border-top:1px solid #e2e8f0;height:auto}@media (max-width:1024px){.features-grid-3,.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.features-grid-3,.info-grid{grid-template-columns:1fr}.copyright-hero .hero-title{font-size:48px}.morp-card-image{height:180px}}@media (max-width:640px){.copyright-hero .hero-actions{flex-direction:column;gap:12px}.copyright-hero .hero-btn{width:100%}.morp-card-footer{padding:20px}.morp-card-icon-circle{width:60px;height:60px}.morp-demo-card{width:160px}.info-card{padding:24px 16px}.faq-question,.faq-answer p{padding:16px}}@media (max-width:768px){.lrc-editor-page{padding-top:20px;padding-bottom:40px}.lrc-editor-workspace{flex-direction:column;height:auto;padding:20px}.lrc-control-panel{border-bottom:1px solid #e2e8f0;border-right:none;flex:auto;width:100%;margin-bottom:20px;padding-bottom:20px;padding-right:0}.lrc-lyrics-panel{min-height:400px}.lrc-page-desc{margin-bottom:20px;font-size:1.5rem}}@media (max-width:640px){.lrc-editor-workspace{padding:16px}.lrc-playback-controls{flex-direction:column;gap:8px}.lrc-control-btn{padding:8px 10px;font-size:.8rem}}@media (max-width:768px){.crop-header{padding-top:30px}.crop-header .page-title{font-size:24px}.crop-workspace .toolbar{flex-wrap:wrap;padding:0 16px}.canvas-wrapper{height:400px}.actions-panel{text-align:center;flex-direction:column;gap:16px}.actions-panel .btn-large{justify-content:center;width:100%}.placeholder-state{height:300px;margin:0 16px}}@media (max-width:640px){.toolbar .btn{flex:1;justify-content:center;min-width:0}.crop-workspace{padding:20px 0 60px}}.promo-page{box-sizing:border-box;min-height:calc(100vh - 64px);padding:40px 0}.promo-container{max-width:1200px;margin:0 auto}.promo-page .page-header{gap:40px;margin-bottom:40px;justify-content:space-between!important;align-items:center!important;display:flex!important}.promo-page .header-text{flex:1}.promo-page .page-title{margin-bottom:12px;font-size:32px;font-weight:800;display:block}.promo-page .text-gradient{-webkit-text-fill-color:transparent;background:#2563eb;-webkit-background-clip:text;background-clip:text}.promo-page .page-subtitle{color:#64748b;font-size:16px}.promo-page .contact-info{color:#64748b;margin-top:8px;font-size:16px}.promo-page .title-row{flex-wrap:wrap;align-items:baseline;gap:24px;margin-bottom:12px;display:flex}.promo-page .title-row .page-title{margin-bottom:0}.promo-page .title-tagline{margin:0}.promo-page .header-banner{flex-shrink:0;justify-content:center;display:flex}.promo-page .header-banner svg{border-radius:12px;max-width:100%;height:auto;display:block;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.promo-layout{grid-template-columns:1fr 320px;gap:32px;display:grid}.platform-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.platform-section:hover{box-shadow:0 4px 12px #0000000d}.platform-info{gap:24px;display:flex}.platform-img-wrapper{box-sizing:border-box;background:#f8fafc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;padding:20px;display:flex}.platform-img{object-fit:contain;width:100%;height:100%}.platform-details{flex:1}.platform-name{color:#0f172a;margin-top:0;margin-bottom:8px;font-size:20px;font-weight:700}.platform-desc{color:#64748b;font-size:14px;line-height:1.6}.package-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.package-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.pkg-info{flex:1}.pkg-info div{display:inline-block}.pkg-name{color:#334155;font-size:15px;font-weight:600}.pkg-sub{color:#94a3b8;margin-top:2px;margin-left:20px;font-size:12px}.pkg-price{color:#0f172a;text-align:right;width:100px;margin-right:24px;font-size:16px;font-weight:700}.qty-control{background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;display:flex;overflow:hidden}.qty-btn{color:#64748b;cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.qty-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.qty-btn:disabled{color:#cbd5e1;cursor:not-allowed}.qty-btn.btn-plus{color:#2563eb}.qty-btn.btn-plus:hover{background:#eff6ff}.qty-input{text-align:center;color:#0f172a;border:none;border-left:1px solid #f1f5f9;border-right:1px solid #f1f5f9;outline:none;width:40px;height:32px;font-size:14px;font-weight:600}.sticky-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;position:sticky;top:90px;box-shadow:0 4px 6px -1px #0000000d}.cart-title{margin:0 0 20px;font-size:18px;font-weight:700}.cart-items{margin-bottom:10px;overflow-y:auto}.cart-item{border-bottom:1px dashed #e2e8f0;margin-bottom:10px;padding-bottom:10px}.cart-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cart-item-header{justify-content:space-between;align-items:flex-start;display:flex}.cart-item-name{color:#334155;flex:1;margin-right:8px;font-size:14px;font-weight:600;line-height:1.4}.btn-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.btn-remove:hover{color:#ef4444;background:#fee2e2}.cart-item-details{color:#64748b;margin-top:4px;font-size:13px;display:flex}.cart-price{margin-right:15px;font-weight:500}.empty-cart{text-align:center;color:#94a3b8;padding:40px 0;font-size:14px}.cart-footer{border-top:2px solid #f1f5f9;margin-top:10px;padding-top:10px}.total-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.total-row .label{color:#334155;font-weight:600}.total-row .amount{color:#2563eb;font-size:24px;font-weight:800}.submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:10px;font-size:16px;font-weight:600;transition:background .2s}.submit-btn:hover{background:#1d4ed8}.submit-btn:disabled{cursor:not-allowed;background:#94a3b8}.contact-form{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.input-label{color:#334155;white-space:nowrap;flex-shrink:0;margin-bottom:0;padding-top:11px;font-size:14px;font-weight:600;display:block}.required{color:#ef4444}.input-wrapper{flex-direction:column;flex:1;display:flex}.email-input{color:#0f172a;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.email-input:focus{border-color:#2563eb}.email-input.has-error{border-color:#ef4444}.error-msg{color:#ef4444;margin-top:4px;font-size:12px;line-height:1.4}.payment-method-box{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;width:fit-content;padding:10px 16px;transition:all .2s;display:flex}.payment-method-box.selected{color:#166534;background:#f0fdf4;border-color:#09bb07}.wechat-icon{align-items:center;margin-right:8px;display:flex}.payment-text{font-size:14px;font-weight:500}.payment-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.payment-modal{background:#fff;border-radius:16px;width:90%;max-width:400px;animation:.3s ease-out modalFadeIn;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.promo-page .modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.promo-page .modal-title{color:#1e293b;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.scan-icon{color:#09bb07}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.close-btn:hover{color:#64748b;background:#f1f5f9}.promo-page .modal-content{flex-direction:column;align-items:center;padding:24px 20px;display:flex}.amount-section{text-align:center;margin-bottom:16px}.amount-display{color:#ef4444;font-size:32px;font-weight:700;line-height:1}.currency{margin-right:4px;font-size:20px}.payment-badge{color:#09bb07;border-radius:20px;align-items:center;margin-bottom:24px;padding:6px 16px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 1px 6px #0003}.wechat-icon-bg{margin-right:6px;display:flex}.qr-wrapper{background:#fff;border:2px solid #09bb07;border-radius:12px;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:24px;padding:8px;display:flex}.qr-code-img{object-fit:contain;width:100%;height:100%}.qr-loading{color:#64748b;flex-direction:column;align-items:center;font-size:14px;display:flex}.spinner{border:3px solid #e2e8f0;border-top-color:#09bb07;border-radius:50%;width:24px;height:24px;margin-bottom:8px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.payment-tips{text-align:left;background:#f8fafc;border-radius:8px;width:100%;padding:12px 16px}.tip-header{color:#334155;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.info-circle{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-right:6px;font-size:10px;font-weight:700;display:inline-flex}.tip-list{color:#64748b;margin:0;padding:0;font-size:14px;line-height:1.8;list-style:none}.tip-list li{padding-left:10px;position:relative}.tip-list li:before{content:"•";color:#cbd5e1;position:absolute;left:0}.promo-page .modal-footer{border-top:1px solid #f1f5f9;justify-content:space-between;gap:12px;padding:16px 20px;display:flex}.modal-btn{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.modal-btn.secondary{color:#64748b;background:#fff;border:1px solid #e2e8f0}.modal-btn.secondary:hover{color:#475569;background:#f8fafc;border-color:#cbd5e1}.modal-btn.primary{color:#fff;background:#09bb07;border:1px solid #09bb07}.modal-btn.primary:hover{background:#08a306;border-color:#08a306}.payment-email-display{color:#64748b;word-break:break-all;background:#f1f5f9;border-radius:4px;margin-bottom:16px;padding:8px 12px;font-size:13px}@media (max-width:900px){.promo-layout{grid-template-columns:1fr}.sticky-card{position:static}}@media (max-width:768px){.promo-page .page-header{gap:24px;flex-direction:column!important;align-items:flex-start!important}.promo-page .header-banner,.promo-page .header-banner svg{width:100%}}@media (max-width:640px){.promo-page{padding:20px 16px}.promo-page .page-title{font-size:24px}.platform-section{padding:16px}.platform-info{flex-direction:column}.platform-img-wrapper{display:none}.platform-details{width:100%}.platform-name{font-size:18px}.package-row{grid-template-columns:1fr auto;grid-template-areas:"info info""price qty";gap:12px;padding:16px;display:grid}.pkg-info{flex-direction:row;grid-area:info;justify-content:space-between;align-items:center;width:100%;margin-bottom:0;display:flex}.pkg-info .pkg-name{display:block}.pkg-info .pkg-sub{text-align:right;margin-top:0;margin-left:0;display:block}.pkg-price{text-align:left;grid-area:price;align-self:center;width:auto;margin-right:0;font-size:18px}.qty-control{grid-area:qty}.qty-btn{width:36px;height:36px;font-size:20px}.qty-input{width:44px;height:36px}.contact-form{flex-direction:column;gap:8px}.input-label{margin-bottom:4px;padding-top:0}.input-wrapper{width:100%}}.site-header{-webkit-backdrop-filter:blur(6px)saturate(180%);z-index:50;background:#fffffff2;border-bottom:1px solid #e5e7eb;width:100%;transition:transform .3s;position:sticky;top:0}.site-header nav{justify-content:space-between;align-items:center;height:72px;display:flex}.site-header .logo{width:auto;height:35px}.menu-toggle{color:#0f172a;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:none}.desktop-nav{align-items:center;gap:40px;margin-right:1rem;display:flex}.desktop-nav .nav-link{color:#64748b;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.desktop-nav .nav-link:hover,.desktop-nav .nav-link.active,.desktop-nav .nav-link.active:hover{color:#2563eb}.nav-right{align-items:center;gap:20px;display:flex}.nav-btn-ghost{cursor:pointer;color:#0f172a;background:#0000000f;border:none;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.nav-btn-ghost:hover{background:#f1f5f9;transform:translateY(-1px)}.nav-btn-primary{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb26}.nav-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-overlay{z-index:20;background:#0003;animation:.2s fadeIn;position:fixed;inset:0}.mobile-menu-content{background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:column;gap:4px;margin-top:72px;padding:24px;display:flex;box-shadow:0 20px 40px #00000014}.mobile-nav-link{color:#0f172a;border-radius:8px;align-items:center;height:48px;padding:0 16px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.mobile-nav-link.active{color:#2563eb;background:#eff6ff;font-weight:600}.mobile-menu-divider{background:#e5e7eb;height:1px;margin:12px 0}.mobile-btn-group{gap:12px;display:grid}.mobile-login-btn{color:#0f172a;background:#0000000f;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:44px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.mobile-register-btn{color:#fff;background:#2563eb;border-radius:8px;justify-content:center;align-items:center;width:100%;height:44px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #2563eb26}@media (max-width:900px){.desktop-nav,.nav-btn-ghost,.nav-btn-primary,.nav-right{display:none!important}.menu-toggle{display:inline-flex!important}}.pricing-section{text-align:center;background:#fff;padding:100px 0}.pricing-header{margin-bottom:60px}.pricing-title{color:#0f172a;margin-bottom:16px;font-size:32px;font-weight:800}.pricing-subtitle{color:#64748b;max-width:600px;margin:0 auto 24px;font-size:16px}.pricing-free-badge{background:#ecfdf5;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.pricing-free-badge span{color:#059669;font-size:14px;font-weight:600}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid}.pricing-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:32px;transition:all .2s;display:flex}.pricing-card-header{margin-bottom:24px}.pricing-card-header h3{color:#0f172a;margin-bottom:12px;font-size:24px;font-weight:700;line-height:1.2}.pricing-card-header p{color:#64748b;font-size:14px;line-height:1.6}.pricing-card-body{color:#475569;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;margin-top:auto;padding:24px;font-size:14px;line-height:1.6}.why-free-container{background:#fff;border:1px solid #f1f5f9;border-radius:20px;max-width:800px;margin:80px auto 0;padding:20px 48px;box-shadow:0 4px 6px -1px #0000000d}.why-free-container h3{color:#0f172a;margin-bottom:16px;font-size:24px;font-weight:800}.why-free-desc{color:#64748b;max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.6}.why-free-stats{justify-content:space-around;align-items:center;margin-bottom:40px;display:flex}.why-free-stat{text-align:center}.why-free-stat .stat-value{color:#2563eb;margin-bottom:8px;font-size:32px;font-weight:800;line-height:1}.why-free-stat .stat-label{color:#475569;font-size:14px;font-weight:500}.why-free-divider{color:#64748b;border-top:1px solid #f1f5f9;padding-top:24px;font-size:14px}@media (max-width:768px){.pricing-grid{padding:0 16px;grid-template-columns:1fr!important}.pricing-card{padding:24px}.why-free-container{margin-top:60px;padding:32px 24px}.why-free-stats{flex-direction:column;gap:32px}}.process-section{background-color:#f8fafc;padding:100px 0}.process-header{text-align:center;margin-bottom:60px}.process-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:16px;font-size:36px;font-weight:800}.process-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:18px}.process-steps{grid-template-columns:repeat(4,1fr);gap:32px;margin-bottom:80px;display:grid}.process-step-card{text-align:center;z-index:1;position:relative}.process-step-icon{color:#2563eb;background:#fff;border:1px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d}.process-step-card h3{color:#0f172a;margin-bottom:12px;font-size:20px;font-weight:700}.process-step-card p{color:#64748b;font-size:15px;line-height:1.6}.process-cta-container{text-align:center;background-color:#fff;border:1px solid #f1f5f9;border-radius:20px;max-width:900px;margin:0 auto;padding:30px 24px;box-shadow:0 4px 6px -1px #0000000d}.process-cta-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:12px;font-size:24px;font-weight:800}.process-cta-desc{color:#64748b;max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:16px}.process-cta-actions{justify-content:center;align-items:center;gap:16px;display:flex}.process-cta-btn{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}@media (max-width:1024px){.process-steps{gap:40px;grid-template-columns:repeat(2,1fr)!important}}@media (max-width:640px){.process-steps{gap:40px;grid-template-columns:1fr!important}.process-section{padding:60px 0}.process-cta-container{padding:40px 20px}.process-cta-title{font-size:20px}.process-cta-actions{flex-direction:column;gap:12px}.process-cta-btn{width:100%}}.footer{color:#94a3b8;background:#020617;border-top:none;margin-top:0;padding:80px 0 32px;font-size:14px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:64px;margin-bottom:64px;display:grid}.footer-brand h3{color:#fff;align-items:center;gap:10px;margin:0 0 16px;font-size:20px;font-weight:700;display:flex}.footer-desc{max-width:320px;margin-bottom:24px;line-height:1.6}.footer-col-title{color:#fff;margin:0 0 24px;font-size:16px;font-weight:700}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-link{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff}.footer-contact .contact-item{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.footer-bottom{border-top:1px solid #1e293b;flex-direction:column;gap:10px;padding-top:24px;display:flex}.footer-copyright-line{justify-content:space-between;align-items:center;display:flex}.footer-beian-line{align-items:center;gap:0;font-size:13px;display:flex}.footer-beian-line a{color:#64748b;align-items:center;gap:4px;text-decoration:none;transition:color .2s;display:inline-flex}.footer-beian-line .sep{color:#334155;margin:0 12px}.floating-actions{z-index:100;flex-direction:column;gap:16px;display:flex;position:fixed;bottom:40px;right:40px}.action-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.action-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 16px #2563eb33}.mobile-btn .qr-popup{opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:140px;padding:12px;transition:all .3s;display:flex;position:absolute;bottom:0;right:60px;transform:translate(10px);box-shadow:0 4px 20px #00000026}.mobile-btn .qr-popup img{border-radius:4px;width:100%;height:auto}.mobile-btn .qr-popup span{color:#64748b;font-size:12px;font-weight:500}.mobile-btn:hover .qr-popup,.mobile-btn.qr-visible .qr-popup{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}@media (max-width:1024px){.footer-grid{gap:40px;grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.floating-actions{bottom:24px;right:24px}}@media (max-width:640px){.footer-grid{gap:40px;grid-template-columns:1fr!important}.footer-bottom{text-align:center;flex-direction:column;gap:12px}.footer-copyright-line{flex-direction:column;gap:6px}.footer-beian-line{flex-wrap:wrap;justify-content:center}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}