.guide-hero{background-color:var(--color-bg-dark);padding:var(--section-padding);text-align:center;padding-bottom:0;position:relative;overflow:hidden}.guide-hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 100%,#0066ff1a 0%,#0000 60%);position:absolute;inset:0}.guide-hero .container{z-index:1;max-width:var(--container-narrow);position:relative}.guide-hero__h1{font-size:var(--text-h1);font-weight:var(--weight-black);color:var(--color-text-light);line-height:var(--leading-tight);letter-spacing:-.02em;margin-bottom:var(--space-lg)}.guide-hero__sub{font-size:var(--text-body-lg);color:var(--color-text-light-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-2xl)}.guide-tabs-wrap{z-index:calc(var(--z-nav) - 1);background-color:var(--color-bg-dark);border-bottom:1px solid var(--color-border-dark);margin-top:var(--space-xl);position:sticky;top:72px}.guide-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:var(--container-max);padding-inline:var(--container-padding);align-items:center;gap:0;margin-inline:auto;display:flex;overflow-x:auto}.guide-tabs::-webkit-scrollbar{display:none}.guide-tab{padding:var(--space-md)var(--space-lg);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-text-light-secondary);white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;text-decoration:none;transition:color .2s,border-color .2s}.guide-tab:hover{color:var(--color-text-light)}.guide-tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.seo-basics{background-color:var(--color-bg-light);padding:var(--section-padding)}.seo-basics .container{max-width:var(--container-narrow)}.article-block{margin-bottom:var(--space-3xl)}.article-block:last-child{margin-bottom:0}.article-block__title{font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-text-dark);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary);display:inline-block}.article-block__body{font-size:var(--text-body-lg);color:var(--color-text-dark);line-height:1.8}.article-block__body strong{font-weight:var(--weight-semibold);color:var(--color-primary)}.ai-check-list{margin:var(--space-xl)0;padding:var(--space-xl)var(--space-2xl);background-color:var(--color-bg-light);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md)var(--radius-md)0}.ai-check-list__label{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-primary);letter-spacing:.5px;margin-bottom:var(--space-md);text-transform:uppercase}.ai-check-list ul{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ai-check-list li{align-items:flex-start;gap:var(--space-sm);font-size:var(--text-body-lg);color:var(--color-text-dark);line-height:1.6;display:flex}.ai-check-list__icon{background-color:var(--color-primary);color:#fff;width:22px;height:22px;font-size:12px;font-weight:var(--weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.seo-diagram{align-items:center;gap:var(--space-lg);margin:var(--space-2xl)0;padding:var(--space-xl);background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);grid-template-columns:1fr auto 1fr;display:grid}.seo-diagram__side{border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.seo-diagram__side--bad{background-color:#ff48420d;border:1px dashed #ff48424d}.seo-diagram__side--good{background-color:#00e5a00d;border:1px solid #00e5a04d}.seo-diagram__code{font-family:var(--font-mono);font-size:var(--text-small);text-align:left;color:var(--color-text-dark-secondary);margin-bottom:var(--space-md);line-height:1.7}.seo-diagram__result{font-size:var(--text-small);font-weight:var(--weight-semibold);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-sm)}.seo-diagram__result--bad{color:#ff4842;background-color:#ff48421a}.seo-diagram__result--good{color:var(--color-accent);background-color:#00e5a026}.seo-diagram__arrow{color:var(--color-border-light);font-size:24px}.code-box{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-lg)0;overflow-x:auto}.code-box pre{font-family:var(--font-mono);color:var(--color-text-dark);white-space:pre;margin:0;font-size:14px;line-height:1.7}.code-box .comment{color:var(--color-text-dark-secondary)}.code-box .accent{color:var(--color-accent)}.code-box .tag{color:var(--color-primary)}.howto{background-color:var(--color-bg-dark);padding:var(--section-padding)}.howto .container{max-width:var(--container-narrow)}.howto .section__title{color:var(--color-text-light)}.howto .section__tag{color:var(--color-primary)}.howto .section__desc{color:var(--color-text-light-secondary)}.howto .section__desc a{color:var(--color-primary);text-decoration:none}.howto .section__desc a:hover{text-decoration:underline}.howto-steps{margin-bottom:var(--space-2xl);flex-direction:column;gap:0;display:flex}.howto-step{align-items:flex-start;gap:var(--space-lg);padding-bottom:var(--space-2xl);display:flex;position:relative}.howto-step:last-child{padding-bottom:0}.howto-step:after{content:"";background-color:var(--color-border-dark);width:2px;height:calc(100% - 44px);position:absolute;top:44px;left:19px}.howto-step:last-child:after{display:none}.howto-step__num{background-color:var(--color-primary);color:#fff;width:40px;height:40px;font-size:var(--text-body);font-weight:var(--weight-bold);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.howto-step__content{padding-top:8px}.howto-step__title{font-size:var(--text-h4);font-weight:var(--weight-semibold);color:var(--color-text-light);margin-bottom:var(--space-sm)}.howto-step__desc{font-size:var(--text-body);color:var(--color-text-light-secondary);line-height:var(--leading-relaxed)}.tip-box--dark{background-color:var(--color-bg-dark-secondary);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);padding:var(--space-lg)var(--space-xl);margin-bottom:var(--space-xl)}.tip-box__title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-highlight);margin-bottom:var(--space-sm)}.tip-box__body{font-size:var(--text-body);color:var(--color-text-light-secondary);line-height:var(--leading-relaxed)}.tip-box__body ul{padding-left:var(--space-lg);margin:var(--space-sm)0}.tip-box__body li{margin-bottom:var(--space-xs)}.tip-box__body code{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-accent)}.howto-link{font-size:var(--text-body);color:var(--color-primary);align-items:center;gap:4px;text-decoration:none;transition:gap .2s;display:inline-flex}.howto-link:hover{text-underline-offset:3px;gap:8px;text-decoration:underline}.ftp-guide{background-color:var(--color-bg-light);padding:var(--section-padding)}.ftp-guide__inner{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.ftp-guide .section__header{margin-bottom:var(--space-2xl)}.ftp-fields{gap:var(--space-lg);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.ftp-field{align-items:flex-start;gap:var(--space-md);display:flex}.ftp-field__num{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-primary);flex-shrink:0;width:24px;padding-top:2px}.ftp-field__content{flex:1}.ftp-field__name{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-text-dark);margin-bottom:2px}.ftp-field__desc{font-size:var(--text-small);color:var(--color-text-dark-secondary);line-height:var(--leading-relaxed)}.ftp-field__example{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-primary)}.format-box{background-color:var(--color-primary-light);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.format-box__title{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-text-dark);margin-bottom:var(--space-sm)}.format-box__list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.format-box__list li{font-size:var(--text-small);color:var(--color-text-dark);align-items:flex-start;gap:var(--space-sm);line-height:var(--leading-relaxed);display:flex}.format-box__list li:before{content:"•";color:var(--color-primary);font-weight:var(--weight-bold);flex-shrink:0}.security-note{background-color:var(--color-bg-white);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.security-note__title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-text-dark);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-xs);display:flex}.security-note__text{font-size:var(--text-small);color:var(--color-text-dark-secondary);line-height:var(--leading-relaxed)}.security-note__text strong{font-weight:var(--weight-bold);color:var(--color-text-dark)}.security-note__text .accent{font-weight:var(--weight-bold);color:var(--color-accent)}.ftp-beginner{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-lg)}.ftp-beginner__title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-primary);margin-bottom:var(--space-sm)}.ftp-beginner__text{font-size:var(--text-small);color:var(--color-text-dark-secondary);line-height:var(--leading-relaxed)}.ftp-screenshot{border-radius:var(--radius-lg);border:1px solid var(--color-border-light);width:100%;box-shadow:var(--shadow-lg);display:block}.tools-guide{background-color:var(--color-bg-dark);padding:var(--section-padding)}.tools-guide .container{max-width:var(--container-narrow)}.tools-guide .section__title{color:var(--color-text-light)}.tools-guide .section__tag{color:var(--color-primary)}.tools-guide .section__desc{color:var(--color-text-light-secondary)}.tool-block{margin-bottom:var(--space-3xl);padding-bottom:var(--space-3xl);border-bottom:1px solid var(--color-border-dark)}.tool-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tool-block__header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.tool-block__title{font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-text-light)}.tool-badge{font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-sm);padding:3px 10px}.tool-badge--warning{background-color:var(--color-warning);color:#0a0a0f}.tool-badge--accent{background-color:var(--color-accent);color:#0a0a0f}.tool-steps{margin-bottom:var(--space-xl);flex-direction:column;gap:0;display:flex}.tool-step{align-items:flex-start;gap:var(--space-lg);padding-bottom:var(--space-lg);display:flex;position:relative}.tool-step:last-child{padding-bottom:0}.tool-step:after{content:"";background-color:var(--color-border-dark);width:2px;height:calc(100% - 36px);position:absolute;top:36px;left:15px}.tool-step:last-child:after{display:none}.tool-step__num{background-color:var(--color-primary);color:#fff;width:32px;height:32px;font-size:var(--text-small);font-weight:var(--weight-bold);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.tool-step__text{font-size:var(--text-body);color:var(--color-text-light-secondary);line-height:var(--leading-relaxed);padding-top:6px}.tool-links{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.tool-link-btn{align-items:center;gap:var(--space-xs);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-primary);padding:10px 20px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.tool-link-btn:hover{background-color:var(--color-primary);color:#fff}.tool-tip{border-radius:var(--radius-md);padding:var(--space-md)var(--space-lg);font-size:var(--text-small);color:var(--color-text-light-secondary);line-height:var(--leading-relaxed);background-color:#00e5a014;border:1px solid #00e5a033}.tools-screenshot{width:100%;max-width:760px;margin:var(--space-xl)auto 0;border-radius:var(--radius-lg);border:1px solid var(--color-border-dark);box-shadow:var(--shadow-xl);display:block}.video-guide{background-color:var(--color-bg-light);padding:var(--section-padding)}.video-guide__pending{font-size:var(--text-body-lg);color:var(--color-text-dark-secondary);text-align:center;margin-bottom:var(--space-2xl)}.video-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.video-card{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.video-card__thumb{background-color:#d8d8de;padding-bottom:56.25%;position:relative;overflow:hidden}.video-card__play{background-color:#00000014;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-card__play-icon{color:#0000004d;width:40px;height:40px}.video-card__badge{top:var(--space-sm);right:var(--space-sm);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-sm);background-color:#00000080;padding:2px 8px;position:absolute}.video-card__body{padding:var(--space-md)}.video-card__title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-text-dark);margin-bottom:var(--space-xs)}.video-card__desc{font-size:var(--text-small);color:var(--color-text-dark-secondary);line-height:var(--leading-normal)}.guide-faq{background-color:var(--color-bg-light);padding:var(--section-padding);border-top:1px solid var(--color-border-light)}.guide-faq .container{max-width:var(--container-narrow)}.faq-cats{gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.faq-cat{border-radius:var(--radius-full);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-text-dark-secondary);background-color:var(--color-bg-white);border:1px solid var(--color-border-light);cursor:pointer;padding:6px 16px;transition:background-color .2s,color .2s,border-color .2s}.faq-cat:hover{color:var(--color-primary);border-color:var(--color-primary)}.faq-cat.is-active{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);font-weight:var(--weight-semibold)}.faq__item[data-hidden=true]{display:none}.faq-item-badge{font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);margin-right:var(--space-sm);vertical-align:middle;flex-shrink:0;padding:2px 8px;display:inline-block}.faq-item-badge--service{background-color:var(--color-primary);color:#fff}.faq-item-badge--usage{background-color:var(--color-accent);color:#0a0a0f}.faq-item-badge--effect{background-color:var(--color-highlight);color:#0a0a0f}.faq-item-badge--trust{background-color:var(--color-bg-dark);color:#fff}.guide-cta{background-color:var(--color-bg-dark);padding:var(--section-padding);text-align:center;position:relative;overflow:hidden}.guide-cta:before{content:"";pointer-events:none;background:radial-gradient(#0066ff1a 0%,#0000 60%);position:absolute;inset:0}.guide-cta .container{z-index:1;max-width:var(--container-narrow);position:relative}.guide-cta__h2{font-size:var(--text-h1);font-weight:var(--weight-black);color:var(--color-text-light);line-height:var(--leading-tight);margin-bottom:var(--space-lg)}.guide-cta__sub{font-size:var(--text-body-lg);color:var(--color-text-light-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-2xl)}.guide-cta__btns{justify-content:center;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.guide-cta__secondary{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-text-light);opacity:.7;text-decoration:none;transition:opacity .2s}.guide-cta__secondary:hover{opacity:1;text-underline-offset:3px;text-decoration:underline}@media (max-width:1023px){.video-grid{grid-template-columns:repeat(2,1fr)}.ftp-guide__inner{gap:var(--space-2xl);grid-template-columns:1fr 1fr}}@media (max-width:767px){.guide-hero__h1{font-size:var(--text-h1-mobile)}.guide-hero__sub{font-size:var(--text-body)}.guide-tabs-wrap{top:60px}.guide-tab{padding:var(--space-sm)var(--space-md);font-size:var(--text-small)}.seo-diagram{grid-template-columns:1fr}.seo-diagram__arrow{justify-self:center;transform:rotate(90deg)}.ftp-guide__inner{gap:var(--space-xl);grid-template-columns:1fr}.video-grid{grid-template-columns:1fr}.guide-cta__h2{font-size:var(--text-h1-mobile)}.guide-cta__btns{flex-direction:column}}