@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--brix-blue: #2563eb;--brix-blue-dark: #1d4ed8;--brix-blue-light: #eff6ff;--brix-green: #059669;--brix-green-light: #ecfdf5;--brix-orange: #d97706;--brix-orange-light: #fffbeb;--brix-purple: #6b46c1;--brix-purple-light: #f3f0ff;--bg-page: #f8fafc;--bg-white: #ffffff;--border-light: #e5e7eb;--text-primary: #0d1117;--text-secondary: #3d4450;--text-muted: #6b7280;--radius: 12px;--shadow: 0 1px 3px rgba(0,0,0,.06)}.guide-page{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}.guide-header{background:var(--bg-white);border-bottom:1px solid var(--border-light);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);background:#ffffffeb}.guide-header .logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.guide-header .logo-icon{width:32px;height:32px;background:var(--brix-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px}.guide-header .logo-text{font-weight:800;font-size:18px}.guide-header .header-nav{display:flex;gap:12px;align-items:center}.guide-header .header-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:700;border-radius:999px;border:1px solid var(--border-light);transition:all .15s}.guide-header .header-link:hover{color:var(--brix-blue);background:var(--brix-blue-light);border-color:#2563eb33}.guide-container{max-width:760px;margin:0 auto;padding:48px 24px 64px}.guide-breadcrumb{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:28px;display:flex;flex-wrap:wrap;gap:4px}.guide-breadcrumb a{color:var(--brix-blue);text-decoration:none;font-weight:700}.guide-breadcrumb a:hover{text-decoration:underline}.guide-container h1{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:16px;color:var(--text-primary);line-height:1.15;letter-spacing:-.03em}.guide-intro{font-size:1.1rem;color:var(--text-secondary);margin-bottom:36px;line-height:1.7;padding-bottom:28px;border-bottom:1px solid var(--border-light)}.guide-content{background:var(--bg-white);border-radius:16px;padding:40px 44px;border:1px solid var(--border-light);box-shadow:var(--shadow)}.guide-content h2{font-size:1.5rem;font-weight:800;margin:40px 0 18px;padding-top:32px;border-top:2px solid var(--border-light);color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.guide-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.guide-content h3{font-size:1.15rem;font-weight:800;margin:36px 0 14px;padding-top:28px;border-top:1px solid var(--border-light);color:var(--text-primary);letter-spacing:-.01em}.guide-content h3:first-child,.guide-content h2+h3{margin-top:0;padding-top:0;border-top:none}.guide-content>p:first-child{font-size:1.08rem;line-height:1.8;color:var(--text-primary);font-weight:500}.guide-content p{margin-bottom:18px;color:var(--text-secondary);font-size:1rem;line-height:1.75}.guide-content a{color:var(--brix-blue);font-weight:600;text-decoration:underline;text-decoration-color:#2563eb4d;text-underline-offset:2px;transition:text-decoration-color .15s}.guide-content a:hover{text-decoration-color:var(--brix-blue)}.guide-content strong{color:var(--text-primary);font-weight:700}.guide-content ul{margin:16px 0 20px;padding:0;list-style:none;color:var(--text-secondary)}.guide-content ul li{margin-bottom:10px;padding-left:28px;position:relative;line-height:1.65}.guide-content ul li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:999px;background:var(--brix-blue);opacity:.6}.guide-content ol{list-style:none;counter-reset:step-counter;margin:20px 0;padding:0}.guide-content ol li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--border-light);counter-increment:step-counter;line-height:1.65}.guide-content ol li:last-child{border-bottom:none}.guide-content ol li:before{content:counter(step-counter);min-width:32px;height:32px;background:var(--brix-blue);color:#fff;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.guide-content table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0;border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden}.guide-content th,.guide-content td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--border-light)}.guide-content th{font-weight:800;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;background:var(--bg-page);color:var(--text-muted)}.guide-content td{color:var(--text-secondary);font-size:.95rem}.guide-content tr:last-child td{border-bottom:none}.guide-content blockquote{padding:20px 24px;border-radius:var(--radius);margin:24px 0;background:var(--brix-blue-light);border:1px solid rgba(37,99,235,.15);border-left:4px solid var(--brix-blue);font-style:normal}.guide-content blockquote p{margin:0;color:var(--text-secondary);font-weight:600}.guide-content figure{margin:28px 0}.guide-content img{max-width:100%;border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:0 4px 16px #0000000f}.guide-content figcaption{text-align:center;color:var(--text-muted);font-size:13px;font-weight:600;margin-top:10px}.guide-content hr{border:none;border-top:2px solid var(--border-light);margin:36px 0}.guide-content code{background:var(--bg-page);padding:3px 8px;border-radius:6px;font-family:SF Mono,Monaco,monospace;font-size:13px;border:1px solid var(--border-light)}.guide-content pre{background:var(--text-primary);color:#fff;padding:20px;border-radius:var(--radius);overflow-x:auto;margin:20px 0}.guide-content pre code{background:none;padding:0;color:inherit;border:none}.guide-cta{margin-top:40px;padding:32px;border-radius:16px;background:var(--text-primary);text-align:center}.guide-cta p{color:#fff;font-size:1.1rem;margin-bottom:4px}.guide-cta .cta-button{display:inline-flex;align-items:center;gap:8px;background:var(--brix-blue);color:#fff;padding:14px 28px;border-radius:999px;text-decoration:none;font-weight:800;font-size:.95rem;margin-top:16px;transition:background .15s,transform .15s;box-shadow:0 8px 20px #2563eb40}.guide-cta .cta-button:hover{background:var(--brix-blue-dark);text-decoration:none;transform:translateY(-1px)}.guide-footer{text-align:center;padding:40px 24px;color:var(--text-muted);font-size:13px;font-weight:600}.guide-footer a{color:var(--brix-blue);text-decoration:none;font-weight:700}@media (max-width: 600px){.guide-container{padding:28px 16px 48px}.guide-content{padding:24px 20px;border-radius:12px}.guide-container h1{font-size:26px}.guide-content h2{font-size:1.3rem}}