/* Tìm Thần Tài xông đất (includes/xong-nha). Dựa trên tet.css + xnv/tvc. */
.xn-lead { font-size: 16px; line-height: 1.75; margin: 0 0 16px; }
.xn-steps { margin: 0 0 16px 20px; line-height: 1.9; } .xn-steps b { color: var(--pg-gold-2, #e8c872); }
.xn-priv, .xn-note { font-size: 13px; line-height: 1.65; color: var(--pg-muted, #b8b2d8); margin: 14px 0 0; }
.xn-ok { padding: 10px 14px; border-radius: 12px; background: rgba(127,214,176,.14); border: 1px solid #7fd6b0; margin: 0 0 14px; }
.xn-form { margin: 8px 0 0; }
.xn-q { border: 1px solid var(--pg-line, rgba(255,255,255,.16)); border-radius: 14px; padding: 12px 16px; margin: 14px 0; }
.xn-q__i p { margin: 10px 0 6px; font-size: 14.5px; } .xn-q__i label { display: inline-flex; align-items: center; gap: 6px; margin-right: 18px; font-size: 14.5px; cursor: pointer; }
.xn-tpls { border: 0; padding: 0; margin: 14px 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.xn-tpls legend { grid-column: 1 / -1; padding: 0; }
.xn-tpl { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--pg-line, rgba(255,255,255,.16)); cursor: pointer; font-size: 14px; }
.xn-tpl:has(input:checked) { border-color: var(--pg-gold, #c9a54a); background: var(--pg-card-2, rgba(255,255,255,.06)); }
.xn-pin { max-width: 160px; letter-spacing: .4em; text-align: center; font-size: 22px; }
.xn-linkbox { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0; } .xn-linkbox input { flex: 1 1 260px; min-width: 0; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--pg-line, rgba(255,255,255,.2)); background: var(--pg-card-2, rgba(255,255,255,.05)); color: inherit; }
.xn-st { min-height: 1.4em; margin: 6px 0 0; font-size: 13.5px; color: #7fd6b0; }
.xn-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin: 14px 0; }
.xn-cardimg { display: flex; flex-direction: column; gap: 6px; text-decoration: none; text-align: center; font-size: 13px; padding: 6px; border-radius: 12px; border: 1px solid var(--pg-line, rgba(255,255,255,.16)); }
.xn-cardimg img { width: 100%; height: auto; border-radius: 8px; display: block; } .xn-cardimg.is-on { border-color: var(--pg-gold, #c9a54a); }
.xn-cert { text-align: center; margin: 18px 0; } .xn-cert img { max-width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--pg-gold, #c9a54a); }
.xn-owner > summary, .xn-del > summary { cursor: pointer; font-weight: 700; padding: 10px 0; color: var(--pg-gold-2, #e8c872); } .xn-del > summary { font-weight: 500; font-size: 14px; color: var(--pg-muted, #b8b2d8); }
.xn-list { list-style: none; margin: 10px 0; padding: 0; } .xn-list li { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; padding: 12px 0; border-top: 1px dashed var(--pg-line-soft, rgba(255,255,255,.14)); }
.xn-guide__l { margin: 8px 0 14px; } .xn-guide__l > div { display: grid; grid-template-columns: 190px 1fr; gap: 6px 14px; padding: 9px 0; border-top: 1px dashed var(--pg-line-soft, rgba(255,255,255,.14)); }
.xn-guide__l dt { font-weight: 700; color: var(--pg-gold-2, #e8c872); } .xn-guide__l dd { margin: 0; line-height: 1.7; }
.xn-blur { display: inline-block; max-width: 100%; overflow: hidden; word-break: break-all; color: transparent; text-shadow: 0 0 10px rgba(255,235,170,.95), 0 0 4px rgba(255,235,170,.6); user-select: none; pointer-events: none; letter-spacing: 2px; border-radius: 6px; background: rgba(255,235,170,.08); }
.xn-pay { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } .xn-or { margin: 0; color: var(--pg-muted, #b8b2d8); font-size: 13px; }
.xn-qr { padding: 14px; border-radius: 14px; border: 1px solid var(--pg-line, rgba(255,255,255,.16)); background: var(--pg-card-2, rgba(255,255,255,.05)); } .xn-qr img { background: #fff; padding: 8px; border-radius: 10px; max-width: 100%; height: auto; }
.xn-waiting { color: #7fd6b0; font-weight: 600; }
.xn-viral { border-color: var(--pg-gold, #c9a54a); }
@media (max-width: 640px) { .xn-guide__l > div { grid-template-columns: 1fr; } .xn-tpls { grid-template-columns: 1fr; } .xn-pin { max-width: 100%; } }

.xn .tpv-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 22px; border-radius: 999px; border: 1px solid var(--pg-gold, #c9a54a); background: transparent; color: var(--pg-gold-2, #e8c872); font: inherit; font-weight: 700; font-size: 15px; cursor: pointer; text-transform: none; letter-spacing: 0; }
.xn .tpv-btn--primary { background: linear-gradient(135deg, #e8c872, #c9a54a); color: #2a1208; border-color: transparent; }
.xn .tpv-btn:hover { filter: brightness(1.08); }
.xn .tpv-submit { margin-top: 14px; }

.xn-pinhelp { margin: 10px 0 0; border: 1px solid var(--pg-line, rgba(255,255,255,.16)); border-radius: 12px; padding: 4px 14px; background: var(--pg-card-2, rgba(255,255,255,.04)); }
.xn-pinhelp > summary { cursor: pointer; font-weight: 700; padding: 8px 0; color: var(--pg-gold-2, #e8c872); font-size: 14.5px; }
.xn-pinhelp p, .xn-pinhelp li { font-size: 14px; line-height: 1.7; } .xn-pinhelp ul { margin: 6px 0 10px 18px; }