.guide-section{padding:7rem 1.5rem 4rem;min-height:100vh;background:var(--color-black, #0a0a0f)}.guide-container{max-width:860px;margin:0 auto;transition:margin .3s ease}.guide-header{text-align:center;margin-bottom:3rem}.guide-badge{display:inline-block;padding:.3rem 1.2rem;border-radius:2rem;font-size:.75rem;font-weight:600;color:#68ba7f;background:#2e6f4026;border:1px solid rgba(46,111,64,.2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.guide-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#f2f2f7;font-family:Orbitron,sans-serif;line-height:1.2;margin-bottom:.8rem}.guide-title .text-gradient{background:linear-gradient(135deg,#2e6f40,#68ba7f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guide-subtitle{font-size:1.1rem;color:#8e8e93;font-family:Inter,sans-serif}.guide-quickstart{margin-bottom:4rem}.guide-quickstart-title{font-size:1.1rem;font-weight:700;color:#f2f2f7;font-family:Inter,sans-serif;margin-bottom:1rem;text-align:center}.guide-quickstart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.quickstart-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.2rem .8rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.8rem;text-decoration:none;transition:all .2s;text-align:center}.quickstart-card:hover{background:#2e6f401a;border-color:#68ba7f66}.quickstart-card:hover .quickstart-icon{color:#8ddba0}.quickstart-card-support:hover{background:#3b82f61a;border-color:#3b82f666}.quickstart-icon{color:#68ba7f;display:inline-flex;align-items:center;justify-content:center;transition:color .2s}.quickstart-label{font-size:.85rem;font-weight:600;color:#f2f2f7;font-family:Inter,sans-serif}.guide-tabs{display:flex;gap:.5rem;margin-top:2.5rem;margin-bottom:2rem;justify-content:center;flex-wrap:wrap}.guide-tab{padding:.7rem 1.8rem;border-radius:.6rem;border:1.5px solid rgba(255,255,255,.08);background:transparent;color:#8e8e93;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.guide-tab:hover{border-color:#fff3;color:#f2f2f7}.guide-tab.active{border-color:#68ba7f;background:#2e6f4026;color:#68ba7f}.guide-content{display:none}.guide-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guide-block{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:2rem;margin-bottom:1.5rem;scroll-margin-top:5rem;max-width:100%;overflow:hidden;box-sizing:border-box}.guide-block-final{background:#2e6f4014;border-color:#2e6f4033}.guide-block-title{font-size:1.4rem;font-weight:700;color:#f2f2f7;font-family:Orbitron,sans-serif;margin-bottom:1rem}.guide-subtitle-small{font-size:1rem;font-weight:600;color:#f2f2f7;font-family:Inter,sans-serif;margin:1.5rem 0 .6rem}.guide-text{font-size:.95rem;color:#aeaeb2;font-family:Inter,sans-serif;line-height:1.7;margin-bottom:.8rem}.guide-link{color:#68ba7f;text-decoration:none;transition:opacity .2s}.guide-link:hover{opacity:.8;text-decoration:underline}.guide-list{margin:.5rem 0 1rem 1.2rem;padding:0}.guide-list li{font-size:.95rem;color:#aeaeb2;font-family:Inter,sans-serif;line-height:1.7;margin-bottom:.3rem}.guide-list li strong{color:#f2f2f7}.guide-buttons{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0}.guide-btn{display:inline-block;padding:.7rem 1.4rem;border-radius:.6rem;background:linear-gradient(135deg,#2e6f40,#68ba7f);color:#f2f2f7;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer}.guide-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2e6f4059}.guide-btn-secondary{background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.guide-btn-secondary:hover{background:#ffffff14;box-shadow:none}.guide-screenshot{margin:1.2rem auto;border-radius:.8rem;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#0000004d;max-width:520px;width:100%;cursor:zoom-in;transition:border-color .2s,transform .2s}.guide-screenshot:hover{border-color:#68ba7f66;transform:translateY(-2px)}.guide-screenshot img{width:100%;height:auto;max-height:420px;object-fit:contain;display:block;transition:transform .3s}.guide-screenshot:hover img{transform:scale(1.02)}.guide-screenshot-caption{display:block;padding:.6rem 1rem;font-size:.8rem;color:#8e8e93;font-family:Inter,sans-serif;text-align:center;border-top:1px solid rgba(255,255,255,.04)}.guide-lightbox{display:none;position:fixed;inset:0;background:#000000eb;backdrop-filter:blur(8px);z-index:9999;justify-content:center;align-items:center;padding:2rem;cursor:zoom-out}.guide-lightbox.active{display:flex;animation:lightboxFade .2s ease}@keyframes lightboxFade{0%{opacity:0}to{opacity:1}}.guide-lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem;box-shadow:0 20px 80px #000c}.guide-lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#f2f2f7;font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.guide-lightbox-close:hover{background:#fff3;transform:scale(1.1)}.guide-tip{background:#2e6f4014;border-left:3px solid #68BA7F;border-radius:.4rem;padding:1rem 1.2rem;margin:1rem 0;color:#8e8e93;font-weight:700;font-size:1rem;color:#c7c7cc;font-family:Inter,sans-serif;line-height:1.6;overflow-wrap:break-word;word-break:break-word}.guide-tip strong{color:#68ba7f}.guide-routing{margin:1rem 0}.guide-routing-label{font-size:.85rem;color:#8e8e93;font-family:Inter,sans-serif;margin-bottom:.4rem}.guide-routing-box{display:flex;gap:.5rem;align-items:stretch;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:.6rem;padding:.5rem;max-width:100%;box-sizing:border-box}.guide-routing-code{flex:1;min-width:0;font-family:Courier New,monospace;font-size:.7rem;color:#8e8e93;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.4rem;line-height:1.4}.guide-copy-btn{padding:.5rem 1rem;border-radius:.4rem;background:linear-gradient(135deg,#2e6f40,#68ba7f);color:#f2f2f7;border:none;font-size:.85rem;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;white-space:nowrap;transition:all .3s ease;flex-shrink:0}.guide-copy-btn:hover{opacity:.9}.guide-faq-item{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.8rem;margin-bottom:.8rem;overflow:hidden;transition:all .3s ease}.guide-faq-item:hover{border-color:#68ba7f33}.guide-faq-question{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.2rem 1.5rem;background:transparent;border:none;color:#f2f2f7;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;text-align:left;cursor:pointer;transition:all .3s ease}.guide-faq-question:hover{color:#68ba7f}.guide-faq-arrow{font-size:1rem;color:#68ba7f;transition:transform .3s ease;flex-shrink:0}.guide-faq-item.open .guide-faq-arrow{transform:rotate(180deg)}.guide-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 1.5rem;color:#aeaeb2;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.7}.guide-faq-item.open .guide-faq-answer{max-height:500px;padding:0 1.5rem 1.5rem}.guide-faq-answer p{margin-bottom:.8rem}.guide-faq-answer p:last-child{margin-bottom:0}.guide-faq-answer strong{color:#f2f2f7}.changelog-loading,.changelog-empty{text-align:center;padding:3rem 1.5rem;color:#8e8e93;font-family:Inter,sans-serif;font-size:.95rem}.changelog-list{display:flex;flex-direction:column;gap:1rem}.changelog-card{display:flex;gap:1rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1rem;transition:all .3s ease}.changelog-card:hover{border-color:#68ba7f4d;transform:translateY(-2px)}.changelog-card-icon{flex-shrink:0;font-size:2rem;line-height:1;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#68ba7f1a;border-radius:.8rem}.changelog-card-body{flex:1;min-width:0}.changelog-card-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem}.changelog-card-title{font-size:1.05rem;font-weight:700;color:#f2f2f7;font-family:Inter,sans-serif;margin:0}.changelog-card-badge{display:inline-block;padding:.15rem .55rem;border-radius:.3rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif}.changelog-badge-red{background:#ef444426;color:#ef4444}.changelog-badge-orange{background:#f59e0b26;color:#f59e0b}.changelog-badge-yellow{background:#eab30826;color:#eab308}.changelog-badge-blue{background:#3b82f626;color:#3b82f6}.changelog-badge-green{background:#68ba7f26;color:#68ba7f}.changelog-badge-purple{background:#a855f726;color:#a855f7}.changelog-badge-white{background:#f2f2f726;color:#f2f2f7}.changelog-badge-gray{background:#8e8e9326;color:#8e8e93}.changelog-card-description{color:#8e8e93;font-weight:700;font-size:1rem;color:#aeaeb2;font-family:Inter,sans-serif;line-height:1.6;margin:0 0 .6rem}.changelog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.changelog-card-date{font-size:.75rem;color:#8e8e93;font-family:Inter,sans-serif}.changelog-card-link{font-size:.85rem;font-weight:600;color:#68ba7f;text-decoration:none;font-family:Inter,sans-serif;transition:opacity .2s}.changelog-card-link:hover{opacity:.8;text-decoration:underline}.changelog-legend{margin-top:1.2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.6rem;overflow:hidden}.changelog-legend-summary{padding:.8rem 1.1rem;cursor:pointer;color:#aeaeb2;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;list-style:none;display:flex;align-items:center;gap:.5rem;user-select:none;transition:color .2s}.changelog-legend-summary::-webkit-details-marker{display:none}.changelog-legend-summary:hover{color:#f2f2f7}.changelog-legend[open] .changelog-legend-summary{border-bottom:1px solid rgba(255,255,255,.04);color:#68ba7f}.changelog-legend-body{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.changelog-legend-row{display:flex;align-items:center;gap:.7rem;font-family:Inter,sans-serif;font-size:.85rem}.changelog-legend-desc{color:#aeaeb2;line-height:1.4}.changelog-filter{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem}.changelog-filter-btn{padding:.4rem .9rem;border-radius:2rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:#aeaeb2;font-size:.78rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.03em}.changelog-filter-btn:hover{border-color:#68ba7f66;color:#f2f2f7}.changelog-filter-btn.active{background:linear-gradient(135deg,#2e6f40,#68ba7f);border-color:#68ba7f;color:#f2f2f7}.guide-float-support{position:fixed;right:1.5rem;bottom:1.5rem;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#2e6f40,#68ba7f);color:#f2f2f7;display:flex;align-items:center;justify-content:center;font-size:1.6rem;text-decoration:none;box-shadow:0 6px 24px #2e6f4066;transition:all .3s;z-index:100}.guide-float-support:hover{transform:scale(1.08);box-shadow:0 8px 32px #2e6f4099}.guide-toc{position:fixed;left:1.5rem;top:50%;transform:translateY(-50%) translate(0);width:220px;max-height:70vh;overflow-y:auto;padding:1.2rem 1rem;background:#14141ae6;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:.8rem;z-index:90;display:none;transition:transform .35s ease,opacity .35s ease}.guide-toc.toc-hidden{transform:translateY(-50%) translate(-150%);opacity:0;pointer-events:none}.guide-toc-title{font-size:.7rem;font-weight:700;color:#8e8e93;text-transform:uppercase;letter-spacing:.1em;font-family:Inter,sans-serif;margin-bottom:.8rem;padding-left:.5rem}.guide-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem}.guide-toc-link{display:block;padding:.45rem .7rem;color:#aeaeb2;font-size:.82rem;font-family:Inter,sans-serif;text-decoration:none;border-radius:.4rem;border-left:2px solid transparent;transition:all .2s}.guide-toc-link:hover{color:#f2f2f7;background:#ffffff0a}.guide-toc-link.active{color:#68ba7f;background:#68ba7f14;border-left-color:#68ba7f;font-weight:600}@media (min-width: 1200px) and (max-width: 1599px){.guide-toc{display:block;width:200px;left:1rem}.guide-container{max-width:860px;margin-left:240px;margin-right:auto}}@media (min-width: 1600px) and (max-width: 1919px){.guide-toc{display:block;width:220px;left:calc((100vw - 860px)/2 - 260px)}.guide-container{max-width:860px;margin:0 auto}}@media (min-width: 1920px){.guide-toc{display:block;width:240px;left:calc((100vw - 860px)/2 - 280px)}.guide-container{max-width:860px;margin:0 auto}}.guide-toc-mobile-btn{position:fixed;left:1rem;bottom:1.5rem;width:56px;height:56px;border-radius:50%;background:#14141af2;border:1px solid rgba(104,186,127,.4);color:#68ba7f;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;z-index:100;backdrop-filter:blur(12px);box-shadow:0 6px 24px #0006;transition:all .3s}.guide-toc-mobile-btn:hover{background:#2e6f404d}@media (min-width: 1200px){.guide-toc-mobile-btn{display:none}}.guide-toc-mobile-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:200;display:none;align-items:flex-end;justify-content:center}.guide-toc-mobile-overlay.active{display:flex}.guide-toc-mobile-content{background:#14141a;border-top-left-radius:1.2rem;border-top-right-radius:1.2rem;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;padding:1.5rem 1.2rem;border:1px solid rgba(255,255,255,.08);border-bottom:none;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.guide-toc-mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.guide-toc-mobile-header h3{font-size:1rem;font-weight:700;color:#f2f2f7;font-family:Inter,sans-serif;margin:0}.guide-toc-mobile-close{background:none;border:none;color:#8e8e93;font-size:1.6rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.4rem}.guide-toc-mobile-close:hover{background:#ffffff0d;color:#f2f2f7}.router-header{text-align:center;margin-bottom:2rem}.router-vendors{display:flex;gap:.6rem;margin:1.5rem 0 2rem;justify-content:center;flex-wrap:wrap}.router-vendor-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:.7rem;border:1.5px solid rgba(255,255,255,.1);background:transparent;color:#8e8e93;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s}.router-vendor-tab:hover:not(:disabled){border-color:#68ba7f66;color:#f2f2f7}.router-vendor-tab.active{border-color:#68ba7f;color:#68ba7f;background:#2e6f4026}.router-vendor-tab:disabled{opacity:.5;cursor:not-allowed}.router-vendor-icon{font-size:1.1rem}.router-vendor-content{display:none}.router-vendor-content.active{display:block;animation:fadeIn .3s ease}.router-requirements{padding:1.5rem 1.8rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:.8rem;margin-bottom:1.5rem}.router-requirements h3{font-size:1.05rem;font-weight:700;color:#f59e0b;font-family:Inter,sans-serif;margin:0 0 .8rem}.router-requirements ul{list-style:none;padding:0;margin:0 0 .8rem}.router-requirements li{padding:.35rem 0 .35rem 1.5rem;position:relative;color:#c7c7cc;font-family:Inter,sans-serif;font-size:.92rem;line-height:1.6}.router-requirements li:before{content:"•";position:absolute;left:.3rem;color:#aeaeb2;font-weight:700;font-size:1.1rem}.router-requirements strong{color:#f2f2f7}.router-toc{padding:1.5rem 1.8rem;background:#2e6f400f;border:1px solid rgba(46,111,64,.25);border-radius:.8rem;margin-bottom:2rem}.router-toc h3{font-size:1.05rem;font-weight:700;color:#68ba7f;font-family:Inter,sans-serif;margin:0 0 .8rem}.router-toc ol{padding-left:1.5rem;margin:0}.router-toc li{padding:.35rem 0;font-family:Inter,sans-serif;font-size:.95rem}.router-toc-link{color:#aeaeb2;text-decoration:none;transition:color .2s}.router-toc-link:hover{color:#68ba7f;text-decoration:underline}.router-step-block{scroll-margin-top:5rem}.router-step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.router-step-number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#2e6f40,#68ba7f);color:#f2f2f7;font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:800;flex-shrink:0;box-shadow:0 4px 15px #2e6f4066}.router-step-header .guide-block-title{margin:0;font-size:1.5rem}.router-warning{padding:1rem 1.2rem;background:#f59e0b14;border-left:4px solid #F59E0B;border-radius:.5rem;margin:1.2rem 0;color:#c7c7cc;font-family:Inter,sans-serif;font-size:.92rem;line-height:1.7}.router-warning strong{color:#f59e0b}.router-warning:before{content:"";display:inline-block;width:18px;height:18px;margin-right:.5rem;vertical-align:-3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23F59E0B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.router-success{padding:1rem 1.2rem;background:#68ba7f14;border-left:4px solid #68BA7F;border-radius:.5rem;margin:1.2rem 0;color:#c7c7cc;font-family:Inter,sans-serif;font-size:.92rem;line-height:1.7}.router-success strong{color:#68ba7f}.router-success:before{content:"";display:inline-block;width:18px;height:18px;margin-right:.5rem;vertical-align:-3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2368BA7F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.router-tip{padding:1rem 1.2rem;background:#3b82f614;border-left:4px solid #3B82F6;border-radius:.5rem;margin:1.2rem 0;color:#c7c7cc;font-family:Inter,sans-serif;font-size:.92rem;line-height:1.7}.router-tip strong{color:#3b82f6}.router-tip:before{content:"";display:inline-block;width:18px;height:18px;margin-right:.5rem;vertical-align:-3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%233B82F6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.router-check-models{padding:1rem 1.2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.6rem;margin:1rem 0}.router-check-models p{font-family:Inter,sans-serif;font-size:.92rem;color:#f2f2f7;margin:0 0 .6rem}.router-check-models ul{list-style:none;padding:0;margin:0 0 .8rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.3rem 1rem}.router-check-models li{padding:.3rem 0 .3rem 1.4rem;position:relative;color:#aeaeb2;font-family:Inter,sans-serif;color:#8e8e93;font-weight:700;font-size:1rem}.router-check-models li:before{content:"📶";position:absolute;left:0;font-size:.85rem}.router-placeholder{padding:2rem;text-align:center;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:.6rem;font-family:Inter,sans-serif;color:#8e8e93;font-weight:700;font-size:1rem;margin:1rem 0}.router-coming-soon{text-align:center;padding:3rem 1.5rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:1rem}.router-coming-soon-icon{font-size:3rem;margin-bottom:.5rem}.router-coming-soon h3{font-size:1.2rem;font-weight:700;color:#f2f2f7;font-family:Inter,sans-serif;margin:0 0 .5rem}.router-coming-soon p{color:#8e8e93;font-family:Inter,sans-serif;font-size:.92rem;margin:.5rem 0}.router-coming-soon ul{list-style:none;padding:0;margin:1rem 0;display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.router-coming-soon li{color:#aeaeb2;font-family:Inter,sans-serif;font-size:.95rem}@media (max-width: 768px){.guide-section{padding:6rem 1rem 3rem}.guide-block{padding:1.5rem}.guide-block-title{font-size:1.2rem}.guide-buttons{flex-direction:column}.guide-btn{text-align:center}.guide-routing-box{flex-direction:column}.guide-routing-code{white-space:normal;word-break:break-all}.guide-quickstart-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.quickstart-card{padding:1rem .6rem}.quickstart-icon{font-size:1.5rem}.quickstart-label{font-size:.78rem}.guide-float-support{right:1rem;bottom:5rem;width:48px;height:48px;font-size:1.4rem}.guide-toc-mobile-btn{left:1rem;bottom:1rem;width:48px;height:48px;font-size:1.2rem}.guide-faq-question{padding:1rem 1.2rem;color:#8e8e93;font-weight:700;font-size:1rem}.guide-faq-answer{padding:0 1.2rem;color:#8e8e93;font-weight:700;font-size:1rem}.guide-faq-item.open .guide-faq-answer{padding:0 1.2rem 1.2rem}.changelog-card{padding:1.2rem;gap:.8rem}.changelog-card-icon{width:40px;height:40px;font-size:1.6rem}.changelog-card-title{font-size:.95rem}.guide-screenshot{max-width:100%}.guide-screenshot img{max-height:320px}.guide-lightbox{padding:1rem}.guide-lightbox-close{top:.8rem;right:.8rem;width:38px;height:38px;font-size:1.4rem}}@media (max-width: 640px){.router-vendor-tab{flex:1;justify-content:center}.router-coming-soon ul{flex-direction:column;gap:.5rem}.router-check-models ul{grid-template-columns:1fr}.router-step-number{width:36px;height:36px;font-size:1.1rem}.router-step-header .guide-block-title{font-size:1.2rem}}@media (max-width: 360px){.guide-quickstart-grid{grid-template-columns:1fr}}.guide-list-inner{margin:.4rem 0 .4rem 1.2rem;padding:0}.guide-list-inner li{font-size:.9rem;color:#8e8e93;padding:.15rem 0}.guide-list-inner li::marker{color:#68ba7f}.guide-list-inner code{background:#ffffff0d;padding:.1rem .4rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.85rem;color:#68ba7f}.router-arch-table{display:flex;flex-direction:column;gap:.8rem;margin:1.2rem 0}.router-arch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.6rem;transition:border-color .2s}.router-arch-row:hover{border-color:#68ba7f4d}.router-arch-info{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0}.router-arch-info strong{color:#68ba7f;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700}.router-arch-info span{color:#8e8e93;font-family:Inter,sans-serif;font-size:.82rem;line-height:1.4}.router-arch-btn{display:inline-block;padding:.7rem 1.2rem;border-radius:.5rem;background:linear-gradient(135deg,#2e6f40,#68ba7f);color:#f2f2f7;text-decoration:none;font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;flex-shrink:0;transition:all .2s}.router-arch-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2e6f4066}@media (max-width: 640px){.router-arch-row{flex-direction:column;align-items:stretch}.router-arch-btn{text-align:center}}.router-code-block{margin:1rem 0;background:#00000080;border:1px solid rgba(255,255,255,.08);border-radius:.6rem;overflow:hidden}.router-code-header{padding:.5rem 1rem;background:#2e6f4026;color:#68ba7f;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.06)}.router-code{margin:0;padding:1rem 1.2rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;color:#f2f2f7;overflow-x:auto;white-space:pre}.router-code code{font-family:inherit;font-size:inherit;color:inherit;background:none;padding:0}.router-code-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.router-code-copy{padding:.3rem .8rem;background:#68ba7f26;border:1px solid rgba(104,186,127,.3);border-radius:.4rem;color:#68ba7f;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.router-code-copy:hover{background:#68ba7f40;border-color:#68ba7f}.router-code-copy.copied{background:#68ba7f66;color:#f2f2f7}.guide-subtitle-mini{font-size:.95rem;font-weight:600;color:#68ba7f;font-family:Inter,sans-serif;margin:1.2rem 0 .5rem}.changelog-reactions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.reaction-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:#ffffff08;border:1.5px solid rgba(255,255,255,.08);border-radius:2rem;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;color:#8e8e93;font-size:.85rem;user-select:none}.reaction-btn:hover{border-color:#68ba7f66;background:#68ba7f0d;color:#f2f2f7;transform:translateY(-1px)}.reaction-btn.active{border-color:#68ba7f;background:#2e6f4026;color:#68ba7f;font-weight:600}.reaction-btn.pulse{animation:reactionPulse .4s ease}@keyframes reactionPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.reaction-emoji{font-size:1rem;line-height:1}.reaction-count{font-size:.8rem;font-weight:600;min-width:1ch}@media (max-width: 640px){.reaction-btn{padding:.35rem .65rem;font-size:.8rem}.reaction-emoji{font-size:.9rem}}
