:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #9d4edd;--primary-light: #c77dff;--secondary: #ff85a1;--accent: #ffb703;--bg: #fdfcfd;--card-bg: #ffffff;--text-main: #2d3436;--text-sub: #636e72;--border: #f0e6f7;--shadow: rgba(157, 78, 221, .15);--twitter: #1d9bf0;--xhs: #ff2442;--bili: #00aeec}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:var(--bg);color:var(--text-main);line-height:1.4}.app-container{min-height:100vh}.navbar{padding:.8rem 1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;transition:transform .3s ease,opacity .3s ease}.navbar-hidden{transform:translateY(-100%);opacity:0}.navbar-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{font-size:1.4rem;font-weight:800;color:var(--primary);letter-spacing:-.5px}.logo span{color:var(--secondary)}.controls{display:flex;gap:.5rem;flex:1;justify-content:flex-end}.search-input{position:relative;flex:1;max-width:260px}.search-input .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--primary-light)}.search-input input{width:100%;padding:.5rem .8rem .5rem 2.2rem;border:1.5px solid var(--border);border-radius:20px;font-size:.85rem;outline:none;background:#fff}select{padding:.5rem .6rem;border:1.5px solid var(--border);border-radius:20px;background:#fff;color:var(--text-main);outline:none;font-size:.8rem}.content{padding:2rem;max-width:1400px;margin:0 auto}.kiger-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.kiger-card{position:relative;background:var(--card-bg);border-radius:24px;overflow:hidden;transition:all .3s ease;border:1px solid var(--border);box-shadow:0 4px 12px var(--shadow)}.card-glow{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent))}.card-inner{padding:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem}.user-info h2{font-size:1.3rem;color:var(--primary)}.platform-icons{display:flex;gap:6px}.platform-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f8f0ff;border:1px solid var(--border)}.platform-badge .twitter{color:var(--twitter)}.platform-badge .xiaohongshu{color:var(--xhs)}.platform-badge .bilibili{color:var(--bili)}.handle{font-size:.85rem;color:var(--text-sub)}.tag-pill{padding:.2rem .6rem;background:#f8f0ff;color:var(--primary);border-radius:6px;font-size:.7rem;font-weight:600}.bio{font-size:.85rem;color:var(--text-sub);margin-bottom:1rem;border-left:2px solid var(--secondary);padding-left:.8rem}.platforms-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1.2rem}.platform-item{background:#fafafa;border:1px solid var(--border);padding:8px 12px;border-radius:12px;min-width:120px}.platform-header{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;margin-bottom:4px}.platform-name{color:var(--text-main)}.platform-link{color:var(--text-sub);margin-left:auto}.platform-stats{display:flex;gap:8px;font-size:.6rem;color:var(--text-sub)}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.8rem;margin-bottom:1rem}.role-item{cursor:pointer;transition:transform .2s}.role-item:hover{transform:translateY(-4px)}.role-cover{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f0f0f0;border:2px solid transparent}.role-item:hover .role-cover{border-color:var(--primary-light)}.role-cover img{width:100%;height:100%;object-fit:cover}.role-badge{position:absolute;top:6px;right:6px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:2px 6px;border-radius:4px;display:flex;align-items:center;gap:4px}.role-count{font-size:.65rem;font-weight:800}.video-indicator{color:var(--accent)}.role-info-mini{margin-top:.4rem}.role-name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-name span{color:var(--accent)}.role-date{font-size:.65rem;color:var(--text-sub)}.card-footer{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-sub)}.location{display:flex;align-items:center;gap:.2rem;color:var(--primary);font-weight:500}.details-modal{position:fixed;inset:0;background:#fff;z-index:1000;display:flex;flex-direction:column}.details-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.details-title h2{color:var(--primary)}.details-title p{font-size:.85rem;color:var(--text-sub)}.close-details{background:none;border:none;color:var(--primary);cursor:pointer}.details-content{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg)}.detail-entry{background:#fff;border-radius:16px;margin-bottom:2rem;padding:1rem;box-shadow:0 2px 8px #0000000d}.detail-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-bottom:1rem}.detail-img{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer}.detail-img img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003;transition:background .3s}.detail-img:hover .play-overlay{background:#0006}.detail-meta{padding:.5rem}.detail-text{font-size:.95rem;margin-bottom:.8rem;color:var(--text-main)}.detail-actions{display:flex;justify-content:space-between;font-size:.8rem}.detail-actions .link{color:var(--primary);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.3rem}.preview-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{position:relative;z-index:2001;max-width:95vw;max-height:90vh}.modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.close-btn{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;cursor:pointer}.slide-up-enter-active,.slide-up-leave-active{transition:transform .4s cubic-bezier(.165,.84,.44,1)}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.fab-nav{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:var(--primary);color:#fff;border-radius:50%;border:none;box-shadow:0 4px 15px var(--shadow);display:flex;align-items:center;justify-content:center;z-index:99;cursor:pointer}@media(max-width:768px){.brand{display:none}.controls{width:100%;justify-content:space-between}.search-input{max-width:60%}.content{padding:0!important;width:100%!important}.kiger-grid{grid-template-columns:1fr;gap:0}.kiger-card{border-radius:0;border-left:none;border-right:none;margin-bottom:.6rem}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.detail-gallery{grid-template-columns:1fr 1fr}}.twitter{color:var(--twitter)}.xiaohongshu{color:var(--xhs)}.bilibili{color:var(--bili)}