.search-box[data-v-9b1dff24]{position:relative;max-width:500px;margin:0 auto}.search-box input[data-v-9b1dff24]{width:100%;padding:15px 20px 15px 50px;border-radius:30px;border:2px solid var(--border-color);background-color:var(--card-bg);color:var(--text-primary);font-size:1rem;outline:none;transition:var(--transition)}.search-box input[data-v-9b1dff24]:focus{border-color:var(--accent-color);box-shadow:0 0 15px #00bcd433}.search-box i[data-v-9b1dff24]{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.category-nav[data-v-bd10ac18]{position:sticky;top:0;background-color:#121212f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--border-color);padding:15px 0;margin-bottom:40px}.nav-list[data-v-bd10ac18]{display:flex;justify-content:center;gap:20px;list-style:none;flex-wrap:wrap}.nav-list a[data-v-bd10ac18]{color:var(--text-secondary);font-weight:500;padding:8px 16px;border-radius:20px;transition:var(--transition);cursor:pointer}.nav-list a[data-v-bd10ac18]:hover,.nav-list a.active[data-v-bd10ac18]{color:var(--accent-color);background-color:#00bcd41a}.card[data-v-c72c23cc]{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:15px;transition:var(--transition);position:relative;overflow:hidden;cursor:pointer;text-decoration:none;color:inherit}.card[data-v-c72c23cc]:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 10px 20px #0006}.card-icon[data-v-c72c23cc]{width:50px;height:50px;background-color:#ffffff0d;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent-color);flex-shrink:0}.card-content h3[data-v-c72c23cc]{font-size:1.1rem;margin-bottom:5px;color:var(--text-primary)}.card-content p[data-v-c72c23cc]{font-size:.9rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-arrow[data-v-c72c23cc]{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--border-color);transition:var(--transition)}.card:hover .card-arrow[data-v-c72c23cc]{color:var(--accent-color);right:15px}.back-to-top[data-v-5887b777]{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:var(--accent-color);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 12px #00bcd466;transition:var(--transition);z-index:1000}.back-to-top[data-v-5887b777]:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00bcd499;background-color:var(--accent-hover)}.back-to-top[data-v-5887b777]:active{transform:translateY(0)}:root{--bg-color: #121212;--card-bg: #1e1e1e;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-color: #00bcd4;--accent-hover: #00acc1;--border-color: #333;--shadow: 0 4px 6px rgba(0, 0, 0, .3);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,Microsoft YaHei,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{text-align:center;padding:60px 0 40px;background:linear-gradient(180deg,#00bcd41a,#12121200)}.site-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;color:var(--accent-color);text-shadow:0 0 10px rgba(0,188,212,.3)}.site-desc{color:var(--text-secondary);margin-bottom:30px;font-size:1.1rem}.section-title{font-size:1.5rem;margin-bottom:25px;padding-left:15px;border-left:4px solid var(--accent-color);display:flex;align-items:center;gap:10px}.section{margin-bottom:60px;scroll-margin-top:100px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}footer{text-align:center;padding:40px 0;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;line-height:1.6}footer a{color:var(--text-secondary);text-decoration:none}footer a:hover{color:var(--accent-color)}.no-results{text-align:center;color:var(--text-secondary);padding:40px 0;font-size:1.1rem}.update-notice{text-align:center;color:var(--text-secondary);margin-bottom:60px;font-size:.9rem}@media (max-width: 768px){.site-title{font-size:2rem}}