.guide-badge{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-primary);margin-bottom:var(--space-md);display:inline-block}.guide-hero{padding:var(--space-5xl) 0;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-accent-bg) 50%,var(--color-bg-secondary) 100%);border-bottom:1px solid var(--color-border-subtle)}.guide-hero-layout{display:grid;grid-template-columns:1fr auto;gap:var(--space-5xl);align-items:center;max-width:1100px;margin:0 auto}.guide-hero-title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.guide-hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:520px;line-height:1.7;margin-bottom:var(--space-xl)}.guide-hero-meta{display:flex;gap:var(--space-xl);flex-wrap:wrap}.guide-hero-meta .meta-item{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--color-text-tertiary)}.guide-hero-meta .meta-item svg{color:var(--color-accent-primary);flex-shrink:0}.guide-hero-visual{position:relative}.guide-hero .hero-abstract{position:relative;width:160px;height:160px}.guide-hero .hero-shape{position:absolute;border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle)}.guide-hero .hero-shape--1{width:120px;height:120px;top:0;left:0;background:var(--color-bg-secondary);animation:guideShapeFloat 8s ease-in-out infinite}.guide-hero .hero-shape--2{width:80px;height:80px;top:60px;left:70px;background:#f9731614;border-color:#f9731633;animation:guideShapeFloat 8s ease-in-out infinite;animation-delay:-2s}.guide-hero .hero-shape--3{width:50px;height:50px;top:20px;left:90px;background:#f9731626;border-color:#f973164d;border-radius:50%;animation:guideShapeFloat 8s ease-in-out infinite;animation-delay:-4s}@keyframes guideShapeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.guide-section{padding:var(--space-4xl) 0 var(--space-5xl)}.article-body{max-width:720px;margin:0 auto}.article-body h2{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);margin-top:var(--space-4xl);margin-bottom:var(--space-lg);letter-spacing:-.02em;scroll-margin-top:100px}.article-body h3{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.article-body>h2:first-child{margin-top:0}.article-body p{font-size:var(--text-base);line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.article-body a{color:var(--color-accent-primary);text-decoration:underline;text-underline-offset:2px}.article-body strong{color:var(--color-text-primary)}.article-body ul{margin:0 0 var(--space-lg);padding-left:var(--space-lg);color:var(--color-text-secondary);line-height:1.8}.article-body li{margin-bottom:var(--space-sm)}.guide-answer{background:var(--color-accent-bg);border:1px solid var(--color-accent-border);border-left:3px solid var(--color-accent-primary);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-2xl)}.guide-answer h2{font-size:var(--text-sm)!important;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-hover);margin:0 0 var(--space-sm)!important}.guide-answer p{margin-bottom:0;color:var(--color-text-primary)}.guide-answer p+p{margin-top:var(--space-md)}.guide-table-wrap{overflow-x:auto;margin:var(--space-xl) 0 var(--space-2xl);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface)}.guide-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:480px}.guide-table th{text-align:left;padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:700;border-bottom:1px solid var(--color-border-default);white-space:nowrap}.guide-table td{padding:var(--space-md) var(--space-lg);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle);line-height:1.6}.guide-table tr:last-child td{border-bottom:none}.guide-table td strong{color:var(--color-text-primary)}.guide-table .num{white-space:nowrap}.guide-table a{color:var(--color-accent-primary);text-decoration:underline;text-underline-offset:2px}.steps-flow,.tips-list{display:flex;flex-direction:column;gap:var(--space-lg);margin:var(--space-xl) 0 var(--space-2xl);padding-left:var(--space-lg);border-left:2px solid var(--color-border-subtle)}.step-row,.tip-row{display:flex;gap:var(--space-lg);align-items:baseline;font-size:var(--text-base);line-height:1.7;color:var(--color-text-secondary)}.step-num{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-primary);color:#fff;font-size:var(--text-sm);font-weight:700;border-radius:50%;margin-top:2px}.tip-num{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:var(--color-accent-primary)}.step-row strong,.tip-row strong{color:var(--color-text-primary)}.step-row a,.tip-row a{color:var(--color-accent-primary);text-decoration:underline;text-underline-offset:2px}.guide-note{display:flex;gap:var(--space-md);padding:var(--space-lg);margin:var(--space-xl) 0;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.7;color:var(--color-text-secondary)}.guide-note svg{flex-shrink:0;color:var(--color-accent-primary);margin-top:2px}.guide-note strong{color:var(--color-text-primary)}.guide-note a{color:var(--color-accent-primary);text-decoration:underline;text-underline-offset:2px}.guide-faq{display:flex;flex-direction:column;gap:var(--space-lg);margin:var(--space-xl) 0 var(--space-2xl)}.guide-faq-item{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.guide-faq-item h3{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-sm)}.guide-faq-item p{margin:0;font-size:var(--text-sm);line-height:1.75}.guide-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md);margin:var(--space-xl) 0 0}.guide-related a{display:block;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:border-color .2s ease,transform .2s ease}.guide-related a:hover{border-color:var(--color-accent-light);transform:translateY(-2px)}.guide-related strong{display:block;color:var(--color-text-primary);font-size:var(--text-base);margin-bottom:4px}.guide-related span{color:var(--color-text-tertiary);font-size:var(--text-sm);line-height:1.6}.guide-cta{padding:var(--space-4xl) 0 var(--space-5xl);background:var(--color-bg-primary)}.guide-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3xl);max-width:1100px;margin:0 auto;padding:var(--space-3xl) var(--space-4xl);background:var(--gradient-accent);border-radius:var(--radius-xl);box-shadow:0 24px 48px #f9731638}.guide-cta-text h2{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-sm);letter-spacing:-.03em;color:#fff}.guide-cta-text p{font-size:var(--text-lg);color:#ffffffd9;margin:0}.guide-cta .cta-btn.btn-primary{background:#fff;color:var(--color-accent-hover);box-shadow:var(--shadow-lg);flex-shrink:0}.guide-cta .cta-btn.btn-primary:hover{background:#fffdfa;box-shadow:var(--shadow-xl)}@media(max-width:1024px){.guide-hero-layout{grid-template-columns:1fr;gap:var(--space-3xl)}.guide-hero-visual{display:none}.guide-cta-inner{flex-direction:column;text-align:center}.guide-cta-text p{max-width:400px;margin:0 auto}.guide-cta .cta-btn{width:100%}}@media(max-width:768px){.guide-hero{padding:var(--space-4xl) 0}.guide-hero-subtitle{max-width:100%}.guide-hero-meta{flex-direction:column;gap:var(--space-sm)}}