:root{--wpi-primary:#7944ed;--wpi-secondary:#00d1b2;--wpi-text-main:#1e293b;--wpi-text-muted:#64748b;--wpi-bg-section:#fff;--wpi-bg-alt:#f8fafc;--wpi-border:#e2e8f0;--wpi-shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--wpi-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}[id]{scroll-margin-top:120px}.wpi-section{padding:60px 0}.wpi-hero{padding:80px 0;background:radial-gradient(circle at 10% 20%,rgba(121,68,237,.03) 0%,transparent 100%),radial-gradient(circle at 90% 80%,rgba(0,209,178,.03) 0%,transparent 100%),var(--wpi-bg-section);overflow:visible;position:relative;border-bottom:1px solid var(--wpi-border)}.wpi-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}@media (max-width:991px){.wpi-hero-grid{grid-template-columns:1fr;text-align:center}}.wpi-badge{display:inline-flex;padding:4px 12px;background:rgba(121,68,237,.08);color:var(--wpi-primary);border-radius:100px;font-size:.8125rem;font-weight:700;margin-bottom:24px;border:1px solid rgba(121,68,237,.1)}.wpi-title{font-size:clamp(2.5rem, 5vw, 3.5rem);line-height:1.15;margin-bottom:24px;font-weight:800;color:var(--wpi-text-main)}.wpi-text-gradient{background:linear-gradient(135deg,var(--wpi-primary) 0%,var(--wpi-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wpi-subtitle{font-size:1.25rem;color:var(--wpi-text-muted);margin-bottom:16px;font-weight:500}.wpi-description{font-size:1.0625rem;color:#4b5563;margin-bottom:40px;line-height:1.6;max-width:540px}.wpi-actions{display:flex;gap:16px;margin-bottom:48px}@media (max-width:991px){.wpi-actions{justify-content:center}}.wpi-btn{padding:14px 32px;border-radius:12px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.wpi-btn-primary{background:var(--wpi-primary);color:#fff !important;box-shadow:0 10px 20px -5px rgba(121,68,237,.3)}.wpi-btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px rgba(121,68,237,.4);background:#6a36d9}.wpi-btn-secondary{background:#fff;color:var(--wpi-text-main) !important;border:1px solid #e2e8f0}.wpi-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.wpi-features{display:flex;gap:32px;list-style:none;padding:0;margin:0}.wpi-features li{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--wpi-text-muted);font-weight:600}.wpi-feature-dot{width:6px;height:6px;background:var(--wpi-secondary);border-radius:50%;display:inline-block}.wpi-hero-visual{position:relative}.wpi-hero-img-wrapper{position:relative;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.1);overflow:hidden}.wpi-hero-img-wrapper img{display:block;width:100%;height:auto}.wpi-grid-2{display:grid;gap:12px}.wpi-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.wpi-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width:1024px){.wpi-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.wpi-grid-3,.wpi-grid-4{grid-template-columns:1fr}}.wpi-card{background:#fff;border:1px solid var(--wpi-border);border-radius:16px;padding:24px;transition:all .3s ease}.wpi-card:hover{transform:translateY(-4px);box-shadow:var(--wpi-shadow-md);border-color:var(--wpi-primary)}.wpi-header{margin-bottom:40px}.wpi-header h2{font-size:2rem;font-weight:800;margin-bottom:12px;color:var(--wpi-text-main);display:flex;align-items:center;justify-content:center;gap:12px}.wpi-header p{font-size:1.125rem;color:var(--wpi-text-muted);text-align:center}.wpi-notice{padding:20px 24px;background:var(--wpi-bg-alt);border-radius:12px;border-left:4px solid var(--wpi-primary);margin-top:32px;font-size:1rem;color:var(--wpi-text-main)}.wpi-notice-accent{background:rgba(121,68,237,.05);border-color:var(--wpi-primary)}.wpi-notice-warning{background:#fffbeb;border-color:#f59e0b;color:#92400e}.wpi-tip{margin:20px 0;padding:16px;background:#fdf2f8;border-radius:8px;font-size:.9375rem;color:#9d174d}.wpi-tldr{padding:40px 0;position:relative;z-index:5}.wpi-tldr-box{background:#fff;border:1px solid var(--wpi-border);border-left:4px solid var(--wpi-primary);border-radius:12px;padding:24px 32px;box-shadow:var(--wpi-shadow-sm);display:flex;align-items:center;gap:32px}@media (max-width:768px){.wpi-tldr-box{flex-direction:column;align-items:flex-start;gap:16px}}.wpi-qa-grid{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width:768px){.wpi-qa-grid{grid-template-columns:1fr}}.wpi-tldr-badge{background:rgba(121,68,237,.1);color:var(--wpi-primary);padding:6px 16px;border-radius:8px;font-weight:800;font-size:.875rem;white-space:nowrap}.wpi-tldr-list{list-style:none;padding:0;margin:0;display:flex;gap:24px;flex-wrap:wrap}.wpi-tldr-list li{font-size:.9375rem;color:var(--wpi-text-muted);position:relative;padding-left:16px}.wpi-tldr-list li:before{content:"•";position:absolute;left:0;color:var(--wpi-primary);font-weight:700}.wpi-prep{background:var(--wpi-bg-alt)}.wpi-prep-cost{padding:8px 16px;background:#ecfdf5;color:#065f46;border-radius:8px;font-size:.9375rem;display:block;width:fit-content;margin:12px auto}.wpi-prep-cost a{color:var(--wpi-primary);font-weight:700;text-decoration:none}.wpi-card-title{font-size:1.25rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.wpi-card-links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.wpi-tag-link{padding:4px 12px;background:#f1f5f9;color:#475569;border-radius:100px;font-size:.8125rem;text-decoration:none;transition:all .2s}.wpi-tag-link:hover{background:var(--wpi-primary);color:#fff}.wpi-card-img{margin-top:16px;border-radius:8px;overflow:hidden}.wpi-card-img img{width:100%;display:block}.wpi-knowledge{background:#f1f5f9}.wpi-k-card{position:relative;padding-top:40px}.wpi-k-number{position:absolute;top:-12px;left:24px;width:32px;height:32px;background:var(--wpi-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;box-shadow:var(--wpi-shadow-md)}.wpi-layout-container{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start;padding-bottom:80px;padding-top:80px}@media (max-width:1024px){.wpi-layout-container{grid-template-columns:1fr;gap:32px}}@media (max-width:1024px){.wpi-sidebar{position:static}}.wpi-sidebar-nav{position:sticky;top:100px;background:#fff;border:1px solid var(--wpi-border);border-radius:16px;padding:24px;box-shadow:var(--wpi-shadow-sm);max-height:calc(100vh - 140px);overflow-y:auto;z-index:100}@media (max-width:1024px){.wpi-sidebar-nav{position:static;max-height:none}}.wpi-nav-header h3{font-size:1.125rem;font-weight:800;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--wpi-border);color:var(--wpi-text-main)}.wpi-nav-list{list-style:none;padding:0;margin:0}.wpi-nav-list>li{margin-bottom:4px}.wpi-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--wpi-text-muted);text-decoration:none;border-radius:8px;font-size:.9375rem;font-weight:600;transition:all .2s}.wpi-nav-link:hover{background:var(--wpi-bg-alt);color:var(--wpi-primary)}.wpi-nav-icon{font-size:1.125rem}.wpi-nav-sublist{list-style:none;padding:4px 0 4px 34px;margin:0}.wpi-nav-sublink{display:block;padding:6px 0;color:#94a3b8;text-decoration:none;font-size:.875rem;transition:all .2s}.wpi-nav-sublink:hover{color:var(--wpi-primary)}.wpi-content-area{min-width:0}.wpi-timeline{position:relative;padding-left:56px;margin-top:40px}.wpi-timeline:before{content:'';position:absolute;left:19px;top:0;bottom:0;width:2px;background:#e2e8f0}.wpi-step{position:relative;margin-bottom:60px}.wpi-step-marker{position:absolute;left:-56px;top:0;width:40px;height:40px;background:#fff;border:2px solid var(--wpi-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--wpi-primary);z-index:5;box-shadow:0 0 0 4px #fff}.wpi-step-marker-success{background:#10b981;border-color:#10b981;color:#fff}.wpi-step-summary{background:#f8fafc;border-radius:12px;padding:16px 20px;margin-bottom:24px}.wpi-step-summary-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px}@media (max-width:640px){.wpi-step-summary-list{grid-template-columns:1fr}}.wpi-step-summary-list li{font-size:.875rem;color:var(--wpi-text-muted);display:flex;align-items:center;gap:8px}.wpi-summary-dot{width:4px;height:4px;background:var(--wpi-primary);border-radius:50%}.wpi-img-box{margin-top:24px;border-radius:12px;border:1px solid var(--wpi-border);overflow:hidden;background:#fff;padding:10px;cursor:zoom-in;position:relative;transition:transform .2s,box-shadow .2s;max-width:500px}.wpi-img-box:hover{transform:translateY(-2px);box-shadow:var(--wpi-shadow-md)}.wpi-img-box:after{content:'🔍 点击放大';position:absolute;bottom:20px;right:20px;background:rgba(0,0,0,.6);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;opacity:0;transition:opacity .2s}.wpi-img-box:hover:after{opacity:1}.wpi-img-box img{width:100%;height:auto;display:block;border-radius:8px}.wpi-img-caption{font-size:.75rem;color:var(--wpi-text-muted);text-align:center;margin-top:8px;display:block}.wpi-img-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1000px}@media (max-width:768px){.wpi-img-grid{grid-template-columns:1fr}}.wpi-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;opacity:0;visibility:hidden;transition:all .3s ease}.wpi-lightbox.active{opacity:1;visibility:visible}.wpi-lightbox-img{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;box-shadow:0 0 40px rgba(0,0,0,.5);transform:scale(.95);transition:transform .3s ease}.wpi-lightbox.active .wpi-lightbox-img{transform:scale(1)}.wpi-lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:3rem;font-weight:300;cursor:pointer;line-height:normal}.wpi-section .accordion-component{--accordion-bg-primary:#fff;--accordion-text-primary:var(--wpi-text-main);--accordion-accent-primary:var(--wpi-primary);--accordion-accent-secondary:var(--wpi-secondary);--accordion-border-color:var(--wpi-border);margin-top:32px}.wpi-solution-box{background:#f8fafc;border-radius:12px;padding:20px;margin-top:20px;border-left:4px solid var(--wpi-primary)}.wpi-solution-box h5{color:var(--wpi-primary);font-size:.9375rem;font-weight:800;margin-bottom:12px}.wpi-solution-list{list-style:none;padding:0;margin:0}.wpi-solution-list li{font-size:.875rem;color:var(--wpi-text-muted);margin-bottom:8px;display:flex;align-items:start;gap:10px;line-height:1.6}.wpi-solution-list li:before{content:'✅';font-size:.875rem}.wpi-prevention{margin-top:60px;padding:40px;background:var(--wpi-bg-alt);border-radius:24px}.wpi-prevention h3{text-align:center;margin-bottom:32px;font-size:1.5rem;font-weight:800}.wpi-tip-card{display:flex;gap:16px}.wpi-tip-icon{font-size:1.5rem;flex-shrink:0}.wpi-tip-content strong{display:block;margin-bottom:4px;color:var(--wpi-text-main)}.wpi-tip-content p{font-size:.875rem;color:var(--wpi-text-muted);margin:0;line-height:1.6}.wpi-usage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px, 1fr));gap:20px;margin-top:32px}.wpi-workflow-card{background:#fff;border:1px solid var(--wpi-border);border-radius:16px;padding:24px;position:relative;transition:all .2s}.wpi-workflow-card:hover{border-color:var(--wpi-primary-light);transform:translateY(-4px);box-shadow:var(--wpi-shadow-md)}.wpi-workflow-num{position:absolute;top:20px;right:20px;font-size:2rem;font-weight:800;color:var(--wpi-bg-alt);line-height:1;z-index:1}.wpi-workflow-icon{font-size:1.5rem;margin-bottom:16px;position:relative;z-index:2}.wpi-workflow-card h4{font-size:1.125rem;font-weight:700;margin-bottom:12px;color:var(--wpi-text-main)}.wpi-workflow-card p{font-size:.875rem;color:var(--wpi-text-muted);line-height:1.6;margin:0}.wpi-ai-lab{margin-top:60px;background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 100%);border:2px solid #3b82f6;border-radius:24px;padding:40px;position:relative;overflow:hidden}.wpi-ai-lab:before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);pointer-events:none}.wpi-ai-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.wpi-ai-title{font-size:1.5rem;font-weight:800;color:#1e40af;margin:0}.wpi-prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:1024px){.wpi-prompt-grid{grid-template-columns:1fr}}.wpi-prompt-card{background:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;border:1px solid rgba(59,130,246,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.wpi-prompt-tag{display:inline-block;padding:4px 12px;background:#dbeafe;color:#1e40af;border-radius:20px;font-size:.75rem;font-weight:700;margin-bottom:16px;width:fit-content}.wpi-prompt-name{font-size:1rem;font-weight:700;margin-bottom:12px}.wpi-prompt-desc{font-size:.8125rem;color:var(--wpi-text-muted);margin-bottom:16px;line-height:1.5}.wpi-prompt-content{background:#f1f5f9;padding:12px;border-radius:8px;font-size:.8125rem;color:#334155;margin-bottom:16px;flex-grow:1;border:1px dashed #cbd5e1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wpi-copy-btn{width:100%;padding:10px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.wpi-copy-btn:hover{background:#2563eb}.wpi-copy-btn.success{background:#10b981}.wpi-tutorial-list{list-style:none;padding:0;margin:32px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width:640px){.wpi-tutorial-list{grid-template-columns:1fr}}.wpi-tutorial-item a{display:block;padding:16px;background:#fff;border:1px solid var(--wpi-border);border-radius:12px;text-decoration:none;color:var(--wpi-text-main);font-weight:600;font-size:.9375rem;transition:all .2s}.wpi-tutorial-item a:hover{border-color:var(--wpi-primary);background:var(--wpi-bg-alt);color:var(--wpi-primary)}.wpi-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700;margin-left:8px;background:var(--wpi-bg-alt);color:var(--wpi-text-muted)}.wpi-badge.free{background:#dcfce7;color:#166534}.wpi-badge.paid{background:#fef3c7;color:#92400e}.wpi-badge.premium{background:#f3e8ff;color:#6b21a8}.wpi-table-wrapper{overflow-x:auto;margin:24px 0;border:1px solid var(--wpi-border);border-radius:12px}.wpi-table{width:100%;border-collapse:collapse;font-size:.9375rem;text-align:left}.wpi-table th{background:var(--wpi-bg-alt);padding:16px;font-weight:700;color:var(--wpi-text-main);border-bottom:2px solid var(--wpi-border)}.wpi-table td{padding:16px;border-bottom:1px solid var(--wpi-border);color:var(--wpi-text-muted)}.wpi-table tr:last-child td{border-bottom:none}.wpi-follow-card{background:#fff;border:1px solid var(--wpi-border);border-radius:24px;padding:40px;display:flex;gap:48px;align-items:center;margin-top:40px}@media (max-width:768px){.wpi-follow-card{flex-direction:column;padding:32px 24px;text-align:center;gap:32px}}.wpi-qr-box{flex-shrink:0;text-align:center}.wpi-qr-img{width:160px;height:160px;padding:8px;background:#fff;border:1px solid var(--wpi-border);border-radius:12px;margin-bottom:12px}.wpi-benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.wpi-benefit-item{display:flex;gap:16px;align-items:flex-start}@media (max-width:768px){.wpi-benefit-item{text-align:left}}.wpi-benefit-icon{font-size:1.5rem;line-height:1.2}.wpi-benefit-content h4{font-size:1rem;font-weight:700;margin:0 0 4px}.wpi-benefit-content p{font-size:.875rem;color:var(--wpi-text-muted);margin:0}.wpi-cta-card{margin-top:60px;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:24px;padding:48px;color:#fff;position:relative;overflow:hidden}.wpi-cta-card:after{content:'🚀';position:absolute;bottom:-20px;right:-20px;font-size:12rem;opacity:.05;transform:rotate(-15deg)}.wpi-cta-title{font-size:1.75rem;font-weight:800;margin-bottom:16px;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wpi-cta-desc{font-size:1.125rem;color:#94a3b8;margin-bottom:32px;max-width:600px}.wpi-cta-btn{display:inline-block;padding:16px 32px;background:#fff;color:#0f172a;border-radius:12px;font-weight:800;text-decoration:none;transition:all .2s}.wpi-cta-btn:hover{transform:scale(1.05);background:#f8fafc;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.wpi-notice-icon{font-size:1.25rem}.wpi-comments-section{max-width:1200px;margin:60px auto;padding:0 20px}.wpi-comments-wrapper{background:#fff;border:1px solid var(--wpi-border);border-radius:24px;padding:40px}@media (max-width:768px){.wpi-comments-wrapper{padding:24px;border-radius:16px}}.wpi-comments-title{font-size:1.5rem;font-weight:800;margin-bottom:32px;display:flex;align-items:center;gap:12px}.comment-list{list-style:none;padding:0;margin:0}.comment{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--wpi-bg-alt)}.comment:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-body{position:relative;padding-left:64px}.comment-author .avatar{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%}.comment-author cite{font-style:normal;font-weight:700;color:var(--wpi-text-main)}.comment-meta{font-size:.8125rem;color:var(--wpi-text-muted);margin-bottom:12px}.comment-content{font-size:.9375rem;line-height:1.6;color:var(--wpi-text-muted)}.reply{margin-top:12px}.comment-reply-link{font-size:.8125rem;font-weight:600;color:var(--wpi-primary);text-decoration:none}#respond{margin-top:48px;padding-top:48px;border-top:2px solid var(--wpi-bg-alt)}#reply-title{font-size:1.25rem;font-weight:700;margin-bottom:24px}.comment-form p{margin-bottom:20px}.comment-form label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:12px 16px;border:1px solid var(--wpi-border);border-radius:12px;background:var(--wpi-bg-alt);font-size:.9375rem;transition:all .2s}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--wpi-primary);background:#fff;box-shadow:0 0 0 4px rgba(59,130,246,.1)}.form-submit input[type=submit]{background:var(--wpi-primary);color:#fff;border:none;padding:12px 32px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.form-submit input[type=submit]:hover{background:var(--wpi-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.3)}@keyframes wpi-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}