.intg{padding-top:48px;padding-bottom:72px}.intg-h h1,.intg-hero h1{letter-spacing:-.02em;margin:0;font-size:36px;font-weight:600}.intg-h p{max-width:720px;color:var(--muted);margin:10px 0 0;font-size:16px;line-height:1.6}.intg-search{border:1px solid var(--border);background:var(--panel);height:52px;color:var(--faint);border-radius:14px;align-items:center;gap:12px;margin-top:32px;padding:0 18px;display:flex}.intg-search:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--text) 6%, transparent)}.intg-search svg{flex:none;width:18px;height:18px}.intg-search input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:16px}.intg-search span{color:var(--muted);flex:none;font-size:14px;font-weight:600}.intg-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:26px;margin-top:18px;display:flex;overflow-x:auto}.intg-tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:0 2px 12px;font-size:15px;font-weight:600;text-decoration:none}.intg-tabs a:hover{color:var(--text)}.intg-tabs a.on{color:var(--text);border-bottom-color:var(--text)}.intg-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:28px 2px 14px;font-size:12.5px;font-weight:600}.intg-label i{letter-spacing:0;color:var(--faint);margin-left:6px;font-style:normal;font-weight:500}.intg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.intg-card{border:1px solid var(--border);background:var(--panel);min-width:0;color:var(--text);border-radius:16px;align-items:center;gap:18px;padding:22px 24px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.intg-card:hover{border-color:var(--border-strong);box-shadow:0 6px 20px var(--lightningcss-light,#1d1b2e0f)var(--lightningcss-dark,#0000004d)}.intg-card img,.intg-card .intg-logo-none{object-fit:contain;border-radius:10px;flex:none;align-self:flex-start;width:44px;height:44px}.intg-logo-none{background:var(--panel-2);color:var(--muted);place-items:center;font-size:18px;font-weight:600;display:grid}.intg-t{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.intg-t b{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.intg-t b i{color:var(--faint);margin-left:10px;font-size:13px;font-style:normal;font-weight:500}.intg-t b i.oneclick{color:var(--ok)}.intg-t small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.intg-go{flex:none;font-size:15px;font-weight:600}.intg-card:hover .intg-go{color:var(--accent)}.intg-more{margin:24px 0 0}.intg-more .btn{gap:8px;width:100%}.intg-none{margin-top:32px}.intg-crumb{margin:0 0 24px}.intg-crumb a{color:var(--muted);font-size:14px;text-decoration:none}.intg-crumb a:hover{color:var(--text)}.intg-hero{align-items:center;gap:20px;display:flex}.intg-hero img,.intg-hero .intg-logo-none{object-fit:contain;border-radius:14px;flex:none;width:64px;height:64px}.intg-hero>div{flex:1;min-width:0}.intg-tags{flex-wrap:wrap;gap:6px;margin:10px 0 0;display:flex}.intg-tags span{background:var(--panel-2);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:500}.intg-tags .intg-how.oneclick{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, var(--panel))}.intg-desc{max-width:820px;margin:24px 0 0;font-size:17px;line-height:1.65}.intg-sign{color:var(--muted);margin:8px 0 0;font-size:14.5px}.intg-cols{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:36px;padding-top:32px;display:grid}.intg-col h2{margin:0}.intg-badge{border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:15px;font-weight:600;display:inline-flex}.intg-badge i{background:color-mix(in srgb, currentColor 16%, transparent);border-radius:999px;place-items:center;min-width:24px;height:22px;padding:0 7px;font-size:12.5px;font-style:normal;display:inline-grid}.intg-col.reads .intg-badge{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, var(--panel))}.intg-col.asks .intg-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, var(--panel))}.intg-note{color:var(--faint);margin:10px 0 0;font-size:14px;line-height:1.55}.intg-col ul{flex-direction:column;gap:2px;margin:16px 0 0;padding:0;list-style:none;display:flex}.intg-col li{border-radius:12px;align-items:flex-start;gap:14px;margin:0 -12px;padding:10px 12px;display:flex}.intg-col li:hover{background:color-mix(in srgb, var(--text) 4%, var(--bg))}.intg-col li>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.intg-col li b{font-size:15px;font-weight:600}.intg-col li small{color:var(--muted);font-size:14px;line-height:1.5}.intg-vi{border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.intg-vi svg{width:15px;height:15px}.intg-col.reads .intg-vi{color:var(--ok);background:color-mix(in srgb, var(--ok) 10%, var(--panel))}.intg-col.asks .intg-vi{color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--panel))}@media (max-width:760px){.intg-grid,.intg-cols{grid-template-columns:1fr}.intg-hero{flex-wrap:wrap}.intg-hero .btn{width:100%}.intg-h h1,.intg-hero h1{font-size:28px}}.intg-card img,.intg-hero img{box-sizing:border-box;background:var(--lightningcss-light,#0000)var(--lightningcss-dark,#fff);padding:4px}