.site-header[data-v-439fbea8]{border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:10}.site-header-inner[data-v-439fbea8]{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:32px}.site-logo[data-v-439fbea8]{font-size:20px;font-weight:700;color:var(--brand-color);flex-shrink:0;white-space:nowrap}.site-logo img[data-v-439fbea8]{height:32px;display:block}.site-nav[data-v-439fbea8]{display:flex;gap:24px;flex:1}.site-nav a[data-v-439fbea8]{color:var(--text);transition:color .15s;font-size:15px}.site-nav a[data-v-439fbea8]:hover{color:var(--brand-color)}.site-nav a.router-link-active[data-v-439fbea8]{color:var(--brand-color);font-weight:600}.site-user a[data-v-439fbea8]{color:var(--text-muted);font-size:14px;white-space:nowrap}.site-user a[data-v-439fbea8]:hover{color:var(--brand-color)}@media (max-width: 640px){.site-header-inner[data-v-439fbea8]{gap:16px;padding:10px 12px}.site-nav[data-v-439fbea8]{gap:12px;overflow-x:auto}.site-nav a[data-v-439fbea8]{font-size:14px;white-space:nowrap}}:root{--brand-color: #10B981;--brand-color-ai: #6366F1;--bg: #ffffff;--text: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--radius: 8px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}.main-container,.page-home,.page-shortcuts,.page-discover,.page-ranking,.page-submit,.page-user,.page-friend-links,.page-sitemap,.page-category,.page-tag,.page-detail,.page-search,.page-login,.page-404{max-width:1200px;margin:0 auto;padding:24px 20px}.skeleton{min-height:400px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.block-title{font-size:20px;font-weight:600;margin:24px 0 12px}.hero{padding:32px 0;text-align:center}.hero h1{font-size:28px;margin:0 0 8px}.hero p{color:var(--text-muted);margin:0 0 16px}.search-box{display:inline-flex;gap:8px;width:100%;max-width:560px}.search-box input{flex:1;padding:10px 14px;font-size:15px;border:1px solid var(--border);border-radius:var(--radius);outline:none}.search-box input:focus{border-color:var(--brand-color)}.search-box button{padding:10px 20px;background:var(--brand-color);color:#fff;border-radius:var(--radius);font-size:15px}.task-tags{display:grid;gap:12px}.task-tag{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;font-size:14px;transition:all .15s}.task-tag:hover{border-color:var(--brand-color);color:var(--brand-color)}.item-icon,.item-icon-emoji,.item-icon-text{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:8px;font-size:24px;line-height:1;overflow:hidden;background:#f3f4f6}.item-icon{object-fit:cover}.item-icon-text{font-size:18px;font-weight:600;color:var(--text-muted)}.badge-ad{position:absolute;top:6px;right:6px;padding:2px 6px;font-size:11px;background:#0009;color:#fff;border-radius:3px;z-index:1}.pricing-badge{position:absolute;bottom:6px;right:6px;padding:2px 6px;font-size:11px;border-radius:3px;background:#f3f4f6;color:var(--text-muted)}.pricing-free{background:#d1fae5;color:#065f46}.pricing-freemium{background:#fef3c7;color:#92400e}.pricing-paid{background:#fee2e2;color:#991b1b}.item-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px;border:1px solid var(--border);border-radius:var(--radius);transition:box-shadow .2s;overflow:hidden}.item-card:hover{box-shadow:0 4px 12px #00000014}.item-card.is-ai .card-title{color:var(--brand-color-ai)}.item-card .card-title,.item-card .card-subtitle,.shortcut-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title{font-weight:500;margin-top:8px}.card-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.item-grid-pure,.shortcut-grid{display:grid;gap:12px}.shortcut-cell{position:relative}.shortcut-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;width:100%;border-radius:var(--radius);transition:background .15s}.shortcut-item:hover{background:#f9fafb}.shortcut-toggle{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:var(--brand-color);color:#fff;font-size:14px;display:none;align-items:center;justify-content:center}.shortcut-cell:hover .shortcut-toggle{display:inline-flex}.tab-list{margin-top:8px}.tab-headers{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--border)}.tab-headers button{padding:8px 16px;color:var(--text-muted);border-bottom:2px solid transparent;font-size:15px;transition:all .15s}.tab-headers button.active{color:var(--brand-color);border-bottom-color:var(--brand-color);font-weight:600}.slot{margin-top:24px}.slot-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text)}.slot-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-row{display:flex;align-items:center;gap:16px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:box-shadow .15s}.ranking-row:hover{box-shadow:0 4px 12px #0000000f}.ranking-rank{flex:0 0 36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:15px;background:#f3f4f6;color:var(--text-muted)}.ranking-row:nth-child(1) .ranking-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.ranking-row:nth-child(2) .ranking-rank{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#fff}.ranking-row:nth-child(3) .ranking-rank{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff}.ranking-card{flex:1;flex-direction:row!important;align-items:center!important;padding:0!important;border:none!important;gap:12px;min-width:0}.ranking-card:hover{box-shadow:none!important;background:transparent!important}.ranking-card .card-body{flex:1;text-align:left;min-width:0}.ranking-card .card-title{margin-top:0}.ranking-score{flex:0 0 auto;color:var(--text-muted);font-size:13px;padding:4px 10px;background:#f3f4f6;border-radius:12px;white-space:nowrap}.html-banner{position:relative;padding:16px;border-radius:var(--radius);margin:16px 0}.site-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;color:var(--text-muted);font-size:14px;border-top:1px solid var(--border);margin-top:40px}.footer-nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.footer-copyright{display:flex;gap:12px;align-items:center}.footer-copyright span+span:before{content:" · ";margin-right:6px;color:var(--text-muted)}.page-detail .detail-header{display:flex;align-items:center;gap:16px;padding:24px 0;border-bottom:1px solid var(--border)}.page-detail .detail-header h1{font-size:24px;margin:0;flex:1}.page-detail .visit-btn{padding:8px 20px;background:var(--brand-color);color:#fff;border-radius:var(--radius)}.page-detail .detail-desc{margin-top:24px;line-height:1.8}.empty{padding:40px;text-align:center;color:var(--text-muted)}.item-card.is-ai .card-subtitle{color:var(--text-muted)!important}