.landing{max-width:1100px;margin:0 auto;padding:0 24px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;padding:80px 0 48px}.hero-badge{color:#ff6b6b;background:#fff0f0;border-radius:20px;margin-bottom:24px;padding:4px 16px;font-size:14px;animation:.6s ease-out .1s both fadeInDown;display:inline-block}:is(html[class~=dark]) .hero-badge{color:#ff8a8a;background:#3d1f1f}.hero-title{background:linear-gradient(135deg,#ff6b6b,#ee5a24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:48px;font-weight:800;line-height:1.2;animation:.6s ease-out .2s both fadeInUp}.hero-desc{color:#666;max-width:560px;margin:0 auto 36px;font-size:18px;line-height:1.7;animation:.6s ease-out .6s both fadeIn}:is(html[class~=dark]) .hero-desc{color:#999}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;animation:.6s ease-out .8s both slideUpFade;display:flex}.download-buttons{gap:8px;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:12px;padding:12px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.btn-primary:hover{opacity:.9}.btn-secondary{color:#333;background:#f5f5f7;border:1px solid #e5e5e5;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn-secondary:hover{background:#eee}:is(html[class~=dark]) .btn-secondary{color:#e5e5e5;background:#1a1a1a;border-color:#333}:is(html[class~=dark]) .btn-secondary:hover{background:#252525}.feishu-screenshot{justify-content:center;padding:24px 0 0;display:flex}.feishu-screenshot-item{text-align:center;cursor:pointer;width:100%;max-width:700px;transition:transform .3s}.feishu-screenshot-item:hover{transform:scale(1.03)}.feishu-screenshot-item:hover .screenshot-label,:is(html[class~=dark]) .feishu-screenshot-item:hover .screenshot-label{color:#ff6b6b}.feishu-screenshot-item .screenshot-frame{background:#f9f9f9;border:1px solid #eee;border-radius:16px;padding:16px}:is(html[class~=dark]) .feishu-screenshot-item .screenshot-frame{background:#141414;border-color:#262626}.feishu-screenshot-item .screenshot-frame img{border-radius:12px;width:100%}.screenshots{grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0 64px;display:grid}.screenshot-item{text-align:center;cursor:pointer;transition:transform .3s,opacity .3s}.screenshot-focus{transform:scale(1.05)}.screenshot-item:hover{transform:scale(1.08)}.screenshot-item:hover~.screenshot-item:not(:hover){opacity:.7;transform:scale(.97)}.screenshot-label{transition:color .3s}.screenshot-item:hover .screenshot-label,:is(html[class~=dark]) .screenshot-item:hover .screenshot-label{color:#ff6b6b}.screenshot-frame{background:#f9f9f9;border:1px solid #eee;border-radius:16px;padding:16px}:is(html[class~=dark]) .screenshot-frame{background:#141414;border-color:#262626}.screenshot-frame img{border-radius:12px;width:100%}.screenshot-label{color:#888;margin-top:12px;font-size:14px}:is(html[class~=dark]) .screenshot-label{color:#666}.section{padding:48px 0}.section-title{text-align:center;margin-bottom:12px;font-size:32px;font-weight:700}.section-subtitle{text-align:center;color:#888;margin-bottom:40px;font-size:16px}:is(html[class~=dark]) .section-subtitle{color:#666}@keyframes swingIcon{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes bounceIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes flipIcon{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes jumpIcon{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:#fafafa;border:1px solid #eee;border-radius:16px;padding:28px;transition:box-shadow .2s,transform .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000001f,0 0 0 4px #ff6b6b33}:is(html[class~=dark]) .feature-card{background:#141414;border-color:#262626}:is(html[class~=dark]) .feature-card:hover{box-shadow:0 16px 40px #0000004d,0 0 0 4px #ff6b6b33}.feature-icon{margin-bottom:12px;font-size:32px;transition:transform .3s ease-in-out}.feature-card:hover .feature-icon{transform:scale(1.1)rotate(8deg)}.feature-card:first-child:hover .feature-icon{animation:.6s ease-in-out infinite swingIcon}.feature-card:nth-child(2):hover .feature-icon{animation:.6s ease-in-out infinite bounceIcon}.feature-card:nth-child(3):hover .feature-icon{animation:.6s ease-in-out flipIcon}.feature-card:nth-child(4):hover .feature-icon{animation:.6s ease-in-out infinite pulseIcon}.feature-card:nth-child(5):hover .feature-icon{animation:.6s ease-in-out rotateIcon}.feature-card:nth-child(6):hover .feature-icon{animation:.6s cubic-bezier(.68,-.55,.265,1.55) jumpIcon}.feature-title{margin-bottom:8px;font-size:18px;font-weight:600}.feature-desc{color:#666;font-size:14px;line-height:1.6}:is(html[class~=dark]) .feature-desc{color:#888}@keyframes bounceScale{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes drawLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-item{text-align:center;padding:32px 20px}.step-num{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;font-weight:700;display:inline-flex;transform:scale(0)}.step-item.revealed .step-num{animation:.6s cubic-bezier(.68,-.55,.265,1.55) forwards bounceScale}@media (min-width:769px){.step-item{position:relative}.step-item:not(:last-child):after{content:"";transform-origin:0;background:linear-gradient(90deg,#ff6b6b,#ee5a24);width:24px;height:2px;position:absolute;top:56px;left:100%;transform:scaleX(0)}.step-item.revealed:not(:last-child):after{animation:.8s ease-out .3s forwards drawLine}}.step-title{margin-bottom:8px;font-size:20px;font-weight:600}.step-desc{color:#666;font-size:14px;line-height:1.6}:is(html[class~=dark]) .step-desc{color:#888}@keyframes pulse{0%,to{box-shadow:0 0 #ff6b6bb3}50%{box-shadow:0 0 0 20px #ff6b6b00}}.cta-section{text-align:center;opacity:0;background:linear-gradient(135deg,#fff5f5,#fff0eb);border-radius:24px;margin-bottom:64px;padding:64px 40px;transition:opacity .6s ease-out}.cta-section.revealed{opacity:1}:is(html[class~=dark]) .cta-section{background:linear-gradient(135deg,#2a1515,#2a1a10)}.cta-title{opacity:0;margin-bottom:12px;font-size:28px;font-weight:700;transition:opacity .6s ease-out .2s}.cta-section.revealed .cta-title{opacity:1}.cta-desc{color:#666;opacity:0;margin-bottom:28px;font-size:16px;transition:opacity .6s ease-out .4s}.cta-section.revealed .cta-desc{opacity:1}.cta-section.revealed .btn-primary{animation:1s ease-out .6s 2 pulse}:is(html[class~=dark]) .cta-desc{color:#888}@media (max-width:768px){.hero-title{font-size:32px}.hero-desc{font-size:16px}.screenshots,.features-grid,.steps-grid{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}.reveal-fade-up,.reveal-scale,.reveal-slide-left{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.reveal-fade-up{transform:translateY(30px)}.reveal-scale{transform:scale(.9)}.reveal-slide-left{transform:translate(-30px)}.reveal-fade-up.revealed,.reveal-scale.revealed,.reveal-slide-left.revealed{opacity:1;transform:none}@media (hover:hover) and (min-width:769px){.screenshots{perspective:1000px}.screenshot-frame{transform-style:preserve-3d;transition:transform .2s}}@media (prefers-reduced-motion:reduce){.hero-badge,.hero-title,.hero-desc,.hero-actions,.reveal-fade-up,.reveal-scale,.reveal-slide-left{opacity:1;transition:none;animation:none;transform:none}.feature-card:hover .feature-icon{animation:none;transform:scale(1.1)}}@media (max-width:768px){.feature-card:hover .feature-icon{animation:none;transform:scale(1.05)}.screenshot-item:hover{transform:scale(1.02)}.screenshot-frame{transform:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.lightbox-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000e6;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex}.lightbox-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh;animation:.3s ease-out scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-close,.lightbox-prev,.lightbox-next{color:#fff;cursor:pointer;z-index:10000;background:#ffffff1a;border:none;border-radius:8px;padding:12px 20px;font-size:32px;transition:background .2s;position:fixed}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#fff3}.lightbox-close{top:20px;right:20px}.lightbox-prev{top:50%;left:20px;transform:translateY(-50%)}.lightbox-next{top:50%;right:20px;transform:translateY(-50%)}@media (max-width:768px){.lightbox-close,.lightbox-prev,.lightbox-next{padding:8px 16px;font-size:24px}.lightbox-close{top:10px;right:10px}.lightbox-prev{left:10px}.lightbox-next{right:10px}}@media (prefers-reduced-motion:reduce){.lightbox-overlay,.lightbox-image{animation:none}}