* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f5f7fa;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

button {
    cursor: pointer;
    border: none;
    outline: none;
    transition: all 0.3s ease;
}

.main-header-section-xk92 {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-wrapper-content-lp34 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
}

.logo-brand-area-mj87 {
    flex-shrink: 0;
}

.site-title-main-qw56 {
    font-size: 24px;
    font-weight: 700;
    color: #1a73e8;
}

.home-link-primary-zx19:hover {
    color: #1557b0;
}

.navigation-menu-bar-rt45 {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

.menu-list-items-dc78 {
    list-style: none;
    display: flex;
    gap: 40px;
}

.nav-item-link-hs67,
.nav-item-active-fb23 {
    font-size: 16px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 6px;
}

.nav-item-link-hs67 {
    color: #5f6368;
}

.nav-item-link-hs67:hover {
    color: #1a73e8;
    background: #e8f0fe;
}

.nav-item-active-fb23 {
    color: #1a73e8;
    background: #e8f0fe;
}

.user-action-zone-kp92 {
    display: flex;
    gap: 12px;
}

.btn-login-style-nm45,
.btn-register-style-vb81 {
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
}

.btn-login-style-nm45 {
    background: transparent;
    color: #1a73e8;
    border: 2px solid #1a73e8;
}

.btn-login-style-nm45:hover {
    background: #e8f0fe;
}

.btn-register-style-vb81 {
    background: #1a73e8;
    color: #fff;
}

.btn-register-style-vb81:hover {
    background: #1557b0;
}

.hero-banner-showcase-yx34 {
    position: relative;
    height: 480px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-background-image-dn23 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7);
}

.banner-content-wrapper-tq67 {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    max-width: 800px;
    padding: 0 24px;
}

.hero-title-display-wp89 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 16px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.hero-description-text-ml12 {
    font-size: 20px;
    margin-bottom: 32px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.search-box-container-fg56 {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}

.search-input-field-bc34 {
    flex-grow: 1;
    padding: 16px 24px;
    border: none;
    font-size: 16px;
    outline: none;
}

.search-submit-button-yr78 {
    padding: 16px 36px;
    background: #1a73e8;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.search-submit-button-yr78:hover {
    background: #1557b0;
}

.main-content-layout-px91 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 48px 24px;
}

.section-container-width-jk67 {
    margin-bottom: 64px;
}

.section-heading-title-op23 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 32px;
    color: #202124;
    text-align: center;
}

.categories-grid-display-ms89 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
}

.category-card-item-lq12 {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category-card-item-lq12:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

.category-thumb-image-rv34 {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 16px;
}

.category-name-label-zt56 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #202124;
}

.category-desc-content-bx78 {
    font-size: 14px;
    color: #5f6368;
    margin-bottom: 16px;
    line-height: 1.5;
}

.category-stats-info-cy90 {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.stat-item-count-nf12 {
    font-size: 13px;
    color: #80868b;
}

.topics-list-container-we89 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.topic-card-entry-yx12 {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    display: flex;
    gap: 20px;
    transition: box-shadow 0.3s ease;
}

.topic-card-entry-yx12:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

.topic-thumbnail-pic-dm34 {
    width: 200px;
    height: 140px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.topic-info-details-kl56 {
    flex-grow: 1;
}

.topic-title-heading-fz78 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #202124;
    line-height: 1.4;
}

.topic-title-heading-fz78:hover {
    color: #1a73e8;
}

.topic-excerpt-preview-bn90 {
    font-size: 14px;
    color: #5f6368;
    line-height: 1.6;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.topic-meta-information-cv23 {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 13px;
    color: #80868b;
}

.stats-grid-layout-bv56 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
}

.stat-box-card-qn78 {
    background: #fff;
    border-radius: 12px;
    padding: 32px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.stat-icon-image-wp90 {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
}

.stat-number-value-lz12 {
    font-size: 36px;
    font-weight: 700;
    color: #1a73e8;
    margin-bottom: 8px;
}

.stat-label-text-xc34 {
    font-size: 16px;
    color: #5f6368;
}

.members-list-grid-fk23 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
}

.member-card-profile-gh45 {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}

.member-card-profile-gh45:hover {
    transform: translateY(-4px);
}

.member-avatar-circle-vn67 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto 16px;
    object-fit: cover;
}

