@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:ital,wght@0,400;0,700;1,400&family=Outfit:wght@300;400;500;600;700&family=Fira+Code:wght@400;500;600&display=swap");:root{--bg-primary:#f7f7f8;--bg-secondary:#ffffff;--bg-tertiary:#ececf1;--text-primary:#202123;--text-secondary:#565869;--text-muted:#8e8ea0;--accent:#10a37f;--accent-hover:#0e8568;--accent-rgb:16,163,127;--border-color:#d9d9e3;--border-radius-lg:12px;--border-radius-md:8px;--border-radius-sm:6px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:"Merriweather",Georgia,serif;--font-mono:"Fira Code",monospace;--glow-shadow:0 10px 28px rgba(16,163,127,0.14);--card-shadow:0 8px 24px rgba(32,33,35,0.08);--header-height:70px;--transition-speed:0.25s}[data-theme=chatgpt]{--bg-primary:#f7f7f8;--bg-secondary:#ffffff;--bg-tertiary:#ececf1;--text-primary:#202123;--text-secondary:#565869;--text-muted:#8e8ea0;--accent:#10a37f;--accent-hover:#0e8568;--accent-rgb:16,163,127;--border-color:#d9d9e3;--border-radius-lg:12px;--border-radius-md:8px;--border-radius-sm:6px;--font-sans:"Inter",sans-serif;--font-serif:"Merriweather",Georgia,serif;--font-mono:"Fira Code",monospace;--glow-shadow:0 10px 28px rgba(16,163,127,0.14);--card-shadow:0 8px 24px rgba(32,33,35,0.08)}[data-theme=openclaw]{--bg-primary:#04060c;--bg-secondary:rgba(13,15,25,0.96);--bg-tertiary:rgba(20,23,36,0.98);--text-primary:#fff4ef;--text-secondary:#c7cad8;--text-muted:#a1a6ba;--accent:#d86b4a;--accent-hover:#ff9a72;--accent-rgb:216,107,74;--border-color:rgba(143,153,184,0.28);--border-radius-lg:10px;--border-radius-md:8px;--border-radius-sm:6px;--font-sans:"Outfit","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:"Outfit",sans-serif;--font-mono:"Fira Code",monospace;--glow-shadow:0 0 34px rgba(216,107,74,0.18);--card-shadow:0 18px 50px rgba(0,0,0,0.44)}[data-theme=claude]{--bg-primary:#fcfaf6;--bg-secondary:#f4eee1;--bg-tertiary:#e9dec9;--text-primary:#1e1915;--text-secondary:#65584c;--text-muted:#9c8e80;--accent:#d97706;--accent-hover:#b45309;--accent-rgb:217,119,6;--border-color:#dec9b5;--border-radius-lg:20px;--border-radius-md:14px;--border-radius-sm:8px;--font-sans:"Outfit",sans-serif;--font-serif:"Merriweather",Georgia,serif;--font-mono:"Fira Code",monospace;--glow-shadow:0 10px 30px rgba(217,119,6,0.08);--card-shadow:0 8px 24px rgba(101,88,76,0.06)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}[data-theme=openclaw] body{background:radial-gradient(circle,rgba(255,255,255,.26) 1px,transparent 1.4px),radial-gradient(circle,rgba(216,107,74,.22) 1px,transparent 1.4px),radial-gradient(circle at 18% 16%,rgba(216,107,74,.12),transparent 24%),radial-gradient(circle at 74% 24%,rgba(34,211,238,.05),transparent 28%),linear-gradient(180deg,rgba(4,6,12,.96),rgba(8,10,18,.98)),#05070d;background-size:92px 92px,137px 137px,100% 100%,100% 100%,100% 100%;background-position:0 0,28px 42px,0 0,0 0,0 0;position:relative}[data-theme=openclaw] body:before{display:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.3}[data-theme=claude] h1,[data-theme=claude] h2,[data-theme=claude] h3{font-family:var(--font-serif)}[data-theme=openclaw] h1{background:linear-gradient(90deg,#f4d7d0,#d86b4a 58%,#ff9a72);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=openclaw] h2,[data-theme=openclaw] h3{color:#f3ece9}a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .15s ease}a:hover{color:var(--accent-hover);text-decoration:underline}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.grid{display:grid;grid-gap:24px;gap:24px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.container{padding:0 16px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--border-radius-md);font-family:var(--font-sans);font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--accent);color:#fff}[data-theme=openclaw] .btn-primary{color:#140806!important;font-weight:800;box-shadow:0 0 18px rgba(216,107,74,.22)}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:var(--glow-shadow)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--accent)}.btn-danger{background-color:#ef4444;color:#ffffff}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--card-shadow);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}[data-theme=openclaw] .card{background:linear-gradient(180deg,rgba(18,20,32,.98),rgba(10,12,21,.98));border-color:rgba(143,153,184,.26);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--glow-shadow)}[data-theme=openclaw] .card:hover{border-color:rgba(216,107,74,.42);box-shadow:0 18px 54px rgba(0,0,0,.36),0 0 28px rgba(216,107,74,.12)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;outline:none;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:var(--glow-shadow)}.header-wrapper{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:var(--header-height);display:flex;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=openclaw] .header-wrapper{background-color:rgba(5,7,13,.94);border-bottom-color:rgba(143,153,184,.22);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}[data-theme=openclaw] .badge{border-radius:0}.badge-verified{background-color:rgba(16,163,127,.15);color:var(--accent);border-color:var(--accent)}[data-theme=openclaw] .badge-verified{background-color:rgba(216,107,74,.14);color:#ff9a72;border-color:rgba(216,107,74,.42)}[data-theme=claude] .badge-verified{background-color:rgba(217,119,6,.12)}.badge-community{background-color:rgba(100,116,139,.15);color:var(--text-secondary);border-color:var(--border-color)}.risk-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-weight:800;font-size:14px;border:1px solid transparent}[data-theme=openclaw] .risk-badge{border-radius:0}.risk-A{background-color:rgba(16,185,129,.15);color:#10b981;border-color:#10b981}.risk-B{background-color:rgba(59,130,246,.15);color:#3b82f6;border-color:#3b82f6}.risk-C{background-color:rgba(245,158,11,.15);color:#f59e0b;border-color:#f59e0b}.risk-D{background-color:rgba(239,68,68,.15);color:#ef4444;border-color:#ef4444}.risk-F{background-color:rgba(220,38,38,.25);color:#dc2626;border-color:#dc2626;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(220,38,38,.4)}70%{box-shadow:0 0 0 10px rgba(220,38,38,0)}to{box-shadow:0 0 0 0 rgba(220,38,38,0)}}.tabs-container{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px}.tab-btn{padding:12px 20px;background:none;color:var(--text-secondary);font-family:var(--font-sans);font-weight:600;font-size:14px;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.skill-detail-body,.skill-detail-hero{display:grid;grid-gap:32px;gap:32px;align-items:start}.skill-detail-hero{grid-template-columns:minmax(0,1fr) minmax(240px,300px);margin-bottom:32px}.skill-detail-body{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.skill-command-wrap,.skill-detail-aside,.skill-detail-content,.skill-detail-main,.skill-detail-meta,.skill-install-card{min-width:0;max-width:100%}.skill-detail-meta{border-left:1px solid var(--border-color);padding-left:32px;display:flex;flex-direction:column;gap:20px;overflow-wrap:anywhere}.skill-detail-aside{display:flex;flex-direction:column;gap:24px;min-width:0}.skill-overview{margin-top:20px;padding:18px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-primary)}.skill-overview h2,.skill-overview h3{font-size:14px;font-weight:800;margin-bottom:8px;color:var(--text-primary)}.skill-overview h3{margin-top:16px}.skill-overview p{color:var(--text-secondary);font-size:13.5px;line-height:1.65;overflow-wrap:anywhere}.skill-command-wrap{position:relative}.skill-command{width:100%;max-width:100%;background-color:#0d0e15;color:var(--accent);padding:12px 48px 12px 16px;border-radius:6px;font-size:12.5px;font-family:var(--font-mono);overflow-x:auto;white-space:pre;scrollbar-gutter:stable}.skill-md-pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font-family:var(--font-sans);font-size:14.5px;line-height:1.7;max-width:100%}@media (max-width:1024px){.skill-detail-body,.skill-detail-hero{grid-template-columns:1fr}.skill-detail-meta{border-left:0;border-top:1px solid var(--border-color);padding-left:0;padding-top:24px}}@media (max-width:768px){.skill-detail-body,.skill-detail-hero{gap:20px}.skill-command{font-size:11.5px}.tabs-container{overflow-x:auto;scrollbar-gutter:stable}.tab-btn{flex:0 0 auto;padding:12px 14px;white-space:nowrap}}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;font-size:17px}[data-theme=openclaw] .form-input,[data-theme=openclaw] .form-select,[data-theme=openclaw] .form-textarea,[data-theme=openclaw] .icon-btn,[data-theme=openclaw] .sim-popover{background-color:rgba(12,14,24,.98);border-color:rgba(143,153,184,.3)}[data-theme=openclaw] .form-select option{background-color:#0c0e18;color:#fff4ef}.icon-btn:hover{border-color:var(--accent);box-shadow:var(--glow-shadow)}.sim-menu{position:relative}.sim-popover{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:10px;position:absolute;top:calc(100% + 12px);right:0;z-index:1000;box-shadow:var(--card-shadow);width:232px;max-width:232px}.sim-country-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px}.sim-country-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:11px;font-weight:800;justify-content:center;min-height:32px;padding:0 6px;white-space:nowrap}.sim-country-btn.active,.sim-country-btn:hover{border-color:var(--accent)}.sim-country-btn.active{background:var(--accent);color:#ffffff}.terminal-block{background-color:#090b12;color:var(--accent);font-family:var(--font-mono);padding:20px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);overflow-x:auto;position:relative;margin:16px 0}.terminal-header{background-color:#131725;padding:8px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;margin:-20px -20px 16px}.terminal-dots{display:flex;gap:6px}.terminal-dot{width:10px;height:10px;border-radius:50%}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#f59e0b}.dot-green{background-color:var(--accent)}.terminal-title{color:var(--text-secondary);font-size:12px;font-weight:500}@media (max-width:768px){.header-wrapper{height:auto;min-height:var(--header-height);padding:12px 0}.sim-popover{position:fixed;top:76px;right:16px;width:min(232px,calc(100vw - 32px));max-width:232px}}