From bbc705c8d9cb7de896bad26de370c572fce70f17 Mon Sep 17 00:00:00 2001 From: ludan <251918489@qq.com> Date: Fri, 5 Jun 2026 18:28:10 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83?= =?UTF-8?q?=E4=BB=AA=E8=A1=A8=E7=9B=98=E8=A7=86=E8=A7=89=E6=89=93=E7=A3=A8?= =?UTF-8?q?=E4=B8=8E=E4=BA=A4=E4=BA=92=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 本次提交对个人中心（Profile Dashboard）进行了全面的 UI/UX 升级： ## AppShell 导航修复 - 修复浮动导航栏显示逻辑：移除未登录状态下多余的 session 判断条件，确保登录页不显示导航 ## ProfilePage 功能增强 - 新增面板标题、描述和计数变量，动态展示不同面板（代表作/服务器项目/我的资产/社区审核）的上下文信息 - 背景图更换按钮增加 aria-label 无障碍支持，文字使用独立 span 便于移动端隐藏 - 积分与任务切换按钮拆分为标签+数值结构，信息层级更清晰 - 账号摘要卡片新增套餐名称和已完成任务数展示 - 操作按钮（工作台/社区/退出登录）包裹至 actions 容器，统一布局管理 - 主面板标签页文字包裹 span，支持响应式隐藏 ## profile.css 滚动模型调整 - Dashboard 视图改用页面自然滚动，替代嵌套区域滚动，避免双滚动条问题 ## dark-green.css 主题样式（约 1160 行新增） - 背景图与头像区域：毛玻璃按钮、头像环绿边光晕、hover 编辑覆盖层 - 个性签名：圆角胶囊展示态 + 编辑态双向布局，状态提示条 - 账号卡片：标签按钮网格化布局、积分摘要面板、套餐标签 - 操作按钮组：主按钮渐变绿色、次要按钮低对比、退出按钮红色警示 - 内容标签页：胶囊切换 + 计数徽章，激活态绿边高亮 - 列表卡片：hover 微上浮 + 绿色边框过渡，空状态虚线面板 - 多轮视觉迭代：从 graphite 灰调到最终 black+green 参考色调 - 响应式适配：移动端头像环缩小、背景按钮圆形、标签页紧凑排列 - 页面级滚动：让 body 自然滚动，取消 content 内部滚动容器 --- src/components/AppShell.tsx | 2 +- src/features/profile/ProfilePage.tsx | 92 +- src/styles/pages/profile.css | 7 + src/styles/themes/dark-green.css | 1151 ++++++++++++++++++++++++++ 4 files changed, 1218 insertions(+), 34 deletions(-) diff --git a/src/components/AppShell.tsx b/src/components/AppShell.tsx index 662c17f..4bb75c1 100644 --- a/src/components/AppShell.tsx +++ b/src/components/AppShell.tsx @@ -75,7 +75,7 @@ function AppShell({ const [navJustActivated, setNavJustActivated] = useState(null); const isAuthView = activeView === "login"; const isImmersiveView = activeView === "agent" || activeView === "avatarConsole"; - const showFloatingNav = (!isAuthView || !!session) && !isImmersiveView && activeView !== "home"; + const showFloatingNav = !isAuthView && !isImmersiveView && activeView !== "home"; const toolSurfaceViews = [ "workbench", "canvas", diff --git a/src/features/profile/ProfilePage.tsx b/src/features/profile/ProfilePage.tsx index f0a14a6..5b45cac 100644 --- a/src/features/profile/ProfilePage.tsx +++ b/src/features/profile/ProfilePage.tsx @@ -260,6 +260,30 @@ function ProfilePage({ const packageLabel = session?.user.activePackages?.[0]?.name || "按量积分"; const avatarUrl = session?.user.avatarUrl || localAvatarUrl || null; const displayedBio = profileBio.trim() || "这个人还没有填写个性签名"; + const activePanelTitle = + activePanel === "works" + ? "代表作" + : activePanel === "projects" + ? "服务器项目" + : activePanel === "assets" + ? "我的资产" + : "社区审核"; + const activePanelDescription = + activePanel === "works" + ? "最近完成的高质量生成内容" + : activePanel === "projects" + ? "云端同步的创作项目" + : activePanel === "assets" + ? "可复用的图片、视频与素材" + : "已提交社区的案例状态"; + const activePanelCount = + activePanel === "works" + ? visibleWorks.length + : activePanel === "projects" + ? projects.length + : activePanel === "assets" + ? savedAssets.length + : communityCases.length; const emailLooksValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.trim()); const phoneLooksValid = /^1[3-9]\d{9}$/.test(phone.trim()); const passwordLooksReady = password.length >= (mode === "register" ? 6 : 1); @@ -765,9 +789,9 @@ function ProfilePage({ className={`profile-page__banner${bannerUrl ? " has-image" : ""}`} style={bannerUrl ? { backgroundImage: `url(${bannerUrl})` } : undefined} > -
@@ -847,14 +871,16 @@ function ProfilePage({ className={accountPanel === "credits" ? "is-active" : ""} onClick={() => setAccountPanel("credits")} > - 积分 {(totalBalance / 100).toFixed(2)} + 可用积分 + {(totalBalance / 100).toFixed(2)}
@@ -863,6 +889,7 @@ function ProfilePage({ 当前账号 {displayName} + {packageLabel} 积分剩余 @@ -874,6 +901,7 @@ function ProfilePage({ 任务概览 {tasks.length} 个任务 + {completedTasks.length} 个已完成 已完成 @@ -884,51 +912,49 @@ function ProfilePage({
- +
+ - - - + + + +
- - {activePanel === "works" - ? "代表作" - : activePanel === "projects" - ? "服务器项目" - : activePanel === "assets" - ? "我的资产" - : "社区审核"} - +
+ {activePanelTitle} + {activePanelDescription} + {activePanelCount} 项 +
{renderActivePanel()}
diff --git a/src/styles/pages/profile.css b/src/styles/pages/profile.css index 1541117..43c0622 100644 --- a/src/styles/pages/profile.css +++ b/src/styles/pages/profile.css @@ -15,3 +15,10 @@ .profile-page__works-scroll .profile-page__list-grid { grid-template-columns: repeat(3, 1fr); /* 固定3列，刚好3×3=9个可见 */ } + +/* Dashboard uses natural page scrolling instead of a nested works scroller. */ +.profile-page--dashboard .profile-page__works-scroll { + max-height: none; + overflow: visible; + scrollbar-width: auto; +} diff --git a/src/styles/themes/dark-green.css b/src/styles/themes/dark-green.css index 34768b6..0ba9f38 100644 --- a/src/styles/themes/dark-green.css +++ b/src/styles/themes/dark-green.css @@ -7365,6 +7365,1157 @@ } } +/* Personal center polish: keep account editing controls aligned and quiet. */ +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner.has-image { + background-position: center; + background-size: cover; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-overlay { + background: + linear-gradient(180deg, rgba(13, 13, 15, 0.28) 0%, rgba(13, 13, 15, 0.64) 58%, rgba(13, 13, 15, 0.92) 100%), + linear-gradient(90deg, rgba(13, 13, 15, 0.78), rgba(13, 13, 15, 0.28) 48%, rgba(13, 13, 15, 0.72)); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn { + right: clamp(16px, 3.2vw, 32px); + bottom: clamp(18px, 2.8vw, 28px); + min-height: 42px; + padding: 0 16px; + border-color: rgba(255, 255, 255, 0.14); + border-radius: 12px; + background: rgba(13, 13, 15, 0.58); + color: var(--fg-body); + backdrop-filter: blur(14px); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn:hover { + border-color: rgba(var(--accent-rgb), 0.36); + background: rgba(13, 13, 15, 0.72); + color: var(--accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-ring { + width: 88px; + height: 88px; + padding: 3px; + border: 1px solid rgba(var(--accent-rgb), 0.24); + border-radius: 50%; + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)), + rgba(var(--accent-rgb), 0.08); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-ring .profile-page__avatar, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar { + width: 82px; + height: 82px; + border: 2px solid rgba(5, 8, 13, 0.9); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-edit { + top: 3px; + right: 3px; + bottom: 3px; + left: 3px; + z-index: 3; + display: grid; + place-items: center; + width: auto; + height: auto; + min-width: 0; + min-height: 0; + margin: 0; + padding: 0; + border: 0; + border-radius: 50%; + background: rgba(5, 8, 13, 0.58); + color: #fff; + line-height: 1; + opacity: 0; + transform: none; + appearance: none; + transition: opacity var(--transition-fast), background var(--transition-fast); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-edit .anticon { + position: absolute; + top: 50%; + left: 50%; + display: inline-flex; + align-items: center; + justify-content: center; + width: 30px; + height: 30px; + border: 1px solid rgba(255, 255, 255, 0.18); + border-radius: 50%; + background: rgba(255, 255, 255, 0.1); + font-size: 14px; + line-height: 1; + transform: translate(-50%, -50%); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-edit .anticon svg { + display: block; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-ring:hover .profile-page__avatar-edit, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-edit:focus-visible { + opacity: 1; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-edit:hover { + background: rgba(5, 8, 13, 0.72); + transform: none; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-badge { + right: 4px; + bottom: 6px; + z-index: 4; + border: 2px solid rgba(5, 8, 13, 0.94); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-display { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + width: min(260px, 100%); + min-height: 38px; + padding: 8px 12px; + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 999px; + background: rgba(255, 255, 255, 0.035); + color: var(--fg-muted); + cursor: pointer; + transition: border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-display:hover, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-display:focus-visible { + border-color: rgba(var(--accent-rgb), 0.28); + background: rgba(var(--accent-rgb), 0.075); + color: var(--fg-body); + outline: none; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-display.is-empty { + color: var(--fg-soft); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-display span { + overflow: hidden; + max-width: 100%; + font-size: 13px; + line-height: 1.35; + text-align: center; + text-overflow: ellipsis; + white-space: nowrap; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-edit-icon { + flex: 0 0 auto; + color: var(--accent); + font-size: 12px; + opacity: 0.82; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-editor { + display: grid; + justify-items: center; + gap: 8px; + width: min(260px, 100%); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio { + width: 100%; + min-height: 68px; + border-color: rgba(var(--accent-rgb), 0.26); + border-radius: 12px; + background: rgba(5, 8, 13, 0.34); + color: var(--fg-body); + text-align: left; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-actions { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 8px; + width: 100%; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-action { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 6px; + min-height: 34px; + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 10px; + background: rgba(255, 255, 255, 0.035); + color: var(--fg-muted); + font-size: 12px; + font-weight: 700; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-action:hover { + border-color: rgba(var(--accent-rgb), 0.28); + color: var(--fg-body); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-action--save { + border-color: rgba(var(--accent-rgb), 0.36); + background: rgba(var(--accent-rgb), 0.12); + color: var(--accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-status, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__sync-notice { + display: inline-flex; + align-items: center; + max-width: min(260px, 100%); + min-height: 26px; + padding: 4px 10px; + border: 1px solid rgba(var(--accent-rgb), 0.18); + border-radius: 999px; + background: rgba(var(--accent-rgb), 0.07); + color: var(--accent); + font-size: 11px; + line-height: 1.3; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__sync-notice { + border-color: rgba(243, 170, 38, 0.28); + background: rgba(243, 170, 38, 0.08); + color: var(--warning); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--primary { + border-color: rgba(var(--accent-rgb), 0.72); + background: + linear-gradient(180deg, rgba(88, 255, 172, 0.98), rgba(0, 216, 116, 0.92)); + color: #061014; + text-shadow: none; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--primary .anticon { + color: currentColor; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--primary:hover { + border-color: rgba(var(--accent-rgb), 0.86); + background: + linear-gradient(180deg, rgba(115, 255, 187, 1), rgba(0, 216, 116, 0.96)); + color: #061014; +} + +@media (max-width: 640px) { + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn { + top: auto; + right: 14px; + bottom: 14px; + width: auto; + min-width: 42px; + height: 42px; + padding: 0 12px; + font-size: 12px; + } + + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn .anticon { + width: auto; + height: auto; + font-size: 14px; + } + + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-ring { + width: 82px; + height: 82px; + } + + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-ring .profile-page__avatar, + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar { + width: 76px; + height: 76px; + } +} + +/* Personal center refinement: make account overview and libraries easier to scan. */ +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__sidebar { + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018)), + rgba(17, 20, 22, 0.98); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__sidebar-head { + width: 100%; + padding: 4px 0 2px; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__counts { + width: 100%; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__count { + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.038), transparent), + rgba(255, 255, 255, 0.022); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__count span { + color: rgba(225, 235, 231, 0.56); + font-size: 11px; + font-weight: 650; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card { + gap: 12px; + border-radius: 14px; + background: + radial-gradient(circle at 18% 0%, rgba(var(--accent-rgb), 0.12), transparent 34%), + linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.016)), + rgba(10, 14, 13, 0.68); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs { + gap: 5px; + padding: 5px; + border: 1px solid rgba(255, 255, 255, 0.06); + border-radius: 12px; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs button { + display: grid; + justify-items: start; + align-content: center; + gap: 2px; + min-height: 44px; + border: 1px solid transparent; + border-radius: 9px; + color: rgba(225, 235, 231, 0.58); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs button span { + overflow: hidden; + max-width: 100%; + font-size: 10px; + font-weight: 760; + line-height: 1.15; + text-overflow: ellipsis; + white-space: nowrap; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs button strong { + overflow: hidden; + max-width: 100%; + color: var(--fg-body); + font-size: 14px; + font-weight: 850; + line-height: 1.15; + text-overflow: ellipsis; + white-space: nowrap; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs button.is-active { + border-color: rgba(var(--accent-rgb), 0.28); + background: rgba(var(--accent-rgb), 0.12); + color: rgba(var(--accent-rgb), 0.88); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs button.is-active strong { + color: var(--accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-summary { + padding: 12px; + border-radius: 13px; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-summary em { + display: block; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__actions { + display: grid; + gap: 9px; + width: 100%; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--plan { + min-height: 34px; + border-style: dashed; + color: rgba(225, 235, 231, 0.62); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--secondary { + background: rgba(255, 255, 255, 0.026); + color: rgba(225, 235, 231, 0.74); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--danger { + border-color: rgba(255, 90, 95, 0.16); + background: rgba(255, 90, 95, 0.035); + color: rgba(255, 154, 157, 0.78); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--danger:hover { + border-color: rgba(255, 90, 95, 0.32); + background: rgba(255, 90, 95, 0.08); + color: #ffb2b5; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs { + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.018)), + rgba(21, 23, 25, 0.94); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + border: 1px solid transparent; + border-radius: 10px; + color: rgba(225, 235, 231, 0.68); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button::after { + display: none; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button span { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button small { + display: inline-flex; + align-items: center; + justify-content: center; + min-width: 24px; + height: 22px; + padding: 0 7px; + border-radius: 999px; + background: rgba(255, 255, 255, 0.06); + color: rgba(225, 235, 231, 0.62); + font-size: 11px; + font-weight: 800; + line-height: 1; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button.is-active { + border-color: rgba(var(--accent-rgb), 0.28); + background: rgba(var(--accent-rgb), 0.11); + color: var(--accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button.is-active small { + background: rgba(var(--accent-rgb), 0.18); + color: var(--accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section { + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.012)), + rgba(17, 20, 22, 0.96); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section-head { + display: grid; + grid-template-columns: minmax(0, 1fr) auto; + grid-template-areas: + "title meta" + "desc meta"; + align-items: center; + column-gap: 12px; + row-gap: 4px; + min-width: 0; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section-label { + grid-area: title; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section-desc { + grid-area: desc; + overflow: hidden; + color: rgba(225, 235, 231, 0.52); + font-size: 12px; + line-height: 1.4; + text-overflow: ellipsis; + white-space: nowrap; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section-meta { + grid-area: meta; + display: inline-flex; + align-items: center; + min-height: 30px; + padding: 0 11px; + border: 1px solid rgba(var(--accent-rgb), 0.18); + border-radius: 999px; + background: rgba(var(--accent-rgb), 0.07); + color: var(--accent); + font-size: 12px; + font-weight: 800; + white-space: nowrap; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__list-card, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__review-item { + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.034), transparent), + rgba(255, 255, 255, 0.018); + transition: border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__list-card:hover, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__review-item:hover { + background: + linear-gradient(180deg, rgba(var(--accent-rgb), 0.055), transparent), + rgba(255, 255, 255, 0.026); + transform: translateY(-1px); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__media-card .profile-page__list-card-head strong { + color: rgba(246, 248, 251, 0.96); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__media-card p { + color: rgba(225, 235, 231, 0.56); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__media-card .profile-page__list-card-meta { + color: rgba(225, 235, 231, 0.42); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__empty-state { + border-style: dashed; + background: + radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), 0.08), transparent 42%), + rgba(255, 255, 255, 0.018); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__empty-mark { + display: grid; + place-items: center; + width: 46px; + height: 46px; + border: 1px solid rgba(var(--accent-rgb), 0.18); + border-radius: 14px; + background: rgba(var(--accent-rgb), 0.08); + color: var(--accent); +} + +@media (max-width: 640px) { + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs button { + min-height: 40px; + } + + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button { + gap: 0; + } + + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section-head { + grid-template-columns: minmax(0, 1fr); + grid-template-areas: + "title" + "desc" + "meta"; + align-items: start; + } +} + +/* Personal center tone correction: remove green depth and stabilize cover editing. */ +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard { + background: var(--dg-page); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner { + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent), + var(--dg-surface); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-overlay { + background: + linear-gradient(180deg, rgba(13, 13, 15, 0.14) 0%, rgba(13, 13, 15, 0.66) 64%, rgba(13, 13, 15, 0.92) 100%), + linear-gradient(90deg, rgba(13, 13, 15, 0.62), rgba(13, 13, 15, 0.18) 52%, rgba(13, 13, 15, 0.58)); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn { + top: clamp(16px, 2.8vw, 24px); + right: clamp(16px, 3vw, 28px); + bottom: auto; + min-height: 40px; + padding: 0 14px; + border-color: rgba(255, 255, 255, 0.16); + border-radius: 10px; + background: var(--dg-elevated); + color: rgba(244, 247, 245, 0.88); + box-shadow: none; + backdrop-filter: none; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn:hover { + border-color: rgba(255, 255, 255, 0.26); + background: var(--dg-hover); + color: var(--fg-body); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-ring { + border-color: rgba(255, 255, 255, 0.12); + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025)), + var(--dg-surface); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-display:hover, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-display:focus-visible { + border-color: rgba(255, 255, 255, 0.18); + background: var(--dg-hover); + color: var(--fg-body); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-edit-icon { + color: rgba(244, 247, 245, 0.64); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio { + border-color: rgba(255, 255, 255, 0.12); + background: var(--dg-surface); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio:focus { + border-color: rgba(255, 255, 255, 0.24); + box-shadow: none; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-action--save, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section-meta, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__empty-mark { + border-color: rgba(255, 255, 255, 0.16); + background: var(--dg-hover); + color: rgba(244, 247, 245, 0.86); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--primary { + border-color: rgba(var(--accent-rgb), 0.42); + background: rgba(var(--accent-rgb), 0.12); + color: var(--accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--primary:hover { + border-color: rgba(var(--accent-rgb), 0.54); + background: rgba(var(--accent-rgb), 0.16); + color: var(--accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card { + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.036), rgba(255, 255, 255, 0.014)), + rgba(21, 23, 25, 0.96); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs button.is-active, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button.is-active { + border-color: rgba(255, 255, 255, 0.16); + background: rgba(255, 255, 255, 0.07); + color: var(--fg-body); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs button.is-active strong, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button.is-active small { + color: var(--accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__list-card:hover, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__review-item:hover { + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent), + rgba(255, 255, 255, 0.026); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__empty-state { + background: rgba(255, 255, 255, 0.018); +} + +@media (max-width: 640px) { + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn { + top: 14px; + right: 14px; + bottom: auto; + justify-content: center; + width: 42px; + min-width: 42px; + height: 42px; + min-height: 42px; + padding: 0; + border-radius: 50%; + gap: 0; + } + + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn-label { + position: absolute; + width: 1px; + height: 1px; + overflow: hidden; + clip-path: inset(50%); + white-space: nowrap; + } + + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn .anticon { + display: inline-flex; + align-items: center; + justify-content: center; + width: 16px; + height: 16px; + font-size: 16px; + } +} + +/* Personal center premium finish: refined graphite surfaces, minimal accent. */ +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard { + --profile-page: #0f1013; + --profile-panel: #17191e; + --profile-panel-soft: #1b1d23; + --profile-control: #20232a; + --profile-border: rgba(232, 238, 246, 0.1); + --profile-border-strong: rgba(232, 238, 246, 0.18); + --profile-text: #f2f5f7; + --profile-muted: #8f98a5; + --profile-soft: #68717d; + --profile-accent: #a8e8c8; + background: var(--profile-page); + color: var(--profile-text); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner { + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)), + var(--profile-panel); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-overlay { + background: + linear-gradient(180deg, rgba(15, 16, 19, 0.2) 0%, rgba(15, 16, 19, 0.7) 68%, var(--profile-page) 100%), + linear-gradient(90deg, rgba(15, 16, 19, 0.68), rgba(15, 16, 19, 0.24) 48%, rgba(15, 16, 19, 0.62)); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard :is( + .profile-page__sidebar, + .profile-page__account-card, + .profile-page__main-tabs, + .profile-page__section, + .profile-page__list-card, + .profile-page__review-item, + .profile-page__empty-state, + .profile-page__upload-card +) { + border-color: var(--profile-border); + background: var(--profile-panel); + background-image: none; + box-shadow: none; + backdrop-filter: none; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard :is( + .profile-page__count, + .profile-page__account-summary, + .profile-page__bio-display, + .profile-page__bio, + .profile-page__account-card .profile-page__list-tabs, + .profile-page__main-tabs button, + .profile-page__share-btn, + .profile-page__list-card-preview, + .profile-page__bio-action +) { + border-color: rgba(232, 238, 246, 0.08); + background: var(--profile-control); + background-image: none; + box-shadow: none; + backdrop-filter: none; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__sidebar { + gap: 15px; + border-radius: 16px; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn { + border-color: rgba(232, 238, 246, 0.16); + background: rgba(27, 29, 35, 0.96); + color: rgba(242, 245, 247, 0.86); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn:hover { + border-color: rgba(232, 238, 246, 0.28); + background: #242730; + color: var(--profile-text); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-ring { + border-color: rgba(232, 238, 246, 0.12); + background: #20232a; + background-image: none; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-badge { + border-color: var(--profile-panel); + background: var(--profile-accent); + color: #07110d; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard :is( + .profile-page__username, + .profile-page__count strong, + .profile-page__account-summary strong, + .profile-page__section-label, + .profile-page__list-card-head strong, + .profile-page__review-item strong +) { + color: var(--profile-text); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard :is( + .profile-page__bio-display, + .profile-page__bio, + .profile-page__count span, + .profile-page__account-summary small, + .profile-page__account-summary em, + .profile-page__section-desc, + .profile-page__list-card p, + .profile-page__list-card-meta, + .profile-page__empty-text, + .profile-page__review-item span, + .profile-page__review-item small +) { + color: var(--profile-muted); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-display:hover, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-display:focus-visible, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio:focus, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-action:hover { + border-color: var(--profile-border-strong); + background: #252832; + color: var(--profile-text); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-edit-icon { + color: #aab3be; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__count { + border-radius: 12px; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs button.is-active, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button.is-active { + border-color: var(--profile-border-strong); + background: #2a2e38; + color: var(--profile-text); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs button.is-active strong, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-summary-metric strong { + color: var(--profile-accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--primary { + border-color: rgba(255, 255, 255, 0.78); + background: #eef4f1; + color: #07110d; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--primary:hover { + border-color: #fff; + background: #fff; + color: #07110d; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__actions .profile-page__share-btn.profile-page__share-btn--primary { + border-color: rgba(255, 255, 255, 0.78); + background: #eef4f1; + background-image: none; + color: #07110d; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__actions .profile-page__share-btn.profile-page__share-btn--primary:hover { + border-color: #fff; + background: #fff; + background-image: none; + color: #07110d; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--primary .anticon { + color: currentColor; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--secondary, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--plan { + border-color: rgba(232, 238, 246, 0.09); + background: var(--profile-control); + color: rgba(242, 245, 247, 0.74); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard :is( + .profile-page__share-btn--secondary, + .profile-page__share-btn--plan +):hover { + border-color: var(--profile-border-strong); + background: #252832; + color: var(--profile-text); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--danger { + border-color: rgba(255, 124, 130, 0.18); + background: rgba(255, 124, 130, 0.055); + color: #f1a3a8; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs { + gap: 6px; + padding: 7px; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button { + min-height: 42px; + background: transparent; + color: rgba(242, 245, 247, 0.64); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button.is-active { + color: var(--profile-text); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section-label::before { + background: var(--profile-accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section-meta, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__empty-mark, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-action--save, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-status { + border-color: rgba(232, 238, 246, 0.12); + background: #23262e; + color: #cfd6de; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section-meta { + justify-self: start; + width: fit-content; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__list-card:hover, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__review-item:hover { + border-color: var(--profile-border-strong); + background: var(--profile-panel-soft); + transform: translateY(-1px); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__empty-state { + border-style: dashed; + background: #15171b; +} + +@media (max-width: 640px) { + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs { + padding: 6px; + } + + .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button { + min-height: 40px; + padding-inline: 8px; + } +} + +/* Personal center reference tone: black panels with precise green emphasis. */ +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard { + --profile-page: #08090b; + --profile-panel: #121416; + --profile-panel-soft: #16191b; + --profile-control: #181b1e; + --profile-border: rgba(255, 255, 255, 0.085); + --profile-border-strong: rgba(255, 255, 255, 0.15); + --profile-text: #f4f7f5; + --profile-muted: #8d9690; + --profile-soft: #616b66; + --profile-accent: #00ff88; + --profile-accent-soft: rgba(0, 255, 136, 0.13); + --profile-accent-border: rgba(0, 255, 136, 0.42); + background: var(--profile-page); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner { + background-color: #111416; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-overlay { + background: + linear-gradient(180deg, rgba(8, 9, 11, 0.28) 0%, rgba(8, 9, 11, 0.78) 72%, var(--profile-page) 100%), + linear-gradient(90deg, rgba(8, 9, 11, 0.7), rgba(8, 9, 11, 0.28) 46%, rgba(8, 9, 11, 0.7)); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__sidebar, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__list-card, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__review-item, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__empty-state { + border-color: var(--profile-border); + background: var(--profile-panel); + background-image: none; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__count, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-summary, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-display, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__list-card-preview, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-action { + border-color: var(--profile-border); + background: var(--profile-control); + background-image: none; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn { + border-color: rgba(255, 255, 255, 0.18); + background: rgba(18, 20, 22, 0.9); + color: var(--profile-text); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__banner-btn:hover { + border-color: rgba(255, 255, 255, 0.3); + background: rgba(24, 27, 30, 0.96); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-ring { + border-color: var(--profile-border-strong); + background: #181b1e; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-badge { + background: var(--profile-accent); + color: #05120b; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs button.is-active, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs button.is-active { + border-color: var(--profile-accent-border); + background: var(--profile-accent-soft); + color: var(--profile-accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-card .profile-page__list-tabs button.is-active strong, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__account-summary-metric strong { + color: var(--profile-accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__actions .profile-page__share-btn.profile-page__share-btn--primary { + border-color: var(--profile-accent); + background: var(--profile-accent); + background-image: none; + color: #05120b; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__actions .profile-page__share-btn.profile-page__share-btn--primary:hover { + border-color: #35ffa2; + background: #35ffa2; + background-image: none; + color: #05120b; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--plan { + border-color: var(--profile-accent-border); + background: var(--profile-accent-soft); + color: var(--profile-accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__actions .profile-page__share-btn.profile-page__share-btn--plan { + border-color: var(--profile-accent-border); + background: var(--profile-accent-soft); + background-image: none; + color: var(--profile-accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--secondary { + color: rgba(244, 247, 245, 0.74); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__share-btn--danger { + border-color: rgba(255, 125, 132, 0.18); + background: rgba(255, 125, 132, 0.055); + color: rgba(255, 160, 166, 0.82); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section-label::before { + background: var(--profile-accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section-meta, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__empty-mark, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-action--save, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__bio-status { + border-color: var(--profile-accent-border); + background: var(--profile-accent-soft); + color: var(--profile-accent); +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__list-card:hover, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__review-item:hover { + border-color: rgba(0, 255, 136, 0.24); + background: var(--profile-panel-soft); +} + +/* Personal center scroll model: let the page scroll, not the content cards. */ +.web-shell[data-ui-theme="dark-green"] .web-shell__page:has(.profile-page--dashboard) { + overflow-x: hidden; + overflow-y: auto; +} + +.web-shell[data-ui-theme="dark-green"] .page-transition-wrap:has(.profile-page--dashboard), +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard { + height: auto; + min-height: 100%; + overflow: visible; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__body, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section { + height: auto; + max-height: none; + overflow: visible; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section { + flex: 0 0 auto; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__section { + display: flex; + flex-direction: column; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__list-grid, +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__review-list { + height: auto; + max-height: none; + overflow: visible; +} + +.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__main-tabs { + overflow-x: auto; + overflow-y: hidden; +} + /* Ecommerce generation page: keep its carousel and composer independent from the community carousel rules that share class names. */ .web-shell[data-ui-theme="dark-green"] .ecommerce-landing-page {