.tooltip{position:relative;display:inline;border-bottom:1px dotted var(--primary-color);color:var(--primary-color);cursor:help}.tooltip:after{content:"?";display:inline-block;width:16px;height:16px;border-radius:50%;background-color:var(--primary-color);color:#fff;text-align:center;font-size:.7rem;font-weight:700;line-height:16px;margin-left:3px;vertical-align:middle}.tooltip-text{visibility:hidden;width:280px;background-color:var(--background);color:var(--text-primary);text-align:left;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);position:absolute;z-index:1000;bottom:125%;left:50%;margin-left:-140px;opacity:0;transition:opacity .3s;font-size:.875rem;line-height:1.5;box-shadow:0 4px 12px #00000026;border:1px solid var(--border-color)}.faq-answer-content .tooltip-text{bottom:auto;top:125%}.faq-answer-content .tooltip-text:after{top:auto;bottom:100%;border-color:transparent transparent var(--background) transparent}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--background) transparent transparent transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}[data-theme=dark] .tooltip-text:after{border-color:var(--background) transparent transparent transparent}[data-theme=dark] .faq-answer-content .tooltip-text:after{border-color:transparent transparent var(--background) transparent}@media (max-width: 768px){.tooltip-text{width:220px;margin-left:-110px;font-size:.8rem;padding:var(--space-2)}}.author-section{padding:var(--space-6);background:linear-gradient(135deg,#cc785c0d,#cc785c05);border:1px solid rgba(204,120,92,.15);border-radius:var(--radius-lg);margin-top:var(--space-8);box-shadow:0 2px 10px #cc785c14}.author-profile{display:flex;align-items:center;gap:16px}.author-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.author-info{flex:1}.author-name{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.author-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.author-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.author-links{display:flex;gap:12px;align-items:center}.author-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--primary-color);color:#fff;text-decoration:none;font-size:14px;transition:var(--transition)}.author-link:hover{background:var(--primary-hover);transform:translateY(-2px)}.author-link.blog-featured{position:relative;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));width:auto;padding:8px 16px;border-radius:20px;gap:8px;display:flex;align-items:center;font-weight:500;box-shadow:0 2px 8px #cc785c4d}.author-link.blog-featured:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-color));transform:translateY(-3px);box-shadow:0 4px 12px #cc785c66}.visit-label{font-size:12px;white-space:nowrap}.author-secondary-links{display:flex;gap:12px;align-items:center}[data-theme=dark] .author-section{background:linear-gradient(135deg,#e09b7a14,#e09b7a08);border:1px solid rgba(224,155,122,.2);box-shadow:0 2px 10px #e09b7a1f}[data-theme=dark] .author-avatar{border-color:var(--border-color)}@media (min-width: 768px) and (max-width: 1024px){.author-section{padding:var(--space-5)}.author-profile{gap:var(--space-4)}.author-avatar{width:100px;height:100px}.author-description{font-size:14px;margin-bottom:16px}.author-links{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.author-link.blog-featured{margin-right:12px}}@media (max-width: 767px){.author-section{padding:var(--space-4);margin-top:var(--space-6)}.author-profile{flex-direction:column;text-align:center;gap:var(--space-3)}.author-avatar{width:100px;height:100px;margin:0 auto}.author-info{width:100%}.author-name{font-size:18px;margin-bottom:4px}.author-subtitle{font-size:13px;margin-bottom:12px}.author-description{font-size:13px;line-height:1.6;margin-bottom:20px;padding:0 var(--space-2)}.author-links{flex-direction:column;gap:12px;align-items:center;width:100%}.author-link{width:100%;max-width:280px;height:44px;font-size:14px;border-radius:var(--radius);justify-content:center}.author-link.blog-featured{width:100%;max-width:280px;padding:12px 20px;border-radius:var(--radius);order:-1}.author-links{display:grid;grid-template-columns:1fr;gap:12px}.author-secondary-links{display:flex;gap:12px;width:100%;max-width:280px;margin:0 auto;justify-content:center}.author-link:not(.blog-featured){flex:1;width:auto;max-width:80px}}@media (max-width: 767px) and (orientation: landscape){.author-section{padding:var(--space-3) var(--space-4);margin-top:var(--space-4)}.author-profile{flex-direction:row;text-align:left;gap:var(--space-4);align-items:flex-start}.author-avatar{width:100px;height:100px;margin:0;flex-shrink:0}.author-info{flex:1}.author-name{font-size:16px;margin-bottom:2px}.author-subtitle{font-size:12px;margin-bottom:8px}.author-description{font-size:12px;line-height:1.5;margin-bottom:12px;padding:0;max-width:none}.author-links{flex-direction:row;gap:8px;align-items:center;width:auto;flex-wrap:wrap}.author-link{width:auto;height:32px;font-size:12px}.author-link.blog-featured{width:auto;max-width:none;padding:6px 12px;order:0}.author-secondary-links{display:flex;gap:8px;width:auto;max-width:none;margin:0}.author-link:not(.blog-featured){width:32px;height:32px;max-width:none}}.container{max-width:900px;margin:0 auto;padding:0 var(--space-3)}.about-header{text-align:center;padding:var(--space-6) 0;margin-bottom:var(--space-6)}.about-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:var(--space-2);color:var(--primary-color)}.about-title i{color:var(--primary-color);margin-right:var(--space-2)}.about-subtitle{font-size:clamp(1.125rem,3vw,1.5rem);color:var(--text-secondary);font-weight:300}.about-content section{margin-bottom:var(--space-8)}.about-content h2{font-size:2rem;font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary)}.intro-section{background:linear-gradient(135deg,#cc785c14,#cc785c08);border:1px solid rgba(204,120,92,.2);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.intro-section h2{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.intro-section h2:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--primary-color);font-size:1.5rem;animation:robotFloat 2s ease-in-out infinite}@keyframes robotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.features-section h2{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.features-section h2:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--primary-color);font-size:1.5rem}.intro-content p{font-size:1.125rem;line-height:1.7;margin-bottom:var(--space-3);color:var(--text-secondary)}[data-theme=dark] .intro-section{background:#e09b7a14;border:1px solid rgba(224,155,122,.3)}.beginner-tip{background:#f5f0eb;border-left:4px solid var(--primary-color);padding:var(--space-3);margin-top:var(--space-4);font-size:.95rem;line-height:1.65;color:var(--text-primary)}.beginner-tip strong{font-weight:600;color:var(--primary-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.feature-icon{font-size:1.5rem;margin-right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#cc785c1a;border-radius:50%;vertical-align:middle}.feature-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-4);transition:var(--transition)}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.feature-card.recommended{border-color:var(--primary-color);background:#cc785c05;position:relative}.feature-card.highlighted{background:#fff;border:1px solid var(--border-color)}.feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.feature-card.highlighted .feature-title-wrapper{margin-bottom:var(--space-3)}.feature-title-wrapper{display:flex;align-items:center;flex:1}.feature-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);display:inline-block;vertical-align:middle;margin:0}.recommendation-badge{background:var(--primary-color);color:#fff;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;position:absolute;top:-16px;right:12px;z-index:10}.feature-card p{line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-2)}.feature-example,.feature-simple{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-2);margin-top:var(--space-2);font-size:.875rem;line-height:1.5;color:var(--text-primary)}.target-users-box{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-4)}.target-users-list{list-style:none;padding:0;margin:0}.target-user-item{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);font-size:1rem;line-height:1.6;color:var(--text-primary)}.target-user-item:last-child{margin-bottom:0}.target-user-icon{width:24px;height:24px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;flex-shrink:0;margin-top:2px}.target-user-text{flex:1}.target-user-text strong{font-weight:600;color:var(--text-primary)}[data-theme=dark] .target-users-box{background:#2a2a2a;border-color:#444}[data-theme=dark] .beginner-tip{background:#2a2a2acc;border-left-color:#e09b7a;color:#e5e5e5}[data-theme=dark] .about-title{color:#e09b7a}[data-theme=dark] .about-subtitle{color:#c4c4c4}[data-theme=dark] .about-content h2{color:#f5f5f5}[data-theme=dark] .intro-section h2:before{color:#e09b7a}[data-theme=dark] .features-section h2:before{color:#e09b7a}[data-theme=dark] .intro-content p{color:#c4c4c4}[data-theme=dark] .feature-icon{background:#e09b7a33;color:#e09b7a}[data-theme=dark] .feature-card{background:#2a2a2a;border-color:#444}[data-theme=dark] .feature-card:hover{border-color:#e09b7a;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .feature-card.recommended{border-color:#e09b7a;background:#e09b7a0d}[data-theme=dark] .feature-card.highlighted{background:#2a2a2a;border-color:#444}[data-theme=dark] .feature-card h3{color:#f5f5f5}[data-theme=dark] .feature-card p{color:#c4c4c4}[data-theme=dark] .feature-example,[data-theme=dark] .feature-simple{background:#404040;color:#e5e5e5}[data-theme=dark] .target-user-item{color:#e5e5e5}[data-theme=dark] .target-user-text strong{color:#f5f5f5}[data-theme=dark] .target-user-icon{background-color:#e09b7a;color:#1a1a1a}[data-theme=dark] .about-faq-item{background:#2a2a2a;border-color:#444}[data-theme=dark] .about-faq-item:hover{border-color:#e09b7a;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .faq-q{color:#e09b7a}[data-theme=dark] .faq-a{color:#90ee90}[data-theme=dark] .cta-section{background:linear-gradient(135deg,#e09b7a26,#e09b7a14);border:2px solid rgba(224,155,122,.4);box-shadow:0 4px 20px #e09b7a33}[data-theme=dark] .cta-section h2{color:#f5f5f5}[data-theme=dark] .cta-subtitle{color:#c4c4c4}[data-theme=dark] .cta-info{color:#b4b4b4}[data-theme=dark] .cta-info span{background:#404040;border-color:#666}.about-faq-item{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-smooth)}.about-faq-item:hover{border-color:var(--border-color);box-shadow:0 2px 8px #00000014}[data-theme=dark] .about-faq-item{background:var(--surface)}.faq-section h2{text-align:center;margin-bottom:var(--space-5)}.faq-q{color:var(--primary-color);font-weight:600;margin-right:var(--space-1)}.faq-a{color:var(--success-color);font-weight:600;margin-right:var(--space-1)}.cta-section{text-align:center;background:linear-gradient(135deg,#cc785c1f,#cc785c0f);border:2px solid rgba(204,120,92,.3);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-8);box-shadow:0 4px 20px #cc785c26}.cta-section h2{font-size:2rem;margin-bottom:var(--space-2)}.cta-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--space-3)}.cta-info{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4);color:var(--text-muted);font-size:.875rem}.cta-info span{background:var(--background);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-color)}@media (max-width: 768px){.container{padding:0 var(--space-2)}.about-header{padding:var(--space-4) 0;margin-bottom:var(--space-4)}.about-title{font-size:2rem;margin-bottom:var(--space-2)}.about-title i{font-size:1.75rem;margin-right:var(--space-1)}.about-subtitle{font-size:1rem}.about-content section{margin-bottom:var(--space-5)}.about-content h2{font-size:1.5rem;margin-bottom:var(--space-3)}.intro-section{padding:var(--space-4);margin-bottom:var(--space-4)}.intro-section h2:before,.features-section h2:before{font-size:1.25rem}.intro-content p{font-size:1rem;line-height:1.6}.beginner-tip{padding:var(--space-2);margin-top:var(--space-3);font-size:.875rem}.features-grid{grid-template-columns:1fr;gap:var(--space-3)}.feature-card{padding:var(--space-3)}.feature-icon{width:40px;height:40px;font-size:1.25rem}.feature-card h3{font-size:1.125rem}.recommendation-badge{font-size:.7rem;padding:4px 10px;top:-12px;right:10px}.target-users-box{padding:var(--space-4)}.target-user-item{gap:var(--space-2);margin-bottom:var(--space-3);font-size:.9375rem}.target-user-icon{width:20px;height:20px;font-size:.7rem}.cta-section{padding:var(--space-4);margin-top:var(--space-5)}.cta-section h2{font-size:1.5rem}.cta-subtitle{font-size:1rem}.cta-info{flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.cta-info span{font-size:.8125rem}}@media (max-width: 480px){.about-header{padding:var(--space-3) 0}.about-title{font-size:1.75rem}.about-title i{display:block;margin:0 0 var(--space-2) 0}.about-subtitle{font-size:.9375rem}.about-content h2{font-size:1.25rem}.intro-section{padding:var(--space-3)}.feature-card{padding:var(--space-2)}.target-users-box,.cta-section{padding:var(--space-3)}}@media (max-width: 767px) and (orientation: landscape){.container{padding:0 var(--space-4)}.about-header{padding:var(--space-4) 0}.about-title{font-size:1.75rem}.about-subtitle{font-size:.875rem}.intro-section h2,.features-section h2,.target-users-section h2,.faq-section h2{font-size:1.25rem;margin-bottom:var(--space-3)}.features-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}.feature-card{padding:var(--space-3)}.cta-section{padding:var(--space-4) var(--space-3)}.cta-section h2{font-size:1.25rem;margin-bottom:var(--space-2)}.cta-subtitle{font-size:.875rem;margin-bottom:var(--space-3)}}