:root{--ground:#f5f7fa;--surface:#fff;--ink:#242938;--secondary:#647084;--accent:#245edb;--line:#dfe4ec;--danger:#b33246;color:var(--ink);background:var(--ground);font-synthesis:none;letter-spacing:0;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}svg{stroke-width:1.7px;flex-shrink:0}.topbar{background:var(--surface);border-bottom:1px solid var(--line)}.topbar-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;min-height:88px;margin:auto;padding:0 40px;display:flex}.brand{flex-shrink:0;align-items:center;gap:13px;font-size:18px;font-weight:700;display:flex}.brand-icon{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.brand-caption{color:var(--secondary);font-size:11px;font-weight:400;line-height:1.5;display:block}.host{color:var(--secondary);overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}main{max-width:1200px;margin:auto;padding:52px 40px 24px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}h1{flex-shrink:0;margin:0;font-size:34px;font-weight:700;line-height:1.3}.search-field{border:1px solid var(--line);background:var(--surface);width:336px;min-width:0;min-height:46px;color:var(--secondary);border-radius:6px;align-items:center;gap:11px;padding:0 14px;display:flex}.search-field:focus-within{border-color:var(--accent);outline:3px solid #245edb15}.search-field input{width:100%;min-width:0;height:44px;color:var(--ink);background:0 0;border:0;outline:none;font-size:14px}.search-field input::placeholder{color:var(--secondary)}.search-field input::-webkit-search-cancel-button{display:none}.directory-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:38px;margin-bottom:18px;display:flex}.service-count{color:var(--secondary);font-size:13px}.view-switch{border:1px solid var(--line);background:#ebeff4;border-radius:6px;gap:3px;padding:3px;display:flex}.icon-button{color:var(--secondary);background:0 0;border:0;border-radius:3px;flex-shrink:0;place-items:center;width:34px;height:30px;display:grid}.icon-button:hover{color:var(--accent)}.icon-button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #24293812}.clear-search{width:28px;height:30px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.service-card{--service-color:#245edb;--service-tint:#edf3ff;border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;min-width:0;padding:24px;display:flex}.service-card[data-service=tabby]{--service-color:#7353b5;--service-tint:#f3effb}.service-card[data-service=ktra]{--service-color:#a24a38;--service-tint:#fcf0ec}.service-card[data-service=docker-registry]{--service-color:#2478ad;--service-tint:#edf6fc}.service-card[data-service=proxy-editor]{--service-color:#167c80;--service-tint:#eaf6f5}.service-card[data-service=passwall-rule-sync]{--service-color:#9b6520;--service-tint:#fcf5e8}.service-card:hover{border-color:#b9c5d8}.card-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.service-icon{background:var(--service-tint);width:48px;height:48px;color:var(--service-color);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.category{color:var(--secondary);font-size:12px}h2{overflow-wrap:anywhere;margin:0 0 7px;font-size:19px;font-weight:650;line-height:1.5}h2 a:hover{color:var(--accent)}.description{color:var(--secondary);margin:0 0 22px;font-size:14px;line-height:1.7}.address{color:var(--secondary);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;align-items:flex-start;gap:7px;margin-top:auto;font-size:13px;line-height:1.6;display:flex}.address svg{margin-top:3px}.address:hover{color:var(--accent);text-decoration:underline}.card-actions{border-top:1px solid #eef1f5;gap:10px;margin-top:22px;padding-top:16px;display:flex}.open-button{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:40px;color:var(--ink);white-space:nowrap;border-radius:4px;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.open-button:hover{border-color:var(--accent);color:var(--accent);background:#f7faff}.copy-button{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--secondary);border-radius:4px;flex-shrink:0;place-items:center;display:grid;position:relative}.copy-button:hover{color:var(--accent);background:#f0f4fa}.copy-button.copied{color:#167c60;background:#f0faf5;border-color:#b5d8cb}.copy-button:disabled{opacity:.5;cursor:wait}.tooltip{white-space:nowrap;pointer-events:none;opacity:0;background:var(--ink);color:var(--surface);z-index:2;border-radius:4px;padding:6px 9px;font-size:12px;position:absolute;bottom:calc(100% + 8px);right:0}.copy-button:hover .tooltip,.copy-button:focus-visible .tooltip{opacity:1}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}footer{border-top:1px solid var(--line);color:var(--secondary);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;padding-top:24px;font-size:12px;display:flex}.toast{background:var(--ink);width:max-content;max-width:calc(100% - 32px);color:var(--surface);overflow-wrap:anywhere;z-index:5;border-radius:6px;align-items:center;gap:10px;padding:13px 18px;font-size:14px;line-height:1.6;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #24293820}.toast.error{background:var(--danger)}.load-error{color:var(--danger);padding:24px 0;font-size:16px}.empty-state,.loading-state{color:var(--secondary);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:64px 16px;display:flex}.empty-state h2{color:var(--ink);margin:0;font-size:18px}.empty-state p{margin:0;font-size:14px}.reset-search{color:var(--accent);border:1px solid var(--line);background:#fff;border-radius:4px;margin-top:4px;padding:9px 16px}.loading-mark{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.list-view{grid-template-columns:minmax(0,1fr);gap:10px}.list-view .service-card{grid-template-columns:48px minmax(0,1.2fr) minmax(0,1fr) 180px;align-items:center;gap:22px;padding:20px 24px;display:grid}.list-view .card-heading{margin:0}.list-view .category{display:none}.list-view h2{font-size:16px}.list-view .description{margin:0;font-size:13px}.list-view .address{margin:0}.list-view .card-actions{border:0;margin:0;padding:0}[hidden]{display:none!important}@media (width<=1050px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.list-view{grid-template-columns:minmax(0,1fr)}.list-view .service-card{grid-template-columns:48px minmax(0,1fr) 180px;gap:16px}.list-view .card-heading{grid-row:1/3}.list-view .service-details,.list-view .address{grid-column:2}.list-view .card-actions{grid-area:1/3/3}}@media (width<=600px){.topbar-inner{flex-wrap:wrap;gap:12px;min-height:76px;padding:16px 20px}.brand{gap:10px;font-size:16px}.host{font-size:12px}main{padding:30px 20px 24px}.page-heading{flex-direction:column;align-items:stretch;gap:22px;margin-bottom:20px}h1{font-size:28px}.search-field{width:100%}.service-grid{grid-template-columns:minmax(0,1fr);gap:14px}.service-card{padding:22px}.card-heading{margin-bottom:18px}.icon-button{width:38px;height:36px}.clear-search{width:30px}.open-button{min-height:44px}.copy-button{width:44px;height:44px}.list-view .service-card{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px}.list-view .service-icon{width:40px;height:40px}.list-view .card-heading{grid-row:1}.list-view .address{grid-column:1/-1}.list-view .card-actions{grid-area:auto/1/auto/-1;margin-top:2px}footer{margin-top:24px}}@media (prefers-reduced-motion:reduce){.loading-mark{animation:none}}