.member-nickname-display-lm89 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #202124;
}

.member-title-badge-rq12 {
    font-size: 14px;
    color: #5f6368;
    margin-bottom: 16px;
}

.member-stats-summary-wt34 {
    display: flex;
    justify-content: center;
    gap: 16px;
    font-size: 13px;
    color: #80868b;
}

.site-footer-section-km78 {
    background: #202124;
    color: #fff;
    padding: 48px 24px 24px;
}

.footer-content-wrapper-bc90 {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 32px;
    margin-bottom: 32px;
}

.footer-heading-title-pr34 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

.footer-text-description-zq56 {
    font-size: 14px;
    color: #bdc1c6;
    line-height: 1.6;
}

.footer-links-list-wx78 {
    list-style: none;
}

.footer-links-list-wx78 li {
    margin-bottom: 12px;
}

.footer-link-item-dm90 {
    font-size: 14px;
    color: #bdc1c6;
}

.footer-link-item-dm90:hover {
    color: #fff;
}

.footer-contact-info-yt23 {
    font-size: 14px;
    color: #bdc1c6;
    margin-bottom: 8px;
}

.social-icon-image-jq67 {
    width: 120px;
    height: 40px;
    object-fit: contain;
}

.footer-bottom-copyright-fs89 {
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 24px;
    border-top: 1px solid #3c4043;
    text-align: center;
}

.copyright-text-line-kv01 {
    font-size: 14px;
    color: #9aa0a6;
}

.page-banner-header-ty67 {
    position: relative;
    height: 320px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-banner-background-lr56 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6);
}

.banner-overlay-content-qm89 {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
}

.page-title-heading-nc12 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 12px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.page-subtitle-description-kf34 {
    font-size: 18px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.content-container-wrapper-pm90 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 48px 24px;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 32px;
}

.sidebar-filter-panel-xd23 {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    height: fit-content;
    position: sticky;
    top: 96px;
}

.sidebar-title-heading-vz45 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #202124;
}

.filter-group-section-hr67 {
    margin-bottom: 24px;
}

.filter-label-title-ks89 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #202124;
}

.filter-option-checkbox-mq12 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #5f6368;
    cursor: pointer;
}

.filter-option-checkbox-mq12 input {
    cursor: pointer;
}

.main-category-listing-jn01 {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.category-section-group-tb23 {
    background: #fff;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.section-category-title-fx45 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 24px;
    color: #202124;
    padding-bottom: 12px;
    border-bottom: 3px solid #1a73e8;
}

.category-cards-grid-wy67 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 24px;
}

.detailed-category-card-pk89 {
    border: 1px solid #e8eaed;
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
}

.detailed-category-card-pk89:hover {
    border-color: #1a73e8;
    box-shadow: 0 4px 16px rgba(26,115,232,0.15);
}

.card-header-section-nz12 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.category-feature-image-dq34 {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    object-fit: cover;
}

.category-title-name-lv56 {
    font-size: 18px;
    font-weight: 600;
    color: #202124;
}

.category-description-text-rb78 {
    font-size: 14px;
    color: #5f6368;
    line-height: 1.6;
    margin-bottom: 16px;
}

.category-metrics-display-wc90 {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.metric-item-value-hm13 {
    font-size: 12px;
    color: #80868b;
}

.category-topics-preview-pt45 {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 16px;
}

.preview-topic-item-bs67 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 13px;
}

.topic-preview-title-kx89 {
    color: #5f6368;
    flex-grow: 1;
}

.topic-preview-meta-ny01 {
    color: #80868b;
    font-size: 12px;
}

.btn-enter-category-lm23 {
    width: 100%;
    padding: 12px;
    background: #1a73e8;
    color: #fff;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
}

.btn-enter-category-lm23:hover {
    background: #1557b0;
}

.topics-main-wrapper-gh78 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 48px 24px;
}

.topics-container-layout-xp90 {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 32px;
}

.topics-filter-toolbar-kd23 {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.filter-tabs-group-mv45 {
    display: flex;
    gap: 8px;
}

.filter-tab-button-active-qr67,
.filter-tab-button-lz89 {
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
}

.filter-tab-button-active-qr67 {
    background: #1a73e8;
    color: #fff;
}

.filter-tab-button-lz89 {
    background: transparent;
    color: #5f6368;
}

.filter-tab-button-lz89:hover {
    background: #f1f3f4;
}

.sort-select-control-bm34 {
    padding: 10px 16px;
    border: 1px solid #dadce0;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    cursor: pointer;
}

.topics-list-main-content-fy56 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.topic-detail-card-vw78 {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: box-shadow 0.3s ease;
}

.topic-detail-card-vw78:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

.topic-card-header-section-pn90 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.author-avatar-mini-kx12 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.author-info-block-zm34 {
    flex-grow: 1;
}

.author-name-label-bh56 {
    font-size: 14px;
    font-weight: 600;
    color: #202124;
    display: block;
}

.publish-time-text-lq78 {
    font-size: 12px;
    color: #80868b;
}

.topic-hot-badge-rd90,
.topic-featured-badge-tn45 {
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}

.topic-hot-badge-rd90 {
    background: #fef7e0;
    color: #f29900;
}

.topic-featured-badge-tn45 {
    background: #e8f5e9;
    color: #34a853;
}

.topic-title-clickable-wp12 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.4;
}

.topic-link-primary-cv34 {
    color: #202124;
}

.topic-link-primary-cv34:hover {
    color: #1a73e8;
}

.topic-content-preview-hx56 {
    margin-bottom: 16px;
}

.content-excerpt-paragraph-mz78 {
    font-size: 14px;
    color: #5f6368;
    line-height: 1.7;
    margin-bottom: 12px;
}

.content-inline-image-kp90 {
    width: 100%;
    max-width: 400px;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}

.topic-tags-container-bv12 {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.topic-tag-item-nc34 {
    padding: 6px 12px;
    background: #e8f0fe;
    color: #1a73e8;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
}

.topic-stats-footer-qm56 {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 13px;
    color: #80868b;
}

.pagination-controls-section-vb90 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 32px;
}

.pagination-btn-prev-kl12,
.pagination-btn-next-qw90 {
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #dadce0;
    border-radius: 8px;
    font-size: 14px;
    color: #5f6368;
}

.pagination-btn-prev-kl12:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination-btn-next-qw90:hover:not(:disabled),
.pagination-btn-prev-kl12:hover:not(:disabled) {
    background: #f1f3f4;
}

.pagination-page-number-active-yx34,
.pagination-page-number-normal-zp56 {
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

.pagination-page-number-active-yx34 {
    background: #1a73e8;
    color: #fff;
    font-weight: 600;
}

.pagination-page-number-normal-zp56 {
    color: #5f6368;
}

.pagination-page-number-normal-zp56:hover {
    background: #f1f3f4;
}

.pagination-dots-separator-mn78 {
    color: #5f6368;
}

.topics-sidebar-panel-rt12 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sidebar-widget-block-cf34 {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.widget-title-heading-nv56 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #202124;
}

.btn-create-topic-large-bm78 {
    width: 100%;
    padding: 14px;
    background: #34a853;
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}

.btn-create-topic-large-bm78:hover {
    background: #2d8e47;
}

.top-author-list-kp90 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.author-item-row-xh12 {
    display: flex;
    align-items: center;
    gap: 12px;
}

.author-mini-avatar-lq34 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.author-name-strong-pn78 {
    font-size: 14px;
    font-weight: 600;
    color: #202124;
}

.author-stat-text-vy90 {
    font-size: 12px;
    color: #80868b;
}

.tags-cloud-container-bx12 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-cloud-item-dm34 {
    padding: 8px 14px;
    background: #f1f3f4;
    border-radius: 16px;
    font-size: 13px;
    color: #5f6368;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tag-cloud-item-dm34:hover {
    background: #e8f0fe;
    color: #1a73e8;
}

.recommend-list-items-fr56 {
    list-style: none;
}

.recommend-item-entry-tp78 {
    padding: 12px 0;
    border-bottom: 1px solid #e8eaed;
}

.recommend-item-entry-tp78:last-child {
    border-bottom: none;
}

.recommend-link-text-gk90 {
    font-size: 14px;
    color: #5f6368;
}

.recommend-link-text-gk90:hover {
    color: #1a73e8;
}

.members-content-layout-gx67 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 48px 24px;
}

