/* ========== Page styles: projects ========== */
/* 创建项目页 Token 覆盖 */
:root {
  --text-primary: #FFFFFF;
}

    .page {
      width: var(--layout-canvas-width);
      min-height: var(--layout-canvas-min-height);
      background: var(--bg-page);
      overflow: hidden;
      position: relative;
      flex-shrink: 0;
    }

    .abs {
      position: absolute;
    }

    /* ========== Header（复用主控页标题栏） ========== */
    .header {
      left: 0;
      top: 0;
      width: var(--layout-canvas-width);
      height: 6.6875rem; /* 107px */
      overflow: hidden;
      z-index: 10;
      background: url("../../assets/header-bg.png") center top / 100% 100% no-repeat;
    }

    .header__title {
      position: absolute;
      left: 43rem; /* 688px */
      top: 1.1875rem; /* 19px */
      width: 34.0625rem;
      height: 3rem;
      font: var(--font-title);
      letter-spacing: 0.125rem;
      color: #eaf4ff;
      white-space: nowrap;
    }

    /* ========== 顶栏：时钟 / 用户 / 窗口（232:7116 @ 31,0） ========== */
    .top-bar {
      left: 31px;
      top: 0;
      width: 1889px;
      height: 63px;
      z-index: 20;
      overflow: visible;
    }

    .clock {
      position: absolute;
      left: 0;
      top: 15px;
      width: 207px;
      height: 40px;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 8px;
    }

    .clock__time {
      font: var(--font-clock-time);
      color: #eafcff;
      white-space: nowrap;
      min-width: 83px;
      font-variant-numeric: tabular-nums;
      letter-spacing: 0.04em;
      text-shadow: 0 0 10px rgba(4, 222, 255, 0.28);
    }

    .clock__date,
    .clock__weekday {
      font: var(--font-clock-date);
      color: rgba(210, 230, 244, 0.72);
      white-space: nowrap;
      letter-spacing: 0.04em;
    }

    .user-dropdown {
      position: absolute;
      left: 1619px;
      top: 18px;
      width: 156px;
      z-index: 201;
      overflow: visible;
    }

    .user-dropdown.is-open .dropdown__chevron {
      transform: rotate(180deg);
    }

    .dropdown__chevron {
      transition: transform 0.2s ease;
    }

    .dropdown-panel {
      position: absolute;
      top: calc(100% + 0.5rem);
      left: auto;
      right: 0;
      width: var(--dropdown-width);
      display: none;
      flex-direction: column;
      gap: var(--space-12);
      padding: var(--space-12);
      border-radius: var(--dropdown-radius);
      border: 1px solid var(--dropdown-border);
      background: var(--dropdown-bg);
      box-shadow:
        var(--dropdown-shadow),
        inset 0 1px 0 rgba(164, 214, 255, 0.12);
      backdrop-filter: var(--dropdown-blur);
      -webkit-backdrop-filter: var(--dropdown-blur);
      list-style: none;
      margin: 0;
      z-index: 60;
    }

    .dropdown.is-open > .dropdown-panel {
      display: flex !important;
    }

    .dropdown-item {
      width: var(--dropdown-item-width);
      height: var(--dropdown-item-height);
      padding: 5px 8px;
      border: none;
      border-radius: var(--dropdown-item-radius);
      background: transparent;
      font: var(--font-14);
      color: #ffffff;
      text-align: left;
      cursor: pointer;
      flex-shrink: 0;
      transition: background 0.15s ease;
    }

    .dropdown-item:hover,
    .dropdown-item.is-hover,
    .dropdown-item[aria-selected="true"] {
      background: var(--theme-hover);
    }

    .dropdown-item:active {
      background: var(--theme-selected);
    }

    .user-entry {
      width: 156px;
      height: 34px;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 8px;
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 0;
      color: inherit;
      font: inherit;
      text-align: left;
    }

    .user-entry:hover {
      filter: none;
    }

    .user-entry:hover .user-avatar {
      background: rgba(27, 126, 242, 0.7);
      box-shadow:
        inset 0 0 0 1px rgba(180, 236, 255, 0.55),
        0 0 0.65rem rgba(4, 222, 255, 0.45);
    }

    .user-entry:hover .user-meta__phone {
      color: #ffffff;
    }

    .user-avatar {
      position: relative;
      width: 34px;
      height: 34px;
      border-radius: 20px;
      background: var(--theme-selected);
      backdrop-filter: blur(724px);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      box-shadow:
        inset 0 0 0 1px rgba(164, 220, 255, 0.38),
        0 0 0.6rem rgba(27, 126, 242, 0.28);
    }

    .user-avatar::after {
      content: "";
      position: absolute;
      inset: -4px;
      border-radius: 50%;
      border: 1px solid rgba(4, 222, 255, 0.35);
      animation: avatar-ring 3.4s ease-out infinite;
      pointer-events: none;
    }

    .user-avatar__icon {
      width: 20px;
      height: 20px;
      display: flex;
      line-height: 0;
    }

    .user-avatar__icon svg {
      width: 100%;
      height: 100%;
    }

    .user-meta {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 8px;
    }

    .user-meta__phone {
      font: var(--font-14);
      color: var(--text-primary);
      white-space: nowrap;
      letter-spacing: 0.03em;
      font-variant-numeric: tabular-nums;
      transition: color 0.2s ease;
    }

    .user-meta__chevron {
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 0;
      opacity: 0.7;
      transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .user-entry:hover .user-meta__chevron {
      opacity: 1;
      transform: translateY(1px);
    }

    .user-dropdown.is-open .user-entry:hover .user-meta__chevron {
      transform: rotate(180deg);
    }

    .user-meta__chevron > span {
      width: 12.5px;
      height: 7.5px;
      display: flex;
    }

    .user-meta__chevron svg {
      width: 100%;
      height: 100%;
    }

    .win-controls {
      position: absolute;
      left: 1766px;
      top: 0;
      width: 123px;
      height: 36px;
    }

    .win-controls__bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 123px;
      height: 36px;
      line-height: 0;
      animation: win-controls-glow 4.8s ease-in-out infinite;
    }

    .win-controls__bg svg {
      width: 100%;
      height: 100%;
    }

    .win-controls__btns {
      position: absolute;
      left: 24px;
      top: 5px;
      display: flex;
      flex-direction: row;
      gap: 8px;
    }

    .win-btn {
      width: 25.920063018798828px;
      height: 25.920063018798828px;
      border-radius: 5.184012413024902px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 0;
    }

    .win-btn:hover {
      background: var(--theme-hover);
      box-shadow: 0 0 0.375rem rgba(4, 222, 255, 0.35);
    }

    .win-btn:active {
      background: var(--theme-selected);
    }

    .win-btn--close:hover {
      background: rgba(255, 56, 56, 0.25);
    }

    .win-btn--close:active {
      background: rgba(255, 56, 56, 0.45);
    }

    .win-btn--minus {
      width: 0.729rem;
      height: 0.081rem;
      background: var(--text-secondary);
      display: block;
    }

    .win-btn--zoom-box {
      width: 12.960031509399414px;
      height: 12.960031509399414px;
      border-radius: 2.592006206512451px;
      border: 1.0368025302886963px solid var(--text-secondary);
    }

    .win-btn--close > span {
      width: 11.664029121398926px;
      height: 11.664029121398926px;
      display: flex;
      line-height: 0;
    }

    .win-btn--close svg {
      width: 100%;
      height: 100%;
    }

    @keyframes avatar-ring {
      0% {
        transform: scale(0.92);
        opacity: 0.55;
      }
      70% {
        transform: scale(1.12);
        opacity: 0;
      }
      100% {
        transform: scale(1.12);
        opacity: 0;
      }
    }

    @keyframes win-controls-glow {
      0%,
      100% {
        opacity: 0.78;
      }
      50% {
        opacity: 1;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .user-avatar::after,
      .win-controls__bg {
        animation: none;
      }

      .user-avatar::after {
        display: none;
      }
    }

    /* ========== 项目卡片（540×121） ========== */
    .project-card {
      width: 540px;
      height: 121px;
      z-index: 5;
      isolation: isolate;
    }

    .project-card__bg {
      position: absolute;
      left: 0;
      top: 0.5px;
      width: 540px;
      height: 120px;
      background:
        linear-gradient(180deg, rgba(210, 236, 255, 0.1) 0%, transparent 22%),
        linear-gradient(90deg, rgba(0, 176, 243, 0.18) 0%, transparent 7%, transparent 93%, rgba(0, 176, 243, 0.14) 100%),
        radial-gradient(ellipse 42% 90% at 50% 100%, rgba(0, 229, 255, 0.1) 0%, transparent 70%),
        var(--card-bg); /* paint_233:8382 */
      pointer-events: none;
      overflow: hidden;
      box-shadow:
        inset 0 1px 0 rgba(214, 240, 255, 0.28),
        inset 0 -1px 0 rgba(0, 12, 28, 0.4),
        inset 0 0 0 1px rgba(0, 40, 72, 0.25);
      transition: box-shadow 0.28s ease, filter 0.28s ease;
    }

    /* 描边：paint_233:8608，inside 1px */
    .project-card__bg::before {
      content: "";
      position: absolute;
      inset: 0;
      background: var(--card-stroke);
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask-composite: exclude;
      -webkit-mask-composite: xor;
      padding: 1px;
      pointer-events: none;
      z-index: 1;
      opacity: 0.92;
    }

    .project-card__bg::after {
      content: "";
      position: absolute;
      top: -10%;
      left: -30%;
      width: 22%;
      height: 120%;
      z-index: 1;
      pointer-events: none;
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.045) 40%,
        rgba(180, 236, 255, 0.14) 50%,
        rgba(255, 255, 255, 0.045) 60%,
        transparent 100%
      );
      transform: skewX(-22deg);
      opacity: 0;
    }

    /* 边框装饰：MasterGo PATH（角/侧翼/底栏） */
    .project-card__deco {
      position: absolute;
      line-height: 0;
      pointer-events: none;
      z-index: 2;
      transition: opacity 0.28s ease, filter 0.28s ease;
    }

    .project-card__deco svg {
      display: block;
      width: 100%;
      height: 100%;
    }

    .project-card__deco--tl,
    .project-card__deco--tr {
      opacity: 0.92;
      filter: drop-shadow(0 0 2px rgba(0, 240, 255, 0.35));
    }

    .project-card__deco--bl,
    .project-card__deco--br {
      opacity: 0.78;
      filter: drop-shadow(0 0 2px rgba(0, 240, 255, 0.22));
    }

    .project-card__deco--side-l,
    .project-card__deco--side-r {
      opacity: 0.55;
      filter: none;
    }

    .project-card__deco--tl {
      left: 0;
      top: 0;
      width: 16px;
      height: 15px;
    }

    .project-card__deco--tr {
      right: 0;
      top: 0;
      width: 16px;
      height: 15px;
    }

    .project-card__deco--side-l {
      left: 0;
      top: 33px; /* 15 + 18 */
      width: 4px;
      height: 54px;
    }

    .project-card__deco--side-r {
      right: 0;
      top: 33px;
      width: 4px;
      height: 54px;
    }

    /* 底部组 flipV：与设计稿一致垂直翻转 */
    .project-card__deco--bl {
      left: 0;
      bottom: 0;
      width: 16px;
      height: 15px;
      transform: scaleY(-1);
    }

    .project-card__deco--br {
      right: 0;
      bottom: 0;
      width: 16px;
      height: 15px;
      transform: scaleY(-1);
    }

    .project-card__deco--bar {
      left: 234px;
      bottom: 0;
      width: 72px;
      height: 4px;
      transform: scaleY(-1);
      opacity: 0.82;
      filter: drop-shadow(0 0 3px rgba(0, 240, 255, 0.4));
      animation: project-card-bar-breathe 5.2s ease-in-out infinite;
    }

    .project-card__body {
      position: absolute;
      left: 24px;
      top: 32.5px;
      width: 492px;
      height: 60px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      z-index: 2;
      pointer-events: none;
    }

    .project-card__title {
      position: relative;
      font: var(--font-18-medium);
      color: #eaf4ff;
      white-space: nowrap;
      letter-spacing: 0.02em;
      text-shadow: 0 1px 0 rgba(0, 16, 32, 0.35);
      transition: color 0.25s ease, text-shadow 0.25s ease;
    }

    .project-card__meta {
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 492px;
      height: 22px;
    }

    .project-card__meta::before {
      content: "";
      position: absolute;
      left: 0;
      right: 52px;
      top: -6px;
      height: 1px;
      background: linear-gradient(
        90deg,
        rgba(0, 229, 255, 0.38) 0%,
        rgba(0, 176, 243, 0.12) 55%,
        transparent 100%
      );
      opacity: 0.7;
      pointer-events: none;
    }

    .project-card__time {
      font: var(--font-14);
      color: rgba(186, 214, 232, 0.72);
      white-space: nowrap;
      letter-spacing: 0.04em;
      font-variant-numeric: tabular-nums;
      transition: color 0.25s ease;
    }

    .project-card__actions {
      display: flex;
      flex-direction: row;
      gap: 12px;
      width: 44px;
      height: 16px;
      pointer-events: auto;
      position: relative;
      z-index: 3;
    }

    .project-card__action {
      width: 16px;
      height: 16px;
      padding: 0;
      border: none;
      border-radius: 2px;
      background: transparent;
      cursor: pointer;
      opacity: 0.38;
      display: flex;
      align-items: center;
      justify-content: center;
      transition:
        opacity 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease;
    }

    .project-card:hover .project-card__action {
      opacity: 0.7;
    }

    .project-card__action:hover {
      opacity: 1;
      background: rgba(0, 229, 255, 0.1);
      box-shadow: inset 0 0 0 1px rgba(126, 246, 255, 0.45);
    }

    .project-card__action[data-action="delete"]:hover {
      background: rgba(255, 56, 56, 0.12);
      box-shadow: inset 0 0 0 1px rgba(255, 120, 120, 0.5);
    }

    .project-card__action:active {
      transform: scale(0.9);
    }

    .project-card__action-icon {
      display: flex;
      line-height: 0;
    }

    .project-card__action-icon--edit {
      width: 11px;
      height: 11px;
    }

    .project-card__action-icon--del {
      width: 12px;
      height: 12px;
    }

    .project-card__action-icon svg {
      width: 100%;
      height: 100%;
    }

    .project-card__hit {
      position: absolute;
      inset: 0;
      z-index: 1;
      text-indent: -9999px;
      overflow: hidden;
    }

    .project-card__hit:focus-visible {
      outline: 2px solid var(--color-focus-ring);
      outline-offset: 2px;
    }

    .project-card:hover {
      box-shadow:
        0 0 0 1px rgba(0, 229, 255, 0.12),
        0 8px 22px rgba(0, 10, 24, 0.42);
    }

    .project-card:hover .project-card__bg {
      box-shadow:
        inset 0 1px 0 rgba(230, 248, 255, 0.38),
        inset 0 -1px 0 rgba(0, 12, 28, 0.35),
        inset 0 0 28px rgba(0, 180, 255, 0.08);
    }

    .project-card:hover .project-card__bg::before {
      opacity: 1;
    }

    .project-card:hover .project-card__bg::after {
      opacity: 1;
      animation: project-card-sheen 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
    }

    .project-card:hover .project-card__deco--tl,
    .project-card:hover .project-card__deco--tr {
      opacity: 1;
      filter: drop-shadow(0 0 4px rgba(0, 240, 255, 0.65));
    }

    .project-card:hover .project-card__deco--bl,
    .project-card:hover .project-card__deco--br,
    .project-card:hover .project-card__deco--side-l,
    .project-card:hover .project-card__deco--side-r {
      opacity: 0.92;
    }

    .project-card:hover .project-card__deco--bar {
      animation: none;
      opacity: 1;
      filter: drop-shadow(0 0 5px rgba(0, 240, 255, 0.7));
    }

    .project-card:hover .project-card__title {
      color: #ffffff;
      text-shadow: 0 0 10px rgba(0, 229, 255, 0.22);
    }

    .project-card:hover .project-card__time {
      color: rgba(210, 232, 244, 0.9);
    }

    .project-card:hover .project-card__meta::before {
      opacity: 1;
    }

    @keyframes project-card-sheen {
      from {
        left: -30%;
      }
      to {
        left: 118%;
      }
    }

    @keyframes project-card-bar-breathe {
      0%,
      100% {
        opacity: 0.72;
        filter: drop-shadow(0 0 2px rgba(0, 240, 255, 0.28));
      }
      50% {
        opacity: 1;
        filter: drop-shadow(0 0 5px rgba(0, 240, 255, 0.55));
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .project-card__deco--bar {
        animation: none;
      }

      .project-card:hover .project-card__bg::after {
        animation: none;
        opacity: 0.28;
        left: 38%;
      }
    }

    /* ========== 创建项目卡片（233:8997 @ 104,510） ========== */
    .create-card {
      left: 104px;
      top: 510px;
      width: 540px;
      height: 120px;
      z-index: 5;
      border: none;
      padding: 0;
      cursor: pointer;
      background: transparent;
      color: inherit;
      font: inherit;
    }

    .create-card__bg {
      position: absolute;
      inset: 0;
      background: var(--create-card-bg); /* paint_233:8972 #082C47 */
      pointer-events: none;
      overflow: hidden;
    }

    .create-card__bg::before {
      content: "";
      position: absolute;
      inset: 0;
      background: var(--card-stroke); /* paint_233:8608 */
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask-composite: exclude;
      -webkit-mask-composite: xor;
      padding: 1px;
      z-index: 1;
    }

    .create-card__label {
      position: absolute;
      left: 218px;
      top: 47px;
      width: 104px;
      height: 26px;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 8px;
      z-index: 2;
      pointer-events: none;
    }

    .create-card__plus {
      width: 18px;
      height: 18px;
      display: flex;
      line-height: 0;
      flex-shrink: 0;
    }

    .create-card__plus svg {
      width: 100%;
      height: 100%;
    }

    .create-card__text {
      font: var(--font-18-medium);
      color: var(--icon-white);
      white-space: nowrap;
    }

    .create-card:hover .create-card__bg {
      filter: brightness(1.15);
      box-shadow: 0 0 1rem rgba(0, 229, 255, 0.28);
    }

    .create-card:active .create-card__bg {
      filter: brightness(0.95);
    }

    @media (max-width: 75rem) {
      :root {
        font-size: clamp(14px, 2.5vw, 16px);
      }

      .page {
        width: 100%;
        min-width: 0;
        min-height: 100vh;
      }

      .header__title {
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        max-width: 90%;
        text-align: center;
        font-size: clamp(1.25rem, 4vw, 2.5rem);
      }

      .top-bar {
        left: 0;
        width: 100%;
      }

      .clock {
        left: 12px;
      }

      .user-dropdown {
        left: auto;
        right: 140px;
      }

      .win-controls {
        left: auto;
        right: 0;
      }
    }

    /* ========== 创建项目弹窗（MasterGo 251:8424） ========== */
    .create-overlay {
      position: fixed;
      inset: 0;
      z-index: 1000;
      display: none;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, 0.6); /* 05.蒙层/轻（60%） */
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      padding: 1.5rem;
    }

    /* !important：压过 UA [hidden]{display:none!important}，避免弹窗打不开 */
    .create-overlay.is-open {
      display: flex !important;
    }

    .create-dialog {
      position: relative;
      width: 56.25rem; /* 900px */
      max-width: calc(100vw - 3rem);
      height: 37.5rem; /* 600px */
      max-height: calc(100vh - 3rem);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border-radius: 11px;
      border: 1px solid #104C91; /* 04.线/通用组件/默认 */
      background: linear-gradient(180deg, rgba(5, 25, 48, 0.9) 0%, rgba(1, 6, 12, 0.9) 100%); /* paint_233:03465 */
      box-shadow:
        0 0 0 1px rgba(27, 126, 242, 0.25),
        0 0.75rem 2.5rem rgba(0, 0, 0, 0.55),
        inset 0 1px 0 rgba(164, 203, 250, 0.15);
      color: var(--icon-white);
    }

    /* 关闭按钮：设计稿 233:7071（斜切底 + X），与媒体卡/工序弹窗一致 */
    .create-dialog__close {
      position: absolute;
      top: 4px;
      right: 4px; /* 856 left in 900 */
      z-index: 5;
      width: 40px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      background: transparent;
      backdrop-filter: blur(8px); /* 背景模糊 */
      -webkit-backdrop-filter: blur(8px);
      cursor: pointer;
      padding: 0;
      line-height: 0;
      overflow: hidden;
    }

    .create-dialog__close-bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 40px;
      height: 24px;
      line-height: 0;
      pointer-events: none;
    }

    .create-dialog__close-bg svg {
      width: 40px;
      height: 24px;
      display: block;
    }

    .create-dialog__close-icon {
      position: relative;
      z-index: 1;
      width: 12px;
      height: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 4px; /* 斜切后视觉中心偏右 */
      pointer-events: none;
    }

    .create-dialog__close-icon svg {
      width: 12px;
      height: 12px;
      display: block;
    }

    .create-dialog__close:hover {
      filter: brightness(1.25);
    }

    .create-dialog__close:hover .create-dialog__close-icon svg path {
      stroke: var(--icon-white);
    }

    .create-dialog__close:active {
      filter: brightness(0.9);
      transform: scale(0.96);
    }

    .create-dialog__header {
      position: relative;
      flex-shrink: 0;
      height: 50px;
      display: flex;
      align-items: center;
      padding: 0 16px;
      overflow: hidden;
      background: linear-gradient(270deg, rgba(13, 63, 121, 0) 0%, rgba(13, 63, 121, 0) 38%, rgba(22, 101, 194, 0.1) 100%); /* paint_233:7127 */
      border-bottom: 1px solid rgba(27, 126, 242, 0.35);
    }

    .create-dialog__header-deco {
      position: absolute;
      left: 0;
      top: 0;
      width: 300px; /* 资源 600×100 @2x → 300×50 */
      height: 50px;
      pointer-events: none;
      z-index: 1;
      background: url("../../assets/modal-header-deco.png") left top / 100% 100% no-repeat;
      border-radius: 11px 0 0 0;
    }

    .create-dialog__header-deco::before {
      content: none;
    }

    .create-dialog__header-line {
      display: none;
    }

    .create-dialog__header-glow {
      display: none;
    }

    .create-dialog__title {
      position: relative;
      z-index: 3;
      font: 600 var(--font-size-16)/1.5 var(--font-family-base); /* 中文/16px（中粗体） */
      color: #F3F8FE; /* 02.文本&图标/主要 */
      text-shadow: 0 0 10px #1B7EF2; /* 文字/默认 */
      white-space: nowrap;
    }

    .create-dialog__body {
      flex: 1;
      min-height: 0;
      padding: 40px 48px 24px; /* rows start @ y90 after header50 */
      overflow: auto;
      display: flex;
      flex-direction: column;
      gap: 24px; /* 186-90-72 */
    }

    .create-form-row {
      display: flex;
      flex-direction: row;
      gap: 24px;
      width: 804px;
      max-width: 100%;
      height: 72px;
      flex-shrink: 0;
    }

    .create-field {
      flex: 1 1 0;
      width: 390px;
      max-width: 100%;
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .create-field__label {
      height: 22px;
      font: var(--font-14); /* 中文/14px（常规体） */
      color: var(--text-secondary); /* 02.文本&图标/次要 */
      line-height: 22px;
      white-space: nowrap;
    }

    .create-field__control {
      width: 100%;
      height: 46px;
      border-radius: 8px;
      border: 1px solid #104C91; /* 04.线/通用组件/默认 */
      background: rgba(4, 19, 36, 0.7); /* 03.容器/通用组件/默认 */
      color: #F3F8FE;
      font: var(--font-14);
      padding: 5px 12px;
      outline: none;
      appearance: none;
      -webkit-appearance: none;
    }

    .create-field__control::placeholder {
      color: #6C8097; /* 02.文本&图标/微弱&失效 */
      opacity: 1;
    }

    .create-field__control:not(.is-error):focus,
    .create-field__control:not(.is-error):focus-visible {
      border: 1px solid #1B7EF2;
      outline: none;
      box-shadow: none;
    }

    .create-dialog__footer {
      flex-shrink: 0;
      height: 94px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      gap: 24px;
      padding: 24px;
      border-top: 1px solid rgba(0, 123, 255, 0.2); /* paint_233:03897 */
    }

    .create-btn {
      width: 120px;
      height: 46px;
      border-radius: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 5px 16px;
      cursor: pointer;
      border: 1px solid transparent;
      font: inherit;
    }

    .create-btn:hover {
      filter: brightness(1.12);
    }

    .create-btn:active {
      transform: translateY(1px);
    }

    .create-btn--secondary {
      background: rgba(4, 19, 36, 0.7); /* 03.容器/通用组件/默认 */
      border-color: #104C91; /* 04.线/通用组件/默认 */
      color: var(--text-secondary);
      font: var(--font-16);
    }

    .create-btn--primary {
      background: linear-gradient(180deg, #1B7EF2 0%, #041324 100%); /* 03.容器/通用组件/主要 */
      border-color: rgba(255, 255, 255, 0.15); /* 04.线/分割线 */
      color: #FFFFFF;
      font: 500 var(--font-size-16)/1.5 var(--font-family-base); /* 文本16（中黑体） */
    }

    @media (max-width: 75rem) {
      .create-dialog {
        width: 100%;
        height: auto;
        max-height: calc(100vh - 2rem);
      }

      .create-dialog__body {
        padding: 1.5rem 1rem;
      }

      .create-form-row {
        flex-direction: column;
        height: auto;
        gap: 1rem;
      }

      .create-field {
        width: 100%;
      }
    }