.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content-area.full-width{background:var(--bg-primary);font-family:var(--font-primary);line-height:1.6;color:var(--text-secondary);overflow-x:hidden}.fob-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.fob-hero-section{background:linear-gradient(135deg,var(--primary-brand) 0%,var(--primary-brand-dark) 100%);color:#fff;padding:var(--space-24) 0;position:relative;overflow:hidden}.fob-hero-section:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.fob-hero-wrapper,.fob-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:center;padding:var(--space-20) 0}@media (max-width:1024px){.fob-hero-wrapper,.fob-hero-layout{grid-template-columns:1fr;text-align:center}}@media (max-width:768px){.fob-hero-wrapper,.fob-hero-layout{grid-template-columns:1fr;gap:var(--space-8);padding:0 var(--container-padding);text-align:center}}@media (max-width:768px){.main-layout.page-full-width .container{padding:0 var(--container-padding)}section.fob-conclusion-section.full-width-container{padding-left:var(--container-padding);padding-right:var(--container-padding)}}.fob-hero-content{position:relative;z-index:2}.fob-hero-title{font-size:var(--text-5xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-6);color:#fff}.fob-hero-subtitle{font-size:var(--text-lg);line-height:1.7;margin-bottom:var(--space-8);color:rgba(255,255,255,.9)}@media (max-width:1024px){.fob-hero-title{font-size:var(--text-4xl);line-height:1.2}.fob-hero-subtitle{font-size:var(--text-base)}}@media (max-width:768px){.fob-hero-title{font-size:var(--text-3xl);line-height:1.3}.fob-hero-subtitle{font-size:var(--text-base);line-height:1.6}}.fob-hero-highlights{display:flex;flex-wrap:wrap;gap:var(--space-6);list-style:none;padding:0;margin:0}.fob-highlight-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:rgba(255,255,255,.1);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}@media (max-width:1024px){.fob-hero-highlights{justify-content:center}}@media (max-width:768px){.fob-hero-highlights{flex-direction:column;gap:var(--space-4)}.fob-highlight-item{justify-content:center;padding:var(--space-3) var(--space-5)}.fob-highlight-icon{font-size:var(--text-base)}.fob-highlight-text{font-size:var(--text-sm)}}.fob-highlight-icon{font-size:var(--text-xl)}.fob-highlight-text{font-size:var(--text-base);font-weight:600;color:#fff}.fob-hero-image{position:relative;z-index:2;margin:0;display:flex;justify-content:center;align-items:center}.fob-hero-image img{width:100%;height:auto;max-width:800px;filter:brightness(1.1) contrast(1.1)}@media (max-width:1024px){.fob-hero-image img{max-width:100%;max-height:300px;object-fit:contain}}@media (max-width:768px){.fob-hero-image img{max-height:250px;margin-top:var(--space-4)}}.fob-intro-section,.fob-advantages-section,.fob-knowledge-section,.fob-process-section,.fob-tips-section,.fob-materials-section,.fob-company-section,.fob-video-section,.fob-faq-section,.fob-cases-section,.fob-tools-section,.fob-timeline-section,.fob-mistakes-section,.fob-trends-section,.fob-conclusion-section{padding:var(--spacing-section) 0}.fob-intro-section,.fob-knowledge-section,.fob-tips-section,.fob-company-section,.fob-faq-section,.fob-mistakes-section,.fob-conclusion-section{background:var(--bg-secondary)}.fob-section-title{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--space-6);line-height:1.2}.fob-section-subtitle{font-size:var(--text-lg);color:var(--text-tertiary);text-align:center;margin-bottom:var(--spacing-content);line-height:1.6}.two-column-layout .layout-content{--gap:var(--space-12)}.fob-intro-text{font-size:var(--text-lg);line-height:1.7}.fob-intro-desc{margin-bottom:var(--space-6);font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary)}.fob-stats-grid{display:grid;gap:var(--space-6);width:100%}.fob-stat-item{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:all var(--transition-normal)}.fob-stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.fob-stat-number{font-size:var(--text-3xl);font-weight:700;color:var(--primary-brand);margin-bottom:var(--space-2)}.fob-stat-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.fob-advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-top:var(--spacing-content)}.fob-advantage-card{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:all var(--transition-normal);text-align:center}.fob-advantage-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.fob-advantage-icon{font-size:var(--text-5xl);margin-bottom:var(--space-6);display:block}.fob-advantage-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.fob-advantage-desc{color:var(--text-secondary);line-height:1.6}.fob-knowledge-cards{display:grid;gap:var(--space-8);margin-top:var(--spacing-content)}.fob-knowledge-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);overflow:hidden;transition:all var(--transition-normal)}.fob-knowledge-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.fob-knowledge-header{background:var(--primary-brand);color:#fff;padding:var(--space-6) var(--space-8);display:flex;justify-content:space-between;align-items:center}.fob-knowledge-title{font-size:var(--text-xl);font-weight:600;margin:0;color:#fff}.fob-knowledge-badge{background:rgba(255,255,255,.2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.fob-knowledge-content{padding:var(--space-8)}.fob-knowledge-content p{margin-bottom:var(--space-4);line-height:1.6}.fob-knowledge-content ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.fob-knowledge-content li{margin-bottom:var(--space-2);line-height:1.6}.fob-process-timeline{margin-top:var(--spacing-content);position:relative}.fob-process-timeline:before{content:'';position:absolute;left:60px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary-brand),var(--accent-cta))}.fob-process-item{display:flex;margin-bottom:var(--space-16);position:relative}.fob-process-marker{flex-shrink:0;width:120px;height:120px;background:var(--primary-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:var(--space-8);box-shadow:var(--shadow-lg);position:relative;z-index:2}.fob-process-number{font-size:var(--text-3xl);font-weight:700;color:#fff}.fob-process-content{flex:1;background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:all var(--transition-normal)}.fob-process-content:hover{transform:translateX(8px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.fob-process-title{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.fob-process-desc{color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6}.fob-process-steps{display:grid;gap:var(--space-6)}.fob-step-item h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.fob-step-item p{line-height:1.6;color:var(--text-secondary)}.fob-requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.fob-requirement-item{background:var(--bg-secondary);padding:var(--space-6);border-radius:var(--radius-lg);border-left:4px solid var(--primary-brand)}.fob-requirement-item h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.fob-requirement-item p{margin-bottom:var(--space-4);line-height:1.6}.fob-requirement-item ul{margin:var(--space-3) 0;padding-left:var(--space-5)}.fob-requirement-item li{margin-bottom:var(--space-2);line-height:1.5}.fob-server-recommendations{margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light)}.fob-tip{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.fob-promotion-tabs{margin-top:var(--space-6);display:grid;gap:var(--space-8)}.fob-promotion-category h4{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.fob-promotion-methods{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.fob-method-tag{background:var(--bg-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);border:1px solid var(--border-light);transition:all var(--transition-fast)}.fob-method-tag:hover{background:var(--primary-brand);color:#fff;border-color:var(--primary-brand)}.fob-promotion-note{background:var(--bg-card);padding:var(--space-6);border-radius:var(--radius-lg);border-left:4px solid var(--accent-cta);margin-top:var(--space-6)}.fob-tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin-top:var(--spacing-content)}.fob-tips-category-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-6);text-align:center}.fob-tips-list{display:grid;gap:var(--space-4)}.fob-tip-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.fob-tip-danger{background:rgba(245,101,101,.05);border-left:4px solid var(--error-red)}.fob-tip-danger:hover{background:rgba(245,101,101,.1);transform:translateX(4px)}.fob-tip-success{background:rgba(72,187,120,.05);border-left:4px solid var(--success-green)}.fob-tip-success:hover{background:rgba(72,187,120,.1);transform:translateX(4px)}.fob-tip-icon{font-size:var(--text-lg);font-weight:600;flex-shrink:0;margin-top:var(--space-1)}.fob-tip-text{line-height:1.6;color:var(--text-secondary)}.fob-tips-image{text-align:center;margin-top:var(--space-12)}.fob-tips-image img{max-width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.fob-materials-checklist{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin-top:var(--spacing-content)}.fob-material-category h3{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-8);text-align:center}.fob-material-items{display:grid;gap:var(--space-6)}.fob-material-item{background:var(--bg-card);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:all var(--transition-normal)}.fob-material-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.fob-material-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.fob-material-number{width:32px;height:32px;background:var(--primary-brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;flex-shrink:0}.fob-material-header h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.fob-material-item p{line-height:1.6;color:var(--text-secondary)}.fob-company-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:start;margin-top:var(--spacing-content)}.fob-company-intro{font-size:var(--text-lg);line-height:1.7;margin-bottom:var(--space-8);color:var(--text-secondary)}.fob-selection-criteria h3{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6)}.fob-criteria-list{display:grid;gap:var(--space-6)}.fob-criterion-item{display:flex;gap:var(--space-4);align-items:flex-start}.fob-criterion-number{width:40px;height:40px;background:var(--primary-brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:600;flex-shrink:0}.fob-criterion-content h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.fob-criterion-content p{line-height:1.6;color:var(--text-secondary)}.fob-company-image{display:flex;align-items:center;justify-content:center}.fob-company-image img{max-width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.fob-video-content{max-width:800px;margin:0 auto;text-align:center}.fob-video-content p{font-size:var(--text-lg);line-height:1.7;margin-bottom:var(--space-8);color:var(--text-secondary)}.fob-video-wrapper{background:var(--bg-card);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.fob-video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg)}.fob-video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.fob-faq-section .accordion-component{--accordion-bg-primary:var(--bg-card);--accordion-bg-secondary:var(--bg-secondary);--accordion-text-primary:var(--text-primary);--accordion-text-secondary:var(--text-secondary);--accordion-border-color:var(--border-light);--accordion-accent-primary:var(--primary-brand);--accordion-accent-secondary:var(--accent-cta);--accordion-radius:var(--radius-lg);--accordion-shadow:var(--shadow-card);--accordion-transition:var(--transition-normal);--accordion-spacing:var(--space-4);margin-top:var(--spacing-content)}.fob-faq-answer{padding:var(--space-6)}.fob-faq-answer h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:var(--space-4) 0 var(--space-3) 0}.fob-faq-answer ul{margin:var(--space-3) 0;padding-left:var(--space-6)}.fob-faq-answer li{margin-bottom:var(--space-2);line-height:1.6}.fob-cost-breakdown,.fob-wordpress-advantages,.fob-backup-note,.fob-seo-tips,.fob-outsource-tips,.fob-ownership-warning{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-4) 0;border-left:4px solid var(--primary-brand)}.fob-tools-categories{margin-top:var(--spacing-content);display:grid;gap:var(--space-16)}.fob-tool-category-title{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-8);text-align:center}.fob-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.fob-tool-item{background:var(--bg-card);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);text-align:center;transition:all var(--transition-normal)}.fob-tool-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.fob-tool-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);display:block}.fob-tool-name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.fob-tool-desc{color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.5}.fob-tool-rating{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.fob-timeline-content{margin-top:var(--spacing-content);position:relative}.fob-timeline-content:before{content:'';position:absolute;left:100px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary-brand),var(--accent-cta))}.fob-timeline-item{display:flex;align-items:flex-start;margin-bottom:var(--space-12);position:relative}.fob-timeline-marker{width:200px;background:var(--primary-brand);color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:600;text-align:center;margin-right:var(--space-8);box-shadow:var(--shadow-md);position:relative;z-index:2}.fob-timeline-content-detail{flex:1;background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:all var(--transition-normal)}.fob-timeline-content-detail:hover{transform:translateX(8px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.fob-timeline-content-detail h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.fob-timeline-content-detail ul{margin:0;padding-left:var(--space-6)}.fob-timeline-content-detail li{margin-bottom:var(--space-2);line-height:1.6;color:var(--text-secondary)}.fob-mistakes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-8);margin-top:var(--spacing-content)}.fob-mistake-item{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:all var(--transition-normal)}.fob-mistake-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--error-red)}.fob-mistake-icon{font-size:var(--text-4xl);text-align:center;margin-bottom:var(--space-6);display:block}.fob-mistake-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:var(--space-6)}.fob-mistake-content{display:grid;gap:var(--space-6)}.fob-mistake-point{padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--error-red);background:rgba(245,101,101,.05)}.fob-mistake-point h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.fob-mistake-point p{margin-bottom:var(--space-2);line-height:1.6;color:var(--text-secondary)}.fob-trends-content{margin-top:var(--spacing-content);display:grid;gap:var(--space-12)}.fob-trend-item{display:flex;gap:var(--space-8);align-items:flex-start}.fob-trend-number{width:80px;height:80px;background:var(--primary-brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:700;flex-shrink:0;box-shadow:var(--shadow-lg)}.fob-trend-content-detail{flex:1;background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:all var(--transition-normal)}.fob-trend-content-detail:hover{transform:translateX(8px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.fob-trend-content-detail h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.fob-trend-content-detail p{line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-4)}.fob-trend-applications,.fob-video-types{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.fob-app-tag,.fob-video-tag{background:var(--primary-brand);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.fob-trend-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-6);margin:var(--space-4) 0}.fob-stat-item{text-align:center;background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-md)}.fob-stat-number{font-size:var(--text-2xl);font-weight:700;color:var(--primary-brand);margin-bottom:var(--space-1)}.fob-stat-desc{font-size:var(--text-sm);color:var(--text-tertiary)}.fob-localization-aspects{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin:var(--space-4) 0}.fob-local-item{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);text-align:center}.fob-local-item h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.fob-local-item p{font-size:var(--text-sm);color:var(--text-secondary)}.fob-conclusion-content{max-width:900px;margin:0 auto;text-align:center}.fob-conclusion-title{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6)}.fob-conclusion-desc{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-12)}.fob-quick-start{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);margin-bottom:var(--space-12);text-align:left}.fob-quick-start h3{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6);text-align:center}.fob-quick-steps{counter-reset:step-counter;list-style:none;padding:0;margin:0}.fob-quick-steps li{counter-increment:step-counter;position:relative;padding:var(--space-4) 0 var(--space-4) var(--space-16);margin-bottom:var(--space-4);line-height:1.6;color:var(--text-secondary)}.fob-quick-steps li:before{content:counter(step-counter);position:absolute;left:0;top:var(--space-4);width:40px;height:40px;background:var(--primary-brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-lg)}.fob-help-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.fob-help-option{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);text-align:left;transition:all var(--transition-normal)}.fob-help-option:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.fob-help-option h4{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.fob-help-option p{line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-6)}.fob-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;font-family:var(--font-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);line-height:1}.fob-btn-primary{background:var(--primary-brand);color:#fff}.fob-btn-primary:hover{background:var(--primary-brand-dark);transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff;text-decoration:none}.fob-btn-secondary{background:0 0;color:var(--primary-brand);border:2px solid var(--primary-brand)}.fob-btn-secondary:hover{background:var(--primary-brand);color:#fff;text-decoration:none}.fob-link{color:var(--primary-brand);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.fob-link:hover{color:var(--primary-brand-dark);text-decoration:underline}.fob-method-tag .fob-link:hover{color:#fff;text-decoration:underline}@media (max-width:1024px){.fob-hero-content,.fob-intro-content,.fob-company-content{grid-template-columns:1fr;gap:var(--space-8)}.fob-tips-grid,.fob-materials-checklist,.fob-help-options{grid-template-columns:1fr;gap:var(--space-8)}.fob-process-timeline:before,.fob-timeline-content:before{display:none}.fob-process-item,.fob-timeline-item{flex-direction:column;align-items:center;text-align:center}.fob-process-marker,.fob-timeline-marker{margin-right:0;margin-bottom:var(--space-4)}.fob-trend-item{flex-direction:column;align-items:center;text-align:center}.fob-trend-number{margin-bottom:var(--space-4)}}@media (max-width:768px){.fob-container{padding:0 var(--space-4);max-width:100%;overflow-x:hidden}.fob-hero-section{padding:var(--space-16) 0}.fob-hero-wrapper{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.fob-hero-title{font-size:var(--text-3xl)}.fob-hero-subtitle{font-size:var(--text-base)}.fob-hero-highlights{justify-content:center}.fob-section-title{font-size:var(--text-2xl)}.fob-advantages-grid,.fob-cases-grid,.fob-tools-grid,.fob-mistakes-grid{grid-template-columns:1fr}.fob-requirements-grid{grid-template-columns:1fr}.fob-promotion-methods,.fob-case-stats,.fob-case-features,.fob-trend-applications,.fob-video-types{justify-content:center}.fob-summary-stats{grid-template-columns:1fr;gap:var(--space-6)}.fob-quick-steps li{padding-left:var(--space-12)}.fob-quick-steps li:before{width:32px;height:32px;font-size:var(--text-base)}.fob-process-content,.fob-timeline-content-detail{padding:var(--space-6);margin:0}.fob-process-title{font-size:var(--text-lg);margin-bottom:var(--space-3)}.fob-process-desc{font-size:var(--text-sm);margin-bottom:var(--space-4)}.fob-process-marker,.fob-timeline-marker{display:none}.fob-process-content:before,.fob-timeline-content-detail:before{content:attr(data-step);display:inline-block;width:24px;height:24px;background:var(--primary-brand);color:#fff;border-radius:50%;text-align:center;line-height:24px;font-size:var(--text-sm);font-weight:600;margin-right:var(--space-2);margin-bottom:var(--space-2);float:left}.fob-step-item h4{font-size:var(--text-base);margin-bottom:var(--space-2)}.fob-step-item p{font-size:var(--text-sm);line-height:1.5}.fob-requirement-item{padding:var(--space-4)}.fob-requirement-item h4{font-size:var(--text-base);margin-bottom:var(--space-2)}.fob-requirement-item p{font-size:var(--text-sm);line-height:1.5}.fob-method-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.fob-server-recommendations{padding:var(--space-3)}.fob-server-recommendations ul{padding-left:var(--space-4)}.fob-server-recommendations li{font-size:var(--text-sm)}}@media (max-width:480px){.fob-hero-highlights{flex-direction:column;align-items:center}.fob-highlight-item{width:100%;justify-content:center}.fob-process-marker,.fob-timeline-marker{display:none !important}.fob-process-number{font-size:var(--text-xl)}.fob-trend-number{width:60px;height:60px;font-size:var(--text-xl)}.fob-material-header{flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.fob-criterion-item{flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.fob-process-content,.fob-timeline-content-detail{padding:var(--space-4);word-wrap:break-word;overflow-wrap:break-word}.fob-process-title{font-size:var(--text-base);line-height:1.3}.fob-process-desc{font-size:var(--text-xs);line-height:1.4}.fob-step-item h4{font-size:var(--text-sm);line-height:1.3}.fob-step-item p{font-size:var(--text-xs);line-height:1.4}.fob-requirement-item{padding:var(--space-3)}.fob-requirement-item h4{font-size:var(--text-sm)}.fob-requirement-item p{font-size:var(--text-xs)}.fob-requirement-item ul{padding-left:var(--space-3)}.fob-requirement-item li{font-size:var(--text-xs)}.fob-method-tag{font-size:10px;padding:2px 6px}.fob-server-recommendations{padding:var(--space-2)}.fob-server-recommendations p{font-size:var(--text-xs)}.fob-server-recommendations li{font-size:10px}.fob-process-section *,.fob-timeline-section *{word-break:break-word;hyphens:auto;max-width:100%}.fob-promotion-note{padding:var(--space-3)}.fob-promotion-note p{font-size:var(--text-xs);line-height:1.4}.content-area.full-width *{max-width:100%;box-sizing:border-box}.fob-process-section img,.fob-timeline-section img,.fob-process-section iframe,.fob-timeline-section iframe{max-width:100%;height:auto}.fob-process-item,.fob-timeline-item{width:100%;max-width:100%;overflow:hidden}.fob-process-content,.fob-timeline-content-detail{width:100%;max-width:100%;box-sizing:border-box}}