ul,ol{list-style:none}a{color:inherit;text-decoration:none}img{vertical-align:middle}button,input,textarea{border:none;outline:none;font-family:inherit}table{border-collapse:collapse;border-spacing:0}body{font-family:Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}@keyframes mankuaiAnimation{0%{opacity:.1;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}:root{--primary:#2563eb;--secondary:#1e40af;--accent:#f59e0b;--bg:#f8fafc;--text:#1e293b;--white:#fff;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius:.5rem;--radius-lg:1rem;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--gray-900);font-family:Poppins,system-ui,-apple-system,sans-serif;font-weight:600;line-height:1.3}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto;display:block}.navbar{background:var(--white);box-shadow:var(--shadow);z-index:1000;padding:1rem 0;position:fixed;top:0;left:0;right:0}.navbar .container-wrap{justify-content:space-between;align-items:center;display:flex}.container-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.logo{color:var(--primary);align-items:center;gap:.5rem;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;display:flex}.logo svg{width:40px;height:40px}.nav-menu{gap:2rem;list-style:none;display:none}.nav-menu a{color:var(--gray-600);padding:.5rem 0;font-weight:500;position:relative}.nav-menu a:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:0;left:0}.nav-menu a:hover,.nav-menu a.active{color:var(--primary)}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.hamburger{cursor:pointer;flex-direction:column;gap:5px;padding:.5rem;display:flex}.hamburger span{background:var(--gray-700);width:25px;height:3px;transition:var(--transition);border-radius:3px}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.mobile-menu{background:var(--white);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:var(--transition);padding:1rem;position:fixed;top:70px;left:0;right:0;transform:translateY(-100%)}.mobile-menu.active{opacity:1;z-index:9;visibility:visible;transform:translateY(0)}.mobile-menu ul{list-style:none}.mobile-menu a{color:var(--gray-700);border-bottom:1px solid var(--gray-200);padding:1rem;font-weight:500;display:block}.mobile-menu a:hover,.mobile-menu a.active{color:var(--primary);background:var(--gray-100)}.hero{z-index:111;color:var(--white);background-color:#0000;align-items:center;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hero h1{color:var(--white);margin-bottom:1.5rem}.hero p{opacity:.9;max-width:600px;margin-bottom:2rem}.hero-content{text-align:center}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--gray-900)}.btn-primary:hover{box-shadow:var(--shadow-lg);background:#d97706;transform:translateY(-2px)}.btn-secondary{background:var(--white);color:var(--primary)}.btn-secondary:hover{background:var(--gray-100);transform:translateY(-2px)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--white)}.section{padding:5rem 0}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{margin-bottom:1rem;font-size:2rem}.section-title p{color:var(--gray-500);max-width:600px;margin:0 auto}.features-grid{grid-template-columns:1fr;gap:2rem;display:grid}.feature-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);padding:2rem}.feature-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.feature-card .icon{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius);justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;display:flex}.feature-card .icon i{color:var(--white);font-size:1.5rem}.feature-card h3{margin-bottom:.75rem;font-size:1.25rem}.feature-card p{color:var(--gray-500)}.templates-grid,.templates-grid-2{grid-template-columns:1fr;gap:2rem;display:grid}.template-card{border-radius:var(--radius-lg);transition:var(--transition);overflow:hidden}.template-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.template-card .image{justify-content:center;align-items:center;display:flex;overflow:hidden}.template-card .image img{width:100%;height:100%}.template-card .content{padding:1.5rem}.template-card h3{margin-bottom:.5rem;font-size:1.125rem}.template-card p{color:var(--gray-500);margin-bottom:1rem;font-size:.875rem}.template-card .tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.template-card .tag{background:var(--gray-100);color:var(--gray-600);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.pricing-grid{grid-template-columns:1fr;gap:2rem;max-width:800px;margin:0 auto;display:grid}.pricing-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;transition:var(--transition);padding:2rem;position:relative}.pricing-card.featured{border:2px solid var(--primary);transform:scale(1.02)}.pricing-card.featured:before{content:"推荐";background:var(--primary);color:var(--white);border-radius:9999px;padding:.25rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card:hover{box-shadow:var(--shadow-xl)}.pricing-card h3{margin-bottom:.5rem;font-size:1.25rem}.pricing-card .price{color:var(--primary);margin:1rem 0;font-size:2.5rem;font-weight:700}.pricing-card .price span{color:var(--gray-500);font-size:1rem;font-weight:400}.pricing-card ul{text-align:left;margin:1.5rem 0;list-style:none}.pricing-card li{border-bottom:1px solid var(--gray-200);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.pricing-card li i{color:var(--primary)}.testimonials{background:var(--gray-100)}.testimonials-grid{grid-template-columns:1fr;gap:2rem;display:grid}.testimonial-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem}.testimonial-card .quote{color:var(--gray-700);margin-bottom:1.5rem;font-size:1.125rem;font-style:italic}.testimonial-card .author{align-items:center;gap:1rem;display:flex}.testimonial-card .avatar{background:var(--gray-200);border-radius:50%;width:50px;height:50px;overflow:hidden}.testimonial-card .avatar img{object-fit:cover;width:100%;height:100%}.testimonial-card .info h4{margin-bottom:.25rem;font-size:1rem}.testimonial-card .info p{color:var(--gray-500);font-size:.875rem}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1rem;overflow:hidden}.faq-question{text-align:left;width:100%;color:var(--gray-800);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.5rem;font-size:1rem;font-weight:600;display:flex}.faq-question:hover{background:var(--gray-100)}.faq-question i{transition:var(--transition)}.faq-question.active i{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.faq-answer.active{max-height:500px}.faq-answer p{color:var(--gray-600);padding:0 1.5rem 1.5rem}.contact-form{background:var(--white);border-radius:var(--radius-lg);max-width:600px;box-shadow:var(--shadow);margin:0 auto;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--gray-700);margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--gray-300);border-radius:var(--radius);width:100%;transition:var(--transition);padding:.875rem 1rem;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:150px}.footer{background:var(--gray-900);color:var(--gray-300);padding:4rem 0 2rem}.footer-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;display:grid}.footer-brand .logo{color:var(--white);margin-bottom:1rem}.footer-brand p{color:var(--gray-400);margin-bottom:1.5rem}.social-links{gap:1rem;display:flex}.social-links a{background:var(--gray-800);width:40px;height:40px;color:var(--gray-400);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-links a:hover{background:var(--primary);color:var(--white)}.footer-links h4{color:var(--white);margin-bottom:1.5rem;font-size:1rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--gray-400)}.footer-links a:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--gray-800);text-align:center;color:var(--gray-500);padding-top:2rem}.toast{background:var(--gray-900);color:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-xl);transition:var(--transition);z-index:9999;padding:1rem 2rem;position:fixed;bottom:2rem;right:2rem;transform:translate(150%)}.toast.show{transform:translate(0)}.page-header{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:var(--white);text-align:center;padding:8rem 0 4rem}.page-header h1{color:var(--white);margin-bottom:1rem;font-size:2.5rem}.page-header p{opacity:.9;max-width:600px;margin:0 auto}.docs-sidebar{display:none}.docs-content{max-width:800px;margin:0 auto}.docs-content h2{margin:2rem 0 1rem;padding-top:1rem;font-size:1.75rem}.docs-content h3{margin:1.5rem 0 .75rem;font-size:1.25rem}.docs-content p{color:var(--gray-600);margin-bottom:1rem}.docs-content pre{background:var(--gray-900);color:var(--gray-100);border-radius:var(--radius);margin:1rem 0;padding:1.5rem;overflow-x:auto}.docs-content code{font-family:Consolas,Monaco,monospace;font-size:.875rem}.docs-content ul{color:var(--gray-600);margin:1rem 0 1rem 1.5rem}.docs-content li{margin-bottom:.5rem}.blog-grid{grid-template-columns:1fr;gap:2rem;display:grid}.blog-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.blog-card .image{background:linear-gradient(135deg, var(--gray-200), var(--gray-300));overflow:hidden}.blog-card .image img{object-fit:cover;width:100%;height:100%}.blog-card .content{padding:1.5rem}.blog-card .meta{color:var(--gray-500);gap:1rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.blog-card h3{margin-bottom:.75rem;font-size:1.25rem}.blog-card h3 a:hover{color:var(--primary)}.blog-card p{color:var(--gray-600);margin-bottom:1rem}.cta{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:var(--white);text-align:center;padding:4rem 0}.cta h2{color:var(--white);margin-bottom:1rem;font-size:2rem}.cta p{opacity:.9;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto}@media (width>=641px){.hero h1{font-size:3rem}.features-grid,.templates-grid,.pricing-grid,.testimonials-grid,.footer-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(4,1fr)}}@media (width>=1025px){.nav-menu{display:flex}.hamburger,.mobile-menu{display:none}.hero{z-index:111;background-color:#0000;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hero h1{font-size:3.5rem}.hero-content{text-align:left;justify-content:space-between;align-items:center;display:flex}.hero-text{max-width:600px}.hero-image{max-width:500px}.features-grid,.templates-grid{grid-template-columns:repeat(3,1fr)}.templates-grid-2{grid-template-columns:repeat(2,1fr)}.pricing-grid,.testimonials-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:2fr 2fr 2fr}.docs-layout{grid-template-columns:250px 1fr;gap:3rem;display:grid}.docs-sidebar{height:fit-content;display:block;position:sticky;top:100px}.docs-sidebar ul{list-style:none}.docs-sidebar a{color:var(--gray-600);padding:.5rem 0;display:block}.docs-sidebar a:hover,.docs-sidebar a.active{color:var(--primary)}.blog-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.hero{z-index:111;background-color:#0000;min-height:auto;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.section{padding:3rem 0}.btn{width:100%}.hero .btn{width:auto}}body{background:var(--gray-100)!important}.mobile-menu{background-color:#fff;z-index:9999!important}*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.bottom-10\%{bottom:10%}.left-13rem{left:13rem}.left-1rem{left:1rem}.left-7rem{left:7rem}.right-13rem{right:13rem}.right-1rem{right:1rem}.right-7rem{right:7rem}.top-30\%{top:30%}.top-55\%{top:55%}.line-clamp-1{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mx-2rem{margin-left:2rem;margin-right:2rem}.my-1\.3rem{margin-top:1.3rem;margin-bottom:1.3rem}.my-2rem{margin-top:2rem;margin-bottom:2rem}.mb-\.2rem{margin-bottom:.2rem}.mb-2rem{margin-bottom:2rem}.mb-3rem{margin-bottom:3rem}.ml-\.3rem{margin-left:.3rem}.ml-\.5rem{margin-left:.5rem}.ml-1rem{margin-left:1rem}.ml-2rem{margin-left:2rem}.mr-\.5rem{margin-right:.5rem}.mr-1rem{margin-right:1rem}.mt--1\.5rem{margin-top:-1.5rem}.mt-\.5rem,.mt\.5rem{margin-top:.5rem}.mt-\.8rem{margin-top:.8rem}.mt-1\.4rem{margin-top:1.4rem}.mt-1rem{margin-top:1rem}.mt-2rem{margin-top:2rem}.mt-3rem{margin-top:3rem}.mt-5rem{margin-top:5rem}.mt-70px{margin-top:70px}.mt-71px{margin-top:71px}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-100\%{height:100%}.h-10rem{height:10rem}.h-12rem{height:12rem}.h-15rem{height:15rem}.h-1rem{height:1rem}.h-40vh{height:40vh}.h-445px{height:445px}.h-4px{height:4px}.h-4rem{height:4rem}.h-500px{height:500px}.h-5rem{height:5rem}.h-auto{height:auto}.w-100\%{width:100%}.w-16rem{width:16rem}.w-1px{width:1px}.w-1rem{width:1rem}.w-30\%{width:30%}.w-39\%{width:39%}.w-4\.5rem{width:4.5rem}.w-46\%{width:46%}.w-57\%{width:57%}.w-5rem{width:5rem}.w-640px{width:640px}.w-67\%{width:67%}.w-73\%{width:73%}.w-8rem{width:8rem}.w-90\%{width:90%}.flex{display:flex}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border{border-width:1px}.bg-\#ddd{--un-bg-opacity:1;background-color:rgb(221 221 221/var(--un-bg-opacity)) }.bg-\#f1f5f9{--un-bg-opacity:1;background-color:rgb(241 245 249/var(--un-bg-opacity)) }.bg-blue-500{--un-bg-opacity:1;background-color:rgb(59 130 246/var(--un-bg-opacity)) }.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity)) }.p-1rem{padding:1rem}.p-3rem{padding:3rem}.px-\.8rem{padding-left:.8rem;padding-right:.8rem}.px-1rem{padding-left:1rem;padding-right:1rem}.px-3rem{padding-left:3rem;padding-right:3rem}.py-1\.3rem{padding-top:1.3rem;padding-bottom:1.3rem}.pl-1rem{padding-left:1rem}.text-center{text-align:center}.text-left{text-align:left}.font-size-\.8em{font-size:.8em}.font-size-\.8rem{font-size:.8rem}.font-size-1\.1rem{font-size:1.1rem}.font-size-1\.2rem{font-size:1.2rem}.font-size-1\.3rem{font-size:1.3rem}.font-size-1\.5rem{font-size:1.5rem}.font-size-1\.6rem{font-size:1.6rem}.font-size-1rem{font-size:1rem}.color-\#3476F4{--un-text-opacity:1;color:rgb(52 118 244/var(--un-text-opacity)) }.color-\#666{--un-text-opacity:1;color:rgb(102 102 102/var(--un-text-opacity)) }.color-\#AAB7FE{--un-text-opacity:1;color:rgb(170 183 254/var(--un-text-opacity)) }.color-blue{--un-text-opacity:1;color:rgb(96 165 250/var(--un-text-opacity)) }.font-600{font-weight:600}.font-700{font-weight:700}.line-height-2\.2rem{line-height:2.2rem}.line-height-2\.3rem{line-height:2.3rem}.line-height-3\.4rem{line-height:3.4rem}.line-height-3rem{line-height:3rem}.line-height-5rem{line-height:5rem}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.animation-in{animation:.5s linear mankuaiAnimation}.animation{opacity:.2;transition:opacity .5s,transform .5s;transform:translateY(30px)}.animation.is-visible{opacity:1;transform:translateY(0)}.str_wrap{-webkit-user-select:none;user-select:none;-khtml-user-select:none;white-space:nowrap;background:#f6f6f6;width:100%;font-size:12px;line-height:16px;position:relative;overflow:hidden}.str_wrap.str_active{background:#f1f1f1}.str_move{white-space:nowrap;cursor:move;position:absolute;top:0;left:0}.str_move_clone{vertical-align:top;display:inline-block;position:absolute;top:0;left:100%}.str_vertical .str_move_clone{top:100%;left:0}.str_down .str_move_clone{bottom:100%;left:0}.str_vertical .str_move,.str_down .str_move{white-space:normal;width:100%}.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit}.str_wrap img{max-width:none!important}