.elsewhere-page{--elsewhere-surface:#1c1c1e;--elsewhere-border:#303033;--elsewhere-hover:#252527;--elsewhere-hover-border:#505054;--elsewhere-pressed:#303033;--elsewhere-focus:#ededed;--elsewhere-feedback:.18s cubic-bezier(.2,.7,.2,1);width:min(100% - 96px,1200px);font-family:var(--font-home-body);margin:0 auto;padding-top:128px}.elsewhere-page [hidden]{display:none!important}.elsewhere-page button{cursor:pointer;color:inherit}.elsewhere-page :is(a,button):focus-visible{outline:2px solid var(--elsewhere-focus);outline-offset:4px}.elsewhere-page ::selection{color:#000;background:#ededed}.elsewhere-intro{margin-bottom:32px}.elsewhere-intro h1{font:500 clamp(44px, 5vw, 64px)/1.08 var(--font-home-display);letter-spacing:-.045em;margin:0 0 12px}.elsewhere-title-dot{color:#aaaab0}.elsewhere-lead{color:#aaaab0;letter-spacing:-.025em;margin:0;font-size:18px;line-height:1.5}.elsewhere-browse-bar{align-items:center;gap:24px;margin-bottom:28px;display:flex}.elsewhere-categories{scrollbar-width:thin;scrollbar-color:#555 transparent;overscroll-behavior-x:contain;background:#111;border:1px solid #292929;border-radius:17px;flex:0 auto;align-items:center;gap:4px;min-width:0;padding:6px;display:flex;overflow-x:auto}.elsewhere-category{color:#aaaab0;white-space:nowrap;text-align:center;min-height:44px;transition:background-color var(--elsewhere-feedback), border-color var(--elsewhere-feedback), color var(--elsewhere-feedback);touch-action:manipulation;background:0 0;border:0;border-radius:11px;flex:none;justify-content:center;align-items:center;gap:8px;padding:10px 12px;line-height:1.2;display:inline-flex;box-shadow:inset 0 0 0 1px #0000}.elsewhere-category>svg{flex:0 0 18px;width:18px;height:18px}.elsewhere-categories .elsewhere-all{background:0 0;border-color:#0000;border-radius:11px;flex:none;padding:10px 12px}.elsewhere-category>span:first-of-type{font-size:14px}.elsewhere-category[aria-pressed=true]{color:#f5f5f7;background:#343436;box-shadow:inset 0 0 0 1px #4b4b4f,0 2px 4px #0003}.elsewhere-toolbar{flex:260px;align-items:center;min-width:240px;max-width:340px;margin-left:auto;display:flex}.elsewhere-search{width:100%;min-width:0;height:48px;transition:background-color var(--elsewhere-feedback), border-color var(--elsewhere-feedback);background:#171719;border:1px solid #38383b;border-radius:14px;flex:1;align-items:center;gap:8px;padding:0 2px 0 14px;display:flex}.elsewhere-search>svg{color:#aaaab0;flex:0 0 20px;width:20px;height:20px}.elsewhere-search:focus-within{border-color:var(--elsewhere-focus);background:#1c1c1c}.elsewhere-search:has(input:focus-visible){outline:2px solid var(--elsewhere-focus);outline-offset:4px}.elsewhere-search input{font:inherit;color:#ededed;caret-color:#ededed;background:0 0;border:0;outline:0;flex:1;width:100%;min-width:0;font-size:16px}.elsewhere-search input:focus-visible{outline:0}.elsewhere-search input::placeholder{color:#aaaab0;opacity:1}.elsewhere-search input::-webkit-search-cancel-button{-webkit-appearance:none}.elsewhere-clear-query{width:44px;height:44px;transition:background-color var(--elsewhere-feedback), color var(--elsewhere-feedback);touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex:0 0 44px;place-items:center;padding:12px;display:grid}.elsewhere-clear-query svg{width:20px;height:20px}.elsewhere-page .elsewhere-clear-query:focus-visible{outline-offset:0}.elsewhere-filter-actions{flex:none;align-items:center;gap:16px;display:flex}.elsewhere-all,.elsewhere-reset,.elsewhere-empty-reset{border:1px solid var(--elsewhere-hover-border);background:var(--elsewhere-surface);white-space:nowrap;min-height:44px;transition:background-color var(--elsewhere-feedback), border-color var(--elsewhere-feedback), color var(--elsewhere-feedback);touch-action:manipulation;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:14px}.elsewhere-all[aria-pressed=true]{color:#f5f5f7;background:#343436;box-shadow:inset 0 0 0 1px #4b4b4f,0 2px 4px #0003}.elsewhere-page .elsewhere-reset{color:#aaaab0;background:0 0;border-color:#0000;padding-inline:10px}.elsewhere-directory-heading{justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin-bottom:12px;display:flex}.elsewhere-directory-heading h2{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:500;line-height:1.4}.elsewhere-count{color:#aaaab0;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:13px}.elsewhere-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.elsewhere-card{background:var(--elsewhere-surface);border:1px solid var(--elsewhere-border);min-width:0;transition:background-color var(--elsewhere-feedback), border-color var(--elsewhere-feedback), transform var(--elsewhere-feedback);border-radius:20px;scroll-margin-top:24px}.elsewhere-card-link{border-radius:inherit;touch-action:manipulation;flex-direction:column;height:100%;padding:18px;display:flex}.elsewhere-card:has(>.elsewhere-card-link:focus-visible){background:var(--elsewhere-hover);border-color:var(--elsewhere-hover-border)}.elsewhere-card-top{grid-template-columns:auto minmax(0,1fr) 16px;align-items:center;gap:10px;margin-bottom:12px;display:grid}.elsewhere-site-mark{background:#242424;border:1px solid #444;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.elsewhere-site-mark svg{width:24px;height:24px;display:block}.elsewhere-site-mark-photo{position:relative;overflow:hidden}.elsewhere-site-mark-photo img{object-fit:cover;object-position:80% center;transform-origin:80% 0;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.8)}.elsewhere-site-mark-brand{position:relative;overflow:hidden}.elsewhere-site-mark-brand img{object-fit:contain;width:32px;height:32px;display:block}.brand-learning-in-zju,.brand-pta,.brand-zju-cs-asio,.brand-zju-icicles,.brand-turing-courses,.brand-koala-oa{background:#fff}.brand-learning-in-zju img,.brand-csdiy img{object-fit:cover;object-position:left center}.brand-zju-cs-asio img{transform:scale(1.4)}.elsewhere-brand-badge{color:#ededed;text-align:center;background:#242424;border-radius:4px;min-width:17px;height:14px;padding:0 2px;font-size:9px;font-weight:600;line-height:14px;position:absolute;bottom:1px;right:1px}.elsewhere-invite{--invite-progress:0;pointer-events:none;width:16px;height:24px;display:block;position:relative}.elsewhere-invite-figure{color:#aaaab0;stroke-width:1.5px;width:24px;height:24px;position:absolute;top:0;left:-4px}.elsewhere-card h3{overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:600;line-height:1.45}.elsewhere-card-description{-webkit-line-clamp:2;color:#aaaab0;-webkit-box-orient:vertical;margin:0 0 14px;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.elsewhere-card-bottom{justify-content:space-between;align-items:baseline;gap:12px;margin-top:auto;display:flex}.elsewhere-domain{color:#aaaab0;overflow-wrap:anywhere;font-size:12px}.elsewhere-featured{color:#ededed;white-space:nowrap;font-size:12px}.elsewhere-empty{text-align:center;border:1px solid var(--elsewhere-border);background:var(--elsewhere-surface);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;padding:48px 24px;display:flex}.elsewhere-empty-icon{color:#aaaab0;place-items:center;margin-bottom:4px;display:grid}.elsewhere-empty-icon svg{width:32px;height:32px}.elsewhere-empty h3{margin:0;font-size:20px;font-weight:500}.elsewhere-empty p{color:#aaaab0;margin:0;font-size:15px;line-height:1.7}.elsewhere-empty-reset{margin-top:8px}.elsewhere-end{color:#aaaab0;border-top:1px solid #242424;justify-content:space-between;align-items:baseline;gap:24px;margin-top:48px;padding:24px 0;font-size:13px;display:flex}.elsewhere-end a{text-underline-offset:5px;min-height:44px;transition:color var(--elsewhere-feedback);border-radius:8px;align-items:center;display:inline-flex}.elsewhere-noscript{color:#aaaab0;font-size:14px}@media (hover:hover) and (pointer:fine){.elsewhere-category:hover:not([aria-pressed=true]),.elsewhere-card:hover{background:var(--elsewhere-hover);border-color:var(--elsewhere-hover-border)}.elsewhere-card:hover{transform:translateY(-2px)}.elsewhere-category[aria-pressed=true]:hover,.elsewhere-all[aria-pressed=true]:hover{background:#414144;border-color:#414144}.elsewhere-all:hover:not([aria-pressed=true]),.elsewhere-empty-reset:hover{background:var(--elsewhere-hover);border-color:#aaaab0}.elsewhere-page .elsewhere-reset:hover{background:var(--elsewhere-hover);color:#ededed}.elsewhere-search:hover{border-color:#aaaab0}.elsewhere-search:focus-within{border-color:var(--elsewhere-focus)}.elsewhere-clear-query:hover{background:#333}.elsewhere-end a:hover{color:#ededed;text-decoration:underline}}.elsewhere-category:active:not([aria-pressed=true]),.elsewhere-all:active:not([aria-pressed=true]),.elsewhere-empty-reset:active{background:var(--elsewhere-pressed);border-color:#aaaab0;transition-duration:80ms}.elsewhere-category[aria-pressed=true]:active,.elsewhere-all[aria-pressed=true]:active{background:#454548;border-color:#454548;transition-duration:80ms}.elsewhere-card:has(>.elsewhere-card-link:active){background:var(--elsewhere-pressed);border-color:#aaaab0;transition-duration:80ms;transform:translateY(0)scale(.99)}.elsewhere-page .elsewhere-reset:active,.elsewhere-clear-query:active{color:#ededed;background:#333;transition-duration:80ms}.elsewhere-end a:active{color:#ededed}@media (width<=1120px){.elsewhere-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.elsewhere-page{width:calc(100% - 64px)}.elsewhere-browse-bar{flex-direction:column;align-items:stretch;gap:16px}.elsewhere-categories{flex:auto;width:100%}.elsewhere-toolbar{flex:auto;width:100%;min-width:0;max-width:none}.elsewhere-search{max-width:none}}@media (width<=800px){.elsewhere-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.elsewhere-page{width:calc(100% - 40px);padding-top:144px}.elsewhere-intro{margin-bottom:24px}.elsewhere-intro h1{font-size:44px}.elsewhere-lead{font-size:16px}.elsewhere-browse-bar{gap:12px;margin-bottom:20px}.elsewhere-category{gap:6px;padding-inline:10px}.elsewhere-category>span:first-of-type{font-size:13px}.elsewhere-toolbar{gap:8px}.elsewhere-search{max-width:none}.elsewhere-directory-heading h2{font-size:20px}.elsewhere-grid{grid-template-columns:1fr;gap:10px}.elsewhere-card-link{padding:16px}.elsewhere-end{gap:16px;margin-top:40px;font-size:12px}}@media (width<=360px){.elsewhere-page{width:calc(100% - 32px)}.elsewhere-intro h1{font-size:40px}.elsewhere-lead{font-size:16px}}@media (prefers-reduced-motion:reduce){.elsewhere-page *,.elsewhere-page :before,.elsewhere-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.elsewhere-card{transform:none!important}}.lssh-home:has(.elsewhere-page) .home-header nav{gap:4px}.lssh-home:has(.elsewhere-page) .home-header nav a{text-decoration:none;transition:background-color .18s ease-out,color .18s ease-out}.elsewhere-page .elsewhere-categories :focus-visible{outline-offset:1px}.elsewhere-categories .elsewhere-all{color:#aaaab0;border:0}.elsewhere-categories .elsewhere-all[aria-pressed=true]{color:#f5f5f7}.elsewhere-category{font-weight:500}@media (hover:hover) and (pointer:fine){.lssh-home:has(.elsewhere-page) .home-header nav a:hover{color:#f5f5f7;background:#242426}}@media (width<=600px){.elsewhere-directory-heading{gap:8px;margin-bottom:8px}.elsewhere-directory-heading h2{font-size:18px}.elsewhere-filter-actions{gap:8px}.elsewhere-reset,.elsewhere-count{font-size:12px}.elsewhere-card{border-radius:18px}}@media (width<=360px){.lssh-home:has(.elsewhere-page) .home-header nav{gap:0}}@media (prefers-reduced-motion:reduce){.lssh-home:has(.elsewhere-page) .home-header nav a{transition:none}}
