:root{--dark:#07100f;--mint:#63f0bc;--green:#145e48;--ink:#101815;--muted:#69746e;--line:#dfe6e1;--soft:#f3f6f3;--paper:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,Consolas,monospace}
.topbar{height:68px;padding:0 5vw;background:var(--dark);color:#eef3ef;display:flex;align-items:center;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff20}.logo{display:flex;align-items:center;gap:15px;min-width:245px}.logo img{width:136px}.logo span{padding-left:15px;border-left:1px solid #ffffff40;color:#b1bbb5;font-size:14px}.nav{display:flex;gap:30px;height:100%}.nav button,.nav a{height:100%;padding:0;border:0;background:none;color:#b8c2bc;position:relative;display:flex;align-items:center}.nav button.active,.nav button:hover,.nav a:hover{color:#fff}.nav button.active:after,.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--mint)}.catalog-status{margin-left:auto;color:#95a19a;font-size:13px}
.hero{padding:58px 5vw 62px;background:var(--dark);color:#eef3ef;position:relative;overflow:hidden}.hero:after{content:"MCP / SKILL / AI";position:absolute;right:4vw;bottom:-24px;color:#ffffff09;font-size:92px;font-weight:800;white-space:nowrap}.hero-inner{max-width:1180px;margin:auto;position:relative;z-index:1}.eyebrow{color:var(--mint);font-size:12px;font-weight:700;margin-bottom:18px}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.08;font-weight:500;margin:0}.hero h1 strong{color:var(--mint);font-weight:650}.hero p{max-width:700px;color:#b1bbb5;font-size:16px;line-height:1.8;margin:20px 0 28px}.hero code{padding:2px 5px;color:#eef3ef;background:#ffffff12}.market-search{height:60px;max-width:850px;background:#fff;display:flex;align-items:center;padding:8px;box-shadow:0 16px 44px #00000038}.market-search span{color:#526059;padding:0 12px;font-size:23px}.market-search input{height:44px;flex:1;min-width:0;border:0;outline:0;font-size:16px}.market-search button{height:44px;border:0;background:var(--green);color:#fff;padding:0 24px;font-weight:700}.metrics{display:flex;gap:28px;margin-top:22px;color:#8f9b94;font-size:13px;flex-wrap:wrap}.metrics b{color:#eef3ef;margin-right:5px}.connection{display:flex;align-items:center;gap:7px}.connection:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint)}.connection.error:before{background:#ff8d7f}
.page{max-width:1180px;margin:auto;padding:36px 0 70px}.domain-section{margin-bottom:38px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:24px;margin:0;font-weight:620}.section-head p{font-size:14px;color:var(--muted);margin:6px 0 0}.domains{display:flex;gap:9px;flex-wrap:wrap}.domain{height:38px;padding:0 14px;border:1px solid var(--line);background:var(--soft);color:#4f5c55}.domain:hover,.domain.active{color:var(--green);border-color:var(--green);background:#eafff4}.refresh{height:38px;padding:0 14px;border:1px solid var(--line);background:#fff;color:var(--green);font-weight:700}.refresh:disabled{opacity:.55;cursor:not-allowed}
.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:12px}.toolbar strong{font-size:14px}.grow{flex:1}.compact-search{height:38px;width:260px;border:1px solid var(--line);display:flex;align-items:center;padding:0 10px}.compact-search input{border:0;outline:0;width:100%;min-width:0}.toolbar select{height:38px;border:1px solid var(--line);background:#fff;padding:0 10px;color:#46524c}
.resource-list{border-top:1px solid var(--line)}.resource{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:16px;padding:20px 4px;border-bottom:1px solid var(--line);cursor:pointer;transition:.18s}.resource:hover{background:var(--soft);padding-left:12px;padding-right:12px}.resource-icon{width:50px;height:50px;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--dark);color:var(--mint);font:800 12px ui-monospace,monospace}.resource-icon.skill{background:#e8f5ee;color:var(--green);border:1px solid #c9dfd2}.resource-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;background:#fff}.resource-icon.has-logo img{display:block}.resource-icon.large{width:64px;height:64px;flex:0 0 64px}.resource-main{min-width:0}.resource-title{display:flex;align-items:baseline;gap:9px;min-width:0}.resource-title h3{font-size:16px;margin:0;color:#101815;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repository-name{flex:0 1 auto;min-width:0;color:#89938e;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archived{font-size:10px;padding:2px 5px;background:#fff0e8;color:#9b552f;border:1px solid #efd2c2}.description{margin:7px 0 10px;color:#5e6963;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{border:1px solid var(--line);background:#fff;padding:3px 7px;color:#65716a;font-size:11px}.tag.mcp{background:#e9fff6;border-color:#b9ebd5;color:#0b7251}.tag.skill{background:#f0f4ff;border-color:#d4def3;color:#365a9b}.resource-stats{display:flex;gap:16px;align-items:start;color:#7b867f;font-size:12px;white-space:nowrap}.resource-stats b{color:#3d4943}.loading,.empty,.error-state{padding:64px 20px;text-align:center;color:var(--muted);border-bottom:1px solid var(--line)}.loading:before{content:"";display:inline-block;width:15px;height:15px;margin-right:9px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;vertical-align:-3px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state b{display:block;color:var(--ink);margin-bottom:8px}.error-state p{margin:0 0 15px}.error-state button{height:36px;padding:0 12px;border:1px solid var(--line);background:#fff;color:var(--green)}
footer{padding:32px 5vw;background:var(--dark);color:#aeb8b2}.footer-inner{max-width:1180px;margin:auto;display:flex;align-items:center;gap:28px}.footer-inner img{width:126px}.footer-legal{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:12px}.footer-legal a:hover{color:var(--mint)}
.overlay{position:fixed;inset:0;background:#040a08a8;z-index:50;display:none;justify-content:flex-end}.overlay.open{display:flex}.drawer{width:min(760px,94vw);height:100%;background:#fff;overflow:auto}.drawer-head{height:66px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;background:#fff;z-index:2}.drawer-head button{margin-left:auto;width:36px;height:36px;border:1px solid var(--line);background:#fff}.detail{padding:32px}.detail-top{display:flex;gap:18px;align-items:center}.detail-heading{min-width:0}.detail-name-line{display:flex;align-items:baseline;gap:10px;min-width:0}.detail h2{margin:0 0 7px;font-size:25px;color:#101815;font-weight:700}.detail-repository{color:#89938e;font-size:13px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path{font-size:13px;color:var(--muted)}.detail-actions{margin-left:auto;display:flex;gap:8px}.btn{height:38px;padding:0 14px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;white-space:nowrap}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.detail-meta{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#67736c;font-size:12px}.readme{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:28px}.readme h3{font-size:18px;margin:24px 0 10px}.readme p{font-size:14px;line-height:1.75;color:#4f5b55}.side{border-left:1px solid var(--line);padding-left:20px}.info{padding:14px 0;border-bottom:1px solid var(--line)}.info b,.info span{display:block;font-size:12px}.info span{color:var(--muted);line-height:1.7;margin-top:7px}
@media(max-width:900px){.nav button{display:none}.nav{margin-left:auto}.nav a{display:flex}.catalog-status{display:none}.topbar{padding:0 18px}.logo{min-width:0}.hero{padding:43px 20px}.hero:after{display:none}.page{padding:28px 20px 60px}.resource-stats{display:none}.readme{grid-template-columns:1fr}.side{border-left:0;border-top:1px solid var(--line);padding-left:0}.footer-inner,.footer-legal{flex-wrap:wrap}.footer-legal{margin-left:0;width:100%;gap:8px 18px}}
@media(max-width:560px){.logo img{width:116px}.logo span,.catalog-status{display:none}.hero h1{font-size:34px}.hero p{font-size:14px}.market-search{height:auto;flex-wrap:wrap}.market-search input{height:44px}.market-search button{width:100%}.toolbar{flex-wrap:wrap}.compact-search{width:100%;order:3}.resource{grid-template-columns:45px minmax(0,1fr);gap:12px}.resource-icon{width:43px;height:43px}.description{white-space:normal}.detail{padding:22px}.detail-top{flex-wrap:wrap}.detail-actions{margin-left:0;width:100%}.detail-actions .btn{flex:1;justify-content:center}}
.detail-description{margin:22px 0 12px;color:#4f5b55;line-height:1.75}.readme-content{font-size:14px;line-height:1.75;color:#33413a}.readme-content h2,.readme-content h3,.readme-content h4{margin:26px 0 10px;color:var(--ink);line-height:1.3}.readme-content h2{font-size:22px}.readme-content h3{font-size:18px}.readme-content h4{font-size:16px}.readme-content a{color:var(--green);text-decoration:underline}.readme-content ul{padding-left:20px}.readme-content pre{overflow:auto;padding:14px;background:var(--soft);border:1px solid var(--line);font:12px ui-monospace,Consolas,monospace}.readme-content code{padding:1px 4px;background:var(--soft);font-size:.92em}.readme-content pre code{padding:0;background:none}
.quick-config{margin:22px 0 0;border:1px solid var(--line);background:var(--soft)}.quick-config-head{height:54px;padding:0 14px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff}.quick-config h3{margin:0;font-size:15px}.quick-config-copy{margin-left:auto;height:32px;color:var(--green);font-size:12px;font-weight:700}.quick-config pre{margin:0;padding:15px;overflow:auto;max-height:360px;background:#0d1614;color:#dce6e0}.quick-config code{font:12px/1.7 ui-monospace,Consolas,monospace;white-space:pre}