.tp-root{--bg:#f3efe6;--card:#faf8f3;--card-hover:#ece5d6;--line:#dcd5c6;--ink:#121a17;--muted:#5a6560;--soft:#3c463f;--accent:#9a3b1e;--teal:#0f6e5c;--btn:#faf8f3;--btn-line:#c9c0ad;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{background:var(--card);border:1px solid var(--line);border-radius:3px;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:var(--muted)}.tp-tabs{background:var(--card);border:1px solid var(--line);border-radius:3px;gap:4px;padding:3px;display:flex}.tp-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:6px 12px;font-size:13px;font-weight:600}.tp-tab[data-active=true]{background:var(--card-hover);color:var(--ink)}.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:3px;grid-template-columns:112px minmax(0,1fr) 168px;gap:16px;padding:14px;display:grid}.tp-card:hover{background:var(--card-hover)}.tp-thumb{background:var(--card-hover);border:1px solid var(--line);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{width:100%;height:100%;color:var(--muted);text-align:center;place-items:center;padding:8px;font-size:11px;display:grid}.tp-via{color:#faf8f3;white-space:nowrap;text-overflow:ellipsis;background:#121a17;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{border:1px solid var(--line);background:#ece5d6;border-radius:3px;margin-top:10px;padding:10px 12px}.tp-q span{letter-spacing:.06em;text-transform:uppercase;color:var(--teal);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{background:var(--card-hover);border:1px solid var(--line);color:var(--soft);border-radius:3px;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:var(--ink)}.tp-btn b{color:var(--accent);font-variant-numeric:tabular-nums}.tp-btn-club{background:var(--teal);border-color:var(--teal);color:#faf8f3}.tp-btn-club:hover{background:#0c4e32}.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}}