:root {
            --primary: #165DFF; --primary-light: #E8F0FE;
            --accent: #6C5CE7; --accent-light: #F0EDFF;
            --success: #00B42A; --success-light: #E8F8EC;
            --warning: #F59A23; --bg: #F5F6FA; --white: #FFFFFF;
            --border: #E8E9ED; --border-light: #F0F1F4;
            --text-primary: #1A1D28; --text-secondary: #5A5F6E;
            --text-hint: #9499A6; --text-disabled: #C4C7D0;
            --radius: 15px; --radius-lg: 15px; --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
            --shadow: 0 2px 12px rgba(0,0,0,0.06);
            --font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {font-family: var(--font); background: #1a1a2e; display: flex; justify-content: center; align-items: center; min-height: 100vh; -webkit-font-smoothing: antialiased; background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #0f1a2e 100%); }
        .phone-frame { max-width: 620px;width: 100%; height: 100vh;  background: var(--bg); box-shadow: 0 0 60px rgba(108,92,231,0.3), 0 0 0 0px #2a2a4a; display: flex; flex-direction: column; overflow: hidden; position: relative; }
        .scroll-content { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
        .scroll-content::-webkit-scrollbar { width: 0; }

        .tech-header { background: linear-gradient(160deg, #0F1A3A 0%, #162D5C 25%, #1A3A7A 55%, #0F1A3A 100%); padding: 20px 18px 22px; color: #fff; position: relative; overflow: hidden; flex-shrink: 0; }
        .tech-header::before { content: ''; position: absolute; top: -50%; right: -20%; width: 250px; height: 250px; background: radial-gradient(circle, rgba(108,92,231,0.2) 0%, transparent 70%); border-radius: 50%; animation: pulse 4s infinite; }
        @keyframes pulse { 0%,100%{opacity:0.5;transform:scale(1);} 50%{opacity:0.8;transform:scale(1.2);} }
        .data-line { position: absolute; height: 1px; background: linear-gradient(90deg, transparent, rgba(108,92,231,0.5), transparent); animation: dataFlow 3s infinite; }
        .data-line:nth-child(1) { top: 35%; width: 100%; }
        .data-line:nth-child(2) { top: 65%; width: 90%; left: 5%; animation-delay: 1.5s; }
        @keyframes dataFlow { 0%{opacity:0.3;transform:translateX(-100%);} 50%{opacity:1;} 100%{opacity:0.3;transform:translateX(100%);} }
        .header-content { position: relative; z-index: 2; }
        .header-top { display: flex; align-items: center; justify-content: space-between; }
        .brand-row { display: flex; align-items: center; gap: 15px; }
        .logo-icon { width: 38px; height: 38px; background: linear-gradient(135deg, #6C5CE7, #165DFF); border-radius: 15px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 16px rgba(108,92,231,0.4); flex-shrink: 0; }
        .logo-icon svg { width: 22px; height: 22px; }
        .brand-name { font-size: 19px; font-weight: 800; letter-spacing: 1px; background: linear-gradient(135deg, #FFFFFF, #C8D6FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .brand-slogan { font-size: 15px; opacity: 0.7; letter-spacing: 0.8px; margin-top: 1px; }
        .admin-entry { font-size: 15px; opacity: 0.45; cursor: pointer; }

        .stats-row { display: flex; gap: 15px; margin: -8px 15px 0; position: relative; z-index: 3; flex-shrink: 0; }
        .stat-card { flex: 1; background: var(--white); border-radius: var(--radius); padding: 12px 8px; text-align: center; box-shadow: var(--shadow-sm); border: 1px solid var(--border-light); }
        .stat-num { font-size: 20px; font-weight: 800; color: var(--primary); line-height: 1.1; }
        .stat-num.accent { color: var(--accent); }
        .stat-label { font-size: 15px; color: var(--text-hint); margin-top: 3px; }

        .scam-alert { margin: 8px 15px 0; background: linear-gradient(135deg, #FFF8F0, #FFF0E0); border: 1px solid #FFE4B5; border-radius: var(--radius); padding: 8px 12px; display: flex; align-items: center; gap: 8px; overflow: hidden; flex-shrink: 0; }
        .scam-alert .alert-icon { font-size: 16px; flex-shrink: 0; }
        .scam-alert .alert-label { font-size: 15px; font-weight: 700; color: #D46B08; white-space: nowrap; flex-shrink: 0; }
        .scam-marquee { flex: 1; overflow: hidden; position: relative; height: 18px; }
        .scam-marquee-inner { display: flex; flex-direction: column; animation: marqueeVertical 9s ease-in-out infinite; }
        .scam-item { font-size: 15px; color: #8C6900; white-space: nowrap; line-height: 18px; }
        @keyframes marqueeVertical { 0%,20%{transform:translateY(0);} 25%,28%{transform:translateY(0);} 33%,53%{transform:translateY(-18px);} 58%,61%{transform:translateY(-18px);} 66%,86%{transform:translateY(-36px);} 91%,100%{transform:translateY(-36px);} }

        .biz-entries { display: flex; gap: 15px; margin: 15px 15px 0; flex-shrink: 0; }
        .biz-card { flex: 1; background: var(--white); border-radius: var(--radius-lg); padding: 15px 12px; cursor: pointer; border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); display: flex; align-items: center; gap: 15px; }
        .biz-card.financing { border-top: 3px solid var(--primary); }
        .biz-card.ma { border-top: 3px solid var(--accent); }
        .biz-icon { width: 40px; height: 40px; border-radius: 15px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
        .biz-icon.financing { background: var(--primary-light); }
        .biz-icon.ma { background: var(--accent-light); }
        .biz-name { font-size: 15px; font-weight: 700; color: var(--text-primary); }
        .biz-count { font-size: 15px; color: var(--text-hint); margin-top: 2px; }

        .section-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px 4px; }
        .section-title { font-size: 15px; font-weight: 700; color: var(--text-primary); display: flex; align-items: center; gap: 6px; }
        .section-title .dot { width: 6px; height: 6px; border-radius: 50%; }
        .dot.blue { background: var(--primary); }
        .dot.purple { background: var(--accent); }
        .section-more { font-size: 15px; color: var(--primary); cursor: pointer; font-weight: 500; }

        .project-card { background: var(--white); border-radius: var(--radius); margin: 0 15px 8px; padding: 15px; cursor: pointer; border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); }
        .card-row1 { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px; }
        .project-name { font-size: 15px; font-weight: 700; color: var(--text-primary); flex: 1; margin-right: 8px; line-height: 1.3; }
        .project-amount { font-size: 15px; font-weight: 800; white-space: nowrap; }
        .project-amount.financing { color: var(--primary); }
        .project-amount.ma { color: var(--accent); font-size: 15px; }
        .project-amount span { font-size: 15px; font-weight: 500; }
        .card-row2 { display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 8px; }
        .tag { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 15px; font-weight: 500; white-space: nowrap; }
        .tag-blue { background: var(--primary-light); color: var(--primary); }
        .tag-green { background: var(--success-light); color: var(--success); }
        .tag-orange { background: #FFF8F0; color: var(--warning); }
        .tag-accent { background: var(--accent-light); color: var(--accent); }
        .card-desc { font-size: 12px; color: var(--text-secondary); line-height: 1.4; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .card-row4 { display: flex; gap: 15px; font-size: 15px; color: var(--text-hint); padding-top: 8px; border-top: 1px solid var(--border-light); }
        .metric { display: inline-flex; align-items: center; gap: 3px; }
        .metric svg { width: 13px; height: 13px; flex-shrink: 0; }

        .bottom-nav { background: var(--white); display: flex; padding: 8px 0 15px; border-top: 1px solid var(--border); flex-shrink: 0; }
        .nav-item { flex: 1; text-align: center; cursor: pointer; font-size: 15px; color: var(--text-hint); position: relative; }
        .nav-item .nav-icon { font-size: 20px; margin-bottom: 2px; display: block; }
        .nav-item.active { color: var(--primary); font-weight: 600; }
        .nav-item.active::after { content: ''; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 18px; height: 3px; background: var(--primary); border-radius: 2px; }

        .toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); background: rgba(26,29,40,0.9); color: #fff; padding: 15px 28px; border-radius: var(--radius); font-size: 15px; z-index: 9999; opacity: 0; pointer-events: none; transition: all 0.25s; backdrop-filter: blur(15px); font-family: var(--font); }
        .toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }




        :root {
            --primary: #165DFF; --primary-light: #E8F0FE;
            --accent: #6C5CE7; --success: #00B42A; --success-light: #E8F8EC;
            --warning: #F59A23; --bg: #F5F6FA; --white: #FFFFFF;
            --border: #E8E9ED; --border-light: #F0F1F4;
            --text-primary: #1A1D28; --text-secondary: #5A5F6E;
            --text-hint: #9499A6; --text-disabled: #C4C7D0;
            --radius: 15px; --radius-lg: 15px; --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
            --shadow: 0 2px 12px rgba(0,0,0,0.06);
            --font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
       
        .phone-frame { width: 100%; height: 100vh;background: var(--bg);box-shadow: 0 0 60px rgba(108,92,231,0.3), 0 0 0 0px #2a2a4a; display: flex; flex-direction: column; overflow: hidden; position: relative; }
        .scroll-content { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
        .scroll-content::-webkit-scrollbar { width: 0; }

        .page-nav { background: var(--white); padding: 12px 16px; display: flex; align-items: center; border-bottom: 1px solid var(--border); flex-shrink: 0; min-height: 50px; }
        .nav-back-btn { width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; }
        .nav-back-btn:active { background: var(--bg); }
        .page-nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: var(--text-primary); }
        .page-nav-right { width: 32px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }

        /* 筛选栏 */
        .filter-bar { background: var(--white); padding: 8px 15px; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
        .filter-trigger { display: flex; align-items: center; gap: 4px; padding: 7px 13px; background: var(--bg); border-radius: 18px; font-size: 12px; color: var(--text-secondary); cursor: pointer; white-space: nowrap; border: 1px solid transparent; font-weight: 500; font-family: var(--font); }
        .filter-trigger svg { width: 12px; height: 12px; flex-shrink: 0; }
        .sort-tabs { display: flex; gap: 2px; margin-left: auto; }
        .sort-tab { padding: 6px 15px; font-size: 12px; color: var(--text-hint); cursor: pointer; border-radius: 15px; white-space: nowrap; font-weight: 500; }
        .sort-tab.active { color: var(--primary); font-weight: 600; background: var(--primary-light); }

        /* 筛选下拉面板 */
        .filter-dropdown { display: none; background: var(--white); border-bottom: 1px solid var(--border); flex-shrink: 0; animation: fadeIn 0.2s; }
        .filter-dropdown.show { display: block; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
        .filter-section { padding: 15px 15px; border-bottom: 1px solid var(--border-light); }
        .filter-section:last-of-type { border-bottom: none; }
        .filter-section-title { font-size: 13px; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; }
        .filter-chips { display: flex; flex-wrap: wrap; gap: 6px; }
        .filter-chip { padding: 5px 12px; border-radius: 15px; font-size: 15px; cursor: pointer; background: var(--bg); color: var(--text-secondary); border: 1px solid transparent; transition: all 0.2s; white-space: nowrap; font-weight: 500; font-family: var(--font); }
        .filter-chip:active { transform: scale(0.95); }
        .filter-chip.selected { background: var(--primary-light); color: var(--primary); border-color: var(--primary); font-weight: 600; }
        .area-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
        .area-input { flex: 1; min-width: 100px; padding: 7px 15px; border: 1px solid var(--border); border-radius: 15px; font-size: 15px; color: var(--text-primary); background: var(--bg); outline: none; font-family: var(--font); }
        .area-input:focus { border-color: var(--primary); background: var(--white); }
        .area-input::placeholder { color: var(--text-hint); }
        .filter-footer { display: flex; gap: 8px; padding: 15px 15px; border-top: 1px solid var(--border); background: #FAFBFC; }
        .btn-filter-reset { flex: 1; padding: 9px; border-radius: 18px; font-size: 12px; cursor: pointer; background: var(--white); color: var(--text-secondary); border: 1px solid var(--border); font-weight: 500; font-family: var(--font); }
        .btn-filter-confirm { flex: 2; padding: 9px; border-radius: 18px; font-size: 12px; cursor: pointer; background: var(--primary); color: #fff; border: none; font-weight: 600; font-family: var(--font); }

        .card { background: var(--white); border-radius: var(--radius-lg); padding: 16px; margin: 0 15px 8px; border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); cursor: pointer; }
        .card-row1 { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px; }
        .project-name { font-size: 15px; font-weight: 700; color: var(--text-primary); flex: 1; margin-right: 8px; line-height: 1.3; }
        .project-amount { font-size: 15px; font-weight: 800; color: var(--primary); white-space: nowrap; }
        .project-amount span { font-size: 15px; font-weight: 500; }
        .card-row2 { display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 8px; }
        .tag { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 15px; font-weight: 500; white-space: nowrap; }
        .tag-blue { background: var(--primary-light); color: var(--primary); }
        .tag-green { background: var(--success-light); color: var(--success); }
        .tag-orange { background: #FFF8F0; color: var(--warning); }
        .card-desc { font-size: 12px; color: var(--text-secondary); line-height: 1.4; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .card-row4 { display: flex; gap: 15px; font-size: 15px; color: var(--text-hint); padding-top: 8px; border-top: 1px solid var(--border-light); }
        .metric { display: inline-flex; align-items: center; gap: 3px; }
        .metric svg { width: 13px; height: 13px; flex-shrink: 0; }

        .bottom-nav { background: var(--white); display: flex; padding: 8px 0 15px; border-top: 1px solid var(--border); flex-shrink: 0; }
        .nav-item { flex: 1; text-align: center; cursor: pointer; font-size: 15px; color: var(--text-hint); position: relative; }
        .nav-item .nav-icon { font-size: 20px; margin-bottom: 2px; display: block; }
        .nav-item.active { color: var(--primary); font-weight: 600; }
        .nav-item.active::after { content: ''; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 18px; height: 3px; background: var(--primary); border-radius: 2px; }

        .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 5; display: none; }
        .overlay.show { display: block; }

        .toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); background: rgba(26,29,40,0.9); color: #fff; padding: 15px 28px; border-radius: var(--radius); font-size: 15px; z-index: 9999; opacity: 0; pointer-events: none; transition: all 0.25s; backdrop-filter: blur(15px); font-family: var(--font); }
        .toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }



        :root {
            --primary: #165DFF; --primary-light: #E8F0FE;
            --accent: #6C5CE7; --accent-light: #F0EDFF;
            --success: #00B42A; --success-light: #E8F8EC;
            --warning: #F59A23; --bg: #F5F6FA; --white: #FFFFFF;
            --border: #E8E9ED; --border-light: #F0F1F4;
            --text-primary: #1A1D28; --text-secondary: #5A5F6E;
            --text-hint: #9499A6; --text-disabled: #C4C7D0;
            --radius: 15px; --radius-lg: 15px; --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
            --shadow: 0 2px 12px rgba(0,0,0,0.06);
            --font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        .scroll-content { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
        .scroll-content::-webkit-scrollbar { width: 0; }

        .page-nav { background: var(--white); padding: 12px 16px; display: flex; align-items: center; border-bottom: 1px solid var(--border); flex-shrink: 0; min-height: 50px; }
        .nav-back-btn { width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; }
        .nav-back-btn:active { background: var(--bg); }
        .page-nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: var(--text-primary); }
        .page-nav-right { width: 32px; flex-shrink: 0; }

        .filter-bar { background: var(--white); padding: 8px 15px; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
        .filter-trigger { display: flex; align-items: center; gap: 4px; padding: 7px 13px; background: var(--bg); border-radius: 18px; font-size: 12px; color: var(--text-secondary); cursor: pointer; white-space: nowrap; border: 1px solid transparent; font-weight: 500; font-family: var(--font); }
        .filter-trigger svg { width: 12px; height: 12px; flex-shrink: 0; }
        .sort-tabs { display: flex; gap: 2px; margin-left: auto; }
        .sort-tab { padding: 6px 15px; font-size: 12px; color: var(--text-hint); cursor: pointer; border-radius: 15px; white-space: nowrap; font-weight: 500; }
        .sort-tab.active { color: var(--accent); font-weight: 600; background: var(--accent-light); }

        .filter-dropdown { display: none; background: var(--white); border-bottom: 1px solid var(--border); flex-shrink: 0; animation: fadeIn 0.2s; }
        .filter-dropdown.show { display: block; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
        .filter-section { padding: 15px 15px; border-bottom: 1px solid var(--border-light); }
        .filter-section:last-of-type { border-bottom: none; }
        .filter-section-title { font-size: 13px; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; }
        .filter-chips { display: flex; flex-wrap: wrap; gap: 6px; }
        .filter-chip { padding: 5px 12px; border-radius: 15px; font-size: 15px; cursor: pointer; background: var(--bg); color: var(--text-secondary); border: 1px solid transparent; transition: all 0.2s; white-space: nowrap; font-weight: 500; font-family: var(--font); }
        .filter-chip:active { transform: scale(0.95); }
        .filter-chip.selected { background: var(--accent-light); color: var(--accent); border-color: var(--accent); font-weight: 600; }
        .area-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
        .area-input { flex: 1; min-width: 100px; padding: 7px 15px; border: 1px solid var(--border); border-radius: 15px; font-size: 15px; color: var(--text-primary); background: var(--bg); outline: none; font-family: var(--font); }
        .area-input:focus { border-color: var(--accent); background: var(--white); }
        .area-input::placeholder { color: var(--text-hint); }
        .filter-footer { display: flex; gap: 8px; padding: 15px 15px; border-top: 1px solid var(--border); background: #FAFBFC; }
        .btn-filter-reset { flex: 1; padding: 9px; border-radius: 18px; font-size: 12px; cursor: pointer; background: var(--white); color: var(--text-secondary); border: 1px solid var(--border); font-weight: 500; font-family: var(--font); }
        .btn-filter-confirm { flex: 2; padding: 9px; border-radius: 18px; font-size: 12px; cursor: pointer; background: var(--accent); color: #fff; border: none; font-weight: 600; font-family: var(--font); }

        .card { background: var(--white); border-radius: var(--radius-lg); padding: 16px; margin: 0 15px 8px; border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); cursor: pointer; position: relative; overflow: hidden; }
        .card::before { content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: var(--accent); border-radius: 0 2px 2px 0; }
        .card-row1 { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px; }
        .project-name { font-size: 15px; font-weight: 700; color: var(--text-primary); flex: 1; margin-right: 8px; line-height: 1.3; }
        .project-amount { font-size: 15px; font-weight: 800; color: var(--accent); white-space: nowrap; }
        .project-amount span { font-size: 15px; font-weight: 500; }
        .card-row2 { display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 8px; }
        .tag { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 15px; font-weight: 500; white-space: nowrap; }
        .tag-accent { background: var(--accent-light); color: var(--accent); }
        .tag-green { background: var(--success-light); color: var(--success); }
        .tag-orange { background: #FFF8F0; color: var(--warning); }
        .card-desc { font-size: 12px; color: var(--text-secondary); line-height: 1.4; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .card-highlights { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 15px; }
        .highlight-item { font-size: 15px; color: var(--text-secondary); background: var(--bg); padding: 3px 8px; border-radius: 4px; }
        .card-row4 { display: flex; gap: 15px; font-size: 15px; color: var(--text-hint); padding-top: 8px; border-top: 1px solid var(--border-light); }
        .metric { display: inline-flex; align-items: center; gap: 3px; }
        .metric svg { width: 13px; height: 13px; flex-shrink: 0; }

        .bottom-nav { background: var(--white); display: flex; padding: 8px 0 15px; border-top: 1px solid var(--border); flex-shrink: 0; }
        .nav-item { flex: 1; text-align: center; cursor: pointer; font-size: 15px; color: var(--text-hint); position: relative; }
        .nav-item .nav-icon { font-size: 20px; margin-bottom: 2px; display: block; }
        .nav-item.active { color: var(--accent); font-weight: 600; }
        .nav-item.active::after { content: ''; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 18px; height: 3px; background: var(--accent); border-radius: 2px; }

        .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 5; display: none; }
        .overlay.show { display: block; }

        .toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); background: rgba(26,29,40,0.9); color: #fff; padding: 15px 28px; border-radius: var(--radius); font-size: 15px; z-index: 9999; opacity: 0; pointer-events: none; transition: all 0.25s; backdrop-filter: blur(15px); font-family: var(--font); }
        .toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }




        :root {
            --primary: #165DFF; --primary-light: #E8F0FE;
            --accent: #6C5CE7; --accent-light: #F0EDFF;
            --success: #00B42A; --success-light: #E8F8EC;
            --warning: #F59A23; --gold: #C9A960; --gold-light: #FDF8F0;
            --bg: #F5F6FA; --white: #FFFFFF;
            --border: #E8E9ED; --border-light: #F0F1F4;
            --text-primary: #1A1D28; --text-secondary: #5A5F6E;
            --text-hint: #9499A6; --text-disabled: #C4C7D0;
            --radius: 15px; --radius-lg: 15px; --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
            --shadow: 0 2px 12px rgba(0,0,0,0.06);
            --font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        .scroll-content { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
        .scroll-content::-webkit-scrollbar { width: 0; }

        .page-nav { background: var(--white); padding: 12px 16px; display: flex; align-items: center; border-bottom: 1px solid var(--border); flex-shrink: 0; min-height: 50px; }
        .nav-back-btn { width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; }
        .nav-back-btn:active { background: var(--bg); }
        .page-nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: var(--text-primary); }
        .page-nav-right { width: 32px; flex-shrink: 0; }

        .filter-bar { background: var(--white); padding: 8px 15px; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
        .filter-trigger { display: flex; align-items: center; gap: 4px; padding: 7px 13px; background: var(--bg); border-radius: 18px; font-size: 12px; color: var(--text-secondary); cursor: pointer; white-space: nowrap; border: 1px solid transparent; font-weight: 500; font-family: var(--font); }
        .filter-trigger svg { width: 12px; height: 12px; flex-shrink: 0; }
        .sort-tabs { display: flex; gap: 2px; margin-left: auto; }
        .sort-tab { padding: 6px 15px; font-size: 12px; color: var(--text-hint); cursor: pointer; border-radius: 15px; white-space: nowrap; font-weight: 500; }
        .sort-tab.active { color: var(--primary); font-weight: 600; background: var(--primary-light); }

        .filter-dropdown { display: none; background: var(--white); border-bottom: 1px solid var(--border); flex-shrink: 0; animation: fadeIn 0.2s; }
        .filter-dropdown.show { display: block; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
        .filter-section { padding: 15px 15px; border-bottom: 1px solid var(--border-light); }
        .filter-section:last-of-type { border-bottom: none; }
        .filter-section-title { font-size: 13px; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; }
        .filter-chips { display: flex; flex-wrap: wrap; gap: 6px; }
        .filter-chip { padding: 5px 12px; border-radius: 15px; font-size: 15px; cursor: pointer; background: var(--bg); color: var(--text-secondary); border: 1px solid transparent; transition: all 0.2s; white-space: nowrap; font-weight: 500; font-family: var(--font); }
        .filter-chip:active { transform: scale(0.95); }
        .filter-chip.selected { background: var(--primary-light); color: var(--primary); border-color: var(--primary); font-weight: 600; }
        .filter-footer { display: flex; gap: 8px; padding: 15px 15px; border-top: 1px solid var(--border); background: #FAFBFC; }
        .btn-filter-reset { flex: 1; padding: 9px; border-radius: 18px; font-size: 12px; cursor: pointer; background: var(--white); color: var(--text-secondary); border: 1px solid var(--border); font-weight: 500; font-family: var(--font); }
        .btn-filter-confirm { flex: 2; padding: 9px; border-radius: 18px; font-size: 12px; cursor: pointer; background: var(--primary); color: #fff; border: none; font-weight: 600; font-family: var(--font); }

        .investor-card { background: var(--white); border-radius: var(--radius-lg); padding: 16px; margin: 0px; border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); cursor: pointer; }
        .investor-header { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; }
        .investor-avatar { width: 52px; height: 52px; border-radius: 15px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; color: #fff; flex-shrink: 0; position: relative; }
        .investor-avatar.vip { box-shadow: 0 4px 16px rgba(201,169,96,0.4); }
        .vip-badge { position: absolute; top: -4px; right: -4px; width: 18px; height: 18px; background: var(--gold); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #fff; border: 2px solid var(--white); }
        .investor-info { flex: 1; }
        .investor-name { font-size: 16px; font-weight: 700; color: var(--text-primary); display: flex; align-items: center; gap: 6px; }
        .investor-type { font-size: 15px; font-weight: 500; padding: 2px 7px; border-radius: 3px; }
        .investor-type.vc { background: #FFF0F0; color: #E5484D; }
        .investor-type.pe { background: #FFF8F0; color: #F59A23; }
        .investor-type.cvc { background: #F0EDFF; color: #6C5CE7; }
        .investor-location { font-size: 15px; color: var(--text-hint); margin-top: 2px; }
        .investor-fields { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px; }
        .field-tag { padding: 3px 9px; border-radius: 4px; font-size: 15px; font-weight: 500; background: var(--primary-light); color: var(--primary); }
        .investor-scale { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; }
        .investor-footer { display: flex; justify-content: space-between; align-items: center; font-size: 15px; color: var(--text-hint); padding-top: 8px; border-top: 1px solid var(--border-light); }
        .contact-btn { padding: 6px 15px; border-radius: 15px; font-size: 15px; font-weight: 600; cursor: pointer; background: var(--primary-light); color: var(--primary); border: none; font-family: var(--font); }
        .msg-btn { padding: 6px 15px; border-radius: 15px; font-size: 15px; font-weight: 600; cursor: pointer; background: #F0EDFF; color: var(--accent); border: none; font-family: var(--font); margin-left: 6px; }

        .bottom-nav { background: var(--white); display: flex; padding: 8px 0 15px; border-top: 1px solid var(--border); flex-shrink: 0; }
        .nav-item { flex: 1; text-align: center; cursor: pointer; font-size: 15px; color: var(--text-hint); position: relative; }
        .nav-item .nav-icon { font-size: 20px; margin-bottom: 2px; display: block; }
        .nav-item.active { color: var(--primary); font-weight: 600; }
        .nav-item.active::after { content: ''; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 18px; height: 3px; background: var(--primary); border-radius: 2px; }

        .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 5; display: none; }
        .overlay.show { display: block; }

        .toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); background: rgba(26,29,40,0.9); color: #fff; padding: 15px 28px; border-radius: var(--radius); font-size: 15px; z-index: 9999; opacity: 0; pointer-events: none; transition: all 0.25s; backdrop-filter: blur(15px); font-family: var(--font); }
        .toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }



      
        :root {
            --primary: #165DFF; --primary-light: #E8F0FE; --primary-dark: #0E42D2;
            --accent: #6C5CE7; --accent-light: #F0EDFF;
            --success: #00B42A; --success-light: #E8F8EC;
            --warning: #F59A23; --warning-light: #FFF8F0;
            --danger: #F53F3F; --gold: #C9A960; --gold-light: #FDF8F0;
            --bg: #F5F6FA; --white: #FFFFFF;
            --border: #E8E9ED; --border-light: #F0F1F4;
            --text-primary: #1A1D28; --text-secondary: #5A5F6E;
            --text-hint: #9499A6; --text-disabled: #C4C7D0;
            --radius: 15px; --radius-lg: 15px; --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
            --shadow: 0 2px 12px rgba(0,0,0,0.06);
            --font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        .scroll-content { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
        .scroll-content::-webkit-scrollbar { width: 0; }

        .profile-header { background: linear-gradient(160deg, #0F1A3A 0%, #162D5C 30%, #1A3A7A 60%, #0F1A3A 100%); padding: 24px 18px 20px; color: #fff; position: relative; overflow: hidden; flex-shrink: 0; }
        .profile-header::before { content: ''; position: absolute; top: -40%; right: -15%; width: 200px; height: 200px; background: radial-gradient(circle, rgba(108,92,231,0.2) 0%, transparent 70%); border-radius: 50%; }
        .header-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
        .header-top-title { font-size: 12px; opacity: 0.6; }
        .settings-btn { width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50%; opacity: 0.7; }
        .settings-btn:active { background: rgba(255,255,255,0.1); }
        .user-row { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; }
        .user-avatar { width: 52px; height: 52px; border-radius: 15px; background: linear-gradient(135deg, #6C5CE7, #165DFF); display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; flex-shrink: 0; }
        .user-info { flex: 1; }
        .user-name { font-size: 17px; font-weight: 700; }
        .user-company { font-size: 15px; opacity: 0.75; margin-top: 2px; }
        .member-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 15px; border-radius: 12px; font-size: 15px; font-weight: 600; margin-top: 4px; }
        .member-badge.active { background: rgba(0,180,42,0.3); color: #6FEF9A; }

        .stats-row { display: flex; gap: 8px; margin: -15px 15px 0; position: relative; z-index: 3; flex-shrink: 0; }
        .stat-card { flex: 1; background: var(--white); border-radius: var(--radius); padding: 15px 6px; text-align: center; box-shadow: var(--shadow-sm); border: 1px solid var(--border-light); cursor: pointer; }
        .stat-card:active { transform: scale(0.95); }
        .stat-num { font-size: 18px; font-weight: 800; color: var(--primary); line-height: 1.1; }
        .stat-num.warning { color: var(--warning); }
        .stat-label { font-size: 15px; color: var(--text-hint); margin-top: 3px; }

        .menu-section { padding: 12px 15px 0; }
        .menu-group { margin-bottom: 8px; }
        .menu-group-title { font-size: 15px; color: var(--text-hint); font-weight: 600; padding: 6px 4px 4px; letter-spacing: 0.5px; }
        .menu-card { background: var(--white); border-radius: var(--radius-lg); border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); overflow: hidden; }
        .menu-item { display: flex; align-items: center; gap: 15px; padding: 13px 15px; cursor: pointer; border-bottom: 1px solid var(--border-light); transition: background 0.2s; }
        .menu-item:last-child { border-bottom: none; }
        .menu-item:active { background: #F8F9FB; }
        .menu-icon { width: 38px; height: 38px; border-radius: 15px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
        .menu-icon.blue { background: var(--primary-light); }
        .menu-icon.purple { background: var(--accent-light); }
        .menu-icon.green { background: var(--success-light); }
        .menu-icon.orange { background: var(--warning-light); }
        .menu-icon.gold { background: var(--gold-light); }
        .menu-info { flex: 1; min-width: 0; }
        .menu-label { font-size: 15px; font-weight: 600; color: var(--text-primary); }
        .menu-desc { font-size: 15px; color: var(--text-hint); margin-top: 1px; }
        .menu-arrow { color: var(--text-disabled); font-size: 15px; }
        .project-counts { display: flex; gap: 12px; }
        .count-item { text-align: center; }
        .count-num { font-size: 16px; font-weight: 700; }
        .count-num.green { color: var(--success); }
        .count-num.orange { color: var(--warning); }
        .count-num.red { color: var(--danger); }
        .count-label { font-size: 9px; color: var(--text-hint); }

        .toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); background: rgba(26,29,40,0.9); color: #fff; padding: 15px 28px; border-radius: var(--radius); font-size: 15px; z-index: 9999; opacity: 0; pointer-events: none; transition: all 0.25s; backdrop-filter: blur(15px); font-family: var(--font); }
        .toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }



        :root {
            --primary: #165DFF; --primary-light: #E8F0FE;
            --success: #00B42A; --success-light: #E8F8EC;
            --warning: #F59A23; --bg: #F5F6FA; --white: #FFFFFF;
            --border: #E8E9ED; --border-light: #F0F1F4;
            --text-primary: #1A1D28; --text-secondary: #5A5F6E;
            --text-hint: #9499A6; --radius: 15px; --radius-lg: 15px;
            --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
            --font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
        }
        .scroll-content { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
        .scroll-content::-webkit-scrollbar { width: 0; }

        .page-nav { background: var(--white); padding: 12px 16px; display: flex; align-items: center; border-bottom: 1px solid var(--border); flex-shrink: 0; min-height: 50px; }
        .nav-back-btn { width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; }
        .nav-back-btn:active { background: var(--bg); }
        .page-nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: var(--text-primary); }
        .page-nav-right { width: 32px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
        .edit-btn-header { font-size: 13px; color: var(--primary); cursor: pointer; font-weight: 500; }

        .content { padding: 15px 15px 20px; }
        .info-card { background: var(--white); border-radius: var(--radius-lg); padding: 16px; margin-bottom: 15px; border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); }
        .info-card-title { font-size: 15px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; padding-left: 8px; border-left: 3px solid var(--primary); }
        .info-row { display: flex; align-items: flex-start; padding: 4px 0; font-size: 12px; line-height: 1.8; }
        .info-label { color: var(--text-hint); flex-shrink: 0; width: 72px; }
        .info-value { color: var(--text-primary); flex: 1; font-weight: 500; }
        .info-value.pending { color: var(--warning); }
        .info-divider { height: 1px; background: var(--border-light); margin: 15px 0; }

        .doc-images { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
        .doc-image-card { width: 100px; text-align: center; }
        .doc-thumb { width: 100px; height: 70px; border-radius: 6px; background: #F8F9FB; border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; cursor: pointer; }
        .doc-label { font-size: 15px; color: var(--text-hint); margin-top: 4px; }
        .doc-status { font-size: 9px; font-weight: 600; padding: 2px 6px; border-radius: 3px; display: inline-block; margin-top: 3px; }
        .doc-status.uploaded { background: var(--success-light); color: var(--success); }
        .upload-hint { font-size: 15px; color: var(--text-hint); margin-top: 6px; line-height: 1.5; }

        .toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); background: rgba(26,29,40,0.9); color: #fff; padding: 15px 28px; border-radius: var(--radius); font-size: 15px; z-index: 9999; opacity: 0; pointer-events: none; transition: all 0.25s; backdrop-filter: blur(15px); font-family: var(--font); }
        .toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }