.app-root[data-v-e4d4199d]{height:100%;position:relative;background:#000}:root{--bg: #000;--fg: #fff;--fg-dim: rgba(255, 255, 255, .62);--fg-mute: rgba(255, 255, 255, .4);--brand: #fe2c55;--brand-2: #25f4ee;--panel: #0a0a0a;--panel-2: #141414;--line: rgba(255, 255, 255, .08);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Hiragino Sans GB,Microsoft YaHei,sans-serif;overscroll-behavior:none;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}img{display:block}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#0d0d0d 25%,#1a1a1a,#0d0d0d 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:8px}.page{height:100%;overflow-y:auto;background:#000;padding-bottom:calc(64px + var(--safe-bottom));-webkit-overflow-scrolling:touch}.page-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:calc(14px + var(--safe-top)) 16px 14px;background:#000000eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.page-header h1{font-size:17px;font-weight:600;margin:0;flex:1}.page-header .count{font-size:13px;color:var(--fg-mute)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:var(--fg-mute);gap:12px;text-align:center}.empty svg{opacity:.4}.vlist{padding:12px;display:flex;flex-direction:column;gap:10px}.vcard{display:flex;gap:12px;padding:10px;background:var(--panel);border-radius:14px;border:1px solid var(--line);transition:background .15s}.vcard:active{background:var(--panel-2)}.vcard .thumb{position:relative;width:78px;height:104px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#0d0d0d}.vcard .thumb img{width:100%;height:100%;object-fit:cover}.vcard .thumb .dur{position:absolute;right:4px;bottom:4px;font-size:10px;padding:1px 5px;border-radius:4px;background:#000000b3;color:#fff}.vcard .meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:2px 0}.vcard .title{font-size:14px;line-height:1.4;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vcard .sub{font-size:12px;color:var(--fg-mute);display:flex;align-items:center;gap:8px}.vcard .stats{margin-top:auto;display:flex;gap:14px;font-size:11px;color:var(--fg-mute)}.progress-bar{height:2px;background:#ffffff1f;border-radius:2px;overflow:hidden;margin-top:4px}.progress-bar i{display:block;height:100%;background:var(--brand);border-radius:2px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-around;padding:8px 0 calc(8px + var(--safe-bottom));background:#000000f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--line)}.tabbar .tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--fg-mute);padding:4px 18px;transition:color .15s}.tabbar .tab.active{color:#fff}.tabbar .tab svg{width:22px;height:22px}.toast-wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;pointer-events:none}.toast{background:#000000d1;color:#fff;font-size:13px;padding:10px 18px;border-radius:10px;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}