<?php include "includes/header.php";?>
<style>
  /* =============================================
     GOOGLE FONTS IMPORT
  ============================================= */
  @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Syne:wght@700;800&display=swap');

  /* =============================================
     CSS VARIABLES & RESET
  ============================================= */
  :root {
    --primary: #1a56db;
    --primary-light: #e8efff;
    --accent: #f59e0b;
    --accent-glow: rgba(245,158,11,0.18);
    --gold: #B38936;
    --gold-light: #fff8e7;
    --surface: #ffffff;
    --surface-2: #f8fafc;
    --surface-3: #f1f5f9;
    --border: #e8ecf0;
    --text-1: #1D2129;
    --text-2: #4E5969;
    --text-3: #86909C;
    --text-link: #3b82f6;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
    --shadow-lg: 0 12px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);
    --shadow-glow: 0 0 0 3px rgba(26,86,219,0.12);
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-full: 9999px;
    --font-display: 'Syne', sans-serif;
    --font-body: 'Plus Jakarta Sans', sans-serif;
    --transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }

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

  html {
    scroll-behavior: smooth;
    font-family: var(--font-body);
  }

  body {
    background: var(--surface-2);
    color: var(--text-1);
    font-family: var(--font-body);
  }

  /* =============================================
     SCROLLBAR
  ============================================= */
  ::-webkit-scrollbar { width: 5px; height: 5px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--primary), var(--accent)); border-radius: 99px; }

  /* =============================================
     PAGE WRAPPER
  ============================================= */
  .relative.bg-cl-108 {
    background: var(--surface-2) !important;
    min-height: 100vh;
  }

  /* =============================================
     BREADCRUMB NAV
  ============================================= */
  .comm-sub-nav {
    background: rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
    box-shadow: 0 1px 8px rgba(0,0,0,0.05);
    z-index: 100;
    width: 100% !important;
    max-width: 1200px !important;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0 0 var(--radius-md) var(--radius-md);
  }

  .comm-sub-nav .nav {
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px;
  }

  .comm-sub-nav .nav-box {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-body);
  }

  .comm-sub-nav .nav-list {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--text-3) !important;
    transition: color var(--transition);
  }

  .comm-sub-nav .nav-list a {
    color: var(--text-2) !important;
    text-decoration: none;
    font-weight: 600;
    transition: color var(--transition);
  }

  .comm-sub-nav .nav-list a:hover { color: var(--primary) !important; }

  .comm-sub-nav .nav-list i {
    color: var(--border) !important;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
  }

  /* =============================================
     MAIN LAYOUT
  ============================================= */
  .h-100\%.m-auto {
    max-width: 1200px;
    margin: 0 auto;
    padding: 28px 20px 100px !important;
    gap: 28px;
    align-items: flex-start;
  }

  /* =============================================
     LEFT SIDEBAR – NAVIGATION
  ============================================= */
  .l.left-dis {
    top: 96px !important;
    width: 190px !important;
    flex-shrink: 0;
  }

  .find-menu-comp {
    background: var(--surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border);
    overflow: hidden;
    padding: 12px 0;
  }

  .find-menu-comp .w-180 > img,
  .find-menu-comp .w-52 > img {
    display: block;
    width: 100%;
    padding: 8px 16px;
    height: auto;
    object-fit: contain;
  }

  .find-menu-comp .mt-8 { padding-top: 4px; }
  .find-menu-comp .mt-12 { padding-top: 4px; }

  /* Desktop nav links */
  .find-menu-comp .tab {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 10px 18px !important;
    margin: 2px 8px !important;
    border-radius: var(--radius-sm) !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-2) !important;
    transition: all var(--transition);
    position: relative;
    overflow: hidden;
  }

  .find-menu-comp .tab::before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 3px; height: 100%;
    background: var(--primary);
    border-radius: 99px;
    transform: scaleY(0);
    transition: transform 0.25s ease;
  }

  .find-menu-comp .tab:hover {
    background: var(--primary-light) !important;
    color: var(--primary) !important;
    box-shadow: none !important;
    transform: translateX(3px);
  }

  .find-menu-comp .tab:hover::before { transform: scaleY(1); }

  .find-menu-comp .tab img {
    width: 22px !important;
    height: 22px !important;
    flex-shrink: 0;
    object-fit: contain;
  }

  .find-menu-comp .tab span {
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: inherit !important;
    margin-left: 0 !important;
  }

  /* Tablet icon nav */
  .find-menu-comp .jj {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px !important;
    margin: 3px 8px !important;
    border-radius: var(--radius-sm) !important;
    transition: all var(--transition);
  }

  .find-menu-comp .jj:hover {
    background: var(--primary-light) !important;
    transform: scale(1.08);
  }

  .find-menu-comp .jj img { width: 26px !important; height: 26px !important; }

  /* =============================================
     CENTER FEED
  ============================================= */
  .c.w-590 {
    flex: 1;
    min-width: 0;
  }

  /* Tab Bar */
  .classification-list { padding: 0 !important; }

  .classification-list ul {
    background: var(--surface);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    padding: 0 20px !important;
    border-bottom: 2px solid var(--border) !important;
    box-shadow: var(--shadow-sm);
    gap: 0 !important;
  }

  .classification-list ul li {
    font-family: var(--font-display) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--primary) !important;
    border-bottom: 3px solid var(--primary) !important;
    padding: 14px 4px !important;
    margin: 0 !important;
    letter-spacing: 0.02em;
    position: relative;
    cursor: pointer;
  }

  /* Post Cards */
  .zhe { padding: 0; }

  .zhe > .w-\[100\%\] > a {
    padding: 0 !important;
    display: block;
    margin-bottom: 16px;
    animation: fadeSlideUp 0.5s ease both;
  }

  .zhe > .w-\[100\%\] > a:nth-child(1) { animation-delay: 0.05s; }
  .zhe > .w-\[100\%\] > a:nth-child(2) { animation-delay: 0.12s; }
  .zhe > .w-\[100\%\] > a:nth-child(3) { animation-delay: 0.19s; }
  .zhe > .w-\[100\%\] > a:nth-child(4) { animation-delay: 0.26s; }
  .zhe > .w-\[100\%\] > a:nth-child(5) { animation-delay: 0.33s; }

  @keyframes fadeSlideUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  .wiki-community-comp {
    background: var(--surface) !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--border);
    padding: 20px 22px !important;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition);
    cursor: pointer;
  }

  .wiki-community-comp:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--shadow-lg) !important;
    border-color: rgba(26,86,219,0.18) !important;
  }

  .wiki-community-comp .web-container {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }

  /* Author Head */
  .community-head-comp .relative.mr-8 {
    border: 2px solid var(--primary-light) !important;
    box-shadow: 0 0 0 3px rgba(26,86,219,0.07);
    transition: box-shadow var(--transition);
  }

  .wiki-community-comp:hover .community-head-comp .relative.mr-8 {
    box-shadow: 0 0 0 4px rgba(26,86,219,0.18);
  }

  .community-head-comp img.h-full.w-full.rounded-full { object-fit: cover; }

  .community-head-comp .text-14.font-semibold {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--text-1) !important;
    font-family: var(--font-body) !important;
    transition: color var(--transition);
  }

  .wiki-community-comp:hover .community-head-comp .text-14.font-semibold {
    color: var(--primary) !important;
  }

  .community-head-comp .text-12.text-\[\#86909C\] {
    font-size: 12px !important;
    color: var(--text-3) !important;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  /* Post Title */
  .wiki-community-comp h2 {
    font-family: var(--font-display) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--text-1) !important;
    margin-top: 14px !important;
    line-height: 1.4;
    transition: color var(--transition);
    letter-spacing: -0.01em;
  }

  .wiki-community-comp:hover h2 { color: var(--gold) !important; }

  /* Post Body Text */
  .text-ellipsis-comp {
    line-height: 1.7 !important;
    font-size: 14.5px !important;
    color: var(--text-2) !important;
    font-weight: 400;
    max-height: 82px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .text-expand-l {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    font-size: 13px !important;
    font-weight: 600;
    color: var(--primary) !important;
    transition: opacity 0.2s;
  }

  .text-expand-l:hover { opacity: 0.75; }
  .text-expand-l span { color: var(--primary) !important; }

  /* Post Image */
  .swiper-img { margin-top: 14px; }

  .group\/box1 {
    border-radius: var(--radius-md) !important;
    overflow: hidden !important;
    box-shadow: var(--shadow-sm);
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
  }

  .group\/box1::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.15) 0%, transparent 50%);
    opacity: 0;
    transition: opacity var(--transition);
    border-radius: var(--radius-md);
    pointer-events: none;
  }

  .wiki-community-comp:hover .group\/box1::after { opacity: 1; }

  .group\/box1 img.i1 {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    border-radius: var(--radius-md);
    transition: transform 0.6s cubic-bezier(0.4,0,0.2,1) !important;
    display: block;
    max-width: 100% !important;
  }

  .wiki-community-comp:hover .group\/box1 img.i1 { transform: scale(1.06) !important; }

  /* Post Date */
  .mt-16.flex.text-12.text-\[\#999999\] span {
    font-size: 11.5px !important;
    color: var(--text-3) !important;
    font-weight: 500;
    letter-spacing: 0.03em;
    background: var(--surface-3);
    padding: 3px 10px;
    border-radius: var(--radius-full);
  }

  /* Action Bar */
  .jaf-1.bus {
    margin-top: 14px !important;
    padding-top: 12px;
    border-top: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .jaf-1 .cursor-pointer {
    display: flex !important;
    align-items: center;
    gap: 5px;
    padding: 6px 10px !important;
    border-radius: var(--radius-sm) !important;
    transition: all 0.2s ease !important;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-2);
    cursor: pointer;
  }

  .jaf-1 .cursor-pointer:hover {
    background: var(--primary-light) !important;
    color: var(--primary) !important;
    transform: scale(1.04);
  }

  .jaf-1 .cursor-pointer:active { transform: scale(0.93) !important; }

  .jaf-1 .iconfont {
    font-size: 18px !important;
    transition: color 0.2s;
  }

  .jaf-1 .cursor-pointer:hover .iconfont { color: var(--primary) !important; }

  .jaf-1 .text-14 {
    font-size: 12.5px !important;
    font-weight: 600;
    color: inherit;
  }

  /* Bookmark icon (right) */
  .jaf-1 > div:last-child .iconfont {
    font-size: 20px !important;
    color: var(--text-3);
    transition: color 0.2s, transform 0.2s;
  }

  .jaf-1 > div:last-child:hover .iconfont {
    color: var(--gold) !important;
    transform: scale(1.15) rotate(-8deg);
  }

  /* Load More */
  .find-user { margin-top: 8px; padding-bottom: 20px; }

  .serve-more.more-inof {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 0;
    background: var(--surface);
    border: 2px dashed var(--border);
    border-radius: var(--radius-md);
    font-size: 14px;
    font-weight: 700;
    color: var(--primary);
    cursor: pointer;
    transition: all var(--transition);
    letter-spacing: 0.04em;
    font-family: var(--font-body);
  }

  .serve-more.more-inof:hover {
    background: var(--primary-light);
    border-color: var(--primary);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
  }

  /* =============================================
     RIGHT SIDEBAR
  ============================================= */
  .sidebar-dis.r {
    width: 300px !important;
    flex-shrink: 0;
    position: sticky;
    top: 96px;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  /* Login/Register Card */
  .sidebar-dis > div:first-child {
    background: linear-gradient(135deg, #b513c7  0%, #f88990  60%, #d2ab32  100%) !important;
    border-radius: var(--radius-lg) !important;
    border: none !important;
    padding: 22px !important;
    color: white;
    box-shadow: 0 8px 32px rgba(26,86,219,0.35);
    position: relative;
    overflow: hidden;
  }

  .sidebar-dis > div:first-child::before {
    content: '';
    position: absolute;
    top: -30px; right: -30px;
    width: 120px; height: 120px;
    background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
  }

  .sidebar-dis > div:first-child::after {
    content: '';
    position: absolute;
    bottom: -20px; left: 30px;
    width: 80px; height: 80px;
    background: radial-gradient(circle, rgba(245,158,11,0.2) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
  }

  .sidebar-dis > div:first-child .h-40.w-40 {
    width: 46px !important;
    height: 46px !important;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    flex-shrink: 0;
  }

  .sidebar-dis > div:first-child .text-16.font-medium {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: white !important;
    font-family: var(--font-body);
  }

  /* Business / Posts Buttons */
  .sidebar-dis > div:first-child .rounded-\[100px\] {
    background: rgba(255,255,255,0.12) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: var(--radius-full) !important;
    padding: 12px 16px !important;
    color: white !important;
    transition: all var(--transition);
    backdrop-filter: blur(6px);
    margin-top: 12px !important;
  }

  .sidebar-dis > div:first-child .rounded-\[100px\]:hover {
    background: rgba(255,255,255,0.22) !important;
    transform: translateX(4px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
  }

  .sidebar-dis > div:first-child .rounded-\[100px\] .font-semibold {
    color: white !important;
    font-size: 14px;
    font-weight: 600;
  }

  .sidebar-dis > div:first-child .icon-changyong_gengduo {
    color: rgba(255,255,255,0.6) !important;
  }

  /* Top Creators Section */
  .sidebar-dis > div[data-v-13a3ffd2] {
    background: var(--surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
    padding: 18px;
    box-shadow: var(--shadow-sm);
  }

  .starlist {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 14px;
  }

  .starlist > div:first-child {
    font-family: var(--font-display) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--text-1) !important;
  }

  .starlist .flex.items-center {
    gap: 4px;
    background: var(--surface-3);
    border-radius: var(--radius-full);
    padding: 4px 8px;
  }

  .starlist .flex.items-center > div {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 10px;
    border-radius: var(--radius-full);
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
  }

  .starlist .flex.items-center > div.\!font-semibold.\!text-cl-10 {
    background: var(--primary) !important;
    color: white !important;
    font-weight: 700 !important;
  }

  .starlist .flex.items-center > div:not(.\!font-semibold):hover {
    color: var(--primary);
  }

  /* Date Picker */
  .date-picker-jaf .text-14 {
    font-size: 12px !important;
    color: var(--text-3) !important;
    font-weight: 600;
  }

  /* Ranking Rules */
  .flex.cursor-pointer.items-center[data-v-13a3ffd2] span {
    font-size: 12px !important;
    color: var(--text-3) !important;
    font-weight: 600;
  }

  /* Ranking Podium */
  .relative.rounded-\[4px_4px_4px_4px\] {
    background: linear-gradient(180deg, var(--gold-light) 0%, white 60%) !important;
    border-radius: var(--radius-md) !important;
    overflow: hidden;
    min-height: 220px;
    border: 1px solid rgba(179,137,54,0.15);
  }

  .absolute.flex.cursor-pointer.flex-col.items-center {
    transition: transform var(--transition);
  }

  .absolute.flex.cursor-pointer.flex-col.items-center:hover {
    transform: translateY(-4px) !important;
  }

  /* Follow Button */
  .mt-8.flex.h-27.w-84 {
    background: linear-gradient(135deg, var(--primary), #2563eb) !important;
    color: white !important;
    border-radius: var(--radius-full) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    transition: all 0.2s;
    box-shadow: 0 3px 10px rgba(26,86,219,0.3);
    width: auto !important;
    padding: 4px 14px !important;
    height: auto !important;
  }

  .mt-8.flex.h-27.w-84:hover {
    transform: scale(1.06);
    box-shadow: 0 5px 16px rgba(26,86,219,0.45);
  }

  /* People You May Like */
  .wiki-Interested-comp {
    background: var(--surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
    padding: 18px;
    box-shadow: var(--shadow-sm);
  }

  .wiki-Interested-comp .flex-1.truncate.font-semibold {
    font-family: var(--font-display) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--text-1);
  }

  .wiki-Interested-comp .text-14 {
    font-size: 12.5px !important;
    color: var(--text-3) !important;
    font-weight: 600;
    transition: color 0.2s;
  }

  .wiki-Interested-comp .cursor-pointer:hover .text-14 {
    color: var(--primary) !important;
  }

  .wiki-Interested-comp .icon-rotate-right {
    color: var(--text-3) !important;
    transition: transform 0.4s ease, color 0.2s;
  }

  .wiki-Interested-comp .cursor-pointer:hover .icon-rotate-right {
    transform: rotate(180deg) !important;
    color: var(--primary) !important;
  }

  /* Copyright Card */
  .sticky.top-0.mt-32 {
    background: linear-gradient(135deg, var(--surface-3) 0%, var(--surface) 100%) !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--border);
    padding: 16px !important;
    margin-top: 0 !important;
    position: static !important;
  }

  .sticky.top-0.mt-32 .text-16 {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--text-1) !important;
    font-family: var(--font-body);
  }

  .sticky.top-0.mt-32 p {
    font-size: 12px !important;
    line-height: 1.8 !important;
    color: var(--text-3) !important;
    margin-top: 8px;
  }

  /* =============================================
     GOOGLE LOGIN SECTION (empty placeholder)
  ============================================= */
  .google-login { display: none; }

  /* =============================================
     MOBILE FABs
  ============================================= */
  .fixed.bottom-\[50px\].right-\[20px\] {
    background: linear-gradient(135deg, var(--primary), var(--accent)) !important;
    box-shadow: 0 8px 24px rgba(26,86,219,0.4);
    border-radius: var(--radius-full) !important;
    width: 52px !important;
    height: 52px !important;
    transition: transform 0.2s, box-shadow 0.2s;
  }

  .fixed.bottom-\[50px\].right-\[20px\]:hover {
    transform: scale(1.08) rotate(8deg);
    box-shadow: 0 12px 32px rgba(26,86,219,0.5);
  }

  .fixed.bottom-\[50px\].right-\[20px\] .iconfont {
    color: white !important;
    font-size: 26px !important;
  }

  /* Tablet FABs */
  .fixed.bottom-40.right-20 { gap: 10px; }

  .fixed.bottom-40.right-20 .h-54.w-54 {
    width: 54px !important;
    height: 54px !important;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: transform 0.2s, box-shadow 0.2s;
  }

  .fixed.bottom-40.right-20 .h-54.w-54:hover {
    transform: scale(1.1);
    box-shadow: var(--shadow-lg);
  }

  /* =============================================
     DIALOG OVERLAY
  ============================================= */
  .el-dialog__wrapper { z-index: 9999; }

  .el-dialog {
    border-radius: var(--radius-lg) !important;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0,0,0,0.2) !important;
    border: 1px solid var(--border);
  }

  .el-dialog__header {
    border-bottom: 1px solid var(--border);
    background: var(--surface);
    padding: 0 !important;
  }

  .el-dialog__headerbtn {
    top: 14px !important;
    right: 16px !important;
    font-size: 18px;
    transition: all 0.2s;
  }

  .el-dialog__headerbtn:hover { color: var(--primary) !important; transform: rotate(90deg); }

  .el-dialog__header > div > button {
    font-family: var(--font-display);
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 14px 20px !important;
    background: none !important;
    border: none;
    color: var(--primary) !important;
    border-bottom: 3px solid var(--primary) !important;
    cursor: pointer;
    margin: 0 !important;
    transition: all 0.2s;
  }

  /* =============================================
     HIDDEN AREA (display:none elements kept)
  ============================================= */
  .discenter-sition { display: none; }
  [style*="display:none"] { display: none !important; }

  /* =============================================
     RESPONSIVE
  ============================================= */
  @media (max-width: 1024px) {
    .l.left-dis { width: 60px !important; }
    .sidebar-dis.r { width: 260px !important; }
    .classification-list { padding: 0 !important; }
  }

  @media (max-width: 768px) {
    .l.left-dis { display: none !important; }
    .sidebar-dis.r { display: none !important; }
    .c.w-590 { width: 100% !important; }
    .h-100\%.m-auto { padding: 12px 12px 60px !important; }
    .classification-list { padding: 0 12px !important; }
    .wiki-community-comp { padding: 16px !important; }
  }

  /* =============================================
     UTILITY OVERRIDE FIXES
  ============================================= */
  .group\/box1 { width: 100% !important; }

  /* Stagger animation for top creators ranking */
  @keyframes slideInUp {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* Pulse glow for active nav */
  @keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(26,86,219,0); }
    50%       { box-shadow: 0 0 0 6px rgba(26,86,219,0.12); }
  }

  /* Shimmer loading effect for images */
  @keyframes shimmer {
    from { background-position: -400px 0; }
    to   { background-position: 400px 0; }
  }

  img[src=""] {
    background: linear-gradient(90deg, var(--surface-3) 25%, var(--border) 37%, var(--surface-3) 63%);
    background-size: 800px 100%;
    animation: shimmer 1.4s infinite;
  }
</style>

<!-- ============================================================
     GOOGLE LOGIN PLACEHOLDER
============================================================ -->
<section class="google-login"></section>

<!-- ============================================================
     PAGE ROOT
============================================================ -->
<div class="relative bg-cl-108">

  <!-- BREADCRUMB NAV -->
  <!-- <section class="comm-sub-nav sticky z-[10] w-1200 bg-white lg:w-940 md:w-760 sm:w-full top-132">
    <div class="nav" style="align-items:center;height:58px;">
      <div class="nav-box" style="background-color:none;padding:0;">
        <div class="nav-list">
          <a href="/en/" target="_blank" class="nuxt-link-active" style="color:#3D3D3D;">Home</a>
          <i style="color:#3D3D3D;">-</i>
        </div>
        <div class="nav-list">
          <span style="color:#3D3D3D;">Community</span>
          <i style="color:#3D3D3D;">-</i>
        </div>
      </div>
    </div>
  </section> -->

  <!-- MAIN CONTENT FLEX WRAPPER -->
  <div class="h-100% m-auto flex w-1200 justify-between p-[0px_0px_100px] lg:w-940 md:w-760 sm:w-full sm:p-[0px_0px_50px]">

    <!-- ===========================
         LEFT SIDEBAR — NAVIGATION
    ============================ -->
    <div class="l left-dis sticky h-[100%] sm:!hidden">
      <div class="find-menu-comp" data-v-3648d610="">
        <div class="w-180 lg:w-52" data-v-3648d610="">

          <!-- Desktop full-label nav -->
          <div class="lg:hidden" data-v-3648d610="">
            <div class="w-180" data-v-3648d610="">
              <img src="https://resource1.interface003.com/web20/img/find-en-icon.b25e258.png" alt="" class="h-full w-full" data-v-3648d610="">
            </div>
            <div class="mt-8" data-v-3648d610="">
              <a href="?tab=all" data-src="test4.php" class="tab block mb-6 px-6 py-4 rounded hover:bg-gray-100 text-black">
                <img src="https://img.zy223.com/hico/638732558816291460/FBM638732558816291460_531872.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610="">
                <span class="ml-16 text-16 text-[#86909C] rtl:ml-0 rtl:mr-16 group-hover:text-[#1d2129]" data-v-3648d610="">All</span>
              </a>
              <a href="?tab=ib" data-src="ibs.php" class="tab block mb-6 px-6 py-4 rounded hover:bg-gray-100 text-black" data-v-3648d610="">
                <img src="https://img.zy223.com/hico/638732558676236928/FBM638732558676236928_166573.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610="">
                <span class="ml-16 text-16 text-[#86909C] rtl:ml-0 rtl:mr-16 group-hover:text-[#1d2129]" data-v-3648d610="">IB</span>
              </a>
              <a href="?tab=teach" data-src="teach.php" class="tab block mb-6 px-6 py-4 rounded hover:bg-gray-100 text-black">
                <img src="https://img.zy223.com/hico/638732558271031838/FBM638732558271031838_510294.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610="">
                <span class="ml-16 text-16 text-[#86909C] rtl:ml-0 rtl:mr-16 group-hover:text-[#1d2129]" data-v-3648d610="">Teach</span>
              </a>
              <a href="?tab=copy" data-src="copy.php" class="tab block mb-6 px-6 py-4 rounded hover:bg-gray-100 text-black">
                <img src="https://img.zy223.com/hico/638732558068100663/FBM638732558068100663_136539.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610="">
                <span class="ml-16 text-16 text-[#86909C] rtl:ml-0 rtl:mr-16 group-hover:text-[#1d2129]" data-v-3648d610="">Copy</span>
              </a>
              <a href="?tab=payment" data-src="payment.php" class="tab block mb-6 px-6 py-4 rounded hover:bg-gray-100 text-black">
                <img src="https://img.zy223.com/hico/638732557969660817/FBM638732557969660817_915185.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610="">
                <span class="ml-16 text-16 text-[#86909C] rtl:ml-0 rtl:mr-16 group-hover:text-[#1d2129]" data-v-3648d610="">Payment</span>
              </a>
              <a href="?tab=System" data-src="system.php" class="tab block mb-6 px-6 py-4 rounded hover:bg-gray-100 text-black">
                <img src="https://img.zy223.com/hico/638732557704575618/FBM638732557704575618_209011.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610="">
                <span class="ml-16 text-16 text-[#86909C] rtl:ml-0 rtl:mr-16 group-hover:text-[#1d2129]" data-v-3648d610="">System</span>
              </a>
              <a href="?tab=License" data-src="License.php" class="tab block mb-6 px-6 py-4 rounded hover:bg-gray-100 text-black">
                <img src="https://img.zy223.com/hico/638732557332286745/FBM638732557332286745_739043.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610="">
                <span class="ml-16 text-16 text-[#86909C] rtl:ml-0 rtl:mr-16 group-hover:text-[#1d2129]" data-v-3648d610="">License</span>
              </a>
              <a href="?tab=exhibition" data-src="exhibition.php" class="tab block mb-6 px-6 py-4 rounded hover:bg-gray-100 text-black">
                <img src="https://img.zy223.com/hico/638732557138342473/FBM638732557138342473_215084.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610="">
                <span class="ml-16 text-16 text-[#86909C] rtl:ml-0 rtl:mr-16 group-hover:text-[#1d2129]" data-v-3648d610="">Exhibition</span>
              </a>
              <a href="?tab=System" data-src="system.php" class="tab block mb-6 px-6 py-4 rounded hover:bg-gray-100 text-black">
                <img src="https://img.zy223.com/hico/638732556956605677/FBM638732556956605677_561567.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610="">
                <span class="ml-16 text-16 text-[#86909C] rtl:ml-0 rtl:mr-16 group-hover:text-[#1d2129]" data-v-3648d610="">Recruit</span>
              </a>
              <a href="?tab=System" data-src="system.php" class="tab block mb-6 px-6 py-4 rounded hover:bg-gray-100 text-black">
                <img src="https://img.zy223.com/hico/638732556779472514/FBM638732556779472514_856297.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610="">
                <span class="ml-16 text-16 text-[#86909C] rtl:ml-0 rtl:mr-16 group-hover:text-[#1d2129]" data-v-3648d610="">Comprehensive</span>
              </a>
            </div>
          </div>

          <!-- Tablet icon-only nav -->
          <div class="hidden lg:block" data-v-3648d610="">
            <div class="w-52" data-v-3648d610="">
              <img src="https://resource1.interface003.com/web20/img/find-pad.ea3bc4f.png" alt="" class="h-full w-full" data-v-3648d610="">
            </div>
            <div class="mt-12" data-v-3648d610="">
              <a target="_self" href="javascript:;" class="jj mb-2 flex cursor-pointer items-center rounded-6 px-14 py-10 hover:bg-[#F7F8FA] hover:!text-[red]" data-v-3648d610=""><img src="https://img.zy223.com/hico/638732558816291460/FBM638732558816291460_531872.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610=""></a>
              <a target="_self" href="javascript:;" class="jj mb-2 flex cursor-pointer items-center rounded-6 px-14 py-10 hover:bg-[#F7F8FA] hover:!text-[red]" data-v-3648d610=""><img src="https://img.zy223.com/hico/638732558676236928/FBM638732558676236928_166573.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610=""></a>
              <a target="_self" href="javascript:;" class="jj mb-2 flex cursor-pointer items-center rounded-6 px-14 py-10 hover:bg-[#F7F8FA] hover:!text-[red]" data-v-3648d610=""><img src="https://img.zy223.com/hico/638732558271031838/FBM638732558271031838_510294.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610=""></a>
              <a target="_self" href="javascript:;" class="jj mb-2 flex cursor-pointer items-center rounded-6 px-14 py-10 hover:bg-[#F7F8FA] hover:!text-[red]" data-v-3648d610=""><img src="https://img.zy223.com/hico/638732558068100663/FBM638732558068100663_136539.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610=""></a>
              <a target="_self" href="javascript:;" class="jj mb-2 flex cursor-pointer items-center rounded-6 px-14 py-10 hover:bg-[#F7F8FA] hover:!text-[red] bg-[#F7F8FA] text-[#1d2129]" data-v-3648d610=""><img src="https://img.zy223.com/hico/638732557926521500/FBM638732557926521500_175847.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610=""></a>
              <a target="_self" href="javascript:;" class="jj mb-2 flex cursor-pointer items-center rounded-6 px-14 py-10 hover:bg-[#F7F8FA] hover:!text-[red]" data-v-3648d610=""><img src="https://img.zy223.com/hico/638732557704575618/FBM638732557704575618_209011.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610=""></a>
              <a target="_self" href="javascript:;" class="jj mb-2 flex cursor-pointer items-center rounded-6 px-14 py-10 hover:bg-[#F7F8FA] hover:!text-[red]" data-v-3648d610=""><img src="https://img.zy223.com/hico/638732557332286745/FBM638732557332286745_739043.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610=""></a>
              <a target="_self" href="javascript:;" class="jj mb-2 flex cursor-pointer items-center rounded-6 px-14 py-10 hover:bg-[#F7F8FA] hover:!text-[red]" data-v-3648d610=""><img src="https://img.zy223.com/hico/638732557138342473/FBM638732557138342473_215084.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610=""></a>
              <a target="_self" href="javascript:;" class="jj mb-2 flex cursor-pointer items-center rounded-6 px-14 py-10 hover:bg-[#F7F8FA] hover:!text-[red]" data-v-3648d610=""><img src="https://img.zy223.com/hico/638732556956605677/FBM638732556956605677_561567.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610=""></a>
              <a target="_self" href="javascript:;" class="jj mb-2 flex cursor-pointer items-center rounded-6 px-14 py-10 hover:bg-[#F7F8FA] hover:!text-[red]" data-v-3648d610=""><img src="https://img.zy223.com/hico/638732556779472514/FBM638732556779472514_856297.png_wiki-template-global" alt="" class="h-24 w-24" data-v-3648d610=""></a>
            </div>
          </div>

        </div>
      </div>
    </div>
    <!-- END LEFT SIDEBAR -->

    <!-- ===========================
         CENTER FEED
    ============================ -->
    <div class="c w-590 lg:w-498 md:w-670 sm:w-full">
      <div class="classification-list" data-v-31c48eba="">

        <!-- Mobile category menu slot -->
        <div class="hidden border-b-[0px] border-solid border-cl-143 sm:!block" data-v-31c48eba="">
          <div class="find-menu-comp" data-v-3648d610="" data-v-31c48eba=""></div>
        </div>

        <!-- Tab Bar -->
        <div class="z-[9] sm:top-60 bg-cl-108" data-v-31c48eba="">
          <ul class="flex items-center border-b-[1px] border-solid border-[#EFF0F2] sm:p-[0px_16px]">
            <li class="m-[0px_32px_0px_0px] whitespace-nowrap cursor-pointer p-[12px_0px] text-20 text-cl-71 sm:m-[0px_20px_0px_0px] sm:text-16 rtl:m-[0px_0px_0px_32px] rtl:sm:m-[0px_0px_0px_20px] border-b-[1px] border-solid border-cl-10 font-semibold !text-cl-10 sm:border-b-[2px]">
              For You
            </li>
          </ul>
        </div>

        <!-- Spacer -->
        <div class="discenter-sition" style="height:0px;" data-v-31c48eba=""></div>

        <!-- Feed Posts -->
        <div class="zhe w-[100%]" data-v-31c48eba="">
          <div class="w-[100%]" data-v-31c48eba="">

            <!-- POST 1: AK Remit -->
            <a href="#" target="_blank" class="block w-[100%] p-[30px_0_0px] sm:!p-[22px_0_0px]" data-v-31c48eba="">
              <div class="wiki-community-comp group classification" data-v-a1d05a16="" data-v-31c48eba="">
                <div class="11 web-container pb-30 border-b border-solid border-[#EFF0F2]" data-v-a1d05a16="">
                  <div is-show-follow="true" class="community-head-comp head w-full ccc" data-v-261e3ae2="" data-v-a1d05a16="">
                    <div class="flex w-full items-center justify-between" data-v-261e3ae2="">
                      <div class="flex flex-1 items-center overflow-hidden" data-v-261e3ae2="">
                        <div class="relative mr-8 cursor-pointer rounded-full border border-solid border-[#F2F3F5] rtl:ml-8 rtl:mr-0" style="height:40px;width:40px;" data-v-261e3ae2="">
                          <img src="/uploads/logo-grey.png" onerror="this.src='https://resources1.interface003.com/web20/img/commen/ecoavatar.png';this.onerror=null;" alt="" class="h-full w-full rounded-full object-cover" data-v-261e3ae2="">
                          <img src="https://img.fx696.com/WikiEnterprise/identity/service.png_wiki-template-global" alt="" class="absolute -right-2 bottom-0 h-16 w-16 rtl:-left-2 rtl:right-auto" data-v-261e3ae2="">
                        </div>
                        <div class="flex flex-1 cursor-pointer flex-col overflow-hidden" data-v-261e3ae2="">
                          <div class="turncate flex flex-1 items-center" data-v-261e3ae2="">
                            <span class="mr-4 truncate text-14 font-semibold text-[#1D2129] hover:text-[#fc6] rtl:ml-2 rtl:mr-0" style="color:#3D3D3D;" data-v-261e3ae2="">AK Remit tom778788</span>
                          </div>
                          <div class="flex items-center" data-v-261e3ae2="">
                            <span class="mt-2 truncate text-12 text-[#86909C]" data-v-261e3ae2="">AK Remit·COO</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <h2 class="line-clamp-2 group-hover:text-[#B38936] mt-16 break-words text-18 font-semibold text-[#1D2129]" data-v-a1d05a16="">
                    Provide various payments
                  </h2>
                  <div class="cursor-pointer mt-16" data-v-a1d05a16="">
                    <div data-v-a35d9726="" data-v-a1d05a16="">
                      <div id="wikiTextEllipsis-b77181db-ec87-4ca0-80fc-4f1ab950393a" class="text-ellipsis-comp" style="line-height:26px;font-size:16px;color:rgb(61,60,60);max-height:78px;display:-webkit-box;-webkit-box-orient:vertical;" data-v-a35d9726="">
                        <div id="text-b77181db-ec87-4ca0-80fc-4f1ab950393a" class="text" data-v-a35d9726="">Provide various payments, personal tax planning USDT -&gt; USD Reasonably and legally reduce taxes accept all forex broker</div>
                      </div>
                    </div>
                  </div>
                  <div class="mt-16" data-v-a1d05a16="">
                    <div class="swiper-img" data-v-a1d05a16="">
                      <div class="swiper-list" data-v-a1d05a16="">
                        <div data-v-a1d05a16="">
                          <div class="group/box1 relative max-h-274 w-[fit-content] max-w-590 overflow-hidden rounded-12 lg:max-w-498 md:max-w-670" data-v-a1d05a16="">
                            <img src="https://h8imgs.zy223.com/Bar/app/2025/04/4203863220/20250423_689677.png-list600" alt="" class="i1 max-w-590 cursor-pointer rounded-12 duration-300 ease-out group-hover/box1:scale-[1.1] lg:max-w-498 md:max-w-670 w-auto h-274 object-cover" data-v-a1d05a16="">
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="mt-16 flex text-12 text-[#999999]" data-v-a1d05a16="">
                      <span data-v-a1d05a16="">04-22</span>
                    </div>
                  </div>
                  <div class="jaf-1 bus mt-16 flex items-center justify-between" data-v-a1d05a16="">
                    <div class="flex" data-v-a1d05a16="">
                      <div tsv="014" class="mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="icon-a-221 text-[#1D2129] icon-a-221 iconfont text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                      </div>
                      <div class="relative mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="icon-heart2 text-[#1D2129] icon-heart2 iconfont text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                        <span class="ml-6 text-14 text-[#1D2129] rtl:ml-0 rtl:mr-6" data-v-a1d05a16="">284</span>
                      </div>
                      <div class="mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="iconfont icon-messages-2 text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                      </div>
                      <div class="group relative flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2]" data-v-a1d05a16="">
                        <span class="iconfont icon-export-line text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                      </div>
                    </div>
                    <div class="flex h-32 items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2]" data-v-a1d05a16="">
                      <span class="iconfont icon-export-1 cursor-pointer text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                    </div>
                  </div>
                </div>
              </div>
            </a>

            <!-- POST 2: GoldFX -->
            <a href="#" target="_blank" class="block w-[100%] p-[30px_0_0px] sm:!p-[22px_0_0px]" data-v-31c48eba="">
              <div class="wiki-community-comp group classification" data-v-a1d05a16="" data-v-31c48eba="">
                <div class="11 web-container pb-30 border-b border-solid border-[#EFF0F2]" data-v-a1d05a16="">
                  <div is-show-follow="true" class="community-head-comp head w-full ccc" data-v-261e3ae2="" data-v-a1d05a16="">
                    <div class="flex w-full items-center justify-between" data-v-261e3ae2="">
                      <div class="flex flex-1 items-center overflow-hidden" data-v-261e3ae2="">
                        <div class="relative mr-8 cursor-pointer rounded-full border border-solid border-[#F2F3F5] rtl:ml-8 rtl:mr-0" style="height:40px;width:40px;" data-v-261e3ae2="">
                          <img src="/uploads/logo-grey.png" onerror="this.src='https://resources1.interface003.com/web20/img/commen/ecoavatar.png';this.onerror=null;" alt="" class="h-full w-full rounded-full object-cover" data-v-261e3ae2="">
                          <img src="https://img.fx696.com/WikiEnterprise/identity/trader.png_wiki-template-global" alt="" class="absolute -right-2 bottom-0 h-16 w-16 rtl:-left-2 rtl:right-auto" data-v-261e3ae2="">
                        </div>
                        <div class="flex flex-1 cursor-pointer flex-col overflow-hidden" data-v-261e3ae2="">
                          <div class="turncate flex flex-1 items-center" data-v-261e3ae2="">
                            <span class="mr-4 truncate text-14 font-semibold text-[#1D2129] hover:text-[#fc6] rtl:ml-2 rtl:mr-0" style="color:#3D3D3D;" data-v-261e3ae2="">GoldFX</span>
                          </div>
                          <div class="flex items-center" data-v-261e3ae2="">
                            <span class="mt-2 truncate text-12 text-[#86909C]" data-v-261e3ae2="">GoldFX</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <h2 class="line-clamp-2 group-hover:text-[#B38936] mt-16 break-words text-18 font-semibold text-[#1D2129]" data-v-a1d05a16="">
                    Payment Methods
                  </h2>
                  <div class="cursor-pointer mt-16" data-v-a1d05a16="">
                    <div data-v-a35d9726="" data-v-a1d05a16="">
                      <div id="wikiTextEllipsis-aeeeb1bf-2cdd-4fb5-9121-be54ff59ef19" class="text-ellipsis-comp" style="line-height:26px;font-size:16px;color:rgb(61,60,60);max-height:78px;display:-webkit-box;-webkit-box-orient:vertical;" data-v-a35d9726="">
                        <div id="text-aeeeb1bf-2cdd-4fb5-9121-be54ff59ef19" class="text" data-v-a35d9726="">
                          The payment methods at goldfx.krd are:
                          1. In Cash at our office in Erbil
                          2. In cash by remittance
                          3. Online via FIB and Fastpay
                          It takes less than half an hour and is available 5 days a week,
                          from 10 am to 11 pm The minimum deposit and withdrawal
                          <p data-v-a35d9726="" class="text-expand-l dis-select group h-26 sm:h-19 tttt">
                            ...<span data-v-a35d9726="" class="pl-8" style="line-height:26px;font-size:16px;color:rgb(50,110,250);">Full Text</span>
                            <span data-v-a35d9726="" class="iconfont icon-Icon-arrow-down-blue text-14" style="line-height:26px;font-size:16px;color:rgb(50,110,250);"></span>
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="mt-16" data-v-a1d05a16="">
                    <div class="swiper-img" data-v-a1d05a16="">
                      <div class="swiper-list" data-v-a1d05a16="">
                        <div data-v-a1d05a16="">
                          <div class="group/box1 relative max-h-274 w-[fit-content] max-w-590 overflow-hidden rounded-12 lg:max-w-498 md:max-w-670" data-v-a1d05a16="">
                            <img src="https://h8imgs.zy223.com/Bar/app/2025/03/3042909470/20250303_903329.jpg-list600" alt="" class="i1 max-w-590 cursor-pointer rounded-12 duration-300 ease-out group-hover/box1:scale-[1.1] lg:max-w-498 md:max-w-670 w-206 h-auto object-cover" data-v-a1d05a16="">
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="mt-16 flex text-12 text-[#999999]" data-v-a1d05a16="">
                      <span data-v-a1d05a16="">03-02</span>
                    </div>
                  </div>
                  <div class="jaf-1 bus mt-16 flex items-center justify-between" data-v-a1d05a16="">
                    <div class="flex" data-v-a1d05a16="">
                      <div tsv="014" class="mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="icon-a-221 text-[#1D2129] icon-a-221 iconfont text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                        <span class="ml-6 text-14 text-[#1D2129] rtl:ml-0 rtl:mr-6" data-v-a1d05a16="">11</span>
                      </div>
                      <div class="relative mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="icon-heart2 text-[#1D2129] icon-heart2 iconfont text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                        <span class="ml-6 text-14 text-[#1D2129] rtl:ml-0 rtl:mr-6" data-v-a1d05a16="">221</span>
                      </div>
                      <div class="mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="iconfont icon-messages-2 text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                        <span class="ml-6 text-14 text-[#1D2129] rtl:ml-0 rtl:mr-6" data-v-a1d05a16="">7</span>
                      </div>
                      <div class="group relative flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2]" data-v-a1d05a16="">
                        <span class="iconfont icon-export-line text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                      </div>
                    </div>
                    <div class="flex h-32 items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2]" data-v-a1d05a16="">
                      <span class="iconfont icon-export-1 cursor-pointer text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                    </div>
                  </div>
                </div>
              </div>
            </a>

            <!-- POST 3: (hidden — preserving original display:none) -->
            <a href="#" target="_blank" class="block w-[100%] p-[30px_0_0px] sm:!p-[22px_0_0px]" style="display:none;" data-v-31c48eba=""></a>

            <!-- POST 4: AkTrust -->
            <a href="#" target="_blank" class="block w-[100%] p-[30px_0_0px] sm:!p-[22px_0_0px]" data-v-31c48eba="">
              <div class="wiki-community-comp group classification" data-v-a1d05a16="" data-v-31c48eba="">
                <div class="11 web-container pb-30 border-b border-solid border-[#EFF0F2]" data-v-a1d05a16="">
                  <div is-show-follow="true" class="community-head-comp head w-full ccc" data-v-261e3ae2="" data-v-a1d05a16="">
                    <div class="flex w-full items-center justify-between" data-v-261e3ae2="">
                      <div class="flex flex-1 items-center overflow-hidden" data-v-261e3ae2="">
                        <div class="relative mr-8 cursor-pointer rounded-full border border-solid border-[#F2F3F5] rtl:ml-8 rtl:mr-0" style="height:40px;width:40px;" data-v-261e3ae2="">
                          <img src="/uploads/logo-grey.png" onerror="this.src='https://resources1.interface003.com/web20/img/commen/ecoavatar.png';this.onerror=null;" alt="" class="h-full w-full rounded-full object-cover" data-v-261e3ae2="">
                          <img src="https://img.fx696.com/WikiEnterprise/identity/service.png_wiki-template-global" alt="" class="absolute -right-2 bottom-0 h-16 w-16 rtl:-left-2 rtl:right-auto" data-v-261e3ae2="">
                        </div>
                        <div class="flex flex-1 cursor-pointer flex-col overflow-hidden" data-v-261e3ae2="">
                          <div class="turncate flex flex-1 items-center" data-v-261e3ae2="">
                            <span class="mr-4 truncate text-14 font-semibold text-[#1D2129] hover:text-[#fc6] rtl:ml-2 rtl:mr-0" style="color:#3D3D3D;" data-v-261e3ae2="">AkTrust</span>
                          </div>
                          <div class="flex items-center" data-v-261e3ae2="">
                            <span class="mt-2 truncate text-12 text-[#86909C]" data-v-261e3ae2="">AK Remit·VP</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <h2 class="line-clamp-2 group-hover:text-[#B38936] mt-16 break-words text-18 font-semibold text-[#1D2129]" data-v-a1d05a16="">
                    The PSP that integration with MetaQuotes-AK Remit
                  </h2>
                  <div class="cursor-pointer mt-6" data-v-a1d05a16="">
                    <div data-v-a35d9726="" data-v-a1d05a16="">
                      <div id="wikiTextEllipsis-847f8970-ec64-41dc-968e-28d118f80941" class="text-ellipsis-comp" style="line-height:26px;font-size:16px;color:rgb(61,60,60);max-height:78px;display:-webkit-box;-webkit-box-orient:vertical;" data-v-a35d9726="">
                        <div id="text-847f8970-ec64-41dc-968e-28d118f80941" class="text" data-v-a35d9726="">Provide various payments, personal tax planning<br>USDT -&gt; USD<br>Reasonably and legally reduce taxes<br>accept all forex broker</div>
                      </div>
                    </div>
                  </div>
                  <div class="mt-16" data-v-a1d05a16="">
                    <div class="swiper-img" data-v-a1d05a16="">
                      <div class="swiper-list" data-v-a1d05a16="">
                        <div data-v-a1d05a16="">
                          <div class="group/box1 relative max-h-274 w-[fit-content] max-w-590 overflow-hidden rounded-12 lg:max-w-498 md:max-w-670" data-v-a1d05a16="">
                            <img src="https://h8imgs.zy223.com/Bar/app/2025/02/1569059590/20250205_747846.png-list600" alt="" class="i1 max-w-590 cursor-pointer rounded-12 duration-300 ease-out group-hover/box1:scale-[1.1] lg:max-w-498 md:max-w-670 w-206 h-auto object-cover" data-v-a1d05a16="">
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="mt-16 flex text-12 text-[#999999]" data-v-a1d05a16="">
                      <span data-v-a1d05a16="">02-05</span>
                    </div>
                  </div>
                  <div class="jaf-1 bus mt-16 flex items-center justify-between" data-v-a1d05a16="">
                    <div class="flex" data-v-a1d05a16="">
                      <div tsv="014" class="mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="icon-a-221 text-[#1D2129] icon-a-221 iconfont text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                      </div>
                      <div class="relative mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="icon-heart2 text-[#1D2129] icon-heart2 iconfont text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                        <span class="ml-6 text-14 text-[#1D2129] rtl:ml-0 rtl:mr-6" data-v-a1d05a16="">5</span>
                      </div>
                      <div class="mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="iconfont icon-messages-2 text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                      </div>
                      <div class="group relative flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2]" data-v-a1d05a16="">
                        <span class="iconfont icon-export-line text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                      </div>
                    </div>
                    <div class="flex h-32 items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2]" data-v-a1d05a16="">
                      <span class="iconfont icon-export-1 cursor-pointer text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                    </div>
                  </div>
                </div>
              </div>
            </a>

            <!-- POST 5: ALEX ACCOUNT MANAGER -->
            <a href="#" target="_blank" class="block w-[100%] p-[30px_0_0px] sm:!p-[22px_0_0px]" data-v-31c48eba="">
              <div class="wiki-community-comp group classification" data-v-a1d05a16="" data-v-31c48eba="">
                <div class="11 web-container pb-30 border-b border-solid border-[#EFF0F2]" data-v-a1d05a16="">
                  <div is-show-follow="true" class="community-head-comp head w-full ccc" data-v-261e3ae2="" data-v-a1d05a16="">
                    <div class="flex w-full items-center justify-between" data-v-261e3ae2="">
                      <div class="flex flex-1 items-center overflow-hidden" data-v-261e3ae2="">
                        <div class="relative mr-8 cursor-pointer rounded-full border border-solid border-[#F2F3F5] rtl:ml-8 rtl:mr-0" style="height:40px;width:40px;" data-v-261e3ae2="">
                          <img src="https://img.fx696.com/avatar/1462596393/1462596393_85455.jpg_wiki200" onerror="this.src='https://resources1.interface003.com/web20/img/commen/ecoavatar.png';this.onerror=null;" alt="" class="h-full w-full rounded-full object-cover" data-v-261e3ae2="">
                        </div>
                        <div class="flex flex-1 cursor-pointer flex-col overflow-hidden" data-v-261e3ae2="">
                          <div class="turncate flex flex-1 items-center" data-v-261e3ae2="">
                            <span class="mr-4 truncate text-14 font-semibold text-[#1D2129] hover:text-[#fc6] rtl:ml-2 rtl:mr-0" style="color:#3D3D3D;" data-v-261e3ae2="">ALEX ACCOUNT MANAGER</span>
                            <img src="https://img.fx696.com/growth_center/user_gold_kol.png_wiki-template-global" alt="" class="h-18" data-v-261e3ae2="">
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <h2 class="line-clamp-2 group-hover:text-[#B38936] mt-16 break-words text-18 font-semibold text-[#1D2129]" data-v-a1d05a16="">
                    Allhamdulillah 3502 my share successful
                  </h2>
                  <div class="cursor-pointer mt-6" data-v-a1d05a16="">
                    <div data-v-a35d9726="" data-v-a1d05a16="">
                      <div id="wikiTextEllipsis-743d888b-90e1-4f47-97b6-3f6f33680edb" class="text-ellipsis-comp" style="line-height:26px;font-size:16px;color:rgb(61,60,60);max-height:78px;display:-webkit-box;-webkit-box-orient:vertical;" data-v-a35d9726="">
                        <div id="text-743d888b-90e1-4f47-97b6-3f6f33680edb" class="text" data-v-a35d9726="">hello my dear all investor contact my WhatsApp number I well help you 🙏</div>
                      </div>
                    </div>
                  </div>
                  <div class="mt-16" data-v-a1d05a16="">
                    <div class="swiper-img" data-v-a1d05a16="">
                      <div class="swiper-list" data-v-a1d05a16="">
                        <div data-v-a1d05a16="">
                          <div class="group/box1 relative max-h-274 w-[fit-content] max-w-590 overflow-hidden rounded-12 lg:max-w-498 md:max-w-670" data-v-a1d05a16="">
                            <img src="https://h8imgs.zy223.com/Bar/app/2024/12/1462596393/20241212_626964.jpg-list600" alt="" class="i1 max-w-590 cursor-pointer rounded-12 duration-300 ease-out group-hover/box1:scale-[1.1] lg:max-w-498 md:max-w-670 w-206 h-auto object-cover" data-v-a1d05a16="">
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="mt-16 flex text-12 text-[#999999]" data-v-a1d05a16="">
                      <span data-v-a1d05a16="">2024-12-12</span>
                    </div>
                  </div>
                  <div class="jaf-1 bus mt-16 flex items-center justify-between" data-v-a1d05a16="">
                    <div class="flex" data-v-a1d05a16="">
                      <div tsv="014" class="mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="icon-a-221 text-[#1D2129] icon-a-221 iconfont text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                        <span class="ml-6 text-14 text-[#1D2129] rtl:ml-0 rtl:mr-6" data-v-a1d05a16="">11</span>
                      </div>
                      <div class="relative mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="icon-heart2 text-[#1D2129] icon-heart2 iconfont text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                        <span class="ml-6 text-14 text-[#1D2129] rtl:ml-0 rtl:mr-6" data-v-a1d05a16="">46</span>
                      </div>
                      <div class="mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="iconfont icon-messages-2 text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                        <span class="ml-6 text-14 text-[#1D2129] rtl:ml-0 rtl:mr-6" data-v-a1d05a16="">5</span>
                      </div>
                      <div class="group relative flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2]" data-v-a1d05a16="">
                        <span class="iconfont icon-export-line text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                      </div>
                    </div>
                    <div class="flex h-32 items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2]" data-v-a1d05a16="">
                      <span class="iconfont icon-export-1 cursor-pointer text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                    </div>
                  </div>
                </div>
              </div>
            </a>

            <!-- POST 6: MAXEXCHANG1999 -->
            <a href="#" target="_blank" class="block w-[100%] p-[30px_0_0px] sm:!p-[22px_0_0px]" data-v-31c48eba="">
              <div class="wiki-community-comp group classification" data-v-a1d05a16="" data-v-31c48eba="">
                <div class="11 web-container pb-30 border-b border-solid border-[#EFF0F2]" data-v-a1d05a16="">
                  <div is-show-follow="true" class="community-head-comp head w-full ccc" data-v-261e3ae2="" data-v-a1d05a16="">
                    <div class="flex w-full items-center justify-between" data-v-261e3ae2="">
                      <div class="flex flex-1 items-center overflow-hidden" data-v-261e3ae2="">
                        <div class="relative mr-8 cursor-pointer rounded-full border border-solid border-[#F2F3F5] rtl:ml-8 rtl:mr-0" style="height:40px;width:40px;" data-v-261e3ae2="">
                          <img src="https://img.fx696.com/avatar/2092665944/2092665944_72014.jpeg_wiki200" onerror="this.src='https://resources1.interface003.com/web20/img/commen/ecoavatar.png';this.onerror=null;" alt="" class="h-full w-full rounded-full object-cover" data-v-261e3ae2="">
                        </div>
                        <div class="flex flex-1 cursor-pointer flex-col overflow-hidden" data-v-261e3ae2="">
                          <div class="turncate flex flex-1 items-center" data-v-261e3ae2="">
                            <span class="mr-4 truncate text-14 font-semibold text-[#1D2129] hover:text-[#fc6] rtl:ml-2 rtl:mr-0" style="color:#3D3D3D;" data-v-261e3ae2="">MAXEXCHANG1999</span>
                            <img src="https://img.fx696.com/growth_center/user_silver_kol.png_wiki-template-global" alt="" class="h-18" data-v-261e3ae2="">
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <h2 class="line-clamp-2 group-hover:text-[#B38936] mt-16 break-words text-18 font-semibold text-[#1D2129]" data-v-a1d05a16="">
                    Max Exchange Thailand
                  </h2>
                  <div class="cursor-pointer mt-16" data-v-a1d05a16="">
                    <div data-v-a35d9726="" data-v-a1d05a16="">
                      <div id="wikiTextEllipsis-50d4586f-ab08-4a61-9ea2-e8282c804155" class="text-ellipsis-comp" style="line-height:26px;font-size:16px;color:rgb(61,60,60);max-height:78px;display:-webkit-box;-webkit-box-orient:vertical;" data-v-a35d9726="">
                        <div id="text-50d4586f-ab08-4a61-9ea2-e8282c804155" class="text" data-v-a35d9726="">Your secure partner in currency exchange, investments, and wealth growth. Empowering your finances.<br><br>https://maxexchangethailand.com/exchange-rates/</div>
                      </div>
                    </div>
                  </div>
                  <div class="mt-16" data-v-a1d05a16="">
                    <div class="swiper-img" data-v-a1d05a16="">
                      <div class="swiper-list" data-v-a1d05a16="">
                        <div data-v-a1d05a16="">
                          <div class="group/box1 relative max-h-274 w-[fit-content] max-w-590 overflow-hidden rounded-12 lg:max-w-498 md:max-w-670" data-v-a1d05a16="">
                            <img src="https://h8imgs.zy223.com/Bar/app/2024/10/2092665944/20241031_943970.jpg-list600" alt="" class="i1 max-w-590 cursor-pointer rounded-12 duration-300 ease-out group-hover/box1:scale-[1.1] lg:max-w-498 md:max-w-670 h-274 w-auto object-cover" data-v-a1d05a16="">
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="mt-16 flex text-12 text-[#999999]" data-v-a1d05a16="">
                      <span data-v-a1d05a16="">2024-10-30</span>
                    </div>
                  </div>
                  <div class="jaf-1 bus mt-16 flex items-center justify-between" data-v-a1d05a16="">
                    <div class="flex" data-v-a1d05a16="">
                      <div tsv="014" class="mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="icon-a-221 text-[#1D2129] icon-a-221 iconfont text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                      </div>
                      <div class="relative mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="icon-heart2 text-[#1D2129] icon-heart2 iconfont text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                      </div>
                      <div class="mr-10 flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2] rtl:ml-10 rtl:mr-0" data-v-a1d05a16="">
                        <span class="iconfont icon-messages-2 text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                      </div>
                      <div class="group relative flex h-32 cursor-pointer items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2]" data-v-a1d05a16="">
                        <span class="iconfont icon-export-line text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                      </div>
                    </div>
                    <div class="flex h-32 items-center justify-center rounded-3 px-6 hover:bg-[#EFF0F2]" data-v-a1d05a16="">
                      <span class="iconfont icon-export-1 cursor-pointer text-24 text-[#1D2129]" data-v-a1d05a16=""></span>
                    </div>
                  </div>
                </div>
              </div>
            </a>

            <!-- LOAD MORE -->
            <div class="find-user" data-v-31c48eba="">
              <div class="serve-more more-inof">Load More</div>
            </div>

          </div>
        </div>
      </div>
    </div>
    <!-- END CENTER FEED -->

    <!-- ===========================
         RIGHT SIDEBAR
    ============================ -->
    <div class="sidebar-dis r h-[100%] w-330 md:!hidden">

      <!-- Login / Register Card -->
      <div class="m-[0px_0px_32px] rounded-[6px] border border-solid border-cl-3 bg-cl-108 p-[20px]" style="background:url('https://resources1.interface003.com/web20/img/find/discover-r.png') left 0px top 0px / 100% no-repeat rgb(255,255,255);">
        <div class="flex cursor-pointer items-center">
          <div class="h-40 w-40 overflow-hidden rounded-[50%] object-cover">
            <img src="https://resource1.interface003.com/web20/img/defaultavatar.7e4b88b.png" alt="" class="h-[100%] w-[100%]">
          </div>
          <div class="m-[0px_0px_0px_12px] text-16 font-medium text-cl-88 rtl:m-[0px_12px_0px_0px]">
            Log in/ Register
          </div>
        </div>
        <div class="m-[6px_0px_0px_0px] flex flex-col">
          <div class="m-[14px_0px_0px_0px] flex cursor-pointer items-center justify-between rounded-[100px] border border-solid border-cl-186/20 bg-cl-108 p-[16px_17px] hover:bg-cl-189">
            <div class="flex items-center">
              <img src="https://resource1.interface003.com/web20/img/give.a45f122.svg" alt="" class="m-[0px_10px_0px_0px] h-26 w-26 rtl:m-[0px_0px_0px_10px]">
              <div class="font-semibold">Business</div>
            </div>
            <span class="iconfont icon-changyong_gengduo text-14 text-cl-39 rtl:rotate-180"></span>
          </div>
          <div class="m-[14px_0px_0px_0px] flex cursor-pointer items-center justify-between rounded-[100px] border border-solid border-cl-186/20 bg-cl-108 p-[16px_17px] hover:bg-cl-189">
            <div class="flex items-center">
              <img src="https://resource1.interface003.com/web20/img/trends.bddef63.svg" alt="" class="m-[0px_10px_0px_0px] h-26 w-26 rtl:m-[0px_0px_0px_10px]">
              <div class="font-semibold">Posts</div>
            </div>
            <span class="iconfont icon-changyong_gengduo text-14 text-cl-39 rtl:rotate-180"></span>
          </div>
        </div>
      </div>

      <!-- Top Creators -->
      <div data-v-13a3ffd2="">
        <div class="starlist flex items-center justify-between" data-v-13a3ffd2="">
          <div class="whitespace-nowrap font-semibold text-[#3d3D3D] w-full text-16" data-v-13a3ffd2="">
            Top Creators
          </div>
          <div class="flex items-center" data-v-13a3ffd2="">
            <div class="mr-22 w-full cursor-pointer whitespace-nowrap text-center text-16 text-cl-71 hover:opacity-80 rtl:ml-22 rtl:mr-0 !font-semibold !text-cl-10" data-v-13a3ffd2="">
              Weekly
            </div>
            <div class="w-full cursor-pointer whitespace-nowrap text-center text-16 text-cl-71 hover:opacity-80" data-v-13a3ffd2="">
              Monthly
            </div>
          </div>
        </div>

        <div class="relative rounded-[4px_4px_4px_4px] bg-white mb-32 w-330" data-v-13a3ffd2="">
          <div class="w-330" data-v-13a3ffd2="">
            <div class="absolute top-0 z-[1] flex items-center justify-between bg-white h-36 w-330 pt-12" data-v-13a3ffd2="">
              <div class="selectors-container" data-v-13a3ffd2="">
                <div current-week="" class="date-picker-jaf" data-v-13a3ffd2="">
                  <div class="flex items-center justify-center">
                    <div class="text-14 text-[#86909C] cursor-pointer">05-12~05-18</div>
                    <i class="iconfont icon-arrow-down mx-4 cursor-pointer text-14 font-semibold text-[#86909C]"></i>
                  </div>
                </div>
              </div>
              <div class="flex cursor-pointer items-center" data-v-13a3ffd2="">
                <span class="h-20 whitespace-nowrap px-4 text-14 leading-20 text-cl-39" data-v-13a3ffd2="">Ranking Rules</span>
                <i class="icon-info iconfont text-16 text-cl-39" data-v-13a3ffd2=""></i>
              </div>
            </div>

            <div class="h-48" data-v-13a3ffd2=""></div>

            <div class="relative mt-36 pt-204" data-v-13a3ffd2="">
              <div data-v-13a3ffd2="">
                <div class="absolute flex cursor-pointer flex-col items-center rounded-8 px-10 pb-12" style="left:110px;right:unset;top:0px;background-image:url(https://resources1.interface003.com/web20/img/discover/starrank/first.svg);background-repeat:no-repeat;width:111px;height:192px;padding-top:43px;" data-v-37a63e68="" data-v-13a3ffd2="">
                  <div class="absolute flex items-center justify-center -top-43 h-76 w-76 bg-[length:76px_76px]" style="background-repeat:no-repeat;" data-v-37a63e68="">
                    <div class="absolute flex cursor-pointer items-center justify-center rounded-[50%] border-[3px] border-solid border-[#fffded] h-66 w-66" data-v-37a63e68="">
                      <div class="h-full w-full rounded-[50%] border-[0.5px] border-solid border-[#E5E5E5]" data-v-37a63e68="">
                        <img src="https://img.fx696.com/avatar/5901136762/5901136762_51165.jpg_wiki200" alt="" class="h-full w-full rounded-[50%] object-cover" data-v-37a63e68="">
                      </div>
                    </div>
                  </div>
                  <img src="https://resources1.interface003.com/web20/img/discover/starrank/first-in.svg" alt="" class="pb-10" data-v-37a63e68="">
                  <div class="mb-6 overflow-hidden truncate whitespace-nowrap text-center text-14 font-semibold leading-22 text-cl-88 w-90" data-v-37a63e68="">H_antec江志</div>
                  <div class="flex items-center" data-v-37a63e68="">
                    <img src="https://resources1.interface003.com/web20/img/discover/starrank/h.png" alt="" class="h-auto w-[10.5px]" data-v-37a63e68="">
                    <span class="ml-3 text-12 text-cl-39 rtl:ml-0 rtl:mr-3" data-v-37a63e68="">150.8K</span>
                  </div>
                  <div class="mt-8 flex h-27 w-84 cursor-pointer items-center justify-center rounded-5 bg-cl-167 text-center text-12 font-semibold text-cl-88 hover:opacity-80" data-v-37a63e68="">
                    <span data-v-37a63e68="">Follow</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- People You May Like -->
        <div class="bg-cl-108">
          <div class="wiki-Interested-comp space-y-18" data-v-1696efed="">
            <div class="flex items-center justify-between" data-v-1696efed="">
              <div class="flex-1 truncate font-semibold" data-v-1696efed="">People you may like</div>
              <div class="ml-10 flex shrink-0 cursor-pointer items-center text-[#86909C] hover:text-[#FADC19] rtl:ml-0 rtl:mr-10" data-v-1696efed="">
                <span class="text-14" data-v-1696efed="">Change</span>
                <span class="iconfont icon-rotate-right scale-1 ml-6 block text-16 rtl:ml-0 rtl:mr-6" data-v-1696efed=""></span>
              </div>
            </div>

            <div data-v-1696efed="">
              <div is-show-follow="true" class="community-head-comp head w-full ccc" data-v-261e3ae2="" data-v-1696efed="">
                <div class="flex w-full items-center justify-between" data-v-261e3ae2="">
                  <div class="flex flex-1 items-center overflow-hidden" data-v-261e3ae2="">
                    <div class="relative mr-8 cursor-pointer rounded-full border border-solid border-[#F2F3F5] rtl:ml-8 rtl:mr-0" style="height:40px;width:40px;" data-v-261e3ae2="">
                      <img src="/uploads/logo-grey.png" onerror="this.src='https://resources1.interface003.com/web20/img/commen/ecoavatar.png';this.onerror=null;" alt="" class="h-full w-full rounded-full object-cover" data-v-261e3ae2="">
                    </div>
                    <div class="flex flex-1 cursor-pointer flex-col overflow-hidden" data-v-261e3ae2="">
                      <div class="turncate flex flex-1 items-center" data-v-261e3ae2="">
                        <span class="mr-4 truncate text-14 font-semibold text-[#1D2129] hover:text-[#fc6] rtl:ml-2 rtl:mr-0" style="color:#3D3D3D;" data-v-261e3ae2="">Johnniestones</span>
                        <img src="https://img.fx696.com/growth_center/user_normal_investor.png_wiki-template-global" alt="" class="h-18" data-v-261e3ae2="">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Copyright Statement -->
        <div class="sticky top-0 mt-32 rounded-8 bg-[#F7F8FA] p-12">
          <div class="mb-18 flex cursor-pointer items-center justify-between">
            <span class="text-16 font-medium leading-22 text-[#1D2129]">Copyright Statement</span>
            <span class="iconfont icon-arrow-down1 cursor-pointer text-14 text-[#86909C] hover:opacity-80 rtl:rotate-180"></span>
          </div>
          <p class="text-14 leading-24 text-[#4E5969]">
            We solemnly declare that all information content published on the platform is owned by legitimate content providers or has been authorized by WikiFX. We strictly adhere to copyright laws and regulations to ensure the legality and compliance of all information.
          </p>
        </div>

      </div>
    </div>
    <!-- END RIGHT SIDEBAR -->

  </div>
  <!-- END MAIN FLEX WRAPPER -->

  <!-- MOBILE FAB (sm only) -->
  <div class="fixed bottom-[50px] right-[20px] z-10 hidden h-48 w-48 cursor-pointer items-center justify-center rounded-[48px] bg-cl-95 sm:!flex">
    <span class="iconfont icon-yiguanzhu text-30"></span>
  </div>

  <!-- TABLET FABs (md only) -->
  <div class="fixed bottom-40 right-20 z-[2010] hidden flex-col md:!flex sm:!hidden rtl:left-20 rtl:right-auto flex-col">
    <div class="mt-14 h-54 w-54 cursor-pointer">
      <img src="https://resource1.interface003.com/web20/img/business.4c2fb8c.png" alt="" class="h-full w-full">
    </div>
    <div class="mt-14 h-54 w-54 cursor-pointer">
      <img src="https://resource1.interface003.com/web20/img/personal.a24faf1.png" alt="" class="h-full w-full">
    </div>
  </div>

  <!-- POST DIALOG -->
  <div>
    <div data-v-5a40ff6b="">
      <div class="el-dialog__wrapper [&_.el-dialog]:!w-884 [&_.el-dialog]:md:!w-700" style="display:none;" data-v-5a40ff6b="">
        <div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog" style="margin-top:15vh;">
          <div class="el-dialog__header">
            <div class="mx-40 mt-20 flex items-center shadow-[0_1px_0_0_rgba(0,0,0,0.05)]" data-v-5a40ff6b="">
              <button class="hover:border-b-1 mr-32 cursor-pointer bg-cl-91 py-12 text-20 font-semibold text-cl-98 hover:text-cl-122 rtl:ml-32 rtl:mr-0 !text-cl-122 shadow-[0_1px_0_0_rgba(0,0,0,1)]" data-v-5a40ff6b="">
                Post Business
              </button>
            </div>
            <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
<!-- END PAGE ROOT -->

<?php include "includes/footer.php";?>
</body>
</html>