@media (max-width: 720px) {
  html,
  body {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    background: #fff !important;
    color: #111827 !important;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
  }

  body[data-current-view] .app-shell,
  body[data-current-view] .main,
  body[data-current-view] .view {
    width: 100% !important;
    max-width: 100% !important;
    background: #fff !important;
    background-image: none !important;
  }

  body[data-current-view] .main {
    margin: 0 !important;
    padding: 0 16px 96px !important;
    overflow-x: hidden !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] #createView .result-panel,
  body[data-current-view] #createView .generated-create-side-preview,
  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;
    margin: 0 !important;
    padding: 0 !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;
    background: #fff !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 800 !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;
    background: #fff !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;
    border-radius: 9px !important;
    background: #007a68 !important;
  }

  body[data-current-view] .mobile-home-brand strong {
    display: grid !important;
    color: #111827 !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;
  }

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

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

  body[data-current-view="create"] .mobile-page-title::before { content: "创作"; }
  body[data-current-view="assets"] .mobile-page-title::before { content: "素材"; }
  body[data-current-view="mine"] .mobile-page-title::before { content: "我的"; }

  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;
    background: transparent !important;
  }

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


  body[data-current-view] .mobile-bottom-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 76px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 7px 18px calc(8px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #e8eeee !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    z-index: 200 !important;
  }

  body[data-current-view] .mobile-bottom-nav button {
    width: 100% !important;
    height: 58px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #a1aaa8 !important;
    box-shadow: none !important;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
  }

  body[data-current-view="home"] .mobile-bottom-nav [data-go-view="home"],
  body[data-current-view="create"] .mobile-bottom-nav [data-go-view="create"],
  body[data-current-view="assets"] .mobile-bottom-nav [data-go-view="assets"],
  body[data-current-view="mine"] .mobile-bottom-nav [data-go-view="mine"] {
    color: #007a68 !important;
  }

  body[data-current-view] .mobile-bottom-nav i {
    width: 23px !important;
    height: 23px !important;
    display: block !important;
    position: relative !important;
    border-radius: 6px !important;
    color: currentColor !important;
    background: currentColor !important;
    -webkit-mask: var(--mobile-final-icon) center / 22px 22px no-repeat !important;
    mask: var(--mobile-final-icon) center / 22px 22px no-repeat !important;
  }

  body[data-current-view] .mobile-bottom-nav .home {
    --mobile-final-icon: 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.5 12 3l9 7.5V21h-6v-6H9v6H3V10.5Z'/%3E%3C/svg%3E");
  }

  body[data-current-view] .mobile-bottom-nav .create {
    --mobile-final-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 4h2v7h7v2h-7v7h-2v-7H4v-2h7V4Z'/%3E%3C/svg%3E");
  }

  body[data-current-view] .mobile-bottom-nav .assets {
    --mobile-final-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5a2 2 0 0 1 2-2h4l2 2h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5Z'/%3E%3C/svg%3E");
  }

  body[data-current-view] .mobile-bottom-nav .mine {
    --mobile-final-icon: 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.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm-8 9c.7-4.6 3.6-7 8-7s7.3 2.4 8 7H4Z'/%3E%3C/svg%3E");
  }

  body[data-current-view] .mobile-bottom-nav span {
    display: block !important;
    color: currentColor !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

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

  body[data-current-view="home"] .generated-home-hero {
    display: block !important;
    margin: 0 !important;
    padding: 16px 0 14px !important;
    border: 0 !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,
  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 span {
    display: none !important;
  }

  body[data-current-view="home"] .generated-home-hero h2 {
    margin: 0 0 8px !important;
    color: #111827 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body[data-current-view="home"] .generated-home-hero p {
    display: block !important;
    max-width: 330px !important;
    margin: 0 0 16px !important;
    color: #5f6b68 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.5 !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: #fff !important;
    font-size: 15px !important;
    font-weight: 900 !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: 12px 0 22px !important;
  }

  body[data-current-view="home"] .generated-module-card {
    height: 150px !important;
    min-height: 150px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    position: relative !important;
    padding: 15px !important;
    border: 1px solid #e6ecea !important;
    border-radius: 16px !important;
    background: #fff !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;
    display: grid !important;
    place-items: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
  }

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

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

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

  body[data-current-view="home"] .generated-module-card em {
    margin: auto 0 0 !important;
    color: #89918f !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 750 !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-dashboard-grid {
    display: block !important;
  }

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

  body[data-current-view="home"] .generated-stat-pair {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !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="create"] #createForm {
    display: flex !important;
    flex-direction: column !important;
  }

  body[data-current-view="create"] #createView .workspace-grid,
  body[data-current-view="create"] #createView .form-panel {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #createView .panel-heading,
  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,
  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"] #createView .desktop-create-type {
    order: 1 !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    background: #f2f5f4 !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;
  }

  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"] #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;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card {
    height: 36px !important;
    min-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 .desktop-create-type .category-card.active {
    background: #007a68 !important;
    color: #fff !important;
  }

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

  body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="project_ad"] strong::before { content: "项目广告"; }
  body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="real_comparison"] strong::before { content: "真人效果"; }
  body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="chat_feedback"] strong::before { content: "聊天记录"; }

  body[data-current-view="create"] #createView .desktop-create-type .category-card strong::before {
    font-size: 13px !important;
    font-weight: 900 !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 label > span {
    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;
    border: 1px solid #dfe7e5 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #111827 !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #advancedCreateFields label {
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    border-bottom: 1px solid #edf2f1 !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;
  }

  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;
    text-align: center !important;
  }

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

  body[data-current-view] .mobile-status-bar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body[data-current-view] .mobile-app-header {
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-current-view="create"] .main {
    padding: 0 16px 158px !important;
  }

  body[data-current-view="create"] .mobile-app-header {
    height: 62px !important;
  }

  body[data-current-view="create"] .mobile-page-title {
    font-size: 18px !important;
    font-weight: 950 !important;
  }

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

  body[data-current-view="create"] #createView .desktop-create-type {
    margin: 0 0 22px !important;
    border-radius: 16px !important;
    background: #f1f5f4 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-tabs {
    height: 46px !important;
    padding: 5px !important;
    border-radius: 16px !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card {
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 12px !important;
    color: #4f5d5a !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type .category-card.active {
    background: #007a68 !important;
    color: #ffffff !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: 0 0 24px !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 {
    margin-bottom: 12px !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-basic label {
    margin-bottom: 12px !important;
    padding: 14px !important;
    border: 1px solid #dfe9e6 !important;
    border-radius: 12px !important;
    background: #fbfdfc !important;
  }

  body[data-current-view="create"] #createView input,
  body[data-current-view="create"] #createView select,
  body[data-current-view="create"] #createView textarea {
    min-height: 44px !important;
    margin-top: 10px !important;
    font-size: 15px !important;
  }

  body[data-current-view="create"] #advancedCreateFields {
    padding: 16px 12px 4px !important;
    border: 1px solid #dfe9e6 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    min-height: 0 !important;
  }

  body[data-current-view="create"] #advancedCreateFields label {
    height: 54px !important;
    padding: 0 2px !important;
  }

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

  body[data-current-view="create"] #createView .form-actions {
    position: fixed !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 84px !important;
    z-index: 190 !important;
    display: block !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    background: linear-gradient(180deg, rgba(255,255,255,0), #ffffff 28%) !important;
  }

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

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

  body[data-current-view="create"] #createView .form-actions #generateBtn.primary-button,
  body[data-current-view="create"] #createView .form-actions button#generateBtn {
    background: #007a68 !important;
    background-color: #007a68 !important;
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] .main {
    padding: 0 24px 96px !important;
  }

  body[data-current-view="create"] #createView {
    padding-top: 2px !important;
  }

  body[data-current-view="create"] #createForm {
    gap: 0 !important;
  }

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

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

  body[data-current-view="create"] #createView .desktop-create-type .category-card {
    height: 40px !important;
    min-height: 40px !important;
    border: 1px solid #e3e7eb !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #111827 !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03) !important;
  }

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

  body[data-current-view="create"] #createView .desktop-create-type .category-card strong::before {
    font-size: 14px !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: 0 0 26px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !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 14px !important;
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-basic label,
  body[data-current-view="create"] #advancedCreateFields label {
    min-height: 44px !important;
    height: 44px !important;
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f3 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  body[data-current-view="create"] #createView label > span {
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
  }

  body[data-current-view="create"] #createView input,
  body[data-current-view="create"] #createView select {
    min-height: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid #e1e6ea !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #createView input::placeholder,
  body[data-current-view="create"] #createView textarea::placeholder {
    color: #a6adb5 !important;
  }

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

  body[data-current-view="create"] #advancedCreateFields select {
    position: static !important;
    inset: auto !important;
    opacity: 1 !important;
    width: 100% !important;
    color: #9aa3ad !important;
    appearance: none !important;
  }

  body[data-current-view="create"] #advancedCreateFields label::after {
    content: ">" !important;
    position: absolute !important;
    right: 2px !important;
    color: #9aa3ad !important;
    font-size: 17px !important;
    font-weight: 400 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-note label {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body[data-current-view="create"] #createView .desktop-create-note label > span {
    display: block !important;
    margin: 0 0 10px !important;
  }

  body[data-current-view="create"] #createView textarea {
    width: 100% !important;
    min-height: 104px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 1px solid #e1e6ea !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-size: 13px !important;
    box-shadow: none !important;
  }

  body[data-current-view="create"] #createView .form-actions {
    position: static !important;
    display: block !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-current-view="create"] #generateBtn,
  body[data-current-view="create"] #createView .form-actions #generateBtn.primary-button,
  body[data-current-view="create"] #createView .form-actions button#generateBtn {
    height: 48px !important;
    border-radius: 7px !important;
  }

  body[data-current-view="create"] #createView label.project-name-field > span,
  body[data-current-view="create"] #createView label:has(#adStyle) > span {
    font-size: 0 !important;
  }

  body[data-current-view="create"] #createView label.project-name-field > span::before {
    content: "项目主体" !important;
    font-size: 13px !important;
  }

  body[data-current-view="create"] #createView label:has(#adStyle) > span::before {
    content: "风格选择" !important;
    font-size: 13px !important;
  }

  body[data-current-view="create"] #createView #advancedCreateFields {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 24px !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="create"] #createView #advancedCreateFields .advanced-create-grid {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body[data-current-view="create"] #createView #advancedCreateFields .advanced-create-grid > .field-group,
  body[data-current-view="create"] #createView #advancedCreateFields .advanced-create-grid > .field-group.hidden-field,
  body[data-current-view="create"] #createView #advancedCreateFields .advanced-create-grid > label {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body[data-current-view="create"] #createView #advancedCreateFields .advanced-create-grid > .field-group label,
  body[data-current-view="create"] #createView #advancedCreateFields .advanced-create-grid > label {
    min-height: 44px !important;
    height: 44px !important;
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f3 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

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

  body[data-current-view="create"] #createView #advancedCreateFields .advanced-create-grid label select {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    opacity: 1 !important;
    z-index: auto !important;
    padding: 0 28px 0 14px !important;
    border: 1px solid #e1e6ea !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #9aa3ad !important;
    font-size: 13px !important;
    appearance: none !important;
  }

  body[data-current-view="create"] #createView #advancedCreateFields .advanced-create-grid label::after {
    content: ">" !important;
    position: absolute !important;
    right: 11px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #9aa3ad !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    pointer-events: none !important;
    z-index: 3 !important;
  }

  body[data-current-view="create"] .mobile-app-header {
    height: 54px !important;
  }

  body[data-current-view="create"] #createView .desktop-create-type {
    margin-bottom: 22px !important;
  }

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

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

  body[data-current-view="create"] #createView input,
  body[data-current-view="create"] #createView select,
  body[data-current-view="create"] #createView #advancedCreateFields .advanced-create-grid label select {
    min-height: 32px !important;
    height: 32px !important;
  }

  body[data-current-view="create"] #createView textarea,
  body[data-current-view="create"] #createView .desktop-create-note textarea,
  body[data-current-view="create"] #extraText {
    min-height: 58px !important;
    height: 58px !important;
    max-height: 58px !important;
    resize: none !important;
  }

  body[data-current-view="create"] #createView #extraText,
  body[data-current-view="create"] #createView .desktop-create-note label.extra-text-field textarea#extraText {
    min-height: 58px !important;
    height: 58px !important;
    max-height: 58px !important;
    resize: none !important;
  }

  body[data-current-view="create"] #createView .form-actions {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-current-view="create"] #generateBtn,
  body[data-current-view="create"] #createView .form-actions #generateBtn.primary-button,
  body[data-current-view="create"] #createView .form-actions button#generateBtn {
    width: 100% !important;
    height: 44px !important;
  }
}