:root {--tp-bg-primary:var(--bg-surface-light, #ffffff);--tp-bg-secondary:var(--bg-body-light, #f8fafc);--tp-primary:var(--accent-primary, #6366f1);--tp-primary-light:var(--accent-hover, #818cf8);--tp-text-main:var(--text-primary-light, #1e293b);--tp-text-muted:var(--text-sec-light, #64748b);--tp-border:var(--border-light, #e2e8f0);--tp-radius:14px;--tp-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tp-container-max:1200px;--tp-content-max:900px;}[data-theme='dark'] {--tp-bg-primary:var(--bg-surface-dark, #111827);--tp-bg-secondary:var(--bg-body-dark, #0b1220);--tp-text-main:var(--text-primary-dark, #f9fafb);--tp-text-muted:#94a3b8;--tp-border:var(--border-dark, #2d3748);--tp-shadow:none;}body {background-color:var(--tp-bg-secondary);color:var(--tp-text-main);}.tp-layout-wrapper {display:flex;flex-direction:column;width:100%;margin:0 auto;}.tp-main-content {order:1;width:100%;}.tp-sidebar {order:2;width:100%;}@media (min-width:992px) {.tp-layout-wrapper {flex-direction:row;gap:2rem;padding:2rem 0;}.tp-main-content {order:2;width:75%;max-width:var(--tp-content-max);}.tp-sidebar {order:1;width:25%;}.tp-sticky-sidebar {position:sticky;top:2rem;}}.tp-hero-section {padding:2rem 1rem;background:var(--tp-bg-primary);border-bottom:1px solid var(--tp-border);}.tp-h1 {font-size:1.875rem;font-weight:800;margin-bottom:0.75rem;line-height:1.2;color:var(--tp-text-main);}.tp-short-desc {color:var(--tp-text-muted);font-size:1.1rem;margin-bottom:1.5rem;}.tp-tool-container {background:var(--tp-bg-primary);margin-bottom:2rem;border:none;padding:0;border-radius:0;}@media (min-width:768px) {.tp-tool-container {border:1px solid var(--tp-border);border-radius:var(--tp-radius);padding:1.5rem;box-shadow:var(--tp-shadow);}}.tp-related-slider-container {overflow:hidden;margin:2rem 0;}.tp-related-slider {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:0.5rem 1rem 1.5rem;scrollbar-width:none;-ms-overflow-style:none;}.tp-related-slider::-webkit-scrollbar {display:none;}.tp-related-card {flex:0 0 55%;scroll-snap-align:start;background:var(--tp-bg-primary);border:1px solid var(--tp-border);border-radius:var(--tp-radius);padding:1.25rem 1rem;text-decoration:none;color:inherit;transition:transform 0.2s ease, background 0.2s ease;box-shadow:var(--tp-shadow);}.tp-related-card:active {transform:scale(0.98);}.tp-related-card i {font-size:1.25rem;color:var(--tp-primary);margin-bottom:0.5rem;display:block;}.tp-related-card h4 {font-size:0.875rem;font-weight:700;margin-bottom:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tp-text-main);}.tp-related-card p {font-size:0.75rem;color:var(--tp-text-muted);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}@media (min-width:992px) {.tp-related-slider {flex-direction:column;padding:0;}.tp-related-card {flex:1 1 auto;margin-bottom:1rem;box-shadow:none;border-color:transparent;background:transparent;padding:0.75rem;}.tp-related-card:hover {background:var(--tp-bg-secondary);border-color:var(--tp-border);}}.tp-ad-container {width:100%;background:#f1f5f9;margin:2rem 0;display:flex;align-items:center;justify-content:center;border-radius:8px;position:relative;overflow:hidden;}.tp-ad-container.shimmer::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:tpShimmer 1.5s infinite;}@keyframes tpShimmer {0% {transform:translateX(-100%);}100% {transform:translateX(100%);}}.tp-banner-ad {min-height:250px;}.tp-sidebar-ad {min-height:250px;max-width:300px;margin:1rem auto;}.tp-section {margin-bottom:3rem;padding:0 1rem;}.tp-section-title {font-size:1.5rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;color:var(--tp-text-main);}.tp-section-content {line-height:1.6;color:var(--tp-text-muted);}.tp-btn-full {display:block;width:100%;padding:1rem;text-align:center;background:var(--tp-primary);color:white;font-weight:600;border-radius:var(--tp-radius);text-decoration:none;margin-top:1rem;transition:opacity 0.2s;}.tp-btn-full:hover {opacity:0.9;color:white;}.tp-faq-item {border-bottom:1px solid var(--tp-border);padding:1rem 0;}.tp-faq-question {font-weight:600;cursor:pointer;margin-bottom:0.5rem;color:var(--tp-text-main);}.tp-faq-answer {padding-top:0.5rem;color:var(--tp-text-muted);font-size:0.95rem;line-height:1.5;}.tp-container {max-width:var(--tp-container-max);margin:0 auto;}