@media (min-width: 721px) {
  :root {
    --ref-green: #006455;
    --ref-green-dark: #004739;
    --ref-border: #d7dfdd;
    --ref-text: #111827;
    --ref-muted: #657178;
    --icon-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E");
    --icon-create: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E");
    --icon-aesthetic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='7' width='16' height='13' rx='3'/%3E%3Cpath d='M9 7 10.5 4h3L15 7'/%3E%3Ccircle cx='12' cy='13.5' r='3.2'/%3E%3C/svg%3E");
    --icon-works: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
    --icon-tasks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='m8 12 2.2 2.2L16 8.5'/%3E%3Cpath d='M8 17h8'/%3E%3C/svg%3E");
    --icon-assets: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E");
    --icon-mine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
  }

  * {
    box-sizing: border-box;
  }/* SIDEBAR-DISABLED:





  body[data-current-view] .brand-mark-DISABLED .brand-icon {
    background: linear-gradient(145deg, #0b8f76, #006353) !important;
    box-shadow: 0 10px 28px rgba(0, 58, 49, 0.22) !important;
    color: transparent !important;
    position: relative !important;
  }
*//* SIDEBAR-DISABLED:


  body[data-current-view] .brand-mark-DISABLED .brand-icon::before {
    content: "M" !important;
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
  }
*//* SIDEBAR-DISABLED:





  .nav-item-DISABLED[data-view="home"] { --nav-icon: var(--icon-home); }
*//* SIDEBAR-DISABLED:

  .nav-item-DISABLED[data-view="create"] { --nav-icon: var(--icon-create); }
*//* SIDEBAR-DISABLED:

  .nav-item-DISABLED[data-view="aesthetic"] { --nav-icon: var(--icon-aesthetic); }
*//* SIDEBAR-DISABLED:

  .nav-item-DISABLED[data-view="works"] { --nav-icon: var(--icon-works); }
*//* SIDEBAR-DISABLED:

  .nav-item-DISABLED[data-view="tasks"] { --nav-icon: var(--icon-tasks); }
*//* SIDEBAR-DISABLED:

  .nav-item-DISABLED[data-view="assets"] { --nav-icon: var(--icon-assets); }
*//* SIDEBAR-DISABLED:

  .nav-item-DISABLED[data-view="mine"] { --nav-icon: var(--icon-mine); }
*//* SIDEBAR-DISABLED:


  .sidebar-DISABLED .nav-item-DISABLED .nav-mobile-label {
    display: none !important;
  }
*//* SIDEBAR-DISABLED:


  .sidebar-DISABLED .nav-item-DISABLED .nav-desktop-label {
    display: inline !important;
  }
*/

  body[data-current-view] .topbar h1::after {
    letter-spacing: 0 !important;
  }

  body[data-current-view] .topbar {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body[data-current-view] .topbar .account-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  body[data-current-view] .topbar .account-actions button {
    flex: 0 0 auto !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-current-view] .desktop-org-switch,
  body[data-current-view] .desktop-role-switch {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    max-width: 190px !important;
    padding: 0 10px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--ref-text) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view] .desktop-org-switch > span[aria-hidden="true"],
  body[data-current-view] .desktop-role-switch > span[aria-hidden="true"]:not(.desktop-role-avatar) {
    display: none !important;
  }

  body[data-current-view] .desktop-org-switch::after,
  body[data-current-view] .desktop-role-switch::after {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: translateY(-2px) rotate(45deg) !important;
    opacity: 0.8 !important;
    flex: 0 0 auto !important;
  }

  body[data-current-view] .desktop-role-avatar {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 28px !important;
    background: #101827 !important;
    color: #fff !important;
    overflow: hidden !important;
    position: relative !important;
  }

  body[data-current-view] .desktop-role-avatar::before {
    content: "M" !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  body[data-current-view] #accountEmail {
    display: inline-block !important;
    max-width: 86px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: var(--ref-text) !important;
  }

  body[data-current-view] #logoutBtn {
    min-width: 72px !important;
    padding: 0 16px !important;
    border: 1px solid var(--ref-green) !important;
    background: #fff !important;
    color: var(--ref-green) !important;
  }

  body[data-current-view] #refreshWorksBtn {
    min-width: 82px !important;
    padding: 0 14px !important;
    border: 1px solid var(--ref-border) !important;
    background: #fff !important;
    color: var(--ref-text) !important;
  }

  body[data-current-view] .topbar h1 {
    transform: translateX(10px) !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  body[data-current-view] .topbar h1::after {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    color: var(--ref-text) !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
  }

  body[data-current-view="home"] .topbar h1::after {
    content: "医美朋友圈内容工作台" !important;
  }

  body[data-current-view="create"] .topbar h1::after {
    content: "←  创作 / 项目广告" !important;
  }

  body[data-current-view="aesthetic"] .topbar h1::after {
    content: "审美" !important;
  }

  body[data-current-view="works"] .topbar h1::after {
    content: "作品" !important;
  }

  body[data-current-view="tasks"] .topbar h1::after {
    content: "任务" !important;
  }

  body[data-current-view="assets"] .topbar h1::after {
    content: "素材" !important;
  }

  body[data-current-view="mine"] .topbar h1::after {
    content: "我的" !important;
  }

  #refreshWorksBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  #refreshWorksBtn::after {
    content: "刷新" !important;
  }

  body[data-current-view="home"] .generated-home-hero {
    height: 156px !important;
    min-height: 0 !important;
    padding: 28px !important;
  }

  body[data-current-view="home"] #homeView.view.active {
    padding: 20px 24px 26px !important;
  }

  body[data-current-view="home"] .generated-home {
    width: min(100%, 1232px) !important;
    max-width: 1232px !important;
    margin: -25px 0 0 !important;
  }

  body[data-current-view="home"] .generated-home-hero span::after {
    content: "欢迎回来，运营中心" !important;
  }

  body[data-current-view="home"] .generated-home-hero h2 {
    margin: 10px 0 8px !important;
    font-size: 34px !important;
  }

  body[data-current-view="home"] .generated-module-card {
    height: 108px !important;
    min-height: 0 !important;
    padding: 20px 22px !important;
  }

  body[data-current-view="home"] .generated-module-card i {
    position: relative !important;
  }

  body[data-current-view="home"] .generated-module-card.is-mint i,
  body[data-current-view="home"] .generated-module-card.is-blue i,
  body[data-current-view="home"] .generated-module-card.is-gold i {
    font-size: 0 !important;
  }

  body[data-current-view="home"] .generated-module-card.is-mint i::before,
  body[data-current-view="home"] .generated-module-card.is-blue i::before,
  body[data-current-view="home"] .generated-module-card.is-gold i::before {
    content: "" !important;
    width: 32px !important;
    height: 32px !important;
    background: currentColor !important;
    -webkit-mask: var(--module-icon) center / contain no-repeat !important;
    mask: var(--module-icon) center / contain no-repeat !important;
  }

  body[data-current-view="home"] .generated-module-card.is-mint i {
    --module-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6'/%3E%3Cpath d='M22 11h-6'/%3E%3C/svg%3E");
  }

  body[data-current-view="home"] .generated-module-card.is-blue i {
    --module-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 11h.01M12 11h.01M16 11h.01'/%3E%3C/svg%3E");
  }

  body[data-current-view="home"] .generated-module-card.is-gold i {
    --module-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 16-9 5-9-5V8l9-5 9 5z'/%3E%3Cpath d='m3.3 7.7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E");
  }

  body[data-current-view="home"] .generated-module-card::after {
    content: "›" !important;
  }

  body[data-current-view="home"] .generated-dashboard-grid {
    align-items: stretch !important;
  }

  body[data-current-view="home"] .generated-dashboard-grid > .generated-panel {
    min-height: 342px !important;
  }

  body[data-current-view="home"] .generated-asset-strip {
    min-height: 132px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: start !important;
  }

  body[data-current-view="home"] .generated-asset-strip button {
    min-height: 92px !important;
    padding: 10px 8px !important;
    display: grid !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 5px !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  body[data-current-view="home"] .generated-assets-panel .generated-asset-strip button:has(img)::before {
    content: none !important;
    display: none !important;
  }

  body[data-current-view="home"] .generated-assets-panel .generated-asset-strip img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    border: 1px solid #dde8e5 !important;
    background: #f6faf8 !important;
  }

  body[data-current-view="home"] .generated-assets-panel .generated-asset-strip span {
    max-width: 100% !important;
    color: var(--ref-text) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="home"] .generated-assets-panel .generated-asset-strip small {
    max-width: 100% !important;
    color: #6b7780 !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="home"] .generated-assets-panel .generated-asset-strip button::before {
    content: "" !important;
    display: block !important;
    width: 54px !important;
    height: 42px !important;
    margin: 0 auto 16px !important;
    opacity: 0.45 !important;
    background: #8fa0a7 !important;
    -webkit-mask: var(--icon-assets) center / contain no-repeat !important;
    mask: var(--icon-assets) center / contain no-repeat !important;
  }

  body[data-current-view="home"] .generated-news-panel {
    min-height: 246px !important;
  }

  body[data-current-view="home"] .generated-news-list {
    min-height: 112px !important;
    background: #fff !important;
  }

  body[data-current-view="home"] .generated-news-list article {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    color: var(--ref-text) !important;
    font-size: 14px !important;
    border-bottom: 1px solid #e7ecea !important;
  }

  body[data-current-view="home"] .generated-news-list article:last-child {
    border-bottom: 0 !important;
  }

  body[data-current-view="home"] .generated-news-list article span {
    position: relative !important;
    padding-left: 18px !important;
  }

  body[data-current-view="home"] .generated-news-list article span::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: var(--ref-green) !important;
    transform: translateY(-50%) !important;
  }

  body[data-current-view="home"] .generated-news-list article time {
    flex: 0 0 auto !important;
    color: #7b858a !important;
  }

  body[data-current-view="home"] [data-mine-data-status] {
    font-size: 26px !important;
    line-height: 1.12 !important;
    word-break: keep-all !important;
  }

  body[data-current-view="home"] [data-mine-data-status] {
    position: relative !important;
    display: block !important;
    width: 132px !important;
    height: 36px !important;
    overflow: hidden !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    text-indent: -999px !important;
  }

  body[data-current-view="home"] [data-mine-data-status]::after {
    content: "等待同步" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    text-indent: 0 !important;
    color: var(--ref-text) !important;
    font-size: 28px !important;
    font-weight: 950 !important;
    line-height: 1.12 !important;
  }

  .feedback-fab {
    display: none !important;
  }

  body[data-current-view]:not([data-current-view="home"]) .view.active {
    max-width: none !important;
    padding: 20px 24px 32px !important;
  }

  .section-close-bar {
    display: none !important;
  }

  .subpage-hero {
    min-height: 136px !important;
    margin: 0 0 18px !important;
    padding: 28px !important;
    border: 1px solid var(--ref-border) !important;
    border-radius: 8px !important;
    background:
      linear-gradient(105deg, rgba(231, 247, 242, 0.88), rgba(255, 255, 255, 0.78) 46%, rgba(255, 249, 238, 0.92)) !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
  }

  .subpage-hero span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    background: #e0f2eb !important;
    color: var(--ref-green) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  .subpage-hero h2 {
    margin: 10px 0 8px !important;
    color: var(--ref-text) !important;
    font-size: 28px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
  }

  .subpage-hero p {
    max-width: 760px !important;
    margin: 0 !important;
    color: #526269 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  .subpage-hero > button,
  .aesthetic-sample-link,
  .mine-feedback-button {
    min-width: 118px !important;
    height: 44px !important;
    border: 1px solid var(--ref-green) !important;
    border-radius: 6px !important;
    background: var(--ref-green) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  .panel,
  .work-management-panel,
  .task-management-panel,
  .asset-upload-panel,
  .asset-framework-panel,
  .aesthetic-library-panel,
  .aesthetic-preview-panel,
  .mine-data-panel {
    border: 1px solid var(--ref-border) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body[data-current-view="home"] .generated-home-hero::before,
  body[data-current-view="home"] .generated-home-hero::after,
  body[data-current-view="home"] .generated-home-hero > div::before,
  body[data-current-view="home"] .generated-home-hero > div::after {
    content: none !important;
    display: none !important;
  }

  .panel-heading {
    min-height: 54px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #e1e7e5 !important;
  }

  .panel-heading h2 {
    color: var(--ref-text) !important;
    font-size: 21px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
  }

  .panel-heading > span,
  .heading-actions > span,
  #workCount,
  #taskCount,
  #assetCount,
  #mineStatus,
  [data-mine-data-status],
  [data-aesthetic-status] {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 3px 12px !important;
    border-radius: 999px !important;
    background: #eef7f3 !important;
    color: var(--ref-green) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  .heading-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .primary-button,
  .subpage-hero > button,
  #assetForm .primary-button,
  #brandForm .primary-button,
  #customerServiceAvatarForm .primary-button,
  .aesthetic-generate-button {
    border-color: var(--ref-green) !important;
    background: var(--ref-green) !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  .secondary-button,
  .filter-chip,
  .material-search-actions .secondary-button,
  .aesthetic-secondary-button,
  .desktop-draft-button,
  .desktop-cancel-button {
    border: 1px solid var(--ref-border) !important;
    background: #fff !important;
    color: var(--ref-green) !important;
    box-shadow: none !important;
  }

  .filter-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .filter-chip {
    height: 34px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  .filter-chip.active,
  .filter-chip:hover {
    border-color: var(--ref-green) !important;
    background: #eef7f3 !important;
    color: var(--ref-green) !important;
  }

  .danger-button,
  #deleteSelectedWorksBtn,
  #clearFailedTasksBtn {
    border: 1px solid #f2c6c6 !important;
    background: #fff6f6 !important;
    color: #c63d3d !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    font-weight: 900 !important;
  }

  #refreshTasksBtn {
    border-color: var(--ref-border) !important;
    color: var(--ref-green) !important;
  }

  .list-toolbar {
    margin-top: 14px !important;
    padding-top: 0 !important;
  }

  .works-grid,
  .task-list,
  .asset-grid {
    min-height: 210px !important;
    margin-top: 18px !important;
  }

  .empty-state,
  .empty-state-visual,
  .works-empty-state,
  .assets-empty-state,
  .material-search-empty {
    min-height: 184px !important;
    border: 1px dashed #cfdcda !important;
    border-radius: 8px !important;
    background: #fbfdfc !important;
    color: #56656b !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 8px !important;
    text-align: center !important;
  }

  .empty-state strong,
  .material-search-empty strong {
    color: var(--ref-text) !important;
    font-size: 18px !important;
  }

  .empty-visual-thumb {
    width: 54px !important;
    height: 44px !important;
    margin-bottom: 6px !important;
    opacity: 0.45 !important;
    background: #8fa0a7 !important;
    -webkit-mask: var(--icon-assets) center / contain no-repeat !important;
    mask: var(--icon-assets) center / contain no-repeat !important;
  }

  .workspace-grid.slim {
    gap: 16px !important;
  }

  #assetsView .workspace-grid.slim:first-of-type {
    grid-template-columns: minmax(420px, 0.92fr) minmax(460px, 1.08fr) !important;
  }

  .asset-upload-panel,
  .asset-framework-panel {
    padding: 22px !important;
  }

  .asset-search-card,
  #assetForm,
  #brandForm,
  #customerServiceAvatarForm {
    display: grid !important;
    gap: 14px !important;
  }

  .asset-search-card {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 0.7fr) auto !important;
    align-items: end !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .material-search-tip {
    grid-column: 1 / -1 !important;
    color: #59676d !important;
  }

  input,
  select,
  textarea {
    border-color: #d6e0de !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    color: var(--ref-text) !important;
    box-shadow: none !important;
  }

  input:focus,
  select:focus,
  textarea:focus {
    border-color: var(--ref-green) !important;
    outline: 2px solid rgba(0, 100, 85, 0.13) !important;
    outline-offset: 0 !important;
  }

  .aesthetic-shell {
    display: grid !important;
    grid-template-columns: 360px minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  .aesthetic-template-card {
    border: 1px solid var(--ref-border) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--ref-text) !important;
    box-shadow: none !important;
  }

  .aesthetic-template-card.active,
  .aesthetic-template-card:hover {
    border-color: var(--ref-green) !important;
    background: #eef7f3 !important;
  }

  .aesthetic-template-card span,
  .aesthetic-template-card.active span {
    color: var(--ref-green) !important;
  }

  .aesthetic-template-card em {
    color: var(--ref-muted) !important;
  }

  .aesthetic-preview-stage {
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .aesthetic-angle-strip span {
    background: #fff !important;
    color: var(--ref-text) !important;
    border: 1px solid var(--ref-border) !important;
  }

  .aesthetic-detail-grid article,
  .aesthetic-production-plan article,
  .mine-data-card,
  .account-panel,
  .auth-message {
    border: 1px solid var(--ref-border) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .mine-data-panel {
    margin-bottom: 18px !important;
  }

  .mine-data-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .mine-data-card {
    min-height: 104px !important;
    padding: 18px !important;
    text-align: left !important;
  }

  .mine-data-card strong {
    color: var(--ref-text) !important;
    font-size: 30px !important;
  }

  .mine-feedback-button {
    width: auto !important;
    padding: 0 16px !important;
    gap: 10px !important;
  }

  .mine-feedback-button i {
    background: #fff !important;
    color: var(--ref-green) !important;
  }

  #mineMessage {
    margin: 12px 0 !important;
    padding: 14px 16px !important;
    color: #6c4a16 !important;
    background: #fff8ea !important;
    border-color: #f1dfb7 !important;
  }

  .account-panel {
    min-height: 150px !important;
    padding: 20px !important;
  }

  body[data-current-view] #worksView .subpage-hero > button,
  body[data-current-view] #tasksView .subpage-hero > button,
  body[data-current-view] #assetsView .subpage-hero > button,
  body[data-current-view] #mineView .mine-feedback-button,
  body[data-current-view] #aestheticView .aesthetic-sample-link {
    background: var(--ref-green) !important;
    background-image: none !important;
    border-color: var(--ref-green) !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  body[data-current-view] #worksView .filter-tabs .filter-chip,
  body[data-current-view] #tasksView .filter-tabs .filter-chip,
  body[data-current-view] #assetsView .filter-tabs .filter-chip {
    background: #fff !important;
    background-image: none !important;
    border: 1px solid var(--ref-border) !important;
    color: var(--ref-green) !important;
    box-shadow: none !important;
  }

  body[data-current-view] #worksView .filter-tabs .filter-chip.active,
  body[data-current-view] #tasksView .filter-tabs .filter-chip.active,
  body[data-current-view] #assetsView .filter-tabs .filter-chip.active {
    background: #eef7f3 !important;
    background-image: none !important;
    border-color: var(--ref-green) !important;
    color: var(--ref-green) !important;
  }

  body[data-current-view] #assetsView .primary-button,
  body[data-current-view] #mineView .primary-button,
  body[data-current-view] #aestheticView .aesthetic-generate-button {
    background: var(--ref-green) !important;
    background-image: none !important;
    border-color: var(--ref-green) !important;
    color: #fff !important;
  }

  body[data-current-view] #assetsView .secondary-button,
  body[data-current-view] #aestheticView .aesthetic-secondary-button,
  body[data-current-view] #tasksView .secondary-button,
  body[data-current-view] #mineView .secondary-button {
    background: #fff !important;
    background-image: none !important;
    border-color: var(--ref-border) !important;
    color: var(--ref-green) !important;
  }

  body[data-current-view="assets"] #assetsView #assetForm button.primary-button,
  body[data-current-view="assets"] #assetsView #brandForm button.primary-button,
  body[data-current-view="assets"] #assetsView #customerServiceAvatarForm button.primary-button {
    background: var(--ref-green) !important;
    background-image: none !important;
    border-color: var(--ref-green) !important;
    color: #fff !important;
  }

  body[data-current-view="assets"] #assetsView .panel-heading > span,
  body[data-current-view="aesthetic"] #aestheticView .panel-heading > span,
  body[data-current-view="mine"] #mineView .panel-heading > span {
    background: #eef7f3 !important;
    color: var(--ref-green) !important;
  }

  body[data-current-view="mine"] #mineView {
    display: flex !important;
    flex-direction: column !important;
  }

  body[data-current-view="mine"] #mineView .mine-hero {
    order: 1 !important;
  }

  body[data-current-view="mine"] #mineView .mine-data-panel {
    order: 2 !important;
  }

  body[data-current-view="mine"] #mineView .mine-mobile-account-actions {
    order: 3 !important;
  }

  body[data-current-view="mine"] #mineView .workspace-grid.slim {
    order: 4 !important;
  }

  body[data-current-view="mine"] #mineView #mineMessage {
    order: 5 !important;
  }

  body[data-current-view="mine"] #mineView .mine-data-card {
    background: #fff !important;
    background-image: none !important;
    border-color: var(--ref-border) !important;
    color: var(--ref-text) !important;
  }

  body[data-current-view="mine"] #mineView .mine-data-card small,
  body[data-current-view="mine"] #mineView .mine-data-card span {
    color: #56656b !important;
  }

  body[data-current-view="create"] #createView {
    width: min(100%, 1232px) !important;
    max-width: 1232px !important;
    margin: 0 !important;
    padding: 20px 24px 26px !important;
  }

  body[data-current-view="create"] #createView .section-close-bar {
    display: none !important;
  }

  body[data-current-view="create"] #createView .workspace-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 18px !important;
    align-items: start !important;
  }

  body[data-current-view="create"] #createView .form-panel,
  body[data-current-view="create"] #createView .generated-create-side-preview {
    border: 1px solid var(--ref-border) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #createView .form-panel {
    padding: 22px !important;
    grid-column: 1 !important;
  }

  body[data-current-view="create"] #createView .panel-heading {
    margin-bottom: 18px !important;
  }

  body[data-current-view="create"] #createView .panel-heading h2 {
    font-size: 22px !important;
  }

  body[data-current-view="create"] #createForm {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  body[data-current-view="create"] #createForm > input[type="hidden"] {
    display: none !important;
  }

  body[data-current-view="create"] #createView .desktop-create-section,
  body[data-current-view="create"] #advancedCreateFields {
    display: grid !important;
    gap: 14px !important;
    padding: 18px !important;
    border: 1px solid #e1e7e5 !important;
    border-radius: 8px !important;
    background: #fbfdfc !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type,
  body[data-current-view="create"] #createView .desktop-create-note,
  body[data-current-view="create"] #createView .form-actions {
    grid-column: 1 / -1 !important;
  }

  body[data-current-view="create"] #createView .category-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-tabs {
    gap: 10px !important;
  }

  body[data-current-view="create"] #createView .category-card {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: center !important;
    min-height: 86px !important;
    padding: 14px !important;
    border: 1px solid var(--ref-border) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--ref-text) !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    grid-template-areas:
      "icon title"
      "icon intro" !important;
    column-gap: 10px !important;
    row-gap: 4px !important;
    min-height: 86px !important;
    padding: 12px !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card::after {
    content: none !important;
    display: none !important;
  }

  body[data-current-view="create"] #createView .category-card.active,
  body[data-current-view="create"] #createView .category-card:hover {
    border-color: var(--ref-green) !important;
    background: #eef7f3 !important;
  }

  body[data-current-view="create"] #createView .module-icon {
    grid-row: 1 / 3 !important;
    width: 48px !important;
    height: 48px !important;
    background: #e0f2eb !important;
    color: var(--ref-green) !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card .module-icon {
    width: 42px !important;
    height: 42px !important;
  }

  body[data-current-view="create"] #createView .category-card strong {
    min-width: 0 !important;
    color: var(--ref-text) !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card strong {
    grid-area: title !important;
    font-size: 17px !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }

  body[data-current-view="create"] #createView .category-card .category-intro {
    min-width: 0 !important;
    color: #66757c !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card .category-intro {
    grid-area: intro !important;
    font-size: 12px !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }

  body[data-current-view="create"] #createView .desktop-create-section-title,
  body[data-current-view="create"] #createView .advanced-create-title {
    color: var(--ref-text) !important;
    font-size: 16px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="create"] #createView .field-group,
  body[data-current-view="create"] #createView .advanced-create-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body[data-current-view="create"] #createView label {
    display: grid !important;
    gap: 8px !important;
    color: var(--ref-text) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="create"] #createView input,
  body[data-current-view="create"] #createView select,
  body[data-current-view="create"] #createView textarea {
    width: 100% !important;
    min-height: 42px !important;
    font-size: 14px !important;
  }

  body[data-current-view="create"] #createView .extra-text-field textarea {
    min-height: 96px !important;
  }

  body[data-current-view="create"] #createView .form-actions {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding-top: 2px !important;
  }

  body[data-current-view="create"] #generateBtn,
  body[data-current-view="create"] #createView .form-actions button {
    min-width: 128px !important;
    height: 42px !important;
    border-radius: 6px !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #createView .generated-create-side-preview {
    display: block !important;
    position: sticky !important;
    top: 88px !important;
    padding: 18px !important;
    grid-column: 2 !important;
  }

  body[data-current-view="create"] #createView .result-panel.hidden-field {
    display: none !important;
  }

  body[data-current-view="create"] #createView .generated-phone {
    margin: 14px auto 0 !important;
  }
}

