.page-wrapper{min-height:100vh;padding-top:var(--nav-h)}.home-scroll{overflow-y:auto;width:100%}.hero{align-items:flex-start;background:#0a0a10;display:flex;justify-content:center;min-height:calc(100vh - var(--nav-h));overflow:hidden;padding-top:60px;position:relative}.hero-bg{top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.hero-bg .orb{animation:orbFloat 8s ease-in-out infinite alternate;border-radius:50%;filter:blur(80px);opacity:.5;position:absolute}.hero-bg .orb--1{background:radial-gradient(circle,#3370ff,transparent 70%);height:500px;right:10%;top:-10%;width:500px}.hero-bg .orb--2{animation-delay:2s;background:radial-gradient(circle,#7c3aed,transparent 70%);bottom:-5%;height:400px;left:5%;width:400px}.hero-bg .orb--3{animation-delay:4s;background:radial-gradient(circle,#06b6d4,transparent 70%);height:300px;left:40%;opacity:.3;top:30%;width:300px}.hero-grid{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:60px 60px;top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.hero-inner{align-items:center;display:flex;flex-direction:column;gap:36px;max-width:900px;padding:0 24px;position:relative;text-align:center;width:100%;z-index:2}.hero-text{max-width:680px;width:100%}.hero h1{color:#fff;font-size:42px;font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:18px}.hero h1 span{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{color:#ffffff80;font-size:16px;font-weight:300;line-height:1.8;margin-bottom:0}.hero-tabs-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141ed9;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;width:100%}.hero-tabs{display:flex;padding:5px}.hero-tabs .hero-tab{align-items:center;background:#12121a;border:none;border-radius:15px;color:#ffffff80;cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .3s ease}.hero-tabs .hero-tab:hover{color:#b0b0c8}.hero-tabs .hero-tab.active{background:#1e1e30;color:#fff}.hero-tab-content{padding:24px}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.1)}}.tab-panel .panel-header{margin-bottom:20px}.tab-panel .panel-header h3{color:#fff;font-size:16px;margin-bottom:6px}.tab-panel .panel-header p{color:#fff6;font-size:13px}.input-textarea{background:#0e0e18;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;font-size:14px;line-height:1.6;min-height:120px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.input-textarea::-moz-placeholder{color:#ffffff4d}.input-textarea::placeholder{color:#ffffff4d}.input-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3370ff26;outline:none}.word-count{color:#fff6;font-size:12px;margin-top:8px;text-align:right}.generate-btn{background:var(--blue);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;height:48px;margin-top:16px;transition:all .3s ease;width:100%}.generate-btn:hover{background:var(--blue-hover);box-shadow:0 4px 16px #3370ff4d;transform:translateY(-1px)}.generate-btn.disabled{background:#ffffff1a;cursor:not-allowed;opacity:.6}.generate-btn.disabled:hover{box-shadow:none;transform:none}.theme-tags{margin-top:20px}.theme-tags .tags-label{align-items:center;color:#fff6;display:flex;flex-flow:row nowrap;font-size:12px;margin-bottom:10px;text-align:left}.theme-tags .tags-label svg{margin-right:5px}.theme-tags .theme-tag-container{display:flex;flex-wrap:wrap;gap:10px}.theme-tags .theme-tag-container .theme-tag{background:color-mix(in oklab,#fff 3%,transparent);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:#b0b0c8;cursor:pointer;display:inline-flex;font-size:13px;margin-bottom:10px;padding:6px 14px;transition:all .3s ease}.theme-tags .theme-tag-container .theme-tag:hover{background:#3370ff33;border-color:var(--blue);color:#fff}.link-input-wrapper{display:flex;gap:12px}.link-input-wrapper .link-input{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;flex:1;font-size:14px;height:48px;padding:0 16px;transition:all .3s ease}.link-input-wrapper .link-input::-moz-placeholder{color:#ffffff4d}.link-input-wrapper .link-input::placeholder{color:#ffffff4d}.link-input-wrapper .link-input:focus{border-color:var(--blue);outline:none}.link-input-wrapper .add-link-btn{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:0 24px;transition:all .3s ease}.link-input-wrapper .add-link-btn:hover{background:#ffffff26}.links-list{margin-top:16px}.links-list .link-item{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;gap:12px;margin-bottom:10px;padding:12px 14px}.links-list .link-item .link-type{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px}.links-list .link-item .link-type.xiaohongshu{background:#ff303033;color:#ff3030}.links-list .link-item .link-type.wechat{background:#00bfa533;color:#00bfa5}.links-list .link-item .link-type.other{background:#ffffff1a;color:#ffffffb3}.links-list .link-item .link-url{color:#ffffffb3;flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.links-list .link-item .remove-link-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .3s ease;width:24px}.links-list .link-item .remove-link-btn:hover{background:#ef444433;color:#ef4444}.empty-state{align-items:center;color:#fff6;display:flex;flex-direction:column;padding:40px 0}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:14px;margin-bottom:6px}.empty-state .empty-hint{color:#ffffff4d;font-size:12px}.upload-area{background-color:#0e0e18;border:2px dashed hsla(0,0%,100%,.15);border-radius:12px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .3s ease}.upload-area:hover{border-color:#3370ff80}.upload-area.dragging,.upload-area.loading{border-color:var(--blue)}.upload-area.loading{background:#3370ff0d}.upload-area svg{color:#ffffff80;margin-bottom:16px}.upload-area p{color:#fff;font-size:15px;margin-bottom:8px}.upload-area .upload-hint{color:#fff6;font-size:12px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.1);border-radius:50%;border-top:3px solid var(--blue);height:40px;margin:0 auto 16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.file-input{display:none}.uploaded-file-info{align-items:center;background:#3370ff1a;border:1px solid rgba(51,112,255,.3);border-radius:10px;display:flex;justify-content:space-between;margin-top:16px;padding:12px 16px}.uploaded-file-info .file-name{color:#fff;font-size:14px}.uploaded-file-info .remove-file-btn{background:#ffffff1a;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .3s ease}.uploaded-file-info .remove-file-btn:hover{background:#ffffff26}.reproduce-modes{display:flex;gap:12px;margin-bottom:20px}.reproduce-modes .mode-btn{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff9;cursor:pointer;flex:1;font-size:14px;font-weight:500;height:44px;transition:all .3s ease}.reproduce-modes .mode-btn:hover{background:#ffffff14}.reproduce-modes .mode-btn.active{background:#3370ff33;border-color:var(--blue);color:#fff}.reproduce-content .reproduce-input{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;font-size:14px;height:48px;padding:0 16px;transition:all .3s ease;width:100%}.reproduce-content .reproduce-input::-moz-placeholder{color:#ffffff4d}.reproduce-content .reproduce-input::placeholder{color:#ffffff4d}.reproduce-content .reproduce-input:focus{border-color:var(--blue);outline:none}.reproduce-content .multiple-links .multiple-link-item{align-items:center;display:flex;gap:12px;margin-bottom:12px}.reproduce-content .multiple-links .multiple-link-item .link-number{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff9;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.reproduce-content .multiple-links .multiple-link-item .reproduce-input{flex:1}.reproduce-content .multiple-links .multiple-link-item .remove-link-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;width:28px}.reproduce-content .multiple-links .multiple-link-item .remove-link-btn:hover{background:#ef444433;color:#ef4444}.reproduce-content .multiple-links .add-multiple-link-btn{background:transparent;border:1px dashed hsla(0,0%,100%,.2);border-radius:10px;color:#ffffff80;cursor:pointer;font-size:14px;height:44px;transition:all .3s ease;width:100%}.reproduce-content .multiple-links .add-multiple-link-btn:hover{border-color:var(--blue);color:var(--blue)}.reproduce-content .multiple-hint{color:#fff6;font-size:12px;margin-top:12px;text-align:left}.section{padding:80px 60px}.section--alt{background:#fff}.section-tag{background:var(--blue-light);border-radius:12px;color:var(--blue);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:14px;padding:4px 12px}.section-title{font-size:30px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px;text-align:center}.section-sub{color:var(--text-secondary);font-size:14px;margin-bottom:50px;text-align:center}.features-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}.features-grid .feature-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;padding:32px 28px;position:relative;transition:all var(--transition)}.features-grid .feature-card:hover{border-color:transparent;box-shadow:0 12px 40px #00000014;transform:translateY(-4px)}.features-grid .feature-card:hover:before{opacity:1}.features-grid .feature-card:before{border-radius:3px 3px 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition)}.features-grid .feature-card:first-child:before{background:linear-gradient(90deg,#3370ff,#60a5fa)}.features-grid .feature-card:nth-child(2):before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.features-grid .feature-card:nth-child(3):before{background:linear-gradient(90deg,#10b981,#34d399)}.features-grid .feature-card .feature-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:18px;width:48px}.features-grid .feature-card .feature-icon--1{background:linear-gradient(135deg,#eef3ff,#dbeafe);color:#3370ff}.features-grid .feature-card .feature-icon--2{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.features-grid .feature-card .feature-icon--3{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.features-grid .feature-card h3{font-size:17px;font-weight:600;margin-bottom:8px}.features-grid .feature-card p{color:var(--text-secondary);font-size:13px;line-height:1.7}.features-grid .feature-card ul{color:var(--text-secondary);font-size:12.5px;line-height:2;margin-top:12px;padding-left:16px}.steps-row{align-items:stretch;display:flex;gap:0;margin:0 auto;max-width:900px;position:relative}.steps-row .step{flex:1;padding:32px 24px;position:relative;text-align:center;z-index:1}.steps-row .step-num{align-items:center;background:var(--blue);border-radius:50%;box-shadow:0 4px 16px #3370ff4d;color:#fff;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;margin:0 auto 16px;width:44px}.steps-row .step h4{font-size:15px;font-weight:600;margin-bottom:6px}.steps-row .step p{color:var(--text-secondary);font-size:12.5px;line-height:1.6}.steps-row .step-connector{background:linear-gradient(90deg,var(--blue),rgba(51,112,255,.2));height:2px;position:absolute;z-index:0}.bottom-cta{background:linear-gradient(180deg,#fff,#f8f9ff);padding:80px 40px 100px;text-align:center}.bottom-cta h2{font-size:28px;font-weight:700;margin-bottom:10px}.bottom-cta p{color:var(--text-secondary);font-size:14px;margin-bottom:32px}.hero-cta{align-items:center;background:var(--blue);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;height:52px;justify-content:center;padding:0 36px;transition:all var(--transition)}.hero-cta:hover{background:var(--blue-hover);transform:translateY(-2px)}