:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #FAE307;--primary-deep: #C9B600;--primary-soft: #FFF7A8;--bg-dark: #050509;--text-main: #1A1A1A}body{margin:0;min-width:320px;min-height:100vh;background:#000;color:#f5f5f5}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #FAE307;--primary-deep: #d4c506;--primary-soft: rgba(250, 227, 7, .8)}.app{width:100%;min-height:100vh;background:#000;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}.app:before{content:"";position:fixed;top:0;left:0;width:120%;height:120%;background-image:radial-gradient(circle at 20% 30%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 60% 70%,var(--primary) 1.5px,transparent 1.5px),radial-gradient(circle at 50% 50%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 80% 10%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 90% 40%,var(--primary) 2px,transparent 2px),radial-gradient(circle at 33% 60%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 55% 80%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 10% 90%,var(--primary) 1.5px,transparent 1.5px),radial-gradient(circle at 25% 15%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 70% 25%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 40% 85%,var(--primary) 2px,transparent 2px),radial-gradient(circle at 15% 50%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 85% 60%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 75% 90%,var(--primary) 1.5px,transparent 1.5px),radial-gradient(circle at 5% 70%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 45% 20%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 95% 80%,var(--primary) 2px,transparent 2px),radial-gradient(circle at 35% 45%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 65% 5%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 50% 95%,var(--primary) 1.5px,transparent 1.5px),radial-gradient(circle at 12% 25%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 38% 65%,var(--primary) 1.5px,transparent 1.5px),radial-gradient(circle at 68% 35%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 88% 75%,var(--primary) 2px,transparent 2px),radial-gradient(circle at 22% 85%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 72% 15%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 42% 45%,var(--primary) 1.5px,transparent 1.5px),radial-gradient(circle at 92% 55%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 18% 65%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 58% 25%,var(--primary) 2px,transparent 2px);background-size:120% 120%;opacity:.6;animation:starMove1 20s linear infinite,twinkle 3s ease-in-out infinite;z-index:0;pointer-events:none}.app:after{content:"";position:fixed;top:0;left:0;width:120%;height:120%;background-image:radial-gradient(circle at 30% 40%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 50% 20%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 80% 50%,var(--primary) 1.5px,transparent 1.5px),radial-gradient(circle at 20% 80%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 90% 15%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 40% 10%,var(--primary) 2px,transparent 2px),radial-gradient(circle at 60% 60%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 10% 40%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 70% 85%,var(--primary) 1.5px,transparent 1.5px),radial-gradient(circle at 25% 55%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 85% 30%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 5% 25%,var(--primary) 2px,transparent 2px),radial-gradient(circle at 55% 90%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 95% 70%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 15% 60%,var(--primary) 1.5px,transparent 1.5px),radial-gradient(circle at 75% 35%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 45% 75%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 35% 5%,var(--primary) 2px,transparent 2px),radial-gradient(circle at 65% 45%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 50% 65%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 28% 35%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 48% 85%,var(--primary) 1.5px,transparent 1.5px),radial-gradient(circle at 78% 25%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 8% 75%,var(--primary) 2px,transparent 2px),radial-gradient(circle at 52% 15%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 82% 65%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 32% 55%,var(--primary) 1.5px,transparent 1.5px),radial-gradient(circle at 62% 85%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 92% 25%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 18% 45%,var(--primary) 2px,transparent 2px);background-size:120% 120%;opacity:.4;animation:starMove2 25s linear infinite reverse,twinkle 4s ease-in-out infinite reverse;z-index:0;pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;text-align:center;padding:80px 0;position:relative;overflow:hidden;animation:fadeIn .9s ease-out;z-index:1}.hero:before{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:radial-gradient(ellipse at center,rgba(250,227,7,.4) 0%,rgba(250,227,7,.2) 30%,rgba(250,227,7,.15) 50%,transparent 70%);border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:glowPulse 8s ease-in-out infinite}.hero .container{position:relative;z-index:1}@keyframes glowPulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes starMove1{0%{transform:translate(0)}25%{transform:translate(5%,3%)}50%{transform:translate(-3%,8%)}75%{transform:translate(-8%,3%)}to{transform:translate(0)}}@keyframes starMove2{0%{transform:translate(0)}25%{transform:translate(-4%,-5%)}50%{transform:translate(6%,-2%)}75%{transform:translate(3%,6%)}to{transform:translate(0)}}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.9}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-title{font-size:56px;font-weight:700;line-height:1.2;margin-bottom:24px;letter-spacing:-.02em;position:relative;display:inline-block;white-space:nowrap;overflow:hidden;border-right:2px solid rgba(250,227,7,.9);animation:typing 4s steps(24,end) .5s forwards,blink-caret .8s step-end infinite}.hero-subtitle{font-size:24px;font-weight:400;line-height:1.6;margin-bottom:16px;opacity:.95;max-width:800px;margin-left:auto;margin-right:auto}.hero-desc{font-size:18px;opacity:.9;margin-bottom:48px;max-width:700px;margin-left:auto;margin-right:auto}.hero-features{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:48px}.feature-tag{display:inline-block;padding:10px 28px;background:#fae3071a;border:1px solid rgba(250,227,7,.4);border-radius:24px;font-size:15px;color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 12px #0003,0 0 20px #fae3071a}.feature-tag:hover{background:#fae30733;border-color:#fae30799;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d,0 0 30px #fae30733}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-primary{padding:16px 32px;font-size:18px;font-weight:600;background:radial-gradient(circle at 0 0,#ffffff 0,var(--primary) 55%,var(--primary-deep) 100%);color:#17130a;border:none;border-radius:999px;cursor:pointer;transition:all .22s ease-out;box-shadow:0 8px 22px #00000059,0 0 22px #fae30799;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.7);mix-blend-mode:screen;pointer-events:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000073,0 0 32px #fae307d9;filter:brightness(1.03)}.btn-primary:active{transform:translateY(0);box-shadow:0 6px 16px #00000059,0 0 20px #fae307b3}.btn-secondary{padding:16px 32px;font-size:18px;font-weight:600;background:transparent;color:#fff;border:1px solid rgba(250,227,7,.6);border-radius:999px;cursor:pointer;transition:all .22s ease-out;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0,rgba(250,227,7,.28) 40%,transparent 100%);transform:translate(-120%);transition:transform .25s ease-out}.btn-secondary:hover:before{transform:translate(0)}.btn-secondary:hover{background:#fae3071f;border-color:#fae307e6}.section{padding:120px 0;scroll-margin-top:80px;animation:fadeInUp .8s ease-out;background:transparent;position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#fae30700}50%{border-color:#fae307e6}}.section-alt{background:transparent}.section-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;text-align:center;letter-spacing:-.02em;color:#fdfdfd}.section-subtitle{font-size:20px;line-height:1.8;color:#f5f5f5c7;text-align:center;max-width:800px;margin:0 auto 64px}.section-desc{font-size:18px;line-height:1.8;color:#f5f5f5c7;text-align:center;max-width:900px;margin:0 auto 64px}.section-summary{font-size:22px;line-height:1.8;color:#f5f5f5;text-align:center;max-width:700px;margin:64px auto 0;font-weight:500}.pain-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:48px}.pain-point{padding:32px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 2px 8px #0000004d;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.pain-point:before{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:radial-gradient(ellipse at center bottom,rgba(250,227,7,.15) 0%,rgba(250,227,7,.08) 40%,transparent 70%);pointer-events:none;border-radius:0 0 16px 16px}.pain-point:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006;border-color:#fae3074d;background:#ffffff0d}.pain-point:hover:before{background:radial-gradient(ellipse at center bottom,rgba(250,227,7,.25) 0%,rgba(250,227,7,.12) 40%,transparent 70%)}.pain-point h3{font-size:24px;font-weight:600;margin-bottom:16px;color:var(--primary);position:relative;z-index:1}.pain-point p{font-size:16px;line-height:1.8;color:#f5f5f5c7;position:relative;z-index:1}.features-list{display:flex;flex-direction:column;gap:0;margin-top:64px;max-width:900px;margin-left:auto;margin-right:auto;border-top:1px solid rgba(250,227,7,.2)}.feature-item{display:flex;align-items:flex-start;gap:40px;padding:48px 0;border-bottom:1px solid rgba(250,227,7,.2);transition:all .3s ease;opacity:0;transform:translate(-30px);animation:featureItemFadeIn .6s ease-out forwards}.feature-item:nth-child(1){animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s;border-bottom:none}@keyframes featureItemFadeIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.feature-item:hover{padding-left:20px}.feature-number{font-size:48px;font-weight:700;color:var(--primary);line-height:1;flex-shrink:0;width:80px;text-align:center;opacity:.8;transition:all .3s ease}.feature-item:hover .feature-number{opacity:1;transform:scale(1.1)}.feature-content{flex:1}.feature-item h3{font-size:28px;font-weight:600;margin-bottom:16px;color:#fff;transition:color .3s ease}.feature-item:hover h3{color:var(--primary)}.feature-item p{font-size:18px;line-height:1.9;color:#f5f5f5d9}.scenarios{display:flex;flex-direction:column;gap:48px;margin-top:64px;align-items:stretch}.scenario-card{padding:48px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 16px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;max-width:900px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-sizing:border-box;opacity:0;transform:translateY(40px)}@keyframes scenarioCardFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scenarioFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.scenario-card:nth-child(1){animation:scenarioCardFadeIn .8s ease-out .1s forwards,scenarioFloat 6s ease-in-out 1.2s infinite}.scenario-card:nth-child(2){animation:scenarioCardFadeIn .8s ease-out .3s forwards,scenarioFloat 6s ease-in-out 1.6s infinite}.scenario-card:nth-child(3){animation:scenarioCardFadeIn .8s ease-out .5s forwards,scenarioFloat 6s ease-in-out 2s infinite}.scenario-card:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(250,227,7,.15) 0%,transparent 70%);filter:blur(40px);pointer-events:none;opacity:0;transition:opacity .3s ease}.scenario-card:hover:before{opacity:1}.scenario-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 60px #00000080,0 0 60px #fae30733;border-color:#fae30780;background:linear-gradient(135deg,#fae3071f,#ffffff0f,#ffffff0a)}.scenario-card:hover .scenario-label{transform:scale(1.05);box-shadow:0 6px 20px #fae30766}.scenario-card:hover h3{color:var(--primary);transition:color .3s ease}.scenario-card h3{font-size:28px;font-weight:600;margin-bottom:16px;color:#fff;position:relative;z-index:1;transition:color .3s ease}.scenario-label{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,var(--primary) 0%,rgba(250,227,7,.9) 100%);color:#000;border-radius:12px;font-size:14px;font-weight:600;margin-bottom:28px;box-shadow:0 4px 12px #fae3074d;position:relative;z-index:1;transition:transform .3s ease,box-shadow .3s ease}.scenario-desc{font-size:18px;line-height:1.9;color:#f5f5f5d9;position:relative;z-index:1}.functions-list{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:64px;max-width:1100px;margin-left:auto;margin-right:auto}.function-item{padding:48px 40px;background:linear-gradient(135deg,#0009,#000c,#fae30714);border:1px solid rgba(250,227,7,.3);border-radius:12px;box-shadow:0 4px 16px #0000004d;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.function-item:before{content:"";position:absolute;bottom:0;right:0;width:60%;height:60%;background:radial-gradient(ellipse at bottom right,rgba(250,227,7,.15) 0%,rgba(250,227,7,.05) 40%,transparent 70%);pointer-events:none;transition:opacity .3s ease}.function-item:hover:before{opacity:.8}.function-item:hover{transform:translateY(-4px);border-color:#fae30780;box-shadow:0 8px 24px #0006,0 0 30px #fae3071a}.function-item h3{font-size:24px;font-weight:600;margin-bottom:16px;color:#fff;position:relative;z-index:1}.function-item p{font-size:17px;line-height:1.9;color:#f5f5f5d9;position:relative;z-index:1}.vision-list{list-style:none;max-width:600px;margin:48px auto;padding:0}.vision-list li{font-size:20px;line-height:2;color:#f5f5f5;padding:16px 0 16px 32px;position:relative}.vision-list li:before{content:"✨";position:absolute;left:0;top:16px;font-size:20px}.vision-motto{font-size:24px;line-height:1.8;color:var(--primary-soft);text-align:center;max-width:700px;margin:64px auto 0;font-weight:600}.faq-list{display:flex;flex-direction:column;gap:32px;margin-top:48px;max-width:900px;margin-left:auto;margin-right:auto}.faq-item{padding:0;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;overflow:hidden}.faq-item:hover{border-color:#fae3074d;background:#ffffff0d}.faq-item.open{border-color:#fae30766;background:#ffffff0d}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;gap:16px}.faq-item h3{font-size:20px;font-weight:600;margin:0;color:#fff;flex:1}.faq-icon{font-size:24px;font-weight:300;color:#fae307cc;transition:transform .3s ease,color .3s ease;flex-shrink:0;width:24px;text-align:center}.faq-item:hover .faq-icon{color:var(--primary)}.faq-item.open .faq-icon{color:var(--primary);transform:rotate(180deg)}.faq-answer{padding:0 32px 24px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.faq-item p{font-size:16px;line-height:1.8;color:#f5f5f5d9;margin:0}.cta-section{background:transparent;color:#fff}.cta-card{max-width:900px;margin:0 auto;padding:80px 64px;background:linear-gradient(150deg,#fae3071f,#fae3070d,#0003,#fae3070d,#fae3071f);border-radius:12px;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(250,227,7,.1) 0%,transparent 70%);pointer-events:none}.cta-card-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;color:#fff;position:relative;z-index:1}.cta-card-subtitle{font-size:20px;font-weight:400;margin-bottom:48px;color:#fffc;position:relative;z-index:1}.cta-card-button{padding:18px 48px;font-size:18px;font-weight:600;background:var(--primary);color:#000;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:12px;position:relative;z-index:1;box-shadow:0 4px 16px #fae3074d}.cta-card-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fae30780;filter:brightness(1.1)}.cta-card-button:active{transform:translateY(0)}.cta-arrow{font-size:20px;transition:transform .3s ease}.cta-card-button:hover .cta-arrow{transform:translate(4px,-4px)}.footer{padding:48px 0;background:transparent;color:#fff;text-align:center;position:relative;z-index:1}.footer-brand{font-size:20px;font-weight:600;margin-bottom:12px}.footer-tagline{font-size:16px;opacity:.7}@media(max-width:768px){.hero-title{font-size:36px}.cta-card{padding:60px 40px}.cta-card-title{font-size:36px}.cta-card-subtitle,.hero-subtitle{font-size:18px}.hero-desc{font-size:16px}.section-title{font-size:32px}.section-subtitle,.section-desc{font-size:16px}.hero-cta{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}.pain-points,.feature-item{flex-direction:column;gap:24px;padding:40px 0}.feature-number{font-size:40px;width:auto;text-align:left}.feature-item:hover{padding-left:0;padding-top:20px}.scenario-card{padding:32px 24px}.functions-list{grid-template-columns:1fr;gap:24px}.function-item{padding:40px 32px}.faq-item{padding:0}.faq-question{padding:20px 24px}.faq-answer{padding:0 24px 20px}.faq-item h3{font-size:18px}}@media(max-width:480px){.container{padding:0 16px}.hero{padding:60px 0}.section{padding:80px 0}.hero-title,.section-title{font-size:28px}.cta-card{padding:48px 32px}.cta-card-title{font-size:28px}.cta-card-subtitle{font-size:16px}.cta-card-button{padding:16px 36px;font-size:16px}@keyframes soft-float{0%{transform:translateY(0);box-shadow:0 2px 8px #00000014}50%{transform:translateY(-4px);box-shadow:0 10px 26px #0000001f}to{transform:translateY(0);box-shadow:0 2px 8px #00000014}}.feature-card:nth-child(1),.feature-card:nth-child(2),.feature-card:nth-child(3){animation:soft-float 7s ease-in-out infinite;animation-delay:calc((var(--i, 0)) * .6s)}}