:root{--bg:#f5f7fb;--surface:#fff;--ink:#243349;--muted:#748197;--line:#e6eaf1;--blue:#3265dd;--soft:#edf2ff;--hero:#eaf0ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 'Segoe UI','Microsoft YaHei',sans-serif}body.dark{--bg:#151c29;--surface:#1e2838;--ink:#e4eaf5;--muted:#a3b0c6;--line:#334159;--blue:#90b1ff;--soft:#283959;--hero:#25334e}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}aside{position:fixed;inset:0 auto 0 0;width:222px;background:var(--surface);border-right:1px solid var(--line);padding:32px 18px;overflow:auto}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;padding:0 10px}.brand small{display:block;font:9px/2 monospace;letter-spacing:1.6px;color:var(--muted)}.nav-label{color:var(--muted);font-size:11px;padding:24px 14px 5px;letter-spacing:2px}nav{display:grid;gap:5px}nav button{border:0;background:transparent;color:var(--muted);text-align:left;padding:11px 13px;border-radius:9px;font-size:13px;display:flex;align-items:center;gap:12px}nav button:hover,nav button.active{background:var(--soft);color:var(--blue)}nav button.active{font-weight:650}.nav-icon{width:22px;text-align:center;font-size:17px}.aside-note{margin:28px 12px 0;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.aside-note span{color:var(--muted);font-size:11px}main{max-width:1640px;margin-left:222px;padding:0 42px}header{display:flex;justify-content:space-between;align-items:center;height:82px;color:var(--muted);font-size:12px}#theme{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:20px;padding:6px 13px}.hero{padding:38px 42px;background:var(--hero);border-radius:20px;position:relative;overflow:hidden}.eyebrow{font:10px/1.6 monospace;letter-spacing:2px;color:var(--blue)}h1{font-size:clamp(25px,3vw,38px);font-weight:750;letter-spacing:-1px;margin:9px 0}h1 span{color:var(--blue)}.hero p{color:var(--muted);margin:0 0 25px}form{display:flex;max-width:850px;background:var(--surface);padding:7px;border-radius:11px;border:1px solid var(--line);box-shadow:0 6px 20px #244c9b07}select{border:0;border-right:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px;max-width:115px}input{min-width:0;flex:1;border:0;background:transparent;color:var(--ink);padding:9px 17px;outline-offset:0!important}form button{background:#3265dd;color:white;border:0;border-radius:7px;padding:9px 23px;white-space:nowrap}.hints{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;margin-top:16px;color:var(--muted)}.hints button{border:0;background:transparent;color:var(--muted);padding:0}.hints button:hover{color:var(--blue)}.hints>span{margin-left:auto}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 15px}.section-heading h2{font-size:16px;margin:0}.section-heading>span{color:var(--muted);font-size:11px}.quick{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick-link{display:flex;align-items:center;gap:10px;padding:16px 12px;background:var(--surface);border:1px solid var(--line);border-radius:11px;font-size:12px;transition:transform .15s}.quick-link:hover{transform:translateY(-3px);border-color:var(--blue)}.quick-icon{font-size:11px;background:var(--soft);color:var(--blue);width:31px;height:31px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.directory-heading{display:flex;align-items:center;justify-content:space-between;margin:37px 0 8px}.directory-heading h2{font-size:24px;margin:3px 0}.directory-heading>span{font-size:12px;color:var(--muted)}.category{margin:23px 0 29px}.category h3{font-size:15px;margin:0 0 13px;font-weight:650}.category h3 small{font-size:11px;color:var(--muted);font-weight:400;margin-left:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card{display:flex;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:11px;min-width:0;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--blue);box-shadow:0 4px 15px #244c9b09}.site-link{display:flex;align-items:center;gap:12px;padding:20px 32px 20px 16px;flex:1;min-width:0}.site-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:var(--soft);color:var(--blue);border-radius:10px;font-size:12px;font-weight:650}.site-body{min-width:0}.site-body strong{font-size:13px;display:block}.site-body small{display:block;color:var(--muted);font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star{position:absolute;right:6px;top:7px;border:0;background:transparent;color:var(--muted);font-size:19px;padding:2px 5px}.star[aria-pressed=true]{color:#ca921e}.adult{border:1px dashed var(--line);border-radius:12px;padding:16px}.adult h3{color:var(--muted);font-size:13px}.adult-note{font-size:12px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding:25px 0 30px;color:var(--muted);font-size:11px}footer strong{color:var(--ink)}.empty{padding:50px 20px;text-align:center;color:var(--muted)}#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:var(--ink);color:var(--surface);border-radius:10px;padding:12px 22px;opacity:0;pointer-events:none;z-index:10}#toast.visible{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){main{margin-right:auto}}@media(max-width:1250px){main{padding:0 27px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){aside{width:185px;padding:25px 12px}.brand{font-size:18px;gap:8px}main{margin-left:185px;padding:0 23px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:28px}.quick-link{padding:12px 9px;gap:7px}}@media(max-width:650px){aside{position:static;width:auto;padding:18px 17px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0}.nav-label,.aside-note{display:none}nav{display:flex;overflow:auto;margin-top:17px;gap:6px;padding-bottom:3px}nav button{white-space:nowrap;padding:8px 11px;gap:5px}.nav-icon{font-size:13px;width:16px}main{margin:0;padding:0 17px}header{height:59px;font-size:11px}.hero{padding:25px 18px;border-radius:14px}.hero p{font-size:12px}h1{font-size:25px}.hints>span{display:none}form button{padding:8px 11px;font-size:12px}select{font-size:12px;padding:6px;max-width:86px}input{padding:8px;font-size:12px}.grid{gap:9px}.site-link{padding:17px 25px 17px 10px;gap:8px}.site-icon{width:29px;height:29px;font-size:10px}.site-body strong{font-size:12px}.site-body small{font-size:10px}.quick{gap:9px}.quick-link{font-size:11px}.quick-icon{width:26px;height:26px;font-size:10px}.section-heading>span{font-size:10px}.directory-heading{margin-top:29px}footer span{width:100%;order:3}.category h3{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}