.router-guide{max-width:1180px;margin:auto;padding:60px 32px 100px;color:#191c1f}.router-title{display:block;max-width:none;padding:0;margin:0 0 48px;text-align:left}.router-title>p:first-child{font-size:15px;color:#73777d;margin:0 0 16px}.router-title h1{font-size:58px;line-height:1.06;letter-spacing:-2px;margin:0 0 24px;font-weight:600}.router-title p{font-size:19px;color:#73777d;line-height:1.6;max-width:760px}.router-crumb{display:flex;gap:12px;margin-bottom:40px;font-size:14px;color:#777}.router-crumb a{color:#191c1f}.router-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:48px 0}.router-card{display:block;background:#f3f4f6;border-radius:24px;padding:32px;text-decoration:none;color:#191c1f;transition:background .2s,transform .2s}.router-card:hover{background:#e9ebef;transform:translateY(-3px)}.router-card>svg{width:42px;height:42px;margin-bottom:36px;stroke:currentColor;fill:none}.router-card h2{font-size:26px;margin:0 0 8px}.router-card p{font-size:17px;margin:0 0 30px;color:#73777d}.router-card>span{font-size:15px}.router-note{background:#f3f4f6;border-radius:18px;padding:22px 26px;font-size:15px;line-height:1.7;color:#666b73;margin:28px 0 48px}.router-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:60px}.router-toc{position:sticky;top:110px;align-self:start;display:grid;gap:16px;font-size:14px;line-height:1.5}.router-toc a{color:#6d727a;text-decoration:none}.router-toc a:hover{color:#191c1f}.router-step{position:relative;padding:0 0 54px;margin:0 0 48px;border-bottom:1px solid #e7e8eb;scroll-margin-top:110px}.router-step-number{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;background:#191c1f;color:#fff;font-size:16px;margin-bottom:18px}.router-step h2{font-size:30px;font-weight:550;line-height:1.2;letter-spacing:-.8px;margin:0 0 20px}.router-step p{font-size:16px;line-height:1.8;color:#62666e;margin:0 0 26px}.router-step a{color:#191c1f;text-decoration:underline}.router-step code{background:#f0f1f3;padding:2px 5px;border-radius:5px}.router-shot{width:100%;display:block;background:#f4f5f7;border:1px solid #e7e8eb;border-radius:16px;padding:0;overflow:hidden;margin-top:20px;cursor:zoom-in}.router-shot img{width:100%;height:auto;display:block}.router-shot span{display:block;font-size:12px;color:#7c8088;padding:10px}.router-source{font-size:13px;color:#888;line-height:1.7}.router-help{margin-top:64px}.router-help h2{font-size:36px;letter-spacing:-1px;margin-bottom:20px}.router-help p{font-size:17px;color:#777;margin-bottom:26px}.router-lightbox{border:0;border-radius:20px;padding:12px;background:white;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.router-lightbox::backdrop{background:#000b}.router-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 100px);object-fit:contain}.router-lightbox button{display:block;margin:12px 0 0 auto;border:0;border-radius:24px;background:#eee;padding:10px 24px;font:inherit;cursor:pointer}@media(max-width:800px){.router-guide{padding:36px 22px 64px}.router-title h1{font-size:40px;letter-spacing:-1.5px}.router-title p{font-size:17px}.router-cards{grid-template-columns:1fr;gap:14px}.router-card{padding:26px}.router-card>svg{margin-bottom:22px}.router-layout{grid-template-columns:1fr;gap:36px}.router-toc{position:static;background:#f5f6f8;border-radius:18px;padding:22px}.router-step h2{font-size:27px}.router-step{scroll-margin-top:90px}.router-note{padding:20px}.router-crumb{flex-wrap:wrap}.router-source{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.router-card{transition:none}}

.router-docs-shell{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1440px;margin:auto;padding:0 28px;gap:40px}.router-docs-sidebar{position:sticky;top:96px;height:calc(100dvh - 120px);overflow:auto;align-self:start;padding:28px 0 40px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.router-docs-shell .router-guide{padding:52px 0 100px;max-width:none;width:100%;min-width:0}.router-docs-shell .router-title h1{font-size:50px}.router-docs-shell .router-layout{display:block}.router-docs-shell .router-toc{display:flex;flex-wrap:wrap;position:static;gap:10px 20px;margin-bottom:48px;background:#f7f8fa;border-radius:16px;padding:20px;font-size:13px}.router-docs-nav>a,.router-docs-nav details>a{display:block;text-decoration:none;color:#70747b;font-size:14px;line-height:1.5;border-radius:10px;padding:11px 14px;margin:2px 0}.router-docs-nav>a{color:#191c1f;font-weight:550}.router-docs-nav details{margin:18px 0;border:0;background:none}.router-docs-nav summary{list-style:none;cursor:pointer;font-size:14px;font-weight:600;color:#191c1f;padding:10px 14px;display:flex;justify-content:space-between}.router-docs-nav summary:after{content:'⌄';transition:transform .2s}.router-docs-nav details[open] summary:after{transform:rotate(180deg)}.router-docs-nav summary::-webkit-details-marker{display:none}.router-docs-nav details>a{padding-left:26px}.router-docs-nav a:hover{background:#f4f5f7;color:#191c1f}.router-docs-nav a[aria-current=page]{background:#eceef2;color:#191c1f;font-weight:550}.router-nav-open{display:none}.router-docs-drawer{margin:0 auto 0 0;width:310px;max-width:calc(100vw - 40px);height:100dvh;max-height:100dvh;box-sizing:border-box;border:0;border-radius:0 22px 22px 0;padding:22px;background:#fff;overflow:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.router-docs-drawer::backdrop{background:#0007;backdrop-filter:blur(2px)}.router-docs-drawer[open]{animation:router-slide .25s cubic-bezier(.22,1,.36,1)}.router-drawer-head{display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:550;padding:0 0 22px}.router-drawer-head button{background:#f1f2f4;border:0;border-radius:50%;width:34px;height:34px;font:26px/1 inherit;cursor:pointer}@keyframes router-slide{from{transform:translateX(-100%);opacity:.5}to{transform:none;opacity:1}}@media(max-width:1100px){.router-docs-shell{grid-template-columns:210px minmax(0,1fr);gap:28px;padding:0 22px}.router-docs-shell .router-cards{grid-template-columns:1fr 1fr}.router-docs-shell .router-title h1{font-size:44px}}@media(max-width:900px){.router-docs-shell{display:block;padding:0}.router-docs-sidebar{display:none}.router-docs-shell .router-guide{padding:24px 22px 64px}.router-nav-open{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #e7e8ec;border-radius:12px;background:#f7f8fa;padding:13px 16px;color:#191c1f;font-family:inherit;font-size:14px;margin-bottom:32px;cursor:pointer}.router-nav-open svg{width:20px;height:20px;fill:none;stroke:currentColor}.router-docs-shell .router-title h1{font-size:40px}.router-docs-shell .router-cards{grid-template-columns:1fr}.router-docs-shell .router-toc{display:grid;gap:12px}.router-docs-shell .router-crumb{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.router-docs-drawer[open]{animation:none}.router-docs-nav summary:after{transition:none}}