.members-container-wrapper-hz89 {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 32px;
}

.profile-hero-section-kn12 {
    grid-column: 1 / -1;
    margin-bottom: 32px;
}

.profile-cover-image-vx34 {
    height: 240px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: -80px;
}

.cover-background-pic-lm56 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-main-info-card-py78 {
    background: #fff;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

.profile-avatar-large-qw90 {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    object-fit: cover;
    border: 6px solid #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.profile-details-block-nc12 {
    flex-grow: 1;
    padding-top: 40px;
}

.profile-username-title-bv34 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #202124;
}

.profile-title-badge-mx56 {
    font-size: 16px;
    color: #5f6368;
    margin-bottom: 12px;
}

.profile-bio-text-kz78 {
    font-size: 14px;
    color: #5f6368;
    line-height: 1.6;
    margin-bottom: 24px;
}

.profile-stats-row-fd90 {
    display: flex;
    gap: 40px;
    margin-bottom: 24px;
}

.stat-item-group-pl12 {
    text-align: center;
}

.stat-number-large-wx34 {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #1a73e8;
}

.stat-label-small-yr56 {
    font-size: 14px;
    color: #80868b;
}

.profile-actions-buttons-tn78 {
    display: flex;
    gap: 12px;
}

.btn-follow-user-cv90,
.btn-send-message-hk12,
.btn-edit-profile-lq34 {
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
}

.btn-follow-user-cv90 {
    background: #1a73e8;
    color: #fff;
}

.btn-follow-user-cv90:hover {
    background: #1557b0;
}

.btn-send-message-hk12 {
    background: transparent;
    color: #1a73e8;
    border: 2px solid #1a73e8;
}

.btn-send-message-hk12:hover {
    background: #e8f0fe;
}

.btn-edit-profile-lq34 {
    background: #f1f3f4;
    color: #5f6368;
}

.btn-edit-profile-lq34:hover {
    background: #e8eaed;
}

.member-content-tabs-section-zx56 {
    grid-column: 1;
}

.tabs-navigation-bar-pm78 {
    background: #fff;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    display: flex;
    gap: 8px;
    overflow-x: auto;
}

.tab-button-active-qn90,
.tab-button-normal-wv12 {
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
}

.tab-button-active-qn90 {
    background: #1a73e8;
    color: #fff;
}

.tab-button-normal-wv12 {
    background: transparent;
    color: #5f6368;
}

.tab-button-normal-wv12:hover {
    background: #f1f3f4;
}

