.tpblog{--ink: #1B1B22;--ink-2: #5A5A64;--ink-3: #8C8C96;--ink-4: #B7B7BE;--bg: #FBFBFC;--hero-bg: #FAF5EE;--surface: #FFFFFF;--surface-2: #F4F4F6;--surface-3: #EDEDF0;--line: #E9E9ED;--line-2: #DDDDE3;--brand: #FB6A00;--brand-2: #E25E00;--brand-tint: #FFF1E6;--live: #16A34A;--star: #F5A623;--shadow: 0 10px 40px -14px rgba(21, 21, 26, .16);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--maxw: 1200px;--sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}[data-theme=dark] .tpblog{--ink: #F3F3F6;--ink-2: #A2A2AE;--ink-3: #74747F;--ink-4: #55555F;--bg: #0E0E12;--hero-bg: #15131A;--surface: #17171C;--surface-2: #1E1E25;--surface-3: #26262E;--line: #28282F;--line-2: #34343D;--brand: #FF7A1A;--brand-2: #FF8C38;--brand-tint: #2A1B0E;--live: #22C55E;--shadow: 0 10px 40px -14px rgba(0, 0, 0, .6)}.tpblog *,.tpblog *:before,.tpblog *:after{box-sizing:border-box}.tpblog h1,.tpblog h2,.tpblog h3,.tpblog h4{font-family:var(--sans);font-weight:700;line-height:1.12;letter-spacing:-.01em;margin:0}.tpblog p{margin:0}.tpblog a{color:inherit;text-decoration:none}.tpblog img{display:block;max-width:100%}.tpblog svg{flex-shrink:0}.tpblog .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.tpblog .sec{padding:52px 0}.tpblog .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:11px 18px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:transform .14s,background .14s,border-color .14s,color .14s;white-space:nowrap;font-family:var(--sans)}.tpblog .btn:active{transform:scale(.97)}.tpblog .btn-primary{background:var(--brand);color:#fff}.tpblog .btn-primary:hover{background:var(--brand-2)}.tpblog .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.tpblog .btn-ghost:hover{border-color:var(--ink)}.tpblog .ev-hero{background:linear-gradient(160deg,var(--brand-tint),var(--surface) 62%);border-bottom:1px solid var(--line);padding:46px 0 40px}.tpblog .ev-hero h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.02em;margin-bottom:18px}.tpblog .search-main{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:0 10px 0 18px;height:60px;box-shadow:var(--shadow);margin-bottom:26px;max-width:680px}.tpblog .search-main>svg{color:var(--ink-3)}.tpblog .search-main input{flex:1;border:none;background:none;font-family:var(--sans);font-size:15px;color:var(--ink);min-width:0}.tpblog .search-main input:focus{outline:none}.tpblog .search-main input::placeholder{color:var(--ink-3)}.tpblog .search-main .go{background:var(--brand);color:#fff;border:none;border-radius:var(--r-md);height:42px;padding:0 22px;font-family:var(--sans);font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.tpblog .search-main .go:hover{background:var(--brand-2)}.tpblog .ev-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:640px}.tpblog .ev-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;text-align:center}.tpblog .ev-stat .n{font-family:var(--mono);font-weight:800;font-size:30px;color:var(--brand);line-height:1}.tpblog .ev-stat .l{font-size:12.5px;color:var(--ink-2);margin-top:7px}.tpblog .bl-feat{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;margin-bottom:28px}.tpblog .bl-feat .fimg{min-height:320px;background-size:cover;background-position:center;position:relative}.tpblog .bl-feat .fimg img{width:100%;height:100%;object-fit:cover;display:block}.tpblog .bl-feat .fb{padding:34px;display:flex;flex-direction:column;justify-content:center}.tpblog .bl-feat .fb .kick{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:var(--brand-tint);color:var(--brand-2);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 12px;border-radius:99px;margin-bottom:14px}.tpblog .bl-feat h2{font-size:clamp(22px,2.6vw,30px);line-height:1.22;letter-spacing:-.02em;margin-bottom:12px}.tpblog .bl-feat p{color:var(--ink-2);font-size:14.5px;line-height:1.65;margin-bottom:18px}.tpblog .bl-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-3);font-family:var(--mono);margin-bottom:20px}.tpblog .bl-meta .av{width:26px;height:26px;border-radius:50%;background:var(--brand-tint);color:var(--brand-2);display:grid;place-items:center;font-weight:700;font-size:11px;font-family:var(--sans)}.tpblog .ev-layout{display:grid;grid-template-columns:288px 1fr;gap:28px;align-items:start;padding:18px 0 10px}.tpblog .filters{position:sticky;top:90px;align-self:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);max-height:calc(100vh - 110px);overflow-y:auto}.tpblog .filters-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2}.tpblog .filters-head .t{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}.tpblog .filters-head .t svg{color:var(--brand)}.tpblog .filters-head .clrall{font-size:12.5px;font-weight:600;color:var(--brand-2);cursor:pointer;background:none;border:none;font-family:var(--sans)}.tpblog .facet{border-bottom:1px solid var(--line)}.tpblog .facet:last-child{border-bottom:none}.tpblog .facet-h{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;cursor:pointer;-webkit-user-select:none;user-select:none}.tpblog .facet-h .ft{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:8px}.tpblog .facet-h .ft svg{color:var(--brand)}.tpblog .facet-h .chev{transition:transform .2s;color:var(--ink-3)}.tpblog .facet.collapsed .chev{transform:rotate(-90deg)}.tpblog .facet-body{padding:2px 22px 16px}.tpblog .facet.collapsed .facet-body{display:none}.tpblog .fopt{display:flex;align-items:center;gap:11px;padding:7px 0;cursor:pointer;font-size:13.5px;color:var(--ink-2)}.tpblog .fopt:hover{color:var(--ink)}.tpblog .fopt input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--line-2);border-radius:5px;cursor:pointer;position:relative;flex-shrink:0;transition:.14s;margin:0}.tpblog .fopt input:checked{background:var(--brand);border-color:var(--brand)}.tpblog .fopt input:checked:after{content:"";position:absolute;left:5px;top:1.5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.tpblog .fopt .ct{margin-left:auto;font-size:12px;color:var(--ink-4);font-family:var(--mono)}.tpblog .intro{max-width:none;margin:0 0 16px}.tpblog .intro .it{font-size:14.5px;color:var(--ink-2);line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0}.tpblog .intro.open .it{-webkit-line-clamp:99;overflow:visible}.tpblog .intro .more{margin-top:7px;background:none;border:none;padding:0;font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--brand-2);cursor:pointer;display:inline-flex;align-items:center;gap:5px}.tpblog .intro .more svg{transition:transform .2s}.tpblog .intro.open .more svg{transform:rotate(180deg)}.tpblog .ev-resulth{font-size:13px;color:var(--ink-3);font-weight:600;margin-bottom:14px}.tpblog .bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:22px}.tpblog .post{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:inherit;transition:.16s}.tpblog .post:hover{box-shadow:0 12px 30px #14142817;transform:translateY(-2px)}.tpblog .post-img{height:168px;position:relative;background-size:cover;background-position:center}.tpblog .post-img img{width:100%;height:100%;object-fit:cover;display:block}.tpblog .post-tag{position:absolute;top:12px;left:12px;background:#0f0f169e;color:#fff;font-size:11px;font-weight:700;padding:5px 11px;border-radius:99px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tpblog .post-b{padding:18px;display:flex;flex-direction:column;flex:1}.tpblog .post-b h3{font-size:16.5px;line-height:1.3;margin-bottom:8px}.tpblog .post-b .ex{font-size:13px;color:var(--ink-2);line-height:1.55;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tpblog .pmeta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:11.5px;color:var(--ink-3);font-family:var(--mono);gap:10px}.tpblog .pmeta .rd{color:var(--brand-2);font-weight:700;display:inline-flex;align-items:center;gap:5px;font-family:var(--sans);white-space:nowrap}.tpblog .ev-empty{text-align:center;color:var(--ink-3);padding:50px 0;font-size:14px}.tpblog .ev-more{display:flex;justify-content:center;margin:28px 0 6px}.tpblog .ev-more button{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--line-2);color:var(--ink);font-weight:600;font-size:14px;padding:12px 26px;border-radius:999px;cursor:pointer;transition:.14s;font-family:var(--sans)}.tpblog .ev-more button:hover{border-color:var(--brand);color:var(--brand-2)}.tpblog .filterbtn{display:none;margin-bottom:16px}.tpblog .overlay{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .25s;z-index:89}.tpblog .overlay.show{opacity:1;pointer-events:auto}.tpblog .bl-news{background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:38px;text-align:center}[data-theme=dark] .tpblog .bl-news{border:1px solid var(--line-2)}.tpblog .bl-news h2{font-size:25px;margin-bottom:8px;color:#fff}.tpblog .bl-news p{color:#ffffffb8;font-size:14.5px;margin-bottom:20px}.tpblog .bl-news .nrow{display:flex;gap:10px;max-width:440px;margin:0 auto}.tpblog .bl-news input{flex:1;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;border-radius:var(--r-md);padding:13px 16px;font-family:var(--sans);font-size:14px;min-width:0}.tpblog .bl-news input::placeholder{color:#ffffff80}.tpblog .bl-news input:focus{outline:none;border-color:var(--brand)}.tpblog .bl-news button{background:var(--brand);color:#fff;border:none;border-radius:var(--r-md);padding:0 24px;font-weight:700;font-size:14px;cursor:pointer;font-family:var(--sans);white-space:nowrap}.tpblog .bl-news button:hover{background:var(--brand-2)}.tpblog .bl-newsmsg{display:inline-flex;align-items:center;gap:7px;color:#34d399;font-size:13px;font-weight:600;margin-top:14px}.tpblog .evfaq{max-width:820px;margin:0 auto}.tpblog .evfaq h2{font-size:25px;text-align:center;margin-bottom:8px;letter-spacing:-.02em}.tpblog .evfaq .sub{text-align:center;color:var(--ink-2);margin-bottom:26px;font-size:14.5px}.tpblog .faq-item{border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:10px;background:var(--surface);overflow:hidden}.tpblog .faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;font-weight:600;font-size:14.5px}.tpblog .faq-q svg{color:var(--brand);transition:transform .2s;flex-shrink:0}.tpblog .faq-item.open .faq-q svg{transform:rotate(180deg)}.tpblog .faq-a{padding:0 18px;max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease;color:var(--ink-2);font-size:13.5px;line-height:1.6}.tpblog .faq-item.open .faq-a{padding:0 18px 16px;max-height:320px}.tpblog .seo-head{text-align:center;margin-bottom:32px}.tpblog .seo-head .kick{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-2);margin-bottom:8px}.tpblog .seo-head h2{font-size:clamp(22px,2.8vw,30px);margin:0}.tpblog .seo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.tpblog .seo-col h4{font-size:15px;font-weight:700;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.tpblog .seo-col a{display:block;padding:6px 0;color:var(--ink-2);font-size:13.5px;text-decoration:none;transition:color .14s,padding-left .14s}.tpblog .seo-col a:hover{color:var(--brand);padding-left:4px}@media(max-width:980px){.tpblog .ev-grid,.tpblog .seo-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.tpblog .bl-feat{grid-template-columns:1fr}.tpblog .bl-feat .fimg{min-height:220px}.tpblog .bl-feat .fb{padding:24px}.tpblog .ev-layout{grid-template-columns:1fr}.tpblog .filterbtn{display:inline-flex}.tpblog .filters{position:fixed;inset:0 auto 0 0;width:330px;max-width:90vw;height:100vh;max-height:none;border-radius:0;z-index:90;transform:translate(-100%);transition:transform .25s}.tpblog .filters.open{transform:none}}@media(max-width:760px){.tpblog .wrap{padding:0 18px}.tpblog .sec{padding:40px 0}}@media(max-width:620px){.tpblog .ev-stats,.tpblog .seo-grid{grid-template-columns:1fr}.tpblog .bl-news{padding:28px 20px}.tpblog .bl-news .nrow{flex-direction:column}}@media(max-width:520px){.tpblog .search-main .go span{display:none}}@media(prefers-reduced-motion:reduce){.tpblog *,.tpblog *:before,.tpblog *:after{transition:none!important}}.tpblog .ar-top{border-bottom:1px solid var(--line);background:var(--surface)}.tpblog .ar-crumb{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-3);padding:18px 0 0;flex-wrap:wrap}.tpblog .ar-crumb a{color:var(--ink-3)}.tpblog .ar-crumb a:hover{color:var(--brand-2)}.tpblog .ar-crumb svg{color:var(--ink-4)}.tpblog .ar-head{padding:22px 0 30px;max-width:760px}.tpblog .ar-cat{display:inline-flex;align-items:center;gap:6px;background:var(--brand-tint);color:var(--brand-2);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 12px;border-radius:99px;margin-bottom:16px}.tpblog .ar-head h1{font-size:clamp(27px,3.8vw,42px);line-height:1.18;letter-spacing:-.025em;margin-bottom:16px}.tpblog .ar-lead{font-size:17px;color:var(--ink-2);line-height:1.7;margin-bottom:22px}.tpblog .ar-by{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tpblog .ar-av{width:42px;height:42px;border-radius:50%;background:var(--brand-tint);color:var(--brand-2);display:grid;place-items:center;font-weight:700;font-size:14px}.tpblog .ar-by .who b{font-size:14px;display:block}.tpblog .ar-by .who span{font-size:12px;color:var(--ink-3);font-family:var(--mono)}.tpblog .ar-hero{height:clamp(240px,38vw,440px);border-radius:var(--r-xl);overflow:hidden;background-size:cover;background-position:center}.tpblog .ar-hero img{width:100%;height:100%;object-fit:cover;display:block}.tpblog .ar-layout{display:grid;grid-template-columns:1fr 268px;gap:44px;align-items:start;padding:34px 0 10px}.tpblog .ar-body{max-width:720px;font-size:16px;line-height:1.85;color:var(--ink-2)}.tpblog .ar-body h2{font-size:24px;color:var(--ink);letter-spacing:-.015em;margin:34px 0 12px;scroll-margin-top:90px}.tpblog .ar-body h3{font-size:18.5px;color:var(--ink);margin:26px 0 10px}.tpblog .ar-body p{margin:0 0 16px}.tpblog .ar-body ul,.tpblog .ar-body ol{margin:0 0 18px;padding-left:20px}.tpblog .ar-body li{margin-bottom:8px}.tpblog .ar-body img{border-radius:var(--r-lg);margin:8px 0 18px}.tpblog .ar-body strong{color:var(--ink);font-weight:600}.tpblog .ar-body a{color:var(--brand-2);font-weight:600}.tpblog .ar-body blockquote{border-left:3px solid var(--brand);padding:6px 0 6px 20px;margin:26px 0;font-size:18px;line-height:1.6;color:var(--ink);font-weight:500}.tpblog .ar-body h2:first-child,.tpblog .ar-body p:first-child{margin-top:0}.tpblog .ar-side{position:sticky;top:90px;display:grid;gap:18px}.tpblog .ar-toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.tpblog .ar-toc h4,.tpblog .ar-share h4{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:12px}.tpblog .ar-toc a{display:block;padding:6px 0 6px 12px;border-left:2px solid var(--line);color:var(--ink-2);font-size:13.5px;transition:.14s}.tpblog .ar-toc a:hover,.tpblog .ar-toc a.on{border-left-color:var(--brand);color:var(--brand-2)}.tpblog .ar-share{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.tpblog .ar-sbtns{display:flex;gap:8px;flex-wrap:wrap}.tpblog .ar-sbtn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);display:grid;place-items:center;cursor:pointer;transition:.14s}.tpblog .ar-sbtn:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}.tpblog .ar-author{display:flex;gap:18px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:26px;margin:36px 0 0;max-width:720px}.tpblog .ar-author .av{width:64px;height:64px;border-radius:50%;background:var(--brand-tint);color:var(--brand-2);display:grid;place-items:center;font-weight:700;font-size:20px;flex-shrink:0}.tpblog .ar-author h4{font-size:16px;margin-bottom:3px}.tpblog .ar-author .rl{font-size:12.5px;color:var(--ink-3);margin-bottom:9px;font-family:var(--mono)}.tpblog .ar-author p{color:var(--ink-2);font-size:13.5px;line-height:1.65}@media(max-width:980px){.tpblog .ar-layout{grid-template-columns:1fr}.tpblog .ar-side{position:static}}
