/* 20260729-v2-guest-login1: single Chuangzaojia V2 CSS cache key for all core test pages. */
    :root {
      --page: #f6f9fd;
      --page-soft: #eef5ff;
      --panel: rgba(255, 255, 255, .84);
      --panel-strong: rgba(255, 255, 255, .96);
      --line: rgba(108, 132, 166, .12);
      --line-strong: rgba(108, 132, 166, .18);
      --text: #101828;
      --muted: #667085;
      --blue: #2f6bff;
      --cyan: #10b7dc;
      --pink: #e94fc8;
      --shadow: 0 14px 34px rgba(42, 73, 122, .055);
      --soft-shadow: 0 8px 22px rgba(42, 73, 122, .035);
      --glass: linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,251,255,.66));
      --glass-strong: linear-gradient(180deg, rgba(255,255,255,.94), rgba(250,252,255,.78));
      --glass-border: rgba(255,255,255,.72);
      --inner-highlight: inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(126,146,178,.055);
      --spatial-shadow: 0 18px 44px rgba(33, 63, 112, .075), 0 2px 8px rgba(33, 63, 112, .035);
    }

    * {
      box-sizing: border-box;
    }

    body {
      position: relative;
      margin: 0;
      min-height: 100vh;
      color: var(--text);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      background:
        linear-gradient(115deg, rgba(47,107,255,.045), transparent 34%),
        linear-gradient(245deg, rgba(16,183,220,.045), transparent 36%),
        linear-gradient(180deg, #fbfdff 0%, var(--page) 52%, #f7fbff 100%);
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(180deg, rgba(255,255,255,.70), transparent 18%),
        repeating-linear-gradient(90deg, rgba(47,107,255,.018) 0 1px, transparent 1px 120px);
      opacity: .72;
      z-index: -1;
    }

    a {
      color: inherit;
      text-decoration: none;
      -webkit-tap-highlight-color: transparent;
    }

    /* 20260723-v2-official-sidebar1: align Chuangzaojia V2 sidebar with the live PC sidebar. */
    .shell {
      display: grid;
      grid-template-columns: 234px minmax(0, 1fr);
      gap: 0;
      min-height: 100vh;
      padding: 0;
    }

    .sidebar {
      grid-column: 1;
      position: sticky;
      top: 0;
      height: 100vh;
      padding: 28px 16px 18px 24px;
      border: 0;
      border-right: 1px solid #eeeeee;
      border-radius: 0;
      background: #fff;
      box-shadow: none;
      backdrop-filter: none;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 9px;
      margin: 0 0 22px 0;
    }

    .brand img {
      width: 40px;
      height: 40px;
      border-radius: 12px;
      box-shadow: none;
    }

    .brand strong {
      display: block;
      font-size: 18px;
      letter-spacing: 0;
    }

    .brand span span {
      display: block;
      margin-top: 2px;
      color: #7c879b;
      font-size: 12px;
    }

    .nav-section {
      margin: 0;
      padding: 12px 0 14px;
      border-bottom: 1px solid #f0f0f0;
    }

    .nav-section:first-of-type {
      padding-top: 0;
    }

    .nav-section:last-of-type {
      border-bottom: 0;
    }

    .nav-title {
      margin: 0;
      padding: 0 10px 14px;
      color: #2250ff;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.4;
    }

    .nav-item {
      display: flex;
      align-items: center;
      gap: 0;
      min-height: 44px;
      padding: 0 14px;
      border-radius: 9px;
      color: #243047;
      font-size: 14px;
      line-height: 1.4;
      transition: background .16s ease, color .16s ease;
    }

    .nav-item:hover {
      color: #172033;
      background: rgba(255,255,255,.72);
    }

    .nav-item.active {
      color: #fff;
      background: rgb(49 92 255 / 81%);
      box-shadow: inset 0 0 0 1px rgba(49,92,255,.05);
    }

    .nav-icon {
      width: 20px;
      height: 20px;
      display: grid;
      place-items: center;
      color: currentColor;
      font-size: 20px;
      margin-right: 18px;
      margin-top: -4px;
    }

    .nav-badge-new {
      display: inline-grid;
      place-items: center;
      min-width: 18px;
      height: 16px;
      margin-left: 8px;
      padding: 0 4px;
      border-radius: 999px;
      background: #3867ff;
      color: #fff;
      font-size: 11px;
      font-weight: 700;
      line-height: 1;
    }

    .app-download {
      margin-top: auto;
      display: flex;
      align-items: center;
      gap: 10px;
      min-height: 44px;
      margin-right: 18px;
      padding: 0 20px;
      border: 1px solid rgba(126,146,178,.16);
      border-radius: 9px;
      background: rgba(255,255,255,.74);
      color: #172033;
      font-size: 14px;
      font-weight: 850;
      box-shadow: inset 0 0 0 1px rgba(126,146,178,.16);
      transition: background .16s ease, border-color .16s ease;
    }

    .app-download:hover {
      background: #f7f7f7;
      border-color: #dcdcdc;
    }

    /* 20260717-detail-redbox-clean1: remove the unused top strip and quick-entry noise on the model detail page. */
    .redesign-detail-page .shell {
      padding-top: 0;
    }

    .redesign-detail-page .sidebar,
    .redesign-detail-page .topbar {
      top: 8px;
    }

    .main {
      grid-column: 2;
      min-width: 0;
    }

    .topbar {
      position: sticky;
      top: 14px;
      z-index: 5;
      min-height: 56px;
      display: grid;
      grid-template-columns: minmax(320px, 560px) minmax(0, 1fr) max-content max-content;
      align-items: center;
      gap: 12px;
      padding: 8px 14px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: var(--glass-strong);
      box-shadow: 0 10px 28px rgba(42, 73, 122, .045), var(--inner-highlight);
      backdrop-filter: blur(28px) saturate(1.18);
    }

    .search {
      height: 44px;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 0 5px 0 14px;
      border: 1px solid rgba(47, 107, 255, .18);
      border-radius: 14px;
      background: rgba(255, 255, 255, .92);
      color: #8b95a7;
      font-size: 13px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 10px 22px rgba(47,107,255,.055);
      transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .search:focus-within {
      border-color: rgba(47, 107, 255, .38);
      background: #fff;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 12px 26px rgba(47,107,255,.10);
    }

    .search input {
      min-width: 0;
      flex: 1;
      border: 0;
      outline: 0;
      background: transparent;
      color: #172033;
      font: inherit;
      font-size: 13px;
    }

    .search .search-submit {
      appearance: none;
      -webkit-appearance: none;
      flex: 0 0 auto;
      height: 34px;
      min-width: 68px;
      padding: 0 14px;
      border: 0;
      border-radius: 11px;
      background: #315cff linear-gradient(135deg, #315cff, #4b8dff) !important;
      color: #fff !important;
      -webkit-text-fill-color: #fff;
      font-size: 13px;
      font-weight: 820;
      cursor: pointer;
      box-shadow: 0 8px 18px rgba(49,92,255,.24), inset 0 1px 0 rgba(255,255,255,.28);
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .search .search-submit:hover {
      transform: translateY(-1px);
      box-shadow: 0 10px 20px rgba(49,92,255,.30), inset 0 1px 0 rgba(255,255,255,.30);
      background: #284fe8 linear-gradient(135deg, #284fe8, #3378f6) !important;
    }

    .search input::placeholder {
      color: #8a97aa;
    }

    .quick {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
    }

    .quick a,
    .top-action {
      height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 0 12px;
      border-radius: 12px;
      background: rgba(255, 255, 255, .68);
      color: #24324d;
      font-weight: 680;
      box-shadow: inset 0 0 0 1px rgba(126, 146, 178, .12);
      white-space: nowrap;
      transition: background .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease;
    }

    .quick a:hover,
    .top-action:hover {
      background: #fff;
      box-shadow: inset 0 0 0 1px rgba(47, 107, 255, .16), 0 6px 14px rgba(42, 73, 122, .045);
      transform: translateY(-1px);
    }

    .top-actions {
      display: flex;
      gap: 10px;
      align-items: center;
    }

    .redesign-auth {
      display: flex;
      align-items: center;
      min-width: 0;
    }

    .redesign-auth-guest,
    .redesign-auth-user {
      height: 36px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 0 12px;
      border-radius: 12px;
      border: 1px solid rgba(126,146,178,.12);
      background: rgba(255,255,255,.78);
      color: #24324d;
      font-size: 12px;
      font-weight: 760;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 8px 18px rgba(42,73,122,.035);
      white-space: nowrap;
    }

    .redesign-auth-guest:hover,
    .redesign-auth-user:hover {
      color: var(--blue);
      background: #fff;
      border-color: rgba(47,107,255,.18);
    }

    .redesign-auth-user img {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      object-fit: cover;
      background: #eef3ff;
    }

    .redesign-auth-user span {
      min-width: 0;
      display: grid;
      gap: 1px;
      line-height: 1.05;
    }

    .redesign-auth-user strong,
    .redesign-auth-user em {
      max-width: 86px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .redesign-user-menu {
      position: relative;
      justify-content: flex-end;
    }

    .redesign-user-trigger {
      min-width: 128px;
      height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      padding: 4px 5px 4px 12px;
      border: 1px solid rgba(126,146,178,.12);
      border-radius: 16px;
      background: rgba(255,255,255,.82);
      color: #24324d;
      font: inherit;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 22px rgba(42,73,122,.04);
      cursor: pointer;
      backdrop-filter: blur(18px) saturate(1.14);
    }

    .redesign-user-trigger.v2-guest-login-entry {
      min-width: 108px;
      height: 40px;
      justify-content: center;
      padding: 0 18px;
      border-color: rgba(49, 92, 255, .18);
      background: linear-gradient(180deg, #3f7cff, #245cff);
      color: #fff;
      font-size: 13px;
      font-weight: 860;
      box-shadow: 0 12px 22px rgba(47, 107, 255, .18), inset 0 1px 0 rgba(255, 255, 255, .25);
    }

    .redesign-user-trigger.v2-guest-login-entry:hover {
      transform: translateY(-1px);
      box-shadow: 0 14px 26px rgba(47, 107, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .28);
    }

    .user-trigger-copy {
      display: grid;
      gap: 1px;
      min-width: 0;
      text-align: right;
      line-height: 1.05;
    }

    .user-trigger-copy strong,
    .user-trigger-copy em {
      max-width: 86px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .user-trigger-copy strong {
      font-size: 12px;
      font-weight: 780;
    }

    .user-trigger-copy em {
      color: #6b7890;
      font-size: 10px;
      font-style: normal;
      font-weight: 650;
    }

    .redesign-user-menu .avatar {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      object-fit: cover;
      background: #eef3ff;
      box-shadow: 0 0 0 1px rgba(126,146,178,.16);
    }

    /* 20260724-v2-avatar-polish1: hard-limit real user photos in the V2 topbar. */
    .redesign-user-menu .user-trigger-avatar {
      width: 30px !important;
      height: 30px !important;
      min-width: 30px;
      max-width: 30px;
      flex: 0 0 auto;
      display: block;
      border-radius: 50%;
      object-fit: cover;
    }

    .redesign-user-menu .user-menu-avatar {
      width: 42px !important;
      height: 42px !important;
      min-width: 42px;
      max-width: 42px;
      flex: 0 0 auto;
      display: block;
      border-radius: 50%;
      object-fit: cover;
    }

    .redesign-user-menu-panel {
      position: absolute;
      top: calc(100% + 10px);
      right: 0;
      z-index: 30;
      width: 318px;
      padding: 14px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 22px;
      background: rgba(255,255,255,.94);
      box-shadow: 0 26px 60px rgba(31,45,75,.16), inset 0 1px 0 rgba(255,255,255,.92);
      opacity: 0;
      visibility: hidden;
      transform: translateY(8px) scale(.98);
      transform-origin: top right;
      transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
      backdrop-filter: blur(28px) saturate(1.2);
    }

    .redesign-user-menu:hover .redesign-user-menu-panel,
    .redesign-user-menu:focus-within .redesign-user-menu-panel {
      opacity: 1;
      visibility: visible;
      transform: translateY(0) scale(1);
    }

    .user-menu-profile {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      padding: 4px 4px 12px;
      border-bottom: 1px solid rgba(126,146,178,.10);
    }

    .user-menu-balance {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-top: 10px;
      padding: 10px 12px;
      border-radius: 14px;
      background: linear-gradient(180deg, rgba(255,248,235,.92), rgba(255,255,255,.76));
      border: 1px solid rgba(245,158,11,.16);
      color: #8a5a13;
      font-size: 12px;
      font-weight: 760;
    }

    .user-menu-balance strong {
      color: #9a4f00;
      font-size: 17px;
      font-weight: 880;
      line-height: 1;
    }

    .user-menu-balance em {
      margin-left: 4px;
      color: #9a6a23;
      font-size: 11px;
      font-style: normal;
      font-weight: 720;
    }

    .user-menu-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      margin-top: 8px;
    }

    .user-menu-stats span {
      min-width: 0;
      display: grid;
      gap: 4px;
      justify-items: center;
      padding: 9px 6px;
      border-radius: 14px;
      background: rgba(247,250,255,.76);
      border: 1px solid rgba(126,146,178,.08);
    }

    .user-menu-stats strong {
      color: #172033;
      font-size: 16px;
      font-weight: 860;
      line-height: 1;
    }

    .user-menu-stats em {
      color: #667489;
      font-size: 11px;
      font-style: normal;
      font-weight: 680;
      white-space: nowrap;
    }

    .user-menu-profile img {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      object-fit: cover;
      background: #eef3ff;
    }

    .user-menu-profile strong {
      display: block;
      color: #172033;
      font-size: 14px;
      font-weight: 820;
      line-height: 1.2;
    }

    .user-menu-profile span {
      display: block;
      margin-top: 4px;
      color: #65738a;
      font-size: 12px;
      line-height: 1.35;
    }

    .user-menu-primary {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      padding: 12px 0;
    }

    .user-menu-primary a,
    .user-menu-primary button {
      appearance: none;
      min-height: 64px;
      display: grid;
      place-items: center;
      gap: 6px;
      padding: 9px 6px;
      border: 1px solid rgba(126,146,178,.12);
      border-radius: 16px;
      background: rgba(247,250,255,.82);
      color: #24324d;
      font: inherit;
      font-size: 12px;
      font-weight: 760;
      text-align: center;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
    }

    .user-menu-primary i {
      width: 28px;
      height: 28px;
      position: relative;
      display: inline-grid;
      place-items: center;
      border-radius: 11px;
      background: #fff;
      color: var(--blue);
      font-size: 15px;
    }

    .user-menu-primary .detail-vip-entry .icon-diamond {
      font-size: 0 !important;
      background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.88) 0 2px, transparent 3px),
        linear-gradient(145deg, rgba(142,112,255,.96), rgba(49,92,255,.96));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 8px 18px rgba(49,92,255,.18);
    }

    .user-menu-primary .detail-vip-entry .icon-diamond::before {
      content: "";
      width: 13px;
      height: 13px;
      border-radius: 4px;
      border: 1.4px solid rgba(255,255,255,.9);
      transform: rotate(45deg);
      box-shadow: inset 0 0 0 2px rgba(255,255,255,.14);
    }

    .user-menu-primary .detail-vip-entry .icon-diamond::after {
      content: "";
      position: absolute;
      left: 13px;
      top: 8px;
      width: 1.5px;
      height: 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.82);
      transform: rotate(45deg);
    }

    .user-menu-primary a:hover,
    .user-menu-primary button:hover {
      background: #fff;
      border-color: rgba(47,107,255,.18);
      color: var(--blue);
    }

    .user-menu-links {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      padding-top: 10px;
      border-top: 1px solid rgba(126,146,178,.10);
    }

    .user-menu-links a,
    .user-menu-links button {
      appearance: none;
      border: 0;
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      padding: 0 10px;
      border-radius: 12px;
      background: rgba(255,255,255,.72);
      color: #53627a;
      font-size: 12px;
      font-weight: 720;
      font-family: inherit;
      cursor: pointer;
    }

    .user-menu-links a:hover,
    .user-menu-links button:hover {
      color: var(--blue);
      background: rgba(239,246,255,.92);
    }

    .user-menu-links .v2-logout-entry {
      color: #9f1239;
      background: rgba(255,241,242,.82);
    }

    /* 20260728-v2-sitemap-page1: static sitemap.html uses the V2 shell and footer. */
    .sitemap-v2-body .main {
      min-width: 0;
    }

    .sitemap-v2-page .sitemap-v2-hero p {
      max-width: 760px;
      margin: 12px 0 0;
      color: #52627a;
      line-height: 1.7;
    }

    .sitemap-v2-section {
      margin-top: 16px;
    }

    .sitemap-v2-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }

    .sitemap-v2-grid a {
      min-height: 42px;
      display: inline-flex;
      align-items: center;
      padding: 0 14px;
      border: 1px solid rgba(126, 146, 178, .12);
      border-radius: 12px;
      background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.82));
      color: #243047;
      font-size: 14px;
      font-weight: 760;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 20px rgba(42,73,122,.04);
      transition: color .16s ease, border-color .16s ease, background .16s ease, transform .16s ease;
    }

    .sitemap-v2-grid a:hover {
      color: var(--blue);
      border-color: rgba(49, 92, 255, .24);
      background: #fff;
      transform: translateY(-1px);
    }

    .redesign-auth-user em {
      color: #7a879b;
      font-size: 11px;
      font-style: normal;
      font-weight: 650;
    }

    .redesign-auth.is-guest .redesign-auth-user,
    .redesign-auth.is-login .redesign-auth-guest {
      display: none;
    }

    .top-action.primary {
      background: #141927;
      color: #fff;
      box-shadow: 0 8px 16px rgba(17, 21, 42, .12);
    }

    .top-action.primary:hover {
      background: #0f1420;
      box-shadow: 0 10px 18px rgba(17, 21, 42, .16);
    }

    .avatar {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      object-fit: cover;
      border: 3px solid rgba(255, 255, 255, .86);
      box-shadow: 0 8px 16px rgba(17, 21, 42, .12);
    }

    .workspace {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(292px, .55fr);
      gap: 16px;
      margin-top: 16px;
    }

    .hero {
      position: relative;
      min-height: 326px;
      padding: 24px 342px 22px 26px;
      border: 1px solid var(--line);
      border-radius: 20px;
      overflow: hidden;
      background:
        radial-gradient(circle at 74% 18%, rgba(255,255,255,.72), transparent 22%),
        radial-gradient(circle at 76% 24%, rgba(16, 183, 220, .105), transparent 31%),
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(244,249,255,.70));
      box-shadow: var(--spatial-shadow), var(--inner-highlight);
      backdrop-filter: blur(28px) saturate(1.16);
    }

    .hero::before {
      content: "";
      position: absolute;
      right: 18px;
      top: 18px;
      bottom: 18px;
      width: 316px;
      border-radius: 18px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.72), rgba(241,248,255,.46)),
        radial-gradient(circle at 50% 8%, rgba(47,107,255,.08), transparent 44%);
      border: 1px solid rgba(255,255,255,.72);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 16px 34px rgba(33,63,112,.055);
    }

    .hero::after {
      content: none;
    }

    .hero-3d-stage {
      position: absolute;
      z-index: 1;
      right: 30px;
      top: 32px;
      width: 292px;
      height: 210px;
      display: grid;
      place-items: center;
      perspective: 840px;
      pointer-events: none;
    }

    .hero-3d-stage::before {
      content: "";
      position: absolute;
      inset: 8px 12px 2px;
      border-radius: 28px;
      background: radial-gradient(ellipse at center, rgba(47,107,255,.10), transparent 58%);
      transform: rotateX(70deg);
      filter: blur(8px);
    }

    .hero-3d-space {
      position: relative;
      width: 238px;
      height: 154px;
      transform-style: preserve-3d;
      animation: homeSpaceTurn 12s linear infinite;
    }

    .hero-3d-stage:hover .hero-3d-space {
      animation-play-state: paused;
    }

    .hero-3d-floor {
      position: absolute;
      inset: 26px 0 0;
      border-radius: 18px;
      transform: rotateX(66deg) translateZ(-16px);
      background:
        linear-gradient(90deg, rgba(133, 100, 54, .10) 1px, transparent 1px),
        linear-gradient(0deg, rgba(133, 100, 54, .10) 1px, transparent 1px),
        linear-gradient(135deg, #f6d794, #ffe5ad);
      background-size: 34px 34px, 34px 34px, cover;
      box-shadow: 0 26px 38px rgba(58, 43, 27, .10), inset 0 1px 0 rgba(255,255,255,.42);
    }

    .hero-3d-model {
      position: absolute;
      left: 86px;
      top: 14px;
      width: 78px;
      height: 78px;
      object-fit: contain;
      transform: translateZ(56px) rotateY(-16deg);
      filter: drop-shadow(0 12px 10px rgba(31, 36, 54, .16));
    }

    .hero-3d-card {
      position: absolute;
      width: 68px;
      height: 44px;
      border-radius: 12px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(255,255,255,.66);
      box-shadow: 0 10px 22px rgba(42, 73, 122, .065), inset 0 1px 0 rgba(255,255,255,.86);
      backdrop-filter: blur(16px);
    }

    .hero-3d-card.one {
      left: 24px;
      top: 58px;
      transform: translateZ(34px) rotateY(24deg);
    }

    .hero-3d-card.two {
      right: 18px;
      top: 72px;
      transform: translateZ(28px) rotateY(-28deg);
    }

    .hero-3d-hint {
      position: absolute;
      right: 54px;
      bottom: 34px;
      z-index: 2;
      padding: 5px 9px;
      border-radius: 999px;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(126, 146, 178, .10);
      color: #667489;
      font-size: 12px;
      font-weight: 620;
    }

    @keyframes homeSpaceTurn {
      from { transform: rotateX(58deg) rotateZ(-10deg) rotateY(0deg); }
      to { transform: rotateX(58deg) rotateZ(-10deg) rotateY(360deg); }
    }

    .eyebrow {
      position: relative;
      z-index: 1;
      width: fit-content;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(47, 107, 255, .075);
      color: var(--blue);
      font-size: 12px;
    }

    h1 {
      position: relative;
      z-index: 1;
      /* max-width: 480px; */
      margin: 16px 0 9px;
      font-size: 30px;
      line-height: 1.16;
      letter-spacing: 0;
      text-wrap: balance;
    }

    .hero p {
      position: relative;
      z-index: 1;
      max-width: 470px;
      margin: 0;
      color: #5b687d;
      font-size: 13px;
      line-height: 1.62;
      font-weight: 500;
    }

    .hero-actions {
      position: relative;
      z-index: 1;
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 18px;
    }

    .btn {
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 0 14px;
      border-radius: 12px;
      border: 1px solid rgba(126, 146, 178, .16);
      background: rgba(255, 255, 255, .68);
      font-size: 13px;
      font-weight: 680;
      box-shadow: 0 8px 18px rgba(42, 73, 122, .045), inset 0 1px 0 rgba(255,255,255,.86);
      backdrop-filter: blur(18px) saturate(1.12);
      transition: background .18s ease, box-shadow .18s ease, transform .18s ease, border-color .18s ease;
    }

    .btn:hover {
      background: #fff;
      border-color: rgba(47, 107, 255, .18);
      box-shadow: 0 8px 18px rgba(42, 73, 122, .075);
      transform: translateY(-1px);
    }

    .btn.primary {
      background: #2f63f4;
      color: #fff;
      border-color: transparent;
      box-shadow: 0 12px 26px rgba(47, 107, 255, .18);
    }

    .btn.primary:hover {
      background: #2859e8;
      border-color: transparent;
      box-shadow: 0 12px 22px rgba(47, 107, 255, .20);
    }

    .metric-row {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 18px;
      max-width: 520px;
    }

    .metric {
      min-width: 100px;
      padding: 7px 10px;
      border-radius: 12px;
      background: rgba(255, 255, 255, .62);
      border: 1px solid rgba(255,255,255,.68);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
      backdrop-filter: blur(14px);
    }

    .metric strong {
      display: block;
      font-size: 16px;
      line-height: 1;
    }

    .metric span {
      display: block;
      margin-top: 6px;
      color: #667085;
      font-size: 12px;
      font-weight: 600;
    }

    .action-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
    }

    .action-card {
      min-height: 156px;
      padding: 17px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: var(--glass);
      box-shadow: 0 12px 30px rgba(42, 73, 122, .045), var(--inner-highlight);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      backdrop-filter: blur(20px);
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
    }

    .action-card::before {
      content: "";
      width: 28px;
      height: 3px;
      margin-bottom: 16px;
      border-radius: 999px;
      background: rgba(47, 107, 255, .22);
      display: block;
    }

    .action-card:hover {
      border-color: rgba(47, 107, 255, .18);
      box-shadow: 0 10px 22px rgba(42, 73, 122, .065);
      transform: translateY(-2px);
    }

    .action-card.featured {
      grid-column: auto;
      min-height: 156px;
      background:
        radial-gradient(circle at 90% 8%, rgba(255,255,255,.36), transparent 34%),
        linear-gradient(135deg, #2f63f4 0%, #1f9fd2 100%);
      color: #fff;
      border-color: rgba(255,255,255,.44);
    }

    .action-card.featured::before {
      background: rgba(255, 255, 255, .72);
    }

    .action-card.featured:hover {
      border-color: rgba(255,255,255,.64);
      box-shadow: 0 12px 24px rgba(47, 107, 255, .14);
    }

    .action-card h3 {
      margin: 0 0 8px;
      font-size: 15px;
      letter-spacing: 0;
    }

    .action-card h3 span {
      display: block;
      margin-top: 4px;
      color: inherit;
      opacity: .62;
      font-size: 12px;
      font-weight: 560;
    }

    .action-card p {
      margin: 0;
      color: #667085;
      font-size: 12px;
      line-height: 1.55;
      font-weight: 500;
    }

    .action-card.featured p {
      color: rgba(255, 255, 255, .82);
    }

    .action-link {
      width: fit-content;
      color: var(--blue);
      font-size: 12px;
      font-weight: 680;
    }

    .featured .action-link {
      color: #fff;
    }

    .hero-entry-row {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      max-width: 520px;
      margin-top: 12px;
    }

    .hero-entry {
      min-height: 50px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 4px;
      padding: 9px 11px;
      border-radius: 13px;
      background: rgba(255,255,255,.64);
      border: 1px solid rgba(255,255,255,.66);
      box-shadow: 0 8px 18px rgba(42, 73, 122, .035), inset 0 1px 0 rgba(255,255,255,.82);
      backdrop-filter: blur(16px);
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
    }

    .hero-entry:hover {
      background: #fff;
      border-color: rgba(47, 107, 255, .14);
      box-shadow: 0 8px 16px rgba(42, 73, 122, .055);
      transform: translateY(-1px);
    }

    .hero-entry strong {
      color: #172033;
      font-size: 13px;
      line-height: 1.2;
    }

    .hero-entry span {
      color: #667489;
      font-size: 12px;
    }

    .section {
      margin-top: 16px;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 20px;
      background: var(--glass);
      box-shadow: 0 12px 32px rgba(42, 73, 122, .04), var(--inner-highlight);
      backdrop-filter: blur(26px) saturate(1.14);
    }

    .section-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 13px;
    }

    .section h2 {
      margin: 0;
      font-size: 19px;
      line-height: 1.18;
      letter-spacing: 0;
    }

    .section-head p,
    .model-head p {
      margin: 7px 0 0;
      color: #617089;
      font-size: 12px;
      font-weight: 500;
    }

    .personal-hub {
      display: grid;
      grid-template-columns: minmax(0, 1.22fr) repeat(3, minmax(0, .82fr));
      gap: 10px;
    }

    .personal-card {
      min-height: 118px;
      padding: 15px;
      border-radius: 16px;
      background: rgba(255, 255, 255, .62);
      border: 1px solid rgba(255,255,255,.66);
      box-shadow: 0 8px 20px rgba(42, 73, 122, .035), inset 0 1px 0 rgba(255,255,255,.82);
      backdrop-filter: blur(18px) saturate(1.12);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
    }

    .personal-card:hover {
      background: #fff;
      border-color: rgba(47, 107, 255, .14);
      box-shadow: 0 14px 28px rgba(42, 73, 122, .065), inset 0 1px 0 rgba(255,255,255,.92);
      transform: translateY(-2px);
    }

    .personal-card.primary {
      background:
        radial-gradient(circle at 88% 12%, rgba(47, 107, 255, .16), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.78), rgba(244,249,255,.58));
    }

    .personal-card h3 {
      margin: 0 0 7px;
      font-size: 15px;
      line-height: 1.25;
    }

    .personal-card p {
      margin: 0;
      color: #667489;
      font-size: 12px;
      line-height: 1.52;
    }

    .personal-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 12px;
    }

    .personal-meta span {
      padding: 4px 8px;
      border-radius: 999px;
      background: rgba(47, 107, 255, .07);
      color: #31527f;
      font-size: 12px;
      font-weight: 620;
    }

    .showcase {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 384px;
      gap: 14px;
    }

    .space-card {
      min-height: 208px;
      position: relative;
      overflow: hidden;
      border-radius: 16px;
      padding: 18px;
      background:
        radial-gradient(circle at 82% 18%, rgba(47,107,255,.075), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.72), rgba(246,250,255,.56));
      border: 1px solid rgba(255,255,255,.68);
      box-shadow: 0 10px 24px rgba(42,73,122,.035), inset 0 1px 0 rgba(255,255,255,.84);
      backdrop-filter: blur(18px) saturate(1.12);
      display: grid;
      grid-template-columns: minmax(260px, .95fr) minmax(180px, .7fr) minmax(210px, .8fr);
      gap: 16px;
      align-items: stretch;
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }

    .space-card:hover {
      border-color: rgba(47, 107, 255, .16);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.62), 0 8px 18px rgba(42, 73, 122, .045);
      transform: translateY(-1px);
    }

    .space-card::after {
      content: none;
    }

    .space-copy {
      position: relative;
      z-index: 1;
      max-width: none;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .space-copy h3 {
      margin: 0 0 10px;
      font-size: 17px;
      letter-spacing: 0;
    }

    .space-copy p {
      margin: 0;
      color: #667489;
      font-size: 12px;
      line-height: 1.62;
      font-weight: 500;
    }

    .space-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 14px;
    }

    .space-stats {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      margin-top: 15px;
    }

    .space-stat {
      min-height: 50px;
      padding: 9px 10px;
      border-radius: 12px;
      background: rgba(255,255,255,.58);
      border: 1px solid rgba(255,255,255,.68);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
    }

    .space-stat strong {
      display: block;
      color: #172033;
      font-size: 15px;
      line-height: 1;
    }

    .space-stat span {
      display: block;
      margin-top: 6px;
      color: #667489;
      font-size: 12px;
    }

    .tag {
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(255, 255, 255, .62);
      border: 1px solid rgba(255,255,255,.66);
      backdrop-filter: blur(14px);
      color: #33527a;
      font-size: 12px;
      font-weight: 620;
    }

    .space-flow {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 9px;
      align-content: center;
    }

    .flow-item {
      min-height: 52px;
      display: grid;
      grid-template-columns: 30px minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      padding: 10px;
      border-radius: 13px;
      background: rgba(255,255,255,.58);
      border: 1px solid rgba(255,255,255,.68);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
    }

    .flow-dot {
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      border-radius: 10px;
      background: rgba(47, 107, 255, .08);
      color: var(--blue);
      font-weight: 720;
      font-size: 12px;
    }

    .flow-item strong {
      display: block;
      font-size: 12px;
      line-height: 1.2;
    }

    .flow-item span {
      display: block;
      margin-top: 3px;
      color: #667489;
      font-size: 12px;
    }

    .space-mini-stage {
      position: relative;
      z-index: 1;
      min-height: 166px;
      border-radius: 16px;
      overflow: hidden;
      background:
        radial-gradient(circle at 50% 18%, rgba(47, 107, 255, .11), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.66), rgba(246,250,255,.52));
      border: 1px solid rgba(255,255,255,.68);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
      perspective: 760px;
    }

    .space-mini-stage::before {
      content: "";
      position: absolute;
      left: 22px;
      right: 22px;
      bottom: 22px;
      height: 86px;
      border-radius: 16px;
      transform: rotateX(64deg);
      background:
        linear-gradient(90deg, rgba(133, 100, 54, .08) 1px, transparent 1px),
        linear-gradient(0deg, rgba(133, 100, 54, .08) 1px, transparent 1px),
        linear-gradient(135deg, #f7dc9d, #ffe9b7);
      background-size: 28px 28px, 28px 28px, cover;
      box-shadow: 0 16px 22px rgba(58, 43, 27, .08);
    }

    .space-mini-stage img {
      position: absolute;
      right: 28px;
      bottom: 44px;
      width: 138px;
      height: 92px;
      object-fit: contain;
      filter: drop-shadow(0 12px 12px rgba(20, 28, 45, .13));
      animation: exhibitFloat 4.8s ease-in-out infinite;
    }

    .space-mini-label {
      position: absolute;
      left: 16px;
      bottom: 18px;
      padding: 6px 9px;
      border-radius: 999px;
      background: rgba(255,255,255,.82);
      border: 1px solid rgba(126, 146, 178, .10);
      color: #667489;
      font-size: 12px;
      font-weight: 620;
    }

    @keyframes exhibitFloat {
      0%, 100% { transform: translateY(0) rotateY(-8deg); }
      50% { transform: translateY(-4px) rotateY(8deg); }
    }

    .creator-list {
      display: grid;
      gap: 7px;
    }

    .creator-row {
      min-height: 62px;
      display: grid;
      grid-template-columns: 58px minmax(0, 1fr) max-content;
      align-items: center;
      gap: 10px;
      padding: 7px 9px;
      border-radius: 13px;
      background: rgba(255, 255, 255, .60);
      border: 1px solid rgba(255,255,255,.66);
      box-shadow: 0 8px 18px rgba(42, 73, 122, .03), inset 0 1px 0 rgba(255,255,255,.78);
      backdrop-filter: blur(16px);
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
    }

    .creator-row:hover {
      background: #fff;
      border-color: rgba(47, 107, 255, .14);
      box-shadow: 0 8px 18px rgba(42, 73, 122, .055);
      transform: translateY(-1px);
    }

    .creator-row img {
      width: 56px;
      height: 46px;
      object-fit: contain;
      border-radius: 12px;
      background: rgba(248, 251, 255, .82);
    }

    .creator-row strong {
      display: block;
      margin-bottom: 2px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 13px;
    }

    .creator-row span {
      color: #617089;
      font-size: 12px;
      font-weight: 500;
    }

    .pill {
      height: 28px;
      min-width: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: rgba(255, 255, 255, .92);
      color: var(--blue);
      font-size: 12px;
      font-weight: 660;
      box-shadow: inset 0 0 0 1px rgba(47, 107, 255, .08);
    }

    .model-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 14px;
    }

    .detail-related-section .model-head,
    .detail-latest-section .model-head,
    .detail-recommend-section .model-head {
      display: grid;
      grid-template-columns: max-content minmax(0, 1fr) max-content;
      align-items: center;
    }

    .detail-related-section .model-head .btn,
    .detail-latest-section .model-head .btn,
    .detail-recommend-section .model-head .btn {
      grid-column: 3;
      justify-self: end !important;
      justify-content: flex-end !important;
      min-height: 32px !important;
      padding: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      border: 0 !important;
      color: #172033;
      font-size: 14px;
      font-weight: 820;
      box-shadow: none !important;
      backdrop-filter: none !important;
      transform: none !important;
    }

    .detail-related-section .model-head .btn:hover,
    .detail-latest-section .model-head .btn:hover,
    .detail-recommend-section .model-head .btn:hover {
      color: var(--blue);
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      transform: none !important;
    }

    .redesign-detail-page .detail-related-section .model-head > .btn,
    .redesign-detail-page .detail-latest-section .model-head > .btn,
    .redesign-detail-page .detail-recommend-section .model-head > .btn {
      justify-self: end !important;
      align-self: center !important;
      width: auto !important;
      min-width: 0 !important;
      min-height: 32px !important;
      padding: 0 !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
    }

    .tabs {
      display: flex;
      gap: 6px;
      padding: 4px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, .56);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.76);
      backdrop-filter: blur(18px) saturate(1.12);
    }

    .tabs a {
      height: 28px;
      display: inline-flex;
      align-items: center;
      padding: 0 12px;
      border-radius: 999px;
      color: #4f6179;
      font-size: 12px;
      font-weight: 660;
      transition: background .18s ease, color .18s ease, box-shadow .18s ease;
    }

    .tabs a:hover {
      background: rgba(255, 255, 255, .78);
      color: var(--blue);
    }

    .tabs a.active {
      background: #fff;
      color: var(--blue);
      box-shadow: 0 4px 10px rgba(42, 73, 122, .055);
    }

    .models {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 10px;
    }

    .redesign-list-page .main {
      padding-bottom: 18px;
    }

    .redesign-detail-page .main {
      padding-bottom: 18px;
    }

    .redesign-detail-page .navbar,
    .redesign-detail-page .links,
    .redesign-detail-page .right-ad,
    .redesign-detail-page .right-banner,
    .redesign-detail-page .float-ad,
    .redesign-detail-page .fixed-ad,
    .redesign-detail-page .customer-service,
    .redesign-detail-page [class*="right-ad"],
    .redesign-detail-page [class*="float-ad"] {
      display: none !important;
    }

    .member-bridge-page .main {
      padding-bottom: 18px;
    }

    .member-native-page .main {
      padding-bottom: 18px;
    }

    .list-hero {
      margin-top: 16px;
      min-height: 188px;
      padding: 22px;
      border-radius: 20px;
      border: 1px solid var(--line);
      background:
        radial-gradient(circle at 86% 20%, rgba(47,107,255,.10), transparent 34%),
        radial-gradient(circle at 70% 88%, rgba(16,183,220,.09), transparent 36%),
        var(--glass-strong);
      box-shadow: var(--spatial-shadow), var(--inner-highlight);
      backdrop-filter: blur(28px) saturate(1.16);
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
      gap: 18px;
      align-items: end;
    }

    .list-hero h1 {
      margin: 8px 0 10px;
      font-size: 36px;
      line-height: 1.04;
      letter-spacing: 0;
    }

    .list-hero p {
      max-width: 680px;
      margin: 0;
      color: #59687f;
      font-size: 14px;
      line-height: 1.72;
    }

    .list-hero-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 9px;
    }

    .list-hero-stats span {
      min-height: 72px;
      padding: 12px;
      border-radius: 15px;
      background: rgba(255,255,255,.66);
      border: 1px solid rgba(255,255,255,.74);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.84);
      color: #64748b;
      font-size: 12px;
      font-weight: 620;
    }

    .list-hero-stats strong {
      display: block;
      margin-bottom: 5px;
      color: #172033;
      font-size: 20px;
      line-height: 1;
    }

    .list-context-panel {
      grid-column: 1 / -1;
      margin-top: 4px;
      padding: 12px 14px;
      border-radius: 18px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(126,146,178,.12);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 8px 18px rgba(42,73,122,.035);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }

    .list-context-panel > span {
      color: #7a879b;
      font-size: 12px;
      font-weight: 760;
      white-space: nowrap;
    }

    .list-context-panel div {
      min-width: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 8px;
    }

    .list-context-panel strong {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      background: #fff;
      color: #172033;
      font-size: 12px;
      box-shadow: inset 0 0 0 1px rgba(126,146,178,.10);
    }

    .tag-hero {
      margin-top: 16px;
      padding: 20px 22px;
      border-radius: 20px;
      border: 1px solid var(--line);
      background:
        radial-gradient(circle at 88% 18%, rgba(47,107,255,.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,250,255,.70));
      box-shadow: var(--spatial-shadow), var(--inner-highlight);
      backdrop-filter: blur(24px) saturate(1.12);
    }

    .redesign-tag-page .tag-hero {
      margin-top: 14px;
      padding: 22px 24px;
      background:
        radial-gradient(circle at 88% 16%, rgba(47,107,255,.08), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.76));
      box-shadow: 0 18px 44px rgba(42, 73, 122, .055), var(--inner-highlight);
    }

    .tag-hero .detail-breadcrumb {
      margin-bottom: 14px;
    }

    .tag-hero-main {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 156px;
      gap: 18px;
      align-items: end;
    }

    .tag-hero h1 {
      margin: 8px 0 10px;
      font-size: 34px;
      line-height: 1.08;
      letter-spacing: 0;
    }

    .redesign-tag-page .tag-hero h1 {
      margin: 6px 0 9px;
      font-size: clamp(28px, 2.2vw, 34px);
      line-height: 1.08;
    }

    .tag-hero p {
      max-width: 680px;
      margin: 0;
      color: #59687f;
      font-size: 14px;
      line-height: 1.72;
    }

    .tag-hero-count {
      min-height: 104px;
      display: grid;
      align-content: center;
      justify-items: start;
      padding: 16px;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.76);
      background: rgba(255,255,255,.70);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 24px rgba(42,73,122,.04);
    }

    .redesign-tag-page .tag-hero-count {
      grid-template-columns: auto 1fr;
      align-content: center;
      align-items: end;
      column-gap: 9px;
      min-height: 86px;
      padding: 14px 15px;
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(247,250,255,.72));
    }

    .tag-hero-count strong {
      color: #172033;
      font-size: 28px;
      line-height: 1;
    }

    .tag-hero-count span {
      margin-top: 7px;
      color: #667489;
      font-size: 12px;
      font-weight: 720;
    }

    /* 20260717-feed-clean2: remove intro-heavy list/tag panels, add lazy random model feed, and pin shell grid columns. */
    .tag-filter-section {
      padding: 12px 16px 14px;
    }

    .tag-filter-pills {
      margin-top: 8px;
    }

    .tag-sort-row {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
    }

    .list-filter-section {
      padding-top: 12px;
      padding-bottom: 12px;
    }

    /* 20260722-list-filter-layout3: move count under hero title and remove red-box result controls */

    .list-hero-result-metric {
      margin-top: 10px;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
      min-height: 34px !important;
      padding: 0 14px !important;
      border: 1px solid rgba(245, 158, 11, .45) !important;
      border-radius: 999px !important;
      background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%) !important;
      color: #b45309 !important;
      font-size: 13px !important;
      font-weight: 900 !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 10px 22px rgba(245, 158, 11, .14) !important;
    }

    .redesign-list-page .list-results-section {
      padding-top: 16px;
    }

    .redesign-list-page .list-results-section .model-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-items: center;
    }

    /* 20260728-v2-category-inline-switch1: match compact category/sort filters with inline child categories. */
    .list-filterbar-section {
      display: grid;
      gap: 14px;
      padding: 16px 18px;
    }

    .list-filterbar-row {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      min-width: 0;
    }

    .list-filterbar-label {
      flex: 0 0 auto;
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      color: #243047;
      font-size: 14px;
      font-weight: 820;
      white-space: nowrap;
    }

    .list-category-filter-pills,
    .list-child-category-pills {
      min-width: 0;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 10px;
    }

    .list-category-filter-pills a,
    .list-category-filter-pills span,
    .list-child-category-pills a,
    .list-child-category-pills span {
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 12px;
      border-radius: 8px;
      color: #243047;
      font-size: 13px;
      font-weight: 680;
      white-space: nowrap;
      transition: background .16s ease, color .16s ease, transform .16s ease;
    }

    .list-category-filter-pills a:hover,
    .list-category-filter-pills a.active,
    .list-child-category-pills a:hover,
    .list-child-category-pills a.active {
      background: rgba(49,92,255,.10);
      color: #315cff;
    }

    .list-child-filterbar-row[hidden] {
      display: none;
    }

    .list-child-filterbar-row {
      padding-top: 12px;
      border-top: 1px dashed rgba(126,146,178,.13);
    }

    .list-child-category-pills a {
      background: rgba(238,244,255,.62);
      color: #315cff;
    }

    .list-sort-filterbar-row {
      padding-top: 14px;
      border-top: 1px solid rgba(126,146,178,.10);
    }

    .list-results-section.is-loading {
      opacity: .58;
      pointer-events: none;
      transition: opacity .16s ease;
    }

    /* 20260724-collection-v2-page1: align the public collection list with Chuangzaojia V2 shell. */
    .redesign-collection-page .collection-v2-hero {
      min-height: 148px;
      align-items: center;
    }

    .collection-v2-section {
      padding: 18px;
    }

    .collection-v2-section .model-head {
      margin-bottom: 14px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(126,146,178,.10);
      align-items: center;
    }

    .collection-v2-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
    }

    .collection-v2-card {
      min-width: 0;
      min-height: 330px;
      display: grid;
      grid-template-rows: auto 1fr;
      gap: 16px;
      padding: 18px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 16px;
      background: linear-gradient(180deg, #fff, rgba(248,251,255,.82));
      box-shadow: 0 12px 30px rgba(42,73,122,.052), var(--inner-highlight);
      transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
    }

    .collection-v2-card:hover {
      transform: translateY(-2px);
      border-color: rgba(49,92,255,.22);
      box-shadow: 0 16px 34px rgba(42,73,122,.08), var(--inner-highlight);
    }

    .collection-v2-card-head {
      display: grid;
      gap: 6px;
    }

    .collection-v2-card-head strong {
      color: #172033;
      font-size: 17px;
      font-weight: 820;
      line-height: 1.35;
    }

    .collection-v2-card-head span {
      color: #667489;
      font-size: 13px;
      font-weight: 700;
    }

    .collection-v2-thumbs {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-content: stretch;
    }

    .collection-v2-thumbs span {
      min-width: 0;
      min-height: 112px;
      display: grid;
      place-items: center;
      overflow: hidden;
      border-radius: 14px;
      background: #f7f9fc;
    }

    .collection-v2-thumbs img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: 8px;
    }

    .collection-v2-thumbs .is-empty {
      border: 1px dashed rgba(126,146,178,.20);
      background: rgba(245,248,255,.7);
      color: #9aa7ba;
      font-size: 13px;
      font-weight: 800;
    }

    /* 20260724-collection-detail-v2-page1: keep collection detail pages in the V2 test shell. */
    .collection-detail-v2-hero {
      display: grid;
      gap: 16px;
      margin-bottom: 16px;
      padding: 22px;
      border: 1px solid rgba(126,146,178,.16);
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 10px 28px rgba(21,32,52,.05);
    }

    .breadcrumb-v2 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      color: #7b8798;
      font-size: 13px;
    }

    .breadcrumb-v2 a {
      color: #5d6b80;
    }

    .breadcrumb-v2 strong {
      color: #172033;
      font-weight: 500;
    }

    .collection-detail-v2-title {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 20px;
      align-items: end;
    }

    .collection-detail-v2-title h1 {
      margin: 5px 0 8px;
      color: #111827;
      font-size: 30px;
      font-weight: 700;
      line-height: 1.25;
    }

    .collection-detail-v2-title p {
      max-width: 780px;
      margin: 0;
      color: #5d6b80;
      font-size: 15px;
      line-height: 1.8;
    }

    .collection-detail-v2-count {
      min-width: 116px;
      padding: 14px 16px;
      border-radius: 8px;
      background: rgba(49,92,255,.08);
      color: #315cff;
      text-align: center;
    }

    .collection-detail-v2-count strong {
      display: block;
      font-size: 28px;
      line-height: 1;
    }

    .collection-detail-v2-count span {
      display: block;
      margin-top: 6px;
      color: #526071;
      font-size: 13px;
    }

    .collection-detail-v2-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .collection-detail-v2-tags a,
    .collection-detail-model-category {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 11px;
      border-radius: 999px;
      background: rgba(126,146,178,.12);
      color: #435068;
      font-size: 13px;
    }

    .collection-detail-v2-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 320px;
      gap: 16px;
      align-items: start;
    }

    .collection-detail-v2-main,
    .collection-detail-v2-related {
      min-width: 0;
      padding: 18px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 10px 28px rgba(21,32,52,.04);
    }

    .collection-detail-model-list {
      display: grid;
      gap: 12px;
    }

    .collection-detail-model-card {
      display: grid;
      grid-template-columns: 220px minmax(0, 1fr);
      gap: 16px;
      min-width: 0;
      padding: 12px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 8px;
      background: #fbfcff;
      transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
    }

    .collection-detail-model-card:hover {
      transform: translateY(-1px);
      border-color: rgba(49,92,255,.20);
      box-shadow: 0 12px 26px rgba(21,32,52,.08);
    }

    .collection-detail-model-cover {
      display: block;
      overflow: hidden;
      aspect-ratio: 4 / 3;
      border-radius: 8px;
      background: #f3f6fb;
    }

    .collection-detail-model-cover img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .collection-detail-model-info {
      display: flex;
      min-width: 0;
      flex-direction: column;
      justify-content: center;
      gap: 10px;
    }

    .collection-detail-model-info h3 {
      margin: 0;
      font-size: 18px;
      line-height: 1.35;
    }

    .collection-detail-model-info h3 a {
      color: #172033;
    }

    .collection-detail-model-info p {
      display: -webkit-box;
      overflow: hidden;
      margin: 0;
      color: #667489;
      font-size: 14px;
      line-height: 1.7;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .collection-detail-v2-related {
      position: sticky;
      top: 18px;
      display: grid;
      gap: 12px;
    }

    .collection-detail-related-card {
      display: grid;
      gap: 8px;
      padding: 12px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 8px;
      background: #fbfcff;
      color: #172033;
    }

    .collection-detail-related-card strong {
      font-size: 15px;
      line-height: 1.4;
    }

    .collection-detail-related-card span {
      color: #667489;
      font-size: 13px;
    }

    .collection-detail-related-thumbs {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
    }

    .collection-detail-related-thumbs img {
      width: 100%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      border-radius: 6px;
      background: #f3f6fb;
    }

    .list-result-filter-stack {
      display: grid;
      gap: 0;
      margin: 0 0 18px;
      padding: 0 12px 4px;
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(248,251,255,.56));
      border: 1px solid rgba(126,146,178,.08);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
    }

    .list-result-filter-stack .filter-row {
      padding: 10px 0;
    }

    .list-result-filter-stack .filter-row:first-child {
      border-top: 0;
    }

    .list-result-filter-stack .filter-row.compact {
      padding-bottom: 10px;
    }

    .filter-row {
      display: grid;
      grid-template-columns: 78px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
      padding: 14px 0;
      border-top: 1px solid rgba(126,146,178,.10);
    }

    .filter-row:first-of-type {
      border-top: 0;
    }

    .home-random-feed-section .section-head {
      align-items: center;
      margin-bottom: 14px;
    }

    .home-random-feed {
      align-items: stretch;
    }

    .home-feed-status {
      min-height: 38px;
      margin-top: 12px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      border: 1px solid rgba(126,146,178,.10);
      background: rgba(248,251,255,.72);
      color: #667489;
      font-size: 12px;
      font-weight: 720;
    }

    .home-feed-sentinel {
      width: 100%;
      height: 1px;
    }

    .redesign-home-page .home-random-feed-section {
      margin-top: 12px;
      min-height: calc(100vh - 112px);
      padding: 18px;
    }

    .redesign-home-page .home-random-feed-section .section-head {
      margin-bottom: 14px;
    }

    .redesign-home-page .home-random-feed-section .section-head p {
      max-width: 760px;
    }

    .redesign-home-page .home-random-feed {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
      gap: 12px !important;
      align-items: stretch;
    }

    .redesign-home-page .home-random-feed .model-card {
      min-height: 0;
      padding: 9px;
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(248,251,255,.58));
    }

    .redesign-home-page .home-random-feed .model-card img {
      aspect-ratio: 1 / 1;
      padding: 8px;
      border-radius: 14px;
      background:
        radial-gradient(circle at 50% 82%, rgba(47,107,255,.08), transparent 36%),
        rgba(246,249,252,.94);
    }

    .redesign-home-page .home-random-feed .model-card strong {
      min-height: 36px;
      margin-top: 8px;
      display: -webkit-box;
      white-space: normal;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 1.35;
    }

    .redesign-home-page .home-load-more-btn {
      width: min(340px, calc(100% - 32px)) !important;
      min-height: 46px !important;
      grid-column: 1 / -1;
      justify-self: center;
      display: flex !important;
      align-items: center;
      justify-content: center;
      gap: 8px !important;
      margin: 20px auto 0 !important;
      border: 1px solid rgba(40, 93, 255, .72) !important;
      border-radius: 12px !important;
      background:
        radial-gradient(circle at 26% 0, rgba(255,255,255,.34), transparent 38%),
        linear-gradient(180deg, #4f79ff 0%, #3468f4 100%) !important;
      color: #fff !important;
      font-size: 14px !important;
      font-weight: 900 !important;
      letter-spacing: 0 !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 12px 24px rgba(15,23,42,.13) !important;
      cursor: pointer;
      transition: transform .16s ease, filter .16s ease, box-shadow .16s ease, opacity .16s ease;
    }

    .redesign-home-page .home-load-more-btn::before {
      content: "+";
      display: inline-grid;
      place-items: center;
      width: 20px;
      height: 20px;
      border-radius: 999px;
      background: rgba(255,255,255,.18);
      color: #fff;
      font-size: 16px;
      line-height: 1;
      font-weight: 900;
      box-shadow: none;
      flex: 0 0 auto;
    }

    .redesign-home-page .home-load-more-btn:hover {
      transform: translateY(-1px) !important;
      border-color: rgba(40, 93, 255, .82) !important;
      filter: saturate(1.04) brightness(1.02) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.34),
        0 16px 30px rgba(15,23,42,.17) !important;
    }

    .redesign-home-page .home-load-more-btn:disabled {
      cursor: default;
      opacity: .72;
      transform: none !important;
      filter: none !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        0 8px 18px rgba(15,23,42,.10) !important;
    }

    .filter-row.compact {
      padding-bottom: 0;
    }

    .filter-label {
      height: 30px;
      display: inline-flex;
      align-items: center;
      color: #7a879b;
      font-size: 12px;
      font-weight: 720;
    }

    .filter-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .filter-pills a {
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      padding: 0 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.66);
      border: 1px solid rgba(126,146,178,.10);
      color: #53637a;
      font-size: 12px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
      transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
    }

    .redesign-tag-page .filter-pills a {
      min-height: 32px;
      padding: 0 13px;
      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,250,255,.72));
      border-color: rgba(126,146,178,.12);
      font-weight: 720;
    }

    .filter-pills a:hover,
    .filter-pills a.active {
      background: #fff;
      border-color: rgba(47,107,255,.18);
      color: var(--blue);
      transform: translateY(-1px);
      box-shadow: 0 8px 16px rgba(42,73,122,.045);
    }

    /* 20260722-list-sort-active1: make selected sort pill obvious on search results */
    .redesign-list-page .list-sort-filter .filter-pills a.active {
      background: linear-gradient(180deg, #3f7cff, #245cff);
      border-color: rgba(36,92,255,.92);
      color: #fff;
      font-weight: 820;
      box-shadow: 0 10px 18px rgba(47,107,255,.20), inset 0 1px 0 rgba(255,255,255,.24);
    }

    .list-result-tools {
      margin: -4px 0 16px;
      padding: 10px 12px;
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(248,251,255,.66));
      border: 1px solid rgba(126,146,178,.10);
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      color: #667489;
      font-size: 12px;
    }

    .list-result-tools span,
    .list-result-tools strong {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.74);
      box-shadow: inset 0 0 0 1px rgba(126,146,178,.08);
      font-weight: 720;
    }

    .list-result-tools strong {
      color: var(--blue);
      background: rgba(244,248,255,.92);
    }

    .list-models {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .list-empty {
      min-height: 180px;
      display: grid;
      place-items: center;
      align-content: center;
      gap: 8px;
      border-radius: 18px;
      background: rgba(255,255,255,.62);
      border: 1px dashed rgba(126,146,178,.22);
      color: #667489;
    }

    .list-empty strong {
      color: #172033;
      font-size: 15px;
    }

    .redesign-page-bar {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 18px;
    }

    .redesign-page-bar a {
      min-width: 34px;
      height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(126,146,178,.10);
      color: #52627a;
      font-size: 12px;
      font-weight: 680;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
    }

    .redesign-page-bar a.active,
    .redesign-page-bar a:hover {
      background: #fff;
      border-color: rgba(47,107,255,.18);
      color: var(--blue);
    }

    .detail-workspace {
      margin-top: 16px;
      display: grid;
      grid-template-columns: minmax(340px, .68fr) minmax(0, 1.32fr);
      gap: 16px;
      align-items: stretch;
    }

    .detail-preview-panel,
    .detail-info-panel {
      align-self: stretch;
      height: 100%;
      border-radius: 20px;
      border: 1px solid var(--line);
      background: var(--glass-strong);
      box-shadow: var(--spatial-shadow), var(--inner-highlight);
      backdrop-filter: blur(28px) saturate(1.16);
    }

    .redesign-detail-page .detail-workspace {
      margin-top: 14px;
    }

    .redesign-detail-page .detail-preview-panel,
    .redesign-detail-page .detail-info-panel {
      background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.74));
      border-color: rgba(126,146,178,.11);
      box-shadow: 0 18px 44px rgba(42, 73, 122, .055), var(--inner-highlight);
    }

    .detail-preview-panel {
      padding: 14px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      justify-content: flex-start;
    }

    .detail-preview-media {
      position: relative;
      min-height: 0;
      aspect-ratio: 4 / 3;
      padding: 18px;
      display: grid;
      place-items: center;
      border-radius: 18px;
      overflow: hidden;
      background:
        radial-gradient(circle at 50% 72%, rgba(47,107,255,.10), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,250,255,.70));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.90);
    }

    .detail-preview-media::after {
      content: "";
      position: absolute;
      left: 18%;
      right: 18%;
      bottom: 13%;
      height: 22px;
      border-radius: 999px;
      background: radial-gradient(ellipse, rgba(44,58,84,.16), transparent 70%);
      filter: blur(8px);
    }

    .detail-preview-media img {
      position: relative;
      z-index: 1;
      width: min(72%, 380px);
      max-height: 72%;
      object-fit: contain;
      filter: drop-shadow(0 20px 18px rgba(20, 28, 45, .14));
    }

    .redesign-detail-page .detail-preview-media img {
      width: auto;
      max-width: min(86%, 430px);
      height: auto;
      max-height: 82%;
      object-fit: contain;
      object-position: center center;
      filter: drop-shadow(0 22px 20px rgba(20, 28, 45, .13));
    }

    .detail-experience-badges {
      position: absolute;
      top: 14px;
      right: 14px;
      z-index: 2;
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: flex-end;
      max-width: 62%;
    }

    .detail-experience-badges span {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 0 10px;
      border-radius: 999px;
      background: #eeeeeea6;
      border: 1px solid rgba(126,146,178,.12);
      color: #52627a;
      font-size: 12px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 8px 18px rgba(42,73,122,.045);
      backdrop-filter: blur(16px);
    }

    .detail-experience-badges .ar {
      color: #d946ef;
    }

    .detail-badge {
      position: absolute;
      top: 14px;
      left: 14px;
      z-index: 2;
      height: 30px;
      display: inline-flex;
      align-items: center;
      padding: 0 11px;
      border-radius: 999px;
      background: rgba(255,255,255,.82);
      color: var(--blue);
      font-size: 12px;
      font-weight: 720;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 8px 18px rgba(42,73,122,.04);
    }

    .detail-capability-strip {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }

    .detail-capability-strip span {
      min-width: 0;
      min-height: 68px;
      padding: 12px 12px 12px 44px;
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,255,.78));
      border: 1px solid rgba(126,146,178,.12);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 20px rgba(42,73,122,.04);
      color: #667489;
      font-size: 12px;
      line-height: 1.35;
      position: relative;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .detail-capability-strip span::before {
      content: "";
      width: 22px;
      height: 22px;
      position: absolute;
      left: 13px;
      top: 14px;
      border-radius: 9px;
      background:
        radial-gradient(circle at 34% 28%, rgba(255,255,255,.95), transparent 38%),
        linear-gradient(135deg, rgba(47,107,255,.86), rgba(58,198,232,.72));
      box-shadow: 0 8px 14px rgba(47,107,255,.14);
    }

    .detail-capability-strip strong {
      display: block;
      margin-bottom: 5px;
      color: #172033;
      font-size: 13px;
      line-height: 1.15;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .detail-breadcrumb {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 7px;
      margin-bottom: 10px;
      color: #7a879b;
      font-size: 12px;
    }

    .detail-breadcrumb a {
      color: #52627a;
    }

    .detail-breadcrumb a:hover {
      color: var(--blue);
    }

    .detail-info-panel {
      padding: 20px 24px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      min-height: 100%;
    }

    .detail-info-panel h1 {
      margin: 14px 0 20px;
      font-size: 32px;
      line-height: 1.12;
      letter-spacing: 0;
    }

    .redesign-detail-page .detail-info-panel h1 {
      font-size: clamp(26px, 2.2vw, 30px);
      line-height: 1.13;
      max-width: 820px;
    }

    .detail-price-row {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0 0 12px;
    }

    .detail-price-pill {
      width: fit-content;
      min-height: 32px;
      display: inline-flex;
      align-items: center;
      gap: 0;
      margin: 0;
      padding: 0 13px;
      border-radius: 999px;
      color: #9a5b00;
      font-size: 13px;
      font-weight: 820;
      background: linear-gradient(180deg, rgba(255,248,233,.96), rgba(255,255,255,.82));
      border: 1px solid rgba(245,158,11,.22);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 20px rgba(180,83,9,.07);
    }

    .detail-price-pill i {
      display: none;
    }

    .detail-vip-free-btn {
      min-height: 32px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 15px;
      border: 1px solid rgba(47,107,255,.18);
      border-radius: 999px;
      color: #1f55d8;
      font-size: 13px;
      font-weight: 820;
      line-height: 1;
      white-space: nowrap;
      background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(240,246,255,.88));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 12px 24px rgba(47,107,255,.10);
      cursor: pointer;
      transition: transform .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .detail-vip-free-btn:hover {
      transform: translateY(-1px);
      border-color: rgba(47,107,255,.30);
      color: #1746bd;
      background:
        linear-gradient(180deg, rgba(255,255,255,1), rgba(232,241,255,.96));
      box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 15px 30px rgba(47,107,255,.14);
    }

    .detail-info-panel > p {
      margin: 0;
      color: #59687f;
      font-size: 14px;
      line-height: 1.74;
    }

    .redesign-detail-page .detail-info-panel > p {
      max-width: 880px;
      color: #52627ad1;
      line-height: 1.6;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin: 10px 0 6px 0;
    }

    .detail-tags {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 6px;
      margin-top: 12px;
      max-height: 68px;
      overflow: hidden;
    }

    .detail-tags a {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(47,107,255,.12);
      color: #315078;
      font-size: 12px;
      font-weight: 720;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 6px 14px rgba(42,73,122,.025);
      transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
    }

    .redesign-detail-page .detail-tags a {
      min-height: 28px;
      padding: 0 10px;
      background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,250,255,.72));
      border-color: rgba(126,146,178,.14);
      color: #304663;
      font-weight: normal;
    }

    .detail-tags a:hover {
      transform: translateY(-1px);
      background: #fff;
      border-color: rgba(47,107,255,.24);
      color: var(--blue);
    }

    .detail-tags-label {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      color: #7a879b;
      font-size: 12px;
      font-weight: 760;
    }

    .detail-metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 9px;
      margin-top: 18px;
    }

    .detail-metrics span,
    .detail-format-card,
    .detail-author {
      border-radius: 16px;
      background: rgba(255,255,255,.66);
      border: 1px solid rgba(255,255,255,.74);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 8px 18px rgba(42,73,122,.03);
    }

    .detail-metrics span {
      min-height: 76px;
      padding: 13px;
      color: #64748b;
      font-size: 12px;
      font-weight: 620;
    }

    .detail-metrics strong {
      display: block;
      margin-bottom: 6px;
      color: #172033;
      font-size: 18px;
      line-height: 1.15;
    }

    .detail-format-card {
      margin-top: 10px;
      padding: 15px;
    }

    .detail-format-card span {
      color: #7a879b;
      font-size: 12px;
      font-weight: 720;
    }

    .detail-format-card strong {
      display: block;
      margin-top: 6px;
      color: #172033;
      font-size: 15px;
    }

    .detail-format-card p {
      margin: 7px 0 0;
      color: #667489;
      font-size: 12px;
      line-height: 1.58;
    }

    .detail-preview-panel .detail-format-card,
    .detail-preview-panel .detail-author {
      margin-top: 0;
    }

    .detail-access-panel {
      margin-top: 14px;
      min-height: 0;
      padding: 16px;
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,250,255,.66));
      border: 1px solid rgba(126,146,178,.13);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 14px 28px rgba(42,73,122,.04);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

    .redesign-detail-page .detail-access-panel {
      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,250,255,.72));
      border-color: rgba(126,146,178,.12);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 12px 26px rgba(42,73,122,.045);
    }

    .detail-access-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(126,146,178,.10);
    }

    .detail-access-head span {
      color: #7a879b;
      font-size: 12px;
      font-weight: 760;
      letter-spacing: .04em;
    }

    .detail-access-head strong {
      color: #172033;
      font-size: 13px;
      line-height: 1.35;
      text-align: right;
    }

    .detail-account-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-bottom: 12px;
    }

    .detail-account-pill {
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 12px;
      border-radius: 999px;
      border: 1px solid rgba(126,146,178,.13);
      background: rgba(255,255,255,.82);
      color: #40516a;
      font-size: 12px;
      font-weight: 760;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 6px 14px rgba(42,73,122,.03);
      backdrop-filter: blur(16px);
      transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
    }

    .detail-account-pill:hover {
      transform: translateY(-1px);
      border-color: rgba(47,107,255,.20);
      color: var(--blue);
      background: #fff;
    }

    .detail-account-pill.vip-pill {
      color: #9a5b00;
      background: linear-gradient(180deg, rgba(255,248,233,.92), rgba(255,255,255,.78));
    }

    .detail-access-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }

    .detail-access-button {
      appearance: none;
      min-width: 0;
      height: 54px;
      padding: 0 15px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 12px;
      background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.86));
      color: #2f405a;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 10px 20px rgba(42,73,122,.045);
      text-align: center;
      font: inherit;
      font-size: 16px;
      font-weight: 860;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      position: relative;
      white-space: nowrap;
      transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .detail-access-button.primary {
      border-color: rgba(47,107,255,.26);
      color: #fff;
      background: linear-gradient(135deg, #315cff, #4b8dff);
      box-shadow: 0 14px 26px rgba(49,92,255,.20), inset 0 1px 0 rgba(255,255,255,.26);
    }

    .redesign-detail-page .detail-access-button.primary {
      box-shadow: 0 16px 30px rgba(49,92,255,.22), inset 0 1px 0 rgba(255,255,255,.28);
    }

    .detail-access-button:hover {
      transform: translateY(-1px);
      border-color: rgba(47,107,255,.18);
      background: #fff;
      box-shadow: 0 10px 20px rgba(42,73,122,.07);
    }

    .detail-access-button.primary:hover {
      color: #fff;
      background: linear-gradient(135deg, #254ce6, #3378f6);
    }

    .detail-access-button.download {
      color: #fff;
      border-color: transparent;
      background: linear-gradient(135deg, #0891b2, #22c55e);
      box-shadow: 0 14px 26px rgba(8,145,178,.22), inset 0 1px 0 rgba(255,255,255,.30);
      overflow: hidden;
      isolation: isolate;
    }

    .detail-access-button.download::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.26) 42%, transparent 68%);
      transform: translateX(-115%);
      transition: transform .34s ease;
    }

    .detail-access-button.download:hover {
      color: #fff;
      border-color: transparent;
      background: linear-gradient(135deg, #047f9c, #16a34a);
      box-shadow: 0 16px 30px rgba(8,145,178,.28), inset 0 1px 0 rgba(255,255,255,.32);
    }

    .detail-access-button.download:hover::after {
      transform: translateX(115%);
    }

    .detail-access-button:active {
      transform: translateY(0);
      box-shadow: inset 0 1px 2px rgba(15,23,42,.08);
    }

    .detail-access-button i {
      color: var(--blue);
      font-size: 24px;
      line-height: 1;
    }

    .detail-access-button.primary i {
      color: #fff;
    }

    .detail-access-button.download i {
      color: #fff;
    }

    .detail-access-button.ar i {
      color: #c83aa9;
    }

    .detail-access-button.xr i {
      color: #7c3aed;
    }

    .detail-access-button.print i {
      color: #d97706;
    }

    .detail-access-button.space i {
      color: #315cff;
    }

    .detail-access-button span {
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .detail-access-links {
      display: none;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 13px;
    }

    .detail-access-links a {
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(126,146,178,.10);
      color: #52627a;
      font-size: 12px;
      font-weight: 680;
    }

    .detail-access-links a:hover {
      background: #fff;
      color: var(--blue);
    }

    .detail-social-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }

    .detail-social-actions.base-tool {
      min-height: 66px;
      align-items: center;
      padding: 12px 14px;
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(247,250,255,.58));
      border: 1px solid rgba(126,146,178,.10);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 10px 24px rgba(42,73,122,.035);
    }

    .detail-model-tips {
      flex: 0 0 auto;
      display: grid;
      grid-template-columns: 1fr;
      gap: 5px;
      align-items: start;
      min-height: 0;
      padding: 12px 14px;
      border-radius: 14px;
      background: rgba(247,250,255,.72);
      border: 1px solid rgba(126,146,178,.09);
      color: #52627a;
      font-size: 12px;
      line-height: 1.45;
    }

    .detail-model-tips-in-info {
      margin-top: 12px;
      padding: 16px;
      border-radius: 18px;
      background:
        radial-gradient(circle at 92% 0%, rgba(47,107,255,.07), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(247,250,255,.62));
      border: 1px solid rgba(126,146,178,.10);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 24px rgba(42,73,122,.035);
      line-height: 1.7;
    }

    .detail-model-tips strong {
      color: #24324d;
      font-weight: 820;
      white-space: nowrap;
    }

    .detail-model-tips span {
      min-width: 0;
      overflow: visible;
      text-overflow: initial;
      white-space: normal;
    }

    .detail-social-pill {
      appearance: none;
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 0 13px;
      border: 1px solid rgba(126,146,178,.13);
      border-radius: 999px;
      background: rgba(255,255,255,.82);
      color: #40516a;
      font: inherit;
      font-size: 12px;
      font-weight: 760;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 7px 16px rgba(42,73,122,.03);
      cursor: pointer;
      backdrop-filter: blur(16px);
      transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
    }

    .base-tool a {
      margin-right: 15px;
      color: #172033;
      display: flex;
      align-items: center;
      font-size: 14px;
      font-weight: normal;
      padding: 8px 10px;
      border-radius: 6px;
      gap: 5px;
    }

    .detail-social-actions.base-tool .detail-social-pill {
      min-height: 0;
      padding: 8px 10px;
      border-radius: 6px;
      color: #172033;
      font-size: 14px;
      font-weight: normal;
      gap: 5px;
      margin-right: 15px;
      background: rgba(255,255,255,.88);
      border-color: rgba(126,146,178,.12);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(42,73,122,.04);
    }

    .detail-social-pill:hover {
      transform: translateY(-1px);
      border-color: rgba(47,107,255,.20);
      color: var(--blue);
      background: #fff;
    }

    .detail-community-discuss-entry,
    .detail-community-related-entry,
    .detail-creation-entry {
      border-color: rgba(47,107,255,.22);
      color: var(--blue);
      background: rgba(47,107,255,.075);
    }

    .detail-social-actions .detail-community-discuss-entry,
    .detail-social-actions .detail-community-related-entry,
    .detail-social-actions .detail-creation-entry {
      font-weight: 760;
    }

    .detail-community-discuss-entry:hover,
    .detail-community-related-entry:hover,
    .detail-creation-entry:hover {
      background: #fff;
      box-shadow: 0 9px 18px rgba(47, 107, 255, .08);
    }

    .detail-social-pill.favorite,
    .detail-social-pill.like {
      border-color: rgba(239,68,68,.18);
      color: #dc2626;
      background: rgba(255,245,245,.86);
    }

    .detail-social-pill .num {
      min-width: 18px;
      height: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 5px;
      border-radius: 999px;
      background: rgba(15,23,42,.06);
      color: inherit;
      font-size: 11px;
    }

    .detail-community-preview {
      margin-top: 20px;
    }

    .detail-community-preview .model-head {
      align-items: flex-start;
      gap: 14px;
    }

    .detail-community-preview .model-head p {
      margin-top: 4px;
      color: #6b7c96;
      font-size: 13px;
      line-height: 1.65;
    }

    .detail-community-preview-more {
      flex: 0 0 auto;
      width: auto;
      min-width: 88px;
      height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 16px;
      border-radius: 999px;
      border: 1px solid rgba(126,146,178,.16);
      background: rgba(255,255,255,.86);
      color: #111827;
      font-size: 13px;
      font-weight: 760;
      text-decoration: none;
      box-shadow: 0 8px 20px rgba(42,73,122,.04);
    }

    .detail-community-preview-more:hover {
      border-color: rgba(47,107,255,.28);
      color: var(--blue);
      box-shadow: 0 10px 24px rgba(47,107,255,.08);
    }

    .detail-community-preview-list {
      display: grid;
      gap: 10px;
    }

    .detail-community-preview-item {
      display: grid;
      gap: 7px;
      padding: 14px 16px;
      border-radius: 14px;
      border: 1px solid rgba(126,146,178,.12);
      background: rgba(255,255,255,.88);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(42,73,122,.04);
      text-decoration: none;
    }

    .detail-community-preview-item strong {
      color: #111827;
      font-size: 14px;
      line-height: 1.45;
    }

    .detail-community-preview-item span {
      color: #52657f;
      font-size: 13px;
      line-height: 1.6;
    }

    .detail-community-preview-item em {
      color: #8a9bb3;
      font-size: 12px;
      font-style: normal;
    }

    .detail-community-preview-empty {
      padding: 16px;
      border-radius: 14px;
      border: 1px dashed rgba(126,146,178,.22);
      background: rgba(248,251,255,.72);
      color: #6b7c96;
      font-size: 13px;
    }

    .creation-feed {
      overflow: hidden;
    }

    .creation-feed-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 16px;
    }

    .creation-feed-kicker {
      display: inline-flex;
      margin-bottom: 8px;
      color: var(--blue);
      font-size: 13px;
      font-weight: 820;
    }

    .creation-feed h2 {
      margin: 0 0 8px;
      color: #172033;
      font-size: 24px;
      line-height: 1.25;
      letter-spacing: 0;
    }

    .creation-feed p {
      margin: 0;
      color: #637188;
      line-height: 1.7;
    }

    .creation-feed-actions,
    .creation-feed-tabs,
    .creation-card-actions,
    .creation-upload-footer {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .creation-feed-actions {
      flex: 0 0 auto;
      flex-wrap: wrap;
      justify-content: flex-end;
    }

    .creation-feed-action,
    .creation-feed-tabs button,
    .creation-card-actions button,
    .creation-card-actions a,
    .creation-upload-footer button {
      appearance: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 12px;
      background: rgba(255,255,255,.88);
      color: #40516a;
      font: inherit;
      cursor: pointer;
      text-decoration: none;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(42,73,122,.035);
      transition: transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

    .creation-feed-action {
      min-height: 40px;
      padding: 0 15px;
      font-size: 13px;
      font-weight: 820;
    }

    .creation-feed-action:hover,
    .creation-card-actions button:hover,
    .creation-card-actions a:hover,
    .creation-upload-footer button:hover {
      transform: translateY(-1px);
      border-color: rgba(47,107,255,.20);
      color: var(--blue);
      background: #fff;
      box-shadow: 0 10px 22px rgba(47,107,255,.08);
    }

    .creation-feed-action-primary,
    .creation-submit-demo {
      border-color: rgba(47,107,255,.28);
      color: #fff;
      background: linear-gradient(135deg, #2f6bff, #1d4ed8);
      box-shadow: 0 12px 24px rgba(47,107,255,.16);
    }

    .creation-feed-action-primary:hover,
    .creation-submit-demo:hover {
      color: #fff;
      background: linear-gradient(135deg, #3d76ff, #2457dc);
      box-shadow: 0 14px 26px rgba(47,107,255,.20);
    }

    .creation-feed-tabs {
      margin-bottom: 16px;
      flex-wrap: wrap;
    }

    .creation-feed-tabs button {
      min-height: 34px;
      padding: 0 14px;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 780;
      box-shadow: none;
    }

    .creation-feed-tabs button.active {
      color: var(--blue);
      border-color: rgba(47,107,255,.26);
      background: rgba(47,107,255,.08);
    }

    .creation-feed-list {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .creation-card {
      display: flex;
      min-height: 100%;
      flex-direction: column;
      padding: 15px;
      border: 1px solid rgba(126,146,178,.11);
      border-radius: 18px;
      background:
        radial-gradient(circle at 92% 0%, rgba(47,107,255,.055), transparent 34%),
        rgba(255,255,255,.82);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 10px 26px rgba(42,73,122,.035);
    }

    .creation-card.is-hidden {
      display: none;
    }

    .creation-card-head {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
    }

    .creation-avatar {
      width: 38px;
      height: 38px;
      flex: 0 0 auto;
      border-radius: 50%;
      object-fit: cover;
      background: #eef4ff;
    }

    .creation-card-head strong {
      display: block;
      color: #1f2937;
      line-height: 1.2;
      font-weight: 820;
    }

    .creation-card-head span {
      display: block;
      margin-top: 4px;
      color: #8290a4;
      font-size: 12px;
    }

    .creation-card-head em {
      margin-left: auto;
      padding: 4px 9px;
      border-radius: 999px;
      color: #f97316;
      background: #fff7ed;
      font-style: normal;
      font-weight: 760;
      font-size: 12px;
    }

    .creation-content {
      min-height: 50px;
      margin-bottom: 12px !important;
      color: #40516a !important;
      font-size: 13px;
      line-height: 1.7;
    }

    .creation-image-grid {
      display: grid;
      gap: 8px;
      margin-bottom: 12px;
    }

    .creation-image-count-1 {
      grid-template-columns: 1fr;
    }

    .creation-image-count-2,
    .creation-image-count-3,
    .creation-image-count-4 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .creation-image-grid button {
      overflow: hidden;
      width: 100%;
      aspect-ratio: 1 / 1;
      padding: 0;
      border: 0;
      border-radius: 14px;
      background: #eef2f7;
      cursor: zoom-in;
    }

    .creation-image-grid img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .24s ease;
    }

    .creation-image-grid button:hover img {
      transform: scale(1.04);
    }

    .creation-card-actions {
      margin-top: auto;
      flex-wrap: wrap;
    }

    .creation-card-actions button,
    .creation-card-actions a {
      min-height: 32px;
      padding: 0 10px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 720;
      box-shadow: none;
    }

    .creation-card-actions button.active {
      color: #dc2626;
      border-color: rgba(239,68,68,.24);
      background: #fff1f2;
    }

    .creation-replies {
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid rgba(226,232,240,.82);
    }

    .creation-replies p {
      margin: 0 0 8px !important;
      color: #52627a !important;
      font-size: 13px;
      line-height: 1.65;
    }

    .creation-replies p.is-hidden,
    .creation-replies.is-collapsed p.is-hidden {
      display: none;
    }

    .creation-replies.is-expanded p.is-hidden {
      display: block;
    }

    .creation-reply-empty {
      color: #94a3b8 !important;
    }

    .creation-upload-modal,
    .creation-feed-preview-modal {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 9999;
      align-items: center;
      justify-content: center;
      padding: 18px;
      background: rgba(15,23,42,.42);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }

    .creation-upload-modal.is-open,
    .creation-feed-preview-modal.is-open {
      display: flex;
    }

    .creation-upload-panel {
      position: relative;
      width: min(560px, calc(100vw - 32px));
      max-height: calc(100vh - 36px);
      overflow: auto;
      box-sizing: border-box;
      padding: 24px;
      border: 1px solid rgba(255,255,255,.84);
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 30px 90px rgba(15,23,42,.24);
    }

    .creation-upload-panel h3 {
      margin: 0 0 8px;
      padding-right: 38px;
      color: #172033;
      font-size: 22px;
      line-height: 1.3;
      letter-spacing: 0;
    }

    .creation-upload-panel p {
      margin: 0;
      color: #637188;
      line-height: 1.7;
    }

    .creation-upload-drop {
      position: relative;
      display: flex;
      min-height: 132px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 7px;
      margin: 16px 0;
      border: 1px dashed rgba(47,107,255,.32);
      border-radius: 18px;
      background: #f8fbff;
      color: #637188;
      text-align: center;
    }

    .creation-upload-drop i {
      color: var(--blue);
      font-size: 24px;
    }

    .creation-upload-drop strong {
      color: #24324d;
      font-weight: 820;
    }

    .creation-upload-drop span {
      padding: 0 14px;
      color: #7d899c;
      font-size: 12px;
      line-height: 1.5;
    }

    .creation-file-input {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer;
    }

    .creation-selected-images {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 12px;
    }

    .creation-selected-image {
      display: block;
      overflow: hidden;
      border: 1px solid rgba(210,220,242,.88);
      border-radius: 14px;
      background: #f7f9ff;
    }

    .creation-selected-image img {
      display: block;
      width: 100%;
      height: 86px;
      object-fit: cover;
      background: #eef3ff;
    }

    .creation-selected-image small {
      display: block;
      overflow: hidden;
      padding: 6px 8px;
      color: #637188;
      font-size: 12px;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .creation-upload-panel textarea {
      width: 100%;
      min-height: 92px;
      box-sizing: border-box;
      margin-top: 10px;
      padding: 12px;
      resize: vertical;
      border: 1px solid #dbe4f0;
      border-radius: 14px;
      outline: none;
      color: #334155;
      font: inherit;
      line-height: 1.6;
    }

    .creation-upload-panel textarea:focus {
      border-color: rgba(47,107,255,.42);
      box-shadow: 0 0 0 3px rgba(47,107,255,.08);
    }

    .creation-upload-footer {
      justify-content: flex-end;
      flex-wrap: wrap;
      margin-top: 14px;
    }

    .creation-upload-footer button {
      min-height: 38px;
      padding: 0 15px;
      font-weight: 780;
    }

    .creation-submit-demo:disabled {
      opacity: .72;
      cursor: wait;
      transform: none;
    }

    .creation-modal-close,
    .creation-preview-close {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 32px;
      height: 32px;
      border: 0;
      border-radius: 50%;
      background: rgba(241,245,249,.94);
      color: #475569;
      font-size: 22px;
      line-height: 1;
      cursor: pointer;
    }

    .creation-preview-close {
      top: 18px;
      right: 18px;
      z-index: 1;
    }

    .creation-feed-preview-modal img {
      max-width: min(920px, calc(100vw - 48px));
      max-height: calc(100vh - 80px);
      border-radius: 20px;
      box-shadow: 0 30px 90px rgba(0,0,0,.30);
      object-fit: contain;
      background: #fff;
    }

    .detail-insight-card {
      margin-top: 12px;
      padding: 16px;
      border-radius: 18px;
      border: 1px solid rgba(126,146,178,.10);
      background:
        radial-gradient(circle at 92% 0%, rgba(47,107,255,.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(247,250,255,.62));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 24px rgba(42,73,122,.035);
    }

    .detail-insight-card-in-preview {
      margin-top: 0;
      flex: 0 0 auto;
    }

    .detail-insight-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 0;
      list-style: none;
      cursor: pointer;
    }

    .detail-insight-head::-webkit-details-marker {
      display: none;
    }

    .detail-insight-card[open] .detail-insight-head {
      margin-bottom: 12px;
    }

    .detail-insight-head::after {
      content: "";
      flex: 0 0 10px;
      width: 10px;
      height: 10px;
      margin-top: 8px;
      border-right: 2px solid #315cff;
      border-bottom: 2px solid #315cff;
      transform: rotate(45deg);
      transition: transform .18s ease;
    }

    .detail-insight-card[open] .detail-insight-head::after {
      margin-top: 12px;
      transform: rotate(225deg);
    }

    .detail-insight-head span {
      display: block;
      color: #6b7890;
      font-size: 12px;
      font-weight: 720;
    }

    .detail-insight-head strong {
      display: block;
      margin-top: 3px;
      color: #172033;
      font-size: 15px;
      font-weight: 840;
      line-height: 1.25;
    }

    .detail-insight-head em {
      flex: 0 0 auto;
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      background: #eef4ff;
      color: #315cff;
      font-size: 12px;
      font-style: normal;
      font-weight: 780;
    }

    .detail-insight-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      margin: 0;
    }

    .detail-insight-card:not([open]) .detail-insight-list {
      display: none;
    }

    .detail-insight-list div {
      min-width: 0;
      padding: 10px;
      border-radius: 14px;
      background: rgba(255,255,255,.74);
      border: 1px solid rgba(126,146,178,.08);
    }

    .detail-insight-list dt {
      margin: 0 0 5px;
      color: #7a8799;
      font-size: 11px;
      font-weight: 720;
    }

    .detail-insight-list dd {
      margin: 0;
      color: #24324d;
      font-size: 12px;
      font-weight: 760;
      line-height: 1.38;
      overflow-wrap: anywhere;
    }

    .detail-empty-note {
      grid-column: 1 / -1;
      min-height: 96px;
      display: grid;
      place-items: center;
      border: 1px dashed rgba(126,146,178,.20);
      border-radius: 16px;
      background: rgba(255,255,255,.52);
      color: #6b7890;
      font-size: 13px;
      font-weight: 680;
    }

    .detail-faq-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .detail-faq-grid details {
      min-height: 86px;
      padding: 13px 14px;
      border-radius: 16px;
      border: 1px solid rgba(126,146,178,.10);
      background: rgba(255,255,255,.76);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
    }

    .detail-faq-grid summary {
      color: #172033;
      font-size: 14px;
      font-weight: 820;
      line-height: 1.35;
      cursor: pointer;
    }

    .detail-faq-grid p {
      margin: 9px 0 0;
      color: #5c6a82;
      font-size: 12px;
      line-height: 1.65;
    }

    .detail-format-table {
      overflow-x: auto;
      border-radius: 16px;
      border: 1px solid rgba(126,146,178,.10);
      background: rgba(255,255,255,.78);
    }

    .detail-format-table table {
      width: 100%;
      min-width: 900px;
      border-collapse: collapse;
    }

    .detail-format-table th,
    .detail-format-table td {
      width: 33.333%;
      padding: 10px 12px;
      border: 1px solid #d9d9d9;
      color: #333;
      font-size: 14px;
      line-height: 1.4;
      text-align: left;
      vertical-align: top;
    }

    .detail-format-table th {
      background: rgba(247,250,255,.92);
      color: #172033;
      font-size: 12px;
      font-weight: 820;
      white-space: nowrap;
    }

    .redesign-footer-wrap {
      width: 100%;
      margin: 16px 0 0;
      padding: 0;
      background: transparent;
    }

    .redesign-detail-page .redesign-footer-wrap,
    .redesign-list-page .redesign-footer-wrap,
    .redesign-tag-page .redesign-footer-wrap,
    .redesign-download-page .redesign-footer-wrap,
    .redesign-member-page .redesign-footer-wrap,
    .creator-center-page .redesign-footer-wrap {
      align-self: stretch;
    }

    .redesign-footer-wrap .footer,
    .redesign-footer-wrap footer {
      margin-top: 0;
    }

    .redesign-site-footer {
      max-width: 1610px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(320px, 1.35fr) repeat(4, minmax(150px, .75fr));
      gap: 34px;
      padding: 34px 36px;
      border: 1px solid rgba(226,232,240,.96);
      border-radius: 24px;
      background: rgba(255,255,255,.94);
      box-shadow: 0 24px 68px rgba(51,72,110,.08);
      backdrop-filter: none;
    }

    .redesign-home-page .redesign-site-footer,
    .redesign-detail-page .redesign-site-footer,
    .redesign-tag-page .redesign-site-footer {
      max-width: 100%;
      grid-template-columns: minmax(260px, 1.35fr) repeat(auto-fit, minmax(118px, .75fr));
      gap: 26px;
      padding: 30px 32px;
    }

    .redesign-home-page .redesign-site-footer {
      gap: clamp(24px, 3.2vw, 58px) !important;
      padding: 34px 34px 32px !important;
      border-color: rgba(255,255,255,.82) !important;
      border-radius: 24px !important;
      background:
        radial-gradient(circle at 8% 0, rgba(232,247,255,.76), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.84), rgba(248,250,252,.62)) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        inset 0 -20px 45px rgba(15,23,42,.025),
        0 26px 76px rgba(15,23,42,.09) !important;
    }

    .redesign-home-page .redesign-site-footer .footer-brand-panel {
      padding-right: 10px;
    }

    .redesign-home-page .redesign-site-footer .footer-brand-title {
      align-items: flex-start !important;
      flex-direction: column;
      gap: 12px !important;
      margin-bottom: 16px !important;
    }

    .redesign-home-page .redesign-site-footer .footer-brand-title img {
      width: 54px !important;
      height: 54px !important;
      padding: 0 !important;
      object-fit: contain !important;
      object-position: left center !important;
      filter: drop-shadow(0 10px 20px rgba(37,99,235,.10));
    }

    .redesign-home-page .redesign-site-footer .footer-brand-title span {
      display: block;
      margin-top: 4px;
      color: #6b7a92 !important;
    }

    .redesign-home-page .redesign-site-footer p {
      max-width: 470px !important;
      color: #5d6d83 !important;
    }

    .redesign-home-page .redesign-site-footer nav a {
      width: fit-content;
      margin-bottom: 10px !important;
      color: #66758d !important;
      font-size: 13.5px !important;
      line-height: 1.55 !important;
      font-weight: 750 !important;
      transition: color .16s ease, transform .16s ease;
    }

    .redesign-home-page .redesign-site-footer nav a:hover {
      color: #315cff !important;
      transform: translateX(2px);
    }

    .redesign-site-footer nav,
    .footer-brand-panel {
      min-width: 0;
      padding: 0;
      border-radius: 0;
      background: transparent;
      border: 0;
    }

    .footer-brand-title {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
    }

    .footer-brand-title img {
      width: 42px;
      height: 42px;
      border-radius: 10px;
      box-shadow: none;
    }

    .footer-brand-title strong {
      display: block;
      color: #172033;
      font-size: 18px;
      font-weight: 860;
      line-height: 1.2;
    }

    .footer-brand-title span,
    .redesign-site-footer p,
    .redesign-site-footer a {
      color: #617089;
      font-size: 14px;
      line-height: 1.75;
    }

    .redesign-site-footer p {
      margin: 0;
    }

    .redesign-site-footer .footer-copy {
      margin-top: 14px;
      color: #7a8799;
    }

    .redesign-site-footer h4 {
      margin: 0 0 18px;
      color: #172033;
      font-size: 16px;
      font-weight: 820;
      line-height: 1.2;
    }

    .redesign-site-footer nav a {
      display: block;
      margin-top: 10px;
      font-weight: 500;
    }

    .redesign-site-footer a:hover {
      color: var(--blue);
    }

    .member-bridge-hero {
      margin-top: 16px;
      min-height: 152px;
      padding: 22px;
      border-radius: 20px;
      border: 1px solid var(--line);
      background:
        radial-gradient(circle at 86% 18%, rgba(47,107,255,.10), transparent 32%),
        var(--glass-strong);
      box-shadow: var(--spatial-shadow), var(--inner-highlight);
      backdrop-filter: blur(28px) saturate(1.16);
      display: grid;
      grid-template-columns: minmax(0, 1fr) max-content;
      gap: 16px;
      align-items: end;
    }

    .member-bridge-hero h1 {
      margin: 8px 0 9px;
      font-size: 32px;
      line-height: 1.08;
      letter-spacing: 0;
    }

    .member-bridge-hero p {
      max-width: 660px;
      margin: 0;
      color: #59687f;
      font-size: 14px;
      line-height: 1.7;
    }

    .member-bridge-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 9px;
    }

    .member-bridge-frame-shell {
      margin-top: 16px;
      padding: 10px;
      border-radius: 20px;
      border: 1px solid var(--line);
      background: var(--glass-strong);
      box-shadow: var(--spatial-shadow), var(--inner-highlight);
      backdrop-filter: blur(28px) saturate(1.16);
      overflow: hidden;
    }

    .member-bridge-frame {
      width: 100%;
      min-height: calc(100vh - 254px);
      height: 760px;
      display: block;
      border: 0;
      border-radius: 16px;
      background: #fff;
    }

    .member-native-hero {
      margin-top: 16px;
      min-height: 164px;
      padding: 22px;
      border-radius: 20px;
      border: 1px solid var(--line);
      background:
        radial-gradient(circle at 86% 18%, rgba(47,107,255,.10), transparent 32%),
        radial-gradient(circle at 70% 90%, rgba(16,183,220,.08), transparent 34%),
        var(--glass-strong);
      box-shadow: var(--spatial-shadow), var(--inner-highlight);
      backdrop-filter: blur(28px) saturate(1.16);
      display: grid;
      grid-template-columns: minmax(0, 1fr) max-content;
      gap: 16px;
      align-items: end;
    }

    .member-profile {
      display: grid;
      grid-template-columns: 72px minmax(0, 1fr);
      gap: 14px;
      align-items: center;
    }

    .member-profile img {
      width: 72px;
      height: 72px;
      border-radius: 22px;
      object-fit: cover;
      background: #eef3fb;
      box-shadow: 0 12px 26px rgba(42,73,122,.08);
    }

    .member-native-hero h1 {
      margin: 8px 0 9px;
      font-size: 32px;
      line-height: 1.08;
      letter-spacing: 0;
    }

    .member-native-hero p {
      max-width: 690px;
      margin: 0;
      color: #59687f;
      font-size: 14px;
      line-height: 1.7;
    }

    .member-native-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 9px;
    }

    .member-stat-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin-top: 16px;
    }

    .member-stat-link {
      text-decoration: none;
      transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

    .member-stat-link:hover {
      transform: translateY(-2px);
      border-color: rgba(47,107,255,.16);
      background: rgba(255,255,255,.88);
      box-shadow: 0 12px 24px rgba(42,73,122,.07), inset 0 1px 0 rgba(255,255,255,.86);
    }

    .member-stat {
      min-height: 88px;
      padding: 15px;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.74);
      background: rgba(255,255,255,.68);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 8px 18px rgba(42,73,122,.035);
      color: #667489;
      font-size: 12px;
      font-weight: 650;
      position: relative;
      overflow: hidden;
    }

    .member-stat::after {
      content: "";
      position: absolute;
      right: -18px;
      bottom: -22px;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: rgba(47,107,255,.055);
    }

    .member-stat strong {
      display: block;
      margin-bottom: 7px;
      color: #172033;
      font-size: 20px;
      line-height: 1.1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .member-native-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }

    .member-native-card {
      min-width: 0;
      padding: 10px;
      border-radius: 16px;
      border: 1px solid rgba(126,146,178,.09);
      background: rgba(255,255,255,.76);
      box-shadow: 0 6px 14px rgba(42,73,122,.03), inset 0 1px 0 rgba(255,255,255,.80);
      transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

    .member-native-grid:not(.upload-grid) .member-native-card:first-child {
      background:
        radial-gradient(circle at 92% 12%, rgba(47,107,255,.12), transparent 32%),
        rgba(255,255,255,.80);
      border-color: rgba(47,107,255,.13);
    }

    .member-native-card:hover {
      transform: translateY(-2px);
      border-color: rgba(47,107,255,.14);
      background: #fff;
      box-shadow: 0 9px 18px rgba(42,73,122,.055);
    }

    .member-native-card img {
      width: 100%;
      aspect-ratio: 1 / .72;
      object-fit: contain;
      display: block;
      border-radius: 13px;
      background: rgba(248,251,255,.84);
    }

    .member-native-card strong,
    .member-native-card span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .member-native-card strong {
      margin-top: 9px;
      color: #172033;
      font-size: 13px;
    }

    .member-native-card span {
      margin-top: 4px;
      color: #667489;
      font-size: 12px;
    }

    /* 20260723-member-real-data1: connect real member data sections. */
    .member-list-section {
      scroll-margin-top: 18px;
    }

    .member-native-page .member-list-section .model-head {
      margin-bottom: 14px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(126,146,178,.10);
    }

    .member-native-page .member-list-section .models.list-models {
      grid-template-columns: repeat(auto-fit, minmax(188px, 1fr));
      gap: 12px;
    }

    .member-order-list {
      display: grid;
      gap: 9px;
    }

    .member-order-row {
      min-width: 0;
      min-height: 54px;
      display: grid;
      grid-template-columns: minmax(180px, 1fr) minmax(100px, auto) minmax(90px, auto) minmax(120px, auto);
      align-items: center;
      gap: 12px;
      padding: 12px 14px;
      border-radius: 14px;
      border: 1px solid rgba(126,146,178,.10);
      background: rgba(255,255,255,.76);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 6px 14px rgba(42,73,122,.028);
      text-decoration: none;
    }

    .member-download-row {
      grid-template-columns: 46px minmax(180px, 1fr) minmax(90px, auto) minmax(120px, auto);
    }

    .member-download-row img {
      width: 46px;
      height: 46px;
      display: block;
      object-fit: contain;
      border-radius: 12px;
      background: rgba(248,251,255,.88);
      box-shadow: inset 0 0 0 1px rgba(126,146,178,.10);
    }

    .member-order-row strong,
    .member-order-row span,
    .member-order-row em {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .member-order-row strong {
      color: #172033;
      font-size: 13px;
      font-weight: 820;
    }

    .member-order-row span {
      color: #52627a;
      font-size: 12px;
      font-weight: 720;
    }

    .member-order-row em {
      color: #7a879b;
      font-size: 12px;
      font-style: normal;
      text-align: right;
    }

    .member-empty {
      min-height: 140px;
      grid-column: 1 / -1;
      display: grid;
      place-items: center;
      border-radius: 18px;
      border: 1px dashed rgba(126,146,178,.22);
      background: rgba(255,255,255,.56);
      color: #667489;
      font-size: 13px;
    }

    /* 20260723-member-benefit-layout1: clarify account benefit cards on member center. */
    .member-account-panel {
      padding: 16px;
    }

    .member-account-panel .model-head {
      margin-bottom: 14px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(126,146,178,.10);
      align-items: center;
    }

    .member-account-panel .model-head h2 {
      font-size: 24px;
      line-height: 1.18;
    }

    .member-account-panel .model-head p {
      margin-top: 5px;
      color: #667489;
      font-size: 13px;
      line-height: 1.55;
    }

    .member-vip-action {
      min-height: 38px;
      padding: 0 16px;
      border-radius: 999px;
      background: #fff;
      white-space: nowrap;
      box-shadow: 0 10px 22px rgba(42,73,122,.07), inset 0 1px 0 rgba(255,255,255,.92);
    }

    .member-account-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }

    .member-account-card {
      min-width: 0;
      min-height: 128px;
      display: grid;
      grid-template-columns: 46px minmax(0, 1fr);
      grid-template-areas:
        "icon label"
        "icon value"
        "copy copy";
      align-content: start;
      column-gap: 12px;
      row-gap: 4px;
      padding: 16px;
      border-radius: 18px;
      border: 1px solid rgba(126,146,178,.12);
      background:
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,255,.72));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(42,73,122,.045);
    }

    .member-account-card i {
      grid-area: icon;
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      color: #315cff;
      font-size: 22px;
      background: rgba(238,244,255,.96);
      box-shadow: inset 0 0 0 1px rgba(49,92,255,.10);
    }

    .member-account-card span {
      grid-area: label;
      align-self: end;
      color: #667489;
      font-size: 12px;
      font-weight: 760;
    }

    .member-account-card strong {
      grid-area: value;
      min-width: 0;
      color: #111827;
      font-size: 20px;
      line-height: 1.2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .member-account-card em {
      grid-area: copy;
      margin-top: 10px;
      padding-top: 11px;
      border-top: 1px solid rgba(126,146,178,.10);
      color: #52627a;
      font-size: 13px;
      font-style: normal;
      line-height: 1.62;
    }

    .member-account-card.member-vip-expiry i {
      color: #9a5b00;
      background: rgba(255,248,233,.96);
      box-shadow: inset 0 0 0 1px rgba(245,158,11,.15);
    }

    /* 20260723-member-community1: add standalone Chuangzaojia community module. */
    .member-community-section {
      scroll-margin-top: 18px;
    }

    .member-community-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }

    .member-community-card {
      min-width: 0;
      padding: 14px;
      border-radius: 18px;
      border: 1px solid rgba(126,146,178,.12);
      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,255,.68));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(42,73,122,.04);
    }

    .member-community-card-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding-bottom: 11px;
      border-bottom: 1px solid rgba(126,146,178,.10);
    }

    .member-community-card-head span {
      color: #172033;
      font-size: 15px;
      font-weight: 850;
    }

    .member-community-card-head strong {
      min-width: 34px;
      height: 30px;
      display: grid;
      place-items: center;
      padding: 0 10px;
      border-radius: 999px;
      color: #315cff;
      font-size: 15px;
      background: rgba(238,244,255,.96);
      box-shadow: inset 0 0 0 1px rgba(49,92,255,.10);
    }

    .member-community-list {
      display: grid;
      gap: 8px;
      margin-top: 12px;
    }

    .member-community-list a {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 3px 10px;
      padding: 10px 11px;
      border-radius: 13px;
      background: rgba(255,255,255,.74);
      text-decoration: none;
      box-shadow: inset 0 0 0 1px rgba(126,146,178,.08);
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .member-community-list a:hover {
      transform: translateY(-1px);
      background: rgba(255,255,255,.94);
      box-shadow: inset 0 0 0 1px rgba(47,107,255,.14), 0 8px 18px rgba(42,73,122,.05);
    }

    .member-community-list a strong,
    .member-community-list a span,
    .member-community-list a em {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .member-community-list a strong {
      grid-column: 1 / -1;
      color: #172033;
      font-size: 13px;
      font-weight: 820;
    }

    .member-community-list a span {
      color: #52627a;
      font-size: 12px;
      font-weight: 720;
    }

    .member-community-list a em {
      color: #7a879b;
      font-size: 12px;
      font-style: normal;
      text-align: right;
    }

    .member-community-empty {
      min-height: 92px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      border: 1px dashed rgba(126,146,178,.22);
      color: #667489;
      font-size: 13px;
      background: rgba(255,255,255,.52);
    }

    .upload-workspace-nav {
      margin-top: 16px;
      padding: 9px;
      border-radius: 20px;
      border: 1px solid rgba(126,146,178,.12);
      background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(248,251,255,.72));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 22px rgba(42,73,122,.04);
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }

    .upload-workspace-nav span,
    .upload-workspace-nav a {
      min-height: 32px;
      display: inline-flex;
      align-items: center;
      padding: 0 13px;
      border-radius: 999px;
      color: #52627a;
      font-size: 12px;
      font-weight: 700;
      border: 1px solid transparent;
      transition: background .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

    .upload-workspace-nav .is-active {
      background: #fff;
      color: var(--blue);
      border-color: rgba(47,107,255,.12);
      box-shadow: 0 8px 18px rgba(42,73,122,.055);
    }

    .upload-entry-button {
      background: #2f63f4;
      color: #fff !important;
      border-color: rgba(47,107,255,.18) !important;
      box-shadow: 0 10px 20px rgba(47,107,255,.18);
    }

    .upload-asset-shell {
      border-radius: 22px;
      border: 1px solid rgba(126,146,178,.12);
      background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(248,251,255,.62));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 26px rgba(42,73,122,.035);
      overflow: hidden;
    }

    .asset-list-tabs {
      min-height: 58px;
      padding: 12px 14px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      border-bottom: 1px solid rgba(126,146,178,.10);
    }

    .asset-tabs-left {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .asset-tabs-left button,
    .asset-sort {
      appearance: none;
      min-height: 32px;
      padding: 0 12px;
      border: 1px solid rgba(126,146,178,.12);
      border-radius: 999px;
      background: rgba(255,255,255,.78);
      color: #52627a;
      font: inherit;
      font-size: 12px;
      font-weight: 700;
    }

    .asset-tabs-left button.active {
      background: #fff;
      color: var(--blue);
      border-color: rgba(47,107,255,.16);
      box-shadow: 0 8px 16px rgba(42,73,122,.05);
    }

    .asset-sort {
      display: inline-flex;
      align-items: center;
      color: #7a879b;
      white-space: nowrap;
    }

    .asset-list-head,
    .upload-asset-row {
      display: grid;
      grid-template-columns: minmax(300px, 1.1fr) minmax(160px, .55fr) minmax(170px, .6fr) minmax(300px, .95fr);
      gap: 14px;
      align-items: center;
    }

    .asset-list-head {
      padding: 12px 16px;
      background: rgba(248,251,255,.86);
      color: #7a879b;
      font-size: 12px;
      font-weight: 760;
      border-bottom: 1px solid rgba(126,146,178,.10);
    }

    .upload-asset-list {
      display: grid;
    }

    .upload-asset-row {
      min-height: 116px;
      padding: 15px 16px;
      border-bottom: 1px solid rgba(126,146,178,.09);
      background: rgba(255,255,255,.58);
      transition: background .18s ease, box-shadow .18s ease;
    }

    .upload-asset-row:hover {
      background: rgba(255,255,255,.86);
      box-shadow: inset 3px 0 0 rgba(47,107,255,.38);
    }

    .upload-asset-main {
      min-width: 0;
      display: grid;
      grid-template-columns: 78px minmax(0, 1fr);
      gap: 13px;
      align-items: center;
      color: inherit;
      text-decoration: none;
    }

    .upload-asset-cover {
      width: 78px;
      height: 78px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.94), transparent 36%),
        rgba(248,251,255,.9);
      color: var(--blue);
      font-weight: 800;
      overflow: hidden;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(42,73,122,.04);
    }

    .upload-asset-cover img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .upload-asset-main strong,
    .upload-asset-time,
    .upload-asset-meta span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .upload-asset-main strong {
      display: block;
      color: #172033;
      font-size: 14px;
    }

    .upload-asset-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 7px;
    }

    .upload-asset-meta span,
    .upload-asset-time {
      color: #667489;
      font-size: 12px;
    }

    .upload-asset-time {
      padding: 8px 10px;
      border-radius: 12px;
      background: rgba(248,251,255,.72);
    }

    .upload-asset-code button,
    .upload-asset-code a,
    .upload-asset-actions button,
    .upload-asset-actions a {
      appearance: none;
      min-height: 32px;
      padding: 0 12px;
      border: 1px solid rgba(126,146,178,.12);
      border-radius: 999px;
      background: rgba(255,255,255,.82);
      color: #52627a;
      font: inherit;
      font-size: 12px;
      font-weight: 700;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
      transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }

    .upload-asset-code button,
    .upload-asset-code a {
      color: var(--blue);
      border-color: rgba(47,107,255,.16);
      background: rgba(244,248,255,.95);
    }

    .upload-asset-code button:hover,
    .upload-asset-code a:hover,
    .upload-asset-actions button:hover,
    .upload-asset-actions a:hover {
      transform: translateY(-1px);
      background: #fff;
      border-color: rgba(47,107,255,.18);
      color: var(--blue);
    }

    .upload-asset-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: flex-start;
    }

    .detail-author {
      margin-top: auto;
      padding: 12px;
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 11px;
      align-items: center;
    }

    .detail-author img {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      object-fit: cover;
      background: #eef3fb;
    }

    .detail-author strong,
    .detail-author span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .detail-author strong {
      font-size: 13px;
    }

    .detail-author span {
      margin-top: 4px;
      color: #667489;
      font-size: 12px;
    }

    .scenario-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }

    .scenario-card {
      min-height: 148px;
      padding: 15px;
      border-radius: 16px;
      background: rgba(255, 255, 255, .60);
      border: 1px solid rgba(255,255,255,.66);
      box-shadow: 0 8px 18px rgba(42, 73, 122, .03), inset 0 1px 0 rgba(255,255,255,.78);
      backdrop-filter: blur(16px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
    }

    .scenario-card:hover {
      background: #fff;
      border-color: rgba(47, 107, 255, .14);
      box-shadow: 0 8px 16px rgba(42, 73, 122, .05);
      transform: translateY(-2px);
    }

    .scenario-icon {
      width: 32px;
      height: 32px;
      display: grid;
      place-items: center;
      border-radius: 11px;
      background: rgba(47, 107, 255, .075);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
      color: var(--blue);
      font-weight: 720;
      font-size: 13px;
    }

    .scenario-visual {
      width: 56px;
      height: 44px;
      margin-left: auto;
      margin-top: -32px;
      border-radius: 11px;
      background: rgba(248, 251, 255, .66);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
      object-fit: contain;
      display: block;
    }

    .scenario-card h3 {
      margin: 11px 0 6px;
      font-size: 14px;
      line-height: 1.28;
    }

    .scenario-card p {
      margin: 0;
      color: #667489;
      font-size: 12px;
      line-height: 1.52;
    }

    .scenario-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin-top: 11px;
    }

    .scenario-tags span {
      padding: 4px 7px;
      border-radius: 999px;
      background: rgba(248, 251, 255, .92);
      border: 1px solid rgba(126, 146, 178, .08);
      color: #52627a;
      font-size: 12px;
    }

    .model-card {
      min-width: 0;
      padding: 8px;
      border-radius: 16px;
      background: rgba(255, 255, 255, .84);
      border: 1px solid rgba(126, 146, 178, .09);
      box-shadow: 0 6px 14px rgba(42, 73, 122, .035);
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
    }

    .redesign-detail-page .model-card,
    .redesign-tag-page .model-card {
      padding: 9px;
      border-radius: 17px;
      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,255,.72));
      border-color: rgba(126,146,178,.11);
      box-shadow: 0 10px 24px rgba(42, 73, 122, .045);
    }

    .model-card:hover {
      background: #fff;
      border-color: rgba(47, 107, 255, .14);
      box-shadow: 0 9px 18px rgba(42, 73, 122, .055);
      transform: translateY(-2px);
    }

    .redesign-detail-page .model-card:hover,
    .redesign-tag-page .model-card:hover {
      border-color: rgba(47,107,255,.18);
      box-shadow: 0 14px 28px rgba(42,73,122,.07);
      transform: translateY(-2px);
    }

    .model-card img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: contain;
      border-radius: 12px;
      background: rgba(248, 251, 255, .82);
      display: block;
    }

    .redesign-detail-page .model-card img,
    .redesign-tag-page .model-card img {
      padding: 6px;
      background:
        radial-gradient(circle at 50% 84%, rgba(47,107,255,.08), transparent 34%),
        rgba(248,251,255,.88);
      transition: transform .18s ease, background .18s ease;
    }

    .model-card:hover img {
      transform: scale(1.015);
      background:
        radial-gradient(circle at 50% 84%, rgba(47,107,255,.11), transparent 34%),
        #f9fbff;
    }

    .model-card strong {
      display: block;
      margin-top: 7px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 12px;
    }

    .model-card span {
      display: block;
      margin-top: 3px;
      color: #617089;
      font-size: 12px;
      font-weight: 500;
    }

    @media (max-width: 1320px) {
      .showcase {
        grid-template-columns: 1fr;
      }

      .space-card {
        grid-template-columns: minmax(0, 1fr) minmax(180px, .75fr) minmax(210px, .85fr);
      }

      .models {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .list-models {
        grid-template-columns: repeat(5, minmax(0, 1fr));
      }

      .detail-workspace {
        grid-template-columns: minmax(340px, .68fr) minmax(0, 1.32fr);
      }
    }

    @media (max-width: 1500px) and (min-width: 1181px) {
      .hero {
        padding-right: 250px;
      }

      .hero::before {
        width: 228px;
      }

      .hero-3d-stage {
        right: 18px;
        width: 220px;
      }

      .hero-3d-space {
        transform: scale(.86);
        transform-style: preserve-3d;
      }

      @keyframes homeSpaceTurn {
        from { transform: scale(.86) rotateX(58deg) rotateZ(-10deg) rotateY(0deg); }
        to { transform: scale(.86) rotateX(58deg) rotateZ(-10deg) rotateY(360deg); }
      }

      .hero-3d-hint {
        right: 38px;
      }

      h1 {
        /* max-width: 430px; */
        font-size: 29px;
      }
    }

    .redesign-detail-page.hidden {
      overflow: hidden;
    }

    .redesign-detail-page .modal-view-iframe {
      z-index: 10020;
      overflow: hidden;
      background: rgba(15, 23, 42, .36);
      backdrop-filter: blur(14px) saturate(1.05);
      -webkit-backdrop-filter: blur(14px) saturate(1.05);
    }

    .redesign-detail-page .modal-view-iframe .modal-view-scrim {
      position: absolute;
      inset: 0 auto 0 0;
      z-index: 5;
      width: 86px;
      cursor: pointer;
      background: linear-gradient(90deg, rgba(255, 255, 255, .54), rgba(255, 255, 255, 0));
    }

    .redesign-detail-page .modal-view-iframe .modal-view-frame-content {
      position: relative;
      height: calc(100vh - 28px);
      margin: 14px 14px 14px 86px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, .74);
      border-radius: 24px;
      background: #f6f8fc;
      box-shadow: 0 30px 90px rgba(15, 23, 42, .24), inset 0 1px 0 rgba(255, 255, 255, .82);
    }

    .redesign-detail-page .modal-view-iframe .close-btn {
      position: absolute;
      top: 30px;
      left: 24px;
      z-index: 40;
      display: grid;
      place-items: center;
      width: 42px;
      height: 42px;
      padding: 0;
      border: 1px solid rgba(226, 232, 240, .92);
      border-radius: 999px;
      color: #667085;
      font-family: Arial, sans-serif;
      font-size: 30px;
      line-height: 1;
      background: rgba(255, 255, 255, .9);
      box-shadow: 0 16px 36px rgba(15, 23, 42, .14), inset 0 1px 0 rgba(255, 255, 255, .92);
      cursor: pointer;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    .redesign-detail-page .modal-view-iframe .close-btn:hover {
      color: #1f2937;
      transform: translateY(-1px);
    }

    .redesign-detail-page .modal-view-iframe .modal-view-frame-content > .close-btn {
      display: none;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-titlebar {
      position: absolute;
      top: 24px;
      left: 24px;
      z-index: 16;
      display: flex;
      align-items: center;
      max-width: min(520px, calc(100% - 420px));
      gap: 12px;
      padding: 8px 14px 8px 8px;
      border: 1px solid rgba(232, 238, 248, .92);
      border-radius: 18px;
      color: #172033;
      background: rgba(255, 255, 255, .78);
      box-shadow: 0 16px 40px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .82);
      backdrop-filter: blur(16px) saturate(1.08);
      -webkit-backdrop-filter: blur(16px) saturate(1.08);
    }

    .redesign-detail-page .modal-view-iframe .modal-view-titlebar img {
      width: 42px;
      height: 42px;
      border-radius: 12px;
      object-fit: cover;
      background: #eef2f7;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-titlebar strong {
      display: block;
      min-width: 0;
      overflow: hidden;
      color: #172033;
      font-size: 15px;
      font-weight: 800;
      line-height: 1.25;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-top-tools {
      position: absolute;
      top: 24px;
      right: 24px;
      z-index: 16;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 7px;
      border: 1px solid rgba(232, 238, 248, .94);
      border-radius: 18px;
      background: rgba(255, 255, 255, .78);
      box-shadow: 0 16px 40px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .82);
      backdrop-filter: blur(16px) saturate(1.08);
      -webkit-backdrop-filter: blur(16px) saturate(1.08);
    }

    .redesign-detail-page .modal-view-iframe .preview-icon-tool {
      display: grid;
      place-items: center;
      width: 36px;
      height: 36px;
      border: 1px solid rgba(49, 92, 255, .14);
      border-radius: 12px;
      color: #315cff;
      background: #fff;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86);
      cursor: pointer;
    }

    .redesign-detail-page .modal-view-iframe .preview-icon-tool:hover {
      border-color: rgba(49, 92, 255, .30);
      background: #f7faff;
      transform: translateY(-1px);
    }

    .redesign-detail-page .modal-view-iframe .preview-icon-tool.is-recording {
      color: #fff;
      border-color: #ef4444;
      background: #ef4444;
    }

    .redesign-detail-page .modal-view-iframe .preview-pan-hints {
      left: 30px;
      top: 92px;
      color: #8290a6;
      font-size: 12px;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-frame {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
      border-radius: 24px;
      background: #f6f8fc;
      opacity: .72;
      transform: scale(1.002);
      transition: opacity .28s ease, transform .28s ease;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-frame.modal-view-frame-ready {
      opacity: 1;
      transform: scale(1);
    }

    .redesign-detail-page .modal-view-iframe .modal-view-bottom-actions {
      position: absolute;
      left: 50%;
      bottom: 24px;
      z-index: 16;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      width: min(760px, calc(100% - 88px));
      padding: 8px;
      border: 1px solid rgba(255, 255, 255, .78);
      border-radius: 20px;
      background: rgba(255, 255, 255, .76);
      box-shadow: 0 20px 54px rgba(15, 23, 42, .14), inset 0 1px 0 rgba(255, 255, 255, .86);
      transform: translateX(-50%);
      backdrop-filter: blur(18px) saturate(1.08);
      -webkit-backdrop-filter: blur(18px) saturate(1.08);
    }

    .redesign-detail-page .modal-view-iframe .preview-panel-action {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
      height: 42px;
      gap: 7px;
      padding: 0 12px;
      border: 1px solid rgba(220, 228, 242, .96);
      border-radius: 14px;
      color: #314057;
      font-size: 13px;
      font-weight: 800;
      background: rgba(255, 255, 255, .94);
      cursor: pointer;
      white-space: nowrap;
    }

    .redesign-detail-page .modal-view-iframe .preview-panel-action i {
      font-size: 16px;
      color: #315cff;
    }

    .redesign-detail-page .modal-view-iframe .preview-panel-action span {
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .redesign-detail-page .modal-view-iframe .preview-panel-action:hover,
    .redesign-detail-page .modal-view-iframe .preview-panel-action.active {
      border-color: rgba(49, 92, 255, .28);
      color: #17307d;
      background: #eef4ff;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-side-dismiss {
      position: absolute;
      inset: 0;
      z-index: 17;
      display: none;
      border: 0;
      padding: 0;
      background: transparent;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-side-dismiss.show {
      display: block;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-side-card {
      position: absolute;
      top: 90px;
      right: 24px;
      z-index: 18;
      display: none;
      width: min(420px, calc(100% - 64px));
      max-height: calc(100% - 176px);
      overflow: auto;
      padding: 18px;
      border: 1px solid rgba(255, 255, 255, .78);
      border-radius: 22px;
      color: #23324d;
      background: rgba(255, 255, 255, .88);
      box-shadow: 0 24px 70px rgba(15, 23, 42, .16), inset 0 1px 0 rgba(255, 255, 255, .86);
      backdrop-filter: blur(18px) saturate(1.08);
      -webkit-backdrop-filter: blur(18px) saturate(1.08);
    }

    .redesign-detail-page .modal-view-iframe .modal-view-side-card.show {
      display: block;
      animation: previewCardIn .22s ease both;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-frame-loading {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 15;
      display: flex;
      align-items: center;
      gap: 16px;
      width: min(440px, calc(100% - 56px));
      padding: 16px;
      border: 1px solid rgba(255, 255, 255, .78);
      border-radius: 22px;
      color: #172033;
      background: rgba(255, 255, 255, .88);
      box-shadow: 0 24px 70px rgba(15, 23, 42, .16), inset 0 1px 0 rgba(255, 255, 255, .86);
      transform: translate(-50%, -50%);
      backdrop-filter: blur(18px) saturate(1.08);
      -webkit-backdrop-filter: blur(18px) saturate(1.08);
    }

    .redesign-detail-page .modal-view-iframe .modal-view-frame-loading.is-leaving {
      opacity: 0;
      pointer-events: none;
      transition: opacity .22s ease;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-loading-cover {
      flex: 0 0 auto;
      width: 76px;
      height: 76px;
      overflow: hidden;
      border-radius: 16px;
      background: #eef2f7;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-loading-cover img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-loading-copy {
      min-width: 0;
      flex: 1;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-loading-copy em {
      display: block;
      margin-bottom: 4px;
      color: #315cff;
      font-size: 12px;
      font-style: normal;
      font-weight: 800;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-loading-copy strong {
      display: block;
      margin-bottom: 5px;
      color: #172033;
      font-size: 18px;
      line-height: 1.25;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-loading-copy span {
      display: block;
      color: #64748b;
      font-size: 13px;
      line-height: 1.45;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-loading-bar {
      display: block;
      height: 6px;
      margin-top: 12px;
      overflow: hidden;
      border-radius: 999px;
      background: #e2e8f0;
    }

    .redesign-detail-page .modal-view-iframe .modal-view-loading-bar b {
      display: block;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, #315cff, #62a7ff);
      transition: width .18s ease;
    }

    /* 20260715-site-polish1: align all PC redesign pages with the detail-page visual system. */
    .workspace,
    .list-hero,
    .tag-hero,
    .member-native-hero,
    .section,
    .member-stat,
    .upload-workspace-nav,
    .upload-asset-shell,
    .personal-card,
    .action-card,
    .scenario-card,
    .space-card {
      border-color: rgba(126, 146, 178, .12);
    }

    .workspace,
    .list-hero,
    .tag-hero,
    .member-native-hero {
      margin-top: 14px;
    }

    .hero,
    .list-hero,
    .tag-hero,
    .member-native-hero,
    .section {
      background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.76));
      box-shadow: 0 18px 44px rgba(42, 73, 122, .055), var(--inner-highlight);
    }

    .hero {
      min-height: 308px;
      padding-top: 23px;
      padding-bottom: 20px;
    }

    .hero::before {
      background:
        linear-gradient(180deg, rgba(255,255,255,.76), rgba(246,250,255,.58)),
        radial-gradient(circle at 50% 10%, rgba(47,107,255,.075), transparent 44%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 14px 30px rgba(33,63,112,.05);
    }

    .hero h1,
    .list-hero h1,
    .member-native-hero h1 {
      font-size: clamp(26px, 2.15vw, 32px);
      line-height: 1.12;
      margin-top: 12px;
      margin-bottom: 9px;
    }

    .hero p,
    .list-hero p,
    .tag-hero p,
    .member-native-hero p {
      max-width: 720px;
      color: #59687f;
      font-size: 13px;
      line-height: 1.64;
    }

    .section {
      padding: 17px;
      border-radius: 20px;
    }

    .section-head,
    .model-head {
      align-items: flex-start;
    }

    .section h2,
    .model-head h2 {
      font-size: 18px;
      line-height: 1.2;
    }

    .section-head p,
    .model-head p {
      max-width: 720px;
      line-height: 1.55;
    }

    .btn,
    .quick a,
    .top-action,
    .filter-pills a,
    .upload-workspace-nav span,
    .upload-workspace-nav a,
    .asset-tabs-left button,
    .asset-sort,
    .upload-asset-code a,
    .upload-asset-actions a {
      border-radius: 12px;
    }

    .btn.primary,
    .upload-entry-button,
    .search .search-submit {
      background: #315cff linear-gradient(135deg, #315cff, #4b8dff) !important;
      box-shadow: 0 12px 24px rgba(49,92,255,.22), inset 0 1px 0 rgba(255,255,255,.28);
    }

    .btn:active,
    .quick a:active,
    .top-action:active,
    .filter-pills a:active,
    .upload-workspace-nav a:active,
    .upload-asset-actions a:active,
    .upload-asset-code a:active {
      transform: translateY(0);
      box-shadow: inset 0 1px 3px rgba(31, 45, 75, .08);
    }

    .metric,
    .hero-entry,
    .personal-card,
    .action-card,
    .scenario-card,
    .member-stat,
    .member-native-card,
    .list-result-tools,
    .upload-asset-shell {
      background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(247,250,255,.72));
      box-shadow: 0 10px 24px rgba(42, 73, 122, .045), inset 0 1px 0 rgba(255,255,255,.86);
    }

    .personal-card,
    .action-card,
    .scenario-card,
    .member-native-card {
      border-color: rgba(126,146,178,.11);
    }

    .personal-card:hover,
    .action-card:hover,
    .scenario-card:hover,
    .member-native-card:hover {
      box-shadow: 0 14px 30px rgba(42, 73, 122, .07), inset 0 1px 0 rgba(255,255,255,.9);
    }

    .list-hero {
      min-height: 170px;
      grid-template-columns: minmax(0, 1fr) minmax(270px, 340px);
      align-items: stretch;
      padding: 20px;
    }

    .list-hero-stats span,
    .tag-hero-count,
    .member-stat {
      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,250,255,.72));
      border-color: rgba(126,146,178,.10);
      box-shadow: 0 8px 18px rgba(42,73,122,.035), inset 0 1px 0 rgba(255,255,255,.86);
    }

    .list-context-panel,
    .list-result-tools {
      background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(248,251,255,.70));
      border-color: rgba(126,146,178,.11);
    }

    .filter-row {
      padding: 12px 0;
    }

    .filter-pills a {
      min-height: 32px;
      padding: 0 13px;
      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,250,255,.72));
    }

    .list-models {
      gap: 12px;
    }

    .model-card {
      border-radius: 17px;
    }

    .model-card strong {
      font-size: 13px;
      line-height: 1.35;
    }

    .model-card span {
      margin-top: 5px;
    }

    .member-native-hero {
      min-height: 150px;
      padding: 20px;
      align-items: center;
    }

    .member-profile img {
      width: 68px;
      height: 68px;
      border-radius: 20px;
      box-shadow: 0 10px 22px rgba(42,73,122,.07);
    }

    .member-stat-grid {
      gap: 12px;
    }

    .member-stat {
      min-height: 82px;
    }

    .member-stat strong {
      font-size: 19px;
    }

    .upload-workspace-nav {
      border-radius: 18px;
    }

    .upload-asset-shell {
      border-radius: 20px;
    }

    .asset-list-head,
    .upload-asset-row {
      grid-template-columns: minmax(280px, 1.14fr) minmax(138px, .48fr) minmax(148px, .52fr) minmax(260px, .88fr);
    }

    .upload-asset-row {
      min-height: 108px;
      background: rgba(255,255,255,.64);
    }

    .upload-asset-cover {
      width: 72px;
      height: 72px;
      border-radius: 15px;
    }

    .upload-asset-main {
      grid-template-columns: 72px minmax(0, 1fr);
    }

    .upload-asset-actions {
      gap: 7px;
    }

    .scenario-grid {
      gap: 12px;
    }

    .scenario-card {
      min-height: 248px;
      padding: 12px;
    }

    .scenario-visual {
      background: rgba(248,251,255,.9);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
    }

    /* 20260715-creator-upload1: native creator center connected to existing my-upload data. */
    /* 20260716-creator-compact3: remove top promo blocks and refine asset-first creator layout. */
    /* 20260716-creator-member-polish1: align creator center and member pages with detail-page visual system. */
    .creator-center-page .member-native-hero,
    .creator-center-page .section,
    .creator-upload-shell,
    .creator-asset-card,
    .creator-flow-card,
    .creator-bridge-card {
      background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.76));
      border: 1px solid rgba(126,146,178,.12);
      box-shadow: 0 18px 44px rgba(42, 73, 122, .055), var(--inner-highlight);
    }

    .creator-center-page .member-native-hero h1 {
      max-width: 760px;
    }

    .creator-center-layout {
      display: grid;
      grid-template-columns: 176px minmax(0, 1fr);
      gap: 14px;
      margin-top: 14px;
      align-items: start;
    }

    .creator-core-menu {
      position: sticky;
      top: 86px;
      min-height: calc(100vh - 118px);
      padding: 12px;
      border-radius: 20px;
      border: 1px solid rgba(126,146,178,.12);
      background:
        radial-gradient(circle at 24% 0%, rgba(49,92,255,.055), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.78));
      box-shadow: 0 18px 42px rgba(42, 73, 122, .05), var(--inner-highlight);
      backdrop-filter: blur(24px) saturate(1.14);
    }

    .creator-work-panel {
      min-width: 0;
      display: grid;
      gap: 12px;
    }

    .creator-center-tabs {
      display: grid;
      gap: 7px;
    }

    .creator-center-tabs a,
    .creator-center-tabs button {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 11px;
      border-radius: 12px;
      border: 1px solid transparent;
      appearance: none;
      color: #52627a;
      background: transparent;
      font-size: 12px;
      font-weight: 780;
      font-family: inherit;
      cursor: pointer;
      transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }

    .creator-center-tabs a:hover,
    .creator-center-tabs button:hover,
    .creator-center-tabs .is-active {
      background: rgba(244,248,255,.96);
      color: var(--blue);
      border-color: rgba(47,107,255,.14);
      box-shadow: inset 3px 0 0 rgba(49,92,255,.78), 0 8px 18px rgba(42,73,122,.04), inset 0 1px 0 rgba(255,255,255,.88);
      transform: none;
    }

    .creator-center-tabs .upload-entry-button {
      min-height: 42px;
      justify-content: center;
      margin-bottom: 4px;
      border-radius: 12px;
      color: #fff !important;
      background: linear-gradient(135deg, #315cff, #4b8dff) !important;
      box-shadow: 0 14px 26px rgba(49,92,255,.22), inset 0 1px 0 rgba(255,255,255,.28);
    }

    .creator-flow-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .creator-flow-card {
      min-height: 112px;
      display: grid;
      align-content: space-between;
      gap: 10px;
      padding: 15px;
      border-radius: 18px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

    .creator-flow-card:hover {
      transform: translateY(-2px);
      border-color: rgba(47,107,255,.16);
      box-shadow: 0 18px 34px rgba(42,73,122,.075), var(--inner-highlight);
    }

    .creator-flow-card span {
      width: fit-content;
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      background: rgba(47,107,255,.075);
      color: var(--blue);
      font-size: 12px;
      font-weight: 820;
    }

    .creator-flow-card strong {
      color: #172033;
      font-size: 15px;
      line-height: 1.25;
    }

    .creator-flow-card em {
      color: #667489;
      font-size: 12px;
      font-style: normal;
      font-weight: 680;
    }

    .creator-flow-card.is-active {
      border-color: rgba(49,92,255,.18);
      background: linear-gradient(180deg, rgba(244,248,255,.96), rgba(255,255,255,.78));
    }

    .creator-upload-shell {
      border-radius: 22px;
      overflow: hidden;
    }

    .creator-center-page .creator-upload-section {
      padding: 18px;
    }

    .creator-center-page .creator-upload-section .model-head {
      align-items: center;
      margin-bottom: 16px;
      padding: 2px 2px 0;
    }

    .creator-center-page .creator-upload-section .model-head h2 {
      font-size: 21px;
      line-height: 1.18;
    }

    .creator-center-page .creator-upload-section .model-head p {
      max-width: 760px;
      margin-top: 5px;
      font-size: 12px;
      line-height: 1.62;
    }

    .creator-center-page .creator-upload-section .model-head .btn {
      min-height: 38px;
      padding: 0 14px;
      border-radius: 13px;
    }

    /* 20260728-v2-creator-center-empty-state1: keep creator center first screen readable even with no assets. */
    .creator-center-page .creator-center-layout {
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
    }

    .creator-center-page .creator-core-menu {
      position: sticky;
      top: 0;
      z-index: 20;
      min-height: 0;
      padding: 8px;
      border-radius: 18px;
      background: rgba(255,255,255,.82);
      box-shadow: 0 12px 28px rgba(42,73,122,.045), var(--inner-highlight);
      backdrop-filter: blur(20px) saturate(1.12);
    }

    .creator-center-page .creator-center-tabs {
      display: flex;
      align-items: center;
      gap: 7px;
      overflow-x: auto;
      scrollbar-width: none;
    }

    .creator-center-page .creator-center-tabs::-webkit-scrollbar {
      display: none;
    }

    .creator-center-page .creator-center-tabs a,
    .creator-center-page .creator-center-tabs button {
      min-width: max-content;
      min-height: 36px;
      padding: 0 13px;
      border-radius: 11px;
      box-shadow: none;
    }

    .creator-center-page .creator-center-tabs .upload-entry-button {
      margin: 0;
      width: auto;
      min-height: 38px;
      padding: 0 18px;
    }

    .creator-workspace-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto;
      gap: 16px;
      align-items: center;
      padding: 18px;
      border: 1px solid rgba(126,146,178,.10);
      border-radius: 20px;
      background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.76));
      box-shadow: 0 18px 44px rgba(42,73,122,.055), var(--inner-highlight);
    }

    .creator-workspace-head > div:first-child {
      min-width: 0;
    }

    .creator-workspace-head span {
      color: #315cff;
      font-size: 12px;
      font-weight: 820;
    }

    .creator-workspace-head h1 {
      margin: 5px 0 0;
      color: #172033;
      font-size: 24px;
      line-height: 1.16;
      letter-spacing: 0;
    }

    .creator-workspace-head p {
      margin: 7px 0 0;
      max-width: 620px;
      color: #667489;
      font-size: 13px;
      line-height: 1.58;
    }

    .creator-workspace-metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(76px, auto));
      gap: 8px;
    }

    .creator-workspace-metrics span {
      min-height: 58px;
      display: grid;
      align-content: center;
      gap: 4px;
      padding: 8px 11px;
      border: 1px solid rgba(126,146,178,.10);
      border-radius: 14px;
      background: rgba(255,255,255,.78);
      color: #667489;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
    }

    .creator-workspace-metrics strong {
      min-width: 0;
      color: #172033;
      font-size: 17px;
      line-height: 1;
      white-space: nowrap;
    }

    .creator-workspace-metrics em {
      color: #7a879b;
      font-size: 11px;
      font-style: normal;
      font-weight: 720;
      white-space: nowrap;
    }

    .creator-workspace-upload {
      appearance: none;
      min-height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 18px;
      border: 0;
      border-radius: 13px;
      background: #315cff linear-gradient(135deg, #315cff, #4b8dff);
      color: #fff;
      font: inherit;
      font-size: 13px;
      font-weight: 820;
      cursor: pointer;
      box-shadow: 0 14px 28px rgba(49,92,255,.22), inset 0 1px 0 rgba(255,255,255,.28);
    }

    .creator-center-page .asset-list-tabs {
      padding: 13px 14px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(248,251,255,.72));
      border-bottom-color: rgba(126,146,178,.09);
    }

    .creator-center-page .asset-tabs-left {
      gap: 7px;
      flex-wrap: wrap;
    }

    .creator-center-page .asset-tabs-left button,
    .creator-center-page .asset-sort {
      min-height: 30px;
      border-radius: 999px;
      background: rgba(255,255,255,.78);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
    }

    .creator-workspace-tabs {
      position: sticky;
      top: 52px;
      z-index: 5;
      backdrop-filter: blur(18px) saturate(1.12);
    }

    .creator-center-page .asset-tabs-left button.active {
      color: #315cff;
      background: rgba(244,248,255,.96);
      border-color: rgba(49,92,255,.18);
      box-shadow: 0 8px 16px rgba(49,92,255,.07), inset 0 1px 0 rgba(255,255,255,.9);
    }

    .creator-asset-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 12px;
      padding: 14px;
    }

    .creator-empty-state {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: 150px minmax(0, 1fr) minmax(260px, .72fr);
      gap: 22px;
      align-items: center;
      min-height: 260px;
      padding: 26px;
      border: 1px dashed rgba(126,146,178,.22);
      border-radius: 20px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.82));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
    }

    .creator-empty-visual {
      width: 128px;
      aspect-ratio: 1;
      display: grid;
      place-items: center;
      border-radius: 28px;
      background: linear-gradient(135deg, rgba(49,92,255,.12), rgba(24,185,129,.12));
      color: #315cff;
      font-size: 32px;
      font-weight: 900;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 18px 34px rgba(49,92,255,.08);
    }

    .creator-empty-copy {
      min-width: 0;
      display: grid;
      gap: 8px;
    }

    .creator-empty-copy span {
      width: fit-content;
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      background: rgba(244,248,255,.96);
      color: #315cff;
      font-size: 12px;
      font-weight: 820;
    }

    .creator-empty-copy strong {
      color: #172033;
      font-size: 22px;
      line-height: 1.22;
    }

    .creator-empty-copy p {
      max-width: 580px;
      margin: 0;
      color: #667489;
      font-size: 13px;
      line-height: 1.68;
    }

    .creator-empty-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
      margin-top: 6px;
    }

    .creator-empty-actions button,
    .creator-empty-actions a {
      min-height: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 15px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 11px;
      background: #fff;
      color: #52627a;
      font-size: 13px;
      font-weight: 800;
      cursor: pointer;
    }

    .creator-empty-actions button {
      border-color: transparent;
      background: #315cff linear-gradient(135deg, #315cff, #4b8dff);
      color: #fff;
      box-shadow: 0 12px 24px rgba(49,92,255,.18), inset 0 1px 0 rgba(255,255,255,.28);
    }

    .creator-empty-steps {
      display: grid;
      gap: 9px;
    }

    .creator-empty-steps span {
      min-height: 38px;
      display: flex;
      align-items: center;
      gap: 9px;
      padding: 0 12px;
      border: 1px solid rgba(126,146,178,.10);
      border-radius: 12px;
      background: rgba(255,255,255,.76);
      color: #52627a;
      font-size: 12px;
      font-weight: 760;
    }

    .creator-empty-steps i {
      width: 22px;
      height: 22px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(244,248,255,.98);
      color: #315cff;
      font-style: normal;
      font-size: 12px;
      font-weight: 860;
      box-shadow: inset 0 0 0 1px rgba(49,92,255,.12);
    }

    .creator-center-page .creator-asset-grid {
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .creator-asset-card {
      min-width: 0;
      display: grid;
      grid-template-rows: auto 1fr auto;
      gap: 10px;
      padding: 10px;
      border-radius: 14px;
      background: rgba(255,255,255,.96);
      border-color: rgba(126,146,178,.10);
      box-shadow: 0 10px 22px rgba(42,73,122,.042), var(--inner-highlight);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

    .creator-asset-card:hover {
      transform: translateY(-1px);
      border-color: rgba(47,107,255,.16);
      box-shadow: 0 16px 30px rgba(42,73,122,.065), var(--inner-highlight);
    }

    .creator-asset-cover {
      width: 100%;
      aspect-ratio: 16 / 10;
      display: grid;
      place-items: center;
      border-radius: 10px;
      border: 1px solid rgba(126,146,178,.12);
      background: #f6f8fb;
      overflow: hidden;
      color: #315cff;
      font-size: 24px;
      font-weight: 900;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
    }

    .creator-asset-cover img {
      width: 100%;
      height: 100%;
      min-width: 0;
      min-height: 0;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      object-position: center center;
      box-sizing: border-box;
      padding: 7px;
      display: block;
    }

    .creator-asset-body {
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .creator-asset-body strong,
    .creator-asset-body span,
    .creator-asset-body em {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .creator-asset-body strong {
      color: #172033;
      font-size: 13px;
      font-weight: 820;
      line-height: 1.28;
      min-height: 17px;
    }

    .creator-asset-meta,
    .creator-asset-body em {
      color: #7a879b;
      font-size: 12px;
      font-style: normal;
      font-weight: 650;
    }

    .creator-asset-status-row {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 1px;
    }

    .creator-status-chip {
      min-height: 24px;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 0 8px;
      border: 1px solid rgba(126,146,178,.12);
      border-radius: 999px;
      background: rgba(248,250,252,.92);
      color: #667489;
      font-size: 11px;
      font-weight: 760;
      white-space: nowrap;
    }

    .creator-status-chip.is-ready,
    .creator-status-chip.is-open {
      color: #2457d6;
      border-color: rgba(49,92,255,.16);
      background: rgba(244,248,255,.92);
    }

    .creator-status-chip.is-pending {
      color: #7a879b;
      background: rgba(248,250,252,.92);
    }

    .creator-visibility {
      appearance: none;
      width: auto;
      height: 24px;
      justify-content: center;
      padding: 0 8px;
      border-color: rgba(126,146,178,.12);
      background: rgba(248,250,252,.92);
      font: inherit;
      font-size: 11px;
      font-weight: 760;
      cursor: pointer;
      box-shadow: none;
    }

    .creator-visibility i {
      position: relative;
      width: 26px;
      height: 14px;
      border-radius: 999px;
      background: #d8e2f0;
      box-shadow: inset 0 1px 3px rgba(15,23,42,.12);
    }

    .creator-visibility i::after {
      content: "";
      position: absolute;
      left: 2px;
      top: 2px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 2px 6px rgba(15,23,42,.16);
      transition: transform .18s ease;
    }

    .creator-visibility.is-open {
      color: var(--blue);
      border-color: rgba(49,92,255,.22);
    }

    .creator-visibility.is-open i {
      background: #4b7cff;
    }

    .creator-visibility.is-open i::after {
      transform: translateX(12px);
    }

    .creator-cover-action,
    .creator-asset-actions a,
    .creator-asset-actions button,
    .creator-xr-help,
    .creator-xr-meta button {
      appearance: none;
      min-height: 32px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 12px;
      border: 1px solid rgba(126,146,178,.12);
      border-radius: 11px;
      background: rgba(255,255,255,.86);
      color: #52627a;
      font: inherit;
      font-size: 12px;
      font-weight: 780;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
      transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
    }

    .creator-cover-action {
      color: var(--blue);
      background: rgba(244,248,255,.96);
      border-color: rgba(47,107,255,.16);
      width: fit-content;
    }

    .creator-asset-actions {
      display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
      padding-top: 9px;
      border-top: 1px solid rgba(126,146,178,.10);
      position: relative;
    }

    .creator-asset-actions .primary {
      grid-column: auto;
      min-height: 36px;
      border-radius: 9px;
      color: #fff;
      border-color: transparent;
      background: #315cff linear-gradient(135deg, #315cff, #4b8dff);
      box-shadow: 0 12px 22px rgba(49,92,255,.20), inset 0 1px 0 rgba(255,255,255,.28);
    }

    .creator-asset-quick-actions {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 7px;
    }

    .creator-asset-quick-actions a,
    .creator-asset-quick-actions button {
      min-width: 0;
      min-height: 32px;
      padding: 0 8px;
      border-radius: 9px;
      background: rgba(255,255,255,.88);
      color: #52627a;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      box-shadow: none;
    }

    .creator-asset-quick-actions .creator-xr-code-btn {
      color: #0f766e;
      border-color: rgba(20,184,166,.20);
      background: linear-gradient(180deg, rgba(240,253,250,.96), rgba(255,255,255,.88));
    }

    .creator-more-toggle[aria-expanded="true"] {
      color: #315cff;
      border-color: rgba(49,92,255,.18);
      background: rgba(244,248,255,.96);
    }

    /* 20260727-v2-upload-native-workspace1: keep official upload capabilities inside the V2 test shell. */
    .creator-work-panel-section:not(.is-active) {
      display: none;
    }

    .creator-work-panel-section.is-active {
      animation: creatorPanelIn .18s ease-out;
    }

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

    .creator-cover-overlay {
      position: absolute;
      right: 10px;
      bottom: 10px;
      min-height: 30px;
      opacity: 0;
      transform: translateY(4px);
      border-color: rgba(49,92,255,.18);
      background: rgba(255,255,255,.92);
      backdrop-filter: blur(12px);
    }

    .creator-asset-card:hover .creator-cover-overlay,
    .creator-asset-cover-shell:focus-within .creator-cover-overlay {
      opacity: 1;
      transform: translateY(0);
    }

    .creator-asset-more-menu {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 42px;
      z-index: 8;
      display: none;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 7px;
      padding: 9px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 12px;
      background: rgba(255,255,255,.98);
      box-shadow: 0 18px 38px rgba(15,23,42,.12), var(--inner-highlight);
      backdrop-filter: blur(16px) saturate(1.12);
    }

    .creator-asset-card.is-more-open .creator-asset-more-menu {
      display: grid;
    }

    .creator-asset-more-menu a,
    .creator-asset-more-menu button {
      min-height: 32px;
      border-radius: 9px;
      box-shadow: none;
    }

    .creator-card-actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      margin-top: 4px;
    }

    .creator-card-actions a,
    .creator-card-actions button {
      appearance: none;
      min-width: 0;
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 8px;
      border: 1px solid rgba(126,146,178,.12);
      border-radius: 10px;
      background: rgba(255,255,255,.86);
      color: #52627a;
      font: inherit;
      font-size: 12px;
      font-weight: 780;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
    }

    .creator-card-actions a:hover,
    .creator-card-actions button:hover {
      color: #315cff;
      border-color: rgba(49,92,255,.18);
      background: rgba(244,248,255,.96);
    }

    .creator-stats-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 10px;
    }

    .creator-stats-grid div {
      min-height: 88px;
      display: grid;
      align-content: center;
      gap: 6px;
      padding: 14px;
      border: 1px solid rgba(126,146,178,.12);
      border-radius: 16px;
      background: rgba(255,255,255,.82);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
    }

    .creator-stats-grid span {
      color: #667489;
      font-size: 12px;
      font-weight: 760;
    }

    .creator-stats-grid strong {
      color: #172033;
      font-size: 24px;
      line-height: 1;
    }

    .creator-stats-list {
      display: grid;
      gap: 8px;
      margin-top: 12px;
    }

    .creator-stats-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 90px 110px 110px;
      gap: 10px;
      align-items: center;
      min-height: 48px;
      padding: 10px 12px;
      border: 1px solid rgba(126,146,178,.10);
      border-radius: 14px;
      background: rgba(255,255,255,.76);
    }

    .creator-stats-row strong {
      min-width: 0;
      color: #172033;
      font-size: 13px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .creator-stats-row span,
    .creator-stats-row em {
      color: #667489;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
    }

    .creator-upload-modal[aria-hidden="true"] {
      display: none;
    }

    .creator-upload-modal {
      position: fixed;
      inset: 0;
      z-index: 9997;
      display: grid;
      place-items: center;
      padding: 24px;
      background: rgba(15,23,42,.46);
      backdrop-filter: blur(14px) saturate(1.14);
    }

    .creator-upload-dialog {
      position: relative;
      width: min(720px, 100%);
      max-height: min(780px, calc(100vh - 48px));
      overflow: auto;
      padding: 22px;
      border: 1px solid rgba(255,255,255,.72);
      border-radius: 24px;
      background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.90));
      box-shadow: 0 30px 90px rgba(15,23,42,.26), var(--inner-highlight);
    }

    .creator-upload-close {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 36px;
      height: 36px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 50%;
      background: #fff;
      color: #172033;
      font-size: 24px;
      line-height: 1;
      cursor: pointer;
    }

    .creator-upload-dialog-head {
      padding-right: 46px;
    }

    .creator-upload-dialog-head span {
      color: var(--blue);
      font-size: 12px;
      font-weight: 820;
    }

    .creator-upload-dialog-head strong {
      display: block;
      margin-top: 6px;
      color: #172033;
      font-size: 24px;
      line-height: 1.2;
    }

    .creator-upload-dialog-head p {
      margin: 8px 0 0;
      max-width: 620px;
      color: #667489;
      font-size: 13px;
      line-height: 1.65;
    }

    .creator-upload-steps {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      margin-top: 18px;
    }

    .creator-upload-steps span {
      min-height: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      border-radius: 12px;
      background: rgba(244,248,255,.84);
      color: #667489;
      font-size: 12px;
      font-weight: 780;
    }

    .creator-upload-steps i {
      width: 20px;
      height: 20px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #fff;
      color: #315cff;
      font-style: normal;
      box-shadow: inset 0 0 0 1px rgba(49,92,255,.12);
    }

    .creator-upload-steps .is-active {
      background: rgba(49,92,255,.09);
      color: #315cff;
    }

    .creator-upload-drop {
      position: relative;
      display: grid;
      place-items: center;
      gap: 7px;
      min-height: 170px;
      margin-top: 16px;
      padding: 24px;
      border: 1px dashed rgba(49,92,255,.28);
      border-radius: 20px;
      background: linear-gradient(180deg, rgba(244,248,255,.86), rgba(255,255,255,.72));
      text-align: center;
      cursor: pointer;
      transition: border-color .18s ease, background .18s ease, transform .18s ease;
    }

    .creator-upload-drop.is-dragover,
    .creator-upload-drop:hover {
      transform: translateY(-1px);
      border-color: rgba(49,92,255,.48);
      background: rgba(244,248,255,.96);
    }

    .creator-upload-drop strong {
      color: #172033;
      font-size: 18px;
      font-weight: 820;
    }

    .creator-upload-drop span,
    .creator-upload-drop em {
      color: #667489;
      font-size: 13px;
      font-style: normal;
      line-height: 1.55;
    }

    .creator-upload-drop input {
      position: absolute;
      inset: 0;
      opacity: 0;
      pointer-events: none;
    }

    .creator-upload-form {
      display: grid;
      gap: 14px;
      margin-top: 16px;
    }

    .creator-upload-form label {
      display: grid;
      gap: 8px;
      color: #172033;
      font-size: 13px;
      font-weight: 780;
    }

    .creator-upload-form input {
      width: 100%;
      min-height: 42px;
      padding: 0 13px;
      border: 1px solid rgba(126,146,178,.16);
      border-radius: 12px;
      background: rgba(255,255,255,.92);
      color: #172033;
      font: inherit;
      outline: none;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
    }

    .creator-upload-purpose {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .creator-upload-purpose button.is-active {
      color: #315cff;
      border-color: rgba(49,92,255,.22);
      background: rgba(244,248,255,.96);
    }

    .creator-upload-switch-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 14px 16px;
      border: 1px solid rgba(126,146,178,.12);
      border-radius: 16px;
      background: rgba(255,255,255,.72);
    }

    .creator-upload-switch-row > div {
      min-width: 0;
    }

    .creator-upload-switch-row .creator-visibility {
      flex: 0 0 auto;
      min-width: 104px;
      height: 30px;
      justify-content: flex-start;
      padding: 0 10px 0 5px;
      background: rgba(244,248,255,.96);
      border-color: rgba(49,92,255,.16);
    }

    .creator-upload-switch-row .creator-visibility i {
      width: 34px;
      height: 18px;
    }

    .creator-upload-switch-row .creator-visibility i::after {
      width: 14px;
      height: 14px;
    }

    .creator-upload-switch-row .creator-visibility.is-open i::after {
      transform: translateX(16px);
    }

    .creator-upload-switch-row strong {
      display: block;
      color: #172033;
      font-size: 14px;
    }

    .creator-upload-switch-row span {
      display: block;
      margin-top: 3px;
      color: #667489;
      font-size: 12px;
    }

    .creator-upload-progress {
      display: grid;
      gap: 8px;
      margin-top: 14px;
    }

    .creator-upload-progress div {
      height: 8px;
      overflow: hidden;
      border-radius: 999px;
      background: rgba(216,226,240,.72);
    }

    .creator-upload-progress span {
      display: block;
      width: 0;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(135deg, #315cff, #4b8dff);
      transition: width .18s ease;
    }

    .creator-upload-progress p,
    .creator-upload-message {
      margin: 0;
      color: #667489;
      font-size: 12px;
      line-height: 1.5;
    }

    .creator-upload-message[data-type="error"] {
      color: #dc2626;
    }

    .creator-upload-message[data-type="success"],
    .creator-upload-message[data-type="ready"] {
      color: #0f766e;
    }

    .creator-upload-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      margin-top: 18px;
    }

    .creator-upload-actions button,
    .creator-upload-purpose button {
      appearance: none;
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 12px;
      border: 1px solid rgba(126,146,178,.12);
      border-radius: 11px;
      background: rgba(255,255,255,.86);
      color: #52627a;
      font: inherit;
      font-size: 12px;
      font-weight: 780;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
    }

    .creator-upload-submit {
      color: #fff !important;
      border-color: transparent !important;
      background: #315cff linear-gradient(135deg, #315cff, #4b8dff) !important;
      box-shadow: 0 12px 24px rgba(49,92,255,.20), inset 0 1px 0 rgba(255,255,255,.28) !important;
    }

    .creator-upload-submit:disabled,
    .creator-visibility.is-loading {
      opacity: .68;
      cursor: wait;
    }

    /* 20260717-creator-refine1: remove creator topbar and flatten nested creator center surfaces. */
    .creator-center-page .main {
      padding-top: 0;
    }

    .creator-center-page .topbar {
      display: none;
    }

    .creator-center-page .creator-center-layout {
      margin-top: 0;
      grid-template-columns: 164px minmax(0, 1fr);
      gap: 16px;
    }

    .creator-center-page .creator-core-menu {
      top: 14px;
      min-height: calc(100vh - 28px);
      padding: 8px 6px;
      border-radius: 18px;
      border-color: rgba(126,146,178,.08);
      background: rgba(255,255,255,.62);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
    }

    .creator-center-page .creator-center-tabs {
      gap: 4px;
    }

    .creator-center-page .creator-center-tabs a,
    .creator-center-page .creator-center-tabs button {
      min-height: 40px;
      padding: 0 12px;
      border: 0;
      border-radius: 12px;
      background: transparent;
      color: #52627a;
      box-shadow: none;
    }

    .creator-center-page .creator-center-tabs a:hover,
    .creator-center-page .creator-center-tabs button:hover,
    .creator-center-page .creator-center-tabs .is-active {
      color: #315cff;
      background: rgba(244,248,255,.84);
      box-shadow: inset 2px 0 0 rgba(49,92,255,.82);
    }

    .creator-center-page .creator-center-tabs .upload-entry-button {
      margin: 0 0 8px;
      width: 100%;
      min-height: 42px;
      border-radius: 14px;
      font-weight: 820;
      box-shadow: 0 12px 24px rgba(49,92,255,.18), inset 0 1px 0 rgba(255,255,255,.28);
    }

    .creator-center-page .creator-upload-workspace {
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
    }

    .creator-center-page .creator-upload-workspace .creator-core-menu {
      position: sticky;
      top: 0;
      z-index: 20;
      min-height: 0;
      padding: 8px;
      border-radius: 18px;
      background: rgba(255,255,255,.82);
      box-shadow: 0 12px 28px rgba(42,73,122,.045), var(--inner-highlight);
      backdrop-filter: blur(20px) saturate(1.12);
    }

    .creator-center-page .creator-upload-workspace .creator-center-tabs {
      display: flex;
      align-items: center;
      gap: 7px;
      overflow-x: auto;
      scrollbar-width: none;
    }

    .creator-center-page .creator-upload-workspace .creator-center-tabs::-webkit-scrollbar {
      display: none;
    }

    .creator-center-page .creator-upload-workspace .creator-center-tabs a,
    .creator-center-page .creator-upload-workspace .creator-center-tabs button {
      min-width: max-content;
      min-height: 36px;
      padding: 0 13px;
      border-radius: 11px;
      box-shadow: none;
    }

    .creator-center-page .creator-upload-workspace .creator-center-tabs .upload-entry-button {
      width: auto;
      min-height: 38px;
      margin: 0;
      padding: 0 18px;
    }

    .creator-center-page .creator-upload-section {
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .creator-center-page .creator-upload-section .model-head {
      margin: 0 0 12px;
      padding: 4px 2px 10px;
      border-bottom: 1px solid rgba(126,146,178,.10);
    }

    .creator-center-page .creator-upload-section .model-head h2 {
      font-size: 22px;
    }

    .creator-center-page .creator-upload-section .model-head p {
      max-width: 660px;
      color: #667489;
    }

    .creator-center-page .creator-upload-section .model-head .btn {
      border-radius: 999px;
      background: #fff;
    }

    .creator-center-page .creator-upload-shell {
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      overflow: visible;
    }

    .creator-center-page .asset-list-tabs {
      min-height: 0;
      padding: 0 0 14px;
      background: transparent;
      border: 0;
    }

    .creator-center-page .asset-tabs-left {
      gap: 8px;
    }

    .creator-center-page .asset-tabs-left button,
    .creator-center-page .asset-sort {
      background: rgba(248,251,255,.78);
      border-color: rgba(126,146,178,.10);
      box-shadow: none;
    }

    .creator-center-page .asset-tabs-left button.active {
      background: #eef4ff;
      box-shadow: inset 0 0 0 1px rgba(49,92,255,.12);
    }

    .creator-center-page .creator-asset-grid {
      padding: 0;
      gap: 12px;
    }

    .creator-center-page .creator-asset-card {
      padding: 12px;
      border-radius: 16px;
      background: rgba(255,255,255,.72);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 24px rgba(42,73,122,.035);
    }

    .creator-center-page .creator-asset-cover {
      border-radius: 13px;
      background: linear-gradient(180deg, rgba(252,253,255,.92), rgba(247,250,255,.76));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.84);
    }

    .creator-cover-action:hover,
    .creator-asset-actions a:hover,
    .creator-asset-actions button:hover,
    .creator-xr-help:hover,
    .creator-xr-meta button:hover {
      transform: translateY(-1px);
      background: #fff;
      border-color: rgba(47,107,255,.18);
      color: var(--blue);
      box-shadow: 0 8px 16px rgba(42,73,122,.045), inset 0 1px 0 rgba(255,255,255,.88);
    }

    /* 20260717-member-refine1: remove account topbar and flatten member center surfaces. */
    .member-native-page .topbar {
      display: none;
    }

    .member-native-page .main {
      padding-top: 0;
    }

    .member-native-page .member-native-hero {
      margin-top: 0;
      min-height: 132px;
      padding: 20px 22px;
      border: 0;
      background:
        radial-gradient(circle at 95% 10%, rgba(47,107,255,.08), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.76), rgba(248,251,255,.46));
      box-shadow: 0 18px 42px rgba(42, 73, 122, .055), var(--inner-highlight);
    }

    .member-native-page .member-profile {
      grid-template-columns: 58px minmax(0, 1fr);
      gap: 16px;
    }

    .member-native-page .member-profile img {
      width: 58px;
      height: 58px;
      border-radius: 18px;
    }

    .member-native-page .member-native-hero h1 {
      margin: 6px 0 7px;
      font-size: clamp(24px, 1.9vw, 30px);
    }

    .member-native-page .member-native-hero p {
      color: #667489;
      font-size: 13px;
    }

    .member-native-page .member-stat-grid {
      gap: 10px;
      margin-top: 12px;
    }

    .member-native-page .member-stat {
      min-height: 70px;
      padding: 14px 15px;
      border: 0;
      border-radius: 16px;
      background: rgba(255,255,255,.56);
      box-shadow: 0 12px 30px rgba(42, 73, 122, .045), var(--inner-highlight);
    }

    .member-native-page .member-stat::after {
      width: 48px;
      height: 48px;
      opacity: .5;
    }

    .member-native-page .member-stat strong {
      margin-bottom: 6px;
      font-size: 18px;
    }

    .member-native-page .section {
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    .member-native-page .section .model-head {
      margin-bottom: 12px;
      padding: 4px 2px 10px;
      border-bottom: 1px solid rgba(126,146,178,.10);
    }

    .member-native-page .section .model-head h2 {
      font-size: 21px;
    }

    .member-native-page .section .model-head p {
      color: #667489;
      font-size: 13px;
    }

    .member-native-page .section .model-head .btn {
      min-height: 36px;
      border-radius: 999px;
      background: #fff;
    }

    .member-native-page .member-native-grid,
    .member-native-page .models.list-models {
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    .member-native-page .member-native-card,
    .member-native-page .model-card {
      border-color: rgba(126,146,178,.10);
      background: rgba(255,255,255,.66);
      box-shadow: 0 10px 28px rgba(42, 73, 122, .045), var(--inner-highlight);
    }

    .member-native-page .member-empty {
      min-height: 112px;
      border: 1px dashed rgba(126,146,178,.22);
      border-radius: 18px;
      background: rgba(255,255,255,.42);
      color: #667489;
    }

    /* 20260723-member-ui-polish1: tighten V2 member center layout and card rhythm. */
    .member-native-page .main {
      padding: 14px 18px 18px;
    }

    .member-native-page .member-native-hero {
      min-height: 108px;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      padding: 18px 20px;
      border-radius: 18px;
      background:
        radial-gradient(circle at 96% 18%, rgba(49,92,255,.08), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(248,251,255,.54));
    }

    .member-native-page .member-profile {
      grid-template-columns: 52px minmax(0, 1fr);
      gap: 13px;
    }

    .member-native-page .member-profile img {
      width: 52px;
      height: 52px;
      border-radius: 16px;
    }

    .member-native-page .member-native-hero h1 {
      margin: 4px 0 5px;
      font-size: clamp(22px, 1.7vw, 28px);
    }

    .member-native-page .member-native-actions .btn {
      min-height: 36px;
      padding: 0 16px;
      border-radius: 999px;
    }

    .member-native-page .member-stat-grid {
      grid-template-columns: repeat(9, minmax(0, 1fr));
      gap: 8px;
      margin-top: 10px;
    }

    .member-native-page .member-stat {
      min-height: 62px;
      padding: 11px 12px;
      border-radius: 14px;
      background: rgba(255,255,255,.68);
    }

    .member-native-page .member-stat strong {
      margin-bottom: 5px;
      font-size: 16px;
    }

    .member-native-page .member-account-panel {
      margin-top: 14px;
    }

    .member-native-page .member-account-card {
      min-height: 112px;
      padding: 14px;
      border-radius: 16px;
    }

    .member-native-page .member-account-card em {
      margin-top: 8px;
      padding-top: 9px;
      font-size: 12px;
      line-height: 1.55;
    }

    .member-native-page .member-list-section {
      margin-top: 18px;
    }

    .member-native-page .member-native-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .member-native-page .member-native-card {
      padding: 10px;
      border-radius: 15px;
    }

    .member-native-page .member-native-card img {
      aspect-ratio: 1 / .58;
      object-fit: cover;
      border-radius: 12px;
      background:
        linear-gradient(180deg, rgba(247,250,255,.95), rgba(239,246,255,.88));
    }

    .member-native-page .member-native-card strong {
      margin-top: 8px;
      font-size: 13px;
      line-height: 1.35;
    }

    .member-native-page .models.list-models {
      gap: 12px;
    }

    .member-native-page .model-card {
      padding: 10px;
      border-radius: 15px;
    }

    .member-native-page .model-card img {
      aspect-ratio: 1 / .74;
      object-fit: contain;
      border-radius: 12px;
      background:
        linear-gradient(180deg, rgba(247,250,255,.96), rgba(239,246,255,.82));
    }

    .creator-bridge-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }

    .creator-bridge-card {
      min-height: 184px;
      display: grid;
      align-content: start;
      gap: 9px;
      padding: 16px;
      border-radius: 18px;
      box-shadow: 0 14px 30px rgba(42,73,122,.048), var(--inner-highlight);
    }

    .creator-bridge-card > span {
      width: fit-content;
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      background: rgba(47,107,255,.075);
      color: var(--blue);
      font-size: 12px;
      font-weight: 800;
    }

    .creator-bridge-card strong {
      color: #172033;
      font-size: 17px;
      line-height: 1.2;
    }

    .creator-bridge-card p {
      margin: 0;
      color: #667489;
      font-size: 12px;
      line-height: 1.6;
    }

    .creator-mini-list {
      display: grid;
      gap: 7px;
      margin-top: 4px;
    }

    .creator-mini-list a,
    .creator-mini-list em {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #52627a;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
    }

    .creator-xr-modal[aria-hidden="true"] {
      display: none;
    }

    .creator-xr-modal {
      position: fixed;
      inset: 0;
      z-index: 9998;
      display: grid;
      place-items: center;
      padding: 24px;
      background: rgba(15,23,42,.42);
      backdrop-filter: blur(14px) saturate(1.12);
    }

    .creator-xr-dialog {
      position: relative;
      width: min(460px, 100%);
      padding: 18px;
      border-radius: 24px;
      border: 1px solid rgba(255,255,255,.72);
      background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.88));
      box-shadow: 0 28px 70px rgba(15,23,42,.24), var(--inner-highlight);
    }

    .creator-xr-close {
      position: absolute;
      right: 14px;
      top: 14px;
      width: 34px;
      height: 34px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 50%;
      background: #fff;
      color: #172033;
      font-size: 22px;
      line-height: 1;
      cursor: pointer;
    }

    .creator-xr-dialog-head span {
      color: var(--blue);
      font-size: 12px;
      font-weight: 800;
    }

    .creator-xr-dialog-head strong {
      display: block;
      margin-top: 6px;
      padding-right: 42px;
      color: #172033;
      font-size: 20px;
      line-height: 1.25;
    }

    .creator-xr-dialog-head p {
      margin: 8px 0 0;
      color: #667489;
      font-size: 12px;
    }

    .creator-xr-body {
      display: grid;
      grid-template-columns: 164px minmax(0, 1fr);
      gap: 14px;
      margin-top: 16px;
      align-items: center;
    }

    .creator-xr-qrcode {
      min-height: 164px;
      display: grid;
      place-items: center;
      border-radius: 18px;
      background: #fff;
      border: 1px solid rgba(126,146,178,.12);
      color: #667489;
      font-size: 12px;
      font-weight: 760;
    }

    .creator-xr-qrcode img {
      width: 148px;
      height: 148px;
      display: block;
    }

    .creator-xr-meta {
      display: grid;
      gap: 8px;
    }

    .creator-xr-meta label {
      color: #667489;
      font-size: 12px;
      font-weight: 760;
    }

    .creator-xr-meta input {
      min-width: 0;
      height: 38px;
      padding: 0 10px;
      border: 1px solid rgba(126,146,178,.16);
      border-radius: 12px;
      background: #fff;
      color: #344054;
      font-size: 12px;
      outline: 0;
    }

    .creator-xr-open {
      overflow: hidden;
    }

    /* 20260723-xr-headset-modal1: constrain the legacy XR headset selector inside the V2 detail page. */
    .xr-headset-layer.layui-layer {
      width: min(840px, calc(100vw - 48px)) !important;
      height: auto !important;
      border-radius: 22px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 28px 90px rgba(15,23,42,.28);
    }

    .xr-headset-layer .layui-layer-content {
      width: 100% !important;
      height: auto !important;
      padding: 0 !important;
      overflow: visible !important;
      box-sizing: border-box;
    }

    .xr-headset-layer .layui-layer-setwin {
      top: 18px;
      right: 18px;
      z-index: 5;
    }

    .xr-headset-layer .layui-layer-setwin .layui-layer-close,
    .xr-headset-layer .layui-layer-setwin .layui-layer-close:hover {
      position: static;
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      overflow: hidden;
      background-image: none !important;
      background: #f3f6fb;
      color: #334155;
      font-size: 0;
      box-shadow: 0 10px 24px rgba(15,23,42,.10);
    }

    .xr-headset-layer .layui-layer-setwin .layui-layer-close::before {
      content: "×";
      font-size: 22px;
      line-height: 1;
      font-family: Arial, sans-serif;
    }

    .xr-headset-layer .xr-headset-panel {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 300px;
      gap: 16px;
      max-height: min(620px, calc(100vh - 72px));
      padding: 22px;
      overflow: auto;
      color: #172033;
      box-sizing: border-box;
    }

    .xr-headset-layer .xr-modal-head {
      grid-column: 1 / -1;
      padding-right: 50px;
    }

    .xr-headset-layer .xr-modal-head h3 {
      margin: 0;
      color: #111827;
      font-size: 22px;
      font-weight: 860;
      line-height: 1.25;
    }

    .xr-headset-layer .xr-modal-head p {
      max-width: 680px;
      margin: 8px 0 0;
      color: #64748b;
      font-size: 13px;
      line-height: 1.7;
    }

    .xr-headset-layer .xr-device-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-content: start;
      gap: 10px;
      min-width: 0;
    }

    .xr-headset-layer .xr-device-option {
      appearance: none;
      min-width: 0;
      min-height: 88px;
      display: grid;
      grid-template-columns: 50px minmax(0, 1fr);
      align-items: center;
      gap: 11px;
      padding: 12px;
      border: 1px solid rgba(126,146,178,.18);
      border-radius: 16px;
      overflow: hidden;
      background: linear-gradient(180deg, #fff, #f8fbff);
      color: #172033;
      text-align: left;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(42,73,122,.055);
      transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }

    .xr-headset-layer .xr-device-option:hover,
    .xr-headset-layer .xr-device-option.active {
      transform: translateY(-1px);
      border-color: rgba(49,92,255,.34);
      background: linear-gradient(180deg, #f8fbff, #eef4ff);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 14px 28px rgba(49,92,255,.10);
    }

    .xr-headset-layer .xr-device-icon {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      color: #315cff;
      border-radius: 13px;
      background: #eef4ff;
      overflow: hidden;
    }

    .xr-headset-layer .xr-device-icon svg {
      width: 100%;
      height: 100%;
      display: block;
      padding: 7px;
      box-sizing: border-box;
    }

    .xr-headset-layer .xr-device-option strong {
      display: block;
      min-width: 0;
      color: #172033;
      font-size: 14px;
      font-weight: 820;
      line-height: 1.35;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .xr-headset-layer .xr-device-badge {
      display: inline-flex;
      max-width: 100%;
      margin-top: 6px;
      padding: 3px 8px;
      border-radius: 999px;
      color: #315cff;
      font-size: 11px;
      font-weight: 800;
      line-height: 1;
      background: rgba(49,92,255,.10);
    }

    .xr-headset-layer .xr-device-detail {
      min-width: 0;
      display: grid;
      align-content: start;
      gap: 12px;
      padding: 14px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(248,251,255,.98), rgba(255,255,255,.94));
    }

    .xr-headset-layer .xr-device-title-row {
      display: grid;
      grid-template-columns: 46px minmax(0, 1fr);
      align-items: center;
      gap: 10px;
    }

    .xr-headset-layer .xr-device-current-icon {
      width: 46px;
      height: 46px;
    }

    .xr-headset-layer .xr-device-name {
      margin: 0;
      color: #172033;
      font-size: 16px;
      font-weight: 860;
      line-height: 1.3;
    }

    .xr-headset-layer .xr-device-browser-line,
    .xr-headset-layer .xr-device-note {
      margin: 4px 0 0;
      color: #64748b;
      font-size: 12px;
      line-height: 1.6;
    }

    .xr-headset-layer .xr-qr-wrap {
      display: grid;
      grid-template-columns: 156px minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      padding: 12px;
      border-radius: 16px;
      background: #fff;
      border: 1px solid rgba(226,232,240,.9);
    }

    .xr-headset-layer #xr-headset-qrcode {
      position: relative;
      width: 156px;
      height: 156px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      overflow: hidden;
      background: #fff;
    }

    .xr-headset-layer .xr-qrcode-center-icon {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 32px;
      height: 32px;
      display: grid;
      place-items: center;
      border-radius: 10px;
      color: #315cff;
      background: #fff;
      transform: translate(-50%, -50%);
      box-shadow: 0 0 0 4px #fff;
    }

    .xr-headset-layer .xr-qrcode-center-icon svg {
      width: 24px;
      height: 24px;
      display: block;
    }

    .xr-headset-layer .xr-device-steps {
      margin: 0;
      padding-left: 18px;
      color: #42526a;
      font-size: 12px;
      line-height: 1.8;
    }

    .xr-headset-layer .xr-link-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 82px;
      gap: 8px;
    }

    .xr-headset-layer .xr-headset-link {
      min-width: 0;
      height: 38px;
      padding: 0 11px;
      border: 1px solid #dbe4f0;
      border-radius: 12px;
      color: #42526a;
      font-size: 12px;
      outline: none;
      background: #fff;
    }

    .xr-headset-layer .xr-copy-link {
      height: 38px;
      border: 0;
      border-radius: 12px;
      color: #fff;
      font-size: 12px;
      font-weight: 820;
      background: linear-gradient(180deg, #3f7cff, #245cff);
      cursor: pointer;
      box-shadow: 0 10px 20px rgba(49,92,255,.18);
    }

    /* 20260715-download-seo1: model download landing page and detail download affordance. */
    /* 20260715-download-seo2: tighter preview centering, stronger download CTA, iPad polish. */
    .redesign-download-page .main {
      padding-bottom: 14px;
    }

    .redesign-download-page .topbar {
      min-height: 46px;
      padding: 6px 12px;
      grid-template-columns: minmax(280px, 520px) minmax(0, 1fr) auto;
    }

    .redesign-download-page .topbar .quick {
      display: none;
    }

    .redesign-download-page > .navbar,
    .redesign-download-page > .links,
    .redesign-download-page > .right-ad,
    .redesign-download-page > .right-banner,
    .redesign-download-page > .float-ad,
    .redesign-download-page > .fixed-ad,
    .redesign-download-page > .customer-service {
      display: none !important;
    }

    .redesign-download-page .download-hero {
      position: relative;
      margin-top: 10px;
      display: grid;
      grid-template-columns: minmax(190px, 260px) minmax(0, 1fr);
      gap: 12px;
      padding: 42px 12px 12px;
      border-radius: 18px;
      border: 1px solid rgba(126,146,178,.12);
      background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.76));
      box-shadow: 0 18px 44px rgba(42, 73, 122, .055), var(--inner-highlight);
      backdrop-filter: blur(26px) saturate(1.14);
    }

    .redesign-download-page .download-back-link {
      position: absolute;
      top: 11px;
      left: 12px;
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 14px;
      border: 1px solid rgba(47,107,255,.14);
      border-radius: 999px;
      color: #315078;
      font-size: 13px;
      font-weight: 780;
      line-height: 1;
      background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,248,255,.92));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 10px 22px rgba(42,73,122,.055);
      transition: transform .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
    }

    .redesign-download-page .download-back-link:hover {
      transform: translateY(-1px);
      border-color: rgba(47,107,255,.25);
      color: var(--blue);
      box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 12px 24px rgba(47,107,255,.10);
    }

    .redesign-download-page .download-cover {
      min-height: 188px;
      padding: 12px;
      display: grid;
      place-items: center;
      border-radius: 18px;
      background:
        radial-gradient(circle at 50% 72%, rgba(47,107,255,.10), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,250,255,.70));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.90);
      overflow: hidden;
    }

    .redesign-download-page .download-cover img {
      width: auto;
      max-width: min(86%, 210px);
      height: auto;
      max-height: min(84%, 210px);
      object-fit: contain;
      object-position: center center;
      filter: drop-shadow(0 22px 20px rgba(20, 28, 45, .13));
    }

    .redesign-download-page .download-copy {
      min-width: 0;
      display: grid;
      align-content: center;
      gap: 8px;
      padding: 6px 4px;
    }

    .redesign-download-page .download-copy h1 {
      max-width: 680px;
      margin: 0;
      color: #101828;
      font-size: clamp(22px, 1.65vw, 26px);
      line-height: 1.12;
    }

    .redesign-download-page .download-copy p {
      max-width: 900px;
      margin: 0;
      color: #59687f;
      font-size: 13px;
      line-height: 1.72;
    }

    .download-format-strip,
    .download-experience-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .download-summary-card {
      width: fit-content;
      min-width: min(100%, 260px);
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 8px 11px;
      border-radius: 14px;
      border: 1px solid rgba(126,146,178,.12);
      background: rgba(255,255,255,.68);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
    }

    .download-summary-card strong,
    .download-summary-card span {
      display: block;
      white-space: nowrap;
    }

    .download-summary-card strong {
      color: #172033;
      font-size: 13px;
      font-weight: 850;
    }

    .download-summary-card span {
      color: #667489;
      font-size: 12px;
    }

    .download-format-strip span,
    .download-experience-row span,
    .download-size {
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 0 11px;
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,250,255,.72));
      border: 1px solid rgba(126,146,178,.12);
      color: #52627a;
      font-size: 12px;
      font-weight: 760;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
    }

    .download-format-strip span {
      color: var(--blue);
      border-color: rgba(47,107,255,.16);
    }

    .download-cta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 4px;
    }

    .download-cta-row .btn.primary {
      min-width: 172px;
      color: #fff;
      background: linear-gradient(135deg, #315cff, #16a34a);
      box-shadow: 0 16px 30px rgba(49,92,255,.22), inset 0 1px 0 rgba(255,255,255,.28);
    }

    .download-guide-section .model-head {
      align-items: flex-start;
      margin-bottom: 10px;
    }

    .redesign-download-page .download-guide-section {
      padding: 16px;
    }

    .redesign-download-page .download-format-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }

    .redesign-download-page .download-format-card {
      min-height: 134px;
      display: grid;
      align-content: start;
      gap: 7px;
      padding: 13px;
      border-radius: 16px;
      border: 1px solid rgba(126,146,178,.12);
      background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(247,250,255,.72));
      box-shadow: 0 10px 24px rgba(42, 73, 122, .045), inset 0 1px 0 rgba(255,255,255,.86);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      text-align: left;
      cursor: pointer;
    }

    .redesign-download-page .download-format-card:hover,
    .redesign-download-page .download-format-card.is-current {
      transform: translateY(-2px);
      border-color: rgba(47,107,255,.18);
      box-shadow: 0 18px 34px rgba(42, 73, 122, .075), inset 0 1px 0 rgba(255,255,255,.9);
    }

    .redesign-download-page .download-format-card span {
      width: fit-content;
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      background: rgba(47,107,255,.075);
      color: var(--blue);
      font-size: 12px;
      font-weight: 820;
    }

    .redesign-download-page .download-format-card strong {
      color: #172033;
      font-size: 15px;
      line-height: 1.25;
    }

    .redesign-download-page .download-format-card p {
      margin: 0;
      color: #667489;
      font-size: 12px;
      line-height: 1.58;
    }

    .redesign-download-page .download-format-card em {
      position: relative;
      overflow: hidden;
      align-self: end;
      justify-self: stretch;
      min-height: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      margin-top: 6px;
      padding: 0 12px;
      border-radius: 10px;
      background: linear-gradient(135deg, #2f5bff 0%, #377dff 48%, #1f6fed 100%);
      color: #fff;
      font-style: normal;
      font-size: 13px;
      font-weight: 850;
      letter-spacing: 0;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 12px 24px rgba(49,92,255,.24);
    }

    .redesign-download-page .download-format-card em::before {
      content: "";
      position: absolute;
      inset: 1px auto 1px 1px;
      width: 36%;
      border-radius: inherit;
      background: linear-gradient(90deg, rgba(255,255,255,.24), rgba(255,255,255,0));
      pointer-events: none;
    }

    .redesign-download-page .download-format-card:hover em {
      box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 15px 30px rgba(49,92,255,.30);
    }

    .showcase {
      gap: 12px;
    }

    .redesign-list-page .topbar,
    .member-native-page .topbar,
    body:not(.redesign-detail-page):not(.redesign-tag-page) .topbar {
      box-shadow: 0 10px 28px rgba(42, 73, 122, .045), var(--inner-highlight);
    }

    /* 20260723-v2-seo-performance-ipad1: Chuangzaojia V2 SEO/performance and iPad layout pass. */
    @media (min-width: 768px) and (max-width: 1180px) {
      .redesign-home-page .shell,
      .redesign-list-page .shell,
      .redesign-tag-page .shell,
      .redesign-detail-page .shell,
      .redesign-download-page .shell,
      .member-native-page .shell,
      .creator-center-page .shell {
        grid-template-columns: 1fr;
        padding: 12px;
      }

      .redesign-home-page .sidebar,
      .redesign-list-page .sidebar,
      .redesign-tag-page .sidebar,
      .redesign-detail-page .sidebar,
      .redesign-download-page .sidebar,
      .member-native-page .sidebar,
      .creator-center-page .sidebar {
        display: none;
      }

      .redesign-home-page .main,
      .redesign-list-page .main,
      .redesign-tag-page .main,
      .redesign-detail-page .main,
      .redesign-download-page .main,
      .member-native-page .main,
      .creator-center-page .main {
        grid-column: 1;
        min-width: 0;
      }

      .redesign-home-page .topbar,
      .redesign-list-page .topbar,
      .redesign-tag-page .topbar,
      .redesign-detail-page .topbar,
      .redesign-download-page .topbar,
      .member-native-page .topbar,
      .creator-center-page .topbar {
        grid-template-columns: minmax(320px, 1fr) auto auto;
        min-height: 58px;
        height: auto;
        gap: 10px;
      }

      .redesign-home-page .list-models,
      .redesign-list-page .list-models,
      .redesign-tag-page .list-models {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .redesign-detail-page .detail-access-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .redesign-download-page .download-hero {
        grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr);
        align-items: stretch;
      }

      .redesign-site-footer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .shell {
        grid-template-columns: 1fr;
        padding: 12px;
      }

      .sidebar {
        display: none;
      }

      .main {
        grid-column: 1;
      }

      .topbar {
        grid-template-columns: minmax(320px, 1fr) auto auto;
        min-height: 58px;
        height: auto;
        gap: 10px;
      }

      .workspace {
        grid-template-columns: 1fr;
      }

      .hero {
        min-height: 292px;
        padding-right: 292px;
      }

      .hero::before {
        width: 262px;
      }

      .hero-3d-stage {
        width: 238px;
        right: 28px;
      }

      .personal-hub {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .list-hero,
      .member-native-hero {
        grid-template-columns: 1fr;
      }

      .member-native-actions {
        justify-content: flex-start;
      }

      .member-stat-grid,
      .member-native-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .asset-list-head,
      .upload-asset-row {
        grid-template-columns: minmax(260px, 1.2fr) minmax(130px, .5fr) minmax(148px, .55fr);
      }

      .asset-list-head span:last-child,
      .upload-asset-actions {
        grid-column: 1 / -1;
      }

      .upload-asset-actions {
        justify-content: flex-start;
      }

      .scenario-grid,
      .list-models {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .creator-flow-grid,
      .creator-bridge-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creator-center-layout {
        grid-template-columns: 150px minmax(0, 1fr);
        gap: 10px;
      }

      .creator-workspace-head {
        grid-template-columns: 1fr;
        align-items: stretch;
      }

      .creator-workspace-metrics {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .creator-workspace-upload {
        width: 100%;
      }

      .creator-core-menu {
        top: 12px;
        min-height: auto;
        padding: 8px;
      }

      .creator-asset-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        padding: 12px;
      }

      .creator-center-page .creator-asset-grid {
        grid-template-columns: repeat(auto-fit, minmax(236px, 1fr));
      }

      .download-hero {
        grid-template-columns: 1fr;
      }

      .download-cover {
        min-height: 320px;
      }

      .download-copy {
        align-content: start;
      }

      .download-format-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @keyframes previewCardIn {
      from {
        opacity: 0;
        transform: translateX(12px);
      }

      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    @media (max-width: 1180px) {
      .workspace {
        grid-template-columns: 1fr;
      }

      .personal-hub,
      .scenario-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .list-hero {
        grid-template-columns: 1fr;
      }

      .list-models {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .detail-workspace {
        grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
        gap: 14px;
      }

      .detail-info-panel {
        padding: 20px;
      }

      .detail-info-panel h1 {
        font-size: 28px;
      }

      .detail-access-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .detail-access-button {
        height: 44px;
      }

      .redesign-site-footer {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .footer-brand-panel {
        grid-column: 1 / -1;
      }
    }

    @media (min-width: 768px) and (max-width: 1180px) {
      .redesign-detail-page .shell,
      .redesign-tag-page .shell {
        grid-template-columns: 1fr;
        padding: 12px;
      }

      .redesign-detail-page .sidebar,
      .redesign-tag-page .sidebar {
        display: none;
      }

      .redesign-detail-page .topbar,
      .redesign-tag-page .topbar {
        grid-template-columns: minmax(320px, 1fr) auto auto;
        min-height: 58px;
        height: auto;
        gap: 10px;
      }

      .redesign-detail-page .search,
      .redesign-tag-page .search {
        min-width: 0;
      }

      .redesign-detail-page .quick,
      .redesign-tag-page .quick {
        display: flex;
      }

      .redesign-detail-page .detail-workspace {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      .redesign-detail-page .detail-preview-panel {
        display: grid;
        grid-template-columns: minmax(300px, .9fr) minmax(280px, 1.1fr);
        align-items: stretch;
      }

      .redesign-detail-page .detail-preview-media {
        grid-row: span 3;
        aspect-ratio: 1 / 1;
        min-height: 318px;
      }

      .redesign-detail-page .detail-info-panel h1,
      .redesign-tag-page .tag-hero h1 {
        font-size: 30px;
      }

      .redesign-detail-page .detail-access-panel {
        margin-top: 14px;
      }

      .redesign-detail-page .detail-access-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .redesign-tag-page .tag-hero-main {
        grid-template-columns: 1fr;
        align-items: start;
      }

      .redesign-tag-page .tag-hero-count {
        width: 100%;
        min-height: 78px;
      }

      .redesign-tag-page .tag-sort-row {
        grid-template-columns: 64px minmax(0, 1fr);
      }

      .redesign-detail-page .list-models,
      .redesign-tag-page .list-models {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .redesign-detail-page .creation-feed-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 980px) {
      .shell {
        grid-template-columns: 1fr;
      }

      .sidebar {
        display: none;
      }

      .main {
        grid-column: 1;
      }

      .topbar {
        grid-template-columns: 1fr;
        height: auto;
      }

      .redesign-user-menu {
        justify-content: stretch;
      }

      .redesign-user-trigger {
        width: 100%;
        justify-content: space-between;
      }

      .user-trigger-copy {
        text-align: left;
      }

      .redesign-user-menu-panel {
        left: 0;
        right: auto;
        width: min(100%, 340px);
      }

      .redesign-footer-wrap {
        margin-left: 0;
        padding: 12px 14px 22px;
      }

      .redesign-site-footer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .footer-brand-panel {
        grid-column: 1 / -1;
      }

      .hero {
        padding-right: 28px;
      }

      .hero::before,
      .hero-3d-stage,
      .hero-3d-hint {
        display: none;
      }

      .space-card {
        grid-template-columns: 1fr;
      }

      .personal-hub {
        grid-template-columns: 1fr;
      }

      .list-hero-stats {
        grid-template-columns: 1fr;
      }

      .filter-row {
        grid-template-columns: 1fr;
      }

      .detail-workspace {
        grid-template-columns: 1fr;
        align-items: start;
      }

      .detail-info-panel {
        min-height: 0;
      }

      .detail-access-panel {
        margin-top: 14px;
      }

      .detail-preview-media {
        aspect-ratio: 4 / 3;
      }

      .detail-access-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .detail-access-head {
        display: block;
      }

      .detail-access-head strong {
        display: block;
        margin-top: 4px;
        text-align: left;
      }

      .detail-model-tips {
        grid-template-columns: 1fr;
        gap: 4px;
      }

      .detail-model-tips span {
        white-space: normal;
      }

      .detail-insight-list,
      .detail-faq-grid {
        grid-template-columns: 1fr;
      }

      .detail-capability-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creation-feed-head {
        flex-direction: column;
        align-items: stretch;
      }

      .creation-feed-actions {
        justify-content: flex-start;
      }

      .creation-feed-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .redesign-detail-page .modal-view-iframe .modal-view-frame-content {
        height: calc(100vh - 20px);
        margin: 10px;
        border-radius: 20px;
      }

      .redesign-detail-page .modal-view-iframe .modal-view-scrim {
        display: none;
      }

      .redesign-detail-page .modal-view-iframe .close-btn {
        top: 18px;
        left: 18px;
      }

      .redesign-detail-page .modal-view-iframe .modal-view-titlebar {
        left: 70px;
        right: 16px;
        max-width: none;
      }

      .redesign-detail-page .modal-view-iframe .modal-view-top-tools {
        top: auto;
        right: 16px;
        bottom: 86px;
      }

      .redesign-detail-page .modal-view-iframe .preview-pan-hints {
        display: none;
      }

      .redesign-detail-page .modal-view-iframe .modal-view-bottom-actions {
        bottom: 14px;
        width: calc(100% - 28px);
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .member-bridge-hero {
        grid-template-columns: 1fr;
      }

      .member-bridge-actions {
        justify-content: flex-start;
      }

      .member-native-hero {
        grid-template-columns: 1fr;
      }

      .member-native-actions {
        justify-content: flex-start;
      }

      .member-stat-grid,
      .member-native-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creator-flow-grid,
      .creator-bridge-grid,
      .creator-asset-grid,
      .creator-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creator-stats-row {
        grid-template-columns: minmax(0, 1fr) 76px 96px 96px;
      }

      .creator-center-page .creator-asset-grid {
        grid-template-columns: repeat(auto-fit, minmax(236px, 1fr));
      }

      .creator-workspace-head {
        grid-template-columns: 1fr;
      }

      .creator-empty-state {
        grid-template-columns: 110px minmax(0, 1fr);
      }

      .creator-empty-steps {
        grid-column: 1 / -1;
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .creator-workspace-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creator-workspace-upload {
        width: 100%;
      }

      .creator-center-layout {
        grid-template-columns: 1fr;
      }

      .creator-core-menu {
        position: static;
        min-height: 0;
      }

      .creator-center-tabs {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 6px;
      }

      .creator-center-tabs .upload-entry-button {
        grid-column: auto;
      }

      .creator-center-page .creator-upload-section {
        padding: 12px;
      }

      .creator-center-page .creator-upload-section .model-head {
        align-items: flex-start;
      }

      .detail-experience-badges {
        left: 14px;
        right: 14px;
        top: auto;
        bottom: 14px;
        max-width: none;
      justify-content: center;
    }

      .download-hero,
      .download-format-grid {
        grid-template-columns: 1fr;
      }

      .asset-list-head {
        display: none;
      }

      .upload-asset-row {
        grid-template-columns: 1fr;
      }

      .redesign-collection-detail-page .collection-detail-v2-layout {
        grid-template-columns: 1fr;
      }

      .redesign-collection-detail-page .collection-detail-v2-related {
        position: static;
      }

      .redesign-collection-detail-page .collection-detail-model-card {
        grid-template-columns: 190px minmax(0, 1fr);
      }
    }

    @media (max-width: 680px) {
      .shell {
        padding: 10px;
      }

      h1 {
        font-size: 30px;
      }

      .hero {
        min-height: 430px;
        padding: 22px;
      }

      .metric-row {
        flex-direction: column;
      }

      .action-grid,
      .models,
      .scenario-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creator-flow-grid,
      .creator-bridge-grid,
      .creator-asset-grid,
      .creator-stats-grid {
        grid-template-columns: 1fr;
      }

      .creator-upload-dialog {
        padding: 18px;
      }

      .creator-upload-steps,
      .creator-stats-row,
      .creator-empty-state,
      .creator-empty-steps {
        grid-template-columns: 1fr;
      }

      .creator-empty-state {
        padding: 20px;
        text-align: left;
      }

      .creator-empty-visual {
        width: 96px;
        border-radius: 22px;
      }

      .creator-upload-switch-row,
      .creator-upload-actions {
        align-items: stretch;
        flex-direction: column;
      }

      .creator-center-page .creator-asset-grid {
        grid-template-columns: 1fr;
      }

      .creator-center-tabs {
        grid-template-columns: 1fr;
      }

      .creator-xr-body {
        grid-template-columns: 1fr;
      }

      .action-card.featured {
        grid-column: span 2;
      }

      .creation-feed-list {
        grid-template-columns: 1fr;
      }

      .creation-feed-action,
      .creation-feed-actions {
        width: 100%;
      }

      .creation-feed-action {
        justify-content: center;
      }

      .creation-selected-images {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creation-upload-panel {
        padding: 20px;
      }
    }

    /* 20260725-v2-site-ui-polish1: unify the Chuangzaojia V2 test page rhythm without touching business logic. */
    /* 20260725-v2-final-seo-ai1: readable summary blocks for search and AI retrieval. */
    .ai-seo-summary {
      display: grid;
      gap: 6px;
      margin: 0 0 14px;
      padding: 12px 14px;
      border: 1px solid rgba(126,146,178,.13);
      border-radius: 8px;
      background: rgba(255,255,255,.82);
      color: #4e5d73;
      box-shadow: 0 8px 20px rgba(21,32,52,.035);
    }

    .ai-seo-summary strong {
      color: #172033;
      font-size: 14px;
      line-height: 1.35;
    }

    .ai-seo-summary p {
      margin: 0;
      color: #5e6d84;
      font-size: 13px;
      line-height: 1.7;
    }

    .redesign-home-page .main,
    .redesign-list-page .main,
    .redesign-tag-page .main,
    .redesign-detail-page .main,
    .redesign-download-page .main,
    .redesign-collection-page .main,
    .redesign-collection-detail-page .main,
    .member-native-page .main,
    .creator-center-page .main {
      min-width: 0;
      padding-right: clamp(12px, 1.15vw, 22px);
      padding-left: clamp(12px, 1.15vw, 22px);
    }

    .redesign-list-page .topbar,
    .redesign-tag-page .topbar,
    .redesign-detail-page .topbar,
    .redesign-download-page .topbar,
    .redesign-collection-page .topbar,
    .member-native-page .topbar,
    .creator-center-page .topbar {
      min-height: 54px;
      padding: 7px 12px;
      border-color: rgba(126,146,178,.14);
      overflow: visible;
    }

    .redesign-list-page .section,
    .redesign-tag-page .section,
    .redesign-download-page .section,
    .redesign-collection-page .section,
    .member-native-page .member-list-section,
    .creator-center-page .creator-upload-section,
    .redesign-collection-detail-page .collection-detail-v2-hero,
    .redesign-collection-detail-page .collection-detail-v2-main,
    .redesign-collection-detail-page .collection-detail-v2-related {
      border-radius: 8px !important;
      border-color: rgba(126,146,178,.14);
      box-shadow: 0 10px 26px rgba(21,32,52,.045);
    }

    .redesign-list-page .model-card,
    .redesign-tag-page .model-card,
    .redesign-download-page .model-card,
    .member-native-page .model-card,
    .redesign-home-page .model-card,
    .collection-v2-card,
    .collection-detail-model-card,
    .member-native-card {
      border-radius: 8px !important;
      border-color: rgba(126,146,178,.13);
      box-shadow: 0 8px 20px rgba(21,32,52,.035);
    }

    .redesign-list-page .model-card:hover,
    .redesign-tag-page .model-card:hover,
    .redesign-download-page .model-card:hover,
    .member-native-page .model-card:hover,
    .redesign-home-page .model-card:hover,
    .collection-v2-card:hover,
    .collection-detail-model-card:hover,
    .member-native-card:hover {
      transform: translateY(-1px);
      box-shadow: 0 12px 28px rgba(21,32,52,.07);
    }

    .redesign-home-page .btn,
    .redesign-list-page .btn,
    .redesign-tag-page .btn,
    .redesign-detail-page .btn,
    .redesign-download-page .btn,
    .redesign-collection-page .btn,
    .member-native-page .btn,
    .creator-center-page .btn {
      border-radius: 8px;
      font-weight: 760;
      letter-spacing: 0;
    }

    .redesign-home-page .redesign-footer-wrap,
    .redesign-list-page .redesign-footer-wrap,
    .redesign-tag-page .redesign-footer-wrap,
    .redesign-detail-page .redesign-footer-wrap,
    .redesign-download-page .redesign-footer-wrap,
    .redesign-collection-page .redesign-footer-wrap,
    .member-native-page .redesign-footer-wrap,
    .creator-center-page .redesign-footer-wrap {
      margin-top: 18px;
      padding-bottom: 6px;
    }

    .redesign-home-page .redesign-site-footer,
    .redesign-list-page .redesign-site-footer,
    .redesign-tag-page .redesign-site-footer,
    .redesign-detail-page .redesign-site-footer,
    .redesign-download-page .redesign-site-footer,
    .redesign-collection-page .redesign-site-footer,
    .member-native-page .redesign-site-footer,
    .creator-center-page .redesign-site-footer {
      border-radius: 8px;
      border-color: rgba(126,146,178,.14);
    }

    /* 20260727-v2-freecreat-shell-footer1: align Chuangzaojia V2 sidebar and footer with the Freecreat V2 shell. */
    .shell {
      grid-template-columns: 256px minmax(0, 1fr);
      padding: 12px 14px;
      background:
        radial-gradient(circle at 0 0, rgba(219, 241, 255, .58), transparent 34%),
        linear-gradient(180deg, #f8fbff 0%, #f1f5f9 100%);
    }

    .sidebar {
      margin: 0;
      padding: 28px 22px 18px;
      border: 1px solid rgba(255,255,255,.86);
      border-radius: 22px;
      background: linear-gradient(180deg, rgba(248,253,255,.96), rgba(255,255,255,.88));
      box-shadow: 0 20px 58px rgba(51,72,110,.10), inset 0 1px 0 rgba(255,255,255,.96);
      overflow: hidden;
    }

    .brand {
      margin-bottom: 30px;
    }

    .brand img {
      width: 48px;
      height: 48px;
      border-radius: 12px;
    }

    .brand strong {
      color: #172033;
      font-size: 19px;
      font-weight: 900;
    }

    .brand span span {
      color: #71819a;
      font-size: 12px;
      font-weight: 650;
    }

    .nav-section {
      padding: 16px 0 20px;
      border-bottom: 1px solid rgba(203,213,225,.62);
    }

    .main {
      padding: 0;
    }

    .redesign-footer-wrap {
      margin-top: 26px !important;
      padding-bottom: 12px !important;
    }

    .redesign-site-footer {
      max-width: none;
      grid-template-columns: minmax(320px, 1.35fr) repeat(4, minmax(150px, .75fr));
      gap: clamp(28px, 4vw, 70px);
      padding: 38px 42px;
      border: 1px solid rgba(255,255,255,.86) !important;
      border-radius: 22px !important;
      background:
        radial-gradient(circle at 8% 0, rgba(219,241,255,.78), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,250,253,.74));
      box-shadow: 0 24px 68px rgba(51,72,110,.08), inset 0 1px 0 rgba(255,255,255,.96);
    }

    .redesign-site-footer .footer-brand-title {
      align-items: flex-start;
      gap: 14px;
      margin-bottom: 18px;
    }

    .redesign-site-footer .footer-brand-title img {
      width: 54px;
      height: 54px;
      border-radius: 12px;
      filter: drop-shadow(0 10px 20px rgba(37,99,235,.10));
    }

    .redesign-site-footer .footer-brand-title strong {
      font-size: 20px;
      font-weight: 900;
    }

    .redesign-site-footer h4 {
      font-size: 16px;
      font-weight: 900;
    }

    .redesign-site-footer p,
    .redesign-site-footer a {
      color: #52627a;
      font-size: 14px;
      line-height: 1.75;
    }

    .redesign-site-footer nav a {
      width: fit-content;
      margin-top: 12px;
      transition: color .16s ease, transform .16s ease;
    }

    .redesign-site-footer nav a:hover {
      color: #315cff;
      transform: translateX(2px);
    }

    /* 20260725-my-upload-v2-polish1: simplify creator upload cards and move cover generation into the cover area. */
    .creator-center-page .creator-upload-section {
      padding: 0 !important;
      overflow: hidden;
      background: rgba(255,255,255,.96);
    }

    .creator-center-page .creator-upload-shell {
      border: 0;
      border-radius: 8px;
      background: transparent;
      box-shadow: none;
    }

    .creator-center-page .asset-list-tabs {
      align-items: center;
      padding: 12px 14px;
      background: linear-gradient(180deg, rgba(250,252,255,.98), rgba(246,249,254,.92));
      border-bottom: 1px solid rgba(126,146,178,.12);
    }

    .creator-center-page .asset-tabs-left button,
    .creator-center-page .asset-sort {
      min-height: 32px;
      border-radius: 8px;
      border-color: rgba(126,146,178,.14);
      background: #fff;
      color: #52627a;
      font-size: 12px;
      font-weight: 740;
      box-shadow: 0 1px 0 rgba(255,255,255,.72);
    }

    .creator-center-page .asset-tabs-left button.active {
      color: #315cff;
      border-color: rgba(49,92,255,.24);
      background: rgba(244,248,255,.98);
      box-shadow: 0 8px 18px rgba(49,92,255,.08);
    }

    .creator-center-page .creator-asset-grid {
      grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
      gap: 14px;
      padding: 14px;
    }

    .creator-center-page .creator-asset-card {
      grid-template-rows: auto 1fr auto;
      gap: 10px;
      padding: 10px;
      border-radius: 8px !important;
      border: 1px solid rgba(126,146,178,.13);
      background: #fff;
      box-shadow: 0 8px 20px rgba(21,32,52,.035);
    }

    .creator-center-page .creator-asset-card:hover {
      transform: translateY(-1px);
      border-color: rgba(49,92,255,.18);
      box-shadow: 0 12px 28px rgba(21,32,52,.07);
    }

    .creator-asset-cover-shell {
      position: relative;
      min-width: 0;
      overflow: hidden;
      border-radius: 8px;
      background: #f6f8fc;
    }

    .creator-center-page .creator-asset-cover {
      aspect-ratio: 4 / 3;
      border-radius: 8px;
      border-color: rgba(126,146,178,.13);
      background: linear-gradient(180deg, #fbfcff, #f4f7fb);
    }

    .creator-center-page .creator-asset-cover img {
      padding: 7px;
      object-fit: contain;
    }

    .creator-cover-action.creator-cover-overlay {
      position: absolute;
      right: 8px;
      bottom: 8px;
      z-index: 2;
      min-height: 30px;
      padding: 0 11px;
      border-radius: 8px;
      border-color: rgba(49,92,255,.22);
      background: rgba(255,255,255,.94);
      color: #315cff;
      box-shadow: 0 8px 18px rgba(21,32,52,.12), inset 0 1px 0 rgba(255,255,255,.86);
      backdrop-filter: blur(10px);
    }

    .creator-center-page .creator-asset-body {
      gap: 7px;
      padding: 0 1px;
    }

    .creator-center-page .creator-asset-body strong {
      color: #172033;
      font-size: 13px;
      font-weight: 780;
    }

    .creator-center-page .creator-visibility {
      height: 28px;
      border-radius: 8px;
    }

    .creator-asset-actions.creator-asset-primary-actions {
      display: block;
      padding-top: 8px;
      border-top: 1px solid rgba(126,146,178,.10);
    }

    .creator-asset-actions.creator-asset-primary-actions .primary {
      width: 100%;
      min-height: 36px;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 800;
      color: #fff;
      border-color: transparent;
      background: #315cff linear-gradient(135deg, #315cff, #4b8dff);
      box-shadow: 0 10px 20px rgba(49,92,255,.18), inset 0 1px 0 rgba(255,255,255,.28);
    }

    /* 20260725-v2-site-ui-polish-ipad1: keep V2 test pages dense but breathable on iPad widths. */
    @media (min-width: 768px) and (max-width: 1180px) {
      .redesign-home-page .main,
      .redesign-list-page .main,
      .redesign-tag-page .main,
      .redesign-detail-page .main,
      .redesign-download-page .main,
      .redesign-collection-page .main,
      .redesign-collection-detail-page .main,
      .member-native-page .main,
      .creator-center-page .main {
        padding-right: 10px;
        padding-left: 10px;
      }

      .redesign-list-page .top-actions,
      .redesign-tag-page .top-actions,
      .redesign-detail-page .top-actions,
      .redesign-download-page .top-actions,
      .redesign-collection-page .top-actions,
      .member-native-page .top-actions,
      .creator-center-page .top-actions {
        flex-wrap: wrap;
        justify-content: flex-end;
      }

      .redesign-collection-detail-page .collection-detail-model-card {
        grid-template-columns: 180px minmax(0, 1fr);
      }
    }

    @media (max-width: 680px) {
      .redesign-collection-detail-page .collection-detail-model-card {
        grid-template-columns: 1fr;
      }
    }

    /* 20260723-v2-ipad-live-layout2: ensure late iPad overrides win after legacy responsive blocks. */
    @media (min-width: 768px) and (max-width: 1180px) {
      .redesign-home-page .home-random-feed,
      .redesign-home-page .list-models,
      .redesign-list-page .list-models,
      .redesign-tag-page .list-models,
      .redesign-download-page .list-models,
      .member-native-page .member-native-grid,
      .member-native-page .models.list-models,
      .creator-center-page .creator-asset-grid,
      .redesign-collection-page .collection-v2-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }

      .redesign-home-page .redesign-site-footer,
      .redesign-list-page .redesign-site-footer,
      .redesign-tag-page .redesign-site-footer,
      .redesign-detail-page .redesign-site-footer,
      .redesign-download-page .redesign-site-footer,
      .member-native-page .redesign-site-footer,
      .creator-center-page .redesign-site-footer {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .redesign-home-page .redesign-site-footer .footer-brand-panel,
      .redesign-list-page .redesign-site-footer .footer-brand-panel,
      .redesign-tag-page .redesign-site-footer .footer-brand-panel,
      .redesign-detail-page .redesign-site-footer .footer-brand-panel,
      .redesign-download-page .redesign-site-footer .footer-brand-panel,
      .member-native-page .redesign-site-footer .footer-brand-panel,
      .creator-center-page .redesign-site-footer .footer-brand-panel {
        grid-column: 1 / -1;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
      }
    }

    /* 20260727-v2-official-upload-bridge1: use the production upload manager as the single V2 upload entry. */
    .official-upload-bridge-page .main {
      min-height: 100vh;
    }

    .official-upload-bridge {
      display: grid;
      place-items: center;
      min-height: calc(100vh - 150px);
      padding: 56px 24px 36px;
    }

    .official-upload-panel {
      width: min(760px, 100%);
      padding: 34px;
      border: 1px solid rgba(126, 146, 178, .16);
      border-radius: 14px;
      background: linear-gradient(180deg, #fff, #f8faff);
      box-shadow: 0 22px 54px rgba(42, 73, 122, .08), inset 0 1px 0 rgba(255,255,255,.9);
    }

    .official-upload-kicker {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 0 12px;
      border-radius: 999px;
      color: #315cff;
      background: rgba(49, 92, 255, .08);
      font-size: 13px;
      font-weight: 700;
    }

    .official-upload-panel h1 {
      margin: 18px 0 10px;
      color: #121826;
      font-size: 32px;
      font-weight: 820;
      line-height: 1.18;
    }

    .official-upload-panel p {
      max-width: 620px;
      margin: 0;
      color: #5d6678;
      font-size: 15px;
      line-height: 1.8;
    }

    .official-upload-status {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 26px;
    }

    .official-upload-status span {
      display: grid;
      gap: 6px;
      min-height: 78px;
      padding: 16px;
      border: 1px solid rgba(126, 146, 178, .14);
      border-radius: 10px;
      background: rgba(255,255,255,.78);
    }

    .official-upload-status strong {
      color: #172033;
      font-size: 18px;
      font-weight: 820;
    }

    .official-upload-status em {
      color: #7b8496;
      font-style: normal;
      font-size: 13px;
    }

    .official-upload-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 28px;
    }

    .official-upload-actions .btn {
      min-width: 154px;
      min-height: 44px;
      border-radius: 10px;
      font-size: 14px;
      font-weight: 760;
    }

    @media (max-width: 860px) {
      .official-upload-bridge {
        min-height: auto;
        padding: 28px 10px;
      }

      .official-upload-panel {
        padding: 24px;
      }

      .official-upload-panel h1 {
        font-size: 26px;
      }

      .official-upload-status {
        grid-template-columns: 1fr;
      }

      .official-upload-actions .btn {
        width: 100%;
      }
    }