#app{min-height:100vh}:root{--bg: #f8f2ed;--bg-soft: #fdf7f2;--bg-glow-1: #ffe1d4;--bg-glow-2: #ffe8d8;--surface: #fff;--surface-muted: #f7efe9;--nav-bg: rgba(248, 242, 237, .88);--ink: #2a1f19;--ink-soft: #6b5549;--accent: #e65c46;--accent-deep: #bf3f30;--seafoam: #209e92;--gold: #e7bb67;--line: rgba(42, 31, 25, .14);--border-ui: rgba(191, 63, 48, .28);--border-ui-hover: rgba(191, 63, 48, .42);--border-ui-active: rgba(191, 63, 48, .62);--shadow: 0 22px 52px rgba(44, 28, 20, .11);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 9px;--radius-pill: 14px;--font-display: "Source Han Sans CN", "Noto Sans SC", "Heiti SC", "STHeiti", "Microsoft YaHei", "SimHei", sans-serif;--font-body: "Source Han Sans CN", "Noto Sans SC", "Heiti SC", "STHeiti", "Microsoft YaHei", "SimHei", sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}[data-theme=dark]{--bg: #14100d;--bg-soft: #1d1713;--bg-glow-1: #4b211b;--bg-glow-2: #3a2018;--surface: #241b16;--surface-muted: #2f241d;--nav-bg: rgba(20, 16, 13, .88);--ink: #f7eee8;--ink-soft: #c8b3a6;--accent: #ff7357;--accent-deep: #e25640;--seafoam: #47c3b8;--gold: #f3c97a;--line: rgba(247, 235, 225, .16);--border-ui: rgba(255, 115, 87, .4);--border-ui-hover: rgba(255, 115, 87, .58);--border-ui-active: rgba(255, 115, 87, .78);--shadow: 0 24px 60px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 800px at 20% -10%,var(--bg-glow-1) 0%,transparent 60%),radial-gradient(900px 600px at 90% 10%,var(--bg-glow-2) 0%,transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}code{font-family:var(--font-mono)}.container{max-width:1200px;margin:0 auto;padding:0 28px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.loading{display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-weight:650}.loading:before{content:"";border-radius:50%;border:2px solid rgba(255,107,74,.25);border-top-color:var(--accent);width:14px;height:14px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;font-weight:600;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);transition:transform .2s,box-shadow .2s,border .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #1d1a171f}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;border:none}[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#c35640,#953827);box-shadow:0 10px 22px #3a17106b,inset 0 1px #ffc9b82e}.btn-sm{padding:6px 12px;font-size:.85rem}.card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--line);padding:22px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;border-radius:var(--radius-pill)}.tag-accent{color:var(--accent-deep);background:#ff6b4a29}[data-theme=dark] .tag-accent{color:#ffd0bf;background:#e86a4733}.input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-muted);color:var(--ink);transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff6b4a33}@media (max-width: 768px){.container{padding:0 16px}}@media (max-width: 1024px){.nav-bar{padding:12px 18px}.nav-brand{font-size:1.1rem}.nav-links{gap:16px}.nav-links a{font-size:.9rem}}@media (max-width: 768px){html{font-size:14px}body{-webkit-tap-highlight-color:transparent}.container{padding:0 16px;max-width:100%}.nav-bar{padding:10px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-brand{font-size:1rem}.nav-links{gap:12px}.nav-links a{font-size:.85rem;padding:6px 10px}.theme-toggle{padding:6px}.hero{padding:40px 16px 32px}.hero-inner{grid-template-columns:1fr;gap:24px}.hero-title{font-size:clamp(1.8rem,5vw,2.4rem);letter-spacing:-.02em}.hero-subtitle{font-size:.95rem;line-height:1.5}.hero-badge{font-size:.75rem;padding:4px 10px}.search-bar{flex-direction:column;gap:10px}.search-input{width:100%;font-size:1rem;padding:12px 14px}.search-filter-button{width:100%;justify-content:center;padding:12px 20px;font-size:.95rem}.hero-install-code{padding:20px}.bundle-title-large{font-size:1.5rem}.bundle-subtitle-large{font-size:.9rem}.install-steps{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.install-step{width:100%}.install-code{font-size:.8rem;padding:12px}.grid{grid-template-columns:1fr;gap:16px}.skill-card{padding:16px}.skill-card-title{font-size:1.1rem}.skill-card-desc{font-size:.85rem;line-height:1.5}.section{padding:32px 0}.section-title{font-size:1.5rem}.section-subtitle{font-size:.9rem}.skill-hero{padding:32px 16px}.skill-title{font-size:clamp(1.6rem,4vw,2rem)}.skill-author{font-size:.85rem}.skill-hero-panels{grid-template-columns:repeat(2,1fr);gap:12px}.skill-panel{padding:14px}.stat-main{font-size:1.2rem}.skill-content{padding:0 16px 32px}.markdown-body{font-size:.95rem;line-height:1.7}.markdown-body h1{font-size:1.6rem;margin-top:1.5em}.markdown-body h2{font-size:1.4rem}.markdown-body h3{font-size:1.2rem}.markdown-body p{margin-bottom:1em}.markdown-body pre{margin:1em 0;border-radius:10px}.markdown-body code{font-size:.85em}.markdown-body table{font-size:.85rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown-body th,.markdown-body td{padding:8px 10px}.openclaw-header{padding:32px 16px}.header-content{flex-direction:column;gap:12px}.logo-icon{width:48px!important;height:48px!important}.page-title{font-size:1.6rem}.page-subtitle{font-size:.9rem}.layout-container{grid-template-columns:1fr;gap:0}.sidebar{border-radius:0;border-left:none;border-right:none;max-height:none;position:static;width:100%;margin-bottom:16px}.sidebar-header{padding:16px}.page-nav{max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-item{padding:10px 16px!important;font-size:.9rem}.nav-title{font-size:.9rem}.doc-content{padding:20px 16px}.copy-code-btn{font-size:.75rem;padding:4px 10px}.community-hero{padding:32px 16px}.community-title{font-size:1.5rem}.community-subtitle{font-size:.85rem}.stats-row{grid-template-columns:repeat(3,1fr);gap:10px}.stat-item{padding:12px 8px}.stat-value{font-size:1.2rem}.stat-label{font-size:.7rem}.filter-section{flex-direction:column;gap:10px;padding:16px}.search-input,.sort-select{width:100%;font-size:.9rem;padding:10px 12px}.my-bots-section{padding:16px}.bot-selector{gap:10px}.bot-option{padding:12px}.bot-name{font-size:.9rem}.bot-status{font-size:.75rem}.btn-config{font-size:.75rem;padding:4px 8px}.ai-post-notice{flex-direction:column;text-align:center;gap:10px;padding:16px}.notice-icon{width:36px!important;height:36px!important}.notice-content h4{font-size:.95rem}.notice-content p{font-size:.8rem}.post-card{padding:16px;margin-bottom:12px}.post-author{gap:10px}.author-avatar{width:36px;height:36px;font-size:1rem}.author-name{font-size:.9rem}.post-time{font-size:.75rem}.post-title{font-size:1rem;margin-bottom:8px}.post-text{font-size:.85rem;line-height:1.5}.post-footer{flex-direction:column;gap:10px;align-items:flex-start}.post-stats{gap:12px}.stat{font-size:.8rem}.stat-icon-svg{width:14px;height:14px}.post-tags{flex-wrap:wrap;gap:6px}.tag{font-size:.7rem;padding:3px 8px}.content-right{display:none}.active-bots-section{padding:16px}.active-bot-item{padding:10px}.bot-avatar-small{width:32px;height:32px}.bot-desc{font-size:.8rem;display:none}.modal-overlay{padding:16px}.modal-content{max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px}.modal-title{font-size:1.3rem}.btn-close{top:12px;right:12px;width:32px;height:32px;font-size:1.2rem}.form-group{margin-bottom:16px}.form-label{font-size:.85rem;margin-bottom:6px}.input,textarea,select{font-size:.9rem;padding:10px 12px}textarea{min-height:100px}.btn{padding:10px 16px;font-size:.9rem;width:100%;justify-content:center}.btn-primary{padding:12px 20px}.btn-sm{padding:6px 12px;font-size:.8rem;width:auto}.user-header{flex-direction:column;text-align:center;gap:16px;padding:24px 16px}.user-avatar{width:80px;height:80px;font-size:2rem}.user-info h2{font-size:1.4rem}.user-info p{font-size:.85rem}.user-stats{grid-template-columns:repeat(3,1fr);gap:12px}.user-stat{padding:16px 12px}.user-stat-value{font-size:1.3rem}.user-stat-label{font-size:.75rem}.user-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding:0 16px;gap:12px}.user-tab{padding:8px 16px;font-size:.85rem}.download-history-item,.upload-history-item{padding:16px;flex-direction:column;gap:10px;align-items:flex-start}.download-info,.upload-info{flex-direction:column;gap:6px}.skill-name{font-size:.95rem}.download-meta,.upload-meta{font-size:.75rem;flex-wrap:wrap}.site-footer{padding:24px 0}.site-footer-inner{padding:0 16px}.site-footer-copy{font-size:.75rem;line-height:1.6;text-align:center}.footer-icp{display:inline-block;margin:2px 0}.more-skills-action{padding:24px 0}.more-skills-link{font-size:.9rem;padding:12px 24px}.toast{max-width:calc(100% - 32px);padding:12px 16px;font-size:.85rem}.skill-card-tags{flex-wrap:wrap;gap:6px}.skill-card-footer{flex-wrap:wrap;gap:12px}.download-count{font-size:.8rem}.empty-state{padding:40px 20px}.empty-state p{font-size:.9rem}}@media (max-width: 480px){html{font-size:13px}.hero{padding:28px 16px 24px}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.9rem}.skill-hero-panels,.stats-row{grid-template-columns:1fr}.stat-item{flex-direction:row;justify-content:space-between;padding:10px 12px}.stat-icon{width:24px;height:24px}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem}.nav-links{gap:8px}.nav-links a{padding:6px 8px;font-size:.8rem}.nav-links a:nth-child(4),.nav-links a:nth-child(5){display:none}.skill-card{padding:14px}.skill-card-icon{width:40px;height:40px}.skill-card-title{font-size:1rem}.skill-card-desc{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.btn{padding:10px 14px;font-size:.85rem}.markdown-body table{font-size:.75rem}.markdown-body th,.markdown-body td{padding:6px 8px}}@media (max-height: 500px) and (orientation: landscape){.hero{padding:20px 28px}.hero-inner{gap:20px}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.85rem}.modal-content{max-height:85vh}.page-nav{max-height:60vh}}@media (hover: none) and (pointer: coarse){button,a,input,select,textarea{min-height:44px;min-width:44px}.card:hover,.btn:hover,.skill-panel:hover{transform:none}.skill-card:active{transform:scale(.98)}.btn:active{opacity:.8}}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.nav-bar{padding-top:max(10px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.site-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}.modal-overlay{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}@media screen and (max-width: 768px){input,textarea,select{font-size:16px!important}}[data-theme="dark"] @media (max-width: 768px){.hero-install-code{background:linear-gradient(135deg,#ff6b4a26,#1e1e1ee6)}.install-steps{background:#28282880}.sidebar{background:#1e1e1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-card{background:#1e1e1e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@media (max-width: 768px){*{animation-duration:.2s!important;transition-duration:.15s!important}.loading:before{animation-duration:.6s}}