:root{--paper:#f4f1e9;--ink:#1b303a;--muted:#69736f;--line:#d3d7ca;--accent:#c6d979;--public:#41704a;--private:#526f8d;--pending:#967445}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}header,main,footer{max-width:1240px;margin:auto}header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 30px}.brand{font-family:Georgia,serif;font-size:31px;letter-spacing:-2px;color:var(--ink);text-decoration:none;display:flex;align-items:baseline;gap:3px}.brand span{font-style:italic}.brand small{font-family:"Microsoft YaHei",sans-serif;letter-spacing:1px;font-size:10px;margin-left:22px;font-weight:normal}.edition,.eyebrow,.aside-label,.table-head,.result-count,footer{font-family:Consolas,"Microsoft YaHei",monospace;font-size:11px;letter-spacing:1.3px}.intro{display:grid;grid-template-columns:1fr 300px;align-items:end;padding:66px 30px 58px}.eyebrow{font-size:12px;letter-spacing:3px;margin:0 0 27px}h1{font-family:"Songti SC","SimSun",serif;font-size:clamp(42px,5.5vw,68px);font-weight:normal;line-height:1.18;letter-spacing:1px;margin:0}h1 em{font-style:normal;position:relative;z-index:0}h1 em:after{content:"";height:15px;background:var(--accent);position:absolute;bottom:4px;left:0;right:-7px;z-index:-1;transform:rotate(-1deg)}.lead{font-size:14px;color:var(--muted);line-height:1.9;margin:26px 0 0}.intro aside{border-left:1px solid var(--line);padding-left:45px;margin-bottom:3px}.aside-label{display:block}.intro strong{font:normal 88px/1.15 Georgia,serif;display:block;margin:8px 0}.intro aside p{font-size:13px;margin:0 0 30px;color:var(--muted)}.legend{display:flex;gap:18px;font-size:11px;color:var(--muted)}i{display:inline-block;width:6px;height:6px;border-radius:100%;margin-right:5px}.public-dot{background:var(--public)}.private-dot{background:var(--private)}.pending-dot{background:var(--pending)}.directory{padding:0 30px}.toolbar{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding:22px 0 28px;align-items:center}.search{display:flex;align-items:center;gap:12px;max-width:380px;width:100%;border-bottom:1px solid var(--line);padding:8px 0}.search>span{font-size:25px}.search input{border:none;background:transparent;outline:none;min-width:0;width:100%;font:inherit;font-size:13px;color:var(--ink)}.search:focus-within{border-color:var(--ink)}kbd{color:var(--muted);border:1px solid var(--line);padding:1px 6px;font-size:11px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid transparent;background:transparent;padding:8px 13px;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;border-radius:3px}.filters button.active{background:var(--ink);color:var(--paper)}button:focus-visible,a:focus-visible{outline:2px solid var(--private);outline-offset:4px}.table-head,.service{display:grid;grid-template-columns:1.1fr 1.3fr 135px;gap:25px}.table-head{color:var(--muted);padding:0 0 13px;border-bottom:1px solid var(--line);font-size:10px}.service{padding:27px 0;border-bottom:1px solid var(--line);align-items:center;animation:enter .4s ease both;animation-delay:calc(var(--i)*45ms)}.service-title{display:flex;align-items:center;gap:16px}.number{font:11px Consolas,monospace;color:var(--muted);align-self:flex-start;padding-top:5px}.service h2{font-size:17px;font-weight:500;margin:0 0 8px}.desc{font-size:11px;line-height:1.7;color:var(--muted);margin:0;max-width:315px}.domain{font:15px Consolas,monospace;word-break:break-word;margin-bottom:8px}.entry,.connection{font-size:11px;line-height:1.7;color:var(--muted);word-break:break-word}.service-action{text-align:right}.badge{font-size:10px;display:inline-block;padding:4px 8px;margin-bottom:10px;border:1px solid currentColor;border-radius:2px;color:var(--public)}.badge.private{color:var(--private)}.badge.pending{color:var(--pending)}.action{display:block;color:var(--ink);text-decoration:none;font:12px "Microsoft YaHei",sans-serif;background:none;border:0;padding:2px 0 2px 10px;margin-left:auto;cursor:pointer}.action:hover{text-decoration:underline;text-underline-offset:4px}.inactive{font-size:11px;color:var(--muted);display:block}.result-count{padding:15px 0;margin:0;color:var(--muted);font-size:10px}.empty{padding:30px 0;color:var(--muted);font-size:13px}.note{margin:34px 30px 48px;padding:22px 24px;background:#e9ecdf;border-left:3px solid var(--accent);display:flex;gap:45px;font-size:12px}.note>span{white-space:nowrap;padding-top:3px}.note p{margin:0;color:var(--muted);line-height:1.9}footer{border-top:1px solid var(--line);padding:24px 30px 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;gap:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);font-size:12px;padding:12px 24px;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){header{height:80px;padding:0 22px}.brand{font-size:27px}.brand small{display:none}.intro{padding:40px 22px;grid-template-columns:1fr 100px;gap:20px}.intro aside{padding-left:20px;margin-bottom:5px}.intro strong{font-size:62px}.legend{display:none}.intro aside p{margin-bottom:0;font-size:11px}.aside-label{font-size:9px}.lead{font-size:12px;line-height:1.8}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:22px}.directory{padding:0 22px}.toolbar{flex-direction:column;align-items:stretch;gap:18px;padding-top:17px}.search{max-width:none}.filters{gap:3px}.filters button{padding:7px 10px}.table-head{display:none}.service{grid-template-columns:1fr 105px;gap:12px;padding:23px 0}.service-title{gap:10px;grid-column:1;grid-row:1}.service-title .desc{font-size:11px}.service-address{grid-column:1;grid-row:2;padding-left:25px}.service-action{grid-column:2;grid-row:1 / 3}.domain{font-size:12px}.entry,.connection{font-size:10px}.service h2{font-size:16px}.note{margin:25px 22px 35px;padding:17px;display:block}.note>span{display:block;margin-bottom:8px}.note p{font-size:11px}footer{padding:20px 22px;flex-direction:column;gap:10px}.edition{font-size:9px}}@media(prefers-reduced-motion:reduce){.service{animation:none}#toast{transition:none}}