body:has(.tfeed-root) .header,body:has(.tfeed-root) .mobile-header,body:has(.tfeed-root) .footer { display: none !important; }body:has(.tfeed-root) .container { padding: 0 !important; max-width: 100% !important; }.tfeed-tab-search { background:transparent; border:none; cursor:pointer; font-family:inherit; }.tfeed-tab-search i { margin-right:0.35rem; font-size:0.85rem; }.tfeed-mention-dropdown { display:none; flex-direction:column; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:12px; margin-bottom:0.4rem; overflow:hidden; max-height:180px; overflow-y:auto; }.tfeed-mention-item { display:flex; align-items:center; gap:0.6rem; padding:0.55rem 0.8rem; cursor:pointer; transition:background 0.15s ease; }.tfeed-mention-item:hover, .tfeed-mention-item.active { background:#262626; }.tfeed-mention-avatar { width:28px; height:28px; border-radius:50%; overflow:hidden; flex-shrink:0; background:#2a2a2a; display:flex; align-items:center; justify-content:center; color:#fff; font-size:0.7rem; font-weight:700; }.tfeed-mention-avatar img { width:100%; height:100%; object-fit:cover; }.tfeed-mention-name { color:#fff; font-size:0.85rem; font-weight:600; }.tfeed-search-overlay { position:fixed; inset:0; z-index:300; background:#000; display:flex; flex-direction:column; transform:translateY(100%); transition:transform 0.25s cubic-bezier(.2,.8,.3,1); }.tfeed-search-overlay.active { transform:translateY(0); }.tfeed-mention-link { color:#60a5fa; font-weight:600; text-decoration:none; }.tfeed-mention-link:hover { text-decoration:underline; }.tfeed-search-topbar { display:flex; align-items:center; gap:0.5rem; padding:0.75rem 0.9rem; border-bottom:1px solid #1a1a1a; background:#0a0a0a; flex-shrink:0; }.tfeed-search-back { background:transparent; border:none; color:#fff; font-size:1.1rem; cursor:pointer; padding:0.5rem; border-radius:50%; }.tfeed-search-back:hover { background:rgba(255,255,255,0.08); }.tfeed-search-input { flex:1; background:#141414; border:1px solid #242424; border-radius:50px; padding:0.7rem 1.1rem; color:#fff; font-size:16px; outline:none; font-family:inherit; min-width:0; }.tfeed-search-input:focus { border-color:#60a5fa; }.tfeed-search-input::placeholder { color:#666; }.tfeed-search-submit { background:#60a5fa; border:none; color:#0a0a0a; width:38px; height:38px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:0.95rem; transition: background 0.15s ease, transform 0.15s ease; }.tfeed-search-submit:hover { background:#93c5fd; transform:scale(1.05); }.tfeed-search-submit:active { transform:scale(0.95); }.tfeed-speed-badge { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,0.65); color:#fff; padding:0.5rem 1rem; border-radius:30px; font-size:0.95rem; font-weight:700; display:flex; align-items:center; gap:0.4rem; pointer-events:none; z-index:25; }.tfeed-search-suggestions { flex:1; overflow-y:auto; padding:0.4rem 0; }.tfeed-search-suggestions::-webkit-scrollbar { width:6px; }.tfeed-search-suggestions::-webkit-scrollbar-thumb { background:#222; border-radius:3px; }.tfeed-progress-wrap { position:absolute; left:0; right:0; bottom:0; height:28px; display:flex; align-items:flex-end; z-index:14; padding:0 3px 6px; cursor:pointer; }.tfeed-progress-track { position:absolute; left:3px; right:3px; bottom:6px; height:2.5px; background:rgba(255,255,255,0.3); border-radius:4px; overflow:hidden; transition:height 0.18s cubic-bezier(.2,.8,.3,1); }.tfeed-progress-wrap.dragging .tfeed-progress-track, .tfeed-progress-wrap:active .tfeed-progress-track { height:4px; }.tfeed-progress-bar { position:absolute; left:0; top:0; bottom:0; background:linear-gradient(90deg,#fff,#f0f0f0); border-radius:4px; width:0%; pointer-events:none; box-shadow:0 0 6px rgba(255,255,255,0.5); transition:width 0.08s linear; }.tfeed-progress-wrap.dragging .tfeed-progress-bar { transition:none; }.tfeed-progress-handle { position:absolute; top:calc(100% - 6px); transform:translate(-50%,-50%); width:8px; height:8px; border-radius:50%; background:#fff; box-shadow:0 1px 6px rgba(0,0,0,0.5), 0 0 0 3px rgba(255,255,255,0.15); left:0%; opacity:0; transform-origin:center; transition:opacity 0.18s ease, width 0.18s ease, height 0.18s ease; pointer-events:none; }.tfeed-progress-wrap.dragging .tfeed-progress-handle, .tfeed-progress-wrap:active .tfeed-progress-handle { opacity:1; width:11px; height:11px; }.tfeed-suggestion { display:flex; align-items:center; gap:0.8rem; padding:0.65rem 1rem; cursor:pointer; transition:background 0.15s ease; text-decoration:none; color:#fff; }.tfeed-suggestion:hover, .tfeed-suggestion.active { background:#141414; }.tfeed-suggestion-thumb { width:44px; height:44px; border-radius:8px; overflow:hidden; flex-shrink:0; background:#1a1a1a; display:flex; align-items:center; justify-content:center; color:#666; }.tfeed-suggestion-thumb img { width:100%; height:100%; object-fit:cover; display:block; }.tfeed-suggestion-body { flex:1; min-width:0; }.tfeed-suggestion-label { color:#fff; font-size:0.92rem; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.tfeed-suggestion-sub { color:#666; font-size:0.75rem; margin-top:0.1rem; }.tfeed-suggestion-icon { color:#666; font-size:0.9rem; flex-shrink:0; }.tfeed-search-empty { text-align:center; color:#666; padding:3rem 1rem; font-size:0.9rem; }.tfeed-search-empty i { display:block; font-size:2rem; color:#2a2a2a; margin-bottom:0.8rem; }.tfeed-root { position: fixed; inset: 0; background:#000; color:#fff; display:flex; flex-direction:column; z-index:100; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }.tfeed-root * { box-sizing: border-box; }  .tfeed-root, .tfeed-root * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }  .tfeed-root input, .tfeed-root textarea { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }.tfeed-media, .tfeed-media * { -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; }.tfeed-topbar { position:absolute; top:0; left:0; right:0; z-index:20; display:flex; align-items:center; justify-content:center; padding: 0.9rem 1rem; background: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent); }.tfeed-tabs { display:flex; gap:1.4rem; }.tfeed-tab { color:#bbb; font-size:1rem; font-weight:600; text-decoration:none; padding:0.3rem 0; position:relative; }.tfeed-tab.active { color:#fff; }.tfeed-tab.active::after { content:""; position:absolute; left:50%; bottom:-4px; transform:translateX(-50%); width:24px; height:3px; border-radius:3px; background:#fff; }.tfeed-gear { position:absolute; right:1rem; top:50%; transform:translateY(-50%); background:transparent; border:none; color:#fff; font-size:1.15rem; cursor:pointer; padding:0.5rem; border-radius:50%; }.tfeed-gear:hover { background: rgba(255,255,255,0.12); }.tfeed-back { position:absolute; left:1rem; top:50%; transform:translateY(-50%); width:38px; height:38px; border-radius:50%; background: rgba(0,0,0,0.45); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1rem; text-decoration:none; transition: background 0.15s ease; }.tfeed-back:hover { background: rgba(255,255,255,0.15); }.tfeed-stream { flex:1; overflow-y:scroll; scroll-snap-type: y mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }.tfeed-stream::-webkit-scrollbar { display:none; }.tfeed-stream { flex:1; overflow-y:scroll; overscroll-behavior-y:contain; scroll-snap-type: y mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }.tfeed-comment { position:relative; }.tfeed-comment-menu-btn { display:none; background:transparent; border:none; color:#888; font-size:0.85rem; cursor:pointer; padding:0.4rem 0.5rem; border-radius:6px; align-self:flex-start; }.tfeed-comment-mine:hover .tfeed-comment-menu-btn { display:block; }.tfeed-comment-menu-btn:hover { color:#fff; background:#222; }.tfeed-comment-menu { position:absolute; top:2rem; right:0.5rem; background:#1e1e1e; border:1px solid #2a2a2a; border-radius:10px; overflow:hidden; display:none; flex-direction:column; z-index:20; min-width:120px; box-shadow:0 4px 16px rgba(0,0,0,0.4); }.tfeed-comment-menu.open { display:flex; }.tfeed-comment-menu button { background:transparent; border:none; color:#eee; font-size:0.82rem; padding:0.6rem 0.9rem; text-align:left; cursor:pointer; display:flex; align-items:center; gap:0.5rem; font-family:inherit; }.tfeed-comment-menu button:hover { background:#2a2a2a; }.tfeed-comment-menu button.danger { color:#f87171; }.tfeed-comment-menu button.danger:hover { background:rgba(248,113,113,0.12); }.tfeed-comment-edit-input { width:100%; background:#1a1a1a; border:1px solid #60a5fa; border-radius:8px; padding:0.4rem 0.6rem; color:#fff; font-size:0.85rem; font-family:inherit; margin-top:0.1rem; }.tfeed-loading, .tfeed-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; color:#bbb; text-align:center; padding:2rem; }.tfeed-loading i, .tfeed-empty i { font-size:2.4rem; color:#333; margin-bottom:0.6rem; display:block; }.tfeed-empty h3 { color:#fff; margin:0.5rem 0 0.3rem; font-size:1.15rem; }.tfeed-empty p { font-size:0.9rem; margin:0 0 1rem; }.tfeed-empty-btn { background:#fff; color:#000; border:none; padding:0.55rem 1.4rem; border-radius:50px; font-weight:600; cursor:pointer; font-size:0.85rem; }    .tfeed-heart-burst { position:absolute; transform:translate(-50%, -50%); pointer-events:none; z-index:30; width:0; height:0; }    .tfeed-heart-main {      position:absolute; top:0; left:0;      transform:translate(-50%, -50%);      font-size:6.5rem;      color:#f472b6;      text-shadow: 0 0 30px rgba(244,114,182,0.8), 0 0 60px rgba(244,114,182,0.4);      animation: tfeedHeartMain 1.4s cubic-bezier(.2,.8,.3,1) forwards;    }    @keyframes tfeedHeartMain {      0%   { transform:translate(-50%, -50%) scale(0) rotate(-25deg); opacity:0; }      12%  { transform:translate(-50%, -50%) scale(1.5) rotate(8deg); opacity:1; }      22%  { transform:translate(-50%, -50%) scale(0.9) rotate(-4deg); opacity:1; }      32%  { transform:translate(-50%, -50%) scale(1.2) rotate(2deg); opacity:1; }      45%  { transform:translate(-50%, -50%) scale(1) rotate(0deg); opacity:1; }      75%  { transform:translate(-50%, -50%) scale(1.05) rotate(0deg); opacity:1; }      100% { transform:translate(-50%, -55%) scale(0.7) rotate(0deg); opacity:0; }    }    .tfeed-heart-ring {      position:absolute; top:0; left:0;      width:140px; height:140px;      border-radius:50%;      border:3px solid #f472b6;      transform:translate(-50%, -50%) scale(0);      box-shadow: 0 0 40px rgba(244,114,182,0.6), inset 0 0 30px rgba(244,114,182,0.3);      animation: tfeedHeartRing 1.1s cubic-bezier(.2,.8,.3,1) forwards;      pointer-events:none;    }    @keyframes tfeedHeartRing {      0%   { transform:translate(-50%, -50%) scale(0.2); opacity:0; }      25%  { transform:translate(-50%, -50%) scale(0.9); opacity:0.9; }      60%  { transform:translate(-50%, -50%) scale(1.4); opacity:0.5; }      100% { transform:translate(-50%, -50%) scale(2); opacity:0; }    }    .tfeed-heart-particle {      position:absolute; top:0; left:0;      font-size:1rem;      color:#f472b6;      text-shadow: 0 0 10px rgba(244,114,182,0.9);      transform: rotate(var(--angle)) translateY(0) translate(-50%, -50%);      transform-origin: 0 0;      opacity:0;      animation: tfeedHeartParticle 1.2s cubic-bezier(.2,.8,.3,1) forwards;      pointer-events:none;    }    @keyframes tfeedHeartParticle {      0%   { opacity:0; transform: rotate(var(--angle)) translateY(0) translate(-50%, -50%) scale(0.3); }      20%  { opacity:1; transform: rotate(var(--angle)) translateY(-40px) translate(-50%, -50%) scale(1.1); }      70%  { opacity:0.9; transform: rotate(var(--angle)) translateY(-90px) translate(-50%, -50%) scale(0.9); }      100% { opacity:0; transform: rotate(var(--angle)) translateY(-140px) translate(-50%, -50%) scale(0.4); }    }.tfeed-card { position:relative; width:100%; height:100%; scroll-snap-align:start; scroll-snap-stop: always; background:#000; overflow:hidden; }.tfeed-media { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:#000; }.tfeed-media img, .tfeed-media video { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; }.tfeed-media, .tfeed-media * { touch-action: pan-y; }.tfeed-root { touch-action: manipulation; -webkit-text-size-adjust: 100%; }.tfeed-play-badge { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:72px; height:72px; border-radius:50%; background:rgba(0,0,0,0.5); border:2px solid rgba(255,255,255,0.4); display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.7rem; pointer-events:none; opacity:0; transition: opacity 0.25s ease; }.tfeed-play-badge.show { opacity:1; }@keyframes tfeedPausePop {  0%   { transform:translate(-50%, -50%) scale(0.6); opacity:0; }  60%  { transform:translate(-50%, -50%) scale(1.12); opacity:1; }  100% { transform:translate(-50%, -50%) scale(1); opacity:1; }}.tfeed-pause-badge { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:72px; height:72px; border-radius:50%; background:rgba(0,0,0,0.5); border:2px solid rgba(255,255,255,0.4); display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.7rem; pointer-events:none; opacity:0; z-index:16; }.tfeed-pause-badge.show { opacity:1; animation: tfeedPausePop 0.28s cubic-bezier(.2,.8,.3,1); }.tfeed-mute-btn { position:absolute; top:3.6rem; right:0.6rem; width:46px; height:46px; border-radius:50%; background:rgba(0,0,0,0.45); border:2px solid #000; color:#fff; font-size:1.2rem; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:12; }@keyframes tfeedPlayPop {  0%   { transform:translate(-50%, -50%) scale(0.6); opacity:0; }  60%  { transform:translate(-50%, -50%) scale(1.12); opacity:1; }  100% { transform:translate(-50%, -50%) scale(1); opacity:0; }}.tfeed-play-pop-badge { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:72px; height:72px; border-radius:50%; background:rgba(0,0,0,0.5); border:2px solid rgba(255,255,255,0.4); display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.7rem; pointer-events:none; opacity:0; z-index:16; }.tfeed-play-pop-badge.show { animation: tfeedPlayPop 0.45s cubic-bezier(.2,.8,.3,1) forwards; }.tfeed-overlay-bottom { position:absolute; left:0; right:80px; bottom:0; padding: 1.2rem 1.1rem 1.6rem; background: linear-gradient(to top, rgba(0,0,0,0.85) 30%, transparent); z-index:10; }.tfeed-author-row { display:flex; align-items:center; gap:0.6rem; margin-bottom:0.5rem; flex-wrap:wrap; }.tfeed-author { color:#fff; font-size:1rem; font-weight:700; text-decoration:none; }.tfeed-author:hover { text-decoration:underline; }.tfeed-author-avatar { width:34px; height:34px; border-radius:50%; overflow:hidden; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; background: linear-gradient(135deg,#2a2a2a,#1a1a1a); color:#fff; font-weight:700; font-size:0.85rem; text-decoration:none; border:1px solid rgba(255,255,255,0.15); }.tfeed-author-avatar img { width:100%; height:100%; object-fit:cover; display:block; }.tfeed-author-views { color: rgba(255,255,255,0.85); font-size:0.78rem; font-weight:600; display:inline-flex; align-items:center; gap:0.25rem; text-shadow: 0 1px 2px rgba(0,0,0,0.6); }.tfeed-source-pill { display:inline-flex; align-items:center; gap:0.3rem; padding: 0.15rem 0.6rem; border-radius:30px; background: rgba(255,255,255,0.12); color:#fff; font-size:0.65rem; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; border: 1px solid rgba(255,255,255,0.15); text-decoration:none; }.tfeed-source-pill.model { background: rgba(96,165,250,0.25); border-color: rgba(96,165,250,0.5); }.tfeed-source-row { display:flex; align-items:center; gap:0.35rem; margin-bottom:0.4rem; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }.tfeed-source-row::-webkit-scrollbar { display:none; }.tfeed-follow-btn { margin-left:0.6rem; padding:0.3rem 0.9rem; border-radius:50px; background:#fff; color:#0a0a0a; border:none; font-weight:700; font-size:0.75rem; cursor:pointer; font-family:inherit; transition:all 0.15s ease; }.tfeed-follow-btn.following { background:rgba(255,255,255,0.12); color:#fff; border:1px solid rgba(255,255,255,0.2); }.tfeed-follow-btn:hover { transform:translateY(-1px); }.tfeed-source-pill.views { background: rgba(74,222,128,0.18); border-color: rgba(74,222,128,0.45); color: #d9fbe6; margin-left: 0.35rem; }.tfeed-follow-btn:disabled { opacity:0.6; cursor:not-allowed; }.tfeed-source-pill.piy { background: rgba(167,139,250,0.25); border-color: rgba(167,139,250,0.5); }.tfeed-caption { color:#fff; font-size:0.92rem; line-height:1.45; margin: 0 0 0.4rem; max-height:5.8em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }.tfeed-description { color: rgba(255,255,255,0.75); font-size:0.85rem; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }.tfeed-view-link { display:inline-flex; align-items:center; gap:0.35rem; margin-top:0.6rem; color:#fff; font-size:0.8rem; text-decoration:none; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); padding: 0.35rem 0.8rem; border-radius:30px; }.tfeed-view-link:hover { background: rgba(255,255,255,0.18); }.tfeed-actions { position:absolute; right:0.6rem; top:calc(50% + 46px); transform:translateY(-50%); display:flex; flex-direction:column; gap:1.1rem; align-items:center; z-index:15; }.tfeed-action { background:transparent; border:none; cursor:pointer; color:#fff; display:flex; flex-direction:column; align-items:center; gap:0.2rem; padding:0; transition: transform 0.15s ease; font-family:inherit; }.tfeed-action:active { transform: scale(0.9); }.tfeed-action-icon { width:46px; height:46px; border-radius:50%; background: rgba(0,0,0,0.45); border: 2px solid #000; display:flex; align-items:center; justify-content:center; font-size:1.2rem; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; }.tfeed-action:hover .tfeed-action-icon { background: rgba(0,0,0,0.65); }.tfeed-action.liked .tfeed-action-icon { color:#f472b6; background: rgba(244,114,182,0.18); }.tfeed-action.saved .tfeed-action-icon { color:#a78bfa; background: rgba(167,139,250,0.18); }.tfeed-action-count { font-size:0.75rem; color:#fff; font-weight:600; text-shadow: 0 1px 3px rgba(0,0,0,0.6); }.tfeed-action.bump .tfeed-action-icon { animation: tfeedBump 0.35s cubic-bezier(.2,.8,.3,1); }@keyframes tfeedBump { 0% { transform: scale(1); } 40% { transform: scale(1.25); } 100% { transform: scale(1); } }.tfeed-sheet-overlay { position:fixed; inset:0; z-index:200; background: rgba(0,0,0,0.65); display:flex; align-items:flex-end; justify-content:center; opacity:0; pointer-events:none; transition: opacity 0.2s ease; }.tfeed-sheet-overlay.active { opacity:1; pointer-events:auto; }.tfeed-sheet { width:100%; max-width:520px; background:#121212; border:1px solid #222; border-bottom:none; border-radius: 20px 20px 0 0; padding: 0.5rem 1rem calc(0.8rem + env(safe-area-inset-bottom, 0px)); transform: translateY(100%); transition: transform 0.28s cubic-bezier(.2,.8,.3,1); display:flex; flex-direction:column; max-height:82vh; }.tfeed-sheet-overlay.active .tfeed-sheet { transform: translateY(0); }.tfeed-sheet-handle { width:40px; height:4px; border-radius:4px; background:#333; margin: 0.4rem auto 0.8rem; flex-shrink:0; }.tfeed-sheet-header { display:flex; align-items:center; justify-content:space-between; padding-bottom:0.6rem; border-bottom:1px solid #1e1e1e; flex-shrink:0; }.tfeed-sheet-header h3 { color:#fff; font-size:1rem; font-weight:700; margin:0; display:flex; align-items:center; gap:0.5rem; }.tfeed-sheet-close { background:transparent; border:none; color:#888; font-size:1rem; cursor:pointer; padding:0.4rem; border-radius:50%; }.tfeed-sheet-close:hover { background:#1a1a1a; color:#fff; }.tfeed-progress-time { position:absolute; bottom:16px; left:0; transform:translateX(-50%); background:rgba(0,0,0,0.75); color:#fff; font-size:0.72rem; font-weight:600; padding:0.25rem 0.55rem; border-radius:8px; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity 0.15s ease; font-variant-numeric:tabular-nums; }.tfeed-progress-wrap.dragging .tfeed-progress-time { opacity:1; }.tfeed-comments { flex:1; overflow-y:auto; padding: 0.7rem 0.2rem; display:flex; flex-direction:column; gap:0.6rem; min-height:120px; }.tfeed-comments::-webkit-scrollbar { width:5px; }.tfeed-comments::-webkit-scrollbar-thumb { background:#2a2a2a; border-radius:3px; }.tfeed-comment { display:flex; gap:0.7rem; align-items:flex-start; }.tfeed-comment-avatar { width:34px; height:34px; border-radius:50%; background: linear-gradient(135deg,#2a2a2a,#1a1a1a); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:600; font-size:0.85rem; flex-shrink:0; text-transform:uppercase; }.tfeed-comment-body { flex:1; min-width:0; }.tfeed-comment-author { color:#fff; font-weight:600; font-size:0.82rem; text-decoration:none; }.tfeed-comment-author:hover { text-decoration:underline; }.tfeed-comment-text { color:#ddd; font-size:0.85rem; line-height:1.4; margin: 0.1rem 0 0; word-wrap:break-word; }.tfeed-comment-time { color:#555; font-size:0.68rem; margin-top:0.2rem; }.tfeed-comments-empty { text-align:center; color:#666; padding: 2rem 1rem; font-size:0.9rem; }.tfeed-comment-form { display:flex; gap:0.5rem; padding-top:0.6rem; border-top:1px solid #1e1e1e; flex-shrink:0; }.tfeed-comment-form input { flex:1; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:50px; padding: 0.65rem 1rem; color:#fff; font-size:16px; outline:none; }.tfeed-comment-form input:focus { border-color:#60a5fa; }.tfeed-comment-form button { background:#60a5fa; border:none; color:#0a0a0a; padding: 0 1.1rem; border-radius:50px; cursor:pointer; font-weight:600; display:inline-flex; align-items:center; justify-content:center; }.tfeed-settings { padding: 1rem 0.2rem; }.tfeed-settings-group { margin-bottom:1.4rem; }.tfeed-settings-group label { display:block; color:#888; font-size:0.75rem; text-transform:uppercase; letter-spacing:1px; margin-bottom:0.6rem; }.tfeed-opt-row { display:flex; gap:0.5rem; flex-wrap:wrap; }.tfeed-opt { flex:1; min-width:90px; padding: 0.7rem 1rem; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:12px; color:#ccc; font-size:0.88rem; font-weight:600; cursor:pointer; transition: all 0.15s ease; font-family:inherit; }.tfeed-opt:hover { border-color:#3a3a3a; color:#fff; }.tfeed-opt.active { background:#60a5fa; color:#0a0a0a; border-color:#60a5fa; }.tfeed-apply { width:100%; padding: 0.85rem 1rem; background:#fff; color:#0a0a0a; border:none; border-radius:50px; font-weight:700; font-size:0.95rem; cursor:pointer; font-family:inherit; display:inline-flex; align-items:center; justify-content:center; gap:0.4rem; margin-top:0.4rem; }.tfeed-apply:hover { background:#e6e6e6; }.tfeed-settings { overflow-y:auto; min-height:0; }.tfeed-adv-row { display:flex; align-items:center; justify-content:space-between; gap:0.8rem; background:#141414; border:1px solid #242424; border-radius:12px; padding:0.75rem 0.9rem; margin-bottom:1.4rem; }.tfeed-adv-text { display:flex; flex-direction:column; gap:0.15rem; min-width:0; }.tfeed-adv-text strong { color:#fff; font-size:0.9rem; font-weight:700; }.tfeed-adv-text span { color:#777; font-size:0.72rem; line-height:1.35; }.tfeed-adv-switch { display:inline-flex; align-items:center; cursor:pointer; flex-shrink:0; }.tfeed-adv-switch input { display:none; }.tfeed-adv-slider { position:relative; width:38px; height:22px; border-radius:22px; background:#2a2a2a; transition:background 0.2s ease; flex-shrink:0; }.tfeed-adv-slider::after { content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:#fff; transition:transform 0.2s ease; }.tfeed-adv-switch input:checked + .tfeed-adv-slider { background:#60a5fa; }.tfeed-adv-switch input:checked + .tfeed-adv-slider::after { transform:translateX(16px); }.tfeed-only-chips { display:flex; flex-wrap:wrap; gap:0.4rem; margin-bottom:0.6rem; }.tfeed-only-chip { display:inline-flex; align-items:center; gap:0.4rem; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:50px; padding:0.25rem 0.4rem 0.25rem 0.3rem; color:#fff; font-size:0.8rem; font-weight:600; }.tfeed-only-chip-avatar { width:22px; height:22px; border-radius:50%; overflow:hidden; background:#2a2a2a; display:flex; align-items:center; justify-content:center; font-size:0.6rem; color:#888; flex-shrink:0; }.tfeed-only-chip-avatar img { width:100%; height:100%; object-fit:cover; display:block; }.tfeed-only-chip button { background:transparent; border:none; color:#888; cursor:pointer; font-size:0.75rem; padding:0.2rem 0.35rem; border-radius:50%; }.tfeed-only-chip button:hover { color:#fff; background:#2a2a2a; }.tfeed-only-input { width:100%; background:#141414; border:1px solid #242424; border-radius:50px; padding:0.65rem 1rem; color:#fff; font-size:16px; outline:none; font-family:inherit; }.tfeed-only-input:focus { border-color:#60a5fa; }.tfeed-only-suggest { margin-top:0.4rem; max-height:200px; overflow-y:auto; border-radius:12px; }.tfeed-only-suggest .tfeed-search-empty { padding:1rem; }.tfeed-only-hint { color:#666; font-size:0.72rem; margin:0.6rem 0 0; line-height:1.4; }.tfeed-info-btn { position:absolute; top:3.6rem; left:0.6rem; width:46px; height:46px; border-radius:50%; background:rgba(0,0,0,0.45); border:2px solid #000; color:#fff; font-size:1.2rem; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:12; }.tfeed-info-btn:hover { background:rgba(0,0,0,0.65); }.tfeed-info-body { flex:1; min-height:0; overflow-y:auto; padding:0.2rem 0.6rem 0.8rem 0.2rem; overscroll-behavior:contain; }.tfeed-info-body::-webkit-scrollbar, .tfeed-settings::-webkit-scrollbar { width:6px; }.tfeed-info-body::-webkit-scrollbar-track, .tfeed-settings::-webkit-scrollbar-track { background:transparent; margin:6px 0; }.tfeed-info-body::-webkit-scrollbar-thumb, .tfeed-settings::-webkit-scrollbar-thumb { background:#2e2e2e; border-radius:6px; transition:background 0.2s ease; }.tfeed-info-body::-webkit-scrollbar-thumb:hover, .tfeed-settings::-webkit-scrollbar-thumb:hover { background:#60a5fa; }@supports not selector(::-webkit-scrollbar) {  .tfeed-info-body, .tfeed-settings { scrollbar-width:thin; scrollbar-color:#2e2e2e transparent; }}.tfeed-info-section { color:#60a5fa; font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin:1rem 0 0.2rem; }.tfeed-info-row { display:flex; align-items:flex-start; gap:0.6rem; padding:0.55rem 0; border-bottom:1px solid #1a1a1a; }.tfeed-info-label { flex:0 0 92px; color:#888; font-size:0.78rem; font-weight:600; }.tfeed-info-value { flex:1; min-width:0; color:#eee; font-size:0.82rem; line-height:1.4; overflow-wrap:anywhere; }.tfeed-info-value a { color:#60a5fa; text-decoration:none; }.tfeed-info-value a:hover { text-decoration:underline; }.tfeed-info-copy { background:#1a1a1a; border:1px solid #2a2a2a; color:#ccc; width:30px; height:30px; border-radius:8px; cursor:pointer; flex-shrink:0; font-size:0.75rem; }.tfeed-info-copy:hover { color:#fff; background:#262626; }@media (max-width: 640px) {.tfeed-overlay-bottom { right:0; padding: 1rem 70px 1.4rem 0.9rem; }.tfeed-back { width:34px; height:34px; left:0.7rem; font-size:0.9rem; }.tfeed-author-avatar { width:28px; height:28px; font-size:0.75rem; }.tfeed-author-views { font-size:0.72rem; }.tfeed-actions { right:0.4rem; top:calc(50% + 42px); gap:0.9rem; }.tfeed-action-icon { width:42px; height:42px; font-size:1.1rem; }.tfeed-mute-btn { width:42px; height:42px; font-size:1.1rem; right:0.4rem; }.tfeed-action-count { font-size:0.7rem; }.tfeed-author { font-size:0.95rem; }.tfeed-info-btn { width:42px; height:42px; font-size:1.1rem; left:0.4rem; }.tfeed-caption { font-size:0.88rem; }}.tfeed-comment-meta { display:flex; align-items:center; gap:1rem; margin-top:0.25rem; }.tfeed-comment-like { background:transparent; border:none; color:#888; font-size:0.72rem; cursor:pointer; display:inline-flex; align-items:center; gap:0.3rem; padding:0; font-family:inherit; transition:color 0.15s ease; }.tfeed-comment-like:hover { color:#fff; }.tfeed-comment-like.liked { color:#f472b6; }.tfeed-comment-like.liked i { animation: tfeedBump 0.35s cubic-bezier(.2,.8,.3,1); }.tfeed-comment-sort { display:flex; gap:0.3rem; margin-left:auto; margin-right:0.6rem; }.tfeed-sort-btn { background:transparent; border:none; color:#888; font-size:0.72rem; font-weight:700; padding:0.35rem 0.7rem; border-radius:50px; cursor:pointer; font-family:inherit; transition:all 0.15s ease; }.tfeed-sort-btn:hover { color:#fff; background:#1a1a1a; }.tfeed-sort-btn.active { background:#60a5fa; color:#0a0a0a; }.tfeed-toast { position:absolute; bottom:2rem; left:50%; transform:translate(-50%, 20px); background:rgba(0,0,0,0.85); color:#fff; padding:0.7rem 1.1rem; border-radius:50px; font-size:0.8rem; font-weight:600; display:flex; align-items:center; gap:0.5rem; opacity:0; transition:opacity 0.3s ease, transform 0.3s ease; z-index:40; pointer-events:none; border:1px solid rgba(255,255,255,0.1); }.tfeed-toast.show { opacity:1; transform:translate(-50%, 0); }    .tfeed-confetti { position:fixed; width:8px; height:8px; border-radius:2px; pointer-events:none; z-index:9999; animation: tfeedConfetti 1.1s cubic-bezier(.2,.8,.3,1) forwards; }    @keyframes tfeedConfetti {      0% { transform: translate(0,0) rotate(0deg) scale(1); opacity:1; }      100% { transform: translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(0.4); opacity:0; }    }    .tfeed-action.liked .tfeed-action-icon { color: var(--rcolor, #f472b6); background: rgba(244,114,182,0.18); }    .tfeed-reaction-picker { position:absolute; display:flex; gap:0.4rem; background:rgba(20,20,20,0.96); border:1px solid #2a2a2a; border-radius:50px; padding:0.5rem 0.7rem; box-shadow:0 8px 24px rgba(0,0,0,0.5); z-index:40; animation: tfeedReactionPop 0.25s cubic-bezier(.2,.8,.3,1); transform-origin:right center; }    @keyframes tfeedReactionPop { from { transform: scale(0.6); opacity:0; } to { transform: scale(1); opacity:1; } }    .tfeed-reaction-opt { background:transparent; border:none; font-size:1.4rem; cursor:pointer; width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; transition: transform 0.15s ease, background 0.15s ease; }    .tfeed-reaction-opt:hover { transform:scale(1.25); background:rgba(255,255,255,0.08); }    .tfeed-reaction-opt.active { background:rgba(255,255,255,0.12); }    @media (max-width: 640px) {      .tfeed-reaction-picker { padding:0.4rem 0.5rem; gap:0.2rem; }      .tfeed-reaction-opt { width:34px; height:34px; font-size:1.2rem; }    }    .tfeed-reactions-list { flex:1; overflow-y:auto; padding:0.4rem 0.2rem; min-height:200px; max-height:60vh; }    .tfeed-reaction-row { display:flex; align-items:center; gap:0.7rem; padding:0.55rem 0.4rem; border-radius:10px; text-decoration:none; transition:background 0.15s ease; }    .tfeed-reaction-row:hover { background:#1a1a1a; }    .tfeed-reaction-avatar { width:36px; height:36px; border-radius:50%; overflow:hidden; background:linear-gradient(135deg,#2a2a2a,#1a1a1a); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:0.85rem; flex-shrink:0; }    .tfeed-reaction-avatar img { width:100%; height:100%; object-fit:cover; display:block; }    .tfeed-reaction-name { flex:1; min-width:0; color:#fff; font-weight:600; font-size:0.88rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }    .tfeed-reaction-emoji { font-size:1.1rem; }    .tfeed-comment-reply-btn { background:transparent; border:none; color:#888; font-size:0.72rem; font-weight:600; cursor:pointer; padding:0; font-family:inherit; margin-left:0.2rem; }    .tfeed-comment-reply-btn:hover { color:#fff; }    .tfeed-replies-toggle { display:inline-flex; align-items:center; gap:0.35rem; background:transparent; border:none; color:#60a5fa; font-size:0.75rem; font-weight:600; cursor:pointer; padding:0.4rem 0 0.4rem 0; font-family:inherit; margin-top:0.35rem; }    .tfeed-replies-toggle:hover { color:#93c5fd; }    .tfeed-replies-toggle i { font-size:0.65rem; transition:transform 0.2s ease; }    .tfeed-replies-wrap { display:flex; flex-direction:column; gap:0.7rem; margin-top:0.6rem; padding-left:0.9rem; border-left:2px solid #1e1e1e; }    .tfeed-reply .tfeed-comment-avatar { width:28px; height:28px; font-size:0.72rem; }    .tfeed-reply .tfeed-comment-author { font-size:0.78rem; }    .tfeed-reply .tfeed-comment-text { font-size:0.82rem; }