/* 2026-06-03 mobile cascade guard: keep the screenshot layout after legacy rules */
@media (max-width: 720px) {
  body[data-current-view],
  body[data-current-view] .app-shell,
  body[data-current-view] .main,
  body[data-current-view] .view,
  body[data-current-view] #createView,
  body[data-current-view] #assetsView,
  body[data-current-view] #mineView {
    background: #ffffff !important;
    background-image: none !important;
  }

  body[data-current-view] .main {
    padding: 0 16px 94px !important;
  }

  body[data-current-view="home"] .generated-home-hero,
  body[data-current-view="home"] .generated-home-hero > div,
  body[data-current-view="home"] .generated-home-hero .primary-button {
    position: relative !important;
    overflow: visible !important;
    background-image: none !important;
  }

  body[data-current-view="home"] .generated-home-hero::before,
  body[data-current-view="home"] .generated-home-hero::after,
  body[data-current-view="home"] .generated-home-hero > div::before,
  body[data-current-view="home"] .generated-home-hero > div::after,
  body[data-current-view="home"] .generated-home-hero .primary-button::before,
  body[data-current-view="home"] .generated-home-hero .primary-button::after {
    content: none !important;
    display: none !important;
  }

  body[data-current-view="home"] .generated-home-hero h2 {
    max-width: none !important;
    width: 100% !important;
    white-space: nowrap !important;
    font-size: 24px !important;
  }

  body[data-current-view="home"] .generated-home-hero p {
    max-width: 330px !important;
  }

  body[data-current-view="home"] .generated-home-hero .primary-button {
    width: 100% !important;
    height: 48px !important;
    border-radius: 12px !important;
    background: #007a68 !important;
  }

  body[data-current-view="create"] #createView .workspace-grid,
  body[data-current-view="create"] #createView .form-panel,
  body[data-current-view="create"] #createForm,
  body[data-current-view="create"] #createView .desktop-create-type,
  body[data-current-view="create"] #createView .desktop-create-basic,
  body[data-current-view="create"] #advancedCreateFields,
  body[data-current-view="create"] #createView .desktop-create-note {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #createView .workspace-grid,
  body[data-current-view="create"] #createView .form-panel {
    padding: 0 !important;
    border: 0 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f2f5f4 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .desktop-create-section-title,
  body[data-current-view="create"] #createView .category-card .module-icon,
  body[data-current-view="create"] #createView .category-card .category-intro {
    display: none !important;
  }

  body[data-current-view="create"] #createView .category-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 4px !important;
    margin: 0 !important;
  }

  body[data-current-view="create"] #createView .category-card {
    min-height: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #6d7775 !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #createView .category-card.active {
    background: #007a68 !important;
    color: #ffffff !important;
  }

  body[data-current-view="create"] #createView .category-card strong {
    color: currentColor !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-basic,
  body[data-current-view="create"] #advancedCreateFields,
  body[data-current-view="create"] #createView .desktop-create-note {
    margin-bottom: 18px !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body[data-current-view="create"] #createView .panel-heading,
  body[data-current-view="create"] #createView .choice-picker,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-title {
    display: none !important;
  }

  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid,
  body[data-current-view="create"] #createView .field-group {
    display: block !important;
  }

  body[data-current-view="create"] #advancedCreateFields label {
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #edf2f1 !important;
  }

  body[data-current-view="mine"] #mineView .panel,
  body[data-current-view="mine"] #mineView .mine-account-card,
  body[data-current-view="mine"] #mineView .mine-data-card,
  body[data-current-view="mine"] .mobile-mine-menu {
    background: #ffffff !important;
    background-image: none !important;
  }
}

