.dns{--dns-blue:#255ab5;--dns-ink:#1d2433;--dns-mute:#6b7280;--dns-line:#e5e8ef;max-width:760px;margin:0 auto;padding:8px 0 36px;color:var(--dns-ink)}.dns-h1{font-size:1.35rem;font-weight:700;margin:6px 2px 14px}.dns-form{position:relative;display:flex;align-items:center;background:#fff;border:2px solid var(--dns-blue);border-radius:999px;padding:4px 4px 4px 46px;box-shadow:0 4px 14px rgb(37 90 181 / .12)}.dns-ico{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:var(--dns-blue);font-size:17px}.dns-form input{flex:1;min-width:0;border:0;outline:0;background:#fff0;color:var(--dns-ink);font-size:17px;height:44px;padding:0;-webkit-appearance:none;appearance:none}.dns-form input::-webkit-search-cancel-button{display:none}.dns-form input::placeholder{color:#9aa1ad}.dns-clear{flex:0 0 auto;border:0;background:#eef1f6;color:#4b5563;width:30px;height:30px;border-radius:50%;font-size:20px;line-height:1;margin-right:6px;cursor:pointer}.dns-go{flex:0 0 auto;border:0;background:var(--dns-blue);color:#fff;font-weight:600;font-size:16px;height:44px;padding:0 22px;border-radius:999px;cursor:pointer}.dns-go:hover{background:#1d4a98}.dns-form:focus-within{box-shadow:0 0 0 4px rgb(37 90 181 / .15),0 4px 14px rgb(37 90 181 / .12)}.dns-sub{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--dns-mute);margin:24px 2px 10px}.dns-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dns-quick a{display:flex;align-items:center;gap:10px;padding:14px;background:#fff;border:1px solid var(--dns-line);border-radius:12px;color:var(--dns-ink);font-weight:600;text-decoration:none;transition:border-color .15s,box-shadow .15s}.dns-quick a:hover{border-color:var(--dns-blue);box-shadow:0 2px 10px rgb(37 90 181 / .1)}.dns-quick a i{color:var(--dns-blue);width:20px;text-align:center}.dns-pop{display:flex;flex-wrap:wrap;gap:8px}.dns-pop a{padding:7px 14px;border-radius:999px;background:#f1f4fa;color:var(--dns-blue);font-size:.92rem;text-decoration:none}.dns-pop a:hover{background:#e3eaf8}.dns-sum{margin:16px 2px 12px;color:#374151}.dns-sum small{color:var(--dns-mute)}.dns-sum:empty{display:none}.dns-tools{display:grid;gap:10px;margin-bottom:14px}.dns-tool{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,#eef4ff,#f7faff);border:1px solid #d6e2fb;color:var(--dns-ink);text-decoration:none}.dns-tool:hover{border-color:var(--dns-blue);color:var(--dns-ink)}.dns-tool i{flex:0 0 28px;font-size:20px;color:var(--dns-blue);text-align:center}.dns-tool strong{display:block}.dns-tool small{display:block;color:#4b5563;font-size:.85rem}.dns-cats{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 12px;scrollbar-width:none}.dns-cats::-webkit-scrollbar{display:none}.dns-cats a{flex:0 0 auto;padding:6px 12px;border:1px solid #d9dee8;border-radius:999px;background:#fff;color:#374151;font-size:.9rem;text-decoration:none;white-space:nowrap}.dns-cats a span{color:var(--dns-mute);margin-left:2px}.dns-cats a.on{background:var(--dns-blue);border-color:var(--dns-blue);color:#fff}.dns-cats a.on span{color:#dbe6ff}.dns-list{transition:opacity .15s}.dns-res.loading .dns-list{opacity:.45}.dns-item a{display:flex;align-items:flex-start;gap:16px;padding:16px 2px;border-bottom:1px solid #eef0f4;color:inherit;text-decoration:none}.dns-item a:hover .dns-title{text-decoration:underline}.dns-item a:hover .dns-img{filter:brightness(1.05)}.dns-img{flex:0 0 144px;width:144px;height:90px;border-radius:10px;object-fit:cover;object-position:center;background:#eef2f8;box-shadow:inset 0 0 0 1px rgb(15 23 42 / .06)}.dns-noimg{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f0ff,#f5f8ff);color:var(--dns-blue);font-size:28px}.dns-body{display:flex;flex-direction:column;gap:4px;min-width:0}.dns-title{font-weight:700;color:#1b3f8f;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dns-snip{font-size:.9rem;line-height:1.5;color:#4b5563;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dns-meta{font-size:.8rem;color:#8a93a3}.dns mark{background:#fff1a8;color:inherit;padding:0 1px;border-radius:2px}.dns-more{display:block;width:100%;max-width:280px;margin:20px auto 0;padding:11px 18px;border:1px solid var(--dns-blue);border-radius:999px;background:#fff;color:var(--dns-blue);font-weight:600;font-size:15px;text-align:center;text-decoration:none;cursor:pointer}.dns-more:hover{background:#f1f5fd}.dns-empty{padding:18px;border:1px solid var(--dns-line);border-radius:12px;background:#f8fafc}.dns-empty-t{font-weight:700;margin-bottom:6px}.dns-empty ul{margin:0;padding-left:18px;color:#4b5563}.dns-empty .dns-sub{margin-top:16px}@media (min-width:576px){.dns-quick{grid-template-columns:repeat(4,1fr)}.dns-tools{grid-template-columns:1fr 1fr}}@media (max-width:575.98px){.dns-h1{font-size:1.15rem}.dns-go{padding:0 15px}.dns-item a{gap:12px}.dns-img{flex-basis:112px;width:112px;height:70px;border-radius:8px}.dns-noimg{font-size:24px}}