:root{--primary-900:#6c5ce7;--primary-800:#7a6aea;--primary-700:#8878ed;--primary-600:#9686f0;--primary-500:#a494f3;--primary-400:#b2a2f6;--primary-300:#c0b0f9;--primary-200:#cebefc;--primary-100:#dcccff;--primary-50:#eae0ff;--accent-900:#ff6b6b;--accent-800:#ff7a7a;--accent-700:#ff8989;--primary:var(--primary-900);--primary-light:var(--primary-500);--accent:var(--accent-900);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;--font-mono:'SF Mono','Fira Code',Consolas,monospace;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--space-1:var(--spacing-1);--space-2:var(--spacing-2);--space-3:var(--spacing-3);--space-4:var(--spacing-4);--space-5:var(--spacing-5);--space-6:var(--spacing-6);--space-8:var(--spacing-8);--space-10:var(--spacing-10);--space-12:var(--spacing-12);--space-16:var(--spacing-16);--space-20:var(--spacing-20);--transition:.2s ease;--header-height:70px;--container-width:1280px;--sidebar-width:240px}:root,:root[data-theme="light"]{--bg-primary:#f5f3ee;--bg-secondary:#ece9e1;--bg-tertiary:#fff;--bg-elevated:#fff;--navbar-bg:rgba(255,255,255,.75);--gray-900:#2b2a26;--gray-800:#3a3833;--gray-700:#45433d;--gray-600:#5c5950;--gray-500:#78756c;--gray-400:#9c998e;--gray-300:#d6d2c8;--gray-200:#e5e1d8;--gray-100:#f0eee7;--gray-50:var(--bg-secondary);--white:var(--bg-tertiary);--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 8px rgba(0,0,0,.06);--shadow-lg:0 8px 16px rgba(0,0,0,.08);--shadow-xl:0 12px 24px rgba(0,0,0,.1);--shadow-2xl:0 20px 40px rgba(0,0,0,.12)}:root[data-theme="dark"]{--bg-primary:#0a0b0e;--bg-secondary:#141518;--bg-tertiary:#1e1f24;--bg-elevated:#2c2d34;--navbar-bg:rgba(30,31,36,.75);--gray-900:#fff;--gray-800:#f0f0f0;--gray-700:#e0e0e0;--gray-600:#c0c0c0;--gray-500:#a0a0a0;--gray-400:#808080;--gray-300:#606060;--gray-200:#404040;--gray-100:#2a2a2a;--gray-50:var(--bg-secondary);--white:var(--bg-tertiary);--primary-900:#8878ed;--primary:var(--primary-900);--shadow-xs:0 1px 2px rgba(0,0,0,.3);--shadow-sm:0 2px 4px rgba(0,0,0,.3);--shadow-md:0 4px 8px rgba(0,0,0,.3);--shadow-lg:0 8px 16px rgba(0,0,0,.3);--shadow-xl:0 12px 24px rgba(0,0,0,.4);--shadow-2xl:0 20px 40px rgba(0,0,0,.5)}.theme-icon-dark{display:none}:root[data-theme="dark"] .theme-icon-light{display:none}:root[data-theme="dark"] .theme-icon-dark{display:inline}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-full);border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--gray-600);transition:background var(--transition);padding:0}.theme-toggle:hover{background:var(--gray-100)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--gray-700);background:var(--bg-primary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--gray-900);letter-spacing:-.02em}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--gray-700);margin-bottom:1rem}p:last-child{margin-bottom:0}a{color:var(--primary-900);text-decoration:none;transition:color var(--transition);font-weight:500}a:hover{color:var(--primary-700)}.none{display:none!important}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-6);width:100%}.container-wide{max-width:1280px;margin:0 auto;padding:0 var(--spacing-6)}.container{max-width:960px;margin:0 auto;padding:0 var(--spacing-6)}.container-narrow{max-width:680px;margin:0 auto;padding:0 var(--spacing-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);border-radius:var(--radius-lg);font-weight:500;font-family:inherit;font-size:.95rem;line-height:1;cursor:pointer;border:0;text-decoration:none;transition:all var(--transition);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:0 var(--spacing-3);height:36px;font-size:.875rem;border-radius:var(--radius-full)}.btn-md{padding:0 var(--spacing-4);height:44px}.btn-lg{padding:0 var(--spacing-5);height:52px}.btn-xl{padding:0 var(--spacing-6);height:60px;font-size:1.0625rem}.btn-block{width:100%}.btn-primary{background:var(--primary-900);color:#fff;box-shadow:0 2px 8px rgba(108,92,231,.2)}.btn-primary:hover:not(:disabled){background:var(--primary-800);transform:translateY(-1px);box-shadow:0 6px 16px rgba(108,92,231,.35);color:#fff}.btn-padding1535{padding:15px 35px}.btn-outline{background:transparent;border:1.5px solid var(--gray-200);color:var(--gray-700)}.btn-outline:hover:not(:disabled){border-color:var(--primary-900);color:var(--primary-900);background:rgba(108,92,231,.08)}.btn-ghost{background:transparent;border:1px solid var(--gray-200);color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--gray-300);color:var(--gray-800)}.btn-danger{background:transparent;border:1.5px solid var(--error);color:var(--error)}.btn-danger:hover:not(:disabled){background:rgba(239,68,68,.1)}.btn-icon{font-size:1rem}.card{background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--gray-200);transition:all var(--transition)}.card:hover{border-color:var(--gray-300);background:var(--bg-elevated)}input,textarea,select{font-family:inherit;font-size:.95rem;color:var(--gray-800);background:var(--bg-secondary);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);padding:0 var(--spacing-4);height:48px;width:100%;transition:border-color var(--transition),box-shadow var(--transition)}textarea{height:auto;padding:var(--spacing-3) var(--spacing-4);resize:vertical;line-height:1.6}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A0A0A0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;padding-right:var(--spacing-8)}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--primary-900);box-shadow:0 0 0 3px rgba(108,92,231,.15)}input::placeholder,textarea::placeholder{color:var(--gray-500)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:var(--spacing-2)}.form-group{margin-bottom:var(--spacing-5)}.form-error{display:block;margin-top:var(--spacing-1);font-size:.75rem;color:var(--error)}.form-hint{display:block;margin-top:var(--spacing-1);font-size:.75rem;color:var(--gray-500)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-primary{background:rgba(108,92,231,.2);color:var(--primary-900)}.badge-accent{background:rgba(255,107,107,.2);color:var(--accent-900)}.badge-success{background:rgba(16,185,129,.2);color:var(--success)}.badge-gray{background:var(--bg-secondary);color:var(--gray-600);border:1px solid var(--gray-200)}.text-gradient{background:linear-gradient(135deg,var(--primary-900),var(--accent-900));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-primary{color:var(--primary-900)}.text-muted{color:var(--gray-500)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.page-skn{background:var(--bg-primary);min-height:100vh;padding:calc(var(--header-height) + var(--spacing-1)) 0 var(--spacing-12)}.section-header{text-align:center;margin-bottom:var(--spacing-12)}.section-title{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-3);letter-spacing:-.03em}.section-subtitle{font-size:1.125rem;color:var(--gray-600);max-width:560px;margin:0 auto}.section-footer{text-align:center;margin-top:var(--spacing-8)}.navbar{position:sticky;top:0;height:var(--header-height);background:var(--navbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-200);transition:background var(--transition),box-shadow var(--transition);z-index:200}.navbar.scrolled{box-shadow:var(--shadow-sm)}.navbar-container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-6);height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6)}.nav-logo{display:flex;align-items:center}.nav-logo img{width:9rem;padding-left:.5rem}.nav-links{display:flex;align-items:center;gap:var(--spacing-1);flex:1;justify-content:center}.nav-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);color:var(--gray-700);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:var(--radius-full);transition:all var(--transition)}.nav-link:hover{color:var(--gray-900);background:var(--bg-secondary)}.nav-link.active{color:var(--primary-900);background:rgba(108,92,231,.1)}.nav-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}.user-menu-wrap{position:relative}.user-avatar-btn{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-900),var(--primary-700));border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:600;transition:all var(--transition);overflow:hidden;padding:0}.user-avatar-btn:hover{border-color:var(--primary-900);box-shadow:0 0 0 3px rgba(108,92,231,.25);transform:scale(1.05)}.user-avatar-btn img{width:100%;height:100%;object-fit:cover}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:var(--bg-tertiary);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:300;overflow:hidden}.user-menu-wrap:hover .user-dropdown,.user-menu-wrap:focus-within .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--gray-200)}.dropdown-name{font-weight:600;color:var(--gray-900);font-size:.9rem}.dropdown-email{font-size:.75rem;color:var(--gray-500);margin-top:2px}.dropdown-menu{padding:var(--spacing-2)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);color:var(--gray-700);text-decoration:none;font-size:.875rem;border-radius:var(--radius-lg);transition:all var(--transition);width:100%;background:transparent;border:0;cursor:pointer;font-family:inherit}.dropdown-item:hover{background:var(--bg-secondary);color:var(--primary-900)}.dropdown-item.highlight{color:var(--primary-900);font-weight:500}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:rgba(239,68,68,.08);color:var(--error)}.dropdown-divider{height:1px;background:var(--gray-200);margin:var(--spacing-1) var(--spacing-2)}.dropdown-icon{width:18px;text-align:center;font-size:1rem}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:var(--spacing-2);width:40px;height:40px;border-radius:var(--radius-full);align-items:center;justify-content:center;transition:background var(--transition)}.mobile-menu-btn:hover{background:var(--bg-secondary)}.mobile-menu-btn span{width:22px;height:2px;background:var(--gray-600);border-radius:var(--radius-full);transition:all .2s ease;display:block}.hero{padding:var(--spacing-20) 0;background:var(--bg-primary)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items:center}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;color:var(--gray-900);margin-bottom:var(--spacing-5);letter-spacing:-.03em}.hero-description{font-size:1.2rem;color:var(--gray-600);line-height:1.7;margin-bottom:var(--spacing-8)}.hero-description .highlight{color:var(--primary-900);font-weight:600}.hero-actions{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.steps-section{padding:var(--spacing-20) 0;background:var(--bg-secondary)}.stories-section{padding:var(--spacing-20) 0;background:var(--bg-primary)}.value-section{padding:var(--spacing-20) 0;background:var(--bg-secondary)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.step-card{background:var(--bg-tertiary);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--spacing-8);transition:all .3s ease}.step-card:hover{border-color:var(--primary-900);transform:translateY(-4px);box-shadow:var(--shadow-xl);background:var(--bg-elevated)}.step-number{font-size:3rem;font-weight:700;color:var(--gray-300);line-height:1;margin-bottom:var(--spacing-4)}.step-icon{font-size:2.5rem;margin-bottom:var(--spacing-4)}.step-card h3{font-size:1.25rem;margin-bottom:var(--spacing-2)}.step-card p{color:var(--gray-600);font-size:.95rem;margin-bottom:var(--spacing-4)}.step-example{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-secondary);border-radius:var(--radius-lg);font-size:.875rem;color:var(--gray-500);font-style:italic;border:1px solid var(--gray-200)}.stories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.story-card{background:var(--bg-tertiary);border-radius:var(--radius-2xl);padding:var(--spacing-6);border:1px solid var(--gray-200);transition:all .3s ease}.story-card:hover{border-color:var(--primary-900);background:var(--bg-elevated)}.story-before,.story-after{padding:var(--spacing-4);border-radius:var(--radius-xl);margin-bottom:var(--spacing-4)}.story-before{background:var(--bg-secondary);border-left:3px solid var(--gray-300)}.story-after{background:rgba(108,92,231,.08);border-left:3px solid var(--primary-900)}.story-label{display:inline-block;padding:2px var(--spacing-2);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--spacing-2);background:var(--gray-200);color:var(--gray-700)}.story-after .story-label{background:rgba(108,92,231,.2);color:var(--primary-900)}.story-content{font-size:.9rem;color:var(--gray-700);line-height:1.6}.story-author{display:flex;align-items:center;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--gray-200);margin-top:var(--spacing-4)}.author-avatar{font-size:2rem}.author-name{font-weight:600;color:var(--gray-900);font-size:.9rem}.author-title{font-size:.75rem;color:var(--gray-500)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}.value-card{padding:var(--spacing-6);border-radius:var(--radius-2xl);background:var(--bg-tertiary);border:1px solid var(--gray-200);transition:all .3s ease}.value-card:hover{border-color:var(--primary-900);transform:translateY(-4px);box-shadow:var(--shadow-xl);background:var(--bg-elevated)}.value-icon{font-size:2.5rem;margin-bottom:var(--spacing-4)}.value-card h3{font-size:1.1rem;margin-bottom:var(--spacing-2)}.value-card p{font-size:.875rem;color:var(--gray-600);line-height:1.6;margin:0}.pricing-section{padding:var(--spacing-20) 0;background:var(--bg-primary)}.cta-section{padding:var(--spacing-20) 0;background:var(--bg-secondary)}.cta-card{text-align:center;max-width:100%;background:var(--bg-tertiary);border-radius:var(--radius-3xl);padding:var(--spacing-16) var(--spacing-8);position:relative;overflow:hidden;border:1px solid var(--gray-200)}.cta-card::before{content:'';position:absolute;top:-50%;left:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(108,92,231,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.cta-title{font-size:2.5rem;color:var(--gray-900);margin-bottom:var(--spacing-4)}.cta-description{font-size:1.2rem;color:var(--gray-600);margin-bottom:var(--spacing-8);line-height:1.7}.cta-note{margin-top:var(--spacing-4);font-size:.875rem;color:var(--gray-500)}.footer{background:var(--bg-primary);border-top:1px solid var(--gray-200);padding:var(--spacing-12) 0 var(--spacing-6)}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--spacing-16);margin-bottom:var(--spacing-12)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);font-size:1.2rem;font-weight:700}.footer-logo .logo-icon{font-size:1.75rem}.footer-logo .logo-text{color:var(--gray-900)}.footer-logo .logo-highlight{color:var(--primary-900)}.footer-tagline{color:var(--gray-500);font-size:.875rem;line-height:1.6;margin-bottom:var(--spacing-6)}.social-links{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.social-link{width:38px;height:38px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--gray-500);text-decoration:none;font-size:1.1rem;transition:all var(--transition)}.social-link:hover{background:var(--primary-900);border-color:var(--primary-900);color:#fff;transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}.footer-column h4{color:var(--gray-900);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--spacing-4)}.footer-column ul{list-style:none}.footer-column li{margin-bottom:var(--spacing-2)}.footer-column a{color:var(--gray-500);font-size:.875rem;text-decoration:none;transition:all var(--transition);display:inline-block}.footer-column a:hover{color:var(--primary-900);transform:translateX(3px)}.footer-bottom{padding-top:var(--spacing-6);border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--gray-500)}.footer-bottom-links{display:flex;gap:var(--spacing-4)}.footer-bottom-links a{color:var(--gray-500);text-decoration:none;transition:color var(--transition)}.footer-bottom-links a:hover{color:var(--primary-900)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}.spinner-dark{border-color:rgba(108,92,231,.3);border-top-color:var(--primary-900)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1024px){h1,.hero-title{font-size:3rem}h2,.section-title{font-size:2.25rem}.value-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr;gap:var(--spacing-8)}}@media(max-width:768px){.hero-grid{grid-template-columns:1fr;gap:var(--spacing-8)}.steps-grid,.stories-grid,.value-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.mobile-menu-btn{display:flex}.footer-bottom{flex-direction:column;gap:var(--spacing-2);text-align:center}}@media(max-width:600px){.container-wide,.container,.container-narrow{padding:0 var(--spacing-4)}}@media(max-width:480px){h1,.hero-title{font-size:2.25rem}.hero-actions{flex-direction:column}.btn-xl{width:100%}.footer-links{grid-template-columns:1fr}}.mobile-nav{display:none;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-6) var(--spacing-4);border-top:1px solid var(--gray-200);background:var(--bg-primary)}.mobile-nav.open{display:flex}.mobile-nav-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);color:var(--gray-600);text-decoration:none;font-size:.95rem;font-weight:500;border-radius:var(--radius-lg);transition:all var(--transition)}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--bg-secondary);color:var(--primary-900)}.mobile-nav-actions{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--gray-200)}@media(max-width:768px){.nav-actions{display:none}}.modal-overlay{z-index:300!important}.global-toast{position:fixed;top:85px;left:50%;transform:translateX(-50%);background:#6d7958;color:#fff;padding:9px 50px;border-radius:var(--radius-full);font-size:.82rem;z-index:9999;opacity:0;transition:opacity .18s;pointer-events:none;white-space:nowrap}.global-toast.show{opacity:1}