/* 2026-06-03 final mobile reference layout */
@media (max-width: 720px) {
  html,
  body {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
    color: #17211f !important;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }

  body[data-current-view] .app-shell {
    display: block !important;
    min-height: 100vh !important;
    background: #ffffff !important;
  }

  body[data-current-view] .main {
    width: 100% !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 16px 94px !important;
    overflow: visible !important;
    background: #ffffff !important;
  }

  body[data-current-view] .topbar,
  body[data-current-view] .section-close-bar,
  body[data-current-view] .feedback-fab,
  body[data-current-view] .generated-desktop-workbench,
  body[data-current-view] .ref-home,
  body[data-current-view] .subpage-hero,
  body[data-current-view] .generated-create-side-preview,
  body[data-current-view] #createView .result-panel,
  body[data-current-view] #assetsView .asset-upload-panel,
  body[data-current-view] #assetsView > .workspace-grid.slim + .workspace-grid.slim,
  body[data-current-view] #mineView #adminPanel {
    display: none !important;
  }

  body[data-current-view] .view {
    display: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
  }

  body[data-current-view] .view.active {
    display: block !important;
  }

  body[data-current-view] .mobile-status-bar {
    height: 34px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    padding: 7px 3px 4px !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    background: #ffffff !important;
  }

  body[data-current-view] .mobile-status-bar i {
    width: 70px !important;
    height: 16px !important;
    display: block !important;
    position: relative !important;
    font-style: normal !important;
  }

  body[data-current-view] .mobile-status-bar i::before {
    content: "" !important;
    position: absolute !important;
    right: 35px !important;
    bottom: 1px !important;
    width: 18px !important;
    height: 12px !important;
    background: linear-gradient(to top, #111827 0 3px, transparent 3px 100%),
      linear-gradient(to top, #111827 0 6px, transparent 6px 100%),
      linear-gradient(to top, #111827 0 9px, transparent 9px 100%),
      linear-gradient(to top, #111827 0 12px, transparent 12px 100%) !important;
    background-size: 3px 12px !important;
    background-position: 0 0, 5px 0, 10px 0, 15px 0 !important;
    background-repeat: no-repeat !important;
  }

  body[data-current-view] .mobile-status-bar i::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 2px !important;
    width: 25px !important;
    height: 12px !important;
    border: 1.7px solid #111827 !important;
    border-radius: 3px !important;
    box-shadow: inset 16px 0 0 #111827 !important;
  }

  body[data-current-view] .mobile-app-header {
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding: 0 !important;
    background: #ffffff !important;
    z-index: 4 !important;
  }

  body[data-current-view] .mobile-home-brand {
    display: none !important;
    align-items: center !important;
    gap: 10px !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important;
  }

  body[data-current-view="home"] .mobile-home-brand {
    display: flex !important;
  }

  body[data-current-view] .mobile-logo-mark {
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 9px !important;
    background: #007a68 !important;
    position: relative !important;
  }

  body[data-current-view] .mobile-logo-mark::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 50% 18%, #fff 0 3px, transparent 3.4px),
      radial-gradient(circle at 18% 56%, #fff 0 3px, transparent 3.4px),
      radial-gradient(circle at 82% 56%, #fff 0 3px, transparent 3.4px),
      radial-gradient(circle at 50% 82%, #fff 0 3px, transparent 3.4px) !important;
  }

  body[data-current-view] .mobile-home-brand strong {
    display: grid !important;
    gap: 2px !important;
    color: #151f1d !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
  }

  body[data-current-view] .mobile-home-brand em {
    color: #65716f !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 750 !important;
  }

  body[data-current-view] .mobile-page-title {
    display: block !important;
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  body[data-current-view="home"] .mobile-page-title {
    display: none !important;
  }

  body[data-current-view="create"] .mobile-page-title::before { content: "创作" !important; }
  body[data-current-view="assets"] .mobile-page-title::before { content: "素材" !important; }
  body[data-current-view="mine"] .mobile-page-title::before { content: "我的" !important; }
  body[data-current-view="aesthetic"] .mobile-page-title::before { content: "审美" !important; }
  body[data-current-view="works"] .mobile-page-title::before { content: "作品" !important; }
  body[data-current-view="tasks"] .mobile-page-title::before { content: "任务" !important; }

  body[data-current-view] .mobile-header-bell {
    display: none !important;
    position: absolute !important;
    right: 0 !important;
    top: 7px !important;
    width: 36px !important;
    height: 36px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
  }

  body[data-current-view="home"] .mobile-header-bell {
    display: block !important;
  }

  body[data-current-view] .mobile-header-bell::before {
    content: "" !important;
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    margin: 7px auto !important;
    background: #111827 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }











  body[data-current-view="home"] .generated-home {
    display: block !important;
    padding: 6px 0 0 !important;
    background: #ffffff !important;
  }

  body[data-current-view="home"] .generated-home-hero {
    display: block !important;
    margin: 0 !important;
    padding: 16px 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body[data-current-view="home"] .generated-home-hero span {
    display: none !important;
  }

  body[data-current-view="home"] .generated-home-hero h2 {
    margin: 0 0 9px !important;
    color: #101918 !important;
    font-size: 25px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    line-height: 1.18 !important;
  }

  body[data-current-view="home"] .generated-home-hero p {
    max-width: 310px !important;
    margin: 0 0 18px !important;
    color: #6d7775 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.55 !important;
  }

  body[data-current-view="home"] .generated-home-hero .primary-button {
    width: 100% !important;
    height: 48px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #007a68 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
  }

  body[data-current-view="home"] .generated-module-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 6px 0 22px !important;
    width: 100% !important;
  }

  body[data-current-view="home"] .generated-module-card {
    position: relative !important;
    height: 154px !important;
    min-height: 154px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 15px !important;
    border: 1px solid #e6ecea !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body[data-current-view="home"] .generated-module-card::after {
    content: none !important;
  }

  body[data-current-view="home"] .generated-module-card i {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 13px !important;
    margin: 0 !important;
    color: #0f7667 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 42px !important;
    text-align: center !important;
  }

  body[data-current-view="home"] .generated-module-card i::before {
    content: none !important;
    display: none !important;
  }

  body[data-current-view="home"] .generated-module-card span {
    display: block !important;
    margin: 50px 0 8px !important;
    color: #101918 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
  }

  body[data-current-view="home"] .generated-module-card strong {
    display: block !important;
    margin: 0 0 11px !important;
    color: #5f6b68 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
  }

  body[data-current-view="home"] .generated-module-card em {
    display: block !important;
    margin: auto 0 0 !important;
    color: #89918f !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
  }

  body[data-current-view="home"] .generated-dashboard-grid {
    display: block !important;
    margin: 0 !important;
  }

  body[data-current-view="home"] .generated-task-panel,
  body[data-current-view="home"] .generated-assets-panel,
  body[data-current-view="home"] .generated-news-panel {
    display: none !important;
  }

  body[data-current-view="home"] .generated-works-panel {
    display: block !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
    border: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body[data-current-view="home"] .generated-works-panel header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 12px !important;
  }

  body[data-current-view="home"] .generated-works-panel h3 {
    margin: 0 !important;
    color: #101918 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="home"] .generated-works-panel header button {
    border: 0 !important;
    background: transparent !important;
    color: #7f8986 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="home"] .generated-stat-pair {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
  }

  body[data-current-view="home"] .generated-stat-pair button,
  body[data-current-view="home"] .generated-mini-stats button {
    min-width: 0 !important;
    height: 86px !important;
    display: grid !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 5px !important;
    padding: 14px !important;
    border: 1px solid #e6ecea !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  body[data-current-view="home"] .generated-stat-pair span,
  body[data-current-view="home"] .generated-mini-stats span {
    color: #7f8986 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="home"] .generated-stat-pair strong,
  body[data-current-view="home"] .generated-mini-stats strong {
    color: #101918 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  body[data-current-view="home"] .generated-stat-pair em {
    color: #9aa3a1 !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 700 !important;
  }

  body[data-current-view="home"] .generated-mini-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body[data-current-view="home"] .generated-mini-stats button {
    height: 72px !important;
    padding: 10px 8px !important;
    align-content: center !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body[data-current-view="home"] .generated-mini-stats span {
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  body[data-current-view="home"] .generated-mini-stats strong {
    font-size: 20px !important;
  }

  body[data-current-view="create"] #createView .workspace-grid,
  body[data-current-view="assets"] #assetsView .workspace-grid,
  body[data-current-view="mine"] #mineView .workspace-grid {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-current-view="create"] #createView .form-panel,
  body[data-current-view="assets"] #assetsView .asset-framework-panel,
  body[data-current-view="mine"] #mineView .panel {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #createView .panel-heading,
  body[data-current-view="assets"] #assetsView .panel-heading,
  body[data-current-view="mine"] #mineView .panel-heading {
    display: none !important;
  }

  body[data-current-view="create"] #createForm {
    display: block !important;
    padding: 8px 0 0 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: #f2f5f4 !important;
    border-radius: 14px !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .desktop-create-section-title {
    display: none !important;
  }

  body[data-current-view="create"] #createView .category-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 4px !important;
  }

  body[data-current-view="create"] #createView .category-card {
    min-height: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #6d7775 !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #createView .category-card.active {
    background: #007a68 !important;
    color: #ffffff !important;
  }

  body[data-current-view="create"] #createView .category-card .module-icon,
  body[data-current-view="create"] #createView .category-card .category-intro {
    display: none !important;
  }

  body[data-current-view="create"] #createView .category-card strong {
    color: currentColor !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body[data-current-view="create"] #createView .desktop-create-basic,
  body[data-current-view="create"] #advancedCreateFields,
  body[data-current-view="create"] #createView .desktop-create-note {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body[data-current-view="create"] #createView .desktop-create-basic::before {
    content: "项目基础设置" !important;
  }

  body[data-current-view="create"] #advancedCreateFields::before {
    content: "高级设置" !important;
  }

  body[data-current-view="create"] #createView .desktop-create-note::before {
    content: "备注（选填）" !important;
  }

  body[data-current-view="create"] #createView .desktop-create-basic::before,
  body[data-current-view="create"] #advancedCreateFields::before,
  body[data-current-view="create"] #createView .desktop-create-note::before {
    display: block !important;
    margin: 0 0 10px !important;
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-section-title,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-title,
  body[data-current-view="create"] #createView .choice-picker {
    display: none !important;
  }

  body[data-current-view="create"] #createView label {
    width: 100% !important;
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  body[data-current-view="create"] #createView label > span {
    display: block !important;
    margin: 0 0 7px !important;
    color: #4c5755 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="create"] #createView input,
  body[data-current-view="create"] #createView select,
  body[data-current-view="create"] #createView textarea {
    width: 100% !important;
    min-height: 46px !important;
    padding: 0 13px !important;
    border: 1px solid #e0e7e5 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #111827 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  body[data-current-view="create"] #createView textarea {
    min-height: 98px !important;
    padding: 13px !important;
    resize: none !important;
  }

  body[data-current-view="create"] .project-name-field {
    position: relative !important;
  }

  body[data-current-view="create"] .project-name-field::after {
    content: "0/20" !important;
    position: absolute !important;
    right: 12px !important;
    bottom: 14px !important;
    color: #a0aaa7 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="create"] #projectNameInput {
    padding-right: 56px !important;
  }

  body[data-current-view="create"] #projectNameInput::placeholder,
  body[data-current-view="create"] #extraText::placeholder {
    color: #a0aaa7 !important;
  }

  body[data-current-view="create"] .extra-text-field {
    position: relative !important;
  }

  body[data-current-view="create"] .extra-text-field::after {
    content: "0/100" !important;
    position: absolute !important;
    right: 12px !important;
    bottom: 12px !important;
    color: #a0aaa7 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="create"] #createView .advanced-create-grid,
  body[data-current-view="create"] #createView .field-group {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-current-view="create"] #advancedCreateFields label {
    position: relative !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #edf2f1 !important;
  }

  body[data-current-view="create"] #advancedCreateFields label > span {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="create"] #advancedCreateFields select {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
  }

  body[data-current-view="create"] #advancedCreateFields label::after {
    content: "›" !important;
    margin-left: auto !important;
    color: #b1bbb8 !important;
    font-size: 24px !important;
    font-weight: 500 !important;
  }

  body[data-current-view="create"] #createView .form-actions {
    display: block !important;
    padding: 8px 0 16px !important;
  }

  body[data-current-view="create"] #createView .form-actions .secondary-button,
  body[data-current-view="create"] #previewBackendBtn {
    display: none !important;
  }

  body[data-current-view="create"] #generateBtn {
    width: 100% !important;
    height: 50px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #007a68 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    box-shadow: none !important;
  }

  body[data-current-view="assets"] #assetsView {
    padding-top: 4px !important;
  }

  body[data-current-view="assets"] #assetsView .asset-framework-panel {
    display: block !important;
  }

  body[data-current-view="assets"] .mobile-assets-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 70px !important;
    gap: 10px !important;
    margin: 8px 0 13px !important;
  }

  body[data-current-view="assets"] .mobile-assets-search label {
    position: relative !important;
    margin: 0 !important;
  }

  body[data-current-view="assets"] .mobile-assets-search label::before {
    content: "" !important;
    position: absolute !important;
    left: 13px !important;
    top: 13px !important;
    width: 17px !important;
    height: 17px !important;
    background: #9aa3a1 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m21 21-4.3-4.3M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m21 21-4.3-4.3M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }

  body[data-current-view="assets"] .mobile-assets-search input {
    width: 100% !important;
    height: 44px !important;
    padding: 0 12px 0 38px !important;
    border: 1px solid #e2e9e7 !important;
    border-radius: 12px !important;
    background: #f8faf9 !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
  }

  body[data-current-view="assets"] .mobile-assets-search select {
    display: none !important;
  }

  body[data-current-view="assets"] .mobile-assets-search button {
    height: 44px !important;
    border: 1px solid #e2e9e7 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="assets"] .mobile-material-search-results {
    display: none !important;
  }

  body[data-current-view="assets"] #assetsView .list-toolbar {
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body[data-current-view="assets"] #assetsView .filter-tabs {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 0 0 2px !important;
    scrollbar-width: none !important;
  }

  body[data-current-view="assets"] #assetsView .filter-tabs::-webkit-scrollbar {
    display: none !important;
  }

  body[data-current-view="assets"] #assetsView .filter-chip {
    flex: 0 0 auto !important;
    height: 34px !important;
    padding: 0 14px !important;
    border: 1px solid #e3eae8 !important;
    border-radius: 17px !important;
    background: #ffffff !important;
    color: #65716f !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-shadow: none !important;
  }

  body[data-current-view="assets"] #assetsView .filter-chip.active {
    border-color: #007a68 !important;
    background: #007a68 !important;
    color: #ffffff !important;
  }

  body[data-current-view="assets"] #assetGrid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 15px 10px !important;
    margin: 0 0 82px !important;
    padding: 0 !important;
  }

  body[data-current-view="assets"] #assetGrid .asset-section,
  body[data-current-view="assets"] #assetGrid .asset-subgrid {
    display: contents !important;
  }

  body[data-current-view="assets"] #assetGrid .asset-section-head,
  body[data-current-view="assets"] #assetGrid .asset-framework,
  body[data-current-view="assets"] #assetGrid .inline-edit-field,
  body[data-current-view="assets"] #assetGrid .card-meta,
  body[data-current-view="assets"] #assetGrid .card-actions {
    display: none !important;
  }

  body[data-current-view="assets"] #assetGrid .asset-card {
    min-width: 0 !important;
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-current-view="assets"] #assetGrid .asset-card > img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    background: #edf2f1 !important;
  }

  body[data-current-view="assets"] #assetGrid .card-body {
    display: block !important;
    padding: 7px 0 0 !important;
  }

  body[data-current-view="assets"] #assetGrid .asset-title-button {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #333d3a !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="assets"] #assetGrid .asset-title-button::after {
    content: "2026-06-02" !important;
    display: block !important;
    margin-top: 2px !important;
    color: #a4adaa !important;
    font-size: 10px !important;
    font-weight: 700 !important;
  }

  body[data-current-view="assets"] #assetGrid .asset-mobile-check,
  body[data-current-view="assets"] #assetGrid .asset-mobile-menu {
    display: grid !important;
    place-items: center !important;
    position: absolute !important;
    z-index: 2 !important;
    border: 0 !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
  }

  body[data-current-view="assets"] #assetGrid .asset-mobile-check {
    left: 6px !important;
    top: 6px !important;
    width: 19px !important;
    height: 19px !important;
    border-radius: 50% !important;
  }

  body[data-current-view="assets"] #assetGrid .asset-mobile-check::before {
    content: "" !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid #cbd5d2 !important;
  }

  body[data-current-view="assets"] #assetGrid .asset-mobile-menu {
    right: 6px !important;
    top: 6px !important;
    width: 24px !important;
    height: 19px !important;
    border-radius: 10px !important;
    color: #111827 !important;
    font-size: 9px !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
  }

  body[data-current-view="assets"] .mobile-assets-manage {
    position: fixed !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 86px !important;
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
    background: #ffffff !important;
    z-index: 15 !important;
  }

  body[data-current-view="assets"] .mobile-assets-manage span,
  body[data-current-view="assets"] .mobile-assets-manage button:not(.primary-button) {
    color: #65716f !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="assets"] .mobile-assets-manage .primary-button {
    height: 44px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #007a68 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    box-shadow: none !important;
  }

  body[data-current-view="mine"] #mineView {
    padding-top: 6px !important;
  }

  body[data-current-view="mine"] #mineView .mine-mobile-account-actions,
  body[data-current-view="mine"] #mineView #mineMessage,
  body[data-current-view="mine"] #mineView .member-permission-box {
    display: none !important;
  }

  body[data-current-view="mine"] #mineView .account-panel {
    display: block !important;
  }

  body[data-current-view="mine"] #mineView .mine-account-card {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 16px !important;
    border: 1px solid #e6ecea !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body[data-current-view="mine"] #mineView .mine-account-head {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
  }

  body[data-current-view="mine"] #mineView .mine-avatar {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: #007a68 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="mine"] #mineView .mine-account-head strong {
    display: block !important;
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="mine"] #mineView .mine-account-head span {
    display: block !important;
    margin-top: 4px !important;
    color: #7b8582 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="mine"] #mineView .mine-status-pill {
    display: inline-flex !important;
    height: 24px !important;
    align-items: center !important;
    padding: 0 9px !important;
    border-radius: 12px !important;
    background: #e7f5f0 !important;
    color: #007a68 !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 900 !important;
  }

  body[data-current-view="mine"] #mineView .mine-stat-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 14px 0 0 !important;
  }

  body[data-current-view="mine"] #mineView .mine-stat-grid div {
    min-height: 74px !important;
    padding: 12px !important;
    border: 1px solid #e6ecea !important;
    border-radius: 14px !important;
    background: #fbfcfc !important;
  }

  body[data-current-view="mine"] #mineView .mine-stat-grid span {
    display: block !important;
    margin: 0 0 7px !important;
    color: #7b8582 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="mine"] #mineView .mine-stat-grid strong {
    display: block !important;
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
  }

  body[data-current-view="mine"] #mineView #mineAccountBox > .form-actions {
    display: block !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
  }

  body[data-current-view="mine"] #mineView #mineAccountBox > .form-actions a {
    display: none !important;
  }

  body[data-current-view="mine"] #mineView #accountLogoutAction,
  body[data-current-view="mine"] #mineView #mineLogoutBtn {
    width: 100% !important;
    height: 46px !important;
    border: 1px solid #f0b5b5 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #d94848 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    box-shadow: none !important;
  }

  body[data-current-view="mine"] #mineView .mine-data-panel {
    margin: 0 0 14px !important;
  }

  body[data-current-view="mine"] #mineView .mine-data-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  body[data-current-view="mine"] #mineView .mine-data-card {
    height: 82px !important;
    display: grid !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 5px !important;
    padding: 13px !important;
    border: 1px solid #e6ecea !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  body[data-current-view="mine"] #mineView .mine-data-card span,
  body[data-current-view="mine"] #mineView .mine-data-card small {
    color: #7b8582 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="mine"] #mineView .mine-data-card strong {
    color: #111827 !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  body[data-current-view="mine"] #mineView #activationForm {
    display: none !important;
  }

  body[data-current-view="mine"] .mobile-mine-menu {
    display: block !important;
    margin: 0 0 14px !important;
    border: 1px solid #e6ecea !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  body[data-current-view="mine"] .mobile-mine-menu button {
    width: 100% !important;
    height: 52px !important;
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf2f1 !important;
    background: #ffffff !important;
    color: #111827 !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="mine"] .mobile-mine-menu button:last-child {
    border-bottom: 0 !important;
  }

  body[data-current-view="mine"] .mobile-mine-menu button::after {
    content: "›" !important;
    color: #b2bbb8 !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  body[data-current-view="mine"] .mobile-mine-menu i {
    width: 22px !important;
    height: 22px !important;
    border-radius: 7px !important;
    background: #edf7f4 !important;
    position: relative !important;
  }

  body .asset-rename-sheet,
  body .asset-delete-sheet {
    position: fixed !important;
    inset: 0 !important;
    z-index: 50 !important;
    display: block !important;
  }

  body .asset-rename-sheet.hidden,
  body .asset-delete-sheet.hidden {
    display: none !important;
  }

  body .asset-rename-backdrop,
  body .asset-delete-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(8, 13, 12, 0.48) !important;
  }

  body .asset-rename-panel,
  body .asset-delete-panel {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    padding: 18px 16px calc(18px + env(safe-area-inset-bottom)) !important;
    border-radius: 22px 22px 0 0 !important;
    background: #ffffff !important;
    box-shadow: 0 -18px 45px rgba(15, 23, 42, 0.14) !important;
  }

  body .asset-rename-head,
  body .asset-delete-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
  }

  body .asset-rename-head strong,
  body .asset-delete-head strong {
    display: block !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
  }

  body .asset-rename-head span {
    display: block !important;
    margin-top: 6px !important;
    color: #7f8986 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
  }

  body .asset-rename-close,
  body .asset-delete-close {
    width: 30px !important;
    height: 30px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: #f3f5f5 !important;
    color: #5f6b68 !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  body .asset-rename-field {
    display: block !important;
    position: relative !important;
    margin: 0 0 18px !important;
  }

  body .asset-rename-field span {
    display: block !important;
    margin: 0 0 8px !important;
    color: #4f5a57 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  body .asset-rename-field input {
    width: 100% !important;
    height: 46px !important;
    padding: 0 58px 0 13px !important;
    border: 1px solid #dfe7e5 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  body .asset-rename-field em {
    position: absolute !important;
    right: 12px !important;
    bottom: 14px !important;
    color: #a0aaa7 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 800 !important;
  }

  body .asset-rename-actions,
  body .asset-delete-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body .asset-rename-actions button,
  body .asset-delete-actions button {
    height: 46px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    box-shadow: none !important;
  }

  body .asset-rename-actions .secondary-button,
  body .asset-delete-actions .secondary-button {
    border: 1px solid #e1e8e6 !important;
    background: #ffffff !important;
    color: #4f5a57 !important;
  }

  body .asset-rename-actions .primary-button {
    border: 0 !important;
    background: #007a68 !important;
    color: #ffffff !important;
  }

  body .asset-delete-warning {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 74px !important;
    margin: 0 0 18px !important;
    padding: 13px !important;
    border-radius: 14px !important;
    background: #fff5f5 !important;
    color: #b42318 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.45 !important;
  }

  body .asset-delete-warning i {
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #ffd7d7 !important;
    color: #d92d20 !important;
    font-style: normal !important;
    font-weight: 950 !important;
  }

  body .asset-delete-actions .danger-button {
    border: 0 !important;
    background: #d92d20 !important;
    color: #ffffff !important;
  }
}

