:root{--tf-g:#0B5FD6;--tf-g2:#DCE8F8;--tf-g3:#F2F7FE;--tf-k:#0A0A0A;--tf-nav:76px}.tf-top{background:var(--tf-g3);border-bottom:1px solid var(--tf-g2);padding:26px 0 18px}.tf-top h1{font-size:clamp(25px,3.4vw,36px);margin:0 0 6px;color:var(--tf-k);font-weight:800}.tf-top p{margin:0;color:#4c4c4c;max-width:720px}.tf-bar{position:sticky;top:var(--tf-nav);z-index:30;background:#fff;border-bottom:1px solid var(--tf-g2);padding:10px 0 8px}.tf-row{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tf-row::-webkit-scrollbar{display:none}.tf-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--tf-g2);background:#fff;color:var(--tf-k);border-radius:22px;padding:7px 14px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.tf-chip em{font-style:normal;font-size:12px;background:var(--tf-g3);color:var(--tf-g);border-radius:10px;padding:1px 7px}.tf-chip.on{background:var(--tf-g);border-color:var(--tf-g);color:#fff}.tf-chip.on em{background:#fff3;color:#fff}.tf-chip.sm{font-size:13px;padding:5px 11px}.tf-saved{background:#fff;border-color:var(--tf-g);color:var(--tf-g)}.tf-saved.on{background:var(--tf-g);color:#fff}.tf-wrap{display:grid;grid-template-columns:minmax(0,640px) 330px;gap:34px;justify-content:center;padding-top:22px;padding-bottom:50px}.tf-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#595959;font-weight:600;font-size:14px}.tf-meta button{border:0;background:none;color:var(--tf-g);font-weight:700;cursor:pointer}.tf-post{background:#fff;border:1px solid var(--tf-g2);border-radius:16px;margin-bottom:22px;overflow:hidden;box-shadow:0 4px 18px #0b5fd612}.tf-h{display:flex;align-items:center;gap:11px;padding:12px 14px}.tf-av{width:42px;height:42px;border-radius:50%;border:1px solid var(--tf-g2);background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 42px;overflow:hidden}.tf-av img{width:30px;height:auto}.tf-u{flex:1;min-width:0}.tf-u b{display:block;font-size:15px;color:var(--tf-k)}.tf-u b i{color:var(--tf-g);font-size:15px;vertical-align:-2px}.tf-u small{display:block;color:#595959;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-fmt{background:var(--tf-g);color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;white-space:nowrap}.tf-media{position:relative;display:block;background:var(--tf-k);aspect-ratio:4/5}.tf-media img{width:100%;height:100%;object-fit:cover;display:block}.tf-pin{position:absolute;left:12px;top:12px;background:#fff;color:var(--tf-g);font-size:12px;font-weight:800;border-radius:16px;padding:4px 11px;display:inline-flex;gap:5px;align-items:center}.tf-act{display:flex;align-items:center;gap:4px;padding:8px 10px 4px}.tf-b{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--tf-k);font-size:14.5px;font-weight:600;padding:8px 10px;border-radius:10px;cursor:pointer}.tf-b i{font-size:23px}.tf-b:hover{background:var(--tf-g3)}.tf-b.on i,.tf-b.on{color:var(--tf-g)}.tf-reg{margin-left:auto;background:var(--tf-g);color:#fff!important;border-radius:22px;padding:9px 18px;font-weight:700;font-size:14.5px;display:inline-flex;gap:6px;align-items:center}.tf-reg:hover{background:var(--tf-k)}.tf-done{margin-left:auto;color:var(--tf-g);font-weight:700;display:inline-flex;gap:6px;align-items:center}.tf-cap{padding:6px 16px 16px}.tf-cap h3{font-size:19px;line-height:1.3;margin:4px 0}.tf-cap h3 a{color:var(--tf-k)}.tf-tag{font-weight:700;color:var(--tf-g);margin:0 0 6px;font-size:15px}.tf-imp{margin:0 0 10px;color:#3a3a3a;font-size:14.5px;line-height:1.55}.tf-chips{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px}.tf-chips li{display:inline-flex;gap:5px;align-items:center;background:var(--tf-g3);border:1px solid var(--tf-g2);border-radius:16px;padding:3px 10px;font-size:12.5px;color:#333}.tf-chips i{color:var(--tf-g)}.tf-mod{border:1px solid var(--tf-g2);border-radius:12px;padding:0 12px;margin-bottom:10px;background:#fff}.tf-mod summary{cursor:pointer;font-weight:700;color:var(--tf-g);padding:10px 0;list-style:none;display:flex;gap:8px;align-items:center}.tf-mod summary::-webkit-details-marker{display:none}.tf-mod ol{margin:0 0 10px;padding-left:20px;font-size:14px;line-height:1.6;color:#333}.tf-links a{font-weight:700;color:var(--tf-g);font-size:14.5px}.tf-side{position:sticky;top:calc(var(--tf-nav) + 70px);align-self:start;display:grid;gap:16px}.tf-card{background:#fff;border:1px solid var(--tf-g2);border-radius:16px;padding:16px}.tf-card h4{font-size:16px;margin:0 0 10px;color:var(--tf-k)}.tf-card ul{list-style:none;margin:0;padding:0}.tf-card li button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;padding:8px 6px;border-radius:9px;font-size:14.5px;color:var(--tf-k);text-align:left;cursor:pointer}.tf-card li button:hover,.tf-card li button.on{background:var(--tf-g3)}.tf-card li i{color:var(--tf-g);font-size:19px}.tf-card li span{flex:1}.tf-card li em{font-style:normal;font-size:12px;color:#595959}.tf-card p{font-size:14px;color:#4c4c4c;margin:0 0 12px}.tf-card .ax-btn{width:100%;justify-content:center}.tf-empty{text-align:center;padding:50px 10px;color:#4c4c4c}.tf-empty i{font-size:44px;color:var(--tf-g)}.tf-toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);background:var(--tf-k);color:#fff;padding:10px 18px;border-radius:24px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:.2s;z-index:100000}.tf-toast.on{opacity:1;transform:translate(-50%)}.tf-more{text-align:center;padding:10px 0 30px}.tf-more button{border:1.5px solid var(--tf-g);background:#fff;color:var(--tf-g);border-radius:24px;padding:10px 26px;font-weight:700}.tf-note{font-size:12.5px;color:#595959;margin:2px 0 18px}@media(max-width:991px){.tf-wrap{grid-template-columns:minmax(0,640px)}.tf-side{display:none}.tf-bar{top:var(--tf-nav)}}@media(max-width:575px){.tf-post{border-radius:0;border-left:0;border-right:0;margin-left:-12px;margin-right:-12px}.tf-b span,.tf-b.on span,.tf-act .tf-b[data-tf-like] span{display:none}.tf-reg{padding:9px 14px}}.tf-tile{aspect-ratio:1/1;background:linear-gradient(150deg,#0a0a0a,#0b5fd6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;position:relative;width:100%}.tf-tile i{font-size:64px;color:#b5cdee}.tf-tile b{position:absolute;right:14px;top:10px;font-size:34px;color:#ffffff47}.ig-media .tf-tile,.fb-post-media .tf-tile{aspect-ratio:auto;min-height:190px}.tf-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}.tf-actions-row .tf-b{border:1.5px solid var(--tf-g2);background:#fff;border-radius:22px;padding:8px 16px}.tf-actions-row .tf-b i{font-size:20px}.tf-disc{font-size:13px;color:#595959;background:var(--tf-g3);border:1px solid var(--tf-g2);border-radius:12px;padding:10px 14px;margin-top:14px}.tf-stories{display:flex;gap:16px;overflow-x:auto;padding:14px 2px 6px;scrollbar-width:none;justify-content:flex-start}.tf-stories::-webkit-scrollbar{display:none}.tf-story{flex:0 0 auto;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:76px;cursor:pointer;color:var(--tf-k)}.tf-story .ring{width:66px;height:66px;border-radius:50%;padding:3px;background:conic-gradient(var(--tf-g),#8AAEE0,var(--tf-g));display:flex;align-items:center;justify-content:center}.tf-story .ring i{width:100%;height:100%;border-radius:50%;background:#fff;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--tf-g)}.tf-story b{font-size:12px;font-weight:600;line-height:1.2;text-align:center}.tf-story.on .ring{background:var(--tf-k)}.tf-story.on .ring i{background:var(--tf-g);color:#fff}.tf-daily{display:flex;gap:8px;align-items:center;background:var(--tf-g3);border:1px solid var(--tf-g2);border-radius:12px;padding:9px 14px;font-size:14px;font-weight:600;color:var(--tf-g);margin:0 0 14px}.tf-new{background:var(--tf-g)!important;color:#fff!important}.tf-up{margin-bottom:18px}.tf-up h4{font-size:15px;margin:0 0 8px;color:var(--tf-k)}.tf-uprow{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.tf-uprow::-webkit-scrollbar{display:none}.tf-upc{flex:0 0 min(300px,82%);display:flex;gap:10px;background:#fff;border:1px solid var(--tf-g2);border-radius:14px;padding:8px;color:var(--tf-k)}.tf-upc img{width:64px;height:80px;object-fit:cover;border-radius:8px;flex:0 0 64px}.tf-upc span{display:flex;flex-direction:column;min-width:0}.tf-upc b{font-size:14px;line-height:1.25}.tf-upc small{font-size:12px;color:#595959}.tf-upc em{font-style:normal;color:var(--tf-g);font-weight:700;font-size:13px;margin-top:auto}.hf-wrap{max-width:935px;margin:0 auto;display:flex;gap:32px;padding:0 0 40px;justify-content:center}.hf-col{width:100%;max-width:470px;min-width:0}.hf-intro{max-width:470px;margin:0 auto;padding:14px 16px 0}.hf-intro h1{font-size:15px;line-height:1.4;font-weight:700;margin:0;color:#0b5fd6}.hf-intro p{font-size:13px;color:#555;margin:2px 0 0}.hf-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 12px 10px;scrollbar-width:none;position:sticky;top:54px;z-index:30;background:#fff}.hf-chips::-webkit-scrollbar{display:none}@media(min-width:992px){.hf-chips{top:0}}.hf-chips button{flex:0 0 auto;border:1px solid #cfd6d3;background:#fff;border-radius:20px;padding:7px 15px;font-size:13.5px;font-weight:600;color:#0a0a0a;cursor:pointer}.hf-chips button.on{background:#0b5fd6;border-color:#0b5fd6;color:#fff}.hf-post{margin:0 0 14px!important;border-radius:0;border-left:0;border-right:0;box-shadow:none}@media(min-width:600px){.hf-post{border:1px solid #e6e8e7;border-radius:12px;margin-bottom:18px!important}}.hf-post .tf-media{aspect-ratio:auto;background:#f3f7fd}.hf-post .tf-media img{height:auto;object-fit:contain;min-height:220px}.hf-post .tf-act{padding:8px 8px 0}.hf-post .tf-b i{font-size:27px}.hf-post .hf-save{margin-left:auto}.hf-cta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hf-cta .tf-reg,.hf-cta .tf-cta{margin-left:0}.tf-cta{background:#0b5fd6;color:#fff!important;border-radius:22px;padding:9px 18px;font-weight:700;font-size:14.5px;display:inline-flex;gap:6px;align-items:center;text-decoration:none}.hf-wa{background:#25d366;color:#fff!important;border-radius:22px;padding:9px 16px;font-weight:700;font-size:14.5px;display:inline-flex;gap:6px;align-items:center;text-decoration:none}.hf-heart{position:absolute;left:50%;top:50%;font-size:96px;color:#fff;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;filter:drop-shadow(0 4px 14px rgba(0,0,0,.4))}.tf-media.pop .hf-heart{animation:hfPop .7s ease}@keyframes hfPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}25%{transform:translate(-50%,-50%) scale(1.1);opacity:1}70%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.hf-end{text-align:center;padding:18px 16px 4px}.hf-end button{border:1px solid #0B5FD6;background:#fff;color:#0b5fd6;border-radius:22px;padding:9px 20px;font-weight:700}.hf-done{text-align:center;color:#555;padding:22px 16px;font-size:14px}.hf-done i{display:block;font-size:36px;color:#0b5fd6}.hf-rail{display:none;width:300px;flex:0 0 300px;padding-top:12px;position:sticky;top:12px;align-self:flex-start}@media(min-width:1100px){.hf-rail{display:block}}.hf-rail .box{border:1px solid #e6e8e7;border-radius:14px;padding:14px;margin-bottom:14px;background:#fff}.hf-rail h2{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#777;margin:0 0 8px;font-weight:700}.hf-rail a.l{display:flex;gap:10px;align-items:center;padding:8px 2px;color:#0a0a0a;font-size:14.5px;font-weight:600;text-decoration:none}.hf-rail a.l i{font-size:22px;color:#0b5fd6}.hf-rail .tf-cta,.hf-rail .hf-wa{display:flex;justify-content:center;margin-top:8px}.hf-rail small{display:block;color:#777;font-size:12px;margin-top:6px}.hf-intro h1{font-size:15px!important;line-height:1.4!important;margin:0!important}.hf-intro{padding-top:10px}