/* Page-scoped extraction from redesign.css (detail).
 * Generated 2026-11-05; redesign.css remains the legacy fallback bundle. */
/* 20260730-v2-docx-bugs1: tighten V2 user panel and detail-page billing/discussion bug fixes. */
    :root {
      --page: #f6f9fd;
      --page-soft: #eef5ff;
      --panel: rgba(255, 255, 255, .84);
      --panel-strong: rgba(255, 255, 255, .96);
      --line: rgba(108, 132, 166, .12);
      --line-strong: rgba(108, 132, 166, .18);
      --text: #101828;
      --muted: #667085;
      --blue: #2f6bff;
      --cyan: #10b7dc;
      --pink: #e94fc8;
      --shadow: 0 14px 34px rgba(42, 73, 122, .055);
      --soft-shadow: 0 8px 22px rgba(42, 73, 122, .035);
      --glass: linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,251,255,.66));
      --glass-strong: linear-gradient(180deg, rgba(255,255,255,.94), rgba(250,252,255,.78));
      --glass-border: rgba(255,255,255,.72);
      --inner-highlight: inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(126,146,178,.055);
      --spatial-shadow: 0 18px 44px rgba(33, 63, 112, .075), 0 2px 8px rgba(33, 63, 112, .035);
    }


    * {
      box-sizing: border-box;
    }


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


    /* 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: 52px;
      display: grid;
      grid-template-columns: minmax(280px, 500px) minmax(0, 1fr) max-content max-content;
      align-items: center;
      gap: 10px;
      padding: 7px 12px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: var(--glass-strong);
      box-shadow: 0 10px 28px rgba(42, 73, 122, .045), var(--inner-highlight);
      backdrop-filter: blur(28px) saturate(1.18);
    }


    .detail-topbar-billing {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      margin-left: auto;
    }


    .detail-topbar-pill {
      appearance: none;
      min-height: 36px;
      padding: 0 14px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 999px;
      background: rgba(255,255,255,.88);
      color: #25324a;
      font: inherit;
      font-size: 13px;
      font-weight: 760;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(42,73,122,.045);
    }


    .detail-topbar-pill.detail-vip-entry {
      border-color: rgba(245,158,11,.34);
      color: #b45309;
      background: linear-gradient(180deg, rgba(255,248,233,.96), rgba(255,255,255,.84));
    }


    .detail-topbar-pill.detail-recharge-entry {
      border-color: rgba(49,92,255,.22);
      color: #245cff;
      background: linear-gradient(180deg, rgba(239,244,255,.98), rgba(255,255,255,.84));
    }


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


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


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


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


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


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


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


    .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-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-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 12px;
    }


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


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


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

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


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


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


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


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


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


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


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


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


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


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


    .redesign-home-page .sidebar .nav-item.active {
      position: relative;
      color: #265dff;
      background: linear-gradient(90deg, rgba(47,107,255,.11), rgba(47,107,255,.035));
      box-shadow: inset 0 0 0 1px rgba(47,107,255,.08);
    }


    .redesign-home-page .sidebar .nav-item.active::before {
      content: "";
      position: absolute;
      left: 8px;
      top: 50%;
      width: 3px;
      height: 18px;
      border-radius: 999px;
      background: #2f6bff;
      transform: translateY(-50%);
    }


    .redesign-home-page .sidebar .nav-item.active .nav-icon {
      color: #265dff;
    }


    .redesign-home-page .topbar {
      top: 12px;
      margin: 0 0 10px;
      border-radius: 14px;
      border-color: rgba(126,146,178,.13);
      background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,252,255,.9));
      box-shadow:
        0 1px 0 rgba(255,255,255,.92) inset,
        0 10px 24px rgba(35, 58, 96, .05);
    }


    .redesign-home-page .topbar::before {
      content: "";
      position: absolute;
      left: -22px;
      top: -1px;
      bottom: -1px;
      width: 22px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,252,255,.88));
      border-top: 1px solid rgba(126,146,178,.13);
      border-bottom: 1px solid rgba(126,146,178,.13);
      pointer-events: none;
    }


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


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


    .redesign-home-page .home-random-feed-section .section-head .btn {
      min-width: 108px;
      height: 34px;
      padding: 0 14px;
      border-radius: 12px;
      background: #fff;
      color: #2f6bff;
      border-color: rgba(47,107,255,.2);
      box-shadow: 0 8px 18px rgba(15,23,42,.045);
    }


    .home-category-strip a {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 11px;
      border-radius: 999px;
      background: #fff;
      color: #4b5a70;
      font-size: 11px;
      font-weight: 760;
      text-decoration: none;
      box-shadow: inset 0 0 0 1px rgba(126,146,178,.10);
      transition: color .16s ease, box-shadow .16s ease, background .16s ease;
    }


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


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


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


    .redesign-home-page .home-random-feed .model-card > span:not(.home-card-tools) {
      color: #607089;
      font-size: 11px;
      font-weight: 700;
    }


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


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


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


    /* 20260730-v2-docx-bugs2: keep active sort pills blue across category and search rows. */
    .redesign-list-page .list-sort-filterbar-row .filter-pills a.active,
    .redesign-list-page .list-sort-filter .filter-pills a.active {
      background: linear-gradient(180deg, #3f7cff, #245cff);
      border-color: rgba(36,92,255,.92);
      color: #fff;
      font-weight: 820;
      box-shadow: 0 10px 18px rgba(47,107,255,.20), inset 0 1px 0 rgba(255,255,255,.24);
    }


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


    .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:
        linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px),
        radial-gradient(circle at 50% 72%, rgba(47,107,255,.12), transparent 30%),
        linear-gradient(180deg, #e8eef5, #dfe7f0);
      background-size: 28px 28px, 28px 28px, auto, auto;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.90);
    }


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


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


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

    .detail-ar-quick-card { display:grid; grid-template-columns:148px minmax(0,1fr) 190px; align-items:center; gap:18px; margin-top:14px; padding:14px 16px; border:1px solid rgba(151,169,193,.45); border-radius:18px; background:rgba(245,248,252,.88); box-shadow:0 10px 24px rgba(43,62,88,.08), inset 0 1px 0 rgba(255,255,255,.9); }

    .detail-ar-quick-code { width:128px; height:128px; display:grid; place-items:center; background:#fff; border-radius:10px; }

    .detail-ar-quick-code img { display:block; width:128px; height:128px; }

    .detail-ar-quick-copy { display:grid; gap:7px; min-width:0; }

    .detail-ar-quick-copy span { color:#3268d6; font-size:12px; font-weight:700; letter-spacing:.04em; }

    .detail-ar-quick-copy strong { color:#152338; font-size:17px; line-height:1.45; }

    .detail-ar-quick-copy small, .detail-ar-quick-guide small { color:#738197; font-size:12px; line-height:1.5; }

    .detail-ar-quick-guide { display:grid; grid-template-columns:38px 1fr; gap:9px; align-items:center; color:#3268d6; }

    .detail-ar-quick-guide > div { display:grid; gap:4px; color:#27364c; }

    .detail-ar-quick-guide strong { font-size:13px; white-space:nowrap; }


    @media (max-width: 760px) {
      .detail-ar-quick-card { grid-template-columns: 112px minmax(0, 1fr); gap: 12px; padding: 12px; }
      .detail-ar-quick-code, .detail-ar-quick-code img { width: 104px; height: 104px; }
      .detail-ar-quick-copy strong { font-size: 14px; }
      .detail-ar-quick-guide { grid-column: 1 / -1; padding-top: 2px; }
    }


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


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


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


    /* 20260807-detail-print-badge1 */
    .detail-preview-flags {
      position: absolute;
      top: 14px;
      left: 14px;
      z-index: 3;
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      max-width: calc(100% - 28px);
    }


    .detail-badge,
    .detail-print-badge {
      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-print-badge {
      background: rgba(241, 252, 247, .9);
      border: 1px solid rgba(22, 163, 74, .16);
      color: #16a34a;
      text-decoration: none;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 10px 20px rgba(34,197,94,.08);
    }


    .detail-print-badge:hover {
      color: #15803d;
      border-color: rgba(22, 163, 74, .28);
    }


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


    .detail-access-links 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-social-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }


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


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


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


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


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


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


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


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


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


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


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


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


    .detail-social-pill.favorite {
      border-color: rgba(49,92,255,.28);
      color: #245cff;
      background: linear-gradient(180deg, rgba(238,243,255,.98), rgba(224,232,255,.90));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 22px rgba(49,92,255,.12);
    }


    .detail-social-pill.like {
      border-color: rgba(225,29,72,.28);
      color: #e11d48;
      background: linear-gradient(180deg, rgba(255,241,245,.98), rgba(255,228,236,.90));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 22px rgba(225,29,72,.12);
    }


    .detail-social-pill.favorite .iconfont,
    .detail-social-pill.favorite .favorite-text {
      color: #245cff;
      font-weight: 760;
    }


    .detail-social-pill.like .iconfont,
    .detail-social-pill.like span:not(.num) {
      color: #e11d48;
      font-weight: 760;
    }


    .detail-social-pill.favorite .num {
      background: rgba(49,92,255,.14);
      color: #1d4ed8;
      font-weight: 820;
    }


    .detail-social-pill.like .num {
      background: rgba(225,29,72,.14);
      color: #be123c;
      font-weight: 820;
    }


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


    /* 20260730-detail-actions-user-menu-polish1: refine detail action strip and logout affordance. */
    .redesign-detail-page .detail-social-actions.base-tool {
      min-height: 64px;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 12px 14px;
      border-radius: 18px;
      background:
        radial-gradient(circle at 0 0, rgba(49,92,255,.055), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.90), rgba(247,250,255,.72));
      border: 1px solid rgba(126,146,178,.12);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 12px 26px rgba(42,73,122,.045);
    }


    .redesign-detail-page .detail-social-actions.base-tool .detail-social-pill {
      min-height: 38px;
      margin-right: 0;
      padding: 0 14px;
      border-radius: 12px;
      border-color: rgba(126,146,178,.13);
      background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.82));
      color: #24324d;
      font-size: 13px;
      font-weight: 760;
      gap: 7px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 8px 18px rgba(42,73,122,.04);
    }


    .redesign-detail-page .detail-social-actions.base-tool .detail-social-pill .iconfont {
      width: 18px;
      height: 18px;
      display: inline-grid;
      place-items: center;
      color: currentColor;
      font-size: 16px;
    }


    .redesign-detail-page .detail-social-actions.base-tool .detail-social-pill:hover {
      transform: translateY(-1px);
      border-color: rgba(49,92,255,.20);
      background: #fff;
      color: #245cff;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 12px 22px rgba(49,92,255,.075);
    }


    .redesign-detail-page .detail-social-actions.base-tool .detail-social-pill.favorite {
      border-color: rgba(49,92,255,.34);
      color: #245cff;
      background: linear-gradient(180deg, rgba(238,243,255,.98), rgba(224,232,255,.92));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 22px rgba(49,92,255,.14);
    }


    .redesign-detail-page .detail-social-actions.base-tool .detail-social-pill.like {
      border-color: rgba(225,29,72,.32);
      color: #e11d48;
      background: linear-gradient(180deg, rgba(255,241,245,.98), rgba(255,228,236,.92));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 22px rgba(225,29,72,.13);
    }


    .redesign-detail-page .detail-social-actions.base-tool .detail-social-pill .num {
      min-width: 20px;
      height: 20px;
      padding: 0 6px;
      border-radius: 999px;
      background: rgba(15,23,42,.055);
      color: currentColor;
      font-size: 11px;
      font-weight: 820;
    }


    .redesign-detail-page .detail-social-actions.base-tool .detail-community-related-entry {
      border-color: rgba(49,92,255,.22);
      color: #245cff;
      background: linear-gradient(180deg, rgba(239,244,255,.96), rgba(255,255,255,.86));
    }


    .redesign-detail-page .detail-social-actions.base-tool .detail-report-entry,
    .redesign-detail-page .detail-social-actions.base-tool .detail-wx-group-entry,
    .redesign-detail-page .detail-social-actions.base-tool .btn-wxlite-qrcode {
      min-width: 72px;
      justify-content: center;
    }


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


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


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


    .detail-community-preview-actions {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }


    .detail-community-preview-start {
      flex: 0 0 auto;
      min-width: 88px;
      height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 16px;
      border-radius: 999px;
      border: 1px solid rgba(49,92,255,.24);
      background: linear-gradient(180deg, rgba(239,244,255,.98), rgba(255,255,255,.86));
      color: #245cff;
      font-size: 13px;
      font-weight: 780;
      text-decoration: none;
      box-shadow: 0 8px 20px rgba(49,92,255,.08);
    }


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


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


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


    /* 20260803-detail-community-discussion-image1: show topic thumbnails inside detail-page discussion cards. */
    .detail-community-preview-item {
      display: grid;
      grid-template-columns: 112px minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      padding: 14px 16px;
      border-radius: 14px;
      border: 1px solid rgba(126,146,178,.12);
      background: rgba(255,255,255,.88);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(42,73,122,.04);
      text-decoration: none;
    }


    .detail-community-preview-item.no-image {
      grid-template-columns: 1fr;
    }


    .detail-community-preview-thumb {
      overflow: hidden;
      display: block;
      width: 112px;
      aspect-ratio: 4 / 3;
      border-radius: 12px;
      background: linear-gradient(180deg, rgba(247,250,255,.96), rgba(239,246,255,.82));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
    }


    .detail-community-preview-thumb img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }


    .detail-community-preview-copy {
      min-width: 0;
      display: grid;
      gap: 7px;
    }


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


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


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


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


    /* 20260801-detail-print-info1 */
    .detail-print-info-section {
      border: 1px solid rgba(34, 197, 94, .18);
      background: linear-gradient(135deg, rgba(34, 197, 94, .08), rgba(59, 130, 246, .06)), #fff;
    }


    .detail-print-info-section .model-head {
      align-items: flex-start;
    }


    .detail-print-info-section .model-head p {
      max-width: 720px;
      color: #64748b;
      line-height: 1.8;
    }


    .detail-print-info-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 16px;
    }


    .detail-print-info-card {
      min-height: 138px;
      padding: 16px;
      border: 1px solid rgba(15, 23, 42, .08);
      border-radius: 12px;
      background: rgba(255, 255, 255, .86);
    }


    /* 20260801-detail-print-intent-links1 */
    .detail-print-info-card[href] {
      color: inherit;
      text-decoration: none;
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }


    .detail-print-info-card[href]:hover {
      border-color: rgba(34, 197, 94, .34);
      box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
      transform: translateY(-1px);
    }


    .detail-print-info-card span {
      display: block;
      margin-bottom: 8px;
      color: #16a34a;
      font-size: 12px;
      font-weight: 700;
    }


    .detail-print-info-card strong {
      display: block;
      color: #0f172a;
      font-size: 16px;
      line-height: 1.45;
    }


    .detail-print-info-card p {
      margin: 8px 0 0;
      color: #64748b;
      font-size: 13px;
      line-height: 1.7;
    }


    .detail-print-info-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 14px;
    }


    .detail-print-info-actions a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 40px;
      padding: 0 14px;
      border: 1px solid rgba(34, 197, 94, .22);
      border-radius: 999px;
      background: #f0fdf4;
      color: #15803d;
      font-weight: 700;
      text-decoration: none;
    }


    .detail-print-info-actions a:hover {
      border-color: rgba(34, 197, 94, .42);
      background: #dcfce7;
      color: #166534;
    }


    .creation-feed {
      overflow: hidden;
    }


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


    .print-creation-card .creation-reply-empty {
      padding: 8px 0 2px;
      color: #94a3b8 !important;
    }


    .print-creation-card .creation-replies-list {
      display: grid;
      gap: 12px;
    }


    .print-creation-card .creation-reply-body {
      min-width: 0;
      padding: 9px 11px;
      border: 1px solid rgba(226,232,240,.86);
      border-radius: 10px;
      background: #f8fbff;
    }


    .print-creation-card .creation-reply-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin-bottom: 5px;
    }


    .print-creation-card .creation-reply-form textarea {
      display: block;
      width: 100%;
      min-height: 42px;
      max-height: 120px;
      box-sizing: border-box;
      resize: vertical;
      padding: 10px 12px;
      border: 1px solid rgba(126,146,178,.18);
      border-radius: 10px;
      background: #fff;
      color: #172033;
      font: inherit;
      font-size: 13px;
      line-height: 1.5;
      outline: 0;
    }


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


    .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 .modal-view-iframe {
      position: fixed;
      inset: 0;
      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;
    }


    .redesign-detail-page .modal-view-iframe.freecreat-preview-modal .preview-pan-hints {
      position: absolute;
      left: 30px;
      top: 92px;
      z-index: 16;
      display: grid;
      gap: 5px;
      max-width: 430px;
      color: #8290a6;
      font-size: 12px;
      line-height: 1.35;
    }


    .redesign-detail-page .modal-view-iframe.freecreat-preview-modal .preview-pan-hints kbd {
      display: inline-flex;
      align-items: center;
      height: 18px;
      padding: 0 7px;
      border: 1px solid rgba(203, 213, 225, .9);
      border-radius: 6px;
      color: #475569;
      font: inherit;
      font-weight: 900;
      background: rgba(255, 255, 255, .76);
      box-shadow: inset 0 -1px 0 rgba(15, 23, 42, .06);
    }


    .redesign-detail-page .modal-view-iframe.freecreat-preview-modal .preview-icon-tool {
      font-size: 16px;
    }


    .redesign-detail-page .modal-view-iframe.freecreat-preview-modal .preview-tool-dot {
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 999px;
      background: #ef4444;
      box-shadow: 0 0 0 5px rgba(239, 68, 68, .12);
    }


    .redesign-detail-page .modal-view-iframe.freecreat-preview-modal .modal-view-bottom-actions {
      width: min(840px, calc(100% - 88px));
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }


    .redesign-detail-page .modal-view-iframe.freecreat-preview-modal .preview-panel-action {
      min-width: 0;
      height: 42px;
      padding: 0 10px;
      font-size: 12px;
      white-space: nowrap;
    }


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


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


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


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


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


    .list-models {
      gap: 12px;
    }


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


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


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


    /* 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 .creator-upload-section .model-head {
      align-items: center;
      margin-bottom: 16px;
      padding: 2px 2px 0;
    }


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


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


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


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


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


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


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


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


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


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


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


    /* 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-asset-body {
      display: 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 .asset-tabs-left button.active {
      background: #eef4ff;
      box-shadow: inset 0 0 0 1px rgba(49,92,255,.12);
    }

    .creator-upload-access-body {
      display: grid;
      grid-template-columns: 96px minmax(0, 1fr);
      gap: 16px;
      align-items: center;
      margin-top: 13px;
    }


    /* Compact upload workbench; keep controls reachable without clipping content. */
    .creator-upload-progress[hidden],
    .creator-upload-coin-input[hidden] { display: none !important; }

    .creator-upload-only-page .creator-upload-access-body { display: block; }

    body.creator-preview-drawer-open { overflow: hidden; }

    .redesign-detail-page .detail-info-panel h1 { line-height: 1.4; overflow-wrap: anywhere; letter-spacing: 0; }

    .redesign-detail-page .detail-access-panel { border-radius: 8px; box-shadow: none; }

    .redesign-detail-page .detail-access-grid { gap: 12px; }

    .redesign-detail-page .detail-access-button { min-height: 48px; gap: 9px; border-radius: 6px; font-size: 14px; line-height: 1.5; }

    .redesign-detail-page .detail-access-button .iconfont { flex-shrink: 0; font-size: 21px; }

    .redesign-detail-page .detail-info-panel > div { min-width: 0; }


    /* Upload workbench: keep the heading compact and surface final actions beside the preview. */
    @media (min-width: 1181px) {
      .creator-upload-only-page .creator-upload-dialog-head {
        display: flex;
        align-items: baseline;
        gap: 18px;
        flex-wrap: wrap;
      }
      .creator-upload-only-page .creator-upload-dialog-head strong {
        flex: 0 0 auto;
        white-space: nowrap;
      }
      .creator-upload-only-page .creator-upload-dialog-head > p:not(.creator-upload-source-note) {
        flex: 1 1 360px;
        min-width: 260px;
        margin: 0;
        line-height: 1.45;
      }
      .creator-upload-only-page .creator-upload-dialog > .creator-upload-drop {
        grid-column: 1;
        grid-row: 2;
      }
      .creator-upload-only-page .creator-upload-dialog > .creator-upload-form {
        grid-column: 2;
        grid-row: 3;
      }
      .creator-upload-only-page .creator-upload-dialog > .creator-upload-status-row {
        grid-column: 1 / -1;
        grid-row: 4;
      }
      .creator-upload-only-page .creator-upload-dialog > .creator-upload-actions {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
        justify-content: flex-end;
        gap: 8px;
        margin-top: 0;
        padding: 0 0 14px;
        border-top: 0;
        border-bottom: 1px solid rgba(126,146,178,.12);
        z-index: 2;
      }
      .creator-upload-only-page .creator-upload-dialog-head {
        padding-right: 300px;
      }
      .creator-upload-only-page .creator-upload-actions .creator-draft-action {
        min-height: 36px;
        padding: 0 10px;
        font-size: 12px;
      }
      .creator-upload-only-page .creator-upload-actions .creator-upload-submit {
        min-width: 112px;
        min-height: 38px;
        margin-left: auto;
      }
      .creator-upload-only-page .creator-upload-actions .creator-phone-preview {
        margin-left: 0;
      }
    }


    @media (min-width: 1181px) {
      html:has(body.creator-upload-only-page),
      body.creator-upload-only-page {
        overflow: hidden;
      }
      .creator-upload-only-page .creator-upload-dialog {
        height: calc(100dvh - 28px);
        max-height: calc(100dvh - 28px);
        margin-top: 12px;
        margin-bottom: 16px;
        grid-template-rows: auto minmax(0, 1fr) auto auto;
        align-items: start;
      }
      .creator-upload-only-page .creator-upload-dialog > .creator-upload-drop,
      .creator-upload-only-page .creator-upload-dialog > .creator-upload-drop.is-uploaded {
        height: calc(100dvh - 178px);
        min-height: 0;
        margin-top: 18px;
        overflow: hidden;
      }
      .creator-upload-only-page .creator-upload-preview3d,
      .creator-upload-only-page .creator-upload-preview3d canvas {
        min-height: 0;
        height: 100%;
      }
      .creator-upload-only-page .creator-upload-dialog > .creator-upload-form {
        min-height: 0;
        margin-top: 14px;
        overflow: hidden;
      }
      .creator-upload-only-page .creator-upload-dialog > .creator-upload-status-row {
        align-self: end;
        margin-top: 10px;
      }
      .creator-upload-only-page .creator-upload-dialog > .creator-upload-actions {
        min-width: 0;
        flex-wrap: nowrap;
      }
      .creator-upload-only-page .creator-upload-actions .creator-phone-preview button {
        white-space: nowrap;
      }
    }


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


    /* 20260723-member-ui-polish1: tighten V2 member center layout and card rhythm. */
    .member-native-page .main {
      padding: 14px 18px 18px;
    }


    .member-native-page .member-native-actions .btn {
      min-height: 36px;
      padding: 0 16px;
      border-radius: 999px;
    }


    /* 20260801-unified-member-center1: platform-wide member hub modules. */
    .member-unified-overview {
      margin-top: 14px;
    }


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


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


    .member-creation-body {
      min-width: 0;
      display: grid;
      align-content: center;
      gap: 7px;
    }


    .member-creation-body strong,
    .member-creation-body p,
    .member-creation-body em {
      min-width: 0;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }


    .member-creation-body strong {
      -webkit-line-clamp: 1;
      color: #172033;
      font-size: 14px;
      line-height: 1.35;
    }


    .member-creation-body p {
      -webkit-line-clamp: 2;
      margin: 0;
      color: #52627a;
      font-size: 12px;
      line-height: 1.55;
    }


    .member-creation-body em {
      -webkit-line-clamp: 1;
      color: #7a879b;
      font-size: 12px;
      font-style: normal;
      line-height: 1.4;
    }


    .member-print-body {
      min-width: 0;
      display: grid;
      gap: 10px;
      align-content: center;
    }


    .member-print-meta {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 7px 10px;
    }


    .member-print-actions a {
      min-height: 32px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 12px;
      border-radius: 999px;
      color: #315cff;
      font-size: 12px;
      font-weight: 780;
      background: rgba(49,92,255,.08);
      border: 1px solid rgba(49,92,255,.12);
    }


    .member-native-page .models.list-models {
      gap: 12px;
    }


    .member-native-page .model-card {
      padding: 10px;
      border-radius: 15px;
    }


    .member-native-page .model-card img {
      aspect-ratio: 1 / .74;
      object-fit: contain;
      border-radius: 12px;
      background:
        linear-gradient(180deg, rgba(247,250,255,.96), rgba(239,246,255,.82));
    }


    .creator-xr-body {
      display: grid;
      grid-template-columns: 164px minmax(0, 1fr);
      gap: 14px;
      margin-top: 16px;
      align-items: center;
    }


    .creator-xr-meta {
      display: grid;
      gap: 8px;
    }


    /* 20260723-xr-headset-modal1: constrain the legacy XR headset selector inside the V2 detail page. */
    .xr-headset-layer.layui-layer {
      width: min(840px, calc(100vw - 48px)) !important;
      height: auto !important;
      border-radius: 22px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 28px 90px rgba(15,23,42,.28);
    }


    .xr-headset-layer .layui-layer-content {
      width: 100% !important;
      height: auto !important;
      padding: 0 !important;
      overflow: visible !important;
      box-sizing: border-box;
    }


    .xr-headset-layer .layui-layer-setwin {
      top: 18px;
      right: 18px;
      z-index: 5;
    }


    .xr-headset-layer .layui-layer-setwin .layui-layer-close,
    .xr-headset-layer .layui-layer-setwin .layui-layer-close:hover {
      position: static;
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      overflow: hidden;
      background-image: none !important;
      background: #f3f6fb;
      color: #334155;
      font-size: 0;
      box-shadow: 0 10px 24px rgba(15,23,42,.10);
    }


    .xr-headset-layer .layui-layer-setwin .layui-layer-close::before {
      content: "×";
      font-size: 22px;
      line-height: 1;
      font-family: Arial, sans-serif;
    }


    .xr-headset-layer .xr-headset-panel {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 300px;
      gap: 16px;
      max-height: min(620px, calc(100vh - 72px));
      padding: 22px;
      overflow: auto;
      color: #172033;
      box-sizing: border-box;
    }


    .xr-headset-layer .xr-modal-head {
      grid-column: 1 / -1;
      padding-right: 50px;
    }


    .xr-headset-layer .xr-modal-head h3 {
      margin: 0;
      color: #111827;
      font-size: 22px;
      font-weight: 860;
      line-height: 1.25;
    }


    .xr-headset-layer .xr-modal-head p {
      max-width: 680px;
      margin: 8px 0 0;
      color: #64748b;
      font-size: 13px;
      line-height: 1.7;
    }


    .xr-headset-layer .xr-device-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-content: start;
      gap: 10px;
      min-width: 0;
    }


    .xr-headset-layer .xr-device-option {
      appearance: none;
      min-width: 0;
      min-height: 88px;
      display: grid;
      grid-template-columns: 50px minmax(0, 1fr);
      align-items: center;
      gap: 11px;
      padding: 12px;
      border: 1px solid rgba(126,146,178,.18);
      border-radius: 16px;
      overflow: hidden;
      background: linear-gradient(180deg, #fff, #f8fbff);
      color: #172033;
      text-align: left;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(42,73,122,.055);
      transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }


    .xr-headset-layer .xr-device-option:hover,
    .xr-headset-layer .xr-device-option.active {
      transform: translateY(-1px);
      border-color: rgba(49,92,255,.34);
      background: linear-gradient(180deg, #f8fbff, #eef4ff);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 14px 28px rgba(49,92,255,.10);
    }


    .xr-headset-layer .xr-device-icon {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      color: #315cff;
      border-radius: 13px;
      background: #eef4ff;
      overflow: hidden;
    }


    .xr-headset-layer .xr-device-icon svg {
      width: 100%;
      height: 100%;
      display: block;
      padding: 7px;
      box-sizing: border-box;
    }


    .xr-headset-layer .xr-device-option strong {
      display: block;
      min-width: 0;
      color: #172033;
      font-size: 14px;
      font-weight: 820;
      line-height: 1.35;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }


    .xr-headset-layer .xr-device-badge {
      display: inline-flex;
      max-width: 100%;
      margin-top: 6px;
      padding: 3px 8px;
      border-radius: 999px;
      color: #315cff;
      font-size: 11px;
      font-weight: 800;
      line-height: 1;
      background: rgba(49,92,255,.10);
    }


    .xr-headset-layer .xr-device-detail {
      min-width: 0;
      display: grid;
      align-content: start;
      gap: 12px;
      padding: 14px;
      border: 1px solid rgba(126,146,178,.14);
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(248,251,255,.98), rgba(255,255,255,.94));
    }


    .xr-headset-layer .xr-device-title-row {
      display: grid;
      grid-template-columns: 46px minmax(0, 1fr);
      align-items: center;
      gap: 10px;
    }


    .xr-headset-layer .xr-device-current-icon {
      width: 46px;
      height: 46px;
    }


    .xr-headset-layer .xr-device-name {
      margin: 0;
      color: #172033;
      font-size: 16px;
      font-weight: 860;
      line-height: 1.3;
    }


    .xr-headset-layer .xr-device-browser-line,
    .xr-headset-layer .xr-device-note {
      margin: 4px 0 0;
      color: #64748b;
      font-size: 12px;
      line-height: 1.6;
    }


    .xr-headset-layer .xr-qr-wrap {
      display: grid;
      grid-template-columns: 156px minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      padding: 12px;
      border-radius: 16px;
      background: #fff;
      border: 1px solid rgba(226,232,240,.9);
    }


    .xr-headset-layer #xr-headset-qrcode {
      position: relative;
      width: 156px;
      height: 156px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      overflow: hidden;
      background: #fff;
    }


    .xr-headset-layer .xr-qrcode-center-icon {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 32px;
      height: 32px;
      display: grid;
      place-items: center;
      border-radius: 10px;
      color: #315cff;
      background: #fff;
      transform: translate(-50%, -50%);
      box-shadow: 0 0 0 4px #fff;
    }


    .xr-headset-layer .xr-qrcode-center-icon svg {
      width: 24px;
      height: 24px;
      display: block;
    }


    .xr-headset-layer .xr-device-steps {
      margin: 0;
      padding-left: 18px;
      color: #42526a;
      font-size: 12px;
      line-height: 1.8;
    }


    .xr-headset-layer .xr-link-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 82px;
      gap: 8px;
    }


    .xr-headset-layer .xr-headset-link {
      min-width: 0;
      height: 38px;
      padding: 0 11px;
      border: 1px solid #dbe4f0;
      border-radius: 12px;
      color: #42526a;
      font-size: 12px;
      outline: none;
      background: #fff;
    }


    .xr-headset-layer .xr-copy-link {
      height: 38px;
      border: 0;
      border-radius: 12px;
      color: #fff;
      font-size: 12px;
      font-weight: 820;
      background: linear-gradient(180deg, #3f7cff, #245cff);
      cursor: pointer;
      box-shadow: 0 10px 20px rgba(49,92,255,.18);
    }


    /* 20260715-download-seo1: model download landing page and detail download affordance. */
    /* 20260715-download-seo2: tighter preview centering, stronger download CTA, iPad polish. */
    /* 20260807-download-page-polish1: softer format cards and click-time access check copy. */
    .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 .download-hero {
      position: relative;
      margin-top: 10px;
      display: grid;
      grid-template-columns: minmax(190px, 260px) minmax(0, 1fr);
      gap: 12px;
      padding: 42px 12px 12px;
      border-radius: 18px;
      border: 1px solid rgba(126,146,178,.12);
      background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.76));
      box-shadow: 0 18px 44px rgba(42, 73, 122, .055), var(--inner-highlight);
      backdrop-filter: blur(26px) saturate(1.14);
    }


    .redesign-download-page .download-back-link {
      position: absolute;
      top: 11px;
      left: 12px;
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 14px;
      border: 1px solid rgba(47,107,255,.14);
      border-radius: 999px;
      color: #315078;
      font-size: 13px;
      font-weight: 780;
      line-height: 1;
      background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,248,255,.92));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 10px 22px rgba(42,73,122,.055);
      transition: transform .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
    }


    .redesign-download-page .download-back-link:hover {
      transform: translateY(-1px);
      border-color: rgba(47,107,255,.25);
      color: var(--blue);
      box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 12px 24px rgba(47,107,255,.10);
    }


    .redesign-download-page .download-cover {
      min-height: 188px;
      padding: 12px;
      display: grid;
      place-items: center;
      border-radius: 18px;
      background:
        radial-gradient(circle at 50% 72%, rgba(47,107,255,.10), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,250,255,.70));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.90);
      overflow: hidden;
    }


    .redesign-download-page .download-cover img {
      width: auto;
      max-width: min(86%, 210px);
      height: auto;
      max-height: min(84%, 210px);
      object-fit: contain;
      object-position: center center;
      filter: drop-shadow(0 22px 20px rgba(20, 28, 45, .13));
    }


    .redesign-download-page .download-preview-button {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      margin-top: 10px;
      padding: 0 15px;
      border: 1px solid rgba(47,107,255,.22);
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,246,255,.92));
      color: var(--blue);
      font-size: 13px;
      font-weight: 820;
      line-height: 1;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 10px 22px rgba(47,107,255,.10);
      cursor: pointer;
      transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }


    .redesign-download-page .download-preview-button:hover {
      transform: translateY(-1px);
      border-color: rgba(47,107,255,.38);
      background: linear-gradient(180deg, #fff, #eef5ff);
      box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 14px 26px rgba(47,107,255,.14);
    }


    .redesign-download-page .download-preview-button .iconfont {
      font-size: 14px;
      line-height: 1;
    }


    .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: 18px;
      background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.76));
    }


    .redesign-download-page .download-format-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
      margin-top: 10px;
    }


    .redesign-download-page .download-format-card {
      min-height: 68px;
      display: grid;
      grid-template-columns: 74px minmax(0, 1fr) minmax(150px, auto) auto;
      align-items: center;
      gap: 14px;
      padding: 10px 12px;
      border-radius: 12px;
      border: 1px solid rgba(126,146,178,.13);
      background: rgba(255,255,255,.84);
      box-shadow: 0 6px 16px rgba(42, 73, 122, .03), inset 0 1px 0 rgba(255,255,255,.9);
      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(-1px);
      border-color: rgba(47,107,255,.18);
      background: rgba(255,255,255,.92);
      box-shadow: 0 12px 24px rgba(42, 73, 122, .06), inset 0 1px 0 rgba(255,255,255,.9);
    }


    .redesign-download-page .download-format-card .download-format-ext {
      width: 62px;
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 10px;
      border-radius: 999px;
      background: rgba(47,107,255,.075);
      color: var(--blue);
      font-size: 11px;
      font-weight: 820;
    }


    .redesign-download-page .download-format-main {
      min-width: 0;
      display: block;
    }


    .redesign-download-page .download-format-card strong {
      display: block;
      color: #172033;
      font-size: 14px;
      line-height: 1.32;
    }


    .redesign-download-page .download-format-card p {
      margin: 4px 0 0;
      color: #667489;
      font-size: 12px;
      line-height: 1.45;
    }


    .redesign-download-page .download-format-meta {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      min-width: 0;
    }


    .redesign-download-page .download-format-card small {
      width: fit-content;
      padding: 4px 8px;
      border-radius: 999px;
      background: rgba(100,116,139,.08);
      color: #526173;
      font-size: 11px;
      font-weight: 760;
      white-space: nowrap;
    }


    .redesign-download-page .download-format-card b {
      width: fit-content;
      padding: 4px 8px;
      border-radius: 999px;
      background: rgba(47,107,255,.07);
      color: #2f6bff;
      font-size: 11px;
      font-weight: 760;
      white-space: nowrap;
    }


    .redesign-download-page .download-format-card em {
      position: relative;
      overflow: hidden;
      justify-self: end;
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      margin-top: 0;
      padding: 0 14px;
      border: 1px solid rgba(47,107,255,.22);
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(242,247,255,.86));
      color: var(--blue);
      font-style: normal;
      font-size: 12px;
      font-weight: 820;
      letter-spacing: 0;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 16px rgba(49,92,255,.08);
      white-space: nowrap;
    }


    .redesign-download-page .download-format-card em .iconfont {
      font-size: 13px;
      line-height: 1;
    }


    .redesign-download-page .download-format-card em::before {
      content: none;
    }


    .redesign-download-page .download-format-card:hover em {
      border-color: rgba(47,107,255,.36);
      color: #245cff;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 10px 18px rgba(49,92,255,.13);
    }


    .redesign-list-page .topbar,
    .member-native-page .topbar,
    body:not(.redesign-detail-page):not(.redesign-tag-page) .topbar {
      box-shadow: 0 10px 28px rgba(42, 73, 122, .045), var(--inner-highlight);
    }


    /* 20260723-v2-seo-performance-ipad1: Chuangzaojia V2 SEO/performance and iPad layout pass. */
    @media (min-width: 768px) and (max-width: 1180px) {
      .redesign-home-page .shell,
      .redesign-list-page .shell,
      .redesign-tag-page .shell,
      .redesign-detail-page .shell,
      .redesign-download-page .shell,
      .member-native-page .shell,
      .creator-center-page .shell {
        grid-template-columns: 1fr;
        padding: 12px;
      }

      .redesign-home-page .sidebar,
      .redesign-list-page .sidebar,
      .redesign-tag-page .sidebar,
      .redesign-detail-page .sidebar,
      .redesign-download-page .sidebar,
      .member-native-page .sidebar,
      .creator-center-page .sidebar {
        display: none;
      }

      .redesign-home-page .main,
      .redesign-list-page .main,
      .redesign-tag-page .main,
      .redesign-detail-page .main,
      .redesign-download-page .main,
      .member-native-page .main,
      .creator-center-page .main {
        grid-column: 1;
        min-width: 0;
      }

      .redesign-home-page .topbar,
      .redesign-list-page .topbar,
      .redesign-tag-page .topbar,
      .redesign-detail-page .topbar,
      .redesign-download-page .topbar,
      .member-native-page .topbar,
      .creator-center-page .topbar {
        grid-template-columns: minmax(320px, 1fr) auto auto;
        min-height: 58px;
        height: auto;
        gap: 10px;
      }

      .redesign-home-page .list-models,
      .redesign-list-page .list-models,
      .redesign-tag-page .list-models {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .redesign-detail-page .detail-access-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .redesign-download-page .download-hero {
        grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr);
        align-items: stretch;
      }

      .redesign-site-footer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .shell {
        grid-template-columns: 1fr;
        padding: 12px;
      }

      .sidebar {
        display: none;
      }

      .main {
        grid-column: 1;
      }

      .topbar {
        grid-template-columns: minmax(320px, 1fr) auto auto;
        min-height: 58px;
        height: auto;
        gap: 10px;
      }

      .workspace {
        grid-template-columns: 1fr;
      }

      .hero {
        min-height: 292px;
        padding-right: 292px;
      }

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

      .hero-3d-stage {
        width: 238px;
        right: 28px;
      }

      .personal-hub {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .list-hero,
      .member-native-hero {
        grid-template-columns: 1fr;
      }

      .member-native-actions {
        justify-content: flex-start;
      }

      .member-stat-grid,
      .member-native-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .asset-list-head,
      .upload-asset-row {
        grid-template-columns: minmax(260px, 1.2fr) minmax(130px, .5fr) minmax(148px, .55fr);
      }

      .asset-list-head span:last-child,
      .upload-asset-actions {
        grid-column: 1 / -1;
      }

      .upload-asset-actions {
        justify-content: flex-start;
      }

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

      .creator-flow-grid,
      .creator-bridge-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creator-center-layout {
        grid-template-columns: 150px minmax(0, 1fr);
        gap: 10px;
      }

      .creator-workspace-head {
        grid-template-columns: 1fr;
        align-items: stretch;
      }

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

      .creator-workspace-upload {
        width: 100%;
      }

      .creator-core-menu {
        top: 12px;
        min-height: auto;
        padding: 8px;
      }

      .creator-asset-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        padding: 12px;
      }

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

      .download-hero {
        grid-template-columns: 1fr;
      }

      .download-cover {
        min-height: 320px;
      }

      .download-copy {
        align-content: start;
      }

      .download-format-grid {
        grid-template-columns: 1fr;
      }

      .redesign-download-page .download-format-card {
        grid-template-columns: 64px minmax(0, 1fr) auto;
      }

      .redesign-download-page .download-format-meta {
        grid-column: 2;
        justify-content: flex-start;
      }

      .redesign-download-page .download-format-card em {
        grid-column: 3;
        grid-row: 1 / span 2;
      }
    }


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

      .personal-hub,
      .scenario-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .list-hero {
        grid-template-columns: 1fr;
      }

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

      .detail-workspace {
        grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
        gap: 14px;
      }

      .detail-info-panel {
        padding: 20px;
      }

      .detail-info-panel h1 {
        font-size: 28px;
      }

      .detail-access-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .detail-access-button {
        height: 44px;
      }

      .redesign-site-footer {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .footer-brand-panel {
        grid-column: 1 / -1;
      }
    }


    @media (min-width: 768px) and (max-width: 1180px) {
      .redesign-detail-page .shell,
      .redesign-tag-page .shell {
        grid-template-columns: 1fr;
        padding: 12px;
      }

      .redesign-detail-page .sidebar,
      .redesign-tag-page .sidebar {
        display: none;
      }

      .redesign-detail-page .topbar,
      .redesign-tag-page .topbar {
        grid-template-columns: minmax(320px, 1fr) auto auto;
        min-height: 58px;
        height: auto;
        gap: 10px;
      }

      .redesign-detail-page .search,
      .redesign-tag-page .search {
        min-width: 0;
      }

      .redesign-detail-page .quick,
      .redesign-tag-page .quick {
        display: flex;
      }

      .redesign-detail-page .detail-workspace {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      .redesign-detail-page .detail-preview-panel {
        display: grid;
        grid-template-columns: minmax(300px, .9fr) minmax(280px, 1.1fr);
        align-items: stretch;
      }

      .redesign-detail-page .detail-preview-media {
        grid-row: span 3;
        aspect-ratio: 1 / 1;
        min-height: 318px;
      }

      .redesign-detail-page .detail-info-panel h1,
      .redesign-tag-page .tag-hero h1 {
        font-size: 30px;
      }

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

      .redesign-detail-page .detail-access-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .redesign-tag-page .tag-hero-main {
        grid-template-columns: 1fr;
        align-items: start;
      }

      .redesign-tag-page .tag-hero-count {
        width: 100%;
        min-height: 78px;
      }

      .redesign-tag-page .tag-sort-row {
        grid-template-columns: 64px minmax(0, 1fr);
      }

      .redesign-detail-page .list-models,
      .redesign-tag-page .list-models {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .redesign-detail-page .creation-feed-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }


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

      .sidebar {
        display: none;
      }

      .main {
        grid-column: 1;
      }

      .topbar {
        grid-template-columns: 1fr;
        height: auto;
      }

      .redesign-user-menu {
        justify-content: stretch;
      }

      .redesign-user-trigger {
        width: 100%;
        justify-content: space-between;
      }

      .user-trigger-copy {
        text-align: left;
      }

      .redesign-user-menu-panel {
        left: 0;
        right: auto;
        width: min(100%, 340px);
      }

      .redesign-footer-wrap {
        margin-left: 0;
        padding: 12px 14px 22px;
      }

      .redesign-site-footer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .footer-brand-panel {
        grid-column: 1 / -1;
      }

      .hero {
        padding-right: 28px;
      }

      .hero::before,
      .hero-3d-stage,
      .hero-3d-hint {
        display: none;
      }

      .space-card {
        grid-template-columns: 1fr;
      }

      .personal-hub {
        grid-template-columns: 1fr;
      }

      .list-hero-stats {
        grid-template-columns: 1fr;
      }

      .filter-row {
        grid-template-columns: 1fr;
      }

      .detail-workspace {
        grid-template-columns: 1fr;
        align-items: start;
      }

      .detail-info-panel {
        min-height: 0;
      }

      .detail-access-panel {
        margin-top: 14px;
      }

      .detail-preview-media {
        aspect-ratio: 4 / 3;
      }

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

      .detail-access-head {
        display: block;
      }

      .detail-access-head strong {
        display: block;
        margin-top: 4px;
        text-align: left;
      }

      .detail-model-tips {
        grid-template-columns: 1fr;
        gap: 4px;
      }

      .detail-model-tips span {
        white-space: normal;
      }

      .detail-insight-list,
      .detail-faq-grid {
        grid-template-columns: 1fr;
      }

      .detail-capability-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creation-feed-head {
        flex-direction: column;
        align-items: stretch;
      }

      .creation-feed-actions {
        justify-content: flex-start;
      }

      .creation-feed-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .redesign-detail-page .modal-view-iframe .modal-view-frame-content {
        height: calc(100vh - 20px);
        margin: 10px;
        border-radius: 20px;
      }

      .redesign-detail-page .modal-view-iframe .modal-view-scrim {
        display: none;
      }

      .redesign-detail-page .modal-view-iframe .close-btn {
        top: 18px;
        left: 18px;
      }

      .redesign-detail-page .modal-view-iframe .modal-view-titlebar {
        left: 70px;
        right: 16px;
        max-width: none;
      }

      .redesign-detail-page .modal-view-iframe .modal-view-top-tools {
        top: auto;
        right: 16px;
        bottom: 86px;
      }

      .redesign-detail-page .modal-view-iframe .preview-pan-hints {
        display: none;
      }

      .redesign-detail-page .modal-view-iframe .modal-view-bottom-actions {
        bottom: 14px;
        width: calc(100% - 28px);
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .member-bridge-hero {
        grid-template-columns: 1fr;
      }

      .member-bridge-actions {
        justify-content: flex-start;
      }

      .member-native-hero {
        grid-template-columns: 1fr;
      }

      .member-native-actions {
        justify-content: flex-start;
      }

      .member-stat-grid,
      .member-native-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creator-flow-grid,
      .creator-bridge-grid,
      .creator-asset-grid,
      .creator-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creator-stats-row {
        grid-template-columns: minmax(0, 1fr) 76px 96px 96px;
      }

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

      .creator-workspace-head {
        grid-template-columns: 1fr;
      }

      .creator-empty-state {
        grid-template-columns: 110px minmax(0, 1fr);
      }

      .creator-empty-steps {
        grid-column: 1 / -1;
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .creator-workspace-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creator-workspace-upload {
        width: 100%;
      }

      .creator-center-layout {
        grid-template-columns: 1fr;
      }

      .creator-core-menu {
        position: static;
        min-height: 0;
      }

      .creator-center-tabs {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 6px;
      }

      .creator-center-tabs .upload-entry-button {
        grid-column: auto;
      }

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

      .creator-center-page .creator-upload-section .model-head {
        align-items: flex-start;
      }

      .home-entry-hub {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .home-entry-card.is-primary {
        grid-column: 1 / -1;
      }

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

      .redesign-download-page .download-format-card {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 12px;
      }

      .redesign-download-page .download-format-meta {
        grid-column: auto;
        justify-content: flex-start;
        flex-wrap: wrap;
      }

      .redesign-download-page .download-format-card em {
        grid-column: auto;
        grid-row: auto;
        justify-self: stretch;
      }

      .asset-list-head {
        display: none;
      }

      .upload-asset-row {
        grid-template-columns: 1fr;
      }

      .redesign-collection-detail-page .collection-detail-v2-layout {
        grid-template-columns: 1fr;
      }

      .redesign-collection-detail-page .collection-detail-v2-related {
        position: static;
      }

      .redesign-collection-detail-page .collection-detail-model-card {
        grid-template-columns: 190px minmax(0, 1fr);
      }
    }


    @media (max-width: 680px) {
      .shell {
        padding: 10px;
      }

      h1 {
        font-size: 30px;
      }

      .hero {
        min-height: 430px;
        padding: 22px;
      }

      .metric-row {
        flex-direction: column;
      }

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

      .creator-flow-grid,
      .creator-bridge-grid,
      .creator-asset-grid,
      .creator-stats-grid {
        grid-template-columns: 1fr;
      }

      .creator-upload-dialog {
        padding: 18px;
      }

      .creator-upload-steps,
      .creator-stats-row,
      .creator-empty-state,
      .creator-empty-steps {
        grid-template-columns: 1fr;
      }

      .creator-empty-state {
        padding: 20px;
        text-align: left;
      }

      .home-entry-hub {
        grid-template-columns: 1fr;
      }

      .home-entry-card.is-primary {
        grid-column: auto;
      }

      .home-entry-card {
        min-height: 88px;
        padding: 14px;
      }

      .home-category-strip {
        padding: 8px;
        gap: 6px;
      }

      .creator-empty-visual {
        width: 96px;
        border-radius: 22px;
      }

      .creator-upload-switch-row,
      .creator-upload-actions {
        align-items: stretch;
        flex-direction: column;
      }

      .creator-center-page .creator-asset-grid {
        grid-template-columns: 1fr;
      }

      .creator-center-tabs {
        grid-template-columns: 1fr;
      }

      .creator-xr-body {
        grid-template-columns: 1fr;
      }

      .action-card.featured {
        grid-column: span 2;
      }

      .creation-feed-list {
        grid-template-columns: 1fr;
      }

      .creation-feed-action,
      .creation-feed-actions {
        width: 100%;
      }

      .creation-feed-action {
        justify-content: center;
      }

      .creation-selected-images {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .creation-upload-panel {
        padding: 20px;
      }
    }


    /* 20260725-v2-site-ui-polish1: unify the Chuangzaojia V2 test page rhythm without touching business logic. */
    /* 20260725-v2-final-seo-ai1: readable summary blocks for search and AI retrieval. */
    .ai-seo-summary {
      display: grid;
      gap: 6px;
      margin: 0 0 14px;
      padding: 12px 14px;
      border: 1px solid rgba(126,146,178,.13);
      border-radius: 8px;
      background: rgba(255,255,255,.82);
      color: #4e5d73;
      box-shadow: 0 8px 20px rgba(21,32,52,.035);
    }


    .redesign-home-page .main,
    .redesign-list-page .main,
    .redesign-tag-page .main,
    .redesign-detail-page .main,
    .redesign-download-page .main,
    .redesign-collection-page .main,
    .redesign-collection-detail-page .main,
    .member-native-page .main,
    .creator-center-page .main {
      min-width: 0;
      padding-right: clamp(12px, 1.15vw, 22px);
      padding-left: clamp(12px, 1.15vw, 22px);
    }


    .redesign-list-page .topbar,
    .redesign-tag-page .topbar,
    .redesign-detail-page .topbar,
    .redesign-download-page .topbar,
    .redesign-collection-page .topbar,
    .member-native-page .topbar,
    .creator-center-page .topbar {
      min-height: 54px;
      padding: 7px 12px;
      border-color: rgba(126,146,178,.14);
      overflow: visible;
    }


    .redesign-list-page .section,
    .redesign-tag-page .section,
    .redesign-download-page .section,
    .redesign-collection-page .section,
    .member-native-page .member-list-section,
    .creator-center-page .creator-upload-section,
    .redesign-collection-detail-page .collection-detail-v2-hero,
    .redesign-collection-detail-page .collection-detail-v2-main,
    .redesign-collection-detail-page .collection-detail-v2-related {
      border-radius: 8px !important;
      border-color: rgba(126,146,178,.14);
      box-shadow: 0 10px 26px rgba(21,32,52,.045);
    }


    .redesign-list-page .model-card,
    .redesign-tag-page .model-card,
    .redesign-download-page .model-card,
    .member-native-page .model-card,
    .redesign-home-page .model-card,
    .collection-v2-card,
    .collection-detail-model-card,
    .member-native-card {
      border-radius: 8px !important;
      border-color: rgba(126,146,178,.13);
      box-shadow: 0 8px 20px rgba(21,32,52,.035);
    }


    .redesign-list-page .model-card:hover,
    .redesign-tag-page .model-card:hover,
    .redesign-download-page .model-card:hover,
    .member-native-page .model-card:hover,
    .redesign-home-page .model-card:hover,
    .collection-v2-card:hover,
    .collection-detail-model-card:hover,
    .member-native-card:hover {
      transform: translateY(-1px);
      box-shadow: 0 12px 28px rgba(21,32,52,.07);
    }


    .redesign-home-page .btn,
    .redesign-list-page .btn,
    .redesign-tag-page .btn,
    .redesign-detail-page .btn,
    .redesign-download-page .btn,
    .redesign-collection-page .btn,
    .member-native-page .btn,
    .creator-center-page .btn {
      border-radius: 8px;
      font-weight: 760;
      letter-spacing: 0;
    }


    .redesign-home-page .redesign-footer-wrap,
    .redesign-list-page .redesign-footer-wrap,
    .redesign-tag-page .redesign-footer-wrap,
    .redesign-detail-page .redesign-footer-wrap,
    .redesign-download-page .redesign-footer-wrap,
    .redesign-collection-page .redesign-footer-wrap,
    .member-native-page .redesign-footer-wrap,
    .creator-center-page .redesign-footer-wrap {
      margin-top: 18px;
      padding-bottom: 6px;
    }


    .redesign-home-page .redesign-site-footer,
    .redesign-list-page .redesign-site-footer,
    .redesign-tag-page .redesign-site-footer,
    .redesign-detail-page .redesign-site-footer,
    .redesign-download-page .redesign-site-footer,
    .redesign-collection-page .redesign-site-footer,
    .member-native-page .redesign-site-footer,
    .creator-center-page .redesign-site-footer {
      border-radius: 8px;
      border-color: rgba(126,146,178,.14);
    }


    /* 20260727-v2-freecreat-shell-footer1: align Chuangzaojia V2 sidebar and footer with the Freecreat V2 shell. */
    .shell {
      grid-template-columns: 256px minmax(0, 1fr);
      padding: 12px 14px;
      background:
        radial-gradient(circle at 0 0, rgba(219, 241, 255, .58), transparent 34%),
        linear-gradient(180deg, #f8fbff 0%, #f1f5f9 100%);
    }


    .sidebar {
      margin: 0;
      padding: 28px 22px 18px;
      border: 1px solid rgba(255,255,255,.86);
      border-radius: 22px;
      background: linear-gradient(180deg, rgba(248,253,255,.96), rgba(255,255,255,.88));
      box-shadow: 0 20px 58px rgba(51,72,110,.10), inset 0 1px 0 rgba(255,255,255,.96);
      overflow: hidden;
    }


    .brand {
      margin-bottom: 30px;
    }


    .brand img {
      width: 48px;
      height: 48px;
      border-radius: 12px;
    }


    .brand strong {
      color: #172033;
      font-size: 19px;
      font-weight: 900;
    }


    .brand span span {
      color: #71819a;
      font-size: 12px;
      font-weight: 650;
    }


    .nav-section {
      padding: 16px 0 20px;
      border-bottom: 1px solid rgba(203,213,225,.62);
    }


    .main {
      padding: 0;
    }


    .redesign-footer-wrap {
      margin-top: 26px !important;
      padding-bottom: 12px !important;
    }


    .redesign-site-footer {
      max-width: none;
      grid-template-columns: minmax(320px, 1.35fr) repeat(4, minmax(150px, .75fr));
      gap: clamp(28px, 4vw, 70px);
      padding: 38px 42px;
      border: 1px solid rgba(255,255,255,.86) !important;
      border-radius: 22px !important;
      background:
        radial-gradient(circle at 8% 0, rgba(219,241,255,.78), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,250,253,.74));
      box-shadow: 0 24px 68px rgba(51,72,110,.08), inset 0 1px 0 rgba(255,255,255,.96);
    }


    .redesign-site-footer .footer-brand-title {
      align-items: flex-start;
      gap: 14px;
      margin-bottom: 18px;
    }


    .redesign-site-footer .footer-brand-title img {
      width: 54px;
      height: 54px;
      border-radius: 12px;
      filter: drop-shadow(0 10px 20px rgba(37,99,235,.10));
    }


    .redesign-site-footer .footer-brand-title strong {
      font-size: 20px;
      font-weight: 900;
    }


    .redesign-site-footer h4 {
      font-size: 16px;
      font-weight: 900;
    }


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


    .redesign-site-footer nav a {
      width: fit-content;
      margin-top: 12px;
      transition: color .16s ease, transform .16s ease;
    }


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


/* 20261029-model-convert1: creator format conversion workbench. */
.convert-view-toolbar { display:flex; align-items:center; gap:8px; position:relative; flex-shrink:0; padding:7px 0; flex-wrap:wrap; }

.convert-tools-title a { color:#172f3a; text-decoration:none; }

.convert-vip-panel a { display:inline-block; padding:10px 20px; background:#00aa8c; color:white; border-radius:8px; text-decoration:none; }

.creator-convert-page .main { min-width:0; }

.creator-convert-page .topbar, .creator-convert-page .convert-page-head { display:none; }

.convert-preview-host .modal-view-iframe .modal-view-scrim { border:0; outline:0; box-shadow:none; padding:0; }

.convert-preview-host .modal-view-iframe .modal-view-frame-content { isolation:isolate; }

.convert-preview-host .modal-view-iframe .modal-view-titlebar { max-width:calc(100% - 48px); }

.convert-preview-host .modal-view-iframe .modal-view-bottom-actions { grid-template-columns:1fr 1fr; width:min(380px,calc(100% - 48px)); }

@media(max-width:680px) { .convert-preview-host .modal-view-iframe .modal-view-frame-content { margin:64px 10px 10px; height:calc(100dvh - 74px); } .convert-preview-host .modal-view-iframe .close-btn { top:12px;left:16px; } }

.convert-help-content a { color:#00836b; text-decoration:underline; }

/* Keep the conversion workspace within the desktop viewport in every task state. */
@media(min-width:1051px) {
  body.creator-convert-page { height:100dvh; overflow:hidden; }
  .creator-convert-page .shell { height:100dvh; min-height:0; box-sizing:border-box; }
  .creator-convert-page .sidebar { height:calc(100dvh - 24px); }
  .creator-convert-page .main { display:flex; flex-direction:column; min-height:0; height:calc(100dvh - 24px); }
  .creator-convert-page .topbar { position:relative; top:0; flex:0 0 auto; }
  .creator-convert-page .convert-page-head { flex:0 0 auto; align-items:center; padding:14px 26px; gap:16px; }
  .creator-convert-page .convert-page-head > p { margin:0; font-size:12px; line-height:20px; }
  .creator-convert-page .convert-text-link { white-space:nowrap; font-size:12px; }
  .creator-convert-page .convert-workbench { flex:1 1 0; min-height:0; margin:0 20px 6px; grid-template-columns:minmax(0,1fr) 328px; box-shadow:none; }
  .creator-convert-page .convert-stage { position:relative; min-height:0; padding:16px; }
  .creator-convert-page .convert-flow { flex:0 0 32px; min-height:32px; }
  .creator-convert-page .convert-flow span { padding:5px 10px; }
  .creator-convert-page .convert-canvas { flex:1 1 0; min-height:0; margin-top:12px; }
  .creator-convert-page .convert-file-card,
  .creator-convert-page .convert-progress,
  .creator-convert-page .convert-result { flex:0 0 auto; margin-top:10px; padding:10px 12px; }
  .creator-convert-page .convert-sidebar { display:flex; flex-direction:column; min-height:0; padding:20px; }
  .creator-convert-page .convert-side-head h2 { font-size:17px; }
  .creator-convert-page .convert-side-head p { margin:6px 0 14px; }
  .creator-convert-page .convert-format-list { gap:6px; flex-shrink:0; }
  .creator-convert-page .convert-format-list button { min-height:40px; padding:7px 10px; }
  .creator-convert-page .convert-options { margin-top:16px; padding-top:15px; }
  .creator-convert-page .convert-switch { margin-top:12px; }
  .creator-convert-page .convert-select { margin-top:12px; }
  .creator-convert-page .convert-option-note { margin:10px 0 12px; }
  .creator-convert-page .convert-primary { flex:0 0 40px; margin-top:auto; }
  .creator-convert-page .convert-save { flex:0 0 36px; margin-top:8px; height:36px; }
  .creator-convert-page .convert-safe-note { margin:10px 0 0; font-size:10px; }
  .creator-convert-page .convert-library { position:absolute; z-index:4; inset:60px 16px 16px; margin:0; display:flex; flex-direction:column; box-shadow:0 8px 30px rgba(25,65,55,.1); }
  .creator-convert-page #convertLibraryList { min-height:0; overflow:auto; scrollbar-width:none; }
  .creator-convert-page #convertLibraryList::-webkit-scrollbar { display:none; }
}


/* 20260725-my-upload-v2-polish1: simplify creator upload cards and move cover generation into the cover area. */
    .creator-center-page .creator-upload-section {
      padding: 0 !important;
      overflow: hidden;
      background: rgba(255,255,255,.96);
    }


    .creator-center-page .asset-tabs-left button.active {
      color: #315cff;
      border-color: rgba(49,92,255,.24);
      background: rgba(244,248,255,.98);
      box-shadow: 0 8px 18px rgba(49,92,255,.08);
    }


    .creator-center-page .creator-asset-body {
      gap: 7px;
      padding: 0 1px;
    }


    .creator-center-page .creator-asset-body strong {
      color: #172033;
      font-size: 13px;
      font-weight: 780;
    }


    .creator-asset-actions.creator-asset-primary-actions .primary {
      width: 100%;
      min-height: 36px;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 800;
      color: #fff;
      border-color: transparent;
      background: #315cff linear-gradient(135deg, #315cff, #4b8dff);
      box-shadow: 0 10px 20px rgba(49,92,255,.18), inset 0 1px 0 rgba(255,255,255,.28);
    }


    /* 20260725-v2-site-ui-polish-ipad1: keep V2 test pages dense but breathable on iPad widths. */
    @media (min-width: 768px) and (max-width: 1180px) {
      .redesign-home-page .main,
      .redesign-list-page .main,
      .redesign-tag-page .main,
      .redesign-detail-page .main,
      .redesign-download-page .main,
      .redesign-collection-page .main,
      .redesign-collection-detail-page .main,
      .member-native-page .main,
      .creator-center-page .main {
        padding-right: 10px;
        padding-left: 10px;
      }

      .redesign-list-page .top-actions,
      .redesign-tag-page .top-actions,
      .redesign-detail-page .top-actions,
      .redesign-download-page .top-actions,
      .redesign-collection-page .top-actions,
      .member-native-page .top-actions,
      .creator-center-page .top-actions {
        flex-wrap: wrap;
        justify-content: flex-end;
      }

      .redesign-collection-detail-page .collection-detail-model-card {
        grid-template-columns: 180px minmax(0, 1fr);
      }
    }


    /* 20260723-v2-ipad-live-layout2: ensure late iPad overrides win after legacy responsive blocks. */
    @media (min-width: 768px) and (max-width: 1180px) {
      .redesign-home-page .home-random-feed,
      .redesign-home-page .list-models,
      .redesign-list-page .list-models,
      .redesign-tag-page .list-models,
      .redesign-download-page .list-models,
      .member-native-page .member-native-grid,
      .member-native-page .models.list-models,
      .creator-center-page .creator-asset-grid,
      .redesign-collection-page .collection-v2-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }

      .redesign-home-page .redesign-site-footer,
      .redesign-list-page .redesign-site-footer,
      .redesign-tag-page .redesign-site-footer,
      .redesign-detail-page .redesign-site-footer,
      .redesign-download-page .redesign-site-footer,
      .member-native-page .redesign-site-footer,
      .creator-center-page .redesign-site-footer {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .redesign-home-page .redesign-site-footer .footer-brand-panel,
      .redesign-list-page .redesign-site-footer .footer-brand-panel,
      .redesign-tag-page .redesign-site-footer .footer-brand-panel,
      .redesign-detail-page .redesign-site-footer .footer-brand-panel,
      .redesign-download-page .redesign-site-footer .footer-brand-panel,
      .member-native-page .redesign-site-footer .footer-brand-panel,
      .creator-center-page .redesign-site-footer .footer-brand-panel {
        grid-column: 1 / -1;
      }
    }


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


    /* 20260727-v2-official-upload-bridge1: use the production upload manager as the single V2 upload entry. */
    .official-upload-bridge-page .main {
      min-height: 100vh;
    }


    .official-upload-actions .btn {
      min-width: 154px;
      min-height: 44px;
      border-radius: 10px;
      font-size: 14px;
      font-weight: 760;
    }


    @media (max-width: 860px) {
      .official-upload-bridge {
        min-height: auto;
        padding: 28px 10px;
      }

      .official-upload-panel {
        padding: 24px;
      }

      .official-upload-panel h1 {
        font-size: 26px;
      }

      .official-upload-status {
        grid-template-columns: 1fr;
      }

      .official-upload-actions .btn {
        width: 100%;
      }
    }


    /* 20260729-v2-home-login-dialog2: make the home-page login dialog visually surface above the V2 shell. */
    .redesign-home-page .login-wrap.mask-body {
      position: fixed;
      inset: 0;
      z-index: 10050;
      width: 100vw;
      height: 100vh;
      background: rgba(15, 23, 42, .58);
      backdrop-filter: blur(8px);
    }


    .redesign-home-page .login-wrap .login-content {
      position: absolute;
      left: 50%;
      top: 50%;
      width: min(800px, calc(100vw - 48px));
      min-height: 450px;
      display: flex;
      overflow: hidden;
      border-radius: 16px;
      background: #fff;
      box-shadow: 0 28px 80px rgba(15, 23, 42, .28);
      transform: translate(-50%, -50%);
    }


    .redesign-home-page .login-wrap .qrcode-left {
      width: 360px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 14px;
      background: linear-gradient(180deg, #f8fbff, #eef5ff);
    }


    .redesign-home-page .login-wrap .left-qrcode {
      width: 198px;
      height: 198px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      background: #fff;
      box-shadow: 0 16px 40px rgba(31, 45, 61, .08);
    }


    .redesign-home-page .login-wrap .qrcode-img {
      width: 100%;
      height: 100%;
      border-radius: 10px;
    }


    .redesign-home-page .login-wrap .account-right {
      flex: 1;
      min-width: 0;
      padding: 44px;
      background: #fff;
    }


    .redesign-home-page .login-wrap .mask-close {
      position: absolute;
      right: 24px;
      top: 24px;
      z-index: 2;
      width: 18px;
      height: 18px;
      cursor: pointer;
      background: url(/static/image/icon-close.png) center / contain no-repeat;
    }


    /* 20260729-v2-home-login-dialog2: polish the visible login form controls instead of showing browser defaults. */
    .redesign-home-page .login-wrap .logo-img {
      width: 140px;
      height: auto;
      object-fit: contain;
    }


    .redesign-home-page .login-wrap .qrcode-tips {
      max-width: 270px;
      color: #304663;
      font-size: 14px;
      line-height: 1.65;
      text-align: center;
    }


    .redesign-home-page .login-wrap .login-type {
      display: flex;
      align-items: center;
      gap: 28px;
      margin: 0 0 24px;
      color: #64748b;
      font-size: 16px;
      font-weight: 760;
      line-height: 40px;
    }


    .redesign-home-page .login-wrap .login-type .type-li {
      position: relative;
      cursor: pointer;
      user-select: none;
      transition: color .16s ease;
    }


    .redesign-home-page .login-wrap .login-type .type-li.active {
      color: #172033;
      font-weight: 860;
    }


    .redesign-home-page .login-wrap .login-type .type-li::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 3px;
      border-radius: 999px;
      background: transparent;
      transform: scaleX(.28);
      transition: background .16s ease, transform .16s ease;
    }


    .redesign-home-page .login-wrap .login-type .type-li.active::after {
      background: #315cff;
      transform: scaleX(1);
    }


    .redesign-home-page .login-wrap .input-li {
      position: relative;
      width: 100%;
      max-width: 330px;
      min-height: 46px;
      display: flex;
      align-items: center;
      margin: 0 0 14px;
    }


    .redesign-home-page .login-wrap .input-bar {
      width: 100%;
      height: 46px;
      min-width: 0;
      box-sizing: border-box;
      border: 1px solid rgba(126, 146, 178, .22);
      border-radius: 11px;
      background: #f8fbff;
      color: #172033;
      font-size: 14px;
      line-height: 46px;
      outline: none;
      padding: 0 14px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
      transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
    }


    .redesign-home-page .login-wrap .input-bar:focus {
      border-color: rgba(49, 92, 255, .62);
      background: #fff;
      box-shadow: 0 0 0 4px rgba(49, 92, 255, .10);
    }


    .redesign-home-page .login-wrap .input-bar.select {
      flex: 0 0 120px;
      width: 120px;
      margin-right: 10px;
      padding: 0 8px;
      appearance: auto;
    }


    .redesign-home-page .login-wrap .input-bar.mobile {
      flex: 1;
    }


    .login-wrap input[type="number"],
    .redesign-home-page .login-wrap input[type="number"] {
      appearance: textfield;
      -moz-appearance: textfield;
    }


    .login-wrap input[type="number"]::-webkit-outer-spin-button,
    .login-wrap input[type="number"]::-webkit-inner-spin-button,
    .redesign-home-page .login-wrap input[type="number"]::-webkit-outer-spin-button,
    .redesign-home-page .login-wrap input[type="number"]::-webkit-inner-spin-button {
      margin: 0;
      appearance: none;
      -webkit-appearance: none;
    }


    .redesign-home-page .login-wrap .fix-btn {
      position: absolute;
      top: 0;
      right: 0;
      height: 46px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 14px;
      color: #315cff;
      font-size: 13px;
      font-weight: 800;
      cursor: pointer;
    }


    .redesign-home-page .login-wrap .protocol {
      width: 100%;
      max-width: 330px;
      min-height: 28px;
      display: flex;
      align-items: center;
      gap: 7px;
      margin-top: 2px;
      color: #53637a;
      font-size: 13px;
      line-height: 1.45;
      cursor: pointer;
      user-select: none;
    }


    .login-wrap .agree-ratio,
    .redesign-home-page .login-wrap .agree-ratio {
      position: relative;
      width: 18px;
      height: 18px;
      min-width: 18px;
      border: 1px solid rgba(49, 92, 255, .36);
      border-radius: 6px;
      font-size: 0;
      line-height: 0;
      box-sizing: border-box;
      background: linear-gradient(180deg, #fff, #f4f7ff);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 4px 10px rgba(49,92,255,.10);
      transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }


    .login-wrap .agree-ratio::before,
    .redesign-home-page .login-wrap .agree-ratio::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 100%;
      height: 100%;
      border-radius: 5px;
      background: linear-gradient(180deg, #3f7cff, #245cff);
      box-shadow: 0 6px 14px rgba(49, 92, 255, .24);
      transform: translate(-50%, -50%) scale(0);
      transition: transform .14s ease;
    }


    .login-wrap .agree-ratio::after,
    .redesign-home-page .login-wrap .agree-ratio::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 47%;
      width: 5px;
      height: 8px;
      border: solid #fff;
      border-width: 0 2px 2px 0;
      opacity: 0;
      transform: translate(-50%, -50%) rotate(45deg) scale(.78);
      transition: opacity .12s ease, transform .14s ease;
    }


    .login-wrap .agree-ratio.agree::before,
    .redesign-home-page .login-wrap .agree-ratio.agree::before {
      transform: translate(-50%, -50%) scale(1);
    }


    .login-wrap .agree-ratio.agree,
    .redesign-home-page .login-wrap .agree-ratio.agree {
      border-color: rgba(49, 92, 255, .92);
      background: #315cff;
      box-shadow: 0 8px 18px rgba(49, 92, 255, .20), inset 0 1px 0 rgba(255,255,255,.28);
    }


    .login-wrap .agree-ratio.agree::after,
    .redesign-home-page .login-wrap .agree-ratio.agree::after {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(45deg) scale(1);
    }


    .redesign-home-page .login-wrap .protocol-li {
      color: #315cff;
      font-weight: 760;
      cursor: pointer;
    }


    .redesign-home-page .login-wrap .submit-btn {
      width: 100%;
      max-width: 330px;
      height: 46px;
      margin-top: 18px;
      border: 0;
      border-radius: 11px;
      background: linear-gradient(180deg, #3f7cff, #245cff);
      color: #fff;
      font-size: 15px;
      font-weight: 860;
      cursor: pointer;
      box-shadow: 0 14px 28px rgba(47, 107, 255, .22), inset 0 1px 0 rgba(255,255,255,.22);
    }


    .redesign-home-page .login-wrap .login-tips {
      width: 100%;
      max-width: 330px;
      margin-top: 14px;
      color: #52627a;
      font-size: 13px;
      line-height: 1.65;
    }


    /* 20260807-formal-home-vip-dialog1: keep the shared VIP/recharge dialog fully styled on V2 pages. */
    .senior-vip.model-mask.vip-mask {
      position: fixed;
      inset: 0;
      z-index: 10060;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: rgba(15, 23, 42, .58);
      backdrop-filter: blur(8px);
      box-sizing: border-box;
    }


    .senior-vip.model-mask.vip-mask .mask-content {
      position: relative;
      width: min(760px, calc(100vw - 48px));
      height: min(818px, calc(100vh - 48px));
      max-height: calc(100vh - 48px);
      overflow: hidden;
      border-radius: 18px;
      background: #fff;
      box-shadow: 0 28px 80px rgba(15, 23, 42, .28);
    }


    .senior-vip.model-mask.vip-mask .mask-title {
      margin: 0;
      padding: 0;
    }


    .senior-vip.model-mask.vip-mask .mask-close {
      position: absolute;
      top: 18px;
      right: 18px;
      z-index: 2;
      display: inline-flex;
      width: 30px;
      height: 30px;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: rgba(255, 255, 255, .48);
      color: #754e19 !important;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    }


    .senior-vip.model-mask.vip-mask .plan-container {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
      max-width: none;
      min-height: 0;
      border-radius: 18px;
      overflow: hidden;
      background: #fff;
    }


    .senior-vip.model-mask.vip-mask .plan-top {
      display: flex;
      align-items: center;
      gap: 14px;
      min-height: 74px;
      padding: 18px 22px;
      background: linear-gradient(270deg, #ffdb9a 0%, #fff0d3 100%);
      color: #754e19;
      box-sizing: border-box;
    }


    .senior-vip.model-mask.vip-mask .plan-top .thumb img {
      display: block;
      width: 54px;
      height: 54px;
      border-radius: 50%;
      object-fit: cover;
      background: #fff;
    }


    .senior-vip.model-mask.vip-mask .plan-top .plan-user {
      min-width: 0;
      color: #754e19;
      font-size: 16px;
      line-height: 1.45;
    }


    .senior-vip.model-mask.vip-mask .plan-top .plan-user b,
    .senior-vip.model-mask.vip-mask .plan-top .plan-user span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }


    .senior-vip.model-mask.vip-mask .plan-top .plan-user span {
      margin-top: 4px;
      color: rgba(117, 78, 25, .76);
      font-size: 13px;
    }


    .senior-vip.model-mask.vip-mask .plan-tab {
      display: flex;
      height: 64px;
      margin-top: -1px;
      padding: 8px 16px;
      gap: 10px;
      background: linear-gradient(180deg, #fff8ec, #fff);
      border-bottom: 1px solid rgba(226, 213, 194, .72);
      box-sizing: border-box;
    }


    .senior-vip.model-mask.vip-mask .plan-tab-btn {
      position: relative;
      display: inline-flex;
      flex: 1;
      align-items: center;
      justify-content: center;
      gap: 7px;
      min-width: 0;
      border-radius: 12px;
      color: #755734;
      font-size: 15px;
      font-weight: 800;
      cursor: pointer;
      transition: background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
    }


    .senior-vip.model-mask.vip-mask .plan-tab-btn:hover {
      background: rgba(255, 250, 242, .82);
      color: #8a4b05;
    }


    .senior-vip.model-mask.vip-mask .plan-tab-btn::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 5px;
      width: 30px;
      height: 3px;
      border-radius: 999px;
      background: transparent;
      transform: translateX(-50%);
      transition: background .16s ease, width .16s ease;
    }


    .senior-vip.model-mask.vip-mask .plan-tab:not(.recharge) .plan-tab-btn:first-child,
    .senior-vip.model-mask.vip-mask .plan-tab.recharge .plan-tab-btn:last-child {
      background:
        linear-gradient(180deg, rgba(255,250,242,.98), rgba(255,244,224,.92));
      color: #8a4b05;
      box-shadow:
        inset 0 0 0 1px rgba(245, 158, 11, .24),
        0 8px 18px rgba(180, 83, 9, .08);
      transform: translateY(-1px);
    }


    .senior-vip.model-mask.vip-mask .plan-tab:not(.recharge) .plan-tab-btn:first-child::after,
    .senior-vip.model-mask.vip-mask .plan-tab.recharge .plan-tab-btn:last-child::after {
      width: 38px;
      background: #f59e0b;
    }


    .senior-vip.model-mask.vip-mask .plan-tab-btn .icon-diamond {
      width: 20px;
      height: 20px;
      object-fit: contain;
    }


    .senior-vip.model-mask.vip-mask .plan-box {
      display: block;
      flex: 1 1 auto;
      min-height: 0;
      overflow: auto;
      padding: 20px 28px 28px;
      box-sizing: border-box;
    }


    .senior-vip.model-mask.vip-mask .plan-info {
      width: 100%;
    }


    .senior-vip.model-mask.vip-mask h3 {
      margin: 0 0 13px;
      color: #172033;
      font-size: 15px;
      font-weight: 850;
      line-height: 1.45;
    }


    .senior-vip.model-mask.vip-mask .plan-info-title-tips {
      display: inline;
      color: #ef4444 !important;
      font-size: 13px !important;
      font-weight: 650;
    }


    .senior-vip.model-mask.vip-mask .plan-section,
    .senior-vip.model-mask.vip-mask .plan-section[style] {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin: 0 0 22px;
    }


    .senior-vip.model-mask.vip-mask .plan-card {
      position: relative;
      min-width: 0;
      min-height: 112px;
      padding: 16px 16px 31px;
      border: 1px solid rgba(204, 213, 225, .92);
      border-radius: 12px;
      background: #fff;
      color: #172033;
      cursor: pointer;
      box-sizing: border-box;
      box-shadow: 0 10px 24px rgba(42, 73, 122, .055);
    }


    .senior-vip.model-mask.vip-mask .plan-card.active {
      border-color: rgba(245, 158, 11, .72) !important;
      background: linear-gradient(180deg, #fff8ec, #fff);
      box-shadow: 0 14px 28px rgba(245, 158, 11, .13);
    }


    .senior-vip.model-mask.vip-mask .plan-name {
      margin-bottom: 8px;
      color: #334155;
      font-size: 14px;
      font-weight: 760;
    }


    .senior-vip.model-mask.vip-mask .plan-price {
      display: flex;
      align-items: flex-end;
      gap: 4px;
      padding: 0;
      color: #172033;
      font-size: 31px;
      font-weight: 900;
      line-height: 1;
    }


    .senior-vip.model-mask.vip-mask .plan-card.active .plan-price {
      color: #fa6700 !important;
    }


    .senior-vip.model-mask.vip-mask .plan-price-unit {
      color: #64748b;
      font-size: 15px;
      font-weight: 700;
      line-height: 1.25;
    }


    .senior-vip.model-mask.vip-mask .daily-price {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 27px;
      border-radius: 0 0 12px 12px;
      background: #f8fafc;
      color: #64748b;
      font-size: 12px;
      font-weight: 700;
      line-height: 27px;
      text-align: center;
    }


    .senior-vip.model-mask.vip-mask .plan-card.active .daily-price {
      background: #ffecd3 !important;
      color: #fa6700 !important;
    }


    .senior-vip.model-mask.vip-mask .plan-rights {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 8px;
      margin-bottom: 22px;
    }


    .senior-vip.model-mask.vip-mask .plan-right-li {
      position: relative;
      display: flex;
      min-width: 0;
      min-height: 104px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 10px 7px;
      border: 1px solid rgba(226, 232, 240, .9);
      border-radius: 12px;
      background: #fafcff;
      box-sizing: border-box;
      text-align: center;
    }


    .senior-vip.model-mask.vip-mask .plan-right-tag {
      position: absolute;
      top: -8px;
      right: 6px;
      padding: 1px 5px;
      border-radius: 999px;
      color: #fff;
      font-size: 11px;
      font-weight: 760;
    }


    .senior-vip.model-mask.vip-mask .right-icon {
      width: 44px;
      height: 44px;
      object-fit: contain;
    }


    .senior-vip.model-mask.vip-mask .right-li-name {
      margin-top: 7px;
      color: #172033;
      font-size: 13px;
      font-weight: 800;
      line-height: 1.25;
    }


    .senior-vip.model-mask.vip-mask .right-li-tips {
      margin-top: 3px;
      color: #64748b;
      font-size: 12px;
      line-height: 1.25;
    }


    .senior-vip.model-mask.vip-mask .pay-type {
      display: flex !important;
      align-items: center;
      grid-template-columns: none;
      gap: 10px;
      margin-bottom: 14px;
    }


    .senior-vip.model-mask.vip-mask .pay-type h3 {
      margin: 0 4px 0 0;
      white-space: nowrap;
    }


    .senior-vip.model-mask.vip-mask .duration-btn {
      position: relative;
      min-width: 112px;
      height: 42px;
      padding: 0 18px;
      border: 1px solid rgba(204, 213, 225, .95);
      border-radius: 11px;
      background-color: #fff;
      color: #334155;
      font-size: 14px;
      font-weight: 800;
      cursor: pointer;
      box-shadow: 0 8px 18px rgba(42, 73, 122, .055);
    }


    .senior-vip.model-mask.vip-mask .duration-btn.active {
      border-color: rgba(245, 158, 11, .72);
      background: #fff8ec;
      color: #b45309;
    }


    .senior-vip.model-mask.vip-mask .corner-icon {
      position: absolute;
      right: 0;
      bottom: 0;
      display: none;
      width: 22px;
      height: 22px;
    }


    .senior-vip.model-mask.vip-mask .active .corner-icon,
    .senior-vip.model-mask.vip-mask .active.corner-icon {
      display: block;
    }


    .senior-vip.model-mask.vip-mask .plan-description,
    .senior-vip.model-mask.vip-mask .pay-rule {
      margin: 0 0 16px;
      padding: 0;
      color: #64748b;
      font-size: 13px;
      line-height: 1.55;
    }


    .senior-vip.model-mask.vip-mask .upgrade-btn,
    .senior-vip.model-mask.vip-mask .recharge-submit {
      display: inline-flex;
      min-width: 176px;
      height: 44px;
      align-items: center;
      justify-content: center;
      border: 0;
      border-radius: 12px;
      background: linear-gradient(180deg, #3f7cff, #245cff);
      color: #fff;
      font-size: 15px;
      font-weight: 850;
      cursor: pointer;
      box-shadow: 0 14px 26px rgba(47, 107, 255, .2), inset 0 1px 0 rgba(255,255,255,.24);
    }


    .senior-vip.model-mask.vip-mask .recharge-tips,
    .senior-vip.model-mask.vip-mask .pay-type-title {
      margin-bottom: 12px;
      color: #172033;
      font-size: 15px;
      font-weight: 850;
    }


    .senior-vip.model-mask.vip-mask .recharge-ul {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 20px;
    }


    .senior-vip.model-mask.vip-mask .recharge-li,
    .senior-vip.model-mask.vip-mask .pay-type-li {
      position: relative;
      display: flex;
      min-width: 0;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(204, 213, 225, .92);
      border-radius: 12px;
      background: #fff;
      color: #172033;
      cursor: pointer;
      box-sizing: border-box;
    }


    .senior-vip.model-mask.vip-mask .recharge-li {
      min-height: 86px;
      flex-direction: column;
      gap: 7px;
    }


    .senior-vip.model-mask.vip-mask .recharge-li.active,
    .senior-vip.model-mask.vip-mask .pay-type-li.active {
      border-color: rgba(245, 158, 11, .72);
      background: #fff8ec;
    }


    .senior-vip.model-mask.vip-mask .point-value {
      color: #334155;
      font-size: 14px;
      font-weight: 800;
    }


    .senior-vip.model-mask.vip-mask .pay-value {
      display: flex;
      align-items: flex-end;
      gap: 2px;
      color: #fa6700;
      font-size: 24px;
      font-weight: 900;
      line-height: 1;
    }


    .senior-vip.model-mask.vip-mask .pay-value .unit {
      font-size: 14px;
      line-height: 1.15;
    }


    .senior-vip.model-mask.vip-mask .pay-type-ul {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 14px;
    }


    .senior-vip.model-mask.vip-mask .pay-type-li {
      min-width: 132px;
      height: 44px;
      gap: 7px;
      font-size: 14px;
      font-weight: 800;
    }


    .senior-vip.model-mask.vip-mask .pay-icon {
      width: 22px;
      height: 22px;
      object-fit: contain;
    }


    @media (max-width: 760px) {
      .senior-vip.model-mask.vip-mask {
        padding: 14px;
      }

      .senior-vip.model-mask.vip-mask .mask-content {
        width: calc(100vw - 28px);
        height: auto;
        max-height: calc(100vh - 28px);
        overflow: auto;
      }

      .senior-vip.model-mask.vip-mask .plan-box {
        padding: 18px;
      }

      .senior-vip.model-mask.vip-mask .plan-section,
      .senior-vip.model-mask.vip-mask .plan-section[style],
      .senior-vip.model-mask.vip-mask .recharge-ul {
        grid-template-columns: 1fr;
      }

      .senior-vip.model-mask.vip-mask .plan-rights {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .senior-vip.model-mask.vip-mask .pay-type {
        align-items: stretch;
        flex-direction: column;
      }

      .redesign-home-page .login-wrap .login-content {
        width: min(420px, calc(100vw - 28px));
        min-height: 0;
        display: block;
      }

      .redesign-home-page .login-wrap .qrcode-left {
        width: 100%;
        padding: 28px 20px;
      }

      .redesign-home-page .login-wrap .account-right {
        padding: 28px 24px 30px;
      }
    }


/* 20260801-chuangzaojia-3d-print-zone1 */
/* 20260802-chuangzaojia-3d-print-light-theme1 */
/* 20260802-chuangzaojia-3d-print-detail-aligned1 */
/* 20260802-chuangzaojia-3d-print-showcase-feed1 */
/* 20260802-chuangzaojia-3d-print-detail-page1 */
/* 20260803-chuangzaojia-3d-print-detail-phase2 */
/* 20260803-chuangzaojia-3d-print-showcase-detail1 */
/* 20260807-chuangzaojia-3d-print-home-polish1 */
.redesign-3d-print-page {
  background: #f6f8fc;
  color: #172033;
}


.redesign-3d-print-page .main {
  background: #f6f8fc;
}


.print-hero-panel a {
  display: grid;
  align-content: center;
  min-height: 78px;
  padding: 14px 16px;
  border: 1px solid rgba(126,146,178,.11);
  border-radius: 16px;
  background: rgba(255,255,255,.78);
  color: inherit;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(42, 73, 122, .04);
}


.print-section-head a,
.print-community-section a {
  color: #315cff;
}


.print-showcase-body {
  padding: 14px;
}


.print-showcase-body a {
  display: block;
  color: #172033;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.45;
  text-decoration: none;
}


.print-showcase-body p {
  display: -webkit-box;
  min-height: 44px;
  margin: 8px 0 10px;
  overflow: hidden;
  color: #536176;
  line-height: 1.6;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.print-showcase-body span {
  display: block;
  color: #7b8798;
  font-size: 13px;
  line-height: 1.5;
}


.print-category-menu a {
  display: inline-flex;
  flex: 0 0 auto;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid rgba(126,146,178,.14);
  border-radius: 999px;
  color: #52627a;
  background: rgba(255,255,255,.88);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(42,73,122,.05);
  transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}


.print-category-menu a:hover,
.print-category-menu a.active {
  border-color: rgba(49,92,255,.24);
  color: #315cff;
  background: #fff;
  box-shadow: 0 10px 22px rgba(49,92,255,.10);
}


.redesign-3d-print-page:not(.redesign-3d-print-detail-page):not(.redesign-3d-print-models-page):not(.redesign-3d-print-intent-page):not(.redesign-3d-print-showcase-page) .print-showcase-body {
  padding: 14px 14px 15px;
}


.print-detail-thumb-strip button.active {
  border-color: rgba(49,92,255,.62);
  box-shadow: 0 0 0 3px rgba(49,92,255,.1);
}


/* 20260807-chuangzaojia-3d-print-detail-multiphoto1 */
.print-detail-thumb-strip button span {
  position: absolute;
  right: 6px;
  bottom: 6px;
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(15,23,42,.72);
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}


.print-detail-actions .btn {
  justify-content: center;
}


/* 20260810-print-order-drawer1 */
.redesign-3d-print-detail-page .redesign-3d-print-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 260px);
  gap: 18px;
  align-items: stretch;
}


.redesign-3d-print-detail-page .print-detail-breadcrumb a {
  color: #5d6b80;
  text-decoration: none;
  transition: color .16s ease;
}


.redesign-3d-print-detail-page .print-detail-interaction-pill.btn-favorite {
  color: #2457d6;
  border-color: rgba(49,92,255,.18);
  background: #eef5ff;
}


.redesign-3d-print-detail-page .print-detail-interaction-pill.btn-like {
  color: #dc2626;
  border-color: rgba(239,68,68,.18);
  background: #fff1f2;
}


/* 20260812-chuangzaojia-print-detail-auth-buttons1 */

.redesign-3d-print-detail-page .redesign-user-menu {
  position: relative;
  z-index: 60;
  flex: 0 0 auto;
}


.redesign-3d-print-detail-page .redesign-user-menu-panel,
.redesign-3d-print-detail-page .redesign-user-menu-panel * {
  box-sizing: border-box;
}


/* 20260812-chuangzaojia-print-login-menu-fix1 */
/* 20260812-chuangzaojia-print-user-menu-compact1 */
/* 20260812-chuangzaojia-print-guest-login-trigger-fix1 */
/* 20260812-chuangzaojia-print-login-avatar-visible1 */

.redesign-3d-print-detail-page .print-detail-config-panel {
  gap: 14px;
  padding: 24px;
}


.redesign-3d-print-detail-page .print-detail-side-title em a {
  margin-left: 8px;
  color: #315cff;
  font-weight: 850;
  text-decoration: none;
  transition: color .16s ease;
}


.redesign-3d-print-detail-page .print-product-collapse-body {
  display: grid;
  gap: 10px;
  padding: 0 14px 14px;
  border-top: 1px solid rgba(49,92,255,.10);
}


/* 20260812-chuangzaojia-print-product-collapse1 */

.print-shop-qr-modal .print-shop-qr-dialog {
  display: grid;
  width: min(360px, calc(100vw - 40px));
  gap: 12px;
  justify-items: center;
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(15,23,42,.22);
}


.print-order-drawer .print-order-drawer-panel input,
.print-order-drawer .print-order-drawer-panel textarea {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid #d7e5ff;
  border-radius: 12px;
  color: #172033;
  background: #fff;
  font: inherit;
  font-size: 13px;
  outline: none;
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
}


.print-order-drawer .print-order-drawer-panel textarea {
  min-height: 78px;
  padding-top: 10px;
  resize: vertical;
}


.redesign-3d-print-detail-page .print-detail-actions .btn {
  min-height: 52px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 850;
}


.redesign-3d-print-detail-page .print-detail-actions .btn.primary {
  grid-column: 1 / -1;
}


.redesign-3d-print-detail-page .print-detail-actions .btn.primary {
  background: linear-gradient(135deg, #13a7b3, #22c55e);
}


.redesign-3d-print-detail-page .print-detail-related-head a {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}


.redesign-3d-print-detail-page .print-side-popover-actions button:hover,
.redesign-3d-print-detail-page .print-side-popover-actions button.active {
  color: #315cff;
  border-color: rgba(49,92,255,.24);
  background: rgba(49,92,255,.08);
}


.redesign-3d-print-detail-page .print-side-popover-reply textarea {
  width: 100%;
  min-height: 92px;
  padding: 12px 14px;
  border: 1px solid rgba(126,146,178,.16);
  border-radius: 12px;
  color: #172033;
  background: #f8fbff;
  font-size: 13px;
  line-height: 1.55;
  resize: vertical;
}


.print-creation-section .creation-feed-kicker {
  color: #315cff;
}


.print-creation-section .creation-feed-head h2 {
  margin-bottom: 10px;
}


.print-creation-section .creation-feed-head p {
  max-width: 760px;
}


.print-creation-section .creation-feed-actions {
  align-self: flex-start;
  padding-top: 2px;
}


.print-creation-composer-body {
  display: grid;
  gap: 10px;
  min-width: 0;
}


.print-creation-composer textarea {
  width: 100%;
  min-height: 62px;
  padding: 12px 14px;
  border: 1px solid rgba(126,146,178,.16);
  border-radius: 12px;
  color: #172033;
  background: #f8fbff;
  font-size: 14px;
  line-height: 1.6;
  resize: vertical;
}


.print-creation-composer-media {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}


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


.print-creation-card .creation-card-head {
  display: contents;
}


.print-creation-card .creation-avatar {
  grid-row: 1 / span 4;
  width: 44px;
  height: 44px;
}


.print-creation-card .creation-card-head strong {
  font-size: 14px;
}


.print-creation-card .creation-card-head span {
  margin-top: 2px;
  font-size: 11px;
}


.print-creation-card .creation-card-head em {
  justify-self: flex-start;
  padding: 4px 8px;
  font-size: 11px;
}


.print-creation-card .creation-content {
  min-height: 0;
  margin: 8px 0 10px !important;
  color: #43546d !important;
}


.print-creation-card .creation-image-grid {
  gap: 10px;
  margin-bottom: 10px;
  max-width: 280px;
}


.print-creation-card .creation-image-grid button {
  border-radius: 12px;
}


.print-creation-card .creation-image-grid.creation-image-count-1 button {
  aspect-ratio: 1 / 1;
}


.print-creation-card .creation-image-grid.creation-image-count-2 button,
.print-creation-card .creation-image-grid.creation-image-count-3 button,
.print-creation-card .creation-image-grid.creation-image-count-4 button {
  aspect-ratio: 1 / 1;
}


.print-creation-card .creation-image-grid[class*="creation-image-count-"] {
  overflow: hidden;
}


.print-creation-card .creation-card-actions {
  justify-content: flex-start;
  gap: 8px;
  margin-top: 0;
}


.print-creation-card .creation-card-actions button,
.print-creation-card .creation-card-actions a {
  min-height: 30px;
  padding: 0 9px;
  font-size: 11px;
}


.print-creation-card .creation-card-actions button em {
  color: inherit;
  font-style: normal;
  font-weight: 850;
}


.print-creation-card .creation-replies {
  grid-column: 2;
  display: none;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(126,146,178,.12);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(248,251,255,.94), rgba(255,255,255,.86));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
}


.print-creation-card .creation-replies.is-expanded {
  display: block;
}


.redesign-3d-print-detail-page .print-creation-card .creation-reply-empty {
  padding: 0 0 12px;
  color: #748198 !important;
  font-size: 13px;
}


.redesign-3d-print-detail-page .print-creation-card .creation-reply-form textarea {
  min-height: 76px;
  padding: 14px 16px;
  border-color: #d6e1f2;
  border-radius: 13px;
  background: #f8fbff;
  box-shadow: inset 0 1px 0 #fff;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}


/* 20260801-chuangzaojia-3d-print-models1 */
.redesign-3d-print-models-page .print-models-hero {
  grid-template-columns: minmax(0, 1fr) 180px;
  align-items: center;
  min-height: 220px;
}


.print-model-filter-strip a {
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid rgba(126,146,178,.14);
  border-radius: 10px;
  background: rgba(255,255,255,.78);
  color: #4b5870;
  text-decoration: none;
}


.print-model-filter-strip a.active,
.print-model-filter-strip a:hover {
  border-color: rgba(49,92,255,.30);
  color: #315cff;
}


/* 20260801-chuangzaojia-3d-print-intent-pages1 */
.redesign-3d-print-intent-page .print-intent-hero {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  min-height: 240px;
  align-items: stretch;
}


.print-intent-links a {
  color: #4b5870;
  text-decoration: none;
}


/* Final desktop placement for the upload actions: align with the title row. */
@media (min-width: 1181px) {
  body.creator-upload-only-page .creator-upload-dialog {
    grid-template-rows: auto minmax(0, 1fr) auto auto !important;
  }
  body.creator-upload-only-page .creator-upload-dialog > .creator-upload-dialog-head {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    padding-right: 300px !important;
  }
  body.creator-upload-only-page .creator-upload-dialog > .creator-upload-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    align-self: start !important;
    margin-top: 0 !important;
    padding: 0 0 14px !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(126,146,178,.12) !important;
    width: 100% !important;
  }
  body.creator-upload-only-page .creator-upload-actions .creator-draft-action,
  body.creator-upload-only-page .creator-upload-actions .creator-upload-submit {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    white-space: nowrap;
  }
  body.creator-upload-only-page .creator-upload-actions .creator-upload-submit {
    min-width: 112px !important;
  }
  body.creator-upload-only-page .creator-upload-actions .creator-phone-preview {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
  }
  body.creator-upload-only-page .creator-upload-dialog > .creator-upload-drop {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
  body.creator-upload-only-page .creator-upload-dialog > .creator-upload-form {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;
  }
  body.creator-upload-only-page .creator-upload-dialog > .creator-upload-status-row {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }
}
.creator-tools-links a{display:block;padding:6px 7px;border-radius:6px;color:#718180;font-size:12px;text-decoration:none;white-space:nowrap}


/* 20261018-detail-social-feedback-and-description-toggle */
.redesign-detail-page .detail-description-card {
  margin: 14px 0 0;
  padding: 0;
  border: 1px solid rgba(126,146,178,.12);
  border-radius: 14px;
  background: rgba(247,250,255,.72);
  overflow: hidden;
}

.redesign-detail-page .detail-description-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
  padding: 0 14px;
  color: #24324d;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.redesign-detail-page .detail-description-toggle::-webkit-details-marker { display: none; }

.redesign-detail-page .detail-description-title { font-size: 13px; font-weight: 820; }

.redesign-detail-page .detail-description-action {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #315cff;
  font-size: 12px;
  font-weight: 760;
}

.redesign-detail-page .detail-description-action .iconfont {
  font-size: 12px;
  transition: transform .18s ease;
}

.redesign-detail-page .detail-description-card[open] .detail-description-action .iconfont { transform: rotate(180deg); }

.detail-social-feedback-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.detail-social-feedback-modal.is-open { display: flex; }

.detail-social-feedback-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(16,27,48,.30);
  backdrop-filter: blur(5px);
}

.detail-social-feedback-dialog {
  position: relative;
  width: min(420px, 100%);
  padding: 30px 28px 26px;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.96));
  box-shadow: 0 26px 80px rgba(29,52,95,.22), inset 0 1px 0 rgba(255,255,255,.96);
  text-align: center;
}

.detail-social-feedback-close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #7a8799;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.detail-social-feedback-close:hover { background: #eef3fb; color: #24324d; }

.detail-social-feedback-icon {
  width: 52px;
  height: 52px;
  display: inline-grid;
  place-items: center;
  margin: 0 auto 14px;
  border-radius: 16px;
  background: #eef3ff;
  color: #315cff;
  font-size: 23px;
}

.detail-social-feedback-icon.is-like { background: #fff0f4; color: #d64568; }

.detail-social-feedback-kicker { margin: 0 0 5px; color: #7a8799; font-size: 12px; font-weight: 720; }

.detail-social-feedback-dialog h2 { margin: 0; color: #172033; font-size: 21px; line-height: 1.3; }

.detail-social-feedback-copy { margin: 9px 0 22px; color: #66758d; font-size: 13px; line-height: 1.55; }

.detail-social-feedback-actions { display: grid; gap: 9px; }

.detail-social-feedback-actions a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 780;
  text-decoration: none;
}

.detail-social-feedback-primary { background: #315cff; color: #fff; box-shadow: 0 8px 18px rgba(49,92,255,.18); }

.detail-social-feedback-primary:hover { background: #244fe8; color: #fff; }

.detail-social-feedback-secondary { border: 1px solid rgba(126,146,178,.18); background: #fff; color: #40516a; }

.detail-social-feedback-secondary:hover { border-color: rgba(49,92,255,.26); color: #315cff; }

@media (max-width: 560px) {
  .detail-social-feedback-dialog { padding: 27px 20px 22px; }
}

/* 20260811-chuangzaojia-3d-print-ui-order-polish1 */
/* 20260811-chuangzaojia-3d-print-home-masonry1 */
/* 20260811-chuangzaojia-print-order-drawer-refine1 */
.redesign-3d-print-page:not(.redesign-3d-print-detail-page):not(.redesign-3d-print-models-page):not(.redesign-3d-print-intent-page):not(.redesign-3d-print-showcase-page) .print-category-menu {
  position: sticky;
  top: 0;
  z-index: 5;
  margin: 0 0 14px;
  padding: 8px 2px 12px;
  background: rgba(246, 249, 255, .96);
  backdrop-filter: blur(10px);
}


.redesign-3d-print-page:not(.redesign-3d-print-detail-page):not(.redesign-3d-print-models-page):not(.redesign-3d-print-intent-page):not(.redesign-3d-print-showcase-page) .print-showcase-body {
  display: grid;
  gap: 7px;
  padding: 11px 12px 12px;
}


.redesign-3d-print-page:not(.redesign-3d-print-detail-page):not(.redesign-3d-print-models-page):not(.redesign-3d-print-intent-page):not(.redesign-3d-print-showcase-page) .print-showcase-body p {
  margin: 0;
  min-height: 0;
  color: #5e6a7c;
  font-size: 13px;
  line-height: 1.5;
}


.redesign-3d-print-page:not(.redesign-3d-print-detail-page):not(.redesign-3d-print-models-page):not(.redesign-3d-print-intent-page):not(.redesign-3d-print-showcase-page) .print-showcase-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  color: #7b8798;
  font-size: 12px;
}


@media (max-width: 680px) {
  .redesign-3d-print-page:not(.redesign-3d-print-detail-page):not(.redesign-3d-print-models-page):not(.redesign-3d-print-intent-page):not(.redesign-3d-print-showcase-page) .print-category-menu {
    margin-bottom: 10px;
    padding-top: 4px;
  }

  .redesign-3d-print-page:not(.redesign-3d-print-detail-page):not(.redesign-3d-print-models-page):not(.redesign-3d-print-intent-page):not(.redesign-3d-print-showcase-page) .print-showcase-grid {
    columns: 2 150px;
    column-gap: 12px;
  }

  .redesign-3d-print-page:not(.redesign-3d-print-detail-page):not(.redesign-3d-print-models-page):not(.redesign-3d-print-intent-page):not(.redesign-3d-print-showcase-page) .print-showcase-card {
    margin-bottom: 12px;
    border-radius: 12px;
  }

  .redesign-3d-print-page:not(.redesign-3d-print-detail-page):not(.redesign-3d-print-models-page):not(.redesign-3d-print-intent-page):not(.redesign-3d-print-showcase-page) .print-showcase-body {
    padding: 9px 10px 10px;
  }
}


.print-order-address-card.active {
  border-color: #7aa7ff;
  background: #eef6ff;
  box-shadow: 0 0 0 3px rgba(49,92,255,.08);
}


/* 20260811-chuangzaojia-print-order-address-picker-refine1 */
/* 20260811-chuangzaojia-print-order-address-picker-specificity-fix1 */

.print-order-drawer .print-reserve-row {
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 14px;
}


/* 20261007-tag-layout1: desktop tag hub with a focused content column and discovery rail. */
.redesign-tag-page .tag-page-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 236px;
  gap: 18px;
  align-items: start;
  min-width: 0;
}

.redesign-tag-page .tag-page-main-column > .section,
.redesign-tag-page .tag-page-main-column > .tag-hero { width: 100%; }

.redesign-tag-page .tag-discovery-links a {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 7px 8px;
  border-radius: 8px;
  color: #34435d;
  font-size: 13px;
  font-weight: 680;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color .16s ease, background .16s ease, transform .16s ease;
}

.redesign-tag-page .tag-discovery-all,
.redesign-tag-page .tag-discovery-note a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px solid rgba(40, 72, 122, .09);
  color: #245cff;
  font-size: 12px;
  font-weight: 800;
}

.redesign-tag-page .tag-discovery-note a { margin-top: 10px; padding-top: 10px; }


/* 20261008-tag-layout2: add the first model cover to the tag hero and widen discovery. */
.redesign-tag-page .tag-page-layout {
  grid-template-columns: minmax(0, 1fr) 300px;
}


/* 20261101-social-feedback-buttons-polish */
.detail-social-feedback-actions { gap: 10px; margin-top: 2px; }

.detail-social-feedback-actions a { min-height: 44px; padding: 0 16px; border-radius: 12px; letter-spacing: .01em; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease; }

.detail-social-feedback-actions a:focus-visible { outline: 3px solid rgba(49,92,255,.22); outline-offset: 2px; }

.detail-social-feedback-primary { background: linear-gradient(135deg,#3864ff,#2d55e8); box-shadow: 0 9px 20px rgba(49,92,255,.22); }

.detail-social-feedback-primary:hover { transform: translateY(-1px); background: linear-gradient(135deg,#315cff,#244fe8); box-shadow: 0 12px 24px rgba(49,92,255,.28); }

.detail-social-feedback-secondary { border-color: rgba(126,146,178,.24); background: #f8faff; color: #3e506b; box-shadow: inset 0 1px 0 rgba(255,255,255,.9); }

.detail-social-feedback-secondary:hover { transform: translateY(-1px); border-color: rgba(49,92,255,.3); background: #eef3ff; color: #315cff; box-shadow: 0 6px 14px rgba(49,92,255,.08); }