:root{--color-orange: #7c5cfc;--color-bg: #fefbfa;--color-white: #ffffff;--color-text: #2d2048;--color-text-secondary: #8a7fa8;--color-online: #6bb38a;--color-offline: #d0c9e0;--color-link: #2d2048;--color-link-hover: #e63980;--color-border: #ede8f5;--color-tab-active-bg: #7c5cfc;--color-tab-active-text: #ffffff;--color-tab-bg: #f3f0fa;--color-tab-text: #6b5e8a;--color-highlight: #fef0f6;--color-header-bg: linear-gradient(135deg, #7c5cfc, #e63980);--color-header-bg-fallback: #7c5cfc;--color-header-text: #ffffff;--color-accent-pink: #ff6b9d;--color-accent-yellow: #ffd166;--color-accent-green: #06d6a0;--color-accent-blue: #4cc9f0;--max-width: 960px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}*{margin:0;padding:0;box-sizing:border-box}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}body{min-height:100vh}.header{background:linear-gradient(135deg,#7c5cfc,#e63980);padding:0}.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;gap:16px;padding:8px 12px}.header-title{font-weight:700;font-size:15px;color:var(--color-header-text);white-space:nowrap;letter-spacing:.5px}.header-title a{color:var(--color-header-text)}.header-title a:hover{text-decoration:none}.header-subtitle{font-size:11px;color:#ffffffbf}.main{max-width:var(--max-width);margin:0 auto;padding:16px 16px 32px}.category-tabs{display:flex;gap:0;padding:10px 0 0;overflow-x:auto;overflow-y:hidden;border-bottom:2px solid var(--color-orange);flex-wrap:nowrap;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{padding:8px 16px;font-size:13px;font-family:inherit;cursor:pointer;white-space:nowrap;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;background:none;color:var(--color-tab-text);transition:all .2s}.category-tab:hover{color:var(--color-text)}.category-tab.active{color:#5a3edc;font-weight:600;border-bottom-color:#e63980;background:#7c5cfc0f}.subcategory-tabs{display:flex;gap:0;padding:8px 0;border-bottom:1px solid var(--color-border)}.subcategory-tab{padding:4px 14px;font-size:12px;font-family:inherit;cursor:pointer;white-space:nowrap;border:1px solid var(--color-border);border-radius:3px;margin-right:6px;background:var(--color-white);color:var(--color-text-secondary);transition:all .15s}.subcategory-tab:hover{color:var(--color-text);border-color:var(--color-text-secondary)}.subcategory-tab.active{color:#7c5cfc;border-color:#7c5cfc;background:#f3f0fa;font-weight:600}.toolbar{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--color-border);margin-bottom:4px;flex-wrap:wrap}.toolbar-search{flex:1;min-width:160px;padding:5px 10px;font-family:inherit;font-size:13px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-white)}.toolbar-search:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #7c5cfc40}.toolbar-search::placeholder{color:var(--color-text-secondary)}.toolbar-sort{font-family:inherit;font-size:12px;padding:5px 8px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-white);color:var(--color-text)}.stats-bar{font-size:12px;color:var(--color-text-secondary);padding:4px 0;text-align:right}.site-list{list-style:none}.site-item{padding:12px 8px;border-bottom:1px solid var(--color-border);transition:background-color .2s ease;cursor:default}.site-item:hover{background-color:#7c5cfc0a}.site-item:hover .site-desc{color:var(--color-text)}.site-item:last-child{border-bottom:none}.site-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.site-status{font-size:10px;font-weight:700;flex-shrink:0}.site-favicon{width:16px;height:16px;flex-shrink:0;border-radius:2px;vertical-align:middle}.site-status.online{color:var(--color-online)}.site-status.offline{color:var(--color-offline)}.site-name{font-weight:600;font-size:14px}.site-name a{color:var(--color-text)}.site-name a:hover{color:var(--color-link-hover)}.site-type{font-size:11px;color:var(--color-text-secondary);background:var(--color-tab-bg);padding:1px 6px;border-radius:3px;white-space:nowrap}.site-desc{font-size:12px;color:var(--color-text-secondary);margin:4px 20px 0 18px;line-height:1.6}.site-meta{display:flex;align-items:center;gap:20px;padding-top:5px;padding-left:18px;flex-wrap:wrap}.site-stats{font-size:11px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;color:var(--color-text-secondary);white-space:nowrap}.site-stats .stat-value{color:var(--color-text);font-weight:600}.site-stats.good{color:#8ab48a}.site-stats.warn{color:#c4b07a}.site-stats.bad{color:#bfa0a0}.site-votes{font-size:11px;color:var(--color-text-secondary)}.vote-up{color:#8ab48a}.vote-down{color:#bfa0a0}@media(max-width:767px){:root{font-size:13px}.header-inner{padding:6px 8px;gap:8px}.header-title{font-size:14px}.main{padding:8px}.category-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{padding:5px 10px;font-size:12px}.site-row{gap:6px}.site-name{font-size:13px}.site-desc{padding-left:0;padding-top:4px}.site-meta{padding-left:0;padding-top:4px;gap:12px}.toolbar{gap:6px}}