.tp-root{--bg:#0b0f14;--card:#141a22;--card-hover:#1a222c;--line:#243040;--ink:#f4f6f8;--muted:#8b97a8;--soft:#c5ced8;--accent:#ff9f43;--teal:#3dcfb6;--btn:#1e2733;--btn-line:#2c3a4c;background:var(--bg);min-height:100vh;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.tp-wrap{max-width:1080px;margin:0 auto;padding:22px 20px 80px}.tp-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.tp-brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.tp-brand span{color:var(--muted);margin-left:4px;font-size:13px;font-weight:500}.tp-search{border:1px solid var(--line);background:#10161e;border-radius:999px;flex:280px;align-items:center;gap:8px;max-width:420px;padding:8px 14px;display:flex}.tp-search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:14px}.tp-search input::placeholder{color:#6b7787}.tp-tabs{border:1px solid var(--line);background:#10161e;border-radius:999px;gap:4px;padding:3px;display:flex}.tp-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.tp-tab[data-active=true]{color:var(--ink);background:#1e2733}.tp-meta{color:var(--muted);margin:0 0 16px;font-size:13px}.tp-list{flex-direction:column;gap:12px;display:flex}.tp-card{background:var(--card);border:1px solid var(--line);border-radius:14px;grid-template-columns:112px minmax(0,1fr) 168px;gap:16px;padding:14px;display:grid}.tp-card:hover{background:var(--card-hover)}.tp-thumb{border:1px solid var(--line);background:#0d1218;border-radius:8px;flex-shrink:0;width:112px;height:148px;position:relative;overflow:hidden}.tp-thumb img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%}.tp-thumb-fallback{color:#3d4b5c;text-align:center;place-items:center;width:100%;height:100%;padding:8px;font-size:11px;display:grid}.tp-via{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000d1);padding:16px 6px 6px;font-size:10px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tp-body h2{letter-spacing:-.02em;margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.3}.tp-body h2 a{color:var(--ink);text-decoration:none}.tp-body h2 a:hover{color:var(--teal)}.tp-sum{color:var(--soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.tp-q{background:#132033;border:1px solid #2a4a72;border-radius:8px;margin-top:10px;padding:10px 12px}.tp-q span{letter-spacing:.06em;text-transform:uppercase;color:#7eb6ff;margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.tp-q p{color:var(--ink);margin:0;font-size:13.5px;line-height:1.45}.tp-foot{color:var(--muted);flex-wrap:wrap;gap:8px 12px;margin-top:10px;font-size:12px;display:flex}.tp-chip{border:1px solid var(--line);color:var(--soft);background:#1c2633;border-radius:999px;padding:2px 8px}.tp-actions{flex-direction:column;gap:8px;display:flex}.tp-btn{border:1px solid var(--btn-line);background:var(--btn);width:100%;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:600;text-decoration:none;display:flex}.tp-btn:hover{border-color:#3d5168}.tp-btn b{color:var(--accent);font-variant-numeric:tabular-nums}.tp-btn-club{color:#d7fff3;background:#14352f;border-color:#1f5a4e}.tp-btn-club:hover{background:#17443c}.tp-btn:disabled{opacity:.55;cursor:wait}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-spin{animation:.8s linear infinite tp-spin}.tp-empty,.tp-loading{color:var(--muted);text-align:center;padding:48px 12px}@media (max-width:760px){.tp-card{grid-template-columns:84px 1fr}.tp-thumb{width:84px;height:112px}.tp-actions{flex-flow:wrap;grid-column:1/-1}.tp-btn{flex:140px}}