: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;
    }

    .shell {
      display: grid;
      grid-template-columns: 224px minmax(0, 1fr);
      gap: 18px;
      min-height: 100vh;
      padding: 12px;
    }

    .sidebar {
      grid-column: 1;
      position: sticky;
      top: 14px;
      height: calc(100vh - 28px);
      padding: 22px 16px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: var(--glass-strong);
      box-shadow: var(--spatial-shadow), var(--inner-highlight);
      backdrop-filter: blur(26px) saturate(1.16);
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }

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

    .brand img {
      width: 40px;
      height: 40px;
      border-radius: 12px;
      box-shadow: 0 8px 18px rgba(47, 107, 255, .10);
    }

    .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-bottom: 18px;
    }

    .nav-title {
      margin: 0 0 10px;
      padding: 0 12px;
      color: #8995aa;
      font-size: 12px;
      font-weight: 700;
    }

    .nav-item {
      display: flex;
      align-items: center;
      gap: 9px;
      height: 38px;
      padding: 0 11px;
      border-radius: 11px;
      color: #4f5d74;
      font-size: 13px;
      font-weight: 650;
      transition: background .18s ease, color .18s ease, transform .18s ease;
    }

    .nav-item:hover {
      background: #f5f8fc;
      transform: translateX(2px);
    }

    .nav-item.active {
      color: #172033;
      background: #f0f5fb;
      box-shadow: inset 0 0 0 1px rgba(47, 107, 255, .06), 0 8px 18px rgba(47,107,255,.055);
    }

    .nav-icon {
      width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      color: #7a879b;
      font-size: 15px;
    }

    .app-download {
      margin-top: auto;
      display: flex;
      align-items: center;
      gap: 10px;
      min-height: 40px;
      padding: 0 11px;
      border-radius: 12px;
      background: #fbfdff;
      color: #1d3f8f;
      font-weight: 720;
      box-shadow: inset 0 0 0 1px rgba(47, 107, 255, .08);
      transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
    }

    .app-download:hover {
      background: #f5f9ff;
      box-shadow: inset 0 0 0 1px rgba(47, 107, 255, .14);
      transform: translateY(-1px);
    }

    /* 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);
    }

    .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);
    }

    .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 {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 10px;
      border-radius: 12px;
      background: rgba(255,255,255,.72);
      color: #53627a;
      font-size: 12px;
      font-weight: 720;
    }

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

    .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;
      font-weight: 680;
    }

    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;
    }

    .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;
    }

    .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;
      font-weight: 650;
      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);
    }

    .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(84%, 430px); */
      height: auto;
      /* max-height: 116%; */
      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: rgba(255,255,255,.86);
      border: 1px solid rgba(126,146,178,.12);
      color: #4f46e5;
      font-size: 12px;
      font-weight: 780;
      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;
      font-weight: 680;
    }

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

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

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

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

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

    .detail-price-pill {
      width: fit-content;
      min-height: 32px;
      display: inline-flex;
      align-items: center;
      gap: 0;
      margin: 0 0 10px;
      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-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: #52627a;
      line-height: 1.78;
    }

    .detail-tags {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 7px;
      margin-top: 13px;
    }

    .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: 30px;
      padding: 0 11px;
      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,250,255,.72));
      border-color: rgba(47,107,255,.13);
      color: #304663;
    }

    .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: auto;
      min-height: 210px;
      padding: 16px;
      border-radius: 20px;
      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-end;
    }

    .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: 13px;
    }

    .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: 13px;
    }

    .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(3, minmax(0, 1fr));
      gap: 10px;
    }

    .detail-access-button {
      appearance: none;
      min-width: 0;
      height: 48px;
      padding: 0 12px;
      border: 1px solid rgba(126,146,178,.12);
      border-radius: 14px;
      background: rgba(255,255,255,.90);
      color: #2f405a;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 8px 16px rgba(42,73,122,.032);
      text-align: center;
      font: inherit;
      font-size: 12px;
      font-weight: 820;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      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: 15px;
    }

    .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;
    }

    .detail-social-actions.base-tool .detail-social-pill {
      min-height: 40px;
      padding: 0 15px;
      border-radius: 12px;
      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-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-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 {
      margin-left: 244px;
      padding: 36px 32px 28px;
      background: #fff;
    }

    .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-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-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 {
      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;
    }

    .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;
    }

    .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));
      font-weight: 700;
    }

    .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 {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 11px;
      border-radius: 12px;
      border: 1px solid transparent;
      color: #52627a;
      font-size: 12px;
      font-weight: 780;
      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 .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;
    }

    .creator-center-page .asset-list-tabs {
      padding: 13px 14px;
      background:
        radial-gradient(circle at 8% 0%, rgba(49,92,255,.06), transparent 26%),
        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-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(236px, 1fr));
      gap: 14px;
      padding: 14px;
    }

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

    .creator-asset-card {
      min-width: 0;
      display: grid;
      grid-template-rows: auto 1fr auto;
      gap: 11px;
      padding: 13px;
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(249,251,255,.82));
      box-shadow: 0 12px 28px rgba(42, 73, 122, .048), var(--inner-highlight);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

    .creator-asset-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-asset-cover {
      width: 100%;
      aspect-ratio: 16 / 10.4;
      display: grid;
      place-items: center;
      border-radius: 14px;
      border: 1px solid rgba(126,146,178,.12);
      background: linear-gradient(180deg, rgba(252,253,255,.98), rgba(244,248,253,.9));
      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: 8px;
      display: block;
    }

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

    .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-body span,
    .creator-asset-body em {
      color: #7a879b;
      font-size: 12px;
      font-style: normal;
      font-weight: 650;
    }

    .creator-visibility {
      appearance: none;
      width: fit-content;
      height: 27px;
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      padding: 0 10px 0 4px;
      border: 1px solid rgba(203,213,225,.82);
      border-radius: 999px;
      background: linear-gradient(180deg, #fff, #f8fafc);
      color: #667489;
      font: inherit;
      font-size: 12px;
      font-weight: 700;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 5px 12px rgba(42,73,122,.035);
    }

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

    .creator-visibility i::after {
      content: "";
      position: absolute;
      left: 3px;
      top: 3px;
      width: 16px;
      height: 16px;
      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(20px);
    }

    .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: repeat(2, minmax(0, 1fr));
      gap: 8px;
      padding-top: 11px;
      border-top: 1px solid rgba(126,146,178,.10);
    }

    .creator-asset-actions .primary {
      grid-column: 1 / -1;
      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-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));
    }

    /* 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 {
      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 .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;
      min-height: 42px;
      border-radius: 14px;
      box-shadow: 0 12px 24px rgba(49,92,255,.18), inset 0 1px 0 rgba(255,255,255,.28);
    }

    .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;
    }

    .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;
    }

    /* 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 {
      margin-top: 10px;
      display: grid;
      grid-template-columns: minmax(190px, 260px) minmax(0, 1fr);
      gap: 12px;
      padding: 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-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 {
      align-self: end;
      justify-self: stretch;
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-top: 6px;
      border-radius: 12px;
      background: linear-gradient(135deg, #315cff, #3b82f6);
      color: #fff;
      font-style: normal;
      font-size: 13px;
      font-weight: 820;
      box-shadow: 0 12px 24px rgba(49,92,255,.20), inset 0 1px 0 rgba(255,255,255,.26);
    }

    .redesign-download-page .download-format-card:hover em {
      box-shadow: 0 15px 28px rgba(49,92,255,.26), inset 0 1px 0 rgba(255,255,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);
    }

    @media (min-width: 768px) and (max-width: 1180px) {
      .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-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));
      }
    }

    @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));
      }

      .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 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

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

      .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;
      }
    }

    @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 {
        grid-template-columns: 1fr;
      }

      .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;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
      }
    }