* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
      }
      html,
      body {
        height: 100%;
      }
      /* 隐藏所有滚动条 */
      * {
        scrollbar-width: none;
        -ms-overflow-style: none;
      }
      *::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
      }
      body {
        font-family:
          -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
        background: #eef1fb;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        min-height: 100vh;
        padding: 24px 0;
      }

      .phone {
        width: 375px;
        height: 812px;
        background: linear-gradient(180deg, #eaf0ff 0%, #f3eefb 45%, #fbeef6 100%);
        border-radius: 40px;
        box-shadow: 0 20px 60px rgba(70, 60, 140, 0.25);
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
      }

      /* 状态栏 */
      .statusbar {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 22px;
        font-size: 15px;
        font-weight: 600;
        color: #1c1c1e;
        flex-shrink: 0;
      }
      .statusbar .icons {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 13px;
      }

      /* 顶部导航 */
      .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 16px 10px;
        flex-shrink: 0;
      }
      .screen-home > .navbar {
        position: relative;
      }
      .screen-home > .navbar .home-identity-switch {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
      }
      .nav-left {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #3a3a3c;
      }
      .nav-back {
        font-size: 20px;
        color: #3a3a3c;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: -12px;
        border-radius: 50%;
        transition: background-color 0.2s;
        position: relative;
        z-index: 2;
      }
      .nav-back:active {
        background-color: rgba(0, 0, 0, 0.08);
      }

      .page-title-plain {
        font-size: 18px;
        font-weight: 700;
        color: #1c1c1e;
      }
      .home-switch-pill {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        font-weight: 600;
        color: #8b7fd6;
        background: #f0eef7;
        padding: 4px 10px;
        border-radius: 10px;
        cursor: pointer;
        width: fit-content;
      }
      .home-switch-pill:active {
        background: #e8e3fa;
      }
      .home-identity-switch {
        width: 178px;
        height: 34px;
        padding: 3px;
        border-radius: 18px;
        background: rgba(240, 238, 247, 0.72);
        display: flex;
        align-items: center;
        min-width: 0;
      }
      .home-identity-option {
        min-width: 0;
        height: 28px;
        padding: 0 8px;
        border: 0;
        border-radius: 14px;
        background: transparent;
        color: #aaa4c9;
        font: inherit;
        font-size: 12px;
        font-weight: 600;
        cursor: pointer;
        overflow: hidden;
      }
      .home-identity-option[data-home-identity='organization'] {
        flex: 0.85;
      }
      .home-identity-option[data-home-identity='member'] {
        flex: 1.15;
      }
      .home-identity-option span {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .home-identity-option.active {
        background: #f8f6fd;
        color: #8b7fd6;
        box-shadow: 0 1px 4px rgba(113, 101, 185, 0.1);
      }
      .switch-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: rgba(120, 110, 220, 0.14);
        color: #6a5cd6;
        cursor: pointer;
        flex-shrink: 0;
        transition: transform 0.15s ease;
      }
      .switch-btn:active {
        transform: scale(0.85);
      }
      .switch-btn svg {
        width: 11px;
        height: 11px;
      }

      .nav-right {
        display: flex;
        align-items: center;
        gap: 14px;
        color: #3a3a3c;
        font-size: 18px;
      }

      /* 左侧竖排图标 */
      .side-icons {
        position: absolute;
        left: 14px;
        top: 120px;
        display: flex;
        flex-direction: column;
        gap: 26px;
        z-index: 5;
      }
      .side-icon-wrap {
        display: flex;
        align-items: center;
      }
      .side-icon-bar {
        width: 3px;
        height: 20px;
        background: #e05a5a;
        border-radius: 2px;
        margin-right: 6px;
      }
      .side-icon {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.65);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #8b7fd6;
      }
      .side-icon-label {
        font-size: 9px;
        color: #9a94b8;
        margin-top: 2px;
        text-align: center;
      }

      /* 右上蓝色按钮：与左侧两个图标水平对齐（中心对齐，尺寸统一为34px） */
      .fab-blue {
        position: absolute;
        right: 14px;
        top: 120px;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: linear-gradient(135deg, #5b8dff, #4a6cf0);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 16px;
        box-shadow: 0 6px 14px rgba(74, 108, 240, 0.4);
        z-index: 5;
      }
      .fab-ghost {
        position: absolute;
        right: 14px;
        top: 180px;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.65);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #8b7fd6;
        font-size: 14px;
        z-index: 5;
        cursor: pointer;
      }
      .fab-activity {
        position: absolute;
        right: 14px;
        top: 240px;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.85);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #00132d;
        font-size: 16px;
        z-index: 5;
        cursor: pointer;
        box-shadow: 0 2px 8px rgba(0, 19, 45, 0.08);
        transition:
          opacity 0.2s ease,
          transform 0.2s ease;
      }
      .fab-activity:active {
        transform: scale(0.9);
      }

      /* 分身培养 页面 */
      .screen-cultivation {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #ffffff;
        position: absolute;
        inset: 0;
        z-index: 30;
      }
      .screen-cultivation.active {
        display: flex;
      }

      .cultivation-filter-row {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 6px 18px 18px;
        flex-shrink: 0;
      }
      .cultivation-filter-chip {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 15px;
        font-weight: 700;
        color: #1c1c1e;
        cursor: pointer;
      }
      .cultivation-filter-chip .chip-caret {
        font-size: 11px;
        color: #8a8a94;
        margin-top: 2px;
      }
      .cultivation-search-btn {
        width: 34px;
        height: 34px;
        margin-left: 8px;
        border-radius: 50%;
        background: #f2f3f7;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #6a6f80;
        font-size: 14px;
        cursor: pointer;
        flex-shrink: 0;
      }
      .cultivation-authorize-btn {
        height: 34px;
        margin-left: auto;
        padding: 0 11px;
        border: 0;
        border-radius: 17px;
        background: #f1efff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: #6253d9;
        font-size: 12px;
        font-weight: 700;
        cursor: pointer;
        white-space: nowrap;
      }
      .cultivation-authorize-btn[hidden] {
        display: none;
      }
      .cultivation-authorize-btn[hidden] + .cultivation-search-btn {
        margin-left: auto;
      }
      .cultivation-authorize-btn:active {
        background: #e6e2ff;
        transform: scale(0.96);
      }
      .cultivation-authorize-icon {
        font-size: 14px;
        line-height: 1;
      }
      .cultivation-search-btn:active {
        background: #e7e8ef;
      }

      /* 个人知识库授权对象多选页 */
      .authorization-target-screen {
        position: absolute;
        inset: 0;
        z-index: 70;
        display: none;
        flex-direction: column;
        background: #f7f7fb;
      }
      .authorization-target-screen.active {
        display: flex;
      }
      .authorization-target-navbar {
        position: relative;
        min-height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: #ffffff;
        border-bottom: 1px solid #efedf5;
      }
      .authorization-target-back {
        position: absolute;
        left: 12px;
        width: 38px;
        height: 38px;
        border: 0;
        background: transparent;
        color: #30303a;
        font-size: 34px;
        line-height: 34px;
        cursor: pointer;
      }
      .authorization-target-title {
        color: #20202c;
        font-size: 17px;
        font-weight: 800;
      }
      .authorization-target-tip {
        padding: 12px 18px;
        flex-shrink: 0;
        background: #f1efff;
        color: #665c9c;
        font-size: 12px;
        line-height: 1.5;
      }
      .authorization-target-list {
        min-height: 0;
        padding: 12px 14px 24px;
        flex: 1;
        overflow-y: auto;
      }
      .authorization-target-group {
        margin-bottom: 12px;
        overflow: hidden;
        border: 1px solid #eeecf5;
        border-radius: 14px;
        background: #ffffff;
      }
      .authorization-target-group-title {
        min-height: 42px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        gap: 7px;
        border-bottom: 1px solid #f1eff5;
        color: #3f3d4b;
        font-size: 13px;
        font-weight: 700;
      }
      .authorization-target-org-icon {
        width: 24px;
        height: 24px;
        border: 1px solid #cbc4ef;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #7669d9;
        font-size: 11px;
      }
      .authorization-target-org-type {
        margin-left: auto;
        color: #aaa6b9;
        font-size: 10px;
        font-weight: 500;
      }
      .authorization-target-item {
        width: 100%;
        min-height: 62px;
        padding: 9px 12px;
        border: 0;
        border-bottom: 1px solid #f3f1f7;
        background: #ffffff;
        display: flex;
        align-items: center;
        gap: 10px;
        color: inherit;
        font: inherit;
        text-align: left;
        cursor: pointer;
      }
      .authorization-target-item:last-child {
        border-bottom: 0;
      }
      .authorization-target-item.selected {
        background: #f8f7ff;
      }
      .authorization-target-avatar {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        border-radius: 11px;
        background: #f1efff;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #6d5fda;
        font-size: 13px;
        font-weight: 800;
      }
      .authorization-target-info {
        min-width: 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 3px;
      }
      .authorization-target-name {
        overflow: hidden;
        color: #2d2c38;
        font-size: 14px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .authorization-target-type {
        color: #aaa6b9;
        font-size: 10px;
      }
      .authorization-target-checkbox {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
        border: 1.5px solid #cbc7d8;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-size: 14px;
        font-weight: 800;
      }
      .authorization-target-item.selected .authorization-target-checkbox {
        border-color: #6757dc;
        background: #6757dc;
      }
      .authorization-target-footer {
        padding: 12px 16px 24px;
        flex-shrink: 0;
        border-top: 1px solid #ebe9f1;
        background: #ffffff;
        display: flex;
        align-items: center;
        gap: 14px;
      }
      .authorization-target-count {
        flex: 1;
        color: #777386;
        font-size: 12px;
      }
      .authorization-target-count b {
        color: #6253d9;
        font-size: 16px;
      }
      .authorization-target-confirm {
        min-width: 112px;
        height: 42px;
        border: 0;
        border-radius: 21px;
        background: #1c1c2e;
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
      }
      .authorization-target-confirm:disabled {
        background: #d9d8e1;
        color: #ffffff;
        cursor: default;
      }

      /* 个人知识库授权内容多选页 */
      .authorization-content-screen {
        position: absolute;
        inset: 0;
        z-index: 80;
        display: none;
        flex-direction: column;
        background: #f7f7fb;
      }
      .authorization-content-screen.active {
        display: flex;
      }
      .authorization-content-navbar {
        position: relative;
        min-height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: #ffffff;
        border-bottom: 1px solid #efedf5;
      }
      .authorization-content-back {
        position: absolute;
        left: 12px;
        width: 38px;
        height: 38px;
        border: 0;
        background: transparent;
        color: #30303a;
        font-size: 34px;
        line-height: 34px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .authorization-content-title {
        color: #20202c;
        font-size: 17px;
        font-weight: 800;
      }
      .authorization-content-tip {
        padding: 12px 18px;
        flex-shrink: 0;
        background: #f1efff;
        color: #665c9c;
        font-size: 12px;
        line-height: 1.5;
      }
      .authorization-content-list {
        min-height: 0;
        padding: 12px 14px 24px;
        flex: 1;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      .authorization-content-item-row {
        background: #ffffff;
        border: 1px solid #eeecf5;
        border-radius: 12px;
        padding: 10px 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        transition: all 0.2s ease;
        user-select: none;
      }
      .authorization-content-item-row:active {
        background: #f6f5fb;
      }
      .authorization-content-item-row.selected {
        border-color: #6253d9;
        background: #fcfbff;
      }
      .authorization-content-checkbox {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
        border: 1.5px solid #cbc7d8;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-size: 14px;
        font-weight: 800;
        transition: all 0.2s ease;
      }
      .authorization-content-item-row.selected .authorization-content-checkbox {
        border-color: #6253d9;
        background: #6253d9;
      }
      .authorization-content-toggle-btn {
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        color: #777386;
        cursor: pointer;
        border-radius: 4px;
        transition: background 0.2s;
      }
      .authorization-content-toggle-btn:hover {
        background: #f0edf8;
      }
      .authorization-content-item-icon {
        font-size: 16px;
        user-select: none;
      }
      .authorization-content-item-name {
        font-size: 14px;
        color: #2d2c38;
        font-weight: 600;
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .authorization-content-item-type {
        font-size: 10px;
        color: #8a869a;
        background: #f1eff9;
        padding: 2px 6px;
        border-radius: 4px;
        font-weight: 500;
      }
      .authorization-content-footer {
        padding: 12px 16px 24px;
        flex-shrink: 0;
        border-top: 1px solid #ebe9f1;
        background: #ffffff;
        display: flex;
        align-items: center;
        gap: 14px;
      }
      .authorization-content-count {
        flex: 1;
        color: #777386;
        font-size: 12px;
      }
      .authorization-content-count b {
        color: #6253d9;
        font-size: 16px;
      }
      .authorization-content-confirm {
        min-width: 112px;
        height: 42px;
        border: 0;
        border-radius: 21px;
        background: #1c1c2e;
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        transition: all 0.2s ease;
      }
      .authorization-content-confirm:disabled {
        background: #d9d8e1;
        color: #ffffff;
        cursor: default;
      }

      .cultivation-empty {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        padding-bottom: 90px;
      }
      .cultivation-empty-icon {
        width: 56px;
        height: 56px;
        color: #d8dae4;
      }
      .cultivation-empty-text {
        font-size: 13px;
        color: #b7bac6;
      }

      .cultivation-fab-add {
        position: absolute;
        right: 18px;
        bottom: 28px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #1c1c2e;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-size: 24px;
        font-weight: 300;
        box-shadow: 0 10px 22px rgba(20, 20, 34, 0.35);
        cursor: pointer;
      }
      .cultivation-fab-add:active {
        transform: scale(0.92);
      }

      /* 添加知识 底部弹出菜单 */
      .cultivation-sheet-mask {
        position: absolute;
        inset: 0;
        background: rgba(20, 16, 40, 0.28);
        z-index: 59;
        display: none;
      }
      .cultivation-sheet-mask.open {
        display: block;
      }
      .cultivation-sheet-wrap {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 8px 28px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        transform: translateY(100%);
        transition: transform 0.22s ease;
        z-index: 60;
      }
      .cultivation-sheet-wrap.open {
        transform: translateY(0);
      }
      .cultivation-sheet-group {
        background: #ffffff;
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 -6px 20px rgba(60, 50, 120, 0.1);
      }
      .cultivation-sheet-item {
        text-align: center;
        padding: 16px 0;
        font-size: 15px;
        color: #2c2c2e;
        cursor: pointer;
      }
      .cultivation-sheet-item:active {
        background: #f6f5fb;
      }
      .cultivation-sheet-divider {
        height: 1px;
        background: #f0eef5;
        margin: 0 18px;
      }
      .cultivation-sheet-cancel {
        font-weight: 600;
      }

      /* 知识分区选择抽屉 */
      .knowledge-partition-mask {
        position: absolute;
        inset: 0;
        z-index: 61;
        display: none;
        background: rgba(26, 25, 38, 0.38);
      }
      .knowledge-partition-mask.open {
        display: block;
      }
      .knowledge-partition-sheet {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 62;
        max-height: 76%;
        padding: 10px 14px 22px;
        overflow: hidden;
        background: #ffffff;
        border-radius: 24px 24px 0 0;
        box-shadow: 0 -12px 36px rgba(31, 27, 55, 0.16);
        transform: translateY(102%);
        transition: transform 0.24s ease;
      }
      .knowledge-partition-sheet.open {
        transform: translateY(0);
      }
      .knowledge-partition-handle {
        width: 44px;
        height: 5px;
        margin: 0 auto 12px;
        border-radius: 999px;
        background: #e4e6ef;
      }
      .knowledge-partition-title {
        font-size: 18px;
        font-weight: 800;
        color: #1c1c2e;
        text-align: center;
      }
      .knowledge-partition-context {
        margin-top: 4px;
        font-size: 11px;
        color: #aaa7b8;
        text-align: center;
      }
      .knowledge-partition-list {
        max-height: calc(76vh - 128px);
        margin-top: 12px;
        overflow-y: auto;
      }
      .knowledge-partition-item {
        width: 100%;
        min-height: 62px;
        padding: 0 14px;
        border: 0;
        border-bottom: 1px solid #f1f0f5;
        background: #ffffff;
        display: flex;
        align-items: center;
        gap: 12px;
        color: #252538;
        font: inherit;
        text-align: left;
        cursor: pointer;
      }
      .knowledge-partition-item.selected {
        margin: 2px 0;
        border-bottom-color: transparent;
        border-radius: 16px;
        background: #f7f6ff;
      }
      .knowledge-partition-item:active {
        background: #f3f2fa;
      }
      .knowledge-partition-icon {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        border-radius: 10px;
        background: #f5f6fa;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #77809a;
        font-size: 20px;
      }
      .knowledge-partition-item.selected .knowledge-partition-icon {
        background: #eeecff;
        color: #6757dc;
      }
      .knowledge-partition-name {
        min-width: 0;
        flex: 1;
        overflow: hidden;
        font-size: 15px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .knowledge-partition-badge {
        padding: 2px 5px;
        border-radius: 5px;
        background: #f0f0f4;
        color: #aaa7b8;
        font-size: 10px;
      }
      .knowledge-partition-check {
        width: 20px;
        color: #6757dc;
        font-size: 22px;
        font-weight: 700;
        text-align: center;
      }
      .knowledge-partition-cancel {
        width: 100%;
        margin-top: 8px;
        padding: 12px 0 3px;
        border: 0;
        background: #ffffff;
        color: #777386;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
      }

      /* 主体内容 */
      .content {
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 22px;
        position: relative;
      }

      .avatar-ring {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: radial-gradient(circle at 35% 30%, #ffffff, #dfe6ff 60%, #cdd8ff 100%);
        border: 3px solid #ffffff;
        box-shadow:
          0 0 0 1px rgba(120, 140, 255, 0.25),
          0 10px 24px rgba(90, 110, 220, 0.25);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
      }
      .avatar-face {
        width: 74px;
        height: 74px;
        border-radius: 50%;
        background: linear-gradient(160deg, #ffd9b8, #ffc397);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
      }
      .status-dot {
        position: absolute;
        bottom: 6px;
        right: 10px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #3ecf6a;
        border: 2px solid #fff;
      }
      .node {
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #b9c6ff;
      }

      .assistant-sub {
        margin-top: 12px;
        font-size: 11px;
        color: #a7a2c0;
      }

      .bubble-wrap {
        margin-top: 16px;
        width: 280px;
        position: relative;
      }
      .bubble {
        border: 1.5px solid #d9d3f0;
        border-radius: 16px;
        padding: 16px 16px 14px;
        font-size: 13px;
        line-height: 1.9;
        color: #4a4658;
        background: rgba(255, 255, 255, 0.35);
      }
      .bubble-tag {
        margin-top: 8px;
        font-size: 11px;
        color: #a7a2c0;
        text-align: left;
        padding-left: 2px;
      }

      /* 分身首页：对话内生成尽调报告 演示 */
      .chat-flow {
        align-self: stretch;
        flex: 1;
        min-height: 0;
        width: 100%;
        overflow-y: auto;
        overscroll-behavior: contain;
        margin: 16px 0 0;
        padding: 0 16px 12px;
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .screen-home .content > .spacer {
        display: none;
      }
      .chat-flow > .bubble-wrap {
        width: 100%;
        margin-top: 0;
        flex-shrink: 0;
      }
      .chat-user-msg {
        align-self: flex-end;
        display: flex;
        align-items: center;
        gap: 6px;
        background: #ffffff;
        border-radius: 16px 16px 4px 16px;
        padding: 10px 16px;
        font-size: 12.5px;
        color: #4a4658;
        box-shadow: 0 2px 8px rgba(120, 110, 220, 0.1);
        max-width: 230px;
      }
      .chat-row {
        display: flex;
        gap: 8px;
        align-items: center;
      }
      .chat-row.is-user {
        justify-content: flex-end;
      }
      .chat-row.is-ai {
        justify-content: flex-start;
      }
      .chat-avatar {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        flex-shrink: 0;
      }
      .chat-avatar.user {
        background: #c9d6f5;
      }
      .chat-avatar.ai {
        background: #d9d2f2;
      }
      .chat-user-msg-dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #3ecf6a;
        flex-shrink: 0;
      }
      .chat-process-card {
        flex: 1;
        min-width: 0;
        background: rgba(255, 255, 255, 0.6);
        border: 1px solid #e3ddf5;
        border-radius: 14px;
        padding: 12px 14px;
        text-align: left;
      }
      .chat-process-head {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        font-weight: 700;
        color: #4a4658;
      }
      .chat-process-spinner {
        width: 13px;
        height: 13px;
        border-radius: 50%;
        border: 2px solid #d9d3f0;
        border-top-color: #8b7fd6;
        animation: chatSpin 0.8s linear infinite;
        flex-shrink: 0;
      }
      @keyframes chatSpin {
        to {
          transform: rotate(360deg);
        }
      }
      .chat-process-step {
        margin-top: 8px;
        font-size: 11.5px;
        color: #8b84a5;
        transition: opacity 0.2s ease;
      }
      .chat-file-card {
        align-self: flex-start;
        display: flex;
        flex-direction: column;
        gap: 8px;
        background: #ffffff;
        border-radius: 14px;
        padding: 12px 14px;
        box-shadow: 0 2px 10px rgba(120, 110, 220, 0.12);
        cursor: pointer;
        max-width: 260px;
        text-align: left;
      }
      .chat-file-card:active {
        background: #f7f6fc;
      }
      .chat-file-top {
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .chat-file-icon {
        width: 34px;
        height: 34px;
        border-radius: 8px;
        background: #eef1ff;
        color: #5b7fd6;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        flex-shrink: 0;
      }
      .chat-file-name {
        font-size: 12.5px;
        font-weight: 700;
        color: #2c2a3a;
      }
      .chat-file-desc {
        font-size: 10.5px;
        color: #8b84a5;
        line-height: 1.5;
      }

      .spacer {
        flex: 1;
      }

      /* 成员对话页：对话柜入口移动到输入栏左侧 */
      .chat-input-row {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 16px;
        margin-bottom: 12px;
      }
      .chat-input-row .input-bar {
        flex: 1;
        margin: 0;
      }
      .dialogue-cabinet-btn {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.75);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #8b7fd6;
        font-size: 18px;
        box-shadow: 0 4px 12px rgba(120, 110, 220, 0.12);
        flex-shrink: 0;
      }

      /* 底部输入栏 */
      .input-bar {
        align-self: stretch;
        margin: 0 16px 12px;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 24px;
        padding: 13px 18px;
        font-size: 13px;
        color: #b3aecb;
        box-shadow: 0 4px 16px rgba(120, 110, 220, 0.12);
      }

      .roadshow-record-bar {
        align-self: stretch;
        margin: 0 16px 8px;
        display: flex;
        justify-content: flex-start;
      }
      .roadshow-record-btn {
        border: 0;
        border-radius: 16px;
        padding: 9px 14px;
        background: #c9d9ff;
        color: #315fbd;
        font-size: 12px;
        cursor: pointer;
        box-shadow: 0 3px 10px rgba(75, 112, 220, 0.16);
      }
      .roadshow-record-btn.recording {
        background: #9fbaff;
        color: #17499f;
      }
      .record-dot {
        display: inline-block;
        width: 7px;
        height: 7px;
        margin-right: 6px;
        border-radius: 50%;
        background: #4f7ff2;
        vertical-align: middle;
      }
      .roadshow-record-btn.recording .record-dot {
        background: #ef5350;
        animation: recordPulse 1s ease-in-out infinite;
      }
      @keyframes recordPulse {
        50% {
          opacity: 0.35;
          transform: scale(0.75);
        }
      }
      .recording-indicator {
        display: none;
        align-items: center;
        gap: 5px;
        margin-left: 8px;
        color: #315fbd;
        font-size: 10px;
        white-space: nowrap;
      }
      .recording-indicator.recording {
        display: flex;
      }
      .record-wave {
        display: flex;
        align-items: center;
        gap: 2px;
        height: 18px;
        padding: 0 4px;
      }
      .wave-bar {
        width: 2px;
        height: 6px;
        border-radius: 2px;
        background: #3d78ed;
      }
      .recording-indicator.recording .wave-bar {
        animation: waveMotion 0.75s ease-in-out infinite alternate;
      }
      .recording-indicator.recording .wave-bar:nth-child(2) {
        animation-delay: 0.08s;
      }
      .recording-indicator.recording .wave-bar:nth-child(3) {
        animation-delay: 0.16s;
      }
      .recording-indicator.recording .wave-bar:nth-child(4) {
        animation-delay: 0.24s;
      }
      .recording-indicator.recording .wave-bar:nth-child(5) {
        animation-delay: 0.32s;
      }
      .recording-indicator.recording .wave-bar:nth-child(6) {
        animation-delay: 0.4s;
      }
      @keyframes waveMotion {
        to {
          height: 16px;
        }
      }
      .home-input-editable {
        cursor: text;
        min-height: 18px;
        outline: none;
      }
      .home-input-editable:empty::before {
        content: attr(data-placeholder);
        color: #b3aecb;
      }

      /* 底部Tab导航栏 */
      .bottom-nav {
        align-self: stretch;
        margin: 0 16px 20px;
        background: linear-gradient(180deg, #ffe9ea 0%, #ffdfe1 100%);
        border-radius: 26px;
        padding: 16px 22px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0 6px 18px rgba(230, 120, 120, 0.18);
        flex-shrink: 0;
      }
      .bottom-nav .tab-item {
        font-size: 13px;
        font-weight: 500;
        color: #8f96c2;
        cursor: pointer;
      }
      .bottom-nav .tab-item.active {
        color: #e2564c;
        font-weight: 600;
      }

      /* 切换弹层 */
      .switch-popover {
        position: absolute;
        top: 78px;
        left: 16px;
        width: 200px;
        background: #ffffff;
        border-radius: 14px;
        box-shadow: 0 12px 30px rgba(60, 50, 120, 0.25);
        padding: 8px;
        z-index: 50;
        display: none;
        flex-direction: column;
        gap: 2px;
      }
      .switch-popover.open {
        display: flex;
      }
      #profileSwitchPopover {
        max-height: calc(100% - 110px);
        overflow-y: auto;
      }
      .switch-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 9px 10px;
        border-radius: 10px;
        font-size: 13px;
        color: #3a3a3c;
        cursor: pointer;
      }
      .switch-item:active {
        background: #f2f0fb;
      }
      .switch-item.active {
        background: #efeaff;
        color: #6a5cd6;
        font-weight: 600;
      }
      .switch-item .dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #6a5cd6;
        opacity: 0;
        flex-shrink: 0;
        margin-left: 10px;
      }
      .switch-item.active .dot {
        opacity: 1;
      }
      .switch-divider {
        height: 1px;
        background: #f0eef7;
        margin: 4px 2px;
      }

      /* 虚拟组织类型行：图标 + 名称 + 角色 */
      .switch-item-left {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
      }
      .switch-item-icon {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #c9c3e0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        line-height: 1;
        color: #8b7fd6;
        flex-shrink: 0;
        background: #fff;
      }
      .switch-item-text {
        display: flex;
        align-items: baseline;
        gap: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      /* 切换时名字的过渡动画 */
      .fade-swap {
        display: inline-block;
        transition:
          opacity 0.18s ease,
          transform 0.18s ease;
      }
      .fade-swap.swapping {
        opacity: 0;
        transform: translateY(3px);
      }

      /* 切换成功提示条 */
      .toast {
        position: absolute;
        left: 50%;
        bottom: 96px;
        transform: translate(-50%, 10px);
        background: rgba(40, 36, 60, 0.92);
        color: #fff;
        font-size: 12px;
        padding: 8px 16px;
        border-radius: 20px;
        white-space: normal;
        word-break: break-all;
        max-width: 280px;
        text-align: center;
        line-height: 1.4;
        opacity: 0;
        pointer-events: none;
        transition:
          opacity 0.25s ease,
          transform 0.25s ease;
        z-index: 60;
      }

      /* 活动名片弹框 */
      .activity-card-modal-mask {
        position: absolute;
        inset: 0;
        background: rgba(20, 16, 40, 0.5);
        z-index: 150;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;
        opacity: 0;
        transition: opacity 0.2s ease;
      }
      .activity-card-modal-mask.open {
        display: flex;
        opacity: 1;
      }
      .activity-card-modal {
        background: #fff;
        border-radius: 20px;
        width: 100%;
        max-width: 320px;
        box-shadow: 0 12px 36px rgba(70, 60, 140, 0.22);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        border: 1px solid #eef1fb;
        animation: modalSlideUp 0.25s ease;
      }
      @keyframes modalSlideUp {
        from {
          transform: translateY(24px);
          opacity: 0;
        }
        to {
          transform: translateY(0);
          opacity: 1;
        }
      }
      .act-modal-header {
        background: linear-gradient(135deg, #f7f4ff 0%, #fdf4ff 100%);
        padding: 16px;
        border-bottom: 1px solid #f0eef5;
        display: flex;
        align-items: center;
        gap: 12px;
      }
      .act-modal-avatar {
        width: 52px;
        height: 52px;
        border-radius: 14px;
        background: linear-gradient(135deg, #7e6de0, #5b48c8);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        flex-shrink: 0;
      }
      .act-modal-title-col {
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: flex-start;
      }
      .act-modal-name {
        font-size: 14px;
        font-weight: 700;
        color: #1c1c1e;
        line-height: 1.35;
        text-align: left;
      }
      .act-modal-badge {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        background: linear-gradient(135deg, #8b7fd6, #6a5cd6);
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 8px;
        width: fit-content;
      }
      .act-modal-body {
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        max-height: 380px;
        overflow-y: auto;
      }
      .act-modal-section-label {
        font-size: 10.5px;
        font-weight: 700;
        color: #8a8a94;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: left;
      }
      .act-modal-section-text {
        font-size: 12px;
        color: #4a4658;
        line-height: 1.6;
        text-align: left;
      }
      .act-modal-desc-well {
        background: #f8f7ff;
        border-left: 3px solid #8b7fd6;
        border-radius: 0 8px 8px 0;
        padding: 9px 11px;
        font-size: 12px;
        color: #5c5478;
        line-height: 1.6;
        font-style: italic;
        text-align: left;
      }
      .act-modal-experts-list {
        border: 1px solid #eef1fb;
        border-radius: 12px;
        overflow: hidden;
        background: #fff;
      }
      .act-modal-expert-item {
        padding: 9px 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        border-bottom: 1px solid #f0eef8;
        font-size: 12px;
        color: #4a4658;
        text-align: left;
      }
      .act-modal-expert-item:last-child {
        border-bottom: none;
      }
      .act-modal-expert-avatar {
        font-size: 16px;
      }
      .act-modal-expert-name {
        font-weight: 700;
        color: #2c2c2e;
      }
      .act-modal-expert-role {
        font-size: 10.5px;
        color: #8a8a94;
        margin-left: 6px;
      }
      .act-modal-expert-skills {
        font-size: 10.5px;
        color: #6a6f80;
        margin-top: 2px;
      }
      .act-modal-footer {
        border-top: 1px solid #f0eef5;
        display: flex;
        height: 48px;
        flex-shrink: 0;
      }
      .act-modal-btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.15s ease;
      }
      .act-modal-btn.cancel {
        color: #8f92a1;
        border-right: 1px solid #f0eef5;
      }
      .act-modal-btn.cancel:active {
        background: #f9f9fb;
      }
      .act-modal-btn.follow {
        color: #4a6cf0;
        border-right: 1px solid #f0eef5;
      }
      .act-modal-btn.follow:active {
        background: #f0f4ff;
      }
      .act-modal-btn.chat {
        color: #6a5cd6;
      }
      .act-modal-btn.chat:active {
        background: #f7f5ff;
      }

      /* 复盘 加载/成功 弹层 */
      .review-modal-mask {
        position: absolute;
        inset: 0;
        z-index: 70;
        display: none;
      }
      .review-modal-mask.open {
        display: block;
      }
      .review-modal {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 128px;
        height: 110px;
        background: rgba(38, 36, 46, 0.92);
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        color: #fff;
        font-size: 12.5px;
      }
      .review-spinner {
        width: 26px;
        height: 26px;
        border: 3px solid rgba(255, 255, 255, 0.25);
        border-top-color: #fff;
        border-radius: 50%;
        animation: reviewSpin 0.8s linear infinite;
      }
      .review-check {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.15);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
      }
      @keyframes reviewSpin {
        to {
          transform: rotate(360deg);
        }
      }
      .toast.show {
        opacity: 1;
        transform: translate(-50%, 0);
      }

      .message-notice-dot {
        display: none;
        width: 6px;
        height: 6px;
        margin-left: 3px;
        border-radius: 50%;
        background: #ff4d4f;
        vertical-align: top;
      }
      .message-notice-dot.show {
        display: inline-block;
      }

      .invite-success-mask {
        position: absolute;
        inset: 0;
        z-index: 75;
        display: none;
        align-items: center;
        justify-content: center;
        background: rgba(20, 24, 34, 0.42);
      }
      .invite-success-mask.open {
        display: flex;
      }
      .invite-success-modal {
        width: 207px;
        min-height: 192px;
        padding: 20px 18px 18px;
        box-sizing: border-box;
        border-radius: 10px;
        background: #ffffff;
        text-align: center;
      }
      .invite-success-icon {
        width: 36px;
        height: 36px;
        margin: 0 auto 14px;
        border-radius: 50%;
        background: #eaf2ff;
        color: #2f6bed;
        font-size: 22px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .invite-success-title {
        font-size: 14px;
        color: #26334a;
        font-weight: 700;
      }
      .invite-success-desc {
        margin-top: 8px;
        font-size: 9px;
        line-height: 1.5;
        color: #7f8ba0;
      }
      .invite-success-enter {
        height: 30px;
        margin-top: 16px;
        border-radius: 7px;
        background: #2f6bed;
        color: #ffffff;
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
      }

      .invite-detail-mask {
        position: absolute;
        inset: 0;
        z-index: 74;
        display: none;
        align-items: flex-end;
        justify-content: center;
        background: rgba(20, 24, 34, 0.42);
      }
      .invite-detail-mask.open {
        display: flex;
      }
      .invite-detail-modal {
        width: 100%;
        padding: 12px 14px 16px;
        box-sizing: border-box;
        border-radius: 12px 12px 0 0;
        background: #ffffff;
      }
      .invite-detail-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 13px;
        font-weight: 700;
        color: #26334a;
      }
      .invite-detail-close {
        font-size: 17px;
        font-weight: 400;
        cursor: pointer;
      }
      .invite-detail-card,
      .invite-detail-permission {
        margin-top: 12px;
        padding: 12px;
        border: 1px solid #e8edf5;
        border-radius: 10px;
      }
      .invite-detail-org {
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .invite-detail-logo {
        width: 38px;
        height: 38px;
        border-radius: 8px;
        background: #2f6bed;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
      }
      .invite-detail-org-name {
        font-size: 13px;
        font-weight: 700;
        color: #26334a;
      }
      .invite-detail-sub {
        margin-top: 4px;
        font-size: 9px;
        color: #8995a8;
      }
      .invite-detail-line {
        margin-top: 10px;
        border-top: 1px solid #f0f2f6;
        padding-top: 8px;
        font-size: 9px;
        color: #718098;
      }
      .invite-detail-line span {
        color: #9aa5b5;
        margin-right: 12px;
      }
      .invite-detail-permission-title {
        font-size: 12px;
        font-weight: 700;
        color: #26334a;
      }
      .invite-detail-permission-item {
        margin-top: 10px;
        font-size: 10px;
        color: #718098;
      }
      .invite-detail-permission-item::before {
        content: '✓';
        color: #31b883;
        font-weight: 700;
        margin-right: 8px;
      }
      .invite-detail-actions {
        display: grid;
        grid-template-columns: 1fr 1.2fr;
        gap: 8px;
        margin-top: 16px;
      }
      .invite-detail-action {
        height: 32px;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        cursor: pointer;
      }
      .invite-detail-action.reject {
        border: 1px solid #e1e7f0;
        color: #5f6d82;
      }
      .invite-detail-action.accept {
        background: #2f6bed;
        color: #ffffff;
      }

      .mask {
        position: absolute;
        inset: 0;
        z-index: 40;
        display: none;
      }
      .mask.open {
        display: block;
      }

      /* 页面容器 */
      .screen-home {
        display: flex;
        flex-direction: column;
        height: 100%;
      }
      .screen-contacts {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #ffffff;
        position: absolute;
        inset: 0;
        z-index: 30;
      }
      .screen-contacts.active {
        display: flex;
      }

      /* 成员间聊天静态页面 */
      .screen-member-chat {
        display: none;
        flex-direction: column;
        height: 100%;
        background: linear-gradient(180deg, #eaf0ff 0%, #f3eefb 45%, #fbeef6 100%);
        position: absolute;
        inset: 0;
        z-index: 35;
      }
      .screen-member-chat.active {
        display: flex;
      }
      .screen-member-chat .home-switch-pill,
      .screen-member-chat .side-icon,
      .screen-member-chat .input-bar {
        pointer-events: none;
      }

      /* 个人身份进入企业分身聊天页 */
      .screen-enterprise-chat {
        display: none;
        flex-direction: column;
        height: 100%;
        background: linear-gradient(180deg, #d9e8ff 0%, #edf3ff 52%, #ffffff 100%);
        position: absolute;
        inset: 0;
        z-index: 36;
      }
      .screen-enterprise-chat.active {
        display: flex;
      }
      .enterprise-chat-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 6px 18px 10px;
        color: #102b4d;
        flex-shrink: 0;
      }
      .enterprise-chat-back {
        font-size: 28px;
        line-height: 1;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: -12px;
        border-radius: 50%;
        transition: background-color 0.2s;
        position: relative;
        z-index: 2;
      }
      .enterprise-chat-back:active {
        background-color: rgba(0, 0, 0, 0.08);
      }
      .enterprise-chat-title {
        font-size: 22px;
        font-weight: 700;
      }
      .enterprise-chat-org {
        font-size: 14px;
        font-weight: 600;
        color: #4b6da5;
      }
      .member-identity-switch {
        display: none;
      }
      .enterprise-chat-actions {
        margin-left: auto;
        font-size: 18px;
        color: #26354c;
        pointer-events: none;
      }
      .enterprise-chat-tools {
        position: relative;
        height: 150px;
        flex-shrink: 0;
      }
      .enterprise-chat-left-tools {
        position: absolute;
        left: 14px;
        top: 8px;
        display: flex;
        flex-direction: column;
        gap: 26px;
      }
      .enterprise-chat-tool,
      .enterprise-chat-sparkle,
      .enterprise-chat-ghost {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
      }
      .enterprise-chat-tool {
        background: rgba(255, 255, 255, 0.65);
        color: #8b7fd6;
        cursor: pointer;
      }
      .enterprise-chat-sparkle,
      .enterprise-chat-ghost {
        position: absolute;
        right: 14px;
        border-radius: 50%;
      }
      .enterprise-chat-sparkle {
        top: 8px;
        background: linear-gradient(135deg, #5b8dff, #4a6cf0);
        color: #fff;
        box-shadow: 0 6px 14px rgba(74, 108, 240, 0.4);
      }
      .enterprise-chat-ghost {
        top: 68px;
        background: rgba(255, 255, 255, 0.65);
        color: #8b7fd6;
        cursor: pointer;
      }
      .enterprise-chat-avatar {
        margin: 0 auto;
      }
      .enterprise-chat-tools .avatar-ring {
        width: 120px;
        height: 120px;
      }
      .enterprise-chat-messages {
        flex: 1;
        overflow-y: auto;
        padding: 0 22px 10px;
      }
      .enterprise-chat-user {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        gap: 8px;
        margin: 18px 0 24px;
      }
      .enterprise-chat-user-avatar {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: #e8edf5;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
      }
      .enterprise-chat-user-bubble {
        max-width: 220px;
        padding: 13px 16px;
        border: 1.5px solid #30343b;
        border-radius: 24px 24px 5px 24px;
        background: #ffffff;
        font-size: 16px;
        color: #2d3138;
      }
      .enterprise-chat-bubble-wrap {
        display: flex;
        align-items: flex-end;
        gap: 8px;
        margin: 20px 0;
      }
      .enterprise-chat-bubble {
        max-width: 285px;
        padding: 16px 18px;
        border: 1.5px solid #555960;
        border-radius: 24px 24px 24px 5px;
        background: #ffffff;
        font-size: 16px;
        line-height: 1.55;
        color: #2d3138;
      }
      .enterprise-chat-name {
        margin: 6px 0 0 0;
        font-size: 12px;
        color: #68748a;
      }
      .enterprise-chat-input-row {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 18px 18px;
      }
      .enterprise-chat-history {
        display: none;
      }
      .enterprise-chat-input {
        flex: 1;
        height: 54px;
        border-radius: 28px;
        background: #ffffff;
        box-shadow: 0 2px 10px rgba(65, 87, 130, 0.12);
        display: flex;
        align-items: center;
        padding: 0 22px;
        color: #7f9bc7;
        font-size: 16px;
        font-weight: 600;
      }
      .enterprise-chat-note {
        text-align: center;
        color: #68748a;
        font-size: 11px;
        padding-bottom: 10px;
      }
      .enterprise-chat-bottom-nav {
        display: none;
      }

      /* 个人空间的分身首页：保留对话框架，进入时不显示任何历史对话。 */
      .screen-enterprise-chat.personal-home-mode {
        z-index: 36;
        background: linear-gradient(180deg, #fcece8 0%, #f7eae5 45%, #fbf5f2 78%, #ffffff 100%);
      }
      .personal-home-mode .enterprise-chat-header {
        padding: 6px 16px 10px;
        gap: 8px;
        flex-wrap: nowrap;
        position: relative;
      }
      .personal-home-mode .enterprise-chat-back,
      .personal-home-mode .enterprise-chat-org {
        display: none;
      }
      .org-member-identity-mode .member-identity-switch {
        display: flex;
        width: 178px;
        flex: 0 0 178px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
      }
      .personal-home-mode .enterprise-chat-title {
        font-size: 18px;
        color: #102b4d;
        flex-shrink: 0;
        white-space: nowrap;
      }
      .personal-space-mode .enterprise-chat-header {
        padding: 10px 24px 12px;
      }
      .personal-space-mode .enterprise-chat-title {
        font-size: 18px;
        font-weight: 700;
        color: #1c1c1e;
      }
      .personal-space-mode .enterprise-chat-back,
      .personal-space-mode .enterprise-chat-org,
      .personal-space-mode .member-identity-switch {
        display: none !important;
      }
      .personal-home-mode .enterprise-chat-actions {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 12px;
        border-radius: 16px;
        border: 1px solid rgba(225, 230, 240, 0.9);
        background: #ffffff;
        font-size: 14px;
        color: #1c1c1e;
        line-height: 1;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
      }
      .personal-home-mode .enterprise-chat-actions .action-divider {
        width: 1px;
        height: 12px;
        background: #e1e7f0;
      }
      .personal-home-mode .enterprise-chat-actions .action-dots {
        letter-spacing: -1.5px;
        margin-right: 1.5px;
        font-weight: 700;
      }
      .personal-home-mode .enterprise-chat-actions .action-minimize {
        font-weight: 700;
      }
      .personal-home-mode .enterprise-chat-actions .action-circle {
        font-weight: 700;
      }
      .personal-home-mode .enterprise-chat-tools {
        height: 168px;
      }
      .org-member-identity-mode .enterprise-chat-members-entry {
        display: none;
      }
      .personal-home-mode .enterprise-chat-left-tools {
        top: 20px;
        gap: 12px;
      }
      .personal-home-mode .enterprise-chat-tool,
      .personal-home-mode .enterprise-chat-sparkle,
      .personal-home-mode .enterprise-chat-ghost {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        display: flex !important;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
      }
      .personal-home-mode .enterprise-chat-tool {
        font-size: 0;
      }
      .personal-home-mode .enterprise-chat-tool::before {
        font-size: 19px;
      }
      /* 1. Speaker button (🔊) */
      .personal-home-mode .enterprise-chat-tool:nth-child(1) {
        background: #ffffff;
        border: 1px solid #fcece8;
      }
      .personal-home-mode .enterprise-chat-tool:nth-child(1)::before {
        content: '🔊';
      }
      /* 2. Microphone button (🎙) */
      .personal-home-mode .enterprise-chat-tool:nth-child(2) {
        background: #3b82f6 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'></path><path d='M19 10v1a7 7 0 0 1-14 0v-1'></path><line x1='12' x2='12' y1='19' y2='22'></line></svg>") no-repeat center;
        background-size: 18px 18px;
        border: none;
      }
      .personal-home-mode .enterprise-chat-tool:nth-child(2)::before {
        content: none;
      }
      /* 3. Sparkle button (✦) */
      .personal-home-mode .enterprise-chat-sparkle {
        top: 20px !important;
        background: #f08b8b;
        color: #ffffff;
        box-shadow: 0 4px 10px rgba(240, 139, 139, 0.4);
      }
      /* 4. Zong button (粽) -> Share button */
      .personal-home-mode .enterprise-chat-ghost {
        top: 76px !important;
        background: #73c26b url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='18' cy='5' r='3'></circle><circle cx='6' cy='12' r='3'></circle><circle cx='18' cy='19' r='3'></circle><line x1='8.59' y1='13.51' x2='15.42' y2='17.49'></line><line x1='15.41' y1='6.51' x2='8.59' y2='10.49'></line></svg>") no-repeat center;
        background-size: 18px 18px;
        color: #ffffff;
        box-shadow: 0 4px 10px rgba(115, 194, 107, 0.4);
        font-size: 0;
      }
      .personal-home-mode .enterprise-chat-ghost::before {
        content: none;
      }
      .personal-home-mode .enterprise-chat-tools .avatar-ring {
        width: 92px;
        height: 74px;
        margin-top: 18px;
        border: 1px solid #24252a;
        border-radius: 24px;
        background: linear-gradient(180deg, #595a61 0%, #303137 100%);
        box-shadow: 0 9px 16px rgba(25, 30, 45, 0.3);
      }
      .personal-home-mode .enterprise-chat-avatar .node,
      .personal-home-mode .enterprise-chat-avatar .status-dot {
        display: none;
      }
      .personal-home-mode .enterprise-chat-avatar .avatar-face {
        width: 68px;
        height: 30px;
        border-radius: 14px;
        background: #24252a;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
        font-size: 0;
      }
      .personal-home-mode .enterprise-chat-avatar .avatar-face::after {
        content: '';
        width: 40px;
        height: 5px;
        border-radius: 5px;
        background: #ff007f;
        box-shadow: 0 0 8px #ff007f, 0 0 15px #ff007f;
      }
      .personal-home-mode .enterprise-chat-messages > * {
        display: none;
      }
      /* Speech Bubble Styling */
      .personal-welcome-bubble-wrap {
        display: none;
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 24px;
        box-sizing: border-box;
      }
      .personal-home-mode .personal-welcome-bubble-wrap {
        display: flex;
      }
      .personal-welcome-bubble {
        position: relative;
        background: #ffffff;
        border: 1px solid #1c1c1e;
        border-radius: 18px;
        padding: 14px 18px;
        font-size: 15px;
        color: #1c1c1e;
        line-height: 1.55;
        max-width: 88%;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
      }
      .personal-welcome-bubble::before {
        content: '';
        position: absolute;
        bottom: -7px;
        left: 20px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        border-color: #1c1c1e transparent transparent transparent;
        z-index: 1;
      }
      .personal-welcome-bubble::after {
        content: '';
        position: absolute;
        bottom: -5.5px;
        left: 20px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        border-color: #ffffff transparent transparent transparent;
        z-index: 2;
      }
      .personal-welcome-label {
        margin-top: 11px;
        margin-left: 18px;
        font-size: 12px;
        color: #7f8ba0;
        font-weight: 700;
      }
      /* 人脉组织卡片进入的分身页仅保留功能按钮，不展示预置对话记录。 */
      .network-enterprise-chat-mode .enterprise-chat-messages > * {
        display: none;
      }
      .network-enterprise-chat-mode .enterprise-chat-left-tools .enterprise-chat-tool:not(:first-child),
      .network-enterprise-chat-mode .enterprise-chat-sparkle,
      .network-enterprise-chat-mode .enterprise-chat-ghost {
        display: none !important;
      }
      .personal-home-mode .enterprise-chat-input-row {
        padding: 8px 16px 14px;
        gap: 12px;
      }
      .personal-home-mode .enterprise-chat-history {
        width: 42px;
        height: 42px;
        flex-shrink: 0;
        border: 1px solid #e1e7f0;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #e26d6d;
        font-size: 21px;
        background: #ffffff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
      }
      .personal-home-mode .enterprise-chat-input {
        height: 44px;
        border-radius: 22px;
        border: 1px solid #e1e7f0;
        color: #e26d6d;
        background: #ffffff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
        font-weight: 600;
        font-size: 14.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
      }
      .personal-home-mode .enterprise-chat-note {
        padding-bottom: 12px;
        color: #a0a6b5;
        font-size: 11px;
      }
      .personal-home-mode .enterprise-chat-bottom-nav {
        display: flex;
      }

      /* 消息中心 页面 */
      .screen-messages {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #ffffff;
        position: absolute;
        inset: 0;
        z-index: 30;
      }
      .screen-messages.active {
        display: flex;
      }

      .msg-tabs {
        display: flex;
        gap: 22px;
        padding: 4px 18px 12px;
        flex-shrink: 0;
        border-bottom: 1px solid #f0eef5;
      }
      .msg-tab {
        font-size: 15px;
        font-weight: 600;
        color: #a7a2c0;
        cursor: pointer;
        padding-bottom: 8px;
        position: relative;
      }
      .screen-home.is-covered {
        display: none;
      }
      .msg-tab.active {
        color: #1c1c1e;
      }
      .msg-tab.active::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 3px;
        border-radius: 2px;
        background: #3d6bf0;
      }

      .msg-list {
        flex: 1;
        overflow-y: auto;
        padding: 14px 16px 24px;
        display: flex;
        flex-direction: column;
        gap: 14px;
      }
      .msg-card {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        background: #fafafc;
        border: 1px solid #f0eef5;
        border-radius: 16px;
        padding: 14px;
      }
      .msg-icon {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #3d6bf0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        flex-shrink: 0;
        position: relative;
      }
      .msg-icon .msg-dot {
        position: absolute;
        top: -1px;
        right: -1px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ff4d4f;
        border: 1.5px solid #fff;
      }
      .msg-body {
        flex: 1;
        min-width: 0;
      }
      .msg-top-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
      }
      .msg-title {
        font-size: 14.5px;
        font-weight: 700;
        color: #1c1c1e;
      }
      .msg-time {
        font-size: 11px;
        color: #a7a2c0;
        flex-shrink: 0;
      }
      .msg-desc {
        margin-top: 4px;
        font-size: 12px;
        color: #8f8ba3;
        line-height: 1.4;
      }

      /* 组织成员页 - 状态栏 */
      .dynamic-island {
        width: 90px;
        height: 26px;
        background: #000;
        border-radius: 16px;
        display: flex;
        align-items: center;
        padding-left: 12px;
      }
      .rec-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ff4d4f;
      }

      .contacts-navbar {
        justify-content: flex-start;
        gap: 8px;
        padding: 10px 16px 14px;
        position: relative;
      }
      .contacts-title {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        font-size: 18px;
        font-weight: 700;
        color: #1c1c1e;
      }
      .contacts-navbar .nav-right {
        margin-left: auto;
      }

      .org-header {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 6px 18px 14px;
        font-size: 16px;
        font-weight: 700;
        color: #1c1c1e;
        flex-shrink: 0;
      }
      .org-add {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #f0eef7;
        color: #8b7fd6;
        font-size: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        cursor: pointer;
      }

      .contacts-invite-sheet {
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: 20px;
        background: #ffffff;
        border-radius: 10px;
        box-shadow: 0 4px 18px rgba(50, 60, 100, 0.14);
        overflow: hidden;
        display: none;
        z-index: 4;
      }
      .contacts-invite-sheet.open {
        display: block;
      }
      .contacts-invite-option {
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        color: #72809a;
        cursor: pointer;
      }
      .contacts-invite-option + .contacts-invite-option {
        border-top: 1px solid #eef0f5;
      }

      .member-list {
        flex: 1;
        overflow-y: auto;
        padding: 0 16px 24px;
        display: flex;
        flex-direction: column;
        gap: 16px;
      }
      .member-card {
        background: #fafafc;
        border: 1px solid #f0eef5;
        border-radius: 18px;
        padding: 16px;
      }
      .member-top {
        display: flex;
        align-items: flex-start;
        gap: 12px;
      }
      .member-chat-btn {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #f0eef7;
        color: #6a5cd6;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        flex-shrink: 0;
        cursor: pointer;
      }
      .member-chat-btn:active {
        background: #e8e3fa;
      }
      .member-avatar {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: #e3ebff;
        color: #5b7fd6;
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
      }
      .member-info {
        flex: 1;
      }
      .member-name-row {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .member-name {
        font-size: 15px;
        font-weight: 700;
        color: #1c1c1e;
      }
      .badge {
        font-size: 10px;
        font-weight: 600;
        padding: 2px 8px;
        border-radius: 8px;
      }
      .badge-owner {
        background: #ffead0;
        color: #d98a3d;
      }
      .badge-member {
        background: #e8e3fa;
        color: #8b7fd6;
      }
      .member-sub {
        margin-top: 4px;
        font-size: 11px;
        color: #a7a2c0;
      }

      .info-box {
        margin-top: 14px;
        background: #f6f5fb;
        border-radius: 12px;
        padding: 12px 14px;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .info-row {
        display: flex;
        flex-direction: column;
        gap: 3px;
      }
      .info-label {
        font-size: 11px;
        color: #a7a2c0;
      }
      .info-value {
        font-size: 13px;
        color: #3a3a3c;
        font-weight: 500;
      }

      /* 我的 页面 */
      .screen-profile {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #ffffff;
        position: absolute;
        inset: 0;
        z-index: 30;
      }
      .screen-profile.active {
        display: flex;
      }

      .profile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 18px 6px;
        flex-shrink: 0;
      }
      .profile-title {
        font-size: 18px;
        font-weight: 700;
        color: #1c1c1e;
      }

      .profile-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 18px 20px;
        flex-shrink: 0;
      }
      .profile-user {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      .profile-avatar {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        border: 3px solid #a98bf0;
        background: #fff2da;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
      }
      .profile-name-col {
        display: flex;
        flex-direction: column;
        gap: 4px;
      }
      .profile-name {
        font-size: 16px;
        font-weight: 700;
        color: #1c1c1e;
      }
      .profile-switch-icon {
        font-size: 14px;
        color: #b8b4c8;
      }
      .profile-org-switch {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        font-weight: 600;
        color: #8b7fd6;
        background: #f0eef7;
        padding: 3px 9px;
        border-radius: 10px;
        cursor: pointer;
        width: fit-content;
      }
      #profileOrgName {
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
      }
      .profile-org-switch:active {
        background: #e8e3fa;
      }
      .profile-org-row {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      #profileSwitchPopover {
        top: 160px;
        left: 18px;
        width: 210px;
      }
      .profile-sun {
        width: 24px;
        height: 24px;
        padding: 0;
        border: 0;
        border-radius: 6px;
        background: transparent;
        color: #8e8e93;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        flex-shrink: 0;
      }
      .profile-sun svg {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .profile-sun:active {
        color: #6f6f73;
        background: #f2f2f4;
      }

      .profile-list {
        padding: 6px 18px;
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .profile-item {
        display: flex;
        align-items: center;
        gap: 12px;
        background: #f6f5fb;
        border-radius: 14px;
        padding: 14px 16px;
        cursor: pointer;
      }
      .profile-item-icon {
        width: 20px;
        text-align: center;
        font-size: 15px;
      }
      .profile-item-label {
        flex: 1;
        font-size: 14px;
        font-weight: 600;
        color: #2c2c2e;
      }
      .profile-item-arrow {
        color: #c7c3d8;
        font-size: 14px;
      }
      .profile-item.danger .profile-item-label {
        color: #e2564c;
      }

      /* 编辑会话总结 页面 */
      .screen-edit-summary {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #f7f6fb;
        position: absolute;
        inset: 0;
        z-index: 35;
      }
      .screen-edit-summary.active {
        display: flex;
      }

      .edit-summary-scroll {
        flex: 1;
        overflow-y: auto;
        padding: 4px 18px 20px;
        display: flex;
        flex-direction: column;
        gap: 16px;
      }
      .edit-summary-section-title {
        font-size: 13px;
        font-weight: 700;
        color: #2c2c2e;
      }
      .edit-summary-card {
        background: #ffffff;
        border-radius: 14px;
        padding: 14px 16px;
        font-size: 12.5px;
        line-height: 1.85;
        color: #3a3a3c;
      }
      .edit-summary-card h3 {
        font-size: 13.5px;
        font-weight: 700;
        color: #1c1c1e;
        margin: 10px 0 4px;
      }
      .edit-summary-card h3:first-child {
        margin-top: 0;
      }
      .edit-summary-card h4 {
        font-size: 12.5px;
        font-weight: 700;
        color: #2c2c2e;
        margin: 8px 0 3px;
      }
      .edit-summary-card p {
        margin: 2px 0;
      }
      .edit-summary-card ol,
      .edit-summary-card ul {
        margin: 2px 0 4px 16px;
        padding: 0;
      }
      .edit-summary-card li {
        margin: 2px 0;
      }

      .knowledge-tag-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      .knowledge-tag {
        display: flex;
        align-items: center;
        gap: 10px;
        background: #ffffff;
        border-radius: 12px;
        padding: 12px 14px;
        font-size: 13px;
        color: #2c2c2e;
        cursor: pointer;
      }
      .knowledge-tag-radio {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 1.5px solid #d3cfe6;
        flex-shrink: 0;
        position: relative;
      }
      .knowledge-tag.selected .knowledge-tag-radio {
        border-color: #6a5cd6;
        background: #6a5cd6;
      }
      .knowledge-tag.selected .knowledge-tag-radio::after {
        content: '';
        position: absolute;
        left: 4px;
        top: 4px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #fff;
      }
      .knowledge-tag-add {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        border: 1.5px dashed #d3cfe6;
        border-radius: 12px;
        padding: 12px 14px;
        font-size: 13px;
        color: #8b7fd6;
        cursor: pointer;
      }

      .view-summary-tag {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        background: #efeaff;
        color: #6a5cd6;
        font-size: 12.5px;
        font-weight: 600;
        padding: 7px 14px;
        border-radius: 10px;
      }

      .review-tag-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .review-tag-item {
        display: flex;
        align-items: center;
        gap: 10px;
        background: #ffffff;
        border-radius: 12px;
        padding: 12px 14px;
        font-size: 13px;
        color: #2c2c2e;
        cursor: pointer;
      }
      .review-tag-icon {
        font-size: 15px;
        flex-shrink: 0;
      }
      .review-tag-name {
        flex: 1;
      }
      .review-tag-badge {
        font-size: 10.5px;
        color: #9a94b8;
        background: #f2f1f6;
        padding: 2px 8px;
        border-radius: 8px;
        flex-shrink: 0;
      }
      .review-tag-item.linked .review-tag-badge {
        color: #6a5cd6;
        background: #efeaff;
      }

      .edit-summary-action-bar {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 18px 22px;
        background: #ffffff;
      }
      .edit-summary-btn {
        flex: 1;
        text-align: center;
        font-size: 15px;
        font-weight: 600;
        border-radius: 22px;
        padding: 12px 0;
        cursor: pointer;
      }
      .edit-summary-btn.outline {
        background: #f6f5fb;
        color: #6a6478;
      }
      .edit-summary-btn.primary {
        background: linear-gradient(135deg, #5b8dff, #4a6cf0);
        color: #fff;
      }
      .edit-summary-btn.primary.disabled {
        background: #dcdbe4;
        color: #a7a2c0;
        cursor: not-allowed;
        pointer-events: none;
      }

      /* 推荐信详情 页面 */
      .screen-recommend {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #f7f6fb;
        position: absolute;
        inset: 0;
        z-index: 32;
      }
      .screen-recommend.active {
        display: flex;
      }
      .recommend-title {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        color: #1c1c1e;
        margin: 6px 0 14px;
        flex-shrink: 0;
      }
      .recommend-scroll {
        flex: 1;
        overflow-y: auto;
        padding: 0 18px 20px;
      }
      .recommend-card {
        background: #ffffff;
        border-radius: 14px;
        padding: 16px;
        font-size: 12.5px;
        line-height: 1.85;
        color: #3a3a3c;
      }
      .recommend-card .lead {
        font-weight: 700;
        color: #1c1c1e;
        margin-bottom: 2px;
      }
      .recommend-card h4 {
        font-size: 13px;
        font-weight: 700;
        color: #1c1c1e;
        margin: 10px 0 4px;
      }
      .recommend-card p {
        margin: 2px 0;
      }
      .recommend-card ol {
        margin: 2px 0 4px 16px;
        padding: 0;
      }
      .recommend-card li {
        margin: 2px 0;
      }
      .recommend-action-bar {
        flex-shrink: 0;
        padding: 12px 18px 22px;
        background: #f7f6fb;
      }
      .recommend-share-btn {
        text-align: center;
        font-size: 15px;
        font-weight: 600;
        border-radius: 22px;
        padding: 12px 0;
        color: #fff;
        background: linear-gradient(135deg, #5b8dff, #4a6cf0);
        cursor: pointer;
      }

      /* 选择聊天（分享推荐信/报告） 页面 */
      .screen-share {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #ffffff;
        position: absolute;
        inset: 0;
        z-index: 38;
      }
      .screen-share.active {
        display: flex;
      }
      .screen-share-card {
        display: none;
        height: 100%;
        background: #ffffff;
        position: absolute;
        inset: 0;
        z-index: 70;
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
      }
      .screen-share-card.active {
        display: block;
      }
      .screen-share-card > .statusbar {
        display: none;
      }
      .share-card-header {
        position: absolute;
        top: 28px;
        left: 0;
        right: 0;
        height: 56px;
        padding: 0 4px;
        z-index: 6;
        pointer-events: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .share-card-back {
        width: 54px;
        height: 54px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: transparent;
        box-shadow: none;
        display: flex;
        align-items: center;
        justify-content: center;
        color: transparent;
        font-size: 18px;
        cursor: pointer;
        pointer-events: auto;
      }
      .share-card-header .nav-right {
        display: none;
      }
      .share-card-hero {
        height: 360px;
        position: relative;
        background-image: url('share-hero-reference.png?v=20260713a');
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center top;
      }
      .share-card-hero::before,
      .share-card-hero::after {
        content: '';
        position: absolute;
        top: 56px;
        width: 38px;
        height: 38px;
        z-index: 2;
        background: #ffffff;
        border-radius: 50%;
      }
      .share-card-hero::before {
        right: 51px;
      }
      .share-card-hero::after {
        right: 7px;
      }
      .share-card-scroll {
        overflow: visible;
        padding: 0 18px 18px;
        text-align: center;
      }
      .share-card-logo-wrap {
        width: 150px;
        height: 88px;
        margin: 4px auto 0;
        position: relative;
        z-index: 2;
      }
      .share-card-logo {
        width: 78px;
        height: 78px;
        position: absolute;
        top: 0;
        left: 32px;
        border-radius: 50%;
        border: 4px solid #ffffff;
        outline: 2px solid #efbd35;
        background: #2f6bed;
        color: #ffffff;
        box-shadow: 0 2px 9px rgba(47, 107, 237, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
      }
      .share-card-logo svg {
        width: 42px;
        height: 42px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .share-card-recommend {
        position: absolute;
        left: 82px;
        bottom: 3px;
        z-index: 3;
        background: #f5f7fb;
        color: #7f899a;
        border-radius: 10px;
        padding: 3px 8px;
        font-size: 8px;
        line-height: 14px;
        white-space: nowrap;
        box-shadow: 0 1px 3px rgba(53, 69, 93, 0.08);
      }
      .share-card-org-name {
        font-size: 22px;
        font-weight: 700;
        color: #c49432;
        margin-top: 11px;
      }
      .personal-share-card .share-card-org-name {
        color: #404349;
      }
      .personal-share-card .personal-share-org-name {
        color: #c49432;
      }
      .share-card-role-row {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-top: 14px;
      }
      .share-card-role-icon {
        width: 30px;
        height: 30px;
        border-radius: 7px;
        background: #e7efff;
        color: #4778e1;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .share-card-role-main {
        text-align: left;
      }
      .share-card-role {
        font-size: 13px;
        font-weight: 700;
        color: #4e5d73;
      }
      .share-card-role-tag {
        margin-left: 6px;
        font-size: 8px;
        color: #4f80e5;
        background: #edf3ff;
        border-radius: 4px;
        padding: 2px 6px;
      }
      .share-card-org-meta {
        font-size: 9px;
        color: #8b95a5;
        margin-top: 3px;
      }
      .share-card-line {
        font-size: 10px;
        color: #758196;
        margin-top: 10px;
      }
      .share-card-link {
        color: #4d78dc;
      }
      .share-card-tags {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 5px;
        margin-top: 9px;
      }
      .share-card-tag {
        font-size: 8px;
        color: #4e7cdf;
        background: #edf3ff;
        border-radius: 4px;
        padding: 3px 7px;
      }
      .share-card-desc {
        font-size: 10px;
        color: #59667a;
        line-height: 1.6;
        margin: 12px auto 0;
        max-width: 250px;
      }
      .share-card-members {
        margin-top: 14px;
        background: #ffffff;
        border: 1px solid #e0e6ef;
        border-radius: 9px;
        padding: 12px 0 12px 12px;
        text-align: left;
        box-shadow: 0 2px 8px rgba(50, 60, 100, 0.05);
      }
      .share-card-members-head {
        display: flex;
        align-items: center;
        gap: 6px;
        padding-right: 12px;
      }
      .share-card-members-count {
        font-size: 8px;
        font-weight: 700;
        color: #9aa4b5;
        background: #f5f7fb;
        border-radius: 8px;
        padding: 1px 6px;
      }
      .share-card-members-hint {
        margin-left: auto;
        margin-right: 12px;
        font-size: 8px;
        color: #b3bac8;
        display: flex;
        align-items: center;
        gap: 2px;
      }
      .share-card-members-scroll-wrap {
        position: relative;
        margin-top: 11px;
      }
      .share-card-members-scroll {
        display: flex;
        gap: 13px;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        padding: 2px 0 6px 0;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        touch-action: pan-x;
        scrollbar-width: none;
        cursor: grab;
        user-select: none;
      }
      .share-card-members-scroll.is-dragging {
        cursor: grabbing;
        scroll-snap-type: none;
      }
      .share-card-members-scroll::-webkit-scrollbar {
        display: none;
      }
      .share-card-member-item {
        flex: 0 0 auto;
        width: 61px;
        text-align: center;
        scroll-snap-align: start;
      }
      .share-card-member-avatar {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        margin: 0 auto;
        background: #e3ebff;
        color: #5b7fd6;
        font-size: 14px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .share-card-member-name {
        font-size: 9.5px;
        font-weight: 700;
        color: #344055;
        margin-top: 6px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .share-card-member-role {
        font-size: 8px;
        color: #9aa4b5;
        margin-top: 2px;
      }
      .share-card-activity {
        margin-top: 14px;
        background: #ffffff;
        border: 1px solid #e0e6ef;
        border-radius: 9px;
        padding: 12px;
        text-align: left;
        box-shadow: 0 2px 8px rgba(50, 60, 100, 0.05);
      }
      .share-card-activity-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .share-card-activity-title {
        font-size: 12px;
        font-weight: 700;
        color: #344055;
      }
      .share-card-more {
        font-size: 8px;
        color: #4d78dc;
      }
      .share-card-event {
        display: flex;
        gap: 8px;
        margin-top: 12px;
      }
      .share-card-event-dot {
        width: 10px;
        height: 10px;
        border: 2px solid #3d73ee;
        border-radius: 50%;
        margin-top: 2px;
        flex-shrink: 0;
      }
      .share-card-event-title {
        font-size: 10px;
        color: #4b586e;
      }
      .share-card-event-time {
        font-size: 8px;
        color: #9aa3b2;
        margin-top: 3px;
      }
      .share-card-actions {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
        padding: 10px 14px 18px;
        background: #ffffff;
        position: sticky;
        bottom: 0;
        z-index: 6;
        box-shadow: 0 -8px 18px rgba(255, 255, 255, 0.92);
      }
      .share-card-action {
        border: 1px solid #dfe5ee;
        border-radius: 8px;
        padding: 11px 2px;
        text-align: center;
        font-size: 11px;
        font-weight: 700;
        color: #526078;
        cursor: pointer;
      }
      .share-card-action.primary {
        background: #2f6bed;
        color: #ffffff;
        border-color: #2f6bed;
      }
      .share-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 18px 14px;
        flex-shrink: 0;
      }
      .share-header-btn {
        font-size: 14px;
        color: #3a3a3c;
        cursor: pointer;
      }
      .share-header-btn-accent {
        color: #4a6cf0;
        font-weight: 600;
      }
      .share-header-title {
        font-size: 15px;
        font-weight: 700;
        color: #1c1c1e;
      }
      .share-search {
        margin: 0 18px 16px;
        background: #f2f1f6;
        border-radius: 10px;
        padding: 8px 12px;
        display: flex;
        align-items: center;
        gap: 6px;
        color: #9a94b8;
        font-size: 13px;
        flex-shrink: 0;
      }
      .share-section-title {
        font-size: 12px;
        color: #9a94b8;
        padding: 0 18px;
        margin-bottom: 8px;
      }
      .share-section-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 18px;
        margin-bottom: 8px;
      }
      .share-section-header .share-section-title {
        padding: 0;
        margin-bottom: 0;
      }
      .share-section-links {
        display: flex;
        gap: 14px;
        font-size: 11.5px;
        color: #4a6cf0;
        flex-shrink: 0;
      }
      .share-recent-row {
        display: flex;
        gap: 14px;
        padding: 0 18px 18px;
        flex-shrink: 0;
      }
      .share-recent-avatar {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        flex-shrink: 0;
      }
      .share-chat-list {
        flex: 1;
        overflow-y: auto;
        padding: 0 18px 20px;
        display: flex;
        flex-direction: column;
      }
      .share-chat-item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 10px 0;
        cursor: pointer;
      }
      .share-chat-avatar {
        width: 42px;
        height: 42px;
        border-radius: 12px;
        background: #e7e4f5;
        color: #6a5cd6;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        font-weight: 600;
        flex-shrink: 0;
      }
      .share-chat-info {
        flex: 1;
        min-width: 0;
      }
      .share-chat-name {
        font-size: 14px;
        font-weight: 600;
        color: #1c1c1e;
      }
      .share-chat-sub {
        font-size: 11px;
        color: #a7a2c0;
        margin-top: 2px;
      }

      /* 账户设置 页面 */
      .screen-account {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #f7f6fb;
        position: absolute;
        inset: 0;
        z-index: 30;
      }
      .screen-account.active {
        display: flex;
      }

      .account-scroll {
        flex: 1;
        overflow-y: auto;
        padding: 8px 18px 24px;
        display: flex;
        flex-direction: column;
        gap: 14px;
      }
      .account-avatar-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 14px 0 6px;
      }
      .account-avatar {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        padding: 3px;
        background: linear-gradient(135deg, #5b8dff, #8a6bf5);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
      }
      .account-avatar-emoji {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #eef1ff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 34px;
      }
      .account-avatar-cam {
        position: absolute;
        right: -2px;
        bottom: -2px;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 2px 8px rgba(90, 80, 160, 0.25);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        cursor: pointer;
      }
      .account-avatar-tip {
        margin-top: 10px;
        font-size: 12px;
        color: #a7a2c0;
      }

      .account-card {
        background: #ffffff;
        border-radius: 16px;
        padding: 4px 16px;
      }
      .account-field {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 13px 0;
        gap: 12px;
      }
      .account-field-col {
        padding: 13px 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      .account-field-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .account-field-label {
        font-size: 14px;
        color: #2c2c2e;
        font-weight: 500;
        flex-shrink: 0;
      }
      .account-field-label .req {
        color: #e2564c;
        margin-left: 2px;
      }
      .account-field-count {
        font-size: 11px;
        color: #c7c3d8;
      }
      .account-field-value {
        font-size: 14px;
        color: #3a3a3c;
        text-align: right;
      }
      .account-field-value.placeholder {
        color: #c7c3d8;
        text-align: left;
      }
      .account-chip {
        align-self: flex-start;
        font-size: 12px;
        color: #3ea86b;
        background: #e7f7ee;
        border-radius: 8px;
        padding: 4px 12px;
      }
      .account-divider {
        height: 1px;
        background: #f0eef5;
      }

      .account-action-bar {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 12px 20px 22px;
        background: #ffffff;
      }
      .account-action-icon {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #f6f5fb;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #8b7fd6;
        flex-shrink: 0;
      }
      .account-save-btn {
        flex: 1;
        text-align: center;
        background: linear-gradient(135deg, #5b8dff, #4a6cf0);
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        border-radius: 22px;
        padding: 12px 0;
        cursor: pointer;
      }

      /* 组织设置 页面（点击我的-☀️ 图标进入） */
      .screen-org {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #ffffff;
        position: absolute;
        inset: 0;
        z-index: 30;
      }
      .screen-org.active {
        display: flex;
      }

      .org-settings-header {
        display: grid;
        grid-template-columns: 48px 1fr 48px;
        align-items: center;
        padding: 14px 18px 16px;
        flex-shrink: 0;
      }
      .org-settings-header > .nav-back {
        justify-self: start;
      }
      .org-settings-header > .nav-right {
        justify-self: end;
      }
      .org-settings-title {
        justify-self: center;
        max-width: 100%;
        padding: 4px 10px;
        border-radius: 10px;
        background: #f0eef7;
        color: #8b7fd6;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .org-settings-list {
        padding: 6px 18px;
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .org-settings-item {
        display: flex;
        align-items: center;
        gap: 12px;
        background: #f6f5fb;
        border-radius: 14px;
        padding: 14px 16px;
        cursor: pointer;
      }
      .org-settings-icon {
        width: 32px;
        height: 32px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        flex-shrink: 0;
      }
      .org-settings-icon.blue {
        background: #e5edff;
        color: #5b8dff;
      }
      .org-settings-icon.orange {
        background: #fff1de;
        color: #f0a63d;
      }
      .org-settings-icon.green {
        background: #e3f8ec;
        color: #3ecf6a;
      }
      .org-settings-icon.red {
        background: #ffe9e9;
        color: #e2564c;
      }
      .org-settings-item.danger .org-settings-label {
        color: #e2564c;
      }
      .org-settings-label {
        flex: 1;
        font-size: 14px;
        font-weight: 600;
        color: #2c2c2e;
      }
      .org-settings-arrow {
        color: #c7c3d8;
        font-size: 14px;
      }

      /* 删除组织弹窗（管理员） */
      .delete-org-mask,
      .exit-org-mask {
        position: absolute;
        inset: 0;
        z-index: 80;
        display: none;
        align-items: center;
        justify-content: center;
        background: rgba(20, 24, 34, 0.45);
      }
      .delete-org-mask.open,
      .exit-org-mask.open {
        display: flex;
      }
      .delete-org-modal {
        width: 290px;
        max-width: 88%;
        background: #ffffff;
        border-radius: 16px;
        padding: 18px 18px 16px;
        box-sizing: border-box;
      }
      .delete-org-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 15px;
        font-weight: 700;
        color: #1c1c1e;
      }
      .delete-org-close {
        font-size: 18px;
        color: #9a97ab;
        cursor: pointer;
        font-weight: 400;
      }
      .delete-org-desc {
        margin-top: 8px;
        font-size: 11.5px;
        line-height: 1.55;
        color: #8a87a0;
      }
      .delete-org-options {
        margin-top: 14px;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .delete-org-option {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        border: 1.5px solid #ece9f7;
        border-radius: 12px;
        padding: 12px;
        cursor: pointer;
      }
      .delete-org-option.active {
        border-color: #7c6fe0;
        background: #f7f5ff;
      }
      .delete-org-option-icon {
        width: 30px;
        height: 30px;
        border-radius: 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        flex-shrink: 0;
        margin-top: 1px;
      }
      .delete-org-option-icon.archive {
        background: #e5edff;
        color: #5b8dff;
      }
      .delete-org-option-icon.remove {
        background: #ffe9e9;
        color: #e2564c;
      }
      .delete-org-option-body {
        flex: 1;
      }
      .delete-org-option-title {
        font-size: 13px;
        font-weight: 700;
        color: #2c2c2e;
      }
      .delete-org-option-sub {
        margin-top: 3px;
        font-size: 10.5px;
        line-height: 1.4;
        color: #8a87a0;
      }
      .delete-org-option-radio {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 1.5px solid #d6d2e8;
        flex-shrink: 0;
        margin-top: 2px;
        position: relative;
      }
      .delete-org-option.active .delete-org-option-radio {
        border-color: #7c6fe0;
      }
      .delete-org-option.active .delete-org-option-radio::after {
        content: '';
        position: absolute;
        inset: 3px;
        border-radius: 50%;
        background: #7c6fe0;
      }
      .delete-org-warning {
        margin-top: 10px;
        font-size: 10.5px;
        line-height: 1.5;
        color: #e2564c;
        background: #fff3f0;
        border-radius: 8px;
        padding: 8px 10px;
      }
      .delete-org-actions {
        display: grid;
        grid-template-columns: 1fr 1.2fr;
        gap: 10px;
        margin-top: 16px;
      }
      .delete-org-action {
        text-align: center;
        border-radius: 9px;
        padding: 11px 0;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
      }
      .delete-org-action.cancel {
        background: #ffffff;
        color: #536178;
        border: 1px solid #dfe5ee;
      }
      .delete-org-action.confirm {
        background: #2f6bed;
        color: #ffffff;
      }

      /* 退出组织弹窗（成员） */
      .exit-org-modal {
        width: 270px;
        max-width: 86%;
        background: #ffffff;
        border-radius: 16px;
        padding: 20px 18px 16px;
        box-sizing: border-box;
      }
      .exit-org-title {
        font-size: 15px;
        font-weight: 700;
        color: #1c1c1e;
      }
      .exit-org-desc {
        margin-top: 10px;
        font-size: 11.5px;
        line-height: 1.6;
        color: #8a87a0;
      }
      .exit-org-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 18px;
      }
      .exit-org-action {
        text-align: center;
        border-radius: 9px;
        padding: 11px 0;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
      }
      .exit-org-action.cancel {
        background: #ffffff;
        color: #536178;
        border: 1px solid #dfe5ee;
      }
      .exit-org-action.confirm {
        background: #e2564c;
        color: #ffffff;
      }
      .exit-org-action.switch-org-confirm {
        background: #6a5cd6;
      }

      /* 创建组织流程 */
      .screen-create-org,
      .screen-create-success,
      .screen-invite-contacts,
      .screen-invite-link {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #f4f7fb;
        position: absolute;
        inset: 0;
        z-index: 39;
      }
      .screen-invite-contacts,
      .screen-invite-link {
        z-index: 40;
      }
      .screen-create-org.active,
      .screen-create-success.active,
      .screen-invite-contacts.active,
      .screen-invite-link.active {
        display: flex;
      }
      .create-org-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 16px 12px;
        flex-shrink: 0;
      }
      .create-org-header-left {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      .create-org-title {
        font-size: 17px;
        font-weight: 700;
        color: #253044;
      }
      .create-org-scroll {
        flex: 1;
        overflow-y: auto;
        padding: 6px 16px 20px;
        display: flex;
        flex-direction: column;
        gap: 14px;
      }
      .create-org-label {
        font-size: 12px;
        font-weight: 700;
        color: #344055;
        margin-bottom: 7px;
      }
      .create-org-required {
        color: #e45252;
        margin-left: 3px;
      }
      .create-org-input,
      .create-org-textarea {
        width: 100%;
        border: 1px solid #e3e8f0;
        border-radius: 8px;
        background: #ffffff;
        padding: 13px;
        font: inherit;
        font-size: 11px;
        color: #3f4b5e;
        outline: none;
      }
      .create-org-textarea {
        min-height: 88px;
        resize: none;
        line-height: 1.6;
      }
      .create-org-type-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
      }
      .create-org-type {
        background: #ffffff;
        border: 1px solid #dfe5ee;
        border-radius: 8px;
        padding: 13px 8px;
        text-align: center;
        cursor: pointer;
      }
      .create-org-type.active {
        border-color: #4e82f1;
        background: #eef4ff;
        box-shadow: 0 0 0 1px #bdd1ff inset;
      }
      .create-org-type-name {
        font-size: 12px;
        font-weight: 700;
        color: #3b4658;
      }
      .create-org-type.active .create-org-type-name {
        color: #4779e7;
      }
      .create-org-type-desc {
        font-size: 8px;
        color: #98a1b1;
        line-height: 1.45;
        margin-top: 6px;
      }
      .create-org-logo-row {
        display: flex;
        align-items: center;
        gap: 12px;
      }
      .create-org-logo {
        width: 58px;
        height: 58px;
        border-radius: 8px;
        border: 1px dashed #d5dce8;
        background: #ffffff;
        color: #95afe7;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
      }
      .create-org-upload {
        border: 1px solid #dce3ed;
        border-radius: 6px;
        background: #ffffff;
        padding: 8px 14px;
        font-size: 10px;
        color: #617089;
        cursor: pointer;
      }
      .create-org-hint {
        font-size: 8px;
        color: #a2aab8;
        margin-top: 6px;
      }
      .create-org-shape {
        background: #ffffff;
        border: 1px solid #e4e9f1;
        border-radius: 8px;
        padding: 3px 12px;
      }
      .create-org-shape-option {
        display: flex;
        align-items: flex-start;
        gap: 9px;
        padding: 11px 0;
        cursor: pointer;
      }
      .create-org-shape-option + .create-org-shape-option {
        border-top: 1px solid #edf0f5;
      }
      .create-org-radio {
        width: 15px;
        height: 15px;
        border: 2px solid #bac7db;
        border-radius: 50%;
        margin-top: 1px;
        flex-shrink: 0;
      }
      .create-org-shape-option.active .create-org-radio {
        border: 5px solid #4b79eb;
      }
      .create-org-shape-title {
        font-size: 11px;
        font-weight: 700;
        color: #3d4759;
      }
      .create-org-shape-desc {
        font-size: 8px;
        color: #9aa3b1;
        margin-top: 4px;
        line-height: 1.45;
      }
      .create-org-actions {
        display: grid;
        grid-template-columns: 1fr 1.45fr;
        gap: 10px;
        padding: 10px 16px 22px;
        flex-shrink: 0;
      }
      .create-org-action {
        text-align: center;
        border-radius: 8px;
        padding: 12px 0;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
      }
      .create-org-action.cancel {
        background: #ffffff;
        color: #536178;
        border: 1px solid #dfe5ee;
      }
      .create-org-action.primary {
        background: #2f6bed;
        color: #ffffff;
      }

      /* 组织名称 - 企查查匹配联想 */
      .qcc-dropdown {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: 4px;
        background: #ffffff;
        border: 1px solid #e3e8f0;
        border-radius: 8px;
        box-shadow: 0 6px 18px rgba(60, 70, 120, 0.1);
        max-height: 220px;
        overflow-y: auto;
        z-index: 5;
        display: none;
      }
      .qcc-dropdown.show {
        display: block;
      }
      .qcc-dropdown-item {
        padding: 10px 12px;
        cursor: pointer;
      }
      .qcc-dropdown-item + .qcc-dropdown-item {
        border-top: 1px solid #f0f2f7;
      }
      .qcc-dropdown-item:active {
        background: #f7f9fd;
      }
      .qcc-dropdown-name {
        font-size: 11.5px;
        font-weight: 700;
        color: #344055;
      }
      .qcc-dropdown-meta {
        display: flex;
        gap: 6px;
        margin-top: 4px;
        align-items: center;
      }
      .qcc-dropdown-code {
        font-size: 9px;
        color: #9aa3b1;
      }
      .qcc-dropdown-status {
        font-size: 9px;
        padding: 1px 6px;
        border-radius: 5px;
      }
      .qcc-dropdown-status.active {
        background: #e5f7ef;
        color: #2fa876;
      }
      .qcc-dropdown-status.revoked {
        background: #fdeeee;
        color: #e2564c;
      }
      .qcc-dropdown-loading {
        padding: 10px 12px;
        font-size: 10.5px;
        color: #9aa3b1;
      }
      .qcc-badge {
        display: none;
        align-items: center;
        gap: 3px;
        font-size: 9px;
        font-weight: 600;
        color: #4b78df;
        background: #edf3ff;
        padding: 2px 7px;
        border-radius: 6px;
        margin-left: 6px;
      }
      .qcc-badge.show {
        display: inline-flex;
      }
      .create-org-label-row {
        display: flex;
        align-items: center;
        margin-bottom: 7px;
      }
      .create-org-label-row .create-org-label {
        margin-bottom: 0;
      }
      .create-org-logo.matched {
        border-style: solid;
        border-color: #bdd1ff;
        background: #eef4ff;
        color: #4779e7;
        font-size: 20px;
        font-weight: 700;
      }
      .create-success-main {
        flex: 1;
        padding: 22px 18px;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .create-success-check {
        width: 66px;
        height: 66px;
        border-radius: 50%;
        background: #e5f7ef;
        color: #31b77c;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        margin-top: 18px;
      }
      .create-success-title {
        font-size: 19px;
        font-weight: 700;
        color: #263145;
        margin-top: 14px;
      }
      .create-success-card {
        width: 100%;
        background: #ffffff;
        border-radius: 10px;
        padding: 14px;
        margin-top: 18px;
        box-shadow: 0 2px 8px rgba(60, 70, 120, 0.05);
      }
      .create-success-name {
        font-size: 14px;
        font-weight: 700;
        color: #344055;
      }
      .create-success-tags {
        display: flex;
        gap: 6px;
        margin-top: 7px;
      }
      .create-success-tag {
        font-size: 9px;
        color: #4b78df;
        background: #edf3ff;
        border-radius: 4px;
        padding: 3px 7px;
      }
      .create-success-note {
        font-size: 10px;
        color: #7d8798;
        line-height: 1.65;
        margin-top: 16px;
      }
      .create-success-invite-btn {
        width: 100%;
        margin-top: 20px;
        background: #2f6bed;
        color: #fff;
        border-radius: 8px;
        text-align: center;
        padding: 12px 0;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
      }
      .create-invite-options {
        display: none;
        width: 100%;
        margin-top: 14px;
        gap: 10px;
        flex-direction: column;
      }
      .create-invite-options.show {
        display: flex;
      }
      .create-invite-option {
        background: #ffffff;
        border: 1px solid #dfe5ee;
        border-radius: 8px;
        padding: 12px;
        text-align: center;
        font-size: 12px;
        font-weight: 600;
        color: #4f5e75;
        cursor: pointer;
      }
      .invite-contact-list {
        flex: 1;
        overflow-y: auto;
        padding: 4px 14px 16px;
        display: flex;
        flex-direction: column;
        gap: 9px;
      }
      .invite-contact {
        background: #ffffff;
        border-radius: 10px;
        padding: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
      }
      .invite-contact-avatar {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: #e7efff;
        color: #4777df;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
      }
      .invite-contact-main {
        flex: 1;
        min-width: 0;
      }
      .invite-contact-name {
        font-size: 13px;
        font-weight: 700;
        color: #344055;
      }
      .invite-contact-role {
        font-size: 9px;
        color: #8e98a9;
        margin-top: 3px;
      }
      .invite-contact-org {
        font-size: 9px;
        color: #6f7b8f;
        margin-top: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .invite-contact-tags {
        display: flex;
        gap: 5px;
        margin-top: 6px;
      }
      .invite-contact-tag {
        font-size: 8px;
        color: #5680dc;
        background: #eef4ff;
        padding: 3px 6px;
        border-radius: 4px;
      }
      .invite-contact-check {
        width: 20px;
        height: 20px;
        border: 1px solid #cbd4e2;
        border-radius: 50%;
        flex-shrink: 0;
      }
      .invite-contact.selected .invite-contact-check {
        background: #2f6bed;
        border: 5px solid #dce8ff;
      }
      .invite-confirm-bar {
        padding: 10px 16px 22px;
      }
      .invite-confirm {
        background: #2f6bed;
        color: #ffffff;
        border-radius: 8px;
        text-align: center;
        padding: 12px 0;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
      }
      .invite-link-main {
        flex: 1;
        padding: 28px 18px;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .invite-link-card {
        width: 100%;
        background: #ffffff;
        border-radius: 11px;
        padding: 16px;
        margin-top: 20px;
        box-shadow: 0 2px 8px rgba(60, 70, 120, 0.05);
      }
      .invite-link-title {
        font-size: 14px;
        font-weight: 700;
        color: #344055;
      }
      .invite-link-desc {
        font-size: 10px;
        color: #8c96a6;
        line-height: 1.6;
        margin-top: 8px;
      }
      .invite-link-url {
        margin-top: 14px;
        background: #f5f7fb;
        border-radius: 7px;
        padding: 11px;
        font-size: 9px;
        color: #63718a;
        line-height: 1.5;
        word-break: break-all;
      }
      .invite-link-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 14px;
      }
      .invite-link-action {
        border-radius: 7px;
        text-align: center;
        padding: 11px 0;
        font-size: 11px;
        font-weight: 700;
        cursor: pointer;
      }
      .invite-link-action.copy {
        background: #eef3ff;
        color: #4777df;
      }
      .invite-link-action.wechat {
        background: #2f6bed;
        color: #ffffff;
      }

      /* 成员画像管理 页面 */
      .screen-member-portrait,
      .screen-member-portrait-edit {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #f4f7fb;
        position: absolute;
        inset: 0;
      }
      .screen-member-portrait {
        z-index: 37;
      }
      .screen-member-portrait-edit {
        z-index: 38;
      }
      .screen-member-portrait.active,
      .screen-member-portrait-edit.active {
        display: flex;
      }
      .member-portrait-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 16px 12px;
        flex-shrink: 0;
      }
      .member-portrait-header-left {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      .member-portrait-title {
        font-size: 17px;
        font-weight: 700;
        color: #253044;
      }
      .member-portrait-scroll {
        flex: 1;
        overflow-y: auto;
        padding: 6px 16px 22px;
      }
      .member-portrait-count {
        font-size: 14px;
        font-weight: 700;
        color: #334055;
        margin: 4px 0 12px;
      }
      .member-portrait-card {
        background: #ffffff;
        border: 1px solid #e2e7f0;
        border-radius: 10px;
        padding: 14px;
        box-shadow: 0 2px 8px rgba(60, 70, 120, 0.04);
      }
      .member-portrait-person {
        display: flex;
        align-items: center;
        gap: 11px;
      }
      .member-portrait-avatar {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: #e7f0ff;
        color: #477be5;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        flex-shrink: 0;
      }
      .member-portrait-person-main {
        flex: 1;
        min-width: 0;
      }
      .member-portrait-name-row {
        display: flex;
        align-items: center;
        gap: 7px;
      }
      .member-portrait-name {
        font-size: 14px;
        font-weight: 700;
        color: #344055;
      }
      .member-portrait-owner-tag {
        font-size: 9px;
        color: #5c82df;
        background: #edf3ff;
        border-radius: 4px;
        padding: 2px 6px;
      }
      .member-portrait-owner-tag.member {
        color: #667085;
        background: #f2f4f7;
      }
      .member-portrait-status {
        font-size: 10px;
        color: #30b77b;
        margin-top: 4px;
      }
      .member-portrait-info {
        background: #f7f9fc;
        border-radius: 8px;
        padding: 12px;
        margin-top: 12px;
      }
      .member-portrait-info-group + .member-portrait-info-group {
        margin-top: 12px;
      }
      .member-portrait-info-label {
        font-size: 9px;
        color: #9aa4b5;
      }
      .member-portrait-info-value {
        font-size: 11px;
        color: #607087;
        margin-top: 5px;
        line-height: 1.5;
      }
      .member-portrait-edit-btn {
        margin-top: 12px;
        border: 1px solid #dce4ef;
        border-radius: 7px;
        text-align: center;
        padding: 10px 0;
        font-size: 12px;
        font-weight: 600;
        color: #506078;
        cursor: pointer;
      }
      .member-edit-form {
        flex: 1;
        overflow-y: auto;
        padding: 6px 16px 20px;
        display: flex;
        flex-direction: column;
        gap: 15px;
      }
      .member-edit-summary {
        background: #ffffff;
        border-radius: 9px;
        padding: 13px;
        border: 1px solid #e6eaf1;
      }
      .member-edit-summary-label {
        font-size: 9px;
        color: #a2aaba;
      }
      .member-edit-summary-name {
        font-size: 17px;
        font-weight: 700;
        color: #334055;
        margin-top: 5px;
      }
      .member-edit-summary-tip {
        font-size: 9px;
        color: #8994a7;
        margin-top: 5px;
      }
      .member-edit-label {
        font-size: 12px;
        font-weight: 700;
        color: #344055;
        margin-bottom: 7px;
      }
      .member-edit-required {
        color: #e45252;
        margin-left: 3px;
      }
      .member-edit-input {
        background: #ffffff;
        border: 1px solid #e4e9f1;
        border-radius: 8px;
        padding: 13px;
        min-height: 46px;
        font-size: 12px;
        color: #526178;
        line-height: 1.6;
      }
      .member-edit-input.multiline {
        min-height: 76px;
      }
      .member-edit-actions {
        display: grid;
        grid-template-columns: 1fr 1.25fr;
        gap: 10px;
        padding: 10px 16px 22px;
        flex-shrink: 0;
      }
      .member-edit-action {
        text-align: center;
        border-radius: 8px;
        padding: 12px 0;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
      }
      .member-edit-action.cancel {
        background: #ffffff;
        color: #536179;
        border: 1px solid #e0e6ef;
      }
      .member-edit-action.save {
        background: #2f6bed;
        color: #ffffff;
      }

      /* 组织画像编辑 页面 */
      .screen-org-portrait {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #f4f7fb;
        position: absolute;
        inset: 0;
        z-index: 37;
      }
      .screen-org-portrait.active {
        display: flex;
      }
      .org-edit-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 16px 8px;
        flex-shrink: 0;
      }
      .org-edit-header-left {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      .org-edit-title {
        font-size: 17px;
        font-weight: 700;
        color: #1d2230;
      }
      .org-edit-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 0 18px 12px;
        padding: 4px;
        border-radius: 18px;
        background: #edf1f7;
        flex-shrink: 0;
      }
      .org-edit-tab {
        padding: 8px 0;
        border-radius: 15px;
        text-align: center;
        font-size: 13px;
        color: #94a0b5;
        cursor: pointer;
      }
      .org-edit-tab.active {
        background: #ffffff;
        color: #2f6bed;
        box-shadow: 0 1px 5px rgba(70, 90, 140, 0.1);
      }
      .org-edit-pane {
        display: none;
        flex: 1;
        min-height: 0;
        flex-direction: column;
      }
      .org-edit-pane.active {
        display: flex;
      }
      .org-edit-scroll {
        flex: 1;
        overflow-y: auto;
        padding: 0 18px 18px;
        display: flex;
        flex-direction: column;
        gap: 14px;
      }
      .org-edit-field-label {
        font-size: 13px;
        font-weight: 700;
        color: #334055;
        margin-bottom: 7px;
      }
      .org-edit-required {
        color: #e45252;
        margin-left: 3px;
      }
      .org-edit-input,
      .org-edit-textarea {
        background: #ffffff;
        border: 1px solid #e4e9f1;
        border-radius: 9px;
        padding: 13px;
        font-size: 12px;
        color: #a5adba;
      }
      .org-edit-textarea {
        min-height: 96px;
        line-height: 1.6;
      }
      .org-edit-type-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
      }
      .org-edit-type {
        background: #ffffff;
        border: 1px solid #e0e6f0;
        border-radius: 9px;
        padding: 13px 8px;
        text-align: center;
        cursor: pointer;
      }
      .org-edit-type.active {
        border-color: #4f83f1;
        background: #eef4ff;
        box-shadow: 0 0 0 1px #bcd0ff inset;
      }
      .org-edit-type.disabled {
        opacity: 0.65;
        pointer-events: none;
        cursor: not-allowed;
        background: #f4f6fa;
        border-color: #e2e7f0;
      }
      .org-edit-type-name {
        font-size: 13px;
        font-weight: 700;
        color: #35435a;
      }
      .org-edit-type.active .org-edit-type-name {
        color: #4478e8;
      }
      .org-edit-type-desc {
        font-size: 9px;
        color: #98a2b3;
        line-height: 1.45;
        margin-top: 7px;
      }
      .org-edit-logo-row {
        display: flex;
        align-items: center;
        gap: 12px;
      }
      .org-edit-logo-placeholder {
        width: 58px;
        height: 58px;
        border-radius: 9px;
        background: #ffffff;
        border: 1px dashed #d5dce8;
        color: #94aee6;
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .org-edit-upload {
        background: #ffffff;
        border: 1px solid #dde4ef;
        border-radius: 7px;
        padding: 8px 14px;
        font-size: 11px;
        color: #62728c;
        cursor: pointer;
      }
      .org-edit-hint {
        font-size: 9px;
        color: #a2abba;
        margin-top: 6px;
      }
      .org-edit-state-card {
        background: #ffffff;
        border: 1px solid #e5e9f1;
        border-radius: 9px;
        padding: 4px 13px;
      }
      .org-edit-state-option {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 12px 0;
        cursor: pointer;
      }
      .org-edit-state-option + .org-edit-state-option {
        border-top: 1px solid #edf0f5;
      }
      .org-edit-radio {
        width: 16px;
        height: 16px;
        border: 2px solid #b9c6da;
        border-radius: 50%;
        margin-top: 1px;
        flex-shrink: 0;
      }
      .org-edit-state-option.active .org-edit-radio {
        border: 5px solid #4a78ee;
      }
      .org-edit-state-main {
        font-size: 12px;
        font-weight: 700;
        color: #3c4658;
      }
      .org-edit-state-sub {
        font-size: 9px;
        color: #97a0af;
        margin-top: 4px;
        line-height: 1.45;
      }
      .org-edit-save-bar {
        padding: 10px 18px 20px;
        flex-shrink: 0;
      }
      .org-edit-save {
        background: #2f6bed;
        color: #ffffff;
        border-radius: 9px;
        text-align: center;
        padding: 13px 0;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        box-shadow: 0 4px 10px rgba(47, 107, 237, 0.2);
      }
      .org-portrait-summary {
        background: #ffffff;
        border-radius: 11px;
        padding: 14px;
        display: flex;
        align-items: center;
        gap: 12px;
        box-shadow: 0 2px 8px rgba(60, 70, 120, 0.05);
      }
      .org-portrait-summary-icon {
        width: 42px;
        height: 42px;
        border-radius: 8px;
        background: #e9f0ff;
        color: #326ef0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 19px;
      }
      .org-portrait-summary-main {
        flex: 1;
      }
      .org-portrait-summary-title {
        font-size: 13px;
        font-weight: 700;
        color: #334055;
      }
      .org-portrait-summary-sub {
        font-size: 9px;
        color: #9aa4b5;
        margin-top: 4px;
      }
      .org-portrait-counts {
        display: flex;
        gap: 16px;
        text-align: center;
      }
      .org-portrait-count-label {
        font-size: 8px;
        color: #8d97a8;
      }
      .org-portrait-count {
        font-size: 20px;
        margin-top: 3px;
      }
      .org-portrait-count.pending {
        color: #f3a43b;
      }
      .org-portrait-count.visible {
        color: #3dbd82;
      }
      .org-portrait-group-title {
        font-size: 12px;
        font-weight: 700;
        color: #344055;
        margin-top: 2px;
      }
      .org-portrait-card {
        background: #ffffff;
        border-radius: 11px;
        padding: 14px;
        box-shadow: 0 2px 8px rgba(60, 70, 120, 0.05);
      }
      .org-portrait-card-title {
        font-size: 13px;
        font-weight: 700;
        color: #344055;
        line-height: 1.45;
      }
      .org-portrait-meta {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 9px;
      }
      .org-portrait-source {
        font-size: 9px;
        color: #6d83aa;
        background: #edf3ff;
        border-radius: 4px;
        padding: 3px 7px;
      }
      .org-portrait-desc {
        font-size: 10px;
        color: #8791a2;
      }
      .org-portrait-conflict {
        font-size: 10px;
        color: #f0a046;
        margin-top: 8px;
      }
      .org-portrait-divider {
        height: 1px;
        background: #edf0f5;
        margin: 12px 0 10px;
      }
      .org-portrait-actions {
        display: flex;
        align-items: center;
        gap: 16px;
      }
      .org-portrait-action-link {
        font-size: 10px;
        color: #6d7890;
        cursor: pointer;
      }
      .org-portrait-action-btn {
        margin-left: auto;
        min-width: 88px;
        text-align: center;
        background: #2f6bed;
        color: #ffffff;
        border-radius: 7px;
        padding: 9px 12px;
        font-size: 11px;
        font-weight: 600;
        cursor: pointer;
      }
      .org-portrait-action-btn.visible {
        background: #dff6ed;
        color: #28aa75;
      }

      /* 组织详情 页面 */
      .screen-org-detail {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #f3f5fa;
        position: absolute;
        inset: 0;
        z-index: 36;
      }
      .screen-org-detail.active {
        display: flex;
      }
      .org-detail-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 16px 12px;
        background: #ffffff;
        flex-shrink: 0;
      }
      .org-detail-header-left {
        display: flex;
        align-items: center;
        gap: 12px;
      }
      .org-detail-title {
        font-size: 16px;
        font-weight: 700;
        color: #1c1c1e;
      }
      .org-detail-scroll {
        flex: 1;
        overflow-y: auto;
        padding: 10px 12px 22px;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .org-detail-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 14px;
        box-shadow: 0 2px 8px rgba(60, 70, 120, 0.06);
      }
      .org-detail-profile {
        display: flex;
        align-items: center;
        gap: 12px;
      }
      .org-detail-logo {
        width: 44px;
        height: 44px;
        border-radius: 10px;
        background: #e8f0ff;
        color: #3d73ee;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        flex-shrink: 0;
      }
      .org-detail-profile-main {
        flex: 1;
        min-width: 0;
      }
      .org-detail-name {
        font-size: 15px;
        font-weight: 700;
        color: #20212a;
      }
      .org-detail-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        margin-top: 6px;
      }
      .org-detail-tag {
        font-size: 10px;
        color: #4a76dd;
        background: #edf3ff;
        border-radius: 5px;
        padding: 3px 7px;
      }
      .org-detail-tag.green {
        color: #35a76d;
        background: #e9f8ef;
      }
      .org-detail-section-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
      }
      .org-detail-section-title {
        font-size: 13px;
        font-weight: 700;
        color: #252733;
      }
      .org-detail-link {
        font-size: 10px;
        color: #4a76dd;
      }
      .org-detail-member-label {
        font-size: 10px;
        color: #8b91a8;
        margin-bottom: 8px;
      }
      .org-detail-members {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px 6px;
      }
      .org-detail-member {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 0;
      }
      .org-detail-member-avatar {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: linear-gradient(145deg, #d9e7ff, #8aa7d8);
        color: #ffffff;
        border: 2px solid #ffffff;
        box-shadow: 0 1px 5px rgba(50, 70, 120, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 700;
      }
      .org-detail-member-avatar.dark {
        background: linear-gradient(145deg, #38445c, #121825);
      }
      .org-detail-member-avatar.add {
        background: #ffffff;
        color: #4a76dd;
        border: 1px dashed #a9b7d5;
        box-shadow: none;
        font-size: 20px;
      }
      .org-detail-member-name {
        margin-top: 4px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
        font-size: 9px;
        color: #5f6475;
      }
      .org-detail-copy {
        font-size: 11px;
        line-height: 1.7;
        color: #5c6170;
      }
      .org-detail-field {
        margin-top: 10px;
      }
      .org-detail-label {
        font-size: 10px;
        font-weight: 600;
        color: #252733;
        margin-bottom: 5px;
      }
      .org-detail-url {
        font-size: 10px;
        color: #4a76dd;
      }
      .org-detail-chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .org-detail-chip {
        font-size: 9px;
        color: #4a76dd;
        background: #eef4ff;
        border-radius: 5px;
        padding: 4px 8px;
      }
      .org-detail-mini-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
      }
      .org-detail-mini {
        min-height: 72px;
        border-radius: 9px;
        background: #f8faff;
        padding: 10px 7px;
        text-align: center;
        font-size: 9px;
        line-height: 1.45;
        color: #4d5363;
      }
      .org-detail-mini-icon {
        width: 26px;
        height: 26px;
        margin: 0 auto 7px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #e7f5ee;
        color: #28aa70;
        font-size: 12px;
      }
      .org-detail-mini-icon.orange {
        background: #fff3e1;
        color: #f0a23d;
      }
      .org-detail-cases {
        display: flex;
        gap: 8px;
        overflow-x: auto;
      }
      .org-detail-case {
        min-width: 146px;
        display: flex;
        align-items: center;
        gap: 9px;
        background: #f7f9ff;
        border-radius: 9px;
        padding: 10px;
      }
      .org-detail-case-icon {
        width: 34px;
        height: 34px;
        border-radius: 7px;
        background: #3976ef;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        flex-shrink: 0;
      }
      .org-detail-case-title {
        font-size: 10px;
        font-weight: 700;
        color: #30333f;
      }
      .org-detail-case-sub {
        font-size: 8px;
        color: #9297aa;
        margin-top: 3px;
        line-height: 1.35;
      }
      .org-detail-info-row {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding: 8px 0;
      }
      .org-detail-info-row + .org-detail-info-row {
        border-top: 1px solid #f0f1f5;
      }
      .org-detail-info-key {
        width: 72px;
        flex-shrink: 0;
        font-size: 10px;
        color: #5f6475;
      }
      .org-detail-info-value {
        flex: 1;
        font-size: 10px;
        color: #858a9b;
        text-align: right;
        line-height: 1.5;
      }

      /* 群体名片详情页（screenGroupCard）*/
      .group-card-cover {
        position: relative;
        height: 150px;
        border-radius: 14px;
        overflow: hidden;
        background: linear-gradient(135deg, #2b3a55, #4a6cf0 60%, #f0a23d);
        padding: 14px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        color: #ffffff;
      }
      .group-card-cover-tag {
        position: absolute;
        top: 12px;
        left: 12px;
        font-size: 9px;
        background: rgba(0, 0, 0, 0.32);
        padding: 4px 9px;
        border-radius: 10px;
      }
      .group-card-cover-title {
        font-size: 17px;
        font-weight: 800;
      }
      .group-card-cover-sub {
        font-size: 10px;
        opacity: 0.85;
        margin-top: 3px;
      }
      .group-card-cover-chip {
        display: inline-block;
        font-size: 9px;
        background: rgba(255, 255, 255, 0.22);
        padding: 3px 8px;
        border-radius: 8px;
        margin-top: 8px;
        margin-right: 6px;
      }
      .group-card-interact {
        align-self: center;
        margin: 10px auto 4px;
        font-size: 9px;
        color: #9297aa;
        background: #eef0f6;
        padding: 4px 10px;
        border-radius: 10px;
      }
      .group-card-profile {
        text-align: center;
      }
      .group-card-badge {
        width: 48px;
        height: 48px;
        margin: 0 auto 8px;
        border-radius: 50%;
        background: linear-gradient(135deg, #6a8bff, #4a6cf0);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
      }
      .group-card-profile .org-detail-name {
        font-size: 16px;
      }
      .group-card-profile .org-detail-tags {
        justify-content: center;
      }
      .group-card-role {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        margin-top: 6px;
        font-size: 11px;
        font-weight: 600;
        color: #5b8dff;
      }
      .group-card-role-icon {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #5b8dff;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 8px;
      }
      .group-card-website {
        margin-top: 8px;
        font-size: 10px;
        color: #4a76dd;
      }
      .group-card-apply {
        margin-top: 14px;
        background: #eaf1ff;
        color: #4a6cf0;
        font-size: 12px;
        font-weight: 700;
        padding: 10px;
        border-radius: 10px;
        text-align: center;
      }
      .group-card-news-item {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding: 7px 0;
      }
      .group-card-news-item + .group-card-news-item {
        border-top: 1px solid #f0f1f5;
      }
      .group-card-news-dot {
        width: 6px;
        height: 6px;
        margin-top: 5px;
        border-radius: 50%;
        background: #5b8dff;
        flex-shrink: 0;
      }
      .group-card-news-text {
        font-size: 11px;
        color: #30333f;
      }
      .group-card-news-time {
        font-size: 9px;
        color: #9297aa;
        margin-top: 2px;
      }
      .group-card-bottom-bar {
        display: flex;
        gap: 10px;
        padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
        background: #ffffff;
        border-top: 1px solid #f0f1f5;
        flex-shrink: 0;
      }
      .group-card-btn {
        flex: 1;
        text-align: center;
        font-size: 12.5px;
        font-weight: 700;
        padding: 11px;
        border-radius: 12px;
      }
      .group-card-btn.outline {
        background: #f2f1f6;
        color: #4a4658;
      }
      .group-card-btn.primary {
        background: #4a6cf0;
        color: #ffffff;
      }

      /* 人脉 页面 - 联系人卡片（关注/陌生人访客，个人身份）*/
      .network-tab {
        cursor: pointer;
      }
      .network-empty {
        padding: 60px 0;
        text-align: center;
        font-size: 12px;
        color: #b3aec8;
      }
      /* 新人脉名片样式 - 参考乔照民 */
      .network-card-new {
        background: #ffffff;
        border-radius: 16px;
        border: 1px solid #e2ebf5;
        position: relative;
        display: flex;
        flex-direction: column;
        margin-bottom: 14px;
      }
      .network-card-head-new {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        padding: 16px;
      }
      .network-logo-rect-new {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        flex-shrink: 0;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
      }
      .network-card-info-col-new {
        display: flex;
        flex-direction: column;
        gap: 4px;
        flex: 1;
      }
      .network-name-row-new {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .network-name-text-new {
        font-size: 16px;
        font-weight: 600;
        color: #1c1c1e;
      }
      .network-tag-job-new {
        background: #f2f3f7;
        color: #6a6f80;
        font-size: 11px;
        font-weight: 600;
        padding: 2px 8px;
        border-radius: 5px;
      }
      .network-company-row-new {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 13px;
        color: #5c5c60;
      }
      .network-skills-row-new {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 4px;
        margin-top: 2px;
      }
      .network-skill-pill-new {
        background: #f5f6f9;
        color: #6a6f80;
        font-size: 10px;
        font-weight: 600;
        padding: 2px 7px;
        border-radius: 4px;
      }
      .card-actions-bar-new {
        display: flex;
        align-items: center;
        height: 44px;
        border-top: 1px solid #f2f3f7;
        padding: 0 16px;
      }
      .card-action-item-new {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        font-size: 13px;
        font-weight: 600;
        color: #5a6b8c;
        cursor: pointer;
        height: 100%;
        transition: opacity 0.15s ease;
      }
      .card-action-item-new:active {
        opacity: 0.7;
      }
      .card-action-divider-v-new {
        width: 1px;
        height: 16px;
        background: #e2ebf5;
      }
      .card-action-more-new {
        padding-left: 12px;
        font-size: 16px;
        color: #8a8a94;
        cursor: pointer;
        display: flex;
        align-items: center;
      }
      .contact-card {
        position: relative;
      }
      .contact-pin {
        position: absolute;
        top: 14px;
        right: 14px;
        font-size: 13px;
        color: #c8cbd8;
      }
      .contact-pill {
        font-size: 10px;
        font-weight: 600;
        padding: 2px 7px;
        border-radius: 8px;
      }
      .contact-pill.blue {
        background: #eaf1ff;
        color: #4a6cf0;
      }
      .contact-pill.grey {
        background: #f2f1f6;
        color: #8a8a94;
      }
      .contact-sub-row {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 5px;
        font-size: 12.5px;
        color: #8a8a94;
        font-weight: 600;
      }

      /* 人脉 页面 */
      .screen-network {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #f7f7fb;
        position: absolute;
        inset: 0;
        z-index: 30;
      }
      .screen-network.active {
        display: flex;
      }

      /* 关于狸是谁 页面 */
      .screen-about {
        display: none;
        flex-direction: column;
        height: 100%;
        background: #ffffff;
        position: absolute;
        inset: 0;
        z-index: 30;
      }
      .screen-about.active {
        display: flex;
      }

      .about-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 18px 18px;
        flex-shrink: 0;
      }
      .about-page-title {
        font-size: 18px;
        font-weight: 700;
        color: #1c1c1e;
      }
      .about-header-left {
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .about-list {
        padding: 18px 18px 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .about-item {
        display: flex;
        align-items: center;
        gap: 12px;
        background: #f6f8fc;
        border-radius: 14px;
        padding: 14px 16px;
        cursor: pointer;
      }
      .about-icon {
        width: 24px;
        height: 24px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        font-weight: 700;
        flex-shrink: 0;
      }
      .about-icon.blue {
        background: #eaf1ff;
        color: #4a6cf0;
      }
      .about-icon.orange {
        background: #fff1de;
        color: #f0a63d;
      }
      .about-icon.green {
        background: #e3f8ec;
        color: #12a85a;
      }
      .about-icon.red {
        background: #fff0f0;
        color: #ff4d4f;
      }
      .about-label {
        flex: 1;
        font-size: 14px;
        font-weight: 600;
        color: #1c1c1e;
      }
      .about-value {
        font-size: 12px;
        color: #98a2b3;
      }
      .about-arrow {
        color: #98a2b3;
        font-size: 18px;
        line-height: 1;
      }

      .network-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 18px 10px;
        flex-shrink: 0;
        background: #f7f7fb;
      }
      .network-title {
        font-size: 18px;
        font-weight: 700;
        color: #1c1c1e;
      }
      #screenMessages .network-header {
        background: transparent;
      }
      .network-header .nav-right {
        color: #3a3a3c;
      }

      .network-search-row {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        padding: 2px 16px 14px;
        flex-shrink: 0;
      }
      .network-search,
      .network-blacklist {
        display: flex;
        align-items: center;
        gap: 5px;
        background: #eeeef4;
        color: #8a8a94;
        font-size: 12px;
        font-weight: 500;
        padding: 8px 14px;
        border-radius: 16px;
        cursor: pointer;
      }
      .network-search {
        flex: 1;
        justify-content: center;
      }

      .network-banner {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0 16px 14px;
        background: #ffffff;
        border: 1px solid #eef0fb;
        border-radius: 14px;
        padding: 11px 14px;
        flex-shrink: 0;
        box-shadow: 0 4px 14px rgba(90, 110, 220, 0.06);
      }
      .network-banner-badge {
        display: flex;
        align-items: center;
        gap: 3px;
        background: #eaf1ff;
        color: #4a6cf0;
        font-size: 10px;
        font-weight: 700;
        padding: 4px 8px;
        border-radius: 10px;
        flex-shrink: 0;
        white-space: nowrap;
      }
      .network-banner-text {
        font-size: 12px;
        color: #5a5866;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .network-tabs {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 16px 14px;
        flex-shrink: 0;
      }
      .network-tab {
        font-size: 13px;
        color: #a7a2c0;
        font-weight: 500;
        padding: 9px 4px;
      }
      .network-tab.active {
        color: #3a3a3c;
        font-weight: 700;
      }
      .network-tab.strong {
        background: #eaf1ff;
        color: #4a6cf0;
        font-weight: 700;
        padding: 8px 14px;
        border-radius: 16px;
      }
      #networkTabStrangers {
        margin-left: auto;
      }

      .network-list {
        flex: 1;
        overflow-y: auto;
        padding: 0 16px 24px;
        display: flex;
        flex-direction: column;
        gap: 14px;
      }

      .network-card {
        background: #ffffff;
        border: 1px solid #f0eef5;
        border-radius: 18px;
        padding: 16px;
        box-shadow: 0 4px 16px rgba(90, 110, 220, 0.05);
      }
      .network-card-head {
        display: flex;
        align-items: flex-start;
        gap: 12px;
      }
      .network-logo {
        width: 44px;
        height: 44px;
        border-radius: 13px;
        background: linear-gradient(135deg, #6a8bff, #4a6cf0);
        color: #fff;
        font-size: 19px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
      }
      .network-card-name {
        font-size: 15px;
        font-weight: 700;
        color: #1c1c1e;
      }
      .network-card-tags {
        display: flex;
        gap: 6px;
        margin-top: 6px;
      }
      .net-tag {
        font-size: 10px;
        font-weight: 600;
        color: #8a8a94;
        background: #f2f1f6;
        padding: 3px 8px;
        border-radius: 8px;
      }
      .net-tag.light {
        color: #5b8dff;
        background: #eaf1ff;
      }
      .network-source {
        margin-top: 8px;
        font-size: 11px;
        color: #b3aec8;
      }
      .network-line {
        margin-top: 10px;
        font-size: 12.5px;
        line-height: 1.7;
        color: #4a4658;
      }
      .network-label {
        color: #8a8a94;
        margin-right: 2px;
      }
      .skills-line {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
      }
      .skills-line .network-label {
        width: 100%;
        margin-bottom: 2px;
      }

      .network-status {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 10px;
        font-size: 12.5px;
        color: #4a4658;
      }
      .status-icon {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 9px;
        flex-shrink: 0;
        color: #fff;
      }
      .network-status.ok .status-icon {
        background: #3ecf6a;
      }
      .network-status.warn .status-icon {
        background: #f5a623;
      }

      .network-actions {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        margin-top: 14px;
        padding-top: 12px;
        border-top: 1px solid #f2f1f6;
      }
      .network-action {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 12.5px;
        font-weight: 600;
        color: #5a5866;
        cursor: pointer;
        flex: 1;
        justify-content: center;
        padding: 6px 0;
        border-radius: 10px;
      }
      .network-action:active {
        background: #f6f5fb;
      }
      .network-action.primary {
        color: #4a6cf0;
      }
      .network-action-divider {
        width: 1px;
        height: 16px;
        background: #eeecf5;
        flex-shrink: 0;
      }

      /* 群体智能会话记录 页面 */
      .records-list {
        flex: 1;
        overflow-y: auto;
        padding: 14px 16px 24px;
        display: flex;
        flex-direction: column;
        gap: 14px;
        position: relative;
      }
      .record-card {
        background: #ffffff;
        border: 1px solid #f0eef5;
        border-radius: 18px;
        padding: 16px;
        box-shadow: 0 4px 16px rgba(90, 110, 220, 0.05);
        position: relative;
      }
      .record-card-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
      }
      .record-title {
        font-size: 14px;
        font-weight: 700;
        color: #1c1c1e;
        line-height: 1.4;
      }
      .record-badge {
        font-size: 10px;
        font-weight: 600;
        padding: 3px 9px;
        border-radius: 8px;
        flex-shrink: 0;
      }
      .record-badge.draft {
        background: #fdeecb;
        color: #c98a2e;
      }
      .record-badge.stored {
        background: #e1f5e8;
        color: #3ea86b;
      }
      .record-field {
        margin-top: 12px;
      }
      .record-field-label {
        font-size: 11px;
        color: #a7a2c0;
      }
      .record-field-value {
        font-size: 13px;
        color: #2c2c2e;
        margin-top: 3px;
        line-height: 1.6;
      }
      .record-actions {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-top: 14px;
        padding-top: 12px;
        border-top: 1px solid #f2f1f6;
      }
      .record-action {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 12px;
        font-weight: 600;
        color: #5a5866;
        cursor: pointer;
        flex: 1;
        justify-content: center;
        padding: 6px 0;
        border-radius: 10px;
      }
      .record-action:active {
        background: #f6f5fb;
      }
      .record-action-divider {
        width: 1px;
        height: 14px;
        background: #eeecf5;
        flex-shrink: 0;
      }

      /* 更多 底部弹出菜单 */
      .more-sheet-mask {
        position: absolute;
        inset: 0;
        background: rgba(20, 16, 40, 0.28);
        z-index: 59;
        display: none;
      }
      .more-sheet-mask.open {
        display: block;
      }
      .more-sheet {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ffffff;
        border-radius: 20px 20px 0 0;
        padding: 6px 0 28px;
        transform: translateY(100%);
        transition: transform 0.22s ease;
        z-index: 60;
        box-shadow: 0 -8px 24px rgba(60, 50, 120, 0.18);
      }
      .more-sheet.open {
        transform: translateY(0);
      }
      .more-sheet-group {
        display: none;
        flex-direction: column;
      }
      .more-sheet-group.show {
        display: flex;
      }
      .more-sheet-item {
        text-align: center;
        padding: 16px 0;
        font-size: 15px;
        color: #2c2c2e;
        cursor: pointer;
      }
      .more-sheet-item:active {
        background: #f6f5fb;
      }
      .more-sheet-divider {
        height: 1px;
        background: #f0eef5;
        margin: 0 18px;
      }