.my-topics-list-container-fy56 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.member-topic-card-item-kr78 {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.topic-card-header-row-ls90 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.topic-title-link-mn12 {
    flex-grow: 1;
}

.topic-link-text-pq34 {
    font-size: 18px;
    font-weight: 600;
    color: #202124;
}

.topic-link-text-pq34:hover {
    color: #1a73e8;
}

.topic-status-badge-hot-vb56,
.topic-status-badge-featured-cv23 {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}

.topic-status-badge-hot-vb56 {
    background: #fef7e0;
    color: #f29900;
}

.topic-status-badge-featured-cv23 {
    background: #e8f5e9;
    color: #34a853;
}

.topic-summary-excerpt-wd78 {
    font-size: 14px;
    color: #5f6368;
    line-height: 1.6;
    margin-bottom: 12px;
}

.topic-meta-row-xz90 {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 13px;
}

.meta-category-tag-gh12 {
    padding: 4px 10px;
    background: #e8f0fe;
    color: #1a73e8;
    border-radius: 4px;
    font-weight: 500;
}

.meta-publish-time-kl34,
.meta-view-count-nm56,
.meta-reply-count-pr78,
.meta-like-count-st90 {
    color: #80868b;
}

.member-sidebar-widgets-area-jt45 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.widget-card-container-mp67 {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.widget-heading-title-rb89 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #202124;
}

.skills-tags-cloud-nx12 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.skill-tag-item-level3-kv34,
.skill-tag-item-level2-lw56,
.skill-tag-item-level1-mx78 {
    padding: 8px 14px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 500;
}

.skill-tag-item-level3-kv34 {
    background: #1a73e8;
    color: #fff;
}

.skill-tag-item-level2-lw56 {
    background: #e8f0fe;
    color: #1a73e8;
}

.skill-tag-item-level1-mx78 {
    background: #f1f3f4;
    color: #5f6368;
}

.achievements-grid-layout-py90 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.achievement-badge-item-qz12 {
    text-align: center;
}

.badge-icon-image-nc34 {
    width: 60px;
    height: 60px;
    margin: 0 auto 8px;
    border-radius: 50%;
}

.badge-name-text-vd56 {
    font-size: 12px;
    color: #5f6368;
}

.visitors-list-container-bf78 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.visitor-item-row-cg90 {
    display: flex;
    align-items: center;
    gap: 12px;
}

.visitor-avatar-small-dh12 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.visitor-name-label-fl56 {
    font-size: 14px;
    font-weight: 600;
    color: #202124;
}

.visitor-time-text-gm78 {
    font-size: 12px;
    color: #80868b;
}

.activity-heatmap-image-jp12 {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 12px;
}

.activity-summary-text-kq34 {
    font-size: 13px;
    color: #5f6368;
    line-height: 1.6;
}

.following-users-list-lr56 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.following-user-item-ms78 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.following-avatar-tiny-nt90 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.following-name-label-ov12 {
    font-size: 13px;
    color: #5f6368;
}

.about-container-wrapper-vy78 {
    max-width: 1200px;
    margin: 0 auto;
}

.about-intro-section-rp90 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    margin-bottom: 64px;
    align-items: center;
}

.intro-paragraph-text-nw56 {
    font-size: 16px;
    color: #5f6368;
    line-height: 1.8;
    margin-bottom: 16px;
}

.intro-feature-image-qb90 {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.core-values-section-dx12 {
    margin-bottom: 64px;
}

.values-grid-layout-fy34 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
}

.value-card-item-gz56 {
    background: #fff;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    text-align: center;
}

.value-icon-image-hw78 {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
}

.value-title-name-jx90 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #202124;
}

.value-description-text-ky12 {
    font-size: 14px;
    color: #5f6368;
    line-height: 1.7;
}

.milestones-timeline-section-lz34 {
    margin-bottom: 64px;
}

.timeline-container-wrapper-ma56 {
    position: relative;
    padding-left: 40px;
}

.timeline-container-wrapper-ma56::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e8eaed;
}

.timeline-item-block-nb78 {
    position: relative;
    margin-bottom: 40px;
}

.timeline-item-block-nb78::before {
    content: '';
    position: absolute;
    left: -33px;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1a73e8;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #e8eaed;
}

.timeline-date-label-oc90 {
    font-size: 14px;
    color: #1a73e8;
    font-weight: 600;
    margin-bottom: 8px;
}

.timeline-content-card-pd12 {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.timeline-title-heading-qe34 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #202124;
}

.timeline-description-text-rf56 {
    font-size: 14px;
    color: #5f6368;
    line-height: 1.7;
}

.team-members-section-sg78 {
    margin-bottom: 64px;
}

.team-grid-layout-th90 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 32px;
}

.team-member-card-ui12 {
    background: #fff;
    border-radius: 12px;
    padding: 32px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.member-photo-image-vj34 {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto 16px;
    object-fit: cover;
}

.member-name-title-wk56 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #202124;
}

.member-role-label-xl78 {
    font-size: 14px;
    color: #1a73e8;
    margin-bottom: 12px;
}

.member-bio-description-ym90 {
    font-size: 13px;
    color: #5f6368;
    line-height: 1.6;
}

.contact-info-section-zn12 {
    margin-bottom: 64px;
}

.contact-content-layout-ao34 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
}

.contact-item-row-cq78 {
    display: flex;
    gap: 20px;
    margin-bottom: 32px;
}

.contact-icon-image-dr90 {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    flex-shrink: 0;
}

.contact-label-title-ft34 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #202124;
}

.contact-value-text-gu56 {
    font-size: 14px;
    color: #1a73e8;
    margin-bottom: 4px;
}

.contact-description-info-hv78 {
    font-size: 13px;
    color: #80868b;
    line-height: 1.6;
}

.contact-form-container-iw90 {
    background: #fff;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.form-heading-title-jx12 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #202124;
}

.message-form-layout-ky34 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-input-field-lz56,
.form-textarea-field-ma78 {
    padding: 14px;
    border: 1px solid #dadce0;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    font-family: inherit;
}

.form-input-field-lz56:focus,
.form-textarea-field-ma78:focus {
    border-color: #1a73e8;
}

.form-textarea-field-ma78 {
    resize: vertical;
    min-height: 120px;
}

.form-submit-button-nb90 {
    padding: 14px;
    background: #1a73e8;
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}

.form-submit-button-nb90:hover {
    background: #1557b0;
}

.join-us-section-oc12 {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.join-background-image-vj56 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.5);
}

.join-banner-content-pd34 {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    max-width: 800px;
    padding: 0 24px;
}

.join-title-heading-qe56 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
}

.join-description-text-rf78 {
    font-size: 16px;
    margin-bottom: 24px;
    line-height: 1.6;
}

.join-positions-list-sg90 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}

.position-tag-item-th12 {
    padding: 8px 16px;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    font-size: 14px;
}

.btn-join-apply-ui34 {
    padding: 14px 36px;
    background: #fff;
    color: #1a73e8;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}

.btn-join-apply-ui34:hover {
    background: #f1f3f4;
}

@media (max-width: 1200px) {
    .content-container-wrapper-pm90,
    .topics-container-layout-xp90,
    .members-container-wrapper-hz89 {
        grid-template-columns: 1fr;
    }

    .sidebar-filter-panel-xd23,
    .topics-sidebar-panel-rt12,
    .member-sidebar-widgets-area-jt45 {
        position: static;
    }
}

@media (max-width: 768px) {
    .hero-title-display-wp89 {
        font-size: 32px;
    }

    .hero-description-text-ml12 {
        font-size: 16px;
    }

    .categories-grid-display-ms89,
    .category-cards-grid-wy67 {
        grid-template-columns: 1fr;
    }

    .topic-card-entry-yx12 {
        flex-direction: column;
    }

    .topic-thumbnail-pic-dm34 {
        width: 100%;
        height: 200px;
    }

    .about-intro-section-rp90,
    .contact-content-layout-ao34 {
        grid-template-columns: 1fr;
    }

    .profile-main-info-card-py78 {
        flex-direction: column;
        text-align: center;
    }

    .profile-stats-row-fd90 {
        justify-content: center;
    }

    .profile-actions-buttons-tn78 {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .header-wrapper-content-lp34 {
        flex-wrap: wrap;
        height: auto;
        padding: 16px;
    }

    .navigation-menu-bar-rt45 {
        width: 100%;
        order: 3;
    }

    .menu-list-items-dc78 {
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
    }

    .hero-banner-showcase-yx34 {
        height: 360px;
    }

    .filter-tabs-group-mv45 {
        flex-wrap: wrap;
    }
}