/* 2026-06-02 final UI alignment: homepage news/account and create modules */
body[data-current-view="home"] .desktop-org-switch {
  display: none !important;
}

body[data-current-view="home"] .topbar h1::after {
  content: "医美朋友圈内容工作台" !important;
}

body[data-current-view="create"] .topbar h1::after {
  content: "←  创作 / 项目广告" !important;
}

body[data-current-view="create"][data-create-category="real_comparison"] .topbar h1::after {
  content: "←  创作 / 真人术后对比图" !important;
}

body[data-current-view="create"][data-create-category="chat_feedback"] .topbar h1::after {
  content: "←  创作 / 微信聊天记录图" !important;
}

body[data-current-view="aesthetic"] .topbar h1::after { content: "审美" !important; }
body[data-current-view="works"] .topbar h1::after { content: "作品" !important; }
body[data-current-view="tasks"] .topbar h1::after { content: "任务" !important; }
body[data-current-view="assets"] .topbar h1::after { content: "素材" !important; }
body[data-current-view="mine"] .topbar h1::after { content: "我的" !important; }

body[data-current-view="home"] .generated-home-hero span::after {
  content: "欢迎回来，运营中心" !important;
}

body[data-current-view] #refreshWorksBtn::after {
  content: "刷新" !important;
}

