:root{--primary: #0066FF;--primary-light: #e6efff;--secondary: #6366f1;--success: #10b981;--bg: #ffffff;--surface: #f8fafc;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--radius: 12px;--font: "Inter", "Noto Sans SC", sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}[data-theme=dark]{--bg: #0f172a;--surface: #1e293b;--text: #f8fafc;--text-muted: #94a3b8;--border: #334155;--shadow: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--primary-light: rgba(0, 102, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:scroll;scrollbar-gutter:stable}body{font-family:var(--font);color:var(--text);background-color:var(--bg);line-height:1.5;overflow-x:hidden}.container{max-width:100%;margin:0 auto;padding:0 120px;width:100%}.navbar{height:80px;display:flex;align-items:center;position:sticky;top:0;z-index:1000;background:var(--bg);opacity:.95;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}[data-theme=dark] .navbar{background:#0f172acc}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:var(--text);transition:all .2s;margin-left:1rem;flex-shrink:0}.theme-toggle:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.container-nav{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:800;font-size:1.5rem;color:var(--text)}.nav-logo img{width:36px;height:36px}.nav-right{display:flex;align-items:center;gap:0}.nav-user-nickname{display:inline-flex;align-items:center;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;color:var(--text);margin-right:12px}.nav-menu{display:flex;gap:2.5rem;align-items:center}.nav-menu a{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:.95rem;transition:color .2s}.nav-menu a:hover{color:var(--primary)}.nav-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:.25rem}.dropdown-content{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:#fff;min-width:200px;border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border);opacity:0;visibility:hidden;transition:all .3s;padding:.5rem}.nav-dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}[data-theme=dark] .dropdown-content{background:var(--surface);border-color:var(--border)}.dropdown-content a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text);white-space:nowrap}.dropdown-content a:hover{background:var(--surface)}.btn-dashboard{background:var(--text);color:var(--bg)!important;padding:.5rem 1.25rem;border-radius:99px;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s;height:36px}.btn-dashboard:hover{transform:scale(1.05)}.hero-section{padding:6rem 0;background:radial-gradient(circle at 80% 20%,#eff6ff,#fff);overflow:hidden}[data-theme=dark] .hero-section{background:radial-gradient(circle at 80% 20%,rgba(30,58,138,.2) 0%,var(--bg) 100%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem}.badge-new{display:inline-block;padding:.4rem 1rem;background:var(--primary-light);color:var(--primary);border-radius:99px;font-size:.8rem;font-weight:700;margin-bottom:2rem}.hero-text-content h1{font-size:4rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-text-content p{font-size:1.25rem;color:var(--text-muted);margin-bottom:3rem;max-width:500px}.hero-btns{display:flex;gap:1.5rem;margin-bottom:3rem;align-items:flex-start;flex-wrap:wrap}.download-group{display:flex;flex-direction:column;align-items:flex-start;flex:0 0 auto}.hero-download-notes{margin-top:-1.5rem;margin-bottom:3rem;display:flex;flex-direction:column;align-items:flex-start}.btn-primary{background:var(--primary);color:#fff;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 10px 20px -5px #0066ff4d;transition:all .2s;white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px #06f6}.btn-primary.is-disabled,.btn-d.is-disabled,.dropdown-content a.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}.btn-secondary{padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;font-weight:700;color:var(--text);border:1.5px solid var(--border);display:inline-flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s;white-space:nowrap;min-width:180px}.btn-secondary:hover{background:var(--surface)}.download-meta{font-size:.75rem;color:var(--text-muted);margin-top:0;text-align:left}.download-skill-hint{max-width:320px;margin:.75rem 0 0;font-size:.8rem;line-height:1.6;color:var(--text-muted);text-align:left}.hero-platforms-preview{display:flex;align-items:center;gap:1rem;color:var(--text-muted);font-size:.9rem}.platform-icons-mini{display:flex;gap:.75rem}.platform-icons-mini img{width:24px;height:24px;opacity:.7;filter:grayscale(1);transition:all .3s}.platform-icons-mini img:hover{opacity:1;filter:grayscale(0)}.hero-visual{position:relative}.hero-image-wrapper{position:relative;z-index:1}.floating-img{width:95%;height:auto;animation:float 6s ease-in-out infinite}.glass-card{position:absolute;background:#fff6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1rem 1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;gap:.75rem;font-weight:600;box-shadow:var(--shadow-lg);z-index:2}[data-theme=dark] .glass-card{background:#1e293b66;border-color:#ffffff1a}.card-1{top:10%;left:-5%;animation:float 5s ease-in-out infinite reverse}.card-2{bottom:15%;right:5%;animation:float 7s ease-in-out infinite}.card-3{top:50%;left:-12%;animation:float 8s ease-in-out infinite reverse}.card-4{bottom:5%;left:10%;animation:float 6s ease-in-out infinite}.card-5{top:35%;right:-10%;animation:float 9s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.section-header p{color:var(--text-muted);font-size:1.15rem;max-width:600px;margin:0 auto}.platform-showcase{padding:6rem 0}.platform-grid-enhanced{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}.platform-item{padding:2.5rem;border-radius:20px;background:var(--surface);transition:all .3s;border:1px solid transparent;opacity:0;transform:translateY(20px)}.platform-item.in-view{opacity:1;transform:translateY(0)}.platform-item:hover{background:var(--bg);border-color:var(--border);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.platform-icon-wrap{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.5rem}.bg-wechat{background:#07c160}.bg-redbook{background:#ff2442}.bg-greenbook{background:#22c55e}.bg-juejin{background:#1e80ff}.bg-weibo{background:#e6162d}.bg-zhihu{background:#06f}.bg-toutiao{background:#e6162d}.bg-voiceover{background:#f97316}.bg-skill{background:#0f172a}.platform-item h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.platform-item p{color:var(--text-muted);font-size:.95rem}.features-detailed{padding:6rem 0;background:var(--bg)}.feature-block{display:grid;grid-template-columns:1.1fr .9fr;gap:6rem;align-items:center;margin-bottom:8rem}.feature-block.reverse{direction:rtl}.feature-block.reverse .feature-info{direction:ltr}.icon-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--surface);border-radius:99px;font-weight:600;color:var(--primary);margin-bottom:1.5rem}.feature-info h2{font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.feature-info p{font-size:1.15rem;color:var(--text-muted);margin-bottom:2rem}.feature-check-list{list-style:none}.feature-check-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:500}.feature-check-list i{color:var(--success)}.ui-mockup{background:var(--bg);border-radius:12px;border:1px solid var(--border);overflow:hidden;max-width:75%;margin:0 auto}[data-theme=dark] .ui-mockup{background:#000}.ui-header{height:32px;background:var(--surface);display:flex;align-items:center;padding:0 1.25rem;gap:.5rem;flex-direction:row!important;justify-content:flex-start!important}.ui-header.h-blue{background:#eff6ff}.ui-header.h-purple{background:#f5f3ff}.ui-header.h-amber{background:#fffbeb}.ui-header.h-rose{background:#fff1f2}.ui-header.h-green{background:#f0fdf4}.ui-header.h-indigo{background:#eef2ff}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.ui-mockup img{width:100%;display:block;border-radius:0}.feature-img-main{width:100%;display:block;border-radius:12px}.highlights-section{padding:4rem 0;background:var(--surface)}.highlight-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.h-card{text-align:center}.h-card i{font-size:2.5rem;color:var(--primary);margin-bottom:1.5rem}.h-card h4{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.h-card p{color:var(--text-muted)}.pricing-section{padding:8rem 0}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.pricing-card.skeleton{border-color:transparent;box-shadow:none;pointer-events:none;background:var(--bg)}.pricing-card.skeleton *{visibility:hidden}.pricing-card.skeleton .p-header h3,.pricing-card.skeleton .p-header p,.pricing-card.skeleton .p-price,.pricing-card.skeleton .p-btn,.pricing-card.skeleton .p-features li span,.pricing-card.skeleton .p-features li i{visibility:visible;color:transparent!important;background:linear-gradient(90deg,var(--surface) 25%,var(--border) 37%,var(--surface) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:4px;border:none;box-shadow:none}.pricing-card.skeleton .p-header h3{height:1.5rem;width:60%;margin-bottom:.5rem}.pricing-card.skeleton .p-header p{height:1rem;width:80%}.pricing-card.skeleton .p-price{height:3.5rem;width:50%;margin-bottom:2.5rem;border-radius:8px}.pricing-card.skeleton .p-features li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.pricing-card.skeleton .p-features li i{width:20px;height:20px;border-radius:50%;display:inline-block}.pricing-card.skeleton .p-features li span{height:1rem;flex:1;display:inline-block}.pricing-card.skeleton .p-btn{height:3.5rem;width:100%;margin-top:2rem;border-radius:12px}.pricing-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;align-items:flex-start}.pricing-card{background:var(--bg);padding:3.5rem 2.5rem;border-radius:24px;border:1px solid var(--border);transition:all .3s;position:relative}.pricing-card.featured{border:2px solid var(--primary);box-shadow:0 30px 60px -15px #0066ff26;transform:scale(1.05);z-index:2}.p-tag{position:absolute;top:1.5rem;right:1.5rem;background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:700}.p-header h3{font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.p-header p{color:var(--text-muted);font-size:.9rem;margin-bottom:2rem}.p-price{font-size:3.5rem;font-weight:800;margin-bottom:2.5rem}.featured .p-price{color:var(--primary)}.pricing-card-yearly .p-price{color:#22c55e}.p-price span{font-size:1rem;color:var(--text-muted);font-weight:500}.p-features{list-style:none;margin-bottom:3rem}.p-features li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:500}.p-features li.disabled{color:#cbd5e1}.p-btn{display:block;text-align:center;padding:1rem;border-radius:12px;text-decoration:none;font-weight:700;border:1.5px solid var(--border);color:var(--text);transition:all .2s}.p-btn:hover{background:var(--surface)}.btn-featured{background:var(--primary);color:#fff!important;border-color:var(--primary)}.btn-featured:hover{background:#0052cc;box-shadow:0 10px 20px -5px #06f3}.pricing-4col{grid-template-columns:repeat(4,1fr);gap:1.5rem}.pricing-4col .pricing-card{padding:2.5rem 1.8rem}.pricing-4col .p-price{font-size:2.8rem}.p-tag.tag-value{background:#10b981}.btn-yearly{background:linear-gradient(135deg,#22c55e,#14b8a6);color:#fff!important;border-color:#22c55e}.btn-yearly:hover{background:linear-gradient(135deg,#16a34a,#0d9488);box-shadow:0 10px 20px -5px #14b8a64d}.p-tag.tag-limited{background:linear-gradient(135deg,#f59e0b,#ef4444)}.pricing-card-forever{border:2px solid #f59e0b;background:linear-gradient(180deg,rgba(245,158,11,.03) 0%,var(--bg) 100%)}.pricing-card-forever .p-price{color:#d97706}.btn-forever{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff!important;border-color:#f59e0b}.btn-forever:hover{background:linear-gradient(135deg,#d97706,#dc2626);box-shadow:0 10px 20px -5px #f59e0b4d}@media(max-width:1200px){.pricing-4col{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.pricing-4col{grid-template-columns:1fr}}.testimonials{padding:6rem 0;background:var(--surface)}.testimonial-slider-container{position:relative;padding:0 4rem;overflow:hidden}.testimonial-track{display:flex;gap:2rem;transition:transform .5s cubic-bezier(.4,0,.2,1);padding:1rem 0}.testimonial-card{background:var(--surface);padding:2rem;border-radius:20px;box-shadow:var(--shadow);flex:0 0 calc(25% - 1.5rem);min-width:250px}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:var(--shadow);transition:all .2s}.slider-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.slider-btn.prev{left:0}.slider-btn.next{right:0}.slider-dots{display:flex;justify-content:center;gap:.5rem;margin-top:3rem}.dot-btn{width:8px;height:8px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:all .3s}.dot-btn.active{background:var(--primary);width:24px;border-radius:4px}@media(max-width:1024px){.platform-grid-enhanced{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-card{flex:0 0 calc(50% - 1rem)}}@media(max-width:640px){.platform-grid-enhanced{grid-template-columns:1fr}.testimonial-card{flex:0 0 100%}.testimonial-slider-container{padding:0 1rem}}.t-user{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.t-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff}.bg-amber{background:#f59e0b}.bg-sky{background:#0ea5e9}.bg-rose{background:#f43f5e}.t-user strong{display:block}.t-user span{font-size:.85rem;color:var(--text-muted)}.testimonial-card p{font-style:italic;color:var(--text-muted)}.download-section{padding:8rem 0}.download-box{background:#0f172a;color:#fff;border-radius:40px;padding:6rem 4rem;text-align:center;overflow:hidden;position:relative}.download-box h2{font-size:3rem;font-weight:800;margin-bottom:1.5rem}.download-box p{font-size:1.25rem;color:#94a3b8;margin-bottom:4rem}.download-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;align-items:stretch}.d-option{min-width:0;background:#ffffff0d;padding:3rem 2rem;border-radius:24px;border:1px solid rgba(255,255,255,.1)}.d-option-skill{background:linear-gradient(180deg,#3b82f629,#ffffff0d);border-color:#60a5fa59;scroll-margin-top:100px}.d-option i{font-size:3rem;margin-bottom:1.5rem}.d-option h4{font-size:1.5rem;margin-bottom:.5rem}.d-option span{display:block;color:#64748b;margin-bottom:1rem}.app-qr-code{width:120px;height:120px;margin:0 auto 1.5rem;display:block;border-radius:8px;background:#fff;padding:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-d{display:inline-block;padding:.75rem 2rem;background:#fff;color:#0f172a;text-decoration:none;font-weight:700;border-radius:12px;transition:all .2s}.btn-d:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0006}.download-skill-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.download-skill-note{margin-top:2rem;margin-bottom:0;font-size:.95rem;color:#cbd5e1}.footer{padding:6rem 0 2rem;background:var(--bg);border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:2fr 3fr;gap:6rem;margin-bottom:4rem}.footer-brand p{color:var(--text-muted);margin:1.5rem 0 2rem;max-width:320px}.social-icons{display:flex;gap:1.5rem}.social-icons a{color:var(--text-muted);transition:color .2s}.social-icons a:hover{color:var(--primary)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.f-col h4{font-size:1rem;font-weight:700;margin-bottom:1.5rem}.f-col a{display:block;text-decoration:none;color:var(--text-muted);margin-bottom:1rem;transition:color .1s}.f-col a:hover{color:var(--primary)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.9rem}.beian-records{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem}.beian-link{color:var(--text-muted);text-decoration:none;font-weight:700;transition:color .1s}.beian-link:hover{color:var(--primary)}.beian-police-link{display:inline-flex;align-items:center;gap:.3rem}.beian-police-icon{width:16px;height:16px;object-fit:contain}.back-to-top{position:fixed;bottom:2.5rem;right:2.5rem;width:48px;height:48px;border-radius:50%;background:var(--surface);color:var(--text);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--bg);border-color:var(--primary);color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-lg)}@media(max-width:1024px){.container{padding:0 60px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-text-content p{margin:0 auto 3rem}.hero-btns{justify-content:center}.download-group,.hero-download-notes{align-items:center}.download-meta,.download-skill-hint{text-align:center}.hero-platforms-preview{justify-content:center}.hero-visual{margin-top:2rem}.glass-card{padding:.5rem 1rem;font-size:.8rem}.card-1{top:5%;left:0}.card-2{bottom:10%;right:0}.card-3{top:40%;left:-5%}.card-4{bottom:0;left:5%}.card-5{top:30%;right:-5%}.feature-block{grid-template-columns:1fr;gap:3rem}.feature-block.reverse{direction:ltr}.highlight-cards{grid-template-columns:repeat(2,1fr)}.pricing-container{grid-template-columns:1fr;max-width:450px;margin:0 auto}.pricing-container.pricing-4col{grid-template-columns:repeat(2,1fr);max-width:800px}.pricing-card.featured{transform:none}.download-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-box{padding:4rem 3rem}}@media(max-width:640px){.container{padding:0 20px}.pricing-container.pricing-4col{grid-template-columns:1fr;max-width:450px}.download-options-grid,.highlight-cards{grid-template-columns:1fr}.download-box{padding:3rem 1.5rem}.download-box h2,.section-header h2{font-size:2rem}.glass-card{display:none}.back-to-top{bottom:1.5rem;right:1.5rem;width:40px;height:40px}}.mobile-menu-toggle{display:none!important}@media(max-width:768px){.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text);cursor:pointer;padding:.5rem;margin-left:.5rem}.nav-menu{display:none}.nav-menu.active{display:flex;flex-direction:column;position:absolute;top:80px;left:0;right:0;background:#fff;padding:2rem;border-bottom:1px solid var(--border)}[data-theme=dark] .nav-menu.active{background:var(--surface)}.nav-menu.active .nav-dropdown .dropdown-content{display:none!important}.nav-menu.active .dropdown-trigger i,.nav-menu.active .dropdown-trigger svg{display:none!important}.hero-text-content h1{font-size:2.75rem}.footer-grid{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-brand{text-align:center}.footer-brand p{margin:1.5rem auto 2rem}.social-icons{justify-content:center}}