:root{--primary: #3F51B5;--primary-dark: #303F9F;--primary-light: #C5CAE9;--primary-bg: rgba(63, 81, 181, .06);--accent: #FF6F00;--bg: #F8F9FA;--bg-white: #FFFFFF;--text: #212121;--text-secondary: #616161;--text-muted: #9E9E9E;--border: #E0E0E0;--divider: #EEEEEE;--font-family: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--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: 2rem;--font-size-4xl: 2.5rem;--font-size-hero: 3rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--max-width: 1200px;--header-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 30px rgba(0,0,0,.12);--transition: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-dark)}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0}.section-alt{background:var(--bg-white)}.section-title{font-size:var(--font-size-3xl);font-weight:700;text-align:center;margin-bottom:var(--space-md);color:var(--text)}.section-subtitle{font-size:var(--font-size-lg);text-align:center;color:var(--text-secondary);margin-bottom:var(--space-3xl);max-width:640px;margin-left:auto;margin-right:auto}.grid{display:grid;gap:var(--space-xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}@media(min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.75rem;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:600;cursor:pointer;border:none;transition:all var(--transition);text-decoration:none;line-height:1.4}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#e65100;color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-lg{padding:1rem 2.25rem;font-size:var(--font-size-lg)}.card{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:all var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--primary-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-md)}.card h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-sm)}.card p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.8}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:all var(--transition)}.site-header.scrolled{border-bottom-color:var(--divider);box-shadow:var(--shadow-sm)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:var(--font-size-xl);font-weight:700;color:var(--primary);letter-spacing:2px;text-decoration:none}.logo:hover{color:var(--primary)}.nav-links{display:none;gap:var(--space-xl);align-items:center}.nav-links a{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-cta{display:none}.hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all var(--transition)}.mobile-menu{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--bg-white);z-index:99;padding:var(--space-xl) var(--space-lg);flex-direction:column;gap:var(--space-md)}.mobile-menu.open{display:flex}.mobile-menu a{display:block;padding:var(--space-md) 0;font-size:var(--font-size-lg);color:var(--text);border-bottom:1px solid var(--divider)}.mobile-menu a:hover,.mobile-menu a.active{color:var(--primary)}.mobile-menu .btn{margin-top:var(--space-md);text-align:center}@media(min-width:768px){.nav-links{display:flex}.nav-cta{display:inline-flex}.hamburger{display:none}.mobile-menu{display:none!important}}.site-footer{background:#1a1a2e;color:#ccc;padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);margin-bottom:var(--space-2xl)}@media(min-width:640px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand .logo{color:#fff;font-size:var(--font-size-2xl)}.footer-brand p{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:#999}.footer-links h4{color:#fff;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:1px}.footer-links a{display:block;color:#999;font-size:var(--font-size-sm);padding:var(--space-xs) 0}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #333;padding-top:var(--space-lg);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-md);font-size:var(--font-size-xs);color:#666}.footer-bottom a{color:#888}.footer-bottom a:hover{color:#fff}.hero{padding:calc(var(--header-height) + var(--space-4xl)) 0 var(--space-4xl);text-align:center;background:linear-gradient(180deg,#ECEEF8 0%,var(--bg) 100%)}.hero-title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.2;margin-bottom:var(--space-lg);color:var(--text)}.hero-title em{font-style:normal;color:var(--primary)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:560px;margin-left:auto;margin-right:auto;line-height:1.8}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}@media(min-width:768px){.hero{padding:calc(var(--header-height) + var(--space-4xl) + 2rem) 0 var(--space-4xl)}.hero-title{font-size:var(--font-size-hero)}}.pain-item{text-align:center;padding:var(--space-xl)}.pain-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.pain-item h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.pain-item p{color:var(--text-secondary);font-size:var(--font-size-sm)}.feature-block{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:center}@media(min-width:768px){.feature-block{grid-template-columns:1fr 1fr}.feature-block.reverse .feature-visual{order:-1}}.feature-visual{background:linear-gradient(135deg,var(--primary-light) 0%,#E8EAF6 100%);border-radius:var(--radius-lg);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:4rem}.feature-content h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-md)}.feature-content p{color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.8}.feature-list{display:flex;flex-direction:column;gap:var(--space-sm)}.feature-list li{display:flex;align-items:flex-start;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.feature-list li:before{content:"✓";color:var(--primary);font-weight:700;flex-shrink:0}.role-card{border:2px solid var(--divider);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;transition:all var(--transition)}.role-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.role-icon{font-size:3rem;margin-bottom:var(--space-md)}.role-card h3{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-md)}.role-card ul{text-align:left;display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.role-card li{color:var(--text-secondary);font-size:var(--font-size-sm);padding-left:var(--space-lg);position:relative}.role-card li:before{content:"•";color:var(--primary);position:absolute;left:0;font-weight:700}.cta-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;text-align:center;padding:var(--space-4xl) 0}.cta-banner h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-md)}.cta-banner p{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--space-2xl)}.cta-banner .btn-primary{background:#fff;color:var(--primary)}.cta-banner .btn-primary:hover{background:#f0f0f0;color:var(--primary-dark)}.page-hero{padding:calc(var(--header-height) + var(--space-3xl)) 0 var(--space-3xl);background:linear-gradient(180deg,#ECEEF8 0%,var(--bg) 100%);text-align:center}.page-hero h1{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-sm)}.page-hero p{color:var(--text-secondary);font-size:var(--font-size-lg);max-width:560px;margin:0 auto}@media(min-width:768px){.page-hero h1{font-size:var(--font-size-4xl)}}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.faq-item{background:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--divider);overflow:hidden}.faq-item summary{padding:var(--space-lg);font-weight:600;font-size:var(--font-size-base);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:var(--font-size-xl);color:var(--primary);flex-shrink:0;transition:transform var(--transition)}.faq-item[open] summary:after{content:"−"}.faq-item .faq-answer{padding:0 var(--space-lg) var(--space-lg);color:var(--text-secondary);line-height:1.8;font-size:var(--font-size-sm)}.download-options{display:grid;grid-template-columns:1fr;gap:var(--space-xl);max-width:900px;margin:0 auto}@media(min-width:640px){.download-options{grid-template-columns:repeat(3,1fr)}}.download-card{text-align:center;background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--space-2xl);border:1px solid var(--divider);transition:all var(--transition)}.download-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.download-card .dl-icon{font-size:3rem;margin-bottom:var(--space-md)}.download-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.download-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.legal-content{max-width:760px;margin:0 auto;background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--space-2xl)}.legal-content h2{font-size:var(--font-size-xl);font-weight:700;margin:var(--space-xl) 0 var(--space-md);color:var(--text)}.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content li{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-md);font-size:var(--font-size-sm)}.legal-content ul{padding-left:var(--space-xl);list-style:disc}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.text-center{text-align:center}.mt-0{margin-top:0}.mb-0{margin-bottom:0}