.bg-white{background-color:#fff}.bg-gray-50{background-color:#F9FAFB}.bg-gray-100{background-color:#F3F4F6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:11px;transition:all .25s ease;cursor:pointer;border:1px solid transparent;font-size:15px;padding:12px 26px;line-height:1;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#536DFE,#3D55D9);color:#fff;box-shadow:0 8px 20px rgba(83,109,254,.32)}.btn-primary:hover{box-shadow:0 14px 30px rgba(83,109,254,.42)}.btn-ghost{background:#fff;color:#102136;border-color:#E6EAF4}.btn-ghost:hover{border-color:#536DFE;color:#536DFE}.btn-white{background:#fff;color:#536DFE;box-shadow:0 10px 24px rgba(16,33,54,.22)}.btn-white:hover{box-shadow:0 14px 30px rgba(16,33,54,.3)}.btn-outline-w{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.btn-outline-w:hover{border-color:#fff}.btn-lg{padding:15px 34px;font-size:16px}.btn-sm{padding:9px 20px;font-size:14px;border-radius:9px}.btn-green{background:linear-gradient(135deg,#10B981,#059669);color:#fff;box-shadow:0 8px 20px rgba(16,185,129,.32)}.btn-green:hover{box-shadow:0 14px 30px rgba(16,185,129,.42)}.btn-disabled{background:linear-gradient(135deg,#9CA3AF,#6B7280);color:#fff;box-shadow:none;cursor:not-allowed;opacity:.7}.open-chat{cursor:pointer;}.img-lazy{position:relative;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:16px}.img-lazy::after{content:"图片加载中...";color:#9CA3AF;font-size:14px;position:absolute}.img-lazy img{position:relative;z-index:1;width:auto;max-width:100%;height:auto;display:block;border-radius:8px;cursor:zoom-in}.tutorial-body p a, .tutorial-body a{color:#536DFE;text-decoration:none;border-bottom:1px solid rgba(83,109,254,.3);transition:all .2s}.tutorial-body p a:hover, .tutorial-body a:hover{color:#3D55D9;border-bottom-color:#3D55D9}.pill{font-size:12px;font-weight:600;padding:3px 10px;border-radius:6px;background:#F5F7FF;color:#4D5D6D;border:1px solid #E6EAF4;white-space:nowrap}.pill-win{color:#536DFE;border-color:rgba(83,109,254,.3);background:rgba(83,109,254,.06)}.pill-linux{color:#059669;border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.07)}.pill-purple{color:#7C3AED;border-color:rgba(139,92,246,.3);background:rgba(139,92,246,.06)}.ico{display:flex;align-items:center;justify-content:center;color:#fff;border-radius:14px;flex-shrink:0}.ico svg{width:24px;height:24px}.ico-blue{background:linear-gradient(135deg,#536DFE,#8B9CFF);box-shadow:0 8px 20px rgba(83,109,254,.28)}.ico-green{background:linear-gradient(135deg,#10B981,#34D399);box-shadow:0 8px 20px rgba(16,185,129,.26)}.ico-purple{background:linear-gradient(135deg,#8B5CF6,#A78BFA);box-shadow:0 8px 20px rgba(139,92,246,.26)}.ico-cyan{background:linear-gradient(135deg,#0EA5E9,#38BDF8);box-shadow:0 8px 20px rgba(14,165,233,.26)}.accent-blue{background:linear-gradient(90deg,#536DFE,#8B9CFF)}.accent-green{background:linear-gradient(90deg,#10B981,#34D399)}.accent-purple{background:linear-gradient(90deg,#8B5CF6,#A78BFA)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes ripple{0%{transform:scale(0);opacity:.6}100%{transform:scale(3);opacity:0}}.online-btn{position:relative;overflow:hidden}.online-btn::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background-color:rgba(255,255,255,.3);transform:scale(0);transform-origin:0 100%;animation:ripple 3s ease-out infinite}details.faq summary{list-style:none;cursor:pointer}details.faq summary::-webkit-details-marker{display:none}details.faq .chev{transition:transform .25s}details.faq[open] .chev{transform:rotate(45deg)}.tutorial-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #E6EAF4;transition:all .2s}.tutorial-item:last-child{border-bottom:none}.tutorial-item:hover{color:#536DFE}.tutorial-item:hover .arrow{transform:translateX(4px)}.arrow{transition:transform .2s}.step{display:flex;gap:5;margin-bottom:8px}.step-num{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;background:#536DFE;color:#fff;font-size:14px;font-weight:700}.step-content{flex:1;padding-top:2px}.toc{position:sticky;top:100px}.toc a{display:block;padding:6px 0;font-size:14px;color:#4D5D6D;transition:color .2s}.toc a:hover{color:#536DFE}.toc a.active{color:#536DFE;font-weight:600}.link-tip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:6px;background:rgba(83,109,254,.1);color:#536DFE;font-size:13px;font-weight:500;text-decoration:none}.link-tip:hover{background:rgba(83,109,254,.15)}code{background:#F5F7FF;padding:2px 6px;border-radius:4px;font-size:13px;color:#3D55D9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tutorial-card-blue{border:2px solid #536DFE;border-radius:16px;background:#fff;padding:28px;box-shadow:0 1px 2px rgba(16,33,54,.04),0 12px 32px rgba(16,33,54,.06)}.tutorial-card-green{border:2px solid #10B981;border-radius:16px;background:#fff;padding:28px;box-shadow:0 1px 2px rgba(16,33,54,.04),0 12px 32px rgba(16,33,54,.06)}.tutorial-card-purple{border:2px solid #8B5CF6;border-radius:16px;background:#fff;padding:28px;box-shadow:0 1px 2px rgba(16,33,54,.04),0 12px 32px rgba(16,33,54,.06)}.bg-emerald-700{background-color:#047857}.bg-emerald-500{background-color:#10B981}.bg-emerald-400{background-color:#34D399}.bg-emerald-50{background-color:#ECFDF5}.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.text-emerald-600{color:#059669}.text-emerald-400{color:#34D399}.from-emerald-700{--tw-gradient-from:#047857}.via-emerald-500{--tw-gradient-via:#10B981}.to-emerald-400{--tw-gradient-to:#34D399}.bg-purple-700{background-color:#7C3AED}.bg-purple-500{background-color:#8B5CF6}.bg-purple-400{background-color:#A78BFA}.bg-purple-50{background-color:#F5F3FF}.bg-purple-500\/10{background-color:rgba(139,92,246,.1)}.text-purple-600{color:#7C3AED}.text-purple-400{color:#A78BFA}.from-purple-700{--tw-gradient-from:#7C3AED}.via-purple-500{--tw-gradient-via:#8B5CF6}.to-purple-400{--tw-gradient-to:#A78BFA}.border-purple-500{border-color:#8B5CF6}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-from),var(--tw-gradient-via),var(--tw-gradient-to))}@keyframes videoBtnRipple{0%{ transform:scale(1); opacity:1; }100%{ transform:scale(1.8); opacity:0; }}.aspect-video{ aspect-ratio:16 / 9; }@keyframes videoBtnRipple{0%{ transform:scale(1); opacity:1; }100%{ transform:scale(1.8); opacity:0; }}.tutorial-card-item{ transition:all .2s ease; }.tutorial-card-item:hover{ border-color:#536DFE; box-shadow:0 4px 12px rgba(83,109,254,.1); }.tutorial-card-item:hover .step-num-circle{ background:#536DFE; color:white; }.step-num-circle{ transition:all .2s ease; }.aiweb-theme #nav{ background:#10b981; }.aiweb-theme #mobileMenu{ background:#10b981; }.aiweb-theme .hero-section{ background:linear-gradient(135deg, #047857 0%, #10b981 50%, #34d399 100%); }.aiweb-theme .step-num-circle{ background:#ecfdf5; color:#059669; }.aiweb-theme .tutorial-card-item:hover{ border-color:#10b981; box-shadow:0 4px 12px rgba(16,185,129,.1); }.aiweb-theme .tutorial-card-item:hover .step-num-circle{ background:#10b981; color:white; }.aiweb-theme .btn-primary{ background:#10b981; }.aiweb-theme .btn-primary:hover{ background:#059669; }.hero-grid{display:grid;gap:2rem;align-items:center;}.hero-video{width:100%;}@media (min-width:1024px){.hero-grid{grid-template-columns:1.5fr 1fr;}.hero-video{width:320px;margin-left:auto;}}.video-card-mask{position:absolute;top:0; right:0; bottom:0; left:0;background:rgba(0,0,0,.35);z-index:1;}.video-card-ripple{position:absolute;width:64px; height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:videoBtnRipple 2s infinite;z-index:2;}.video-card-play-btn{width:64px; height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.4);position:relative;z-index:3;}.video-card-play-btn svg{width:64px;height:64px;fill:#111827;margin:0;}.video-card-bottom{position:absolute;bottom:0; left:0; right:0;padding:10px 14px 8px;color:#fff;z-index:2;background:linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,.4), transparent);}.video-card-bottom .time{font-size:11px;color:rgba(255,255,255,.8);}.video-card-bottom .progress-track{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden;}.video-card-bottom .progress-bar{width:0%;height:100%;background:#fff;border-radius:2px;}.video-card-bottom-row{display:flex;align-items:center;gap:8px;}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}