/* TradeCloser AI Community Styles - v20260814 */
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb { background: #495057; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #5c7cfa; }

/* Table styles */
table { border-collapse: collapse; }
th, td { text-align: left; }

/* Select styles */
select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23adb5bd' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; padding-right: 24px; }
select option { background: #212529; color: #dee2e6; }

/* Prose styles for post content */
.prose p { margin-bottom: 1em; }
.prose h1, .prose h2, .prose h3 { margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 600; }
.prose ul, .prose ol { margin: 1em 0; padding-left: 1.5em; }
.prose li { margin-bottom: 0.25em; }
.prose a { color: #748ffc; }
.prose a:hover { color: #5c7cfa; }
.prose code { background: rgba(255,255,255,0.05); padding: 0.15em 0.4em; border-radius: 4px; font-size: 0.9em; }
.prose pre { background: rgba(255,255,255,0.05); padding: 1em; border-radius: 8px; overflow-x: auto; margin: 1em 0; }
.prose blockquote { border-left: 3px solid #4c6ef5; padding-left: 1em; margin: 1em 0; color: #adb5bd; }
.prose img { max-width: 100%; border-radius: 8px; margin: 1em 0; }

/* Fix mobile overflow */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}
body {
    min-height: 100vh !important;
    min-height: 100dvh !important;
}

/* Banner carousel */
#banner-carousel { position: relative; }
#banner-carousel img { transition: opacity 0.5s ease; }

/* Pioneer banner pulse animation */
@keyframes pioneer-glow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(234, 179, 8, 0.1); }
    50% { box-shadow: 0 0 20px 4px rgba(234, 179, 8, 0.15); }
}
a:has(> div > .text-yellow-400):hover { animation: pioneer-glow 2s infinite; }

/* Line clamp for dynamic posts */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Post image in feed */
.max-h-48 { max-height: 12rem; }
.max-h-40 { max-height: 10rem; }

/* Radio button accent */
input[type="radio"].accent-brand-600 { accent-color: #4c6ef5; }

/* Admin table responsive */
@media (max-width: 768px) {
    .overflow-x-auto { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    table { min-width: 600px; }
}

/* Circle grid hover effect */
.circle-card:hover .circle-icon { transform: scale(1.1); }

/* Smooth transitions */
* { -webkit-tap-highlight-color: transparent; }

/* ========== 先行者体验馆 Banner ========== */
.pioneer-banner {
    animation: pioneer-breathe 4s ease-in-out infinite;
}

/* Banner 标题渐变文字兜底：微信 X5 内核不支持 background-clip:text 时回退纯色 */
.pioneer-banner h2 {
    color: #facc15 !important;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .pioneer-banner h2 {
        color: transparent !important;
        background-image: linear-gradient(to right, #fde047, #facc15, #fb923c) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
    }
}
@keyframes pioneer-breathe {
    0%, 100% { box-shadow: 0 0 0 0 rgba(234, 179, 8, 0), 0 4px 20px -4px rgba(234, 179, 8, 0.05); }
    50% { box-shadow: 0 0 30px -4px rgba(234, 179, 8, 0.12), 0 4px 20px -4px rgba(234, 179, 8, 0.1); }
}
.pioneer-banner:hover {
    animation: none;
    box-shadow: 0 0 40px -4px rgba(234, 179, 8, 0.2), 0 8px 30px -4px rgba(234, 179, 8, 0.15);
}