.guide-container{background:var(--bg-base);min-height:100vh;color:var(--text-primary);display:flex}.guide-sidebar{border-right:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121480;flex-direction:column;gap:32px;width:300px;height:100vh;padding:32px 24px;display:flex;position:sticky;top:0;overflow-y:auto}.guide-logo{letter-spacing:-.04em;background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:20px;font-weight:900;text-decoration:none;display:block}.guide-search-wrapper{position:relative}.guide-search-input{border:1px solid var(--border-subtle);color:#fff;background:#ffffff08;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 40px;font-size:14px;transition:all .3s}.guide-search-input:focus{border-color:var(--blue-bright);background:#ffffff0d;box-shadow:0 0 0 3px #00b4c81a}.guide-nav-section{flex-direction:column;gap:8px;display:flex}.guide-nav-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px;padding-left:12px;font-size:11px;font-weight:700}.guide-nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.guide-nav-item:hover{color:var(--text-primary);background:#ffffff0d}.guide-nav-item.active{color:var(--blue-bright);background:#00b4c81a;font-weight:600}.guide-main{flex:1;max-width:1000px;margin:0 auto;padding:64px 80px 120px}.guide-section{margin-bottom:80px;scroll-margin-top:100px}.guide-title{letter-spacing:-.04em;margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.1}.guide-subtitle{color:var(--text-secondary);margin-bottom:48px;font-size:18px;line-height:1.6}.guide-content-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:24px;margin-bottom:32px;padding:40px;position:relative;overflow:hidden}.guide-image-wrap{border:1px solid var(--border-subtle);background:#000;border-radius:20px;margin:40px 0;overflow:hidden;box-shadow:0 20px 50px #00000080}.video-container{border:1px solid var(--border-subtle);border-radius:20px;width:100%;height:0;margin:40px 0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.video-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}.guide-image-wrap img{width:100%;height:auto;display:block}.guide-h2{letter-spacing:-.02em;color:#fff;margin:48px 0 24px;font-size:28px;font-weight:800}.guide-p{color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.8}.guide-step{gap:24px;margin-bottom:32px;display:flex}.guide-step-num{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.guide-step-content{flex:1}.guide-step-title{margin-bottom:8px;font-size:18px;font-weight:700}.pro-tip{background:#00b4c80d;border:1px solid #00b4c833;border-radius:16px;gap:16px;margin:32px 0;padding:24px;display:flex}.pro-tip-icon{color:var(--blue-bright)}.pro-tip-text{color:var(--text-secondary);font-size:14px;line-height:1.6}.pro-tip-text strong{color:var(--blue-bright);font-weight:700}.guide-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:fixed;top:0;left:0}.guide-modal{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:24px;width:100%;max-width:440px;padding:40px;position:relative;box-shadow:0 30px 60px #00000080}@media (max-width:1024px){.guide-sidebar{display:none}.guide-main{padding:40px 24px}.guide-title{font-size:36px}}