#app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--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;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--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;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-5{height:1.25rem}.max-h-\[85vh\]{max-height:85vh}.w-16{width:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[12rem\]{min-width:12rem}.min-w-\[14rem\]{min-width:14rem}.max-w-2xl{max-width:42rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{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))}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.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))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-ios{border-radius:18px}.rounded-ios-sm{border-radius:12px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-primary{--tw-border-opacity: 1;border-color:rgb(0 122 255 / var(--tw-border-opacity))}.border-primary\/30{border-color:#007aff4d}.bg-black\/40{background-color:#0006}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(0 122 255 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity))}.text-danger{--tw-text-opacity: 1;color:rgb(255 59 48 / var(--tw-text-opacity))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-gray-light{--tw-text-opacity: 1;color:rgb(142 142 147 / var(--tw-text-opacity))}.text-primary{--tw-text-opacity: 1;color:rgb(0 122 255 / var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}.ios-input{border-radius:12px;border-width:1px;border-color:#8e8e934d;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem 1rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.ios-input:focus{--tw-border-opacity: 1;border-color:rgb(0 122 255 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.ios-button{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:12px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem 1.5rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.ios-button.bg-primary{background-color:#007aff}.ios-button.bg-gray-200{background-color:#e5e7eb}.ios-button.bg-gradient-to-r{background-color:transparent}.ios-card{border-radius:18px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1.5rem;--tw-shadow: 0 4px 30px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 4px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.ios-card:hover{--tw-shadow: 0 4px 30px rgba(0, 0, 0, .15);--tw-shadow-colored: 0 4px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:border-primary:hover{--tw-border-opacity: 1;border-color:rgb(0 122 255 / var(--tw-border-opacity))}.hover\:bg-primary\/5:hover{background-color:#007aff0d}.hover\:text-primary:hover{--tw-text-opacity: 1;color:rgb(0 122 255 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.focus\:ring-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 122 255 / var(--tw-ring-opacity))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:hover\:border-gray-200:hover:disabled{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.disabled\:hover\:text-gray-700:hover:disabled{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}:root{--primary-color: #667eea;--primary-dark: #5a6fd8;--primary-light: #8394f0;--secondary-color: #764ba2;--accent-color: #f093fb;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-accent: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #1d1d1f;--text-secondary: #666666;--text-light: #a1a1a6;--text-white: #ffffff;--bg-white: #ffffff;--bg-light: #f5f5f7;--bg-dark: #1d1d1f;--bg-card: #f8f9fa;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .2);--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 20px;--border-radius-xl: 24px;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--spacing-3xl: 96px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1300px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--spacing-md)}.section-container{width:100%;max-width:min(100%,var(--breakpoint-2xl));margin:0 auto;padding:var(--spacing-3xl) clamp(var(--spacing-md),4vw,var(--spacing-xl));box-sizing:border-box}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title{font-size:clamp(var(--font-size-3xl),4vw,var(--font-size-5xl));font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);position:relative}.section-title .subtitle{display:block;color:var(--primary-color);font-size:.8em;margin-top:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-md) var(--spacing-xl);font-size:1.25rem;font-weight:var(--font-weight-semibold);text-decoration:none;border:none;border-radius:var(--border-radius-xl);cursor:pointer;transition:all var(--transition-base);overflow:hidden;min-height:20px}.btn-primary{background:#69CF87;color:var(--text-white);box-shadow:0 4px 12px #69cf874d;border-radius:25px;font-weight:600;padding:12px 24px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #69cf8766;background:#5bbf7a}.btn-secondary{background:rgba(102,126,234,.1);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--text-white)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--text-white)}.btn-large{padding:12px 32px!important;font-size:1.2rem!important;font-weight:600!important;min-height:auto!important;height:auto!important;margin-left:0!important;border-radius:25px!important;background:#69CF87!important;color:#fff!important;box-shadow:0 4px 12px #69cf874d!important}.btn-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.3);transform:scale(0);animation:ripple .6s ease-out;pointer-events:none}@keyframes ripple{to{transform:scale(2);opacity:0}}.top-banner{position:fixed;top:60px;left:0;right:0;background:#69CF87;color:var(--text-white);font-size:var(--font-size-sm);z-index:1000;height:38px;display:flex;align-items:center}.banner-content{max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;width:100%}.banner-link{color:var(--primary-light);text-decoration:none;margin-left:var(--spacing-lg);transition:color var(--transition-fast)}.banner-link:hover{color:var(--text-white)}.navbar{position:fixed;top:0;left:0;right:0;background:white;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);z-index:1001;transition:all var(--transition-base);transform:translateY(0)}.navbar.scrolled{background:rgba(255,255,255,.95);box-shadow:var(--shadow-sm)}.nav-container{max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;height:60px}.nav-brand a{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit}.nav-brand a:hover{text-decoration:none}.brand-logo{height:32px;width:auto;-o-object-fit:contain;object-fit:contain}.nav-brand h1,.nav-brand .brand-title{display:inline-block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:#0066CC;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.nav-menu{display:flex;gap:var(--spacing-xl);align-items:center}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);position:relative;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:-5px;inset-inline-start:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.nav-link:hover:after,.nav-link.active:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);gap:3px;position:relative;z-index:1002;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-menu-toggle span{width:24px;height:2px;background:var(--text-primary);transition:all var(--transition-fast);transform-origin:center}.hero{padding:calc(98px + var(--spacing-2xl)) 0 var(--spacing-2xl);overflow:hidden;position:relative;background:linear-gradient(180deg,#E8F1FF 0%,#F5F9FF 45%,#ffffff 100%)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.1) 0%,transparent 50%)}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:800px;margin:0 auto}.hero-title{font-size:60px;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md);text-shadow:0 2px 4px rgba(0,0,0,.06);color:var(--text-primary);text-align:center}.hero-title .highlight{background:linear-gradient(90deg,#007AFF 0%,#34C759 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{color:var(--text-primary);font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-md);text-align:center;max-width:640px;margin-left:auto;margin-right:auto}.hero-subtitle{font-size:clamp(var(--font-size-lg),2vw,var(--font-size-xl));font-weight:var(--font-weight-light);opacity:.9;line-height:1.6;margin-bottom:var(--spacing-2xl)}.hero-actions{margin-bottom:var(--spacing-lg);display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}.hero-tags{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.hero-tag{background:rgba(0,122,255,.08);color:#007aff;font-size:14px;font-weight:600;padding:6px 14px;border-radius:999px;border:1px solid rgba(0,122,255,.16);white-space:nowrap}.btn-hero-secondary{background:rgba(255,255,255,.85);color:#007aff;border:1.5px solid rgba(0,122,255,.35);border-radius:25px;padding:12px 28px;font-size:1.15rem;font-weight:600}.btn-hero-secondary:hover{background:#007AFF;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #007aff4d}.hero-note{font-size:var(--font-size-base);opacity:.8;font-weight:var(--font-weight-medium)}.hero-coins{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:var(--spacing-md)}.hero-coins span{font-size:13px;font-weight:700;letter-spacing:.03em;color:var(--primary-color);background:rgba(0,122,255,.08);border:1px solid rgba(0,122,255,.16);border-radius:999px;padding:5px 12px}.hero-coins .coin-top{background:linear-gradient(90deg,#007AFF 0%,#34C759 100%);color:#fff;border-color:transparent;box-shadow:0 2px 10px #007aff4d}.hero-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.floating-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2{width:60px;height:60px;top:60%;right:15%;animation-delay:2s}.shape-3{width:100px;height:100px;bottom:20%;left:80%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.dynamic-bg{width:55vw;height:35vw;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 50%,#a951ff 100%);border-radius:30px;background-size:400% 400%;animation:gradientMove 15s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.features{background:var(--bg-light);position:relative}.features-grid{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.top-cards{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-sm)}.top-cards .feature-card{height:280px}.bottom-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm)}.bottom-cards .feature-card{height:200px}.feature-card{background:var(--bg-white);border-radius:16px;padding:var(--spacing-xl);box-shadow:0 4px 20px #00000014;transition:all var(--transition-base);border:1px solid rgba(105,207,135,.1);display:flex;flex-direction:column;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.card-icon{font-size:2rem;display:block;position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1}.card-content{padding-right:2rem;flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;padding-top:.5rem}.card-title{font-size:1rem;font-weight:600;color:#6b7280;margin-bottom:.75rem;margin-top:0;text-align:left}.card-main-text{font-size:1.4rem;font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:.5rem;margin-top:0;text-align:left}.card-secondary-text{font-size:1.25rem;font-weight:400;color:#1f2937;line-height:1.2;margin-bottom:.75rem;margin-top:0}.card-subtitle{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.feature-list{list-style:none;padding:1rem 0;margin:0;text-align:left}.feature-list li{position:relative;padding:.25rem 0 .25rem 1.25rem;color:#374151;font-size:.9rem;font-weight:400;margin:0;text-align:left}.feature-list li:before{content:"";position:absolute;left:0;top:.5em;width:15px;height:15px;background:#69CF87;border-radius:50%}.earnings-display{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.earning-item{display:flex;align-items:center;gap:.25rem;padding:.125rem 0}.earning-bar{flex:1;height:8px;background:#10b981;border-radius:4px;margin:0 .25rem;min-width:150px}.day{font-weight:500;color:#6b7280;font-size:.75rem;min-width:1.5rem;text-align:left}.amount{font-size:.75rem;font-weight:600;color:#1f2937;min-width:2rem;text-align:right}.software-features{margin-top:var(--spacing-lg)}.software-feature{margin-bottom:var(--spacing-lg)}.software-feature:last-child{margin-bottom:0}.feature-label{display:block;font-weight:var(--font-weight-semibold);color:var(--primary-color);margin-bottom:var(--spacing-xs)}.software-feature p{color:var(--text-secondary);margin:0}.stories{background:var(--bg-white)}.stories-grid{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);flex-wrap:nowrap;align-items:flex-start}.story-card{background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible;transition:all var(--transition-base);display:flex;flex-direction:column}.story-card:hover{transform:none;box-shadow:none}.story-image{width:500px;height:500px;overflow:hidden;border-radius:var(--border-radius-sm)}.story-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-sm)}.story-content{padding:var(--spacing-md) 0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.story-title{font-size:2.3rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;max-width:500px}.story-date{font-size:1.2rem;color:var(--text-secondary);font-weight:500;max-width:500px}.story-quote{font-size:var(--font-size-lg);font-style:italic;color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.6;position:relative}.story-quote:before{content:'"';font-size:2em;color:var(--primary-color);position:absolute;top:-10px;left:-15px}.story-meta{border-top:1px solid rgba(0,0,0,.1);padding-top:var(--spacing-md)}.story-date{color:var(--primary-color);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.story-description{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.mission{background:var(--bg-white);color:var(--text-primary);text-align:center}.mission .section-title{color:var(--text-primary)}.mission-carousel{position:relative;margin-top:var(--spacing-2xl)}.carousel-container{position:relative;overflow:hidden;border-radius:0;margin-bottom:var(--spacing-xl);height:600px;width:100%;border:none;background:transparent;box-shadow:none}.carousel-track{display:flex;transition:transform .5s ease-in-out;height:100%;gap:0;padding:0;align-items:center;width:100%}.carousel-slide{width:100%;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease-in-out;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #0000001a;background:transparent;transform:none;overflow:hidden;height:100%}.carousel-slide.active{opacity:1;transform:none}.slide-image{position:relative;width:100%;height:100%;z-index:1;display:block}.slide-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--border-radius-lg);display:block;max-width:100%;max-height:100%}.slide-content{position:relative;z-index:2;text-align:center;background:transparent;padding:var(--spacing-lg);border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.slide-content h3{font-size:2rem;font-weight:var(--font-weight-semibold);color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.8);line-height:1.4}.carousel-controls{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg)}.carousel-nav-buttons{display:flex;gap:var(--spacing-md);align-items:center}.carousel-btn{background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.1);border-radius:50%;width:48px;height:48px;color:#374151;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-btn:hover{background:rgba(255,255,255,1);color:var(--primary-color);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #0003}.carousel-btn svg{width:20px;height:20px;stroke:#374151}.carousel-btn.prev-btn{left:20px}.carousel-btn.next-btn{right:20px}.mission-cta{margin-top:var(--spacing-xl)}.changelog{background:var(--bg-light)}.changelog-card{background:var(--bg-white);border-radius:16px;padding:var(--spacing-xl);box-shadow:0 6px 24px #00000014;border:1px solid rgba(105,207,135,.12);max-width:920px;margin:0 auto}.changelog-subtitle{margin:0;color:var(--text-secondary);font-size:1rem}.changelog-content{margin:0;white-space:pre-wrap;font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.95rem;color:var(--text-primary);line-height:1.7}.changelog-state{text-align:center;color:var(--text-secondary);font-size:1rem}.community{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 50%,#f8fafc 100%);position:relative;padding:var(--spacing-2xl) 0}.community-card{background:rgba(255,255,255,.95);border-radius:var(--border-radius-xl);box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:var(--spacing-xl);margin:var(--spacing-lg) 0;position:relative;overflow:hidden}.community-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#69CF87 0%,#4facfe 50%,#f093fb 100%)}.community-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(105,207,135,.1) 0%,transparent 70%);border-radius:50%;z-index:0}.community-content{display:flex;align-items:center;gap:var(--spacing-2xl);min-height:500px;position:relative;z-index:1}.community-left{flex:1;max-width:400px}.community-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-xl);color:#1e293b}.community-subtitle{color:#64748b;font-weight:500}.community-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;background:#69CF87;color:#fff;border-radius:var(--border-radius-lg);text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #69cf874d}.community-btn:hover{background:#5bbf7a;transform:translateY(-2px);box-shadow:0 6px 16px #69cf8766}.download-icon{width:20px;height:20px}.community-right{flex:1;position:relative}.users-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;max-width:800px;margin:0 auto;position:relative;height:400px;overflow:hidden;background:rgba(255,255,255,.1);border-radius:8px;padding:8px}.user-column{display:flex;flex-direction:column;gap:8px;overflow:hidden;height:100%;position:relative;min-width:60px}.user-column:nth-child(1){animation:scrollUp 6s linear infinite}.user-column:nth-child(3){animation:scrollUp 8s linear infinite}.user-column:nth-child(5){animation:scrollUp 10s linear infinite}.user-column:nth-child(7){animation:scrollUp 7s linear infinite}.user-column:nth-child(2){animation:scrollDown 9s linear infinite}.user-column:nth-child(4){animation:scrollDown 11s linear infinite}.user-column:nth-child(6){animation:scrollDown 12s linear infinite}.user-column:nth-child(8){animation:scrollDown 13s linear infinite}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(0)}to{transform:translateY(50%)}}.user-column:hover{animation-play-state:paused}.user-avatar{width:50px;height:50px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #00000026;transition:all .3s ease;opacity:1!important;transform:scale(1)!important;position:relative;overflow:hidden;margin:4px;flex-shrink:0;min-width:50px;min-height:50px}.user-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.user-avatar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.user-avatar:hover{transform:scale(1.05) translateY(-4px);box-shadow:0 8px 20px #0003}.user-avatar:hover:before{transform:translate(100%)}@media (max-width: 768px){.community-card{padding:var(--spacing-xl);margin:var(--spacing-md) 0}.community-content{flex-direction:column;gap:var(--spacing-xl);text-align:center;min-height:auto}.community-left{max-width:100%}.community-title{font-size:2.5rem}.users-grid{grid-template-columns:repeat(6,1fr);max-width:500px;height:350px}.user-avatar{width:45px;height:45px;font-size:.9rem}.user-avatar img{width:100%;height:100%}}@media (max-width: 480px){.community-card{padding:var(--spacing-lg);margin:var(--spacing-sm) 0}.users-grid{grid-template-columns:repeat(5,1fr);max-width:400px;height:300px}.user-avatar{width:40px;height:40px;font-size:.8rem}.user-avatar img{width:100%;height:100%}}@keyframes userFadeIn{to{opacity:1;transform:scale(1)}}.faq{background:var(--bg-white);padding:var(--spacing-3xl) 0}.faq-list{max-width:800px;margin:var(--spacing-2xl) auto 0}.faq-item{border-bottom:1px solid #eee;padding:var(--spacing-lg) 0}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:var(--spacing-md) 0;transition:all .3s ease}.faq-question:hover{color:var(--text-primary)}.faq-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);flex:1}.faq-icon{font-size:1.5rem;color:#ccc;font-weight:300;transition:all .3s ease;margin-left:var(--spacing-md)}.faq-item.active .faq-icon{color:var(--text-primary)}.faq-answer{padding:0 0 var(--spacing-md) 0;animation:fadeIn .3s ease}.faq-answer p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:var(--font-size-base)}.faq-actions{text-align:center;margin-top:var(--spacing-3xl)}.faq-link{color:#69cf87;text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);transition:color .3s ease}.faq-link:hover{color:#5bbf7a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guide{background:var(--bg-light)}.guide-desc{margin:0;color:var(--text-secondary);font-size:1rem}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(320px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.guide-card{background:var(--bg-white);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid rgba(0,0,0,.05)}.guide-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.guide-icon{font-size:2.5rem;margin-bottom:var(--spacing-lg)}.guide-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.guide-subtitle{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.guide-steps{list-style:none;padding:0;margin:0}.guide-steps li{padding:var(--spacing-sm) 0;position:relative;padding-left:var(--spacing-lg);color:var(--text-secondary)}.guide-steps li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.guide-actions{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-2xl);flex-wrap:wrap}.btn-online-status{background:#eef2ff;border:2px solid #667eea;color:#3446c7;box-shadow:0 8px 20px #667eea33}.btn-online-status:hover{background:#667eea;color:var(--text-white);border-color:#667eea;transform:translateY(-2px);box-shadow:0 12px 26px #667eea52}.seo-landing{--primary-color: #007AFF;--primary-dark: #0062cc;--primary-light: #148CFA}.seo-landing.app-shell .shell-navbar{z-index:200}.seo-landing .nav-link-btn{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}.seo-landing .nav-auth{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.seo-landing .nav-auth .user-email{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;color:var(--text-primary)}.seo-landing .nav-auth .btn-logout{padding:.35rem .85rem;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.8125rem;cursor:pointer}.seo-landing.app-shell,.seo-landing .shell-body{min-height:100vh}.seo-landing .internal-home{min-height:100vh;display:flex;align-items:stretch;justify-content:stretch;background:#f4f6f9;padding:0}.seo-landing.console-shell{display:flex;height:100vh;overflow:hidden;background:#eef2f6}.console-mask{display:none}.console-ico{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.console-ico svg{width:18px;height:18px;display:block}.console-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.console-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:20}.console-topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.console-text-btn{height:32px;padding:0 10px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;font-size:13px;cursor:pointer}.console-text-btn:hover{border-color:#cbd5e1;background:#f8fafc}.console-text-btn.is-danger{color:#dc2626;border-color:#fecaca}.console-text-btn.is-danger:hover:not(:disabled){background:#fff5f5}.console-text-btn:disabled{opacity:.4;cursor:not-allowed}.console-dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:16px}.console-dialog{width:min(100%,360px);background:#fff;border-radius:12px;padding:20px 20px 16px;box-shadow:0 16px 40px #0f172a2e}.console-dialog h3{margin:0 0 8px;font-size:16px;color:#0f172a}.console-dialog-hint{margin:0 0 12px;font-size:13px;color:#64748b;line-height:1.6}.console-dialog-input{width:100%;height:36px;margin:4px 0 8px;padding:0 10px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;box-sizing:border-box}.console-dialog-input:focus{outline:none;border-color:#1677ff;box-shadow:0 0 0 2px #1677ff26}.console-dialog-error{margin:0 0 8px;font-size:13px;color:#dc2626}.console-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.console-dialog-ok{height:32px;padding:0 14px;border:0;border-radius:6px;background:#1677ff;color:#fff;font-size:13px;cursor:pointer}.console-dialog-ok:hover{background:#4096ff}.console-dialog-ok.is-danger{background:#dc2626}.console-dialog-ok.is-danger:hover{background:#b91c1c}.console-dialog-ok:disabled{opacity:.6;cursor:not-allowed}.console-topbar-text{min-width:0}.console-topbar-text h1{margin:0;font-size:18px;font-weight:650;color:#0f172a;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-topbar-text p{margin:0 0 2px;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.console-topbar-right{display:flex;align-items:center;flex-shrink:0}.console-tabs{display:inline-flex;padding:3px;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0}.console-tab{height:32px;min-width:72px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#64748b;font-size:13px;font-weight:650;cursor:pointer}.console-tab:hover{color:#0f172a}.console-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0f172a14}.console-menu-btn{display:none;width:36px;height:36px;padding:8px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}.console-menu-btn span{display:block;height:2px;background:#334155;border-radius:2px}.console-content{flex:1;padding:20px 24px 0;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.console-content .download-embedded{flex:1;display:flex;flex-direction:column;min-height:0}@media (max-width: 900px){.seo-landing.console-shell{height:auto;min-height:100vh;overflow:visible}.console-main,.console-content,.console-content .download-embedded{overflow:visible;height:auto;flex:none}.console-mask{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.45);z-index:35}.console-menu-btn{display:flex}.console-content{padding:16px 14px 0}.console-topbar{padding:12px 14px;flex-wrap:wrap}.console-topbar-right{width:100%;justify-content:flex-start}.console-topbar-text h1{font-size:16px}}.seo-landing .panel-section{padding:calc(98px + var(--spacing-xl)) 0 var(--spacing-2xl);background:var(--bg-light, #f5f5f7)}.seo-landing .panel-inner{max-width:960px;margin:0 auto;padding:0 20px}.seo-landing .text-link-btn,.seo-landing .footer-text-btn{background:none;border:0;padding:0;color:#007aff;font:inherit;cursor:pointer;text-align:left;text-decoration:none;font-weight:500}.seo-landing .footer-text-btn{display:block;color:inherit;opacity:.85;margin-bottom:8px}.seo-landing .footer-text-btn:hover{opacity:1;color:#fff}.seo-section{background:var(--bg-white);padding:clamp(var(--spacing-xl),5vw,var(--spacing-2xl)) 0}.seo-section>.section-container{padding-top:0;padding-bottom:0}.seo-section .section-header{margin-bottom:var(--spacing-xl)}.seo-section--alt{background:var(--bg-light)}.seo-section--alt .seo-card{background:var(--bg-white);border-color:#0000000f;box-shadow:var(--shadow-md)}.seo-subtitle{margin:0;color:var(--text-secondary);font-size:1rem}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(var(--spacing-lg),4vw,var(--spacing-2xl));margin-top:var(--spacing-xl)}.seo-card{background:var(--bg-card);padding:clamp(var(--spacing-lg),3vw,var(--spacing-2xl));border-radius:var(--border-radius-lg);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-sm)}.seo-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.seo-card p{color:var(--text-secondary);line-height:1.8;margin:0 0 var(--spacing-lg)}.seo-card{transition:transform var(--transition-base),box-shadow var(--transition-base)}.seo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.seo-card__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--border-radius-md);background:rgba(0,122,255,.1);color:var(--primary-color);margin-bottom:var(--spacing-md)}.seo-card__icon svg{width:28px;height:28px}.seo-card--faq .seo-card__icon{border-radius:50%}.seo-card--mode{text-align:center}.seo-card--mode .mode-ico{width:64px;height:64px;margin:0 auto var(--spacing-md);border-radius:var(--border-radius-md);display:grid;place-items:center;color:var(--primary-color);background:linear-gradient(135deg,rgba(0,122,255,.12),rgba(52,199,89,.12))}.seo-card--mode .mode-ico svg{width:30px;height:30px}.seo-card--mode p{margin-bottom:0}.seo-list{list-style:none;padding:0;margin:0}.seo-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:10px var(--spacing-xs);border-radius:var(--border-radius-sm);color:var(--text-primary);transition:background var(--transition-fast)}.seo-list li:hover{background:rgba(0,122,255,.06)}.seo-list li:before{content:"";position:static;flex:0 0 22px;width:22px;height:22px;margin-top:1px;border-radius:50%;background:rgba(0,122,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007AFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 13px no-repeat}.seo-timeline{list-style:none;margin:0;padding:0;counter-reset:step}.seo-timeline li{position:relative;padding:0 0 var(--spacing-lg);padding-inline-start:var(--spacing-xl);color:var(--text-secondary);line-height:1.7}.seo-timeline li:before{counter-increment:step;content:counter(step);position:absolute;inset-inline-start:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--primary-color);color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 8px #007aff59}.seo-timeline li:not(:last-child):after{content:"";position:absolute;inset-inline-start:13px;top:30px;bottom:4px;width:2px;background:linear-gradient(180deg,rgba(0,122,255,.35),rgba(0,122,255,.08))}.seo-tags{display:flex;flex-wrap:wrap;gap:10px}.seo-tags span{display:inline-flex;align-items:center;gap:6px;background:rgba(0,122,255,.1);color:var(--primary-color);font-size:.85rem;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid rgba(0,122,255,.14)}.seo-tags span:before{content:"#";opacity:.55;font-weight:700}.seo-disclaimer{margin-top:var(--spacing-xl);color:var(--text-secondary);text-align:center;font-size:.95rem}.legal-main{max-width:860px;margin:0 auto;padding:calc(98px + var(--spacing-xl)) var(--spacing-md) var(--spacing-2xl)}.legal-main h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.legal-intro{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(0,0,0,.06)}.legal-section{margin-bottom:var(--spacing-lg)}.legal-section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.legal-section p{color:var(--text-secondary);line-height:1.9}.legal-links{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(0,0,0,.06);display:flex;gap:var(--spacing-lg);align-items:center}.legal-links a{color:var(--primary-color);text-decoration:none;font-weight:500}.notfound-main{text-align:center}.notfound-code{font-size:96px;font-weight:800;line-height:1;background:linear-gradient(90deg,#007AFF 0%,#34C759 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-md)}.notfound-main .legal-links{justify-content:center;border-top:none}.web-section{background:var(--bg-white);padding:clamp(var(--spacing-2xl),6vw,var(--spacing-3xl)) 0}.web-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:clamp(var(--spacing-lg),4vw,var(--spacing-2xl));margin-top:0}.web-feature{background:var(--bg-card);padding:clamp(var(--spacing-lg),3vw,var(--spacing-2xl));border-radius:var(--border-radius-lg);border:1px solid rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;width:100%;box-sizing:border-box}.web-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.web-feature h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.3}.web-feature p{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-lg);font-size:var(--font-size-base)}.feature-note{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:var(--font-weight-medium)}.contact{background:var(--bg-light);padding:clamp(var(--spacing-2xl),6vw,var(--spacing-3xl)) 0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(var(--spacing-lg),4vw,var(--spacing-2xl));margin-top:0}.contact-item{background:var(--bg-white);padding:clamp(var(--spacing-lg),3vw,var(--spacing-2xl));border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;width:100%;box-sizing:border-box}.contact-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.contact-item h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.3}.contact-item p{color:var(--text-secondary);line-height:1.8;margin:0;font-size:var(--font-size-base)}.contact-actions{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-3xl);flex-wrap:wrap}.contact-subtitle{margin:0;color:var(--text-secondary);font-size:1rem}.contact-feedback{display:flex;flex-direction:column;gap:var(--spacing-md)}.feedback-textarea{width:100%;min-height:140px;padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid rgba(15,23,42,.12);background:#f8fafc;font-size:1rem;line-height:1.6;color:var(--text-primary);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.feedback-textarea:focus{outline:none;border-color:#69cf87b3;box-shadow:0 0 0 3px #69cf8733;background:#ffffff}.feedback-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.feedback-actions .btn{font-size:1rem;padding:10px 22px}.feedback-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.feedback-email{color:var(--text-secondary);font-size:.95rem;text-decoration:none}.feedback-email:hover{color:var(--primary-color)}.contact-links{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.contact-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-color);font-weight:var(--font-weight-medium);text-decoration:none}.contact-link:hover{color:#5bbf7a}.footer{background:var(--bg-dark);color:var(--text-white);padding:var(--spacing-3xl) 0 var(--spacing-lg)}.footer-container{max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-2xl)}.footer-brand h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(90deg,#4C1D95 0%,#8B5CF6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md)}.footer-brand p{color:var(--text-light);line-height:1.6;font-size:var(--font-size-base)}.brand-tagline{display:block;margin-top:var(--spacing-sm);opacity:.9}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-xl)}.footer-column h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);color:var(--text-white)}.footer-column a{display:block;color:var(--text-light);text-decoration:none;margin-bottom:var(--spacing-sm);transition:color var(--transition-fast);font-size:var(--font-size-sm)}.footer-column a:hover{color:var(--primary-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-xl);text-align:center;color:var(--text-light);font-size:var(--font-size-sm)}.footer-bottom p{margin-bottom:var(--spacing-xs)}.back-to-top{position:fixed;right:var(--spacing-lg);bottom:var(--spacing-lg);width:48px;height:48px;border-radius:50%;border:none;background:var(--gradient-primary);color:var(--text-white);cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);opacity:0;visibility:hidden;z-index:1000}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.back-to-top svg{width:20px;height:20px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-white);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.loading-overlay.loaded{opacity:0;visibility:hidden;pointer-events:none}.loading-spinner{width:50px;height:50px;border:3px solid var(--bg-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in-up.animate{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-30px);transition:all .6s ease}.fade-in-left.animate{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(30px);transition:all .6s ease}.fade-in-right.animate{opacity:1;transform:translate(0)}@media (max-width: 1024px){.stories-grid{justify-content:center;gap:var(--spacing-lg)}}@media (max-width: 768px){.nav-menu{position:fixed;top:60px;left:-100%;width:100%;height:calc(100vh - 60px);background:white;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:var(--spacing-xl);transition:left .3s ease-in-out;z-index:1004!important;box-shadow:0 4px 20px #00000026;overflow-y:auto;visibility:hidden;opacity:0}.nav-menu.active{left:0!important;visibility:visible!important;opacity:1!important}.nav-link{width:100%;text-align:center;padding:var(--spacing-md);font-size:var(--font-size-lg)}.mobile-menu-toggle{display:flex!important;position:relative!important;z-index:1003!important;min-width:44px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto!important}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero{padding-top:calc(98px + var(--spacing-xl));padding-bottom:var(--spacing-xl)}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.features-grid,.guide-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.stories-grid{flex-direction:column;align-items:center;gap:var(--spacing-lg)}.story-image{width:350px;height:350px}.story-title{font-size:1.2rem;max-width:350px}.story-date{font-size:1rem;max-width:350px}.faq-grid,.contact-grid{grid-template-columns:1fr}.carousel-container{height:450px;width:calc(100% + 20px)}.slide-content h3{font-size:1.5rem}.carousel-btn{width:40px;height:40px}.carousel-btn svg{width:16px;height:16px}.web-features{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.faq-actions,.contact-actions,.feedback-actions,.guide-actions{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}@media (max-width: 480px){.container,.section-container{padding:0 var(--spacing-sm)}.hero{padding:calc(98px + var(--spacing-lg)) var(--spacing-sm) var(--spacing-lg)}.section-container{padding:var(--spacing-2xl) var(--spacing-md)}.web-section,.contact{padding:var(--spacing-xl) 0}.web-features,.contact-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.web-feature,.contact-item{padding:var(--spacing-lg);width:100%}.feature-card,.story-card,.faq-item,.guide-card{padding:var(--spacing-lg)}.section-title{font-size:var(--font-size-3xl)}.hero-title{font-size:var(--font-size-2xl)}}@media (prefers-contrast: high){:root{--bg-white: #ffffff;--bg-light: #f0f0f0;--bg-dark: #000000;--text-primary: #000000;--text-secondary: #333333}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.top-banner,.navbar,.back-to-top,.hero-decoration{display:none!important}body{font-size:12pt;line-height:1.4}}.nav-auth{display:flex;align-items:center;gap:var(--spacing-sm)}.user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.user-email{color:var(--text-primary);font-weight:500;font-size:.875rem;margin:0}.btn-logout{padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#4b5563;transform:translateY(-1px)}.nav-auth button.btn-login{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1.25rem!important;background:rgba(0,0,0,.6)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;color:#e2e8f0!important;font-size:.9rem!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 2px 8px #0000001a!important;min-height:auto!important;justify-content:flex-start!important;position:relative!important;overflow:visible!important}.nav-auth button.btn-login:hover{background:rgba(0,0,0,.7)!important;border-color:#ffffff4d!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0003!important}.nav-auth button.btn-login.active{background:rgba(105,207,135,.8)!important;border-color:#69cf8780!important;box-shadow:0 4px 12px #69cf874d!important}.nav-auth button.btn-login.active:hover{background:rgba(105,207,135,.9)!important;border-color:#69cf8799!important;box-shadow:0 6px 16px #69cf8766!important}.nav-auth button.btn-login.active .btn-icon{background:rgba(255,255,255,.2)!important}.nav-auth button.btn-login.active .btn-text{color:#fff!important}@media (max-width: 768px){.nav-auth{display:flex;gap:var(--spacing-sm);order:2}.nav-container{justify-content:space-between;position:relative}.mobile-menu-toggle{order:3;margin-left:auto;position:relative}}.gpu-card .card-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.gpu-card .card-main-text{font-size:1.3rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.2}.gpu-card .card-secondary-text{font-size:1.25rem;color:var(--color-text-light);margin-bottom:var(--spacing-lg);font-weight:500}.gpu-card .feature-list li{font-size:1.1rem;font-weight:500;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md)}.auth-split{width:100%;flex:1 1 auto;align-self:stretch;min-height:100vh;min-height:100dvh;display:flex;align-items:safe center;justify-content:safe center;overflow-y:auto;background:#f4f6f9;padding:clamp(16px,4vw,48px);box-sizing:border-box}.auth-main{width:min(440px,100%);min-height:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center}.auth-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-box-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;text-align:center;color:#1a202c}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:1.5rem;padding:4px;border-radius:12px;background:#f1f5f9}.auth-tabs button{height:38px;border:0;border-radius:9px;background:transparent;color:#64748b;font-size:14px;font-weight:650;cursor:pointer}.auth-tabs button.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0f172a14}.auth-embed .auth-main--embed,.auth-split.auth-embed .auth-main{width:min(440px,100%);min-height:0;background:transparent;padding:0}.auth-embed .auth-content{min-height:auto}.auth-container{max-width:440px;width:100%;padding:0}.auth-content{background:white;border-radius:16px;box-shadow:0 12px 40px #0f172a14;padding:1.75rem 1.75rem 1.5rem;position:relative;border:1px solid #E2E8F0;height:auto;min-height:0;max-width:100%;display:flex;flex-direction:column}@media (max-width: 860px){.auth-split{padding:clamp(12px,4vw,24px)}.auth-main,.auth-embed .auth-main--embed,.auth-split.auth-embed .auth-main{width:min(440px,100%);align-items:center}}.auth-forms{display:block}.auth-content.register-mode{height:auto;min-height:0;max-width:100%}.auth-container.register-mode{max-width:440px}.auth-form{display:none;animation:fadeIn .3s ease-in-out;padding-top:0}.auth-form.active{display:block!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#2d3748;font-size:.9rem}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid #E2E8F0;border-radius:8px;font-size:.9rem;transition:all .2s ease;background:white;color:#2d3748;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1f}.form-group input::-moz-placeholder{color:#a0aec0}.form-group input::placeholder{color:#a0aec0}.form-hint{margin:.35rem 0 0;font-size:.8125rem;color:#6b7280}.test-accounts{background:#F7FAFC;border:1px solid #E2E8F0;border-radius:8px;padding:1rem;margin-bottom:1.25rem}.test-accounts-title{font-size:.85rem;font-weight:500;color:#4a5568;margin:0 0 .5rem}.test-account-item{display:flex;flex-direction:column;gap:.25rem}.test-email,.test-password{font-size:.8rem;color:#2d3748;font-family:Courier New,monospace}.verification-input-group{display:flex;gap:.75rem;align-items:stretch;width:100%}.verification-input-group input{flex:1}.captcha-group{display:flex;gap:.75rem;align-items:stretch;width:100%}.captcha-group input{flex:1}.captcha-image-wrapper{display:flex;align-items:center;justify-content:center;width:168px;flex:0 0 168px;border:1px solid #E2E8F0;border-radius:8px;background:#F7FAFC;overflow:hidden}.captcha-image{width:100%;height:100%;min-height:48px;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:opacity .2s}.captcha-image:hover{opacity:.8}.btn-refresh-captcha{padding:.5rem .75rem;background:#007AFF;color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-refresh-captcha:hover{background:#0062cc;transform:translateY(-1px)}.btn-send-code{padding:.75rem 1rem;background:#007AFF;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:90px}.btn-send-code:hover:not(:disabled){background:#0062cc;transform:translateY(-1px)}.btn-send-code:disabled{background:#CBD5E0;cursor:not-allowed;transform:none}.verification-timer{padding:.75rem 1rem;background:#F7FAFC;color:#718096;border:1px solid #E2E8F0;border-radius:8px;font-size:.85rem;font-weight:500;text-align:center;min-width:90px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#4a5568;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0;accent-color:#007AFF}.forgot-password{color:#007aff;text-decoration:none;font-size:.85rem;font-weight:500}.forgot-password:hover{color:#0062cc;text-decoration:underline}.btn-submit{width:100%;padding:.875rem 1rem;background:#007AFF;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;margin-top:.5rem}.btn-submit:hover{background:#0062cc;transform:translateY(-1px);box-shadow:0 4px 12px #007aff,.3 )}.btn-submit:active{transform:translateY(0)}.form-footer{text-align:center;padding-top:1.5rem;margin-top:1rem;border-top:1px solid #E2E8F0;padding-bottom:.5rem;display:none}.form-footer p{color:#4a5568;font-size:.85rem;margin:0}.form-footer a{color:#007aff;text-decoration:none;font-weight:500}.form-footer a:hover{color:#0062cc;text-decoration:underline}.nav-auth button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.nav-auth button:hover{background:rgba(0,0,0,.7);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(255,255,255,.1);border-radius:50%;font-size:1rem;color:#e2e8f0}.btn-text{color:#e2e8f0;font-weight:500}.nav-auth .btn-login.active{background:rgba(105,207,135,.8);border-color:#69cf8780;box-shadow:0 4px 12px #69cf874d}.nav-auth .btn-login.active:hover{background:rgba(105,207,135,.9);border-color:#69cf8799;box-shadow:0 6px 16px #69cf8766}.nav-auth .btn-login.active .btn-icon{background:rgba(255,255,255,.2)}.nav-auth .btn-login.active .btn-text{color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.modal-content{background:white;border-radius:12px;box-shadow:0 20px 40px #00000026;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #E2E8F0;margin-bottom:1.5rem}.modal-header h3{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#F1F5F9;color:#475569}.modal-body{padding:0 1.5rem 1.5rem}.verification-group{display:flex;gap:.75rem;align-items:flex-end}.verification-group input{flex:1}.btn-send-code{padding:.75rem 1rem;background:#69CF87;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-send-code:hover{background:#5BB377}.btn-send-code:disabled{background:#94A3B8;cursor:not-allowed}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem;display:none;line-height:1.4}.error-message.show{display:block}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.btn-api-config{padding:.5rem;background:#F1F5F9;border:1px solid #E2E8F0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s;margin-left:var(--spacing-sm)}.btn-api-config:hover{background:#E2E8F0;color:#475569}.api-config-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;align-items:center;justify-content:center}.api-config-modal.active{display:flex}.api-config-content{background:white;padding:var(--spacing-xl);border-radius:12px;box-shadow:0 20px 40px #0003;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.api-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.api-config-header h3{margin:0;color:var(--color-text)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b}.close-btn:hover{color:var(--color-text)}.api-config-form{margin-bottom:var(--spacing-lg)}.api-config-form label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.api-config-form input{width:100%;padding:.75rem;border:2px solid #E2E8F0;border-radius:8px;margin-bottom:var(--spacing-md)}.api-config-form input:focus{outline:none;border-color:#007aff}.api-config-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.btn-template{padding:.5rem 1rem;background:#F1F5F9;border:1px solid #E2E8F0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.875rem}.btn-template:hover{background:#E2E8F0}@media (max-width: 768px){.auth-container{padding:0;max-width:100%}.auth-content{padding:clamp(1.25rem,4vw,1.75rem);border-radius:12px;height:auto;min-height:0;min-width:0;width:100%}.auth-content.register-mode{min-height:0;padding:clamp(1.25rem,4vw,1.75rem)}}@media (max-width: 480px){.auth-content{padding:1.25rem 1rem;border-radius:10px;height:auto;min-height:0}.auth-content.register-mode{min-height:0;padding:1.25rem 1rem}}.download-section{padding:var(--spacing-xl) 0;min-height:calc(100vh - 70px)}.download-embedded .download-section{padding:0;min-height:0;flex:1;display:flex;flex-direction:column}.console-content .download-section>.download-container,.console-content .download-section>.download-container:has(.config-workspace.has-guide){width:100%!important;max-width:none!important;margin-left:0;margin-right:0;padding-bottom:0;flex:1;min-height:0;display:flex;flex-direction:column}.console-content .download-embedded .ws-stage{flex:none;min-height:0;overflow:visible;padding-bottom:16px}.console-content .download-embedded .config-workspace{flex:1;min-height:0;overflow:hidden}.console-content .download-embedded .config-main{min-height:0;overflow-y:auto}.console-content .download-embedded .config-guide{position:static}.console-content .download-embedded .ws-dock{flex-shrink:0;position:static;bottom:auto;margin:0 0 16px}.download-section>.container,.download-section>.download-container{width:min(100%,960px)!important;max-width:960px!important;margin-left:auto;margin-right:auto}.download-section>.download-container:has(.config-workspace.has-guide){width:min(100%,1720px)!important;max-width:1720px!important}.download-card{background:var(--color-white);border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:var(--spacing-xl);max-width:800px;margin:0 auto}.download-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text)}.download-description{font-size:1.1rem;color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.download-warning{background:#FEF3C7;border-left:4px solid #F59E0B;padding:var(--spacing-md);border-radius:8px;margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing-md)}.warning-icon{font-size:1.5rem}.warning-content p{margin-bottom:var(--spacing-sm)}.warning-content ul{list-style:none;padding-left:0}.warning-content li{padding-left:1.5rem;position:relative;margin-bottom:.5rem}.warning-content li:before{content:"•";position:absolute;left:.5rem}.download-info{background:var(--color-background);padding:var(--spacing-md);border-radius:8px;margin-bottom:var(--spacing-lg)}.info-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.info-label{font-weight:600;color:var(--color-text)}.info-value{color:var(--color-text-light)}.btn-download{width:100%;padding:1rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-download:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-download:disabled{background:var(--color-secondary);cursor:not-allowed;transform:none}.download-link-container{margin-top:var(--spacing-lg)}.download-link{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.download-link input{flex:1;padding:.75rem;border:1px solid #D1D5DB;border-radius:8px;font-size:.9rem}.btn-copy{padding:.75rem 1.5rem;background:var(--color-secondary);color:var(--color-white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-copy:hover{background:#4B5563}.btn-download-action{width:100%;padding:1rem;background:#10B981;color:var(--color-white);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-download-action:hover{background:#059669}.system-requirements{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid #E5E7EB}.system-requirements h3{font-size:1.2rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.system-requirements ul{list-style:none;padding-left:0}.system-requirements li{padding:var(--spacing-sm) 0;padding-left:1.5rem;position:relative;color:var(--color-text-light)}.system-requirements li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.config-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.config-section:last-child{margin-bottom:0}.section-subtitle{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0}.section-header-with-tutorial{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #e5e7eb}.tutorial-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.tutorial-toggle-btn:hover{background:#e5e7eb;border-color:#9ca3af}.tutorial-icon{font-size:.75rem;transition:transform .2s}.tutorial-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.tutorial-intro{font-size:.95rem;color:#4b5563;margin-bottom:var(--spacing-md);line-height:1.6}.tutorial-item{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid #e5e7eb}.tutorial-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tutorial-item-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:var(--spacing-xs)}.tutorial-item-desc{font-size:.9rem;color:#6b7280;line-height:1.6;margin-bottom:var(--spacing-xs)}.tutorial-example{display:block;padding:var(--spacing-xs) var(--spacing-sm);background:#1f2937;color:#f9fafb;border-radius:4px;font-size:.875rem;font-family:Courier New,monospace;margin-top:var(--spacing-xs)}.process-config-form{margin-top:var(--spacing-lg)}.form-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-lg)}.process-config-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-weight:600;color:var(--color-text);font-size:.95rem}.form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.random-toggle{margin-bottom:var(--spacing-sm)}.random-config{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.random-config-inputs{display:flex;gap:var(--spacing-sm)}.random-config-inputs .form-input{flex:1}.random-name-hint{display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;margin-top:var(--spacing-xs);font-size:.875rem;color:#1e40af;line-height:1.5}.hint-icon{flex-shrink:0;font-size:1rem}.hint-text{flex:1}@media (max-width: 768px){.download-card{padding:var(--spacing-md)}.download-title{font-size:1.5rem}.download-link{flex-direction:column}.config-section{padding:var(--spacing-md)}.random-config-inputs{flex-direction:column}}