body[data-current-view="home"] [data-mine-data-status]::after {
  content: "等待同步" !important;
}

body[data-current-view="create"] #createView {
  width: 100% !important;
  max-width: none !important;
  padding: 20px 24px 28px !important;
}

body[data-current-view="create"] #createView .workspace-grid {
  grid-template-columns: minmax(650px, 0.92fr) minmax(460px, 0.78fr) !important;
  gap: 18px !important;
}

body[data-current-view="create"][data-create-category="project_ad"] #createView .workspace-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

body[data-current-view="create"][data-create-category="project_ad"] #createView .generated-create-side-preview {
  display: none !important;
}

body[data-current-view="create"] #createView .form-panel {
  padding: 20px !important;
}

body[data-current-view="create"] #createView .panel-heading {
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 0 0 14px !important;
}

body[data-current-view="create"][data-create-category="project_ad"] #createView .panel-heading {
  display: none !important;
}

body[data-current-view="create"] #createForm {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body[data-current-view="create"] #createView .desktop-create-type,
body[data-current-view="create"] #createView .desktop-create-basic,
body[data-current-view="create"] #advancedCreateFields,
body[data-current-view="create"] #createView .desktop-create-note,
body[data-current-view="create"] #createView .form-actions,
body[data-current-view="create"] #createView > .workspace-grid .comparison-field:not(.hidden-field),
body[data-current-view="create"] #createView > .workspace-grid .chat-field:not(.hidden-field) {
  grid-column: 1 / -1 !important;
}

body[data-current-view="create"] #createView .desktop-create-section,
body[data-current-view="create"] #advancedCreateFields,
body[data-current-view="create"] #createView #createForm > .comparison-field:not(.hidden-field) {
  padding: 18px 20px !important;
  border: 1px solid #dbe3e1 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

body[data-current-view="create"] #createView .desktop-create-type .category-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body[data-current-view="create"] #createView .desktop-create-type .category-card {
  min-height: 110px !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  column-gap: 18px !important;
  padding: 22px 24px !important;
  border-color: #dbe3e1 !important;
  background: #fff !important;
}

body[data-current-view="create"] #createView .desktop-create-type .category-card.active {
  border-color: var(--ref-green) !important;
  background: linear-gradient(90deg, rgba(0, 100, 85, 0.09), rgba(255, 255, 255, 0.96)) !important;
  box-shadow: inset 7px 0 0 var(--ref-green) !important;
}

body[data-current-view="create"] #createView .desktop-create-type .category-card .module-icon {
  width: 64px !important;
  height: 64px !important;
  border: 1px solid #dbe3e1 !important;
  border-radius: 16px !important;
  background: #f8fbfa !important;
  color: var(--ref-green) !important;
  font-size: 0 !important;
}

body[data-current-view="create"] #createView .desktop-create-type .category-card .module-icon::before {
  content: "" !important;
  width: 34px !important;
  height: 34px !important;
  display: block !important;
  background: currentColor !important;
  -webkit-mask: var(--create-card-icon) center / contain no-repeat !important;
  mask: var(--create-card-icon) center / contain no-repeat !important;
}

