.container{max-width:1200px;margin:0 auto;padding:40px 20px}header{text-align:center;margin-bottom:30px}header h1{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5em}header p{color:var(--text-muted);font-size:1.02em;line-height:1.6}.stats{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:20px;display:flex}.stat-item{text-align:center}.stat-number{color:var(--primary);font-size:1.8em;font-weight:700}.stat-label{color:var(--text-muted);margin-top:2px;font-size:.9em}.notice{border:1px solid #c8a4564d;border-left:4px solid var(--primary);color:var(--text);background:#c8a45614;border-radius:10px;margin-bottom:24px;padding:14px 18px;font-size:.9em;line-height:1.6}.notice strong{color:var(--primary)}.search-bar{margin-bottom:30px;position:relative}.search-bar input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;outline:none;padding:14px 20px 14px 50px;font-size:1em;transition:border-color .2s}.search-bar input:focus{border-color:var(--primary)}.search-bar input::placeholder{color:var(--text-muted)}.search-bar:before{content:"🔍";font-size:1.1em;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.tab{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:10px;padding:10px 20px;font-size:.9em;font-weight:500;transition:all .2s}.tab.active{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;border-color:#0000;box-shadow:0 4px 16px #b8423a40}.tab:hover:not(.active){background:var(--surface-2);color:var(--text);border-color:var(--primary)}.category{margin-bottom:40px;display:none}.category.active{display:block}.category-header{border-bottom:1px solid var(--border);border-image:linear-gradient(90deg, var(--primary), transparent) 1;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.category-header h2{color:var(--text);font-size:1.4em}.category-desc{color:var(--text-muted);margin-left:auto;font-size:.9em}.category-tool{margin-top:16px}.category-tool-divider{text-align:center;margin:48px 0 20px;position:relative}.category-tool-divider:before,.category-tool-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.6;width:calc(50% - 140px);height:1px;position:absolute;top:18px}.category-tool-divider:before{background:linear-gradient(90deg, transparent, var(--accent));left:0}.category-tool-divider:after{background:linear-gradient(90deg, var(--accent), transparent);right:0}.category-tool-divider>span{border:1px solid var(--accent);color:var(--accent);letter-spacing:1px;background:linear-gradient(135deg,#b8423a26,#c8a4561a);border-radius:20px;padding:6px 24px;font-size:1.1em;font-weight:600;display:inline-block;box-shadow:0 0 20px #b8423a26}.category-tool-divider>p{max-width:640px;color:var(--text-muted);margin:12px auto 0;font-size:.85em;line-height:1.7}.category-header-tool{border-image:linear-gradient(90deg, var(--accent), transparent) 1}.category-header-tool h2{color:var(--accent)}.tool-card-tool{background:linear-gradient(180deg, var(--surface), #b8423a0a);border-color:#b8423a33}.tool-card-tool:hover{border-color:#b8423a80;box-shadow:0 10px 30px #b8423a26}.tab-tool{color:var(--accent)!important;border-color:#b8423a66!important}.tab-tool.active{background:var(--accent)!important;color:var(--text)!important;border-color:var(--accent)!important}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:4px;padding:20px;transition:all .25s;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.tool-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 30px #c8a45626}.tool-card:hover:before{opacity:1}.tool-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.tool-logo{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5em;display:flex}.tool-title{flex:1;min-width:0}.tool-name{color:var(--text);font-size:1.1em;font-weight:600}.tool-meta{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-top:2px;font-size:.78em;display:flex}.tool-author{color:var(--text-muted)}.tool-version{color:var(--primary);font-weight:500}.tool-rank{background:var(--surface-2);color:var(--warning);border-radius:6px;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;font-size:.75em;display:inline-flex}.tool-description{color:var(--text-muted);min-height:3em;margin-bottom:12px;font-size:.88em;line-height:1.6}.tool-extra{color:var(--text-muted);border-top:1px dashed #c8a4561a;border-bottom:1px dashed #c8a4561a;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:8px 0;font-size:.78em;display:flex}.tool-extra-item{align-items:center;gap:4px;display:inline-flex}.tool-extra-icon{font-size:1.1em;line-height:1}.popularity{letter-spacing:1px;font-size:1em;line-height:1}.popularity.p5{color:#ff6b3d}.popularity.p4{color:#ff9d3d}.popularity.p3{color:#d4a84b}.popularity.p2{color:#8e8a7e}.popularity.p1{color:#6a5e4a}.popularity-empty{color:#8e8a7e59;letter-spacing:1px}.tool-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tag{background:var(--surface-2);color:var(--text-muted);border-radius:6px;padding:3px 10px;font-size:.75em}.tag.free{color:var(--success);background:#6b9a6b26}.tag.pro{color:var(--accent-hover);background:#b8423a2e}.tag.paid{color:var(--warning);background:#d4a84b26}.tag.privacy{color:var(--primary);background:#c8a45626}.tool-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.tool-visit{color:var(--primary);white-space:nowrap;font-size:.88em;font-weight:500;text-decoration:none;transition:color .2s}.tool-visit:hover{color:var(--primary-hover)}.tool-detail-link{text-align:center;color:var(--primary);border-top:1px dashed #d4af371f;margin-top:8px;padding:8px 0;font-size:.82em;text-decoration:none;transition:color .2s;display:block}.tool-detail-link:hover{color:var(--accent)}.tool-visit-alt{border-top:1px dashed var(--border);color:var(--accent-hover);margin-top:8px;padding-top:8px;font-size:.82em;display:inline-block}.tool-visit-alt:hover{color:var(--accent)}.tool-download{background:linear-gradient(135deg, var(--accent) 0%, var(--danger) 100%);color:#fff;text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:10px 14px;font-size:.92em;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 14px #c0392b4d}.tool-download:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #c0392b73}.tool-url{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:160px;font-size:.78em;overflow:hidden}.pagination{text-align:center;color:var(--text-muted);margin-top:40px;font-size:.9em}.back-to-top{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;cursor:pointer;border:none;border-radius:50%;width:48px;height:48px;font-size:1.2em;transition:all .2s;display:none;position:fixed;bottom:96px;right:30px;box-shadow:0 4px 20px #b8423a66}.back-to-top.show{display:block}.back-to-top:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c8a45680}@media (max-width:768px){header h1{font-size:1.8em}.tool-grid{grid-template-columns:1fr}.stats{gap:20px}.tab{padding:8px 14px;font-size:.85em}.notice{font-size:.82em}}