body[data-current-view="create"] #createView .module-icon-ad {
  --create-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11v2a2 2 0 0 0 2 2h3l7 4V5L8 9H5a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M19 8a5 5 0 0 1 0 8'/%3E%3Cpath d='M8 15v4'/%3E%3C/svg%3E");
}

body[data-current-view="create"] #createView .module-icon-compare {
  --create-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 21v-2a4 4 0 0 1 4-4h2a4 4 0 0 1 4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 8v8'/%3E%3Cpath d='M20 8v8'/%3E%3C/svg%3E");
}

body[data-current-view="create"] #createView .module-icon-chat {
  --create-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z'/%3E%3Cpath d='M8 11h.01M12 11h.01M16 11h.01'/%3E%3C/svg%3E");
}

body[data-current-view="create"] #createView .desktop-create-type .category-card strong {
  font-size: 18px !important;
  font-weight: 950 !important;
}

body[data-current-view="create"] #createView .desktop-create-type .category-card .category-intro {
  font-size: 14px !important;
  color: #5f6d73 !important;
}

body[data-current-view="create"] #createView .desktop-create-section-title,
body[data-current-view="create"] #createView .advanced-create-title {
  font-size: 17px !important;
  font-weight: 950 !important;
}

body[data-current-view="create"] #createView .desktop-create-basic {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: end !important;
  gap: 14px 24px !important;
}

body[data-current-view="create"] #createView .desktop-create-basic > .desktop-create-section-title {
  grid-column: 1 / -1 !important;
}

body[data-current-view="create"] #createView .desktop-create-basic > .field-group {
  display: contents !important;
}

body[data-current-view="create"] #createView .desktop-create-basic label,
body[data-current-view="create"] #advancedCreateFields label,
body[data-current-view="create"] #createView #createForm > .comparison-field:not(.hidden-field) label,
body[data-current-view="create"] #createView .desktop-create-note label {
  gap: 10px !important;
}

body[data-current-view="create"] #createView label > span {
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body[data-current-view="create"] #createView input,
body[data-current-view="create"] #createView select,
body[data-current-view="create"] #createView textarea {
  min-height: 50px !important;
  border-color: #d9e1df !important;
  border-radius: 7px !important;
  font-size: 15px !important;
}

body[data-current-view="create"] #advancedCreateFields .advanced-create-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px 24px !important;
}

body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > .field-group,
body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > label {
  display: contents !important;
}

body[data-current-view="create"] #advancedCreateFields .hidden-field,
body[data-current-view="create"] #createForm > .hidden-field {
  display: none !important;
}

body[data-current-view="create"] #createView #createForm > .comparison-field:not(.hidden-field) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px 24px !important;
}

body[data-current-view="create"] #createView #createForm > .comparison-field:not(.hidden-field)::before {
  content: "真人效果设置" !important;
  grid-column: 1 / -1 !important;
  color: #111827 !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

body[data-current-view="create"] #createView #desiredEffect {
  min-height: 82px !important;
}

body[data-current-view="create"] #createView .choice-picker {
  margin-top: 2px !important;
  gap: 8px !important;
}

body[data-current-view="create"] #createView .choice-picker button {
  min-height: 34px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

body[data-current-view="create"][data-create-category="project_ad"] #createView .choice-picker {
  display: none !important;
}

body[data-current-view="create"] #createView .desktop-create-note textarea {
  min-height: 116px !important;
}

body[data-current-view="create"] #createView .form-actions {
  display: grid !important;
  grid-template-columns: 180px 180px 180px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
}

body[data-current-view="create"] #createView .form-actions button {
  height: 50px !important;
  border-radius: 7px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

body[data-current-view="create"] #createView .form-actions .primary-button {
  background: var(--ref-green) !important;
  border-color: var(--ref-green) !important;
  color: #fff !important;
}

body[data-current-view="create"] #createView .generated-create-side-preview {
  min-height: 680px !important;
  padding: 20px !important;
}

body[data-current-view="create"] #createView .generated-create-side-preview .generated-phone {
  width: min(100%, 520px) !important;
  margin: 14px auto 0 !important;
}

body[data-current-view="create"] #createView .generated-phone-image {
  min-height: 260px !important;
}

@media (max-width: 1180px) {
  body[data-current-view="create"] #createView .workspace-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-current-view="create"] #createView .desktop-create-basic,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid,
  body[data-current-view="create"] #createView #createForm > .comparison-field:not(.hidden-field) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body[data-current-view="create"] #createForm,
  body[data-current-view="create"] #createView .desktop-create-type .category-tabs,
  body[data-current-view="create"] #createView .desktop-create-basic,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid,
  body[data-current-view="create"] #createView #createForm > .comparison-field:not(.hidden-field),
  body[data-current-view="create"] #createView .form-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 720px) {
  .nav-desktop-label {
    display: none !important;
  }
}

@media (min-width: 721px) {
  body[data-current-view="home"] .desktop-home,
  body[data-current-view="home"] .desktop-scene-grid,
  body[data-current-view="home"] .ref-home,
  body[data-current-view="home"] .ref-scene-grid {
    display: none !important;
  }

  body[data-current-view="home"] .generated-module-card,
  body[data-current-view="create"] #createView .desktop-create-type .category-card {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
  }

  body[data-current-view="home"] .generated-module-card strong {
    display: none !important;
  }

  body[data-current-view="home"] .generated-module-card em {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: #526269 !important;
    font-size: 13px !important;
    font-style: normal !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body[data-current-view="home"] .generated-module-card *,
  body[data-current-view="create"] #createView .desktop-create-type .category-card * {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    letter-spacing: 0 !important;
  }

  body[data-current-view="home"] .generated-module-card span,
  body[data-current-view="home"] .generated-module-card small,
  body[data-current-view="create"] #createView .desktop-create-type .category-card strong,
  body[data-current-view="create"] #createView .desktop-create-type .category-card .category-intro {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    grid-template-areas:
      "icon title"
      "icon intro" !important;
    gap: 4px 10px !important;
    min-height: 86px !important;
    padding: 12px !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card::after {
    content: none !important;
    display: none !important;
  }

  /* final override order: homepage news/account and create modules */
  body[data-current-view="home"] .desktop-org-switch {
    display: none !important;
  }

  body[data-current-view="home"] .topbar h1::after { content: "医美朋友圈内容工作台" !important; }
  body[data-current-view="create"] .topbar h1::after { content: "←  创作 / 项目广告" !important; }
  body[data-current-view="create"][data-create-category="real_comparison"] .topbar h1::after { content: "←  创作 / 真人术后对比图" !important; }
  body[data-current-view="create"][data-create-category="chat_feedback"] .topbar h1::after { content: "←  创作 / 微信聊天记录图" !important; }
  body[data-current-view="aesthetic"] .topbar h1::after { content: "审美" !important; }
  body[data-current-view="works"] .topbar h1::after { content: "作品" !important; }
  body[data-current-view="tasks"] .topbar h1::after { content: "任务" !important; }
  body[data-current-view="assets"] .topbar h1::after { content: "素材" !important; }
  body[data-current-view="mine"] .topbar h1::after { content: "我的" !important; }
  body[data-current-view="home"] .generated-home-hero span::after { content: "欢迎回来，运营中心" !important; }
  body[data-current-view] #refreshWorksBtn::after { content: "刷新" !important; }
  body[data-current-view="home"] [data-mine-data-status]::after { content: "等待同步" !important; }

  body[data-current-view="create"] #createView {
    width: 100% !important;
    max-width: none !important;
    padding: 20px 24px 28px !important;
  }

  body[data-current-view="create"] #createView .workspace-grid {
    grid-template-columns: minmax(650px, 0.92fr) minmax(460px, 0.78fr) !important;
    gap: 18px !important;
  }

  body[data-current-view="create"][data-create-category="project_ad"] #createView .workspace-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-current-view="create"][data-create-category="project_ad"] #createView .generated-create-side-preview {
    display: none !important;
  }

  body[data-current-view="create"] #createView .form-panel {
    padding: 20px !important;
  }

  body[data-current-view="create"] #createView .panel-heading {
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 0 0 14px !important;
  }

  body[data-current-view="create"][data-create-category="project_ad"] #createView .panel-heading {
    display: none !important;
  }

  body[data-current-view="create"] #createForm {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type,
  body[data-current-view="create"] #createView .desktop-create-basic,
  body[data-current-view="create"] #advancedCreateFields,
  body[data-current-view="create"] #createView .desktop-create-note,
  body[data-current-view="create"] #createView .form-actions,
  body[data-current-view="create"] #createView #createForm > .comparison-field:not(.hidden-field),
  body[data-current-view="create"] #createView #createForm > .chat-field:not(.hidden-field) {
    grid-column: 1 / -1 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-section,
  body[data-current-view="create"] #advancedCreateFields,
  body[data-current-view="create"] #createView #createForm > .comparison-field:not(.hidden-field) {
    padding: 18px 20px !important;
    border: 1px solid #dbe3e1 !important;
    border-radius: 8px !important;
    background: #fff !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card {
    min-height: 110px !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    grid-template-areas:
      "icon title"
      "icon intro" !important;
    column-gap: 18px !important;
    row-gap: 4px !important;
    padding: 22px 24px !important;
    border-color: #dbe3e1 !important;
    background: #fff !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card.active {
    border-color: var(--ref-green) !important;
    background: linear-gradient(90deg, rgba(0, 100, 85, 0.09), rgba(255, 255, 255, 0.96)) !important;
    box-shadow: inset 7px 0 0 var(--ref-green) !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card .module-icon {
    width: 64px !important;
    height: 64px !important;
    border: 1px solid #dbe3e1 !important;
    border-radius: 16px !important;
    background: #f8fbfa !important;
    color: var(--ref-green) !important;
    font-size: 0 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card .module-icon::before {
    content: "" !important;
    width: 34px !important;
    height: 34px !important;
    display: block !important;
    background: currentColor !important;
    -webkit-mask: var(--create-card-icon) center / contain no-repeat !important;
    mask: var(--create-card-icon) center / contain no-repeat !important;
  }

  body[data-current-view="create"] #createView .module-icon-ad {
    --create-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11v2a2 2 0 0 0 2 2h3l7 4V5L8 9H5a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M19 8a5 5 0 0 1 0 8'/%3E%3Cpath d='M8 15v4'/%3E%3C/svg%3E");
  }

  body[data-current-view="create"] #createView .module-icon-compare {
    --create-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 21v-2a4 4 0 0 1 4-4h2a4 4 0 0 1 4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 8v8'/%3E%3Cpath d='M20 8v8'/%3E%3C/svg%3E");
  }

  body[data-current-view="create"] #createView .module-icon-chat {
    --create-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z'/%3E%3Cpath d='M8 11h.01M12 11h.01M16 11h.01'/%3E%3C/svg%3E");
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card strong {
    font-size: 18px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card .category-intro {
    font-size: 14px !important;
    color: #5f6d73 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-section-title,
  body[data-current-view="create"] #createView .advanced-create-title {
    font-size: 17px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-basic {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: end !important;
    gap: 14px 24px !important;
  }

  body[data-current-view="create"] #createView .desktop-create-basic > .desktop-create-section-title {
    grid-column: 1 / -1 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-basic > .field-group,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > .field-group,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > label {
    display: contents !important;
  }

  body[data-current-view="create"] #createView label > span {
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  body[data-current-view="create"] #createView input,
  body[data-current-view="create"] #createView select,
  body[data-current-view="create"] #createView textarea {
    min-height: 50px !important;
    border-color: #d9e1df !important;
    border-radius: 7px !important;
    font-size: 15px !important;
  }

  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px 24px !important;
  }

  body[data-current-view="create"] #advancedCreateFields .hidden-field,
  body[data-current-view="create"] #createForm > .hidden-field {
    display: none !important;
  }

  body[data-current-view="create"] #createView #createForm > .comparison-field:not(.hidden-field) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 24px !important;
  }

  body[data-current-view="create"] #createView #createForm > .comparison-field:not(.hidden-field)::before {
    content: "真人效果设置" !important;
    grid-column: 1 / -1 !important;
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="create"] #createView #desiredEffect {
    min-height: 82px !important;
  }

  body[data-current-view="create"] #createView .choice-picker {
    margin-top: 2px !important;
    gap: 8px !important;
  }

  body[data-current-view="create"] #createView .choice-picker button {
    min-height: 34px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="create"][data-create-category="project_ad"] #createView .choice-picker {
    display: none !important;
  }

  body[data-current-view="create"] #createView .desktop-create-note textarea {
    min-height: 116px !important;
  }

  body[data-current-view="create"] #createView .form-actions {
    display: grid !important;
    grid-template-columns: 180px 180px 180px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;
  }

  body[data-current-view="create"] #createView .form-actions button {
    height: 50px !important;
    border-radius: 7px !important;
    font-size: 16px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="create"] #createView .form-actions .primary-button {
    background: var(--ref-green) !important;
    border-color: var(--ref-green) !important;
    color: #fff !important;
  }

  body[data-current-view="create"] #createView .generated-create-side-preview {
    min-height: 680px !important;
    padding: 20px !important;
  }

  body[data-current-view="create"] #createView .generated-create-side-preview .generated-phone {
    width: min(100%, 520px) !important;
    margin: 14px auto 0 !important;
  }

  body[data-current-view="create"] #createView .generated-phone-image {
    min-height: 260px !important;
  }

  body[data-current-view="create"][data-create-category="project_ad"] #advancedCreateFields .comparison-field {
    display: none !important;
  }

  body[data-current-view="create"][data-create-category="project_ad"] #advancedCreateFields label:has(#backgroundAssetId) {
    display: none !important;
  }

  body[data-current-view="create"]:not([data-create-category="project_ad"]) #createView label:has(#adStyle),
  body[data-current-view="create"]:not([data-create-category="project_ad"]) #advancedCreateFields .project-field,
  body[data-current-view="create"]:not([data-create-category="project_ad"]) #advancedCreateFields label:has(#projectAssetId),
  body[data-current-view="create"]:not([data-create-category="project_ad"]) #advancedCreateFields label:has(#modelMode) {
    display: none !important;
  }

  body[data-current-view="create"] #advancedCreateFields .advanced-create-title {
    font-size: 0 !important;
  }

  body[data-current-view="create"] #advancedCreateFields .advanced-create-title::after {
    content: "项目广告专属设置" !important;
    font-size: 17px !important;
  }

  body[data-current-view="create"][data-create-category="real_comparison"] #advancedCreateFields .advanced-create-title::after {
    content: "真人对比专属设置" !important;
  }

  body[data-current-view="create"][data-create-category="chat_feedback"] #advancedCreateFields .advanced-create-title::after {
    content: "微信聊天记录专属设置" !important;
  }

  body[data-current-view="create"] #createView #advancedCreateFields .advanced-create-grid > .field-group.hidden-field {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  body[data-current-view="create"][data-create-category="project_ad"] #advancedCreateFields .advanced-create-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  /* final icon correction: filled sidebar and homepage module icons */
  :root {
    --icon-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10.4 12 3l9 7.4v9.1A1.5 1.5 0 0 1 19.5 21H15v-6.1a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1V21H4.5A1.5 1.5 0 0 1 3 19.5v-9.1Z'/%3E%3C/svg%3E");
    --icon-create: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 4.5A2.5 2.5 0 0 1 7.5 2h6.6l-2.3 2.3H7.5a.7.7 0 0 0-.7.7v11.5c0 .4.3.7.7.7H19c.4 0 .7-.3.7-.7v-4.4L22 9.8v6.7A2.5 2.5 0 0 1 19.5 19h-12A2.5 2.5 0 0 1 5 16.5v-12Z'/%3E%3Cpath fill='black' d='M17.3 2.9a2 2 0 0 1 2.8 2.8l-7.8 7.8-3.8.8.8-3.8 8-7.6Z'/%3E%3C/svg%3E");
    --icon-aesthetic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.1 5.5 9.6 3h4.8l1.5 2.5H18A3 3 0 0 1 21 8.5v8A3 3 0 0 1 18 19.5H6a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3h2.1Zm3.9 3.2a4.3 4.3 0 1 0 0 8.6 4.3 4.3 0 0 0 0-8.6Z'/%3E%3Ccircle fill='black' cx='12' cy='13' r='2.3'/%3E%3C/svg%3E");
    --icon-works: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h6.8v6.8H4V4Zm9.2 0H20v6.8h-6.8V4ZM4 13.2h6.8V20H4v-6.8Zm9.2 0H20V20h-6.8v-6.8Z'/%3E%3C/svg%3E");
    --icon-tasks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 3h7A1.5 1.5 0 0 1 17 4.5V6h1.5A2.5 2.5 0 0 1 21 8.5v10A2.5 2.5 0 0 1 18.5 21h-13A2.5 2.5 0 0 1 3 18.5v-10A2.5 2.5 0 0 1 5.5 6H7V4.5A1.5 1.5 0 0 1 8.5 3Zm.6 11.2 2 2 4.3-4.7-1.5-1.4-2.9 3.2-.9-.9-1 1.8Z'/%3E%3C/svg%3E");
    --icon-assets: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 7.5A2.5 2.5 0 0 1 5.5 5h4.1l2 2.2h6.9A2.5 2.5 0 0 1 21 9.7v6.8a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 16.5v-9Z'/%3E%3C/svg%3E");
    --icon-mine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4.4 4.4 0 1 0 0-8.8 4.4 4.4 0 0 0 0 8.8Zm0 2.1c-4.2 0-7.6 2.5-7.6 5.5 0 .8.6 1.4 1.4 1.4h12.4c.8 0 1.4-.6 1.4-1.4 0-3-3.4-5.5-7.6-5.5Z'/%3E%3C/svg%3E");
  }


  body[data-current-view="home"] .generated-module-card i,
  body[data-current-view="create"] #createView .desktop-create-type .category-card .module-icon {
    display: grid !important;
    place-items: center !important;
    font-size: 0 !important;
    overflow: hidden !important;
  }

  body[data-current-view="home"] .generated-module-card i::before,
  body[data-current-view="create"] #createView .desktop-create-type .category-card .module-icon::before {
    content: "" !important;
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    background: transparent var(--solid-module-icon) center / contain no-repeat !important;
    -webkit-mask: none !important;
    mask: none !important;
  }

  body[data-current-view="home"] .generated-module-card.is-rose i {
    background: #dff4ec !important;
    color: #00705f !important;
    --solid-module-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23006f5f' d='M23.6 7.5 39.3 16c1.5.8 2.4 2.3 2.4 4v15.2a4.2 4.2 0 0 1-4.2 4.2H20c-1.5 0-2.9-.8-3.7-2L7.6 23.9a4.2 4.2 0 0 1 .6-5.3l10.4-9.8a4.2 4.2 0 0 1 5-.8Z'/%3E%3Cpath fill='white' d='M15.1 30.2 20 17.4h3.2l4.9 12.8h-3.5l-.8-2.4h-4.6l-.8 2.4h-3.3Zm4.9-5h3l-1.5-4.5-1.5 4.5Zm9.5 5V17.4h5c1.4 0 2.6.3 3.6.8s1.8 1.3 2.3 2.3c.5 1 .8 2.1.8 3.4 0 1.3-.3 2.4-.8 3.4a5.2 5.2 0 0 1-2.3 2.2c-1 .5-2.2.8-3.6.8h-5Zm3.2-2.9h1.6c1.2 0 2-.3 2.6-.9.6-.6.9-1.5.9-2.6 0-1.1-.3-2-.9-2.6-.6-.6-1.4-.9-2.6-.9h-1.6v7Z'/%3E%3C/svg%3E") !important;
  }

  body[data-current-view="home"] .generated-module-card.is-mint i,
  body[data-current-view="create"] #createView .module-icon-compare {
    background: #e2f4ed !important;
    color: #007d6b !important;
    --solid-module-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle fill='%23007968' cx='20' cy='17' r='7'/%3E%3Cpath fill='%23007968' d='M8 38c.9-7.4 5.3-11.2 12-11.2s11.1 3.8 12 11.2H8Z'/%3E%3Cpath fill='%23007968' d='M34.5 15a2.5 2.5 0 0 1 2.5 2.5V22h4.5a2.5 2.5 0 0 1 0 5H37v4.5a2.5 2.5 0 0 1-5 0V27h-4.5a2.5 2.5 0 0 1 0-5H32v-4.5a2.5 2.5 0 0 1 2.5-2.5Z'/%3E%3C/svg%3E") !important;
  }

  body[data-current-view="home"] .generated-module-card.is-blue i,
  body[data-current-view="create"] #createView .module-icon-chat {
    background: #e9f1ff !important;
    color: #2f73d8 !important;
    --solid-module-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%232f73d8' d='M24 8c10 0 18 6.6 18 14.8S34 37.6 24 37.6c-2.1 0-4.1-.3-6-.9l-8.4 3.8 2.3-7.2C8.3 30.6 6 26.9 6 22.8 6 14.6 14 8 24 8Z'/%3E%3Ccircle fill='white' cx='17.5' cy='23.5' r='2.2'/%3E%3Ccircle fill='white' cx='24' cy='23.5' r='2.2'/%3E%3Ccircle fill='white' cx='30.5' cy='23.5' r='2.2'/%3E%3C/svg%3E") !important;
  }

  body[data-current-view="home"] .generated-module-card.is-gold i {
    background: #fff0dc !important;
    color: #d38100 !important;
    --solid-module-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23d88400' d='m24 5 16 9v19L24 43 8 33V14L24 5Z'/%3E%3Cpath fill='%23f2aa22' d='M24 5v18L8 14 24 5Z'/%3E%3Cpath fill='%23b96700' d='M24 23v20L8 33V14l16 9Z'/%3E%3Cpath fill='%23f9bd3d' d='M24 23 40 14 24 5v18Z'/%3E%3Cpath fill='%23c97800' d='M24 23 40 14v19L24 43V23Z'/%3E%3C/svg%3E") !important;
  }

  body[data-current-view="create"] #createView .module-icon-ad {
    background: #dff4ec !important;
    --solid-module-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23006f5f' d='M23.6 7.5 39.3 16c1.5.8 2.4 2.3 2.4 4v15.2a4.2 4.2 0 0 1-4.2 4.2H20c-1.5 0-2.9-.8-3.7-2L7.6 23.9a4.2 4.2 0 0 1 .6-5.3l10.4-9.8a4.2 4.2 0 0 1 5-.8Z'/%3E%3Cpath fill='white' d='M15.1 30.2 20 17.4h3.2l4.9 12.8h-3.5l-.8-2.4h-4.6l-.8 2.4h-3.3Zm4.9-5h3l-1.5-4.5-1.5 4.5Zm9.5 5V17.4h5c1.4 0 2.6.3 3.6.8s1.8 1.3 2.3 2.3c.5 1 .8 2.1.8 3.4 0 1.3-.3 2.4-.8 3.4a5.2 5.2 0 0 1-2.3 2.2c-1 .5-2.2.8-3.6.8h-5Zm3.2-2.9h1.6c1.2 0 2-.3 2.6-.9.6-.6.9-1.5.9-2.6 0-1.1-.3-2-.9-2.6-.6-.6-1.4-.9-2.6-.9h-1.6v7Z'/%3E%3C/svg%3E") !important;
  }

  body[data-current-view="home"] .generated-module-card.is-rose i::before,
  body[data-current-view="home"] .generated-module-card.is-mint i::before,
  body[data-current-view="home"] .generated-module-card.is-blue i::before,
  body[data-current-view="home"] .generated-module-card.is-gold i::before,
  body[data-current-view="create"] #createView .desktop-create-type .category-card .module-icon::before {
    width: 36px !important;
    height: 36px !important;
    background-color: transparent !important;
    background-image: var(--solid-module-icon) !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    -webkit-mask: none !important;
    mask: none !important;
  }

  /* final color correction: white workspace with consistent left navigation */
  html,
  body,
  body[data-current-view],
  body[data-current-view] .app-shell,
  body[data-current-view] .main,
  body[data-current-view] .view,
  body[data-current-view] #homeView.view.active {
    background: #ffffff !important;
    background-image: none !important;
  }

  body[data-current-view] .topbar {
    background: #ffffff !important;
    border-bottom: 1px solid #e4ebe9 !important;
    box-shadow: none !important;
  }






  body[data-current-view="home"] .generated-home {
    background: #ffffff !important;
  }

  body[data-current-view="home"] .generated-home-hero {
    background:
      linear-gradient(105deg, rgba(235, 249, 244, 0.86) 0%, rgba(255, 255, 255, 0.98) 44%, rgba(255, 252, 246, 0.92) 100%) !important;
    border-color: #d9e2df !important;
    box-shadow: none !important;
  }

  body[data-current-view="home"] .generated-module-card,
  body[data-current-view="home"] .generated-dashboard-grid > .generated-panel,
  body[data-current-view="home"] .generated-news-panel,
  body[data-current-view="home"] .generated-stat-pair button,
  body[data-current-view="home"] .generated-mini-stats button,
  body[data-current-view="home"] .generated-assets-panel .generated-asset-strip button,
  body[data-current-view="home"] .generated-news-list {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #d9e2df !important;
    box-shadow: none !important;
  }

  body[data-current-view="home"] .generated-module-card:hover {
    background: #ffffff !important;
    border-color: #cbd8d5 !important;
  }

  /* final home module row correction: four project cards must fill the row */
  body[data-current-view="home"] .generated-module-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    margin: 16px 0 18px !important;
    gap: 14px !important;
  }

  body[data-current-view="home"] .generated-module-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 108px !important;
    min-height: 108px !important;
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) 20px !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "icon title arrow"
      "icon desc arrow" !important;
    align-items: center !important;
    column-gap: 16px !important;
    row-gap: 2px !important;
    padding: 20px 20px !important;
    border: 1px solid #d9e2df !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-current-view="home"] .generated-module-card i {
    grid-area: icon !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 14px !important;
    margin: 0 !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  body[data-current-view="home"] .generated-module-card span {
    grid-area: title !important;
    margin: 0 !important;
    color: #111827 !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
  }

  body[data-current-view="home"] .generated-module-card strong {
    display: none !important;
  }

  body[data-current-view="home"] .generated-module-card em {
    grid-area: desc !important;
    margin: 0 !important;
    color: #5c686d !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
  }

  body[data-current-view="home"] .generated-module-card::after {
    grid-area: arrow !important;
    content: "›" !important;
    align-self: center !important;
    justify-self: end !important;
    color: #111827 !important;
    font-size: 34px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    background: none !important;
  }

  @media (max-width: 1100px) {
    body[data-current-view="home"] .generated-module-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  @media (max-width: 1180px) {
    body[data-current-view="create"] #createView .workspace-grid {
      grid-template-columns: minmax(0, 1fr) !important;
    }

    body[data-current-view="create"] #createView .desktop-create-basic,
    body[data-current-view="create"] #advancedCreateFields .advanced-create-grid,
    body[data-current-view="create"] #createView #createForm > .comparison-field:not(.hidden-field) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  @media (max-width: 760px) {
    body[data-current-view="create"] #createForm,
    body[data-current-view="create"] #createView .desktop-create-type .category-tabs,
    body[data-current-view="create"] #createView .desktop-create-basic,
    body[data-current-view="create"] #advancedCreateFields .advanced-create-grid,
    body[data-current-view="create"] #createView #createForm > .comparison-field:not(.hidden-field),
    body[data-current-view="create"] #createView .form-actions {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }
}

/* 2026-06-03 mobile final cascade guard */
@media (max-width: 720px) {
  body[data-current-view],
  body[data-current-view] .app-shell,
  body[data-current-view] .main,
  body[data-current-view] .view,
  body[data-current-view] #createView,
  body[data-current-view] #assetsView,
  body[data-current-view] #mineView {
    background: #ffffff !important;
    background-image: none !important;
  }

  body[data-current-view] .main {
    padding: 0 16px 94px !important;
  }

  body[data-current-view="home"] .generated-home-hero,
  body[data-current-view="home"] .generated-home-hero > div,
  body[data-current-view="home"] .generated-home-hero .primary-button {
    position: relative !important;
    overflow: visible !important;
    background-image: none !important;
  }

  body[data-current-view="home"] .generated-home-hero::before,
  body[data-current-view="home"] .generated-home-hero::after,
  body[data-current-view="home"] .generated-home-hero > div::before,
  body[data-current-view="home"] .generated-home-hero > div::after,
  body[data-current-view="home"] .generated-home-hero .primary-button::before,
  body[data-current-view="home"] .generated-home-hero .primary-button::after {
    content: none !important;
    display: none !important;
  }

  body[data-current-view="home"] .generated-home-hero h2 {
    max-width: none !important;
    width: 100% !important;
    white-space: nowrap !important;
    font-size: 24px !important;
  }

  body[data-current-view="home"] .generated-home-hero .primary-button {
    width: 100% !important;
    height: 48px !important;
    border-radius: 12px !important;
    background: #007a68 !important;
  }

  body[data-current-view="create"] #createView .workspace-grid,
  body[data-current-view="create"] #createView .form-panel,
  body[data-current-view="create"] #createForm,
  body[data-current-view="create"] #createView .desktop-create-type,
  body[data-current-view="create"] #createView .desktop-create-basic,
  body[data-current-view="create"] #advancedCreateFields,
  body[data-current-view="create"] #createView .desktop-create-note {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #createView .workspace-grid,
  body[data-current-view="create"] #createView .form-panel {
    padding: 0 !important;
    border: 0 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f2f5f4 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .desktop-create-section-title,
  body[data-current-view="create"] #createView .category-card .module-icon,
  body[data-current-view="create"] #createView .category-card .category-intro {
    display: none !important;
  }

  body[data-current-view="create"] #createView .category-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 4px !important;
    margin: 0 !important;
  }

  body[data-current-view="create"] #createView .category-card {
    min-height: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #6d7775 !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #createView .category-card.active {
    background: #007a68 !important;
    color: #ffffff !important;
  }

  body[data-current-view="create"] #createView .category-card strong {
    color: currentColor !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-basic,
  body[data-current-view="create"] #advancedCreateFields,
  body[data-current-view="create"] #createView .desktop-create-note {
    margin-bottom: 18px !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body[data-current-view="create"] #createView .panel-heading,
  body[data-current-view="create"] #createView .choice-picker,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-title {
    display: none !important;
  }

  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid,
  body[data-current-view="create"] #createView .field-group {
    display: block !important;
  }

  body[data-current-view="create"] #advancedCreateFields label {
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #edf2f1 !important;
  }

  body[data-current-view="home"] #homeView .generated-home .generated-home-hero p {
    display: block !important;
    max-width: 330px !important;
    margin: 0 0 18px !important;
    color: #6d7775 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.55 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 4px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background: #f2f5f4 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-tabs .category-card {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    background-image: none !important;
    color: #6d7775 !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: hidden !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-tabs .category-card.active {
    background: #007a68 !important;
    color: #ffffff !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-tabs .category-card .module-icon,
  body[data-current-view="create"] #createView .desktop-create-type .category-tabs .category-card .category-intro {
    display: none !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-tabs .category-card strong {
    display: block !important;
    margin: 0 !important;
    color: currentColor !important;
    font-size: 0 !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-tabs .category-card strong::before {
    display: block !important;
    color: currentColor !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-tabs .category-card[data-category="project_ad"] strong::before {
    content: "项目广告" !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-tabs .category-card[data-category="real_comparison"] strong::before {
    content: "真人效果" !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-tabs .category-card[data-category="chat_feedback"] strong::before {
    content: "聊天记录" !important;
  }

  body[data-current-view="create"] #advancedCreateFields,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > .field-group,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > label {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > .field-group.hidden-field,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > label.hidden-field {
    display: block !important;
  }

  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid label {
    display: flex !important;
  }

  body[data-current-view="create"] #createView #createForm {
    display: flex !important;
    flex-direction: column !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type { order: 1 !important; }
  body[data-current-view="create"] #createView .desktop-create-basic { order: 2 !important; }
  body[data-current-view="create"] #advancedCreateFields {
    order: 3 !important;
    min-height: 286px !important;
    height: auto !important;
    overflow: visible !important;
  }
  body[data-current-view="create"] #createView .desktop-create-note { order: 4 !important; }
  body[data-current-view="create"] #createView .form-actions { order: 5 !important; }

  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid {
    min-height: 260px !important;
    height: auto !important;
    overflow: visible !important;
  }

  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > .field-group,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > .field-group.hidden-field,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > label {
    min-height: 52px !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > .field-group label,
  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid > label {
    min-height: 52px !important;
    height: 52px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    border-bottom: 1px solid #edf2f1 !important;
  }

  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid label > span {
    width: auto !important;
    margin: 0 !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
  }

  body[data-current-view="create"] #advancedCreateFields .advanced-create-grid label select {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    z-index: 2 !important;
  }









  body[data-current-view="home"] #homeView .generated-module-grid {
    margin-top: -2px !important;
  }

  body[data-current-view="assets"] #assetGrid:not(:empty) + .mobile-assets-empty {
    display: none !important;
  }

  body[data-current-view="assets"] .mobile-assets-empty {
    min-height: 330px !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 8px !important;
    color: #7b8582 !important;
    text-align: center !important;
  }

  body[data-current-view="assets"] .mobile-assets-empty::before {
    content: "" !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    background: #edf7f4 !important;
  }

  body[data-current-view="assets"] .mobile-assets-empty strong {
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="assets"] .mobile-assets-empty span {
    max-width: 210px !important;
    color: #7b8582 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
  }

  body[data-current-view="mine"] .mobile-credit-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 0 14px !important;
    padding: 16px !important;
    border: 1px solid #e6ecea !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body[data-current-view="mine"] .mobile-credit-card span,
  body[data-current-view="mine"] .mobile-credit-card small {
    display: block !important;
    color: #7b8582 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="mine"] .mobile-credit-card strong {
    display: block !important;
    margin: 6px 0 4px !important;
    color: #111827 !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  body[data-current-view="mine"] .mobile-credit-card button {
    width: 92px !important;
    height: 38px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #007a68 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }
}