/**
 * 壁创社 2.0 前台模板样式（eco/*.html）
 * 由模板内联样式汇总，会员页通过 loadEcoV2Css 引入。
 *
 * 配色：`user-member-layout` 内、且无根节点 id 的 `.eco-v2-page`（/eco2 公开页与 hub）
 * 与会员后台 ecov2 区块一致，使用 skin_black 变量（--baise / --mobile_Hong / --color-muted 等）。
 */
.no-data-eco-v2,.eco-v2-main{
    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto;
    padding:0 30px;
}
.no-data-eco-v2 .no-data-content,.no-data .no-data-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
}
.no-data-eco-v2 .no-data{
    padding: 12.5vh 0;
}
.no-data-eco-v2 .no-data-content a{
    color: var(--mobile_Hong);
}
/* ---------- 通用容器（与全站 .user-member-layout 等内容区对齐：--max-width 定义见 skin_black） ---------- */
.eco-v2-page {
    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto;
    padding:0;
    box-sizing: border-box;
}

.user-name-with-svip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    vertical-align: middle;
}

.user-name-with-svip--nowrap {
    flex-wrap: nowrap;
}

.user-name-with-svip__text {
    min-width: 0;
}

/* 创建 / 发布会员页深色正文（见下方「create / publish 表单页」整块样式） */

/* 画社详情 / 作品详情 */
.eco-v2-page.eco-v2-page--board {
    max-width: var(--max-width);
}

.eco-v2-page.eco-v2-page--asset {
    max-width: var(--max-width);
}

/* 画社详情页卡片说明 */
.eco-board-info-card {
    background: rgba(255, 255, 255, 0.04);
    border: none;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 8px 28px -18px rgba(0, 0, 0, 0.5);
    color: var(--color-default, #e8eaed);
    max-width: calc(var(--max-width) - 60px);
    margin: 0 30px;
}

.eco-board-info-card .eco-board-info-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: flex-start;
}

.eco-board-info-card .eco-board-cover {
    flex-shrink: 0;
    width: 240px;
    aspect-ratio: 16 / 9;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.28);
}

.eco-board-info-card .eco-board-cover img,
.eco-board-info-card .eco-board-cover video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.eco-board-info-card .eco-board-cover-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--color-muted, #94a3b8);
}

.eco-board-info-card .eco-board-details {
    flex: 1;
    min-width: 280px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.eco-board-info-card .eco-board-details .eco-board-left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.eco-board-info-card .eco-board-title {
    color: var(--baise, #ffffff);
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.eco-board-info-card .eco-board-title .eco-board-title-text {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.eco-board-info-card .eco-badge--featured {
    font-size: 12px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 300;
    color: #ff9018;
    line-height: 1.7;
}

.eco-board-info-card .eco-board-author-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.eco-board-info-card .eco-board-author-label {
    color: var(--color-muted, #94a3b8);
}

.eco-board-info-card .eco-board-author-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--baise, #ffffff);
    text-decoration: none;
    padding: 4px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.05);
    transition: background 0.2s;
}

.eco-board-info-card .eco-board-author-link:hover {
    background: rgba(255, 255, 255, 0.1);
    color: var(--baise, #ffffff);
    text-decoration: none;
}

.eco-board-info-card .eco-board-author-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}

.eco-board-info-card .eco-board-author-badge {
    background: var(--line-1);
}

.eco-board-info-card .eco-board-meta-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.eco-board-info-card .eco-board-meta-label {
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
}

.eco-board-info-card .eco-board-meta-value {
    font-size: 13px;
    color: var(--baise, #ffffff);
}

.eco-board-info-card .eco-board-meta-sep {
    color: var(--color-muted, #94a3b8);
    margin: 0 2px;
}

.eco-board-info-card .eco-board-stats-row {
    display: flex;
    gap: 24px;
}

.eco-board-info-card .eco-board-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.eco-board-info-card .eco-board-stat-value {
    font-size: 18px;
    font-weight: 600;
    color: var(--baise, #ffffff);
}

.eco-board-info-card .eco-board-stat-label {
    font-size: 12px;
    color: var(--color-muted, #94a3b8);
}

.eco-board-info-card .eco-board-actions-bar {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.eco-board-info-card .eco-board-actions-bar .eco-btn {
    padding: 8px 20px;
    border-radius: 999px;
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
}

/* ---------- /eco2 公开顶栏（common/mobile/head_eco.html，layout/mobile_eco） ---------- */
.head-tmenu-c.eco-head-bar {
    height: auto;
    min-height: 60px;
    overflow: visible;
    box-shadow: none;
}
.eco-head-bar__logo{
    width:auto;
    height:36px;
    display: block;
    font-size: 18px;
}
.eco-head-bar__logo img{
    width:auto;
    height:100%;
    display: block;
}

.head-tmenu-c.eco-head-bar .topmenuc.eco-head-bar__row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
    height: auto;
    min-height: 52px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
    /* 避免 overflow-x:auto 在部分内核把 overflow-y 算成 auto，从而在顶栏右侧出现纵向滚动条 */
    overflow: visible;
}

.eco-head-bar__brand {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius:999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    height: 48px;
}

.eco-head-bar__brand:hover {
    border-color: var(--line-1);
}

.eco-head-bar__brand-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--mobile_Hong);
    font-size: 24px;
    line-height: 1;
    background: var(--baise);
    border-radius: 999px;
    border:2px solid var(--baise);
}

.eco-head-bar__brand-text {
    font-size: 15px;
    font-weight: 300;
    color: var(--baise, #ffffff);
    letter-spacing: 0.02em;
}

.eco-head-bar__search {
    flex: 1 1 auto;
    min-width: 140px;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
}

.eco-head-bar__search input[type='text'] {
    flex: 1 1 auto;
    min-width: 0;
    border-right: none;
    border-radius: 10px 0 0 10px;
    color: var(--baise, #ffffff);
    padding: 0 14px;
    height: 48px;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
}

.eco-head-bar__search input[type='text']::placeholder {
    color: var(--color-muted, #94a3b8);
}

.eco-head-bar__search-submit {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 18px;
    height: 48px;
    border: none;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    box-sizing: border-box;
    background: var(--mobileBtnHongse);
    width:140px;
}

.eco-head-bar__search-submit:hover {
    filter: brightness(1.06);
}

.eco-head-bar__tail {
    flex-shrink: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.eco-head-bar__btn--ghost {
    padding: 0 36px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    flex-shrink: 0;
}

.eco-head-bar__btn--ghost:hover {
    opacity: 0.8;
}

.eco-head-bar__btn--with-badge {
    position: relative;
}

.eco-head-bar__corner-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    padding: 2px 7px;
    font-size: 10px;
    line-height: 1.25;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(135deg, #ff922b, #fd7e14);
    border-radius: 999px;
    white-space: nowrap;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.eco-head-bar__usermenu {
    flex-shrink: 0;
    align-items: center;
}

.eco-head-bar__usermenu .husermenu{
    width:48px;
    height:48px;
}

.head-tmenu-c.eco-head-bar .eco-head-bar__usermenu .headUwrapp .login .btn-login-style {
    height: 48px;
    min-width: 48px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    box-sizing: border-box;
}
.eco-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.eco-head h1 {
    margin: 0;
    font-size: 26px;
}

.eco-head p {
    margin: 8px 0 0;
    color: #667085;
}

.eco-link {
    color: #2f80ed;
    text-decoration: none;
}

.eco-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.eco-actions a {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 8px;
    background: #f5f8ff;
    color: #2f80ed;
    text-decoration: none;
    border: 1px solid #dbe8ff;
}

.eco-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.eco-card {
    padding: 16px;
    border: 1px solid #edf0f5;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(17, 24, 39, 0.04);
}

.eco-card h3 {
    margin: 0 0 10px;
    font-size: 17px;
}

.eco-card p {
    margin: 6px 0;
    color: #667085;
    line-height: 1.7;
}

/* ---------- /eco2 公开页 + hub：与会员 ecov2 深色壳统一（wrapper 无 id，不含 #eco-v2-* 创建发布根） ---------- */
.user-member-layout .eco-v2-page:not([id]) {
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) .eco-head {
    margin-bottom: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--line-2, rgba(255, 255, 255, 0.08));
}

.user-member-layout .eco-v2-page:not([id]) .eco-head h1 {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-head p {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-link {
    color: var(--mobile_Hong, #ff4d4f);
    font-weight: 500;
}

.user-member-layout .eco-v2-page:not([id]) .eco-link:hover {
    text-decoration: none;
}

.user-member-layout .eco-v2-page:not([id]) .eco-actions a {
    padding: 9px 15px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
    background: rgba(255, 255, 255, 0.04);
    color: var(--color-default, #e8eaed);
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.user-member-layout .eco-v2-page:not([id]) .eco-actions a:hover {
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--mobile_Hong, #ff4d4f);
    background: rgba(255, 77, 79, 0.08);
}

/* hub：主按钮略强调（创建 / 发布） */
.user-member-layout .eco-v2-page:not([id]) .hub-page .eco-hero .eco-actions .eco-btn:not(.light):not(.secondary) {
    border-color: var(--mobile_Hong, #ff4d4f);
    background: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .hub-page .eco-hero .eco-actions .eco-btn:not(.light):not(.secondary):hover {
    filter: brightness(1.08);
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-tabs button {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.05);
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) .eco-tabs button.active {
    background: var(--mobile_Hong, #ff4d4f);
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-color-filter button {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.05);
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) .eco-color-filter button.active {
    background: var(--mobile_Hong, #ff4d4f);
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-color-filter button.empty {
    color: var(--color-muted, #94a3b8);
    background: rgba(0, 0, 0, 0.2);
}

.user-member-layout .eco-v2-page:not([id]) .eco-feed-card,
.user-member-layout .eco-v2-page:not([id]) .eco-board-card {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 8px 28px -18px rgba(0, 0, 0, 0.5);
}

.user-member-layout .eco-v2-page:not([id]) .eco-thumb,
.user-member-layout .eco-v2-page:not([id]) .eco-cover {
    background: rgba(0, 0, 0, 0.28);
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-card-title,
.user-member-layout .eco-v2-page:not([id]) .eco-card-title a {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-card-title a:hover {
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-v2-page:not([id]) .eco-meta {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-meta a {
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-v2-page:not([id]) .eco-loading,
.user-member-layout .eco-v2-page:not([id]) .eco-alert:not(#eco-legal-deeplink-tip) {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.22);
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) #eco-feed-alert .eco-alert,
.user-member-layout .eco-v2-page:not([id]) #eco-search-alert .eco-alert,
.user-member-layout .eco-v2-page:not([id]) #eco-board-alert .eco-alert {
    background: rgba(255, 193, 7, 0.1);
    border-color: rgba(255, 193, 7, 0.32);
    color: #fcd34d;
    text-align: left;
}

.user-member-layout .eco-v2-page:not([id]) .eco-load-more {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) .eco-load-more:hover {
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-v2-page:not([id]) .eco-search-box input {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(0, 0, 0, 0.28);
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-search-box input::placeholder {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-search-box button {
    border: 1px solid var(--mobile_Hong, #ff4d4f);
    background: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-author-official {
    background: rgba(255, 77, 79, 0.14);
    color: #ff8588;
    border-color: rgba(255, 77, 79, 0.35);
}

.user-member-layout .eco-v2-page:not([id]) .creators-page .eco-actions select {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(0, 0, 0, 0.28);
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) .eco-status {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
    background: rgba(0, 0, 0, 0.22);
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) .eco-status .eco-ok {
    color: #3dd68c;
}

.user-member-layout .eco-v2-page:not([id]) .eco-status .eco-warn {
    color: #ff6b6b;
}

.user-member-layout .eco-v2-page:not([id]) .creators-page .eco-board {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 8px 28px -18px rgba(0, 0, 0, 0.5);
}

.user-member-layout .eco-v2-page:not([id]) .eco-creators-table-wrap > .eco-empty {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-creators-leaderboard-table tbody tr {
    border-bottom-color: var(--line-2, rgba(255, 255, 255, 0.08));
}

.user-member-layout .eco-v2-page:not([id]) .eco-creators-leaderboard-table thead th {
    background: rgba(255, 255, 255, 0.05);
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-creators-leaderboard-table .eco-rank {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-creators-leaderboard-table .eco-avatar {
    background-color: rgba(255, 255, 255, 0.08);
}

.user-member-layout .eco-v2-page:not([id]) .eco-creators-leaderboard-table .eco-user .name {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-creators-leaderboard-table .eco-user .meta {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-creators-leaderboard-table .eco-num {
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) .eco-creators-leaderboard-table .eco-points {
    color: #5eead4;
}

.user-member-layout .eco-v2-page:not([id]).legal-page .eco-card li {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-form-row label {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-form-row select,
.user-member-layout .eco-v2-page:not([id]) .eco-form-row textarea,
.user-member-layout .eco-v2-page:not([id]) .eco-form-row input[type="text"] {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(0, 0, 0, 0.28);
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) .eco-form-actions button:not(.secondary) {
    border-color: var(--mobile_Hong, #ff4d4f);
    background: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-form-actions button.secondary {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.06);
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-v2-page:not([id]) .eco-muted {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]).legal-page .eco-warn {
    color: #ff6b6b;
}

.user-member-layout .eco-v2-page:not([id]) #eco-legal-deeplink-tip.eco-alert {
    border-color: rgba(255, 193, 7, 0.35);
    background: rgba(255, 193, 7, 0.1);
    color: #fcd34d;
}

.user-member-layout .eco-v2-page:not([id]) #eco-legal-deeplink-tip.eco-alert strong {
    color: #fde68a;
}

.user-member-layout .eco-v2-page:not([id]) .eco-hero {
    background: linear-gradient(135deg, rgba(255, 77, 79, 0.14), rgba(0, 0, 0, 0.35));
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
}

.user-member-layout .eco-v2-page:not([id]) .eco-hero h1 {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-hero p {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-btn {
    border: 1px solid transparent;
    background: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-btn.secondary {
    background: rgba(61, 214, 140, 0.18);
    color: #3dd68c;
    border-color: rgba(61, 214, 140, 0.35);
}

.user-member-layout .eco-v2-page:not([id]) .eco-btn.light {
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-default, #e8eaed);
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
}

.user-member-layout .eco-v2-page:not([id]) .eco-btn.light:hover {
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-v2-page:not([id]) .hub-page .eco-card {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 8px 28px -18px rgba(0, 0, 0, 0.5);
}

.user-member-layout .eco-v2-page:not([id]) .hub-page .eco-card h3 {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .hub-page .eco-card p {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-step-num {
    background: rgba(255, 77, 79, 0.18);
    color: #ff8588;
}

.user-member-layout .eco-v2-page:not([id]) .eco-tip {
    background: rgba(255, 193, 7, 0.1);
    border-color: rgba(255, 193, 7, 0.3);
    color: #fcd34d;
}

.user-member-layout .eco-v2-page:not([id]) .eco-board-color-filter button {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.05);
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) .eco-board-color-filter button.active {
    background: var(--mobile_Hong, #ff4d4f);
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-board-color-filter button.empty {
    color: var(--color-muted, #94a3b8);
    background: rgba(0, 0, 0, 0.2);
}

.user-member-layout .eco-v2-page:not([id]) .eco-board-color-dot {
    border-color: rgba(255, 255, 255, 0.22);
}

.user-member-layout .eco-v2-page:not([id]) #eco-asset-error {
    color: #ff6b6b;
}

.user-member-layout .eco-v2-page.eco-v2-page--asset:not([id]) > h1,
.user-member-layout .eco-v2-page.eco-v2-page--board:not([id]) > h1 {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page.eco-v2-page--asset:not([id]) > p,
.user-member-layout .eco-v2-page.eco-v2-page--board:not([id]) > p {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page.eco-v2-page--asset:not([id]) > p a,
.user-member-layout .eco-v2-page.eco-v2-page--board:not([id]) > p a {
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-v2-page:not([id]) #eco-asset-detail {
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) #eco-asset-detail h2 {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) #eco-asset-detail p {
    color: inherit;
}

.user-member-layout .eco-v2-page:not([id]) #eco-asset-detail a {
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-v2-page:not([id]) .eco-asset-btn {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) .eco-asset-btn:hover {
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-v2-page:not([id]) .eco-asset-download-row {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-u-muted {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-related-wrap h3 {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-related-item {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    background: rgba(255, 255, 255, 0.04);
}

.user-member-layout .eco-v2-page:not([id]) .eco-related-title-row a {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .eco-related-color {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-related-stats-line {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-related-no-thumb {
    background: rgba(0, 0, 0, 0.28);
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-inline-warn-link {
    color: #fca5a5;
}

.user-member-layout .eco-v2-page:not([id]) .eco-fb-guest-actions .eco-fb-auth-link {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.06);
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-v2-page:not([id]) .eco-fb-guest-actions .eco-fb-auth-link.eco-fb-auth-muted {
    background: transparent;
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) .eco-evidence-item {
    border-color: var(--line-2, rgba(255, 255, 255, 0.12));
    background: rgba(0, 0, 0, 0.22);
}

.user-member-layout .eco-v2-page:not([id]) #eco-fb-open-ticket-note.eco-fb-note-visible {
    color: #fcd34d;
}

.user-member-layout .eco-v2-page:not([id]) #eco-board-detail {
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) #eco-board-detail h2 {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) #eco-board-detail a {
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-v2-page:not([id]) #eco-board-detail p {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) #eco-board-detail h2 + p {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) #eco-board-assets h3 {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) #eco-board-assets {
    color: var(--color-default, #e8eaed);
}

.user-member-layout .eco-v2-page:not([id]) #eco-board-assets a {
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-v2-page:not([id]) .legal-page .eco-grid .eco-card {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 8px 28px -18px rgba(0, 0, 0, 0.45);
}

.user-member-layout .eco-v2-page:not([id]) .legal-page .eco-card h3 {
    color: var(--baise, #ffffff);
}

.user-member-layout .eco-v2-page:not([id]) .legal-page .eco-card p {
    color: var(--color-muted, #94a3b8);
}

.user-member-layout .eco-v2-page:not([id]) #eco-legal-ticket-card {
    border-color: var(--line-2, rgba(255, 255, 255, 0.12));
    background: rgba(255, 255, 255, 0.035);
}

/* ---------- 会员中心内 ecov2 页（工作台 + 画社/作品/收藏/关注/互动；含 Ta 只读同路由）
 * 配色：主站变量 skin_black / mobile。响应式：≥1025px px；≤1024 起 rem（÷66 → ÷60 → ÷57 → ÷52）。
 * 列表/表单等基础暗色样式放在共用块（各视口生效）；页眉/操作区随下方 @media 缩放。
 */
:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-section {
    margin-top: 26px;
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-section:first-of-type {
    margin-top: 0px;
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-section h3 {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 600;
    color: var(--baise, #ffffff);
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-section > p {
    margin: 0 0 14px;
    color: var(--color-muted, #94a3b8);
    font-size: 14px;
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-list {
    gap: 14px;
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-list-item {
    padding: 16px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    color: var(--color-default, #e8eaed);
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-list-item strong {
    color: var(--baise, #ffffff);
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-empty {
    padding: 22px;
    border-radius: 12px;
    border: 1px dashed var(--line-2, rgba(255, 255, 255, 0.18));
    background: rgba(0, 0, 0, 0.18);
    color: var(--color-muted, #94a3b8);
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-empty a {
    color: var(--mobile_Hong, #ff4d4f);
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-link {
    height: 40px;
    line-height: 38px;
    border-radius: 8px;
    text-align: center;
    padding: 0 14px;
    border:1px solid var(--line-2);
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-default, #e8eaed);
    box-sizing: border-box;
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-link:hover {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #fff;
}

/* 壁创社 / 会员相关：链接悬停不显示下划线 */
.user-member-layout .eco-v2-page a:hover,
.eco-discover-page a:hover,
.eco-boards-page a:hover,
.eco-v2-page a:hover,
:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root, #eco-v2-creators-main) a:hover,
#eco-v2-boards-root a:hover {
    text-decoration: none;
}

/* 我的画社 / 我收藏的画社：卡片栅格（弹窗、管理按钮仅 boards） */
:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-me-boards-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(200px, 1fr));
    gap: 14px;
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card {
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: none;
    color: var(--color-default, #e8eaed);
    padding-bottom: 14px;
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__cover {
    position: relative;
    aspect-ratio: 23 / 13;
    background: rgba(0, 0, 0, 0.35);
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__cover img,
:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__cover video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 16 / 9;
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__cover-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.12));
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__cover-link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
    outline: none;
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__cover-link:focus-visible {
    box-shadow: inset 0 0 0 2px var(--mobile_Hong, #ff4d4f);
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__title-link {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__title-link:hover {
    color: var(--mobile_Hong, #ff4d4f);
    text-decoration: none;
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__ttl {
    margin: 12px 14px 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--baise, #ffffff);
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__stats {
    margin: 8px 14px 0;
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
    line-height: 1.4;
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__stats .eco-discover-masonry-stats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
    min-width: 0;
    font-size: 12px;
    color: #98a2b3;
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__stats .eco-discover-masonry-stat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #778293;
    white-space: nowrap;
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__stats .eco-discover-masonry-stat i {
    font-size: 12px;
    opacity: 0.9;
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__stats .eco-discover-masonry-stat__num {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

:is(#eco-v2-favorited-boards-root) .eco-board-card__author {
    padding: 10px 14px 0;
    font-size: 12px;
    line-height: 1.35;
}
:is(#eco-v2-favorited-boards-root) .eco-board-card__author a:hover {
    color: var(--mobile_Hong, #ff4d4f);
    text-decoration: none;
}
:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__actions {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    padding: 14px 14px 0;
}

:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__actions .eco-board-manage-open,
:is(#eco-v2-favorited-boards-root) .eco-board-card__actions .eco-board-favorite-cancel {
    appearance: none;
    border: none;
    border-radius: 8px;
    padding: 0 14px;
    font-size: 14px;
    cursor: pointer;
    height: 40px;
    line-height: 38px;
    transition: all 0.2s ease-in-out;
    border:1px solid var(--line-2);
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-default, #e8eaed);
    box-sizing: border-box;
    flex: 1 1 auto;
}
:is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__actions .eco-board-manage-open:hover,
:is(#eco-v2-favorited-boards-root) .eco-board-card__actions .eco-board-favorite-cancel:hover {
    border: 1px solid var(--mobile_Hong, #ff4d4f);
    background:var(--mobile_Hong, #ff4d4f);
    color: #fff;
}

:is(#eco-v2-favorited-boards-root) .eco-board-card__actions .eco-board-favorite-cancel {
    width: 100%;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal {
    position: fixed;
    inset: 0;
    z-index: 12060;
    display: flex;
    align-items: center;
    justify-content: center;
}
:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal.hide {
    display: none;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__panel {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 520px;
    max-height: min(92vh, 640px);
    margin: 0;
    border-radius: 14px 14px 0 0;
    background: #1e2228;
    color: var(--color-default, #333);
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
    box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.45);
}

@media (min-width: 600px) {
    :is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__panel {
        border-radius: 14px;
        margin: 20px;
    }
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px;
    border-bottom: 1px solid var(--line-2, rgba(255, 255, 255, 0.08));
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__head h3 {
    margin: 0;
    font-size: 17px;
    color: var(--baise, #ffffff);
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__close {
    appearance: none;
    border: none;
    background: transparent;
    color: var(--color-muted, #94a3b8);
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__err {
    margin: 0 0 10px;
    color: #ff6b6b;
    font-size: 14px;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__err.hide {
    display: none;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__label {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
}
:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__tip{
    font-size: 14px;
    color: #ffc24e;
    margin-bottom: 12px;
    border: 1px solid #ffc24e;
    padding: 10px;
    border-radius: 8px;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__label input {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #3b3d45;
    background-color: #31333c;
    color: #babbc0;
    font-size: 14px;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__label input::placeholder {
    color: #babbc0;
    opacity: 0.85;
}

/* 原生 select 仅作表单值载体，不可接收点击（避免与自定义 trigger 冲突） */
:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__label select.u-custom-select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

/* 管理画社弹窗：u-custom-select 自定义下拉（结构与资料页一致，深色皮肤） */
:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #babbc0;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper.u-custom-select-open {
    z-index: 80;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper .select-trigger {
    height: 44px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #3b3d45;
    background-color: #31333c;
    color: #babbc0;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper .select-trigger:hover {
    border-color: #4e515b;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper .select-trigger.active {
    border-color: var(--mobile_Hong, #ff4d4f);
    border-radius: 8px;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper .select-trigger-text {
    font-size: 14px;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper .select-trigger-text.placeholder {
    color: #babbc0;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper .select-trigger-arrow {
    color: #babbc0;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper .select-dropdown {
    background-color: #31333c;
    border: 1px solid #3b3d45;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
    z-index: 5;
    pointer-events: none;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper .select-dropdown.show {
    pointer-events: auto;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper .select-option {
    color: #babbc0;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper .select-option:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal .select-wrapper .select-option.selected {
    color: var(--mobile_Hong, #ff4d4f);
    font-weight: 500;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__foot {
    padding-top: 10px;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-save {
    width: 100%;
    appearance: none;
    border: none;
    border-radius: 8px;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    border:1px solid var(--mobile_Hong, #ff4d4f);
    background:rgba(255,255,255,0.04);
    color: #fff;
}
:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-save:hover {
    border-color: var(--mobile_Hong, #ff4d4f);
    background: var(--mobile_Hong, #ff4d4f);
    color: #fff;
}
:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-save:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

#eco-asset-edit-modal.eco-board-manage-modal .eco-asset-edit-modal__foot {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;
}

#eco-asset-edit-modal.eco-board-manage-modal .eco-asset-edit-modal__foot .eco-board-manage-save {
    flex: 1;
    min-width: 0;
    width: auto;
}

#eco-asset-edit-modal.eco-board-manage-modal .eco-asset-edit-set-cover {
    flex: 0 0 auto;
    appearance: none;
    border-radius: 8px;
    padding: 10px 30px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid var(--mobile_Hong, #ff4d4f);
    background: var(--mobile_Hong, #ff4d4f);
    color: #fff;
    white-space: nowrap;
    transition: opacity 0.15s ease;
}

#eco-asset-edit-modal.eco-board-manage-modal .eco-asset-edit-set-cover:hover:not(:disabled) {
    opacity: 0.6;
}

#eco-asset-edit-modal.eco-board-manage-modal .eco-asset-edit-set-cover:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

#eco-asset-edit-modal.eco-board-manage-modal .eco-asset-edit-set-cover.is-locked-cover:disabled {
    opacity: 0.55;
}

#eco-asset-edit-modal.eco-board-manage-modal .eco-asset-edit-set-cover.is-locked-cover:disabled:hover {
    opacity: 0.55;
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-ok {
    color: #3dd68c;
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-warn {
    color: #ff6b6b;
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-u-muted {
    color: var(--color-muted, #94a3b8);
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-color-filter button {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.05);
    color: var(--color-default, #e8eaed);
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-color-filter button.active {
    background: var(--mobile_Hong, #ff4d4f);
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff);
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-color-filter button.empty {
    color: var(--color-muted, #94a3b8);
    background: rgba(0, 0, 0, 0.2);
}

#eco-v2-assets-root #eco-my-assets .eco-me-assets-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
    margin-bottom: 14px;
}

#eco-v2-assets-root #eco-my-assets .eco-me-assets-toolbar button {
    padding: 10px 14px;
    font-size: 13px;
    color: var(--color-default, #e8eaed);
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
    border: none;
    background: transparent;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.06);
}

#eco-v2-assets-root #eco-my-assets .eco-me-assets-toolbar button:hover {
    color:#fff;
    background: var(--mobile_Hong, #ff4d4f);
}

#eco-v2-assets-root #eco-my-assets .eco-me-assets-toolbar button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

#eco-v2-assets-root #eco-my-assets .eco-me-assets-toolbar label {
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
}

#eco-v2-assets-root #eco-asset-repair-limit {
    padding: 7px 10px;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(0, 0, 0, 0.25);
    color: var(--baise, #ffffff);
}

/* 我的作品顶栏：画社搜索（仅占位样式）+ 与发现流同结构的排序/颜色下拉 */
#eco-me-assets-filter-root.eco-me-assets-filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 18px;
    margin: 0 auto 18px;
    max-width: var(--max-width, 1200px);
    box-sizing: border-box;
}

#eco-me-assets-filter-root .eco-me-assets-filter-search {
    flex: 1 1 220px;
    min-width: 0;
}

#eco-me-assets-filter-root .eco-me-assets-society-search-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

#eco-me-assets-filter-root .eco-me-assets-society-search-field {
    position: relative;
    flex: 1;
    min-width: 0;
}

#eco-me-assets-filter-root .eco-me-assets-society-search-wrap.is-dd-open {
    position: relative;
    z-index: 50;
}

#eco-me-assets-filter-root .eco-me-assets-society-clear {
    flex-shrink: 0;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-muted, #94a3b8);
    font-size: 13px;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease;
}

#eco-me-assets-filter-root .eco-me-assets-society-clear:hover {
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--mobile_Hong, #ff4d4f);
}

#eco-me-assets-filter-root .eco-me-assets-society-dd {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 4px;
    max-height: 240px;
    overflow: auto;
    z-index: 10;
    border-radius: 8px;
    background: #2a2f36;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
    display: none;
}

#eco-me-assets-filter-root .eco-me-assets-society-dd.is-open {
    display: block;
}

#eco-me-assets-filter-root .eco-me-assets-society-dd button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border: none;
    background: transparent;
    color: var(--color-default, #e8eaed);
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
}

#eco-me-assets-filter-root .eco-me-assets-society-dd button:hover {
    background: rgba(255, 255, 255, 0.08);
}

#eco-me-assets-filter-root .eco-me-assets-society-dd .eco-me-assets-society-dd__hint {
    padding: 10px 12px;
    color: var(--color-muted, #94a3b8);
    font-size: 13px;
    margin: 0;
}

#eco-me-assets-filter-root .eco-me-assets-society-search-input {
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    padding: 0 14px;
    border-radius: 8px;
    background-color: #31333c;
    border: 1px solid #3b3d45;
    color: #babbc0;
    font-size: 14px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#eco-me-assets-filter-root .eco-me-assets-society-search-input::placeholder {
    color: #babbc0;
    opacity: 0.85;
}

#eco-me-assets-filter-root .eco-me-assets-society-search-input:focus {
    border-color: var(--mobile_Hong, #ff4d4f);
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.18);
}

#eco-me-assets-filter-root .eco-me-assets-filter-dropdowns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
    flex: 0 1 auto;
    margin-left: auto;
}

#eco-me-assets-filter-root .eco-me-assets-filter-dropdowns .filter-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

#eco-me-assets-filter-root .eco-me-assets-filter-dropdowns .filter-title {
    flex-shrink: 0;
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
    white-space: nowrap;
}

/* 我的画社顶栏：画社搜索 + 排序 / 类别下拉（与「我的作品」顶栏结构对齐） */
#eco-me-boards-filter-root.eco-me-boards-filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 18px;
    margin: 0 auto 18px;
    max-width: var(--max-width, 1200px);
    box-sizing: border-box;
}

#eco-me-boards-filter-root .eco-me-boards-filter-search {
    flex: 1 1 220px;
    min-width: 0;
}

#eco-me-boards-filter-root .eco-me-boards-society-search-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

#eco-me-boards-filter-root .eco-me-boards-society-search-field {
    position: relative;
    flex: 1;
    min-width: 0;
}

#eco-me-boards-filter-root .eco-me-boards-society-search-wrap.is-dd-open {
    position: relative;
    z-index: 50;
}

#eco-me-boards-filter-root .eco-me-boards-society-clear {
    flex-shrink: 0;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-muted, #94a3b8);
    font-size: 13px;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease;
}

#eco-me-boards-filter-root .eco-me-boards-society-clear:hover {
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--mobile_Hong, #ff4d4f);
}

#eco-me-boards-filter-root .eco-me-boards-society-dd {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 4px;
    max-height: 240px;
    overflow: auto;
    z-index: 10;
    border-radius: 8px;
    background: #2a2f36;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
    display: none;
}

#eco-me-boards-filter-root .eco-me-boards-society-dd.is-open {
    display: block;
}

#eco-me-boards-filter-root .eco-me-boards-society-dd button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border: none;
    background: transparent;
    color: var(--color-default, #e8eaed);
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
}

#eco-me-boards-filter-root .eco-me-boards-society-dd button:hover {
    background: rgba(255, 255, 255, 0.08);
}

#eco-me-boards-filter-root .eco-me-boards-society-dd .eco-me-boards-society-dd__hint {
    padding: 10px 12px;
    color: var(--color-muted, #94a3b8);
    font-size: 13px;
    margin: 0;
}

#eco-me-boards-filter-root .eco-me-boards-society-search-input {
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    padding: 0 14px;
    border-radius: 8px;
    background-color: #31333c;
    border: 1px solid #3b3d45;
    color: #babbc0;
    font-size: 14px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#eco-me-boards-filter-root .eco-me-boards-society-search-input::placeholder {
    color: #babbc0;
    opacity: 0.85;
}

#eco-me-boards-filter-root .eco-me-boards-society-search-input:focus {
    border-color: var(--mobile_Hong, #ff4d4f);
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.18);
}

#eco-me-boards-filter-root .eco-me-boards-filter-dropdowns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
    flex: 0 1 auto;
    margin-left: auto;
}

#eco-me-boards-filter-root .eco-me-boards-filter-dropdowns .filter-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

#eco-me-boards-filter-root .eco-me-boards-filter-dropdowns .filter-title {
    flex-shrink: 0;
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
    white-space: nowrap;
}

#eco-v2-manage-root .eco-me-rewards-table-wrap {
    width: 100%;
    overflow-x: auto;
    border:3px solid var(--line-2, rgba(255, 255, 255, 0.14));
}

#eco-v2-manage-root .eco-me-rewards-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    color: var(--color-default, #e8eaed);
}

#eco-v2-manage-root .eco-me-rewards-table thead th {
    text-align: left;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
    color: var(--color-muted, #94a3b8);
    font-weight: 600;
    white-space: nowrap;
}

#eco-v2-manage-root .eco-me-rewards-table tbody td {
    padding: 14px;
    border-bottom: 1px solid var(--line-2, rgba(255, 255, 255, 0.08));
    vertical-align: top;
}

#eco-v2-manage-root .eco-me-rewards-table tbody tr:last-child td {
    border-bottom: none;
}

#eco-v2-manage-root .eco-me-rewards-table tbody tr:hover td {
    background: rgba(255, 255, 255, 0.03);
}

#eco-v2-manage-root .eco-me-reward-points {
    color: #52c41a;
    font-weight: 600;
    white-space: nowrap;
}

#eco-v2-manage-root .eco-me-reward-date {
    white-space: nowrap;
}

#eco-v2-manage-root .eco-me-reward-rank {
    white-space: nowrap;
}

#eco-v2-manage-root .eco-me-reward-type {
    white-space: nowrap;
}

#eco-v2-manage-root .eco-me-reward-week {
    white-space: nowrap;
}

#eco-v2-manage-root .eco-me-reward-status {
    white-space: nowrap;
}

#eco-v2-manage-root .eco-me-reward-memo {
    word-break: break-word;
    line-height: 1.45;
    min-width: 12em;
}

#eco-v2-followed-creators-root .eco-creator-follow-cancel {
    padding: 8px 14px;
    font-size: 13px;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-default, #e8eaed);
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease;
}

#eco-v2-followed-creators-root .eco-creator-follow-cancel:hover {
    border-color: var(--mobile_Hong, #ff4d4f);
    background: var(--mobile_Hong, #ff4d4f);
    color: #fff;
}

/* 我关注的作者：头像突出圆角卡片（与创作者榜视觉同系） */
#eco-v2-followed-creators-root #eco-me-followed-creators.eco-followed-creators-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 28px 14px;
    padding-top: 32px;
}

#eco-v2-followed-creators-root .eco-followed-creator-card {
    position: relative;
    padding: 0;
    overflow: visible;
    text-align: center;
}

#eco-v2-followed-creators-root .eco-followed-creator-card__inner {
    padding: 58px 16px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100%;
    box-sizing: border-box;
}

#eco-v2-followed-creators-root .eco-followed-creator-card__avatar-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

#eco-v2-followed-creators-root .eco-followed-creator-card__avatar-link {
    display: block;
    text-decoration: none;
    outline: none;
    border-radius: 50%;
}

#eco-v2-followed-creators-root .eco-followed-creator-card__avatar-link:focus-visible {
    box-shadow: 0 0 0 2px var(--mobile_Hong, #ff4d4f);
}

#eco-v2-followed-creators-root .eco-followed-creator-card__avatar-link--static {
    cursor: default;
}

#eco-v2-followed-creators-root .eco-followed-creator-card__avatar-img {
    display: block;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(255, 255, 255, 0.95);
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.35);
}

#eco-v2-followed-creators-root .eco-followed-creator-card__avatar-img--placeholder {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.2));
}

#eco-v2-followed-creators-root .eco-followed-creator-card__name {
    margin: 4px 0 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--baise, #ffffff);
    word-break: break-word;
}

#eco-v2-followed-creators-root .eco-followed-creator-card__name-link {
    font-weight: 600;
    background: none;
    border: none;
    font-size: 20px;
}

#eco-v2-followed-creators-root .eco-followed-creator-card__name-text {
    color: var(--baise, #ffffff);
}

#eco-v2-followed-creators-root .eco-followed-creator-card__boards {
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
    line-height: 1.5;
}

#eco-v2-followed-creators-root .eco-followed-creator-card__boards strong {
    color: var(--baise, #ffffff);
    font-weight: 600;
}

#eco-v2-followed-creators-root .eco-followed-creator-card__followed {
    margin-top: 6px;
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
    line-height: 1.5;
}

#eco-v2-followed-creators-root .eco-followed-creator-card__btn {
    margin-top: 14px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-setting-download,
:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-setting-watermark,
:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-setting-license {
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(0, 0, 0, 0.25);
    color: var(--baise, #ffffff);
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-setting-save {
    padding: 8px 14px;
    margin-top: 4px;
    border-radius: 8px;
    border: 1px solid var(--mobile_Hong, #ff4d4f);
    background: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff);
    cursor: pointer;
    font-weight: 500;
}

:is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-setting-save:hover {
    filter: brightness(1.06);
}

#eco-v2-assets-root .eco-task-progress {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
    background: rgba(0, 0, 0, 0.22);
}

#eco-v2-assets-root .eco-task-progress .title {
    color: var(--baise, #ffffff);
}

#eco-v2-assets-root .eco-task-progress .meta {
    color: var(--color-muted, #94a3b8);
}

#eco-v2-assets-root .eco-task-progress .bar {
    background: rgba(255, 255, 255, 0.08);
}

#eco-v2-assets-root .eco-task-progress .bar span {
    background: var(--mobile_Hong, #ff4d4f);
}

#eco-v2-assets-root .eco-repair-detail {
    border: 1px dashed var(--line-2, rgba(255, 255, 255, 0.2));
    background: rgba(0, 0, 0, 0.2);
    color: var(--color-muted, #94a3b8);
}

#eco-v2-assets-root .eco-repair-detail .eco-detail-title {
    color: var(--baise, #ffffff);
}

#eco-v2-assets-root .eco-repair-detail .eco-detail-filters button {
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.05);
    color: var(--color-default, #e8eaed);
}

#eco-v2-assets-root .eco-repair-detail .eco-detail-filters button.active {
    background: var(--mobile_Hong, #ff4d4f);
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff);
}

#eco-v2-assets-root .eco-repair-muted {
    color: var(--color-muted, #94a3b8);
}

#eco-v2-assets-root .eco-board-cover-badge {
    color: #86efac;
    background: rgba(34, 197, 94, 0.15);
    border: 1px solid rgba(34, 197, 94, 0.35);
}

#eco-v2-boards-root #eco-ta-boards-more,
#eco-v2-assets-root #eco-ta-assets-more {
    padding: 10px 18px;
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-default, #e8eaed);
    cursor: pointer;
}

#eco-v2-boards-root #eco-ta-boards-more:hover,
#eco-v2-assets-root #eco-ta-assets-more:hover {
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--mobile_Hong, #ff4d4f);
}

/* =========================================================================
   作品详情页作者栏样式（eco/asset.html）
   ========================================================================= */
.eco-asset-author-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
    border-radius: 12px;
    margin-top: 20px;
    gap: 15px;
}

.eco-asset-author-info {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.eco-asset-author-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
}

.eco-asset-author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.eco-asset-author-avatar-fallback {
    width: 100%;
    height: 100%;
    background-color: var(--line-2, rgba(255, 255, 255, 0.12));
}

.eco-asset-author-meta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.eco-asset-author-name-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    min-width: 0;
}

.eco-asset-author-name {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--baise, #fff);
    text-decoration: none;
    min-width: 0;
    max-width: 150px;
    flex: 0 1 150px;
    overflow: hidden;
}

.eco-asset-author-name:hover {
    color: var(--mobile_Hong, #ff4d4f);
}

.eco-asset-author-name .user-name-with-svip {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.eco-asset-author-name .user-name-with-svip__text {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eco-asset-author-action {
    flex-shrink: 0;
}

.eco-asset-author-action .eco-btn {
    padding: 6px 16px;
    font-size: 14px;
    height: auto;
    border-radius: 20px;
}

/* =========================================================================
   作品详情页属性区域样式（eco/asset.html）
   ========================================================================= */
.eco-asset-properties {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 12px;
    margin-top: 20px;
}

.eco-asset-prop-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0; /* 允许网格项收缩以触发截断 */
}

.eco-asset-prop-label {
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
    white-space: nowrap;
}

.eco-asset-prop-value {
    font-size: 15px;
    font-weight: 500;
    color: var(--baise, #fff);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-color-filter {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 8px 0 12px;
}
.eco-stat {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.eco-stat-item {
    padding: 16px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #edf0f5;
}

.eco-stat-value {
    font-size: 24px;
    font-weight: 700;
    color: #101828;
}

.eco-stat-label {
    margin-top: 4px;
    color: #667085;
}

.eco-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}

.eco-list-item {
    padding: 14px;
    border: 1px solid #edf0f5;
    border-radius: 10px;
    background: #fff;
}

.eco-empty {
    padding: 18px;
    text-align: center;
    border: 1px dashed #d0d5dd;
    border-radius: 10px;
    color: #667085;
    background: #fafafa;
    line-height: 1.8;
}

.eco-empty a {
    color: #2f80ed;
    text-decoration: none;
}

.eco-ok {
    color: #12b886;
    font-weight: 600;
}

.eco-warn {
    color: #f03e3e;
    font-weight: 600;
}

.eco-color-filter {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 16px;
}

.eco-color-filter button {
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    padding: 7px 12px;
    border-radius: 999px;
    cursor: pointer;
}

.eco-color-filter button.active {
    background: #111827;
    border-color: #111827;
    color: #fff;
}

.eco-color-filter button.empty {
    color: #98a2b3;
    background: #fafafa;
}

.eco-color-filter a.eco-color-chip {
    display: inline-block;
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    padding: 7px 12px;
    border-radius: 999px;
    cursor: pointer;
    text-decoration: none;
    font-size: inherit;
    font-family: inherit;
}

.eco-color-filter a.eco-color-chip.active {
    background: #111827;
    border-color: #111827;
    color: #fff;
}

.eco-color-filter a.eco-color-chip.empty {
    color: #98a2b3;
    background: #fafafa;
}

.eco-discover-pagination-wrap {
    margin: 20px 0 32px;
}

/* 发现页顶栏：可能在 `.eco-discover-page` 外，选择器以 `.eco-discover-tab-menu` 为准 */
.eco-discover-tab-menu.category-tab-menu-container {
    flex-wrap: nowrap;
    width:100%;
}
.eco-discover-page__header{
    width: 100%;
    background: rgba(213, 229, 255, 0.035);
    padding:0;
    display: table;
    margin-bottom: 20px;
}

.eco-discover-tab-menu .eco-discover-tab-menu__title.index-hot-list-title {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
}

.eco-discover-tab-menu .index-hot-list-title h1 {
    flex-wrap: nowrap;
    white-space: nowrap;
}

.eco-discover-tab-menu .index-hot-list-title h1:after {
    display: none;
}

.eco-discover-tab-menu .eco-discover-title-pipe {
    margin-left: 6px;
    font-weight: 300;
}

.eco-discover-quicklinks {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    max-width: var(--max-width);
    margin: 0 auto 18px;
    padding: 0 30px;
    box-sizing: border-box;
}

.eco-discover-quicklinks a {
    white-space: nowrap;
    text-decoration: none;
    font-size: 16px;
    padding:0 16px;
    height: 86px;
    border-radius: 8px;
    background:var(--block-default);
    color: var(--mobileC_ccc);
    transition: all 0.3s ease;
    flex:1 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border:1px solid var(--line-2);
    gap: 10px;
}

.eco-discover-quicklinks a:hover {
    background:var(--block-hover);
    color: var(--baise);
    border:1px solid var(--mobile_Hong);
    color: #fff;
}

.eco-discover-quicklinks a.eco-discover-quicklinks__current,
.eco-discover-quicklinks a.eco-discover-quicklinks__current:hover {
    background: var(--mobileBtnHongse);
    background-image: var(--mobileBtnHongse);
    color: #ffffff;
    border-color: transparent;
    font-size: 22px;
}

.eco-discover-quicklinks a.eco-discover-quicklinks__current i {
    color: inherit;
}

.eco-discover-quicklinks__sep {
    flex-shrink: 0;
    color: #d0d5dd;
    user-select: none;
}

.user-member-layout .eco-discover-quicklinks a {
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-discover-quicklinks a.eco-discover-quicklinks__current,
.user-member-layout .eco-discover-quicklinks a.eco-discover-quicklinks__current:hover {
    color: #ffffff;
}

/* 画社广场顶栏：排序下拉项为 button，与 category-dropdown 条目对齐 */
#eco-board-sort-dropdown button.eco-board-sort-option.category-dropdown-20251013-item-all {
    border: none;
    cursor: pointer;
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none;
}

.user-member-layout .eco-discover-quicklinks__sep {
    color: var(--line-1, rgba(255, 255, 255, 0.18));
}

/* 发现页「颜色」下拉（#eco-color-filter 且带 category-dropdown 类仅此一处）：白底 + 色块用 .eco-discover-tone--* */
#eco-color-filter.category-dropdown-20251013-all .category-dropdown-20251013-menu-all {
    background: #ffffff !important;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
    min-width: 140px;
    overflow: hidden;
}

#eco-color-filter.category-dropdown-20251013-all .category-dropdown-20251013-content-all {
    max-height: min(320px, 70vh);
    padding:0;
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-color-menu-row.menu-item-content {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center !important;
    justify-content: flex-start;
    gap: 10px;
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-color-swatch {
    display: block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    box-sizing: border-box;
    background-color: #e5e7eb;
}

#eco-color-filter.category-dropdown-20251013-all .category-dropdown-20251013-item-all.empty .eco-discover-color-swatch {
    opacity: 0.45;
}

#eco-color-filter.category-dropdown-20251013-all .category-dropdown-20251013-item-all:hover .eco-discover-color-swatch,
#eco-color-filter.category-dropdown-20251013-all .category-dropdown-20251013-item-all.active .eco-discover-color-swatch {
    border-color: rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}

/* 与后端 tone 枚举一致；「全部」tone 为空 → 模板类名 eco-discover-tone--all */
#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--all .eco-discover-color-swatch {
    background: linear-gradient(90deg, #e53935 0%, #fbc02d 25%, #43a047 50%, #1e88e5 75%, #8e24aa 100%);
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--hongse .eco-discover-color-swatch {
    background-color: #e53935;
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--chengse .eco-discover-color-swatch {
    background-color: #fb8c00;
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--huangse .eco-discover-color-swatch {
    background-color: #fdd835;
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--lvse .eco-discover-color-swatch {
    background-color: #43a047;
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--qingse .eco-discover-color-swatch {
    background-color: #00acc1;
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--lanse .eco-discover-color-swatch {
    background-color: #1e88e5;
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--zise .eco-discover-color-swatch {
    background-color: #8e24aa;
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--fense .eco-discover-color-swatch {
    background-color: #ec407a;
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--heise .eco-discover-color-swatch {
    background-color: #212121;
    border-color: rgba(255, 255, 255, 0.12);
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--baise .eco-discover-color-swatch {
    background-color: #fafafa;
    border-color: rgba(0, 0, 0, 0.18);
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--huise .eco-discover-color-swatch {
    background-color: #9e9e9e;
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--zongse .eco-discover-color-swatch {
    background-color: #795548;
}

#eco-color-filter.category-dropdown-20251013-all .eco-discover-tone--xuancai .eco-discover-color-swatch {
    background: linear-gradient(135deg, #ff6b6b 0%, #feca57 33%, #48dbfb 66%, #ff9ff3 100%);
}

/* 瀑布流卡片「···」白底菜单向下展开：解除全局 `.conter-auto-list .item { overflow:hidden }` 裁切 */
.eco-discover-page .eco-discover-masonry.conter-auto-list .item.eco-discover-masonry-item {
    overflow: visible;
    /* 与后加载的兄弟卡片竞争叠放：仅抬高 wrap 无法盖住 DOM 更靠后的卡片 */
    z-index: 0;
}

.eco-discover-page .eco-discover-masonry.conter-auto-list .item.eco-discover-masonry-item:has(.eco-discover-masonry-more-wrap:hover),
.eco-discover-page .eco-discover-masonry.conter-auto-list .item.eco-discover-masonry-item:has(.eco-discover-masonry-more-wrap.is-open),
.eco-discover-page .eco-discover-masonry.conter-auto-list .item.eco-discover-masonry-item:has(.eco-discover-masonry-more-wrap:focus-within) {
    z-index: 80;
}

/* 发现页瀑布流卡片底部：覆盖 skin `.conter-auto-list .item .title` 的单行 nowrap flex，改为纵向排版 */
.eco-discover-page .eco-discover-masonry .item .title.eco-discover-masonry-title {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0;
    min-height: 0;
    padding: 0;
}

.eco-discover-page .eco-discover-masonry .item .title.eco-discover-masonry-title .eco-discover-masonry-cardfoot {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

/* 第二行：点赞/收藏/下载 + 「更多」悬浮菜单（白底）；卡片已不含标题行 */
.eco-discover-page .eco-discover-masonry .eco-discover-masonry-toolbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding:6px 10px;
    border-top: 1px solid var(--line-3);
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-toolbar .eco-discover-masonry-stats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
    flex: 1;
    min-width: 0;
    font-size: 12px;
    color: #98a2b3;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-stat {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #585e67;
    white-space: nowrap;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-stat i {
    font-size: 12px;
    opacity: 0.85;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-stat__num {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

/* 会员「我的作品」瀑布流：底部两行（分辨率+删除 | 互动数短显） */
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .content-info.eco-me-asset-cardfoot {
    flex-direction: column;
    align-items: stretch;
    padding: 10px;
    gap: 10px;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .eco-me-asset-cardfoot__row1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-width: 0;
    border-bottom: 1px solid var(--line-3);
    padding-bottom: 10px;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .eco-me-asset-cardfoot__row1 .size {
    flex: 1;
    min-width: 0;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .eco-me-asset-cardfoot__row1 .size span {
    max-width: none;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .picwrapp {
    position: relative;
    overflow: hidden;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .picwrapp .eco-me-asset-thumb-badge {
    position: absolute;
    top: 12px;
    left: -38px;
    z-index: 3;
    width: 124px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-45deg);
    transform-origin: center center;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.02em;
    pointer-events: none;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .picwrapp .eco-me-asset-thumb-badge--pending {
    background: var(--color-muted, #94a3b8);
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .picwrapp .eco-me-asset-thumb-badge--rejected {
    background: var(--mobile_Hong, #ff4d4f);
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .eco-me-asset-delete {
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    border:none;
    background: transparent;
    color:#fff;
    font-size: 13px;
    line-height: 1;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .eco-me-asset-delete:hover:not(:disabled) {
    color:#fff;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .eco-me-asset-delete:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .eco-me-asset-cardfoot__row2 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    margin: 0;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .content-info .eco-me-asset-cardfoot__row2 .eco-me-asset-masonry-stats {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin: 0;
    flex: 1;
    min-width: 0;
    font-size: 12px;
    color: var(--color-desc, #98a2b3);
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .eco-me-asset-edit {
    display: block;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font-size: 12px;
    line-height: 1.2;
    cursor: pointer;
    color:#fff;
    white-space: nowrap;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .eco-me-asset-edit:hover {
    color: var(--mobile_Hong, #ff4d4f);
}

/* —— 我收藏的作品：顶栏（标题搜索按钮 + 排序/颜色）与卡片底栏（仅互动数据 + 取消收藏） */
#eco-me-favorited-assets-filter-root.eco-me-favorited-assets-filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 18px;
    margin: 0 auto 18px;
    max-width: var(--max-width, 1200px);
    box-sizing: border-box;
}

#eco-me-favorited-assets-filter-root .eco-me-favorited-assets-search {
    flex: 1 1 220px;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}

#eco-me-favorited-assets-filter-root .eco-me-favorited-assets-search__field {
    flex: 1;
    min-width: 0;
}

#eco-me-favorited-assets-filter-root .eco-me-favorited-assets-search-input {
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    padding: 0 14px;
    border-radius: 8px;
    background-color: #31333c;
    border: 1px solid #3b3d45;
    color: #babbc0;
    font-size: 14px;
    outline: none;
}

#eco-me-favorited-assets-filter-root .eco-me-favorited-assets-search-input::placeholder {
    color: #babbc0;
    opacity: 0.85;
}

#eco-me-favorited-assets-filter-root .eco-me-favorited-assets-search-input:focus {
    border-color: var(--mobile_Hong, #ff4d4f);
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.18);
}

#eco-me-favorited-assets-filter-root .eco-me-favorited-assets-search-submit {
    flex-shrink: 0;
    height: 40px;
    padding: 0 18px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: var(--mobile_Hong, #ff4d4f);
    transition: opacity 0.15s ease, transform 0.15s ease;
}

#eco-me-favorited-assets-filter-root .eco-me-favorited-assets-search-submit:hover {
    opacity: 0.92;
}

#eco-me-favorited-assets-filter-root .eco-me-favorited-assets-filter-dropdowns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
    flex: 0 1 auto;
    margin-left: auto;
}

.eco-v2-page--favorited-assets .waterfall-wrapper .waterfall-item .eco-me-fav-asset-cardfoot .eco-me-asset-cardfoot__row2 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    margin: 0;
}

.eco-v2-page--favorited-assets .waterfall-wrapper .waterfall-item .eco-me-fav-asset-cardfoot .eco-me-asset-cardfoot__row2 .eco-me-asset-masonry-stats {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin: 0;
    flex: 1;
    min-width: 0;
    font-size: 12px;
    color: var(--color-desc, #98a2b3);
}

.eco-v2-page--favorited-assets .waterfall-wrapper .waterfall-item .eco-me-fav-asset-unfavorite {
    display: block;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font-size: 12px;
    line-height: 1.2;
    cursor: pointer;
    color: #fff;
    white-space: nowrap;
}

.eco-v2-page--favorited-assets .waterfall-wrapper .waterfall-item .eco-me-fav-asset-unfavorite:hover:not(:disabled) {
    color: var(--mobile_Hong, #ff4d4f);
}

.eco-v2-page--favorited-assets .waterfall-wrapper .waterfall-item .eco-me-fav-asset-unfavorite:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

:is(#eco-v2-assets-root) .eco-asset-edit-society-wrap {
    position: relative;
    z-index: 1;
}
:is(#eco-v2-assets-root) .eco-asset-edit-society-wrap.is-dd-open {
    z-index: 90;
}
:is(#eco-v2-assets-root) .eco-asset-edit-society-dd {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 4px;
    max-height: 220px;
    overflow: auto;
    z-index: 10;
    border-radius: 8px;
    background-color: #31333c;
    border: 1px solid #3b3d45;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
    display: none;
}
:is(#eco-v2-assets-root) .eco-asset-edit-society-dd.is-open {
    display: block;
}
:is(#eco-v2-assets-root) .eco-asset-edit-society-dd button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border: none;
    background: transparent;
    color: #babbc0;
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
}
:is(#eco-v2-assets-root) .eco-asset-edit-society-dd button:hover {
    background: rgba(255, 255, 255, 0.08);
}
:is(#eco-v2-assets-root) .eco-asset-edit-society-dd .eco-asset-edit-society-dd__hint {
    padding: 10px 12px;
    color: var(--color-muted, #94a3b8);
    font-size: 13px;
    margin: 0;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .content-info .eco-me-asset-masonry-stat {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--color-desc, #585e67);
    white-space: nowrap;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .content-info .eco-me-asset-masonry-stat i {
    font-size: 12px;
    opacity: 0.85;
}
.eco-v2-page--assets .waterfall-wrapper .waterfall-item .content-info .eco-me-asset-masonry-stat__num {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

/* 「更多」··· */
.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-wrap {
    position: relative;
    flex-shrink: 0;
}

/* 按钮与面板之间的透明热区，避免鼠标经过空隙时失去 :hover 导致菜单收起 */
.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-wrap::after {
    content: '';
    position: absolute;
    left: -10px;
    right: -10px;
    top: 100%;
    height: 14px;
    z-index: 39;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #e4e7ec;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    background:none;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-btn:hover,
.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-wrap.is-open .eco-discover-masonry-more-btn {
    color: #ffffff;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-panel {
    position: absolute;
    top: calc(100% + 8px);
    bottom: auto;
    right: 0;
    z-index: 40;
    min-width: 140px;
    max-width: 200px;
    max-width: min(280px, 86vw);
    padding: 0;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
    overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
    .eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-wrap:hover .eco-discover-masonry-more-panel {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-wrap.is-open .eco-discover-masonry-more-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    min-height: 44px;
    padding: 10px 14px;
    box-sizing: border-box;
    border-bottom: 1px solid #f2f4f7;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-row:last-child {
    border-bottom: none;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-k {
    flex-shrink: 0;
    width: 40px;
    font-size: 12px;
    font-weight: 600;
    color: #98a2b3;
    letter-spacing: 0.02em;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-v {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 500;
    color: #101828;
    text-decoration: none;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-v:hover {
    opacity: 0.6;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-v--muted {
    color: #667085;
    cursor: default;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-row--full {
    display: block;
    padding: 0;
    min-height: 0;
    border-bottom: 1px solid #f2f4f7;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-row--full:last-child {
    border-bottom: none;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-lineaction {
    display: block;
    width: 100%;
    padding: 12px 14px;
    box-sizing: border-box;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--mobile_Hong);
    text-decoration: none;
    text-align: center;
    line-height: 1.4;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background 0.15s ease;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-lineaction:hover {
    background: #f9fafb;
    color: #000;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-lineaction--btn {
    font-family: inherit;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-lineaction--muted {
    color: #667085;
}

.eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-lineaction--muted:hover {
    color: #475467;
    background: #f9fafb;
}

.eco-discover-page .eco-discover-masonry .image video.eco-discover-masonry-video {
    display: block;
}

.user-member-layout .eco-discover-page .eco-discover-masonry .eco-discover-masonry-toolbar .eco-discover-masonry-stats {
    color: var(--color-muted, #98a2b3);
}

.user-member-layout .eco-discover-page .eco-discover-masonry .eco-discover-masonry-stat {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.88);
}

.user-member-layout .eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-btn {
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.92);
}

.user-member-layout .eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-lineaction {
    color: var(--mobile_Hong, #ff4d4f);
}

.user-member-layout .eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-lineaction:hover {
    color: #ff7875;
}

.user-member-layout .eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-lineaction--muted {
    color: #667085;
}

.user-member-layout .eco-discover-page .eco-discover-masonry .eco-discover-masonry-more-lineaction--muted:hover {
    color: #475467;
}

.eco-color-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.14);
    vertical-align: -1px;
    margin-right: 4px;
}

.eco-board-cover-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: #027a48;
    background: #ecfdf3;
    border: 1px solid #a7f3d0;
}

.eco-repair-detail {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px dashed #d0d5dd;
    border-radius: 8px;
    background: #fcfcfd;
    color: #475467;
}

.eco-repair-detail .eco-detail-title {
    font-weight: 600;
    color: #101828;
    margin-bottom: 6px;
}

.eco-repair-detail .eco-detail-filters {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.eco-repair-detail .eco-detail-filters button {
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    padding: 4px 10px;
    border-radius: 999px;
    cursor: pointer;
}

.eco-repair-detail .eco-detail-filters button.active {
    background: #111827;
    border-color: #111827;
    color: #fff;
}

.eco-repair-detail .eco-detail-items {
    max-height: 180px;
    overflow: auto;
    line-height: 1.8;
}

.eco-repair-muted {
    color: #98a2b3;
    font-size: 12px;
}

.eco-task-progress {
    margin-top: 8px;
    padding: 8px 10px;
    border: 1px solid #e4e7ec;
    border-radius: 8px;
    background: #f8fafc;
    display: none;
}

.eco-task-progress .title {
    font-weight: 600;
    color: #101828;
}

.eco-task-progress .meta {
    font-size: 12px;
    color: #667085;
    margin-top: 3px;
}

.eco-task-progress .bar {
    margin-top: 6px;
    height: 8px;
    background: #e4e7ec;
    border-radius: 999px;
    overflow: hidden;
}

.eco-task-progress .bar span {
    display: block;
    height: 100%;
    width: 0;
    background: #2f80ed;
    transition: width 0.25s ease;
}

.eco-u-muted {
    color: #667085;
}

/* ---------- create / publish 表单页（对齐「管理画社」弹窗深色 + CustomSelect） ---------- */
:is(#eco-v2-create-root, #eco-v2-publish-root).eco-v2-page {
    max-width: var(--max-width);
    color: var(--color-default, #e8eaed);
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-hero {
    padding: 22px 24px;
    border-radius: 16px;
    margin-bottom: 18px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-hero h1 {
    margin: 0 0 8px;
    font-size: 26px;
    color: var(--baise, #ffffff);
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-hero p {
    margin: 0;
    color: var(--color-muted, #94a3b8);
    line-height: 1.5;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-card {
    display: grid;
    gap: 18px;
    padding: 22px 24px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
    grid-template-columns: minmax(0, 1fr) 280px;
}

:is(#eco-v2-publish-root) .eco-v2-card {
    grid-template-columns: minmax(0, 1fr) 300px;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-board-manage-modal__label {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-board-manage-modal__label > span:first-child {
    font-weight: 600;
    color: var(--color-muted, #ffffff);
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-board-manage-modal__label input[type="text"],
:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-board-manage-modal__label input[type="search"] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #3b3d45;
    background-color: #31333c;
    color: #babbc0;
    font-size: 14px;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-board-manage-modal__label input::placeholder {
    color: #babbc0;
    opacity: 0.85;
}

/*
 * 发布作品标签框：逐字摘自 public/assets/css/frontend.css（.bootstrap-tagsinput ～ .tag [data-role="remove"]:hover）
 * 仅增加前缀 :is(#eco-v2-publish-root) .eco-board-manage-modal__label —— 内层宽度由 tagsinput.js 写 style，与 FastAdmin 一致
 */
:is(#eco-v2-publish-root, #eco-v2-assets-root) .eco-board-manage-modal__label .bootstrap-tagsinput {
    display: inline-block;
    padding: 10px 12px;
    margin-bottom: 10px;
    vertical-align: middle;
    width: 100%;
    line-height: 22px;
    cursor: text;
    border-radius: 8px;
    border: 1px solid #3b3d45;
    background-color: #31333c;
    color: #babbc0;
}

:is(#eco-v2-publish-root, #eco-v2-assets-root) .eco-board-manage-modal__label .bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    font-size: 13px;
    width: 80px;
    max-width: inherit;
}

:is(#eco-v2-publish-root, #eco-v2-assets-root) .eco-board-manage-modal__label .bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}

:is(#eco-v2-publish-root, #eco-v2-assets-root) .eco-board-manage-modal__label .bootstrap-tagsinput .tagsinput-text {
    display: inline-block;
    overflow: auto;
    visibility: hidden;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
}

:is(#eco-v2-publish-root, #eco-v2-assets-root) .eco-board-manage-modal__label .bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    background: var(--mobile_Hong, #ff4d4f);
    border-radius: 4px;
    padding: 2px 5px;
    font-weight: 500;
    font-size: 12px;
}

:is(#eco-v2-publish-root, #eco-v2-assets-root) .eco-board-manage-modal__label .bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 5px;
    cursor: pointer;
}

:is(#eco-v2-publish-root, #eco-v2-assets-root) .eco-board-manage-modal__label .bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}

:is(#eco-v2-publish-root, #eco-v2-assets-root) .eco-board-manage-modal__label .bootstrap-tagsinput .tag [data-role="remove"]:hover {
    background-color: rgba(255, 255, 255, 0.16);
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-board-manage-modal__label select.u-custom-select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .select-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #babbc0;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .select-wrapper.u-custom-select-open {
    z-index: 80;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .select-wrapper .select-trigger {
    height: 44px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #3b3d45;
    background-color: #31333c;
    color: #babbc0;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .select-wrapper .select-trigger:hover {
    border-color: #4e515b;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .select-wrapper .select-trigger.active {
    border-color: var(--mobile_Hong, #ff4d4f);
    border-radius: 8px;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .select-wrapper .select-trigger-text {
    font-size: 14px;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .select-wrapper .select-trigger-text.placeholder {
    color: #babbc0;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .select-wrapper .select-trigger-arrow {
    color: #babbc0;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .select-wrapper .select-dropdown {
    background-color: #31333c;
    border: 1px solid #3b3d45;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
    z-index: 5;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .select-wrapper .select-option {
    color: #babbc0;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .select-wrapper .select-option:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .select-wrapper .select-option.selected {
    color: var(--mobile_Hong, #ff4d4f);
    font-weight: 500;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-field--file input[type="file"] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #3b3d45;
    background-color: #31333c;
    color: #babbc0;
    font-size: 13px;
    cursor: pointer;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-field--file input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid #3b3d45;
    background-color: #31333c;
    color: #babbc0;
    cursor: pointer;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-field--file input[type="file"]::file-selector-button:hover {
    border-color: #4e515b;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-board-manage-modal__label .eco-v2-help {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-muted, #94a3b8);
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-preview {
    border: 1px dashed var(--line-2, rgba(255, 255, 255, 0.16));
    border-radius: 12px;
    padding: 14px;
    background: rgba(0, 0, 0, 0.22);
    text-align: center;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-preview img {
    display: none;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 10px;
}

:is(#eco-v2-create-root) .eco-v2-preview img {
    max-height: 220px;
}

:is(#eco-v2-publish-root) .eco-v2-preview img {
    max-height: 260px;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-preview-title {
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--baise, #ffffff);
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-preview-text {
    color: var(--color-muted, #94a3b8);
    font-size: 13px;
    line-height: 1.6;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-actions {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 8px;
    flex-wrap: wrap;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-btn.eco-board-manage-save {
    min-height: 44px;
    appearance: none;
    border-radius: 8px;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid var(--mobile_Hong, #ff4d4f);
    background: rgba(255, 255, 255, 0.04);
    color: #fff;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-btn.eco-board-manage-save:hover:not([disabled]) {
    background: var(--mobile_Hong, #ff4d4f);
    color: #fff;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-btn[disabled] {
    opacity: 0.55;
    cursor: not-allowed;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-link {
    color: var(--mobile_Hong, #ff6b6b);
    text-decoration: none;
    font-size: 14px;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-link:hover {
    text-decoration: underline;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-result {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    color: var(--color-default, #e8eaed);
    line-height: 1.65;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-result.is-ok {
    background: rgba(46, 213, 115, 0.12);
    border-color: rgba(46, 213, 115, 0.35);
    color: #86efac;
}

:is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-result.is-error {
    background: rgba(255, 77, 79, 0.12);
    border-color: rgba(255, 77, 79, 0.35);
    color: #fca5a5;
}

#eco-wallpaper-video-preview {
    display: none;
    width: 100%;
    max-height: 260px;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* ---------- discover / feed ---------- */
.eco-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.eco-tabs button {
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    padding: 8px 14px;
    border-radius: 8px;
    cursor: pointer;
}

.eco-tabs button.active {
    background: #2f80ed;
    border-color: #2f80ed;
    color: #fff;
}

.eco-tabs a.eco-sort-tab {
    display: inline-block;
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    padding: 8px 14px;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    font-size: inherit;
    font-family: inherit;
}

.eco-tabs a.eco-sort-tab.active {
    background: #2f80ed;
    border-color: #2f80ed;
    color: #fff;
}

.eco-feed-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
}

.eco-feed-card {
    overflow: hidden;
    border: 1px solid #edf0f5;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(17, 24, 39, 0.04);
}

.eco-thumb {
    height: 150px;
    background: #f2f4f7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #98a2b3;
}

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

.eco-card-body {
    padding: 12px;
}

.eco-card-title {
    font-weight: 600;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eco-meta {
    font-size: 13px;
    color: #667085;
    line-height: 1.7;
}

.eco-loading,
.eco-alert {
    padding: 28px;
    text-align: center;
    border: 1px dashed #d0d5dd;
    border-radius: 12px;
    color: #667085;
    background: #fafafa;
}

.eco-v2-page > .eco-alert:not(#eco-legal-deeplink-tip) {
    margin-bottom: 14px;
    text-align: left;
    background: #fff8e6;
    border-color: #ffe2a8;
    color: #8a5a00;
}

#eco-legal-deeplink-tip.eco-alert {
    display: none;
    margin-bottom: 14px;
    padding: 12px 14px;
    text-align: left;
    border: 1px solid #ffe2a8;
    border-radius: 10px;
    background: #fff8e6;
    color: #8a5a00;
    line-height: 1.65;
}

#eco-legal-deeplink-tip.eco-alert.show {
    display: block;
}

.eco-load-more {
    display: none;
    margin: 18px auto 0;
    padding: 10px 18px;
    border: 1px solid #d0d5dd;
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
}

/* discover：tabs 与 head 同一行时按钮略宽 */
.eco-v2-page:not(:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root)) > .eco-head .eco-tabs button,
.eco-v2-page:not(:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root)) > .eco-head .eco-tabs a.eco-sort-tab {
    padding: 8px 16px;
}

/* ---------- boards（画社广场）---------- */
.eco-search-box {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.eco-search-box input {
    min-width: 260px;
    flex: 1;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    padding: 9px 12px;
}

.eco-search-box button {
    border: 1px solid #2f80ed;
    background: #2f80ed;
    color: #fff;
    padding: 8px 14px;
    border-radius: 8px;
    cursor: pointer;
}

/* =============================================================================
   ECOv2 通用非瀑布流画社列表 .eco-v2-board-plain
   骨架对齐 mobile/categorys.html：.contlistw > ul.video-wrapper > li.box_black.video-item > a.imgw + .title
/* 网格与卡片底色由全局 skin_black .contlistw 规则提供；封面图为宽 100% 高度自适应（不再固定竖幅比例） */

   模板：application/index/view/common/evo_v2/part_board_plain_list.html
   ============================================================================= */

.eco-v2-board-plain.contlistw {
    box-sizing: border-box;
}

.eco-v2-board-plain .eco-v2-board-plain__media-link.imgw {
    display: block;
    position: relative;
    z-index: 1;
}
.eco-v2-board-plain__media-link{
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.conter-auto-list .item .image{
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.eco-v2-board-plain .eco-v2-board-plain__media {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--block-hover, #eef0f4);
}

.eco-v2-board-plain.contlistw li.box_black .eco-v2-board-plain__media img,
.eco-v2-board-plain.contlistw li.box_black .eco-v2-board-plain__media video {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    transition: opacity 0.25s ease-in-out;
}

.eco-v2-board-plain.contlistw li.box_black a.eco-v2-board-plain__media-link.imgw:hover img {
    opacity: 0.85;
}

.eco-v2-board-plain .eco-v2-board-plain__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    padding: 16px;
    font-size: 13px;
    color: var(--color-desc, #98a2b3);
    text-align: center;
    box-sizing: border-box;
}

.eco-v2-board-plain .eco-v2-board-plain__media .eco-featured-corner {
    pointer-events: none;
}

.eco-v2-board-plain .eco-v2-board-plain__title-row.title .text {
    flex: 1;
    min-width: 0;
}

.eco-v2-board-plain .eco-v2-board-plain__title-row.title .text a {
    color: inherit;
    text-decoration: none;
}

.eco-v2-board-plain .eco-v2-board-plain__title-row.title .text a:hover {
    color: var(--mobile_Hong, #e53935);
}

.eco-v2-board-plain .eco-v2-board-plain__extras {
    padding: 0 12px 10px;
    box-sizing: border-box;
    width: 100%;
}

.eco-v2-board-plain .eco-v2-board-plain__meta-line {
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-desc, #667085);
    word-break: break-word;
}

.eco-v2-board-plain .eco-v2-board-plain__meta-line + .eco-v2-board-plain__meta-line {
    margin-top: 4px;
}

.eco-discover-page .eco-v2-board-plain .eco-v2-board-plain__meta-line {
    color: rgba(52, 64, 84, 0.88);
}

/* 画社广场列表卡片底部：与发现流 masonry 同款标题 + 统计行 + 「···」白底面板 */
.eco-boards-page .eco-v2-board-plain.contlistw li.box_black.eco-v2-board-plain__item {
    overflow: visible;
    z-index: 0;
    min-width: 0; /* 让 grid 列可以正常收缩 */
}

.eco-boards-page .eco-v2-board-plain.contlistw li.box_black.eco-v2-board-plain__item:has(.eco-discover-masonry-more-wrap:hover),
.eco-boards-page .eco-v2-board-plain.contlistw li.box_black.eco-v2-board-plain__item:has(.eco-discover-masonry-more-wrap.is-open),
.eco-boards-page .eco-v2-board-plain.contlistw li.box_black.eco-v2-board-plain__item:has(.eco-discover-masonry-more-wrap:focus-within) {
    z-index: 80;
}

.eco-boards-page .eco-v2-board-plain .eco-v2-board-plain__title-row.eco-discover-masonry-title {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0;
    min-height: 0;
    padding: 0;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-cardfoot {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-title .text {
    flex: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 10px 10px 0 10px;
    line-height: 1.45;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-title .text a {
    color: #eceef2;
    text-decoration: none;
    transition: color 0.2s ease;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-title .text a:hover {
    color: #ffffff;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-toolbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 6px 10px;
    border-top: 1px solid var(--line-3);
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-stats {
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    min-width: 0;
    margin: 0;
    font-size: 12px;
    color: #98a2b3;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-stat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #778293;
    white-space: nowrap;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-stat i {
    font-size: 12px;
    opacity: 0.9;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-stat__num {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-wrap {
    position: relative;
    flex-shrink: 0;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-wrap::after {
    content: '';
    position: absolute;
    left: -10px;
    right: -10px;
    top: 100%;
    height: 14px;
    z-index: 39;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    padding: 0;
    color: #e4e7ec;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    background: none;
    border: none;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-btn:hover,
.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-wrap.is-open .eco-discover-masonry-more-btn {
    color: #ffffff;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-panel {
    position: absolute;
    top: calc(100% + 8px);
    bottom: auto;
    right: 0;
    z-index: 40;
    min-width: 140px;
    max-width: min(280px, 86vw);
    padding: 0;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
    overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
    .eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-wrap:hover .eco-discover-masonry-more-panel {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-wrap.is-open .eco-discover-masonry-more-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    min-height: 44px;
    padding: 10px 14px;
    box-sizing: border-box;
    border-bottom: 1px solid #f2f4f7;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-row:last-child {
    border-bottom: none;
}

.eco-boards-page .eco-v2-board-plain .eco-board-plain-more-row-author {
    align-items: flex-start;
    min-height: auto;
}

.eco-boards-page .eco-v2-board-plain .eco-board-plain-more-author-cell {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    line-height: 1.45;
}

.eco-boards-page .eco-v2-board-plain .eco-board-plain-more-author-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    width: 100%;
}

/* 会员昵称：单行不换行，超出 … */
.eco-boards-page .eco-v2-board-plain .eco-board-plain-more-author-name-link {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000000;
    text-decoration: none;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.eco-boards-page .eco-v2-board-plain .eco-board-plain-more-author-name-link:hover {
    opacity: 0.6;
}

.eco-boards-page .eco-v2-board-plain .eco-board-plain-more-author-name-link.eco-discover-masonry-more-v--muted {
    color: #000000;
    cursor: default;
}

.eco-boards-page .eco-v2-board-plain .eco-board-plain-more-author-name-link.eco-discover-masonry-more-v--muted:hover {
    opacity: 0.6;
}

.eco-boards-page .eco-v2-board-plain .eco-board-plain-more-author-name-text {
    display: inline;
    vertical-align: baseline;
}

/* 徽章行：横向单行，单项过长 … */
.eco-boards-page .eco-v2-board-plain .eco-board-plain-more-author-badges-line {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.eco-boards-page .eco-v2-board-plain .eco-board-plain-more-author-badges-line:not(:has(.eco-board-plain-more-author-badge-item)) {
    display: none;
}

.eco-boards-page .eco-v2-board-plain .eco-board-plain-more-author-badge-item {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-k {
    flex-shrink: 0;
    width: 40px;
    font-size: 12px;
    font-weight: 600;
    color: #98a2b3;
    letter-spacing: 0.02em;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-row--full {
    display: block;
    padding: 0;
    min-height: 0;
    border-bottom: 1px solid #f2f4f7;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-row--full:last-child {
    border-bottom: none;
}

.eco-boards-page .eco-v2-board-plain .eco-board-plain-panel-line {
    padding: 12px 14px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 500;
    color: #101828;
    line-height: 1.45;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-lineaction {
    display: block;
    width: 100%;
    padding: 12px 14px;
    box-sizing: border-box;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--mobile_Hong);
    text-decoration: none;
    text-align: center;
    line-height: 1.4;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background 0.15s ease;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-lineaction:hover {
    background: #f9fafb;
    color: #000;
}

.eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-lineaction--btn {
    font-family: inherit;
}

.eco-board-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

.eco-board-card {
    position: relative;
    overflow: hidden;
    border: 1px solid #edf0f5;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(17, 24, 39, 0.04);
}

.eco-featured-corner {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    background: linear-gradient(90deg, #ff8a00, #ff4d4f);
    border-bottom-left-radius: 10px;
    box-shadow: 0 2px 8px rgba(255, 77, 79, 0.35);
    letter-spacing: 0.02em;
    pointer-events: none;
}

.eco-author-official {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 16px;
    background: var(--mobile_Hong);
    color: #fff;
    vertical-align: 1px;
    white-space: nowrap;
}

.eco-author-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    vertical-align: 1px;
    font-weight: 300;
    white-space: nowrap;
}

.eco-badge-gradient {
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    animation: ecoBadgeMove 3s linear infinite;
}

@keyframes ecoBadgeMove {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 200% 50%;
    }
}

.eco-cover {
    height: 150px;
    background: #f2f4f7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #98a2b3;
}

.eco-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ---------- creators ---------- */
.eco-creators-lead {
    margin: 0 0 16px;
    padding: 0 4px;
    font-size: 14px;
    line-height: 1.65;
    color: #475467;
}

.eco-discover-page__header .eco-hub-filters-creators {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
}

.eco-discover-page__header .eco-hub-toolbar-select {
    min-width: 120px;
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    font-size: 13px;
    box-sizing: border-box;
}

.creators-page .eco-actions select {
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
}

.creators-page > .eco-head .eco-actions {
    align-items: center;
    margin-bottom: 0;
}

.eco-status {
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid #edf0f5;
    border-radius: 10px;
    background: #f8fafc;
    color: #344054;
    line-height: 1.7;
}

.eco-status .eco-ok {
    color: #12b886;
    font-weight: 600;
}

.eco-status .eco-warn {
    color: #f03e3e;
    font-weight: 600;
}

.creators-page .eco-board {
    border: 1px solid #edf0f5;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(17, 24, 39, 0.04);
    overflow: hidden;
}

#eco-creators-list .eco-empty,
.creators-page .eco-creators-table-wrap > .eco-empty {
    padding: 30px;
    text-align: center;
    color: #667085;
}

.eco-board-row {
    display: grid;
    grid-template-columns: 60px 60px 1fr repeat(5, minmax(60px, 90px)) 100px;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-bottom: 1px solid #edf0f5;
}

.eco-board-row:last-child {
    border-bottom: none;
}

.eco-board-row.head {
    background: #f8fafc;
    color: #475467;
    font-size: 13px;
    font-weight: 600;
}

.eco-rank {
    font-size: 18px;
    font-weight: 700;
    color: #101828;
}

.eco-rank.top1 {
    color: #f59f00;
}

.eco-rank.top2 {
    color: #868e96;
}

.eco-rank.top3 {
    color: #d9480f;
}

.eco-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #e4e7ec;
    background-size: cover;
    background-position: center;
}

.eco-user {
    display: flex;
    flex-direction: column;
}

.eco-user .name {
    font-weight: 600;
    color: #101828;
}

.eco-user .meta {
    color: #98a2b3;
    font-size: 12px;
    margin-top: 2px;
}

.eco-num {
    text-align: right;
    color: #475467;
}

.eco-points {
    text-align: right;
    font-weight: 700;
    color: #0c8599;
}
.eco-like-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.eco-favorite,
.eco-like {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background-color: var(--color-active);
    border: 1px solid var(--line-2);
    color: var(--mobileC_ccc);
    border-radius: 5px;
    padding:0 10px;
    height: 40px;
}
a.eco-favorite:hover,
a.eco-like:hover{
    opacity: 0.8;
}
.eco-like-wrap a.active{
    color: #fff;
    background-color: var(--block-action);
}

/* ---------- creators · 主内容深色极简 (#eco-v2-creators-main) ---------- */
/* PC：仅 px；小屏见文末 @media max-width 1024 */

/* 创作者榜 <col> 宽度：全断点生效（非 JS）。创作者列不设 width，fixed 布局下吃剩余空间。 */
#eco-v2-creators-main .eco-creators-leaderboard-table col.eco-creators-col-rank {
    width: 70px;
}

#eco-v2-creators-main .eco-creators-leaderboard-table col.eco-creators-col-avatar {
    width: 104px; /* td 左右各 4px + 头像 76×76 */
}

#eco-v2-creators-main .eco-creators-leaderboard-table col.eco-creators-col-mid {
    width: 74px;
}

#eco-v2-creators-main .eco-creators-leaderboard-table col.eco-creators-col-weekly {
    width: 92px;
}

#eco-v2-creators-main .eco-creators-leaderboard-table col.eco-creators-col-points {
    width: 92px;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-profile-link {
    color: inherit;
    text-decoration: none;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-profile-link:hover,
#eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-profile-link:active {
    text-decoration: none;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-profile-link:focus-visible {
    outline: 2px solid rgba(255, 120, 122, 0.85);
    outline-offset: 2px;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-profile-link--avatar {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-profile-link--avatar:focus-visible {
    border-radius: 50%;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-profile-link--name {
    display: block;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-user .eco-creators-profile-link--name:hover .name {
    color: var(--mobile_Hong, #ff4d4f);
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-user .eco-creators-profile-link--name:hover .name.eco-badge-gradient {
    background-image: none;
    animation: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    color: var(--mobile_Hong, #ff4d4f) !important;
}

#eco-v2-creators-main .eco-creators-status-toolbar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 14px;
}

#eco-v2-creators-main .eco-creators-rule-btn {
    margin: 0;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid transparent;
    box-sizing: border-box;
    background: var(--mobileBtnHongse, var(--mobile_Hong, #ff4d4f));
    color: var(--baise, #ffffff);
    transition: filter 0.15s ease, box-shadow 0.15s ease;
    box-shadow: none;
}

#eco-v2-creators-main .eco-creators-rule-btn:hover {
    filter: brightness(1.06);
    box-shadow: 0 4px 16px rgba(255, 77, 79, 0.28);
}

#eco-v2-creators-main .eco-creators-rule-btn:focus-visible {
    outline: 2px solid var(--mobile_Hong, rgba(255, 120, 122, 0.85));
    outline-offset: 2px;
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root).eco-v2-page {
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    color: var(--color-default, #e8eaed);
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-head {
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--line-2, rgba(255, 255, 255, 0.08));
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-head h1 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--baise, #ffffff);
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-head p {
    margin: 10px 0 0;
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-actions {
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 0;
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-actions a {
    padding: 9px 15px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
    background: rgba(255, 255, 255, 0.04);
    color: var(--color-default, #e8eaed);
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

:is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-actions a:hover {
    border-color: var(--mobile_Hong, #ff4d4f);
    color: var(--mobile_Hong, #ff4d4f);
    background: rgba(255, 77, 79, 0.08);
}

:is(#eco-v2-me-root, #eco-v2-boards-root:not([data-eco-visitor-browse="1"])) .eco-actions a:last-child,
:is(#eco-v2-me-root, #eco-v2-boards-root:not([data-eco-visitor-browse="1"])) .eco-actions a:nth-last-child(2),
#eco-v2-assets-root:not([data-eco-visitor-browse="1"]) .eco-actions a:last-child {
    border-color: var(--mobile_Hong, #ff4d4f);
    background: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff);
}

:is(#eco-v2-me-root, #eco-v2-boards-root:not([data-eco-visitor-browse="1"])) .eco-actions a:last-child:hover,
:is(#eco-v2-me-root, #eco-v2-boards-root:not([data-eco-visitor-browse="1"])) .eco-actions a:nth-last-child(2):hover,
#eco-v2-assets-root:not([data-eco-visitor-browse="1"]) .eco-actions a:last-child:hover {
    filter: brightness(1.08);
    color: var(--baise, #ffffff);
}

/* 我的壁创社新手引导（仅首发前展示） */
#eco-v2-me-root .eco-me-first-guide {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    gap: 16px;
    margin-bottom: 16px;
    padding: 18px 18px 16px;
    border-radius: 14px;
    background:
        radial-gradient(120% 180% at 0% 0%, rgba(37, 99, 235, 0.2) 0%, rgba(37, 99, 235, 0) 48%),
        radial-gradient(140% 180% at 100% 100%, rgba(220, 38, 38, 0.16) 0%, rgba(220, 38, 38, 0) 52%),
        rgba(255, 255, 255, 0.03);
    overflow: hidden;
}

#eco-v2-me-root .eco-me-first-guide[hidden] {
    display: none !important;
}

#eco-v2-me-root .eco-me-first-guide__eyebrow {
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

#eco-v2-me-root .eco-me-first-guide__title {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.32;
    font-weight: 700;
    color: var(--baise, #ffffff);
}

#eco-v2-me-root .eco-me-first-guide__desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: var(--color-muted, #94a3b8);
}

#eco-v2-me-root .eco-me-first-guide__steps {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 30px;
}

#eco-v2-me-root .eco-me-first-guide__step {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16);
    transition: border-color 0.15s ease, background 0.15s ease;
}

#eco-v2-me-root .eco-me-first-guide__step:first-child {
    border-color: rgba(255, 77, 79, 0.42);
    background: linear-gradient(135deg, rgba(255, 77, 79, 0.18) 0%, rgba(255, 77, 79, 0.06) 100%);
}

#eco-v2-me-root .eco-me-first-guide__step:not(:last-child)::after {
    content: "›";
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
    pointer-events: none;
}

#eco-v2-me-root .eco-me-first-guide__step-no {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: var(--mobile_Hong, #ff4d4f);
    box-shadow: 0 4px 12px rgba(255, 77, 79, 0.45);
}

#eco-v2-me-root .eco-me-first-guide__step-title {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    color: #f8fafc;
}

#eco-v2-me-root .eco-me-first-guide__step-text {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
    color: rgba(226, 232, 240, 0.82);
}

/* 我的壁创社工作台：功能卡式指标，每行 4 个 × 2 行 */
#eco-v2-me-root .eco-me-stat-board {
    margin-bottom: 22px;
}

#eco-v2-me-root .eco-me-stat-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 14px;
}

#eco-v2-me-root .eco-me-stat-row:last-child {
    margin-bottom: 0;
}

#eco-v2-me-root .eco-me-stat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 22px 14px 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.02);
    border: none;
    box-sizing: border-box;
    min-width: 0;
    transition: background 0.15s ease, border-color 0.15s ease;
}
#eco-v2-me-root .eco-me-stat-card:hover {
    background: rgba(255, 255, 255, 0.04);
}

#eco-v2-me-root .eco-me-stat-card__iconWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: rgba(255, 77, 79, 0.08);
    color: var(--mobile_Hong, #ff4d4f);
    font-size: 32px;
}

#eco-v2-me-root .eco-me-stat-card__title {
    font-size: 15px;
    font-weight: 700;
    color: var(--baise, #ffffff);
    margin: 0 0 8px;
    line-height: 1.25;
}

#eco-v2-me-root .eco-me-stat-card__value {
    font-size: 38px;
    font-weight: 800;
    color: var(--baise, #ffffff);
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin: 0 0 8px;
}

#eco-v2-me-root .eco-me-stat-card__desc {
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-muted, #94a3b8);
    margin: 0 0 14px;
    flex: 1 1 auto;
}

.eco-me-stat-card__cta-group {
    display: flex;
    gap: 10px;
    margin-top: 8px;
}

.eco-me-stat-card__cta--primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    border: 1px solid #dc2626;
    background: #dc2626;
    color: #fff;
}
.eco-me-stat-card__cta--primary:hover,.eco-me-stat-card__cta--secondary:hover {
    opacity: 0.8;
}

.eco-me-stat-card__cta--secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #fff;
}

#eco-v2-me-root .eco-me-stat-card__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    border: 1px solid var(--mobile_Hong, #ff4d4f);
    color: #fff;
    background: transparent;
    transition: background 0.15s ease, color 0.15s ease;
}

#eco-v2-me-root .eco-me-stat-card__cta:hover {
    background: var(--mobile_Hong, #ff4d4f);
    color: #fff;
    text-decoration: none;
}

#eco-v2-me-root .eco-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

#eco-v2-me-root .eco-card {
    padding: 20px 18px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: none;
}

#eco-v2-me-root .eco-card h3 {
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 600;
    color: var(--baise, #ffffff);
}

#eco-v2-me-root .eco-card p {
    margin: 8px 0;
    color: var(--color-muted, #94a3b8);
    line-height: 1.65;
    font-size: 14px;
}

/* 本周结算状态：改为卡片化信息分层，提升可读性 */
#eco-v2-me-root .eco-me-weekly-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

#eco-v2-me-root .eco-me-weekly-summary .eco-me-weekly-summary__item {
    min-height: 72px;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    background: rgba(255, 255, 255, 0.02);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#eco-v2-me-root .eco-me-weekly-summary .eco-me-weekly-summary__item--reward {
    min-height: 104px;
}

#eco-v2-me-root .eco-me-weekly-card-line {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 13px;
    color: var(--color-default, #e8eaed);
    line-height: 1.45;
}

#eco-v2-me-root .eco-me-weekly-card-line span {
    color: #fff;
    white-space: nowrap;
}

#eco-v2-me-root .eco-me-weekly-card-line strong {
    color: var(--baise, #ffffff);
    font-weight: 600;
    text-align: right;
}

#eco-v2-me-root .eco-me-weekly-summary__k {
    font-size: 12px;
    color: var(--mobile_Hong, #ff4d4f);
    letter-spacing: 0.02em;
}

#eco-v2-me-root .eco-me-weekly-summary__v {
    font-size: 15px;
    color: var(--baise, #ffffff);
    font-weight: 600;
    line-height: 1.35;
}

#eco-v2-me-root .eco-me-weekly-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1.4;
    border: 1px solid transparent;
}

#eco-v2-me-root .eco-me-weekly-badge--ok {
    color: #39d98a;
    border-color: rgba(57, 217, 138, 0.35);
    background: rgba(57, 217, 138, 0.12);
}

#eco-v2-me-root .eco-me-weekly-badge--warn {
    color: #fbbf24;
    border-color: rgba(251, 191, 36, 0.35);
    background: rgba(251, 191, 36, 0.1);
}

#eco-v2-me-root .eco-me-weekly-badge--muted {
    color: var(--color-muted, #94a3b8);
    border-color: var(--line-2, rgba(255, 255, 255, 0.16));
    background: rgba(255, 255, 255, 0.04);
}

#eco-v2-me-root .eco-me-weekly-reward__line {
    margin: 0;
    font-size: 13px;
    color: var(--color-default, #e8eaed);
    line-height: 1.45;
}

#eco-v2-me-root .eco-me-weekly-reward__detail {
    color: var(--color-muted, #94a3b8);
}

#eco-v2-me-root .eco-me-weekly-overview {
    margin-top: 4px;
    padding: 14px 14px 12px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.22);
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
}

#eco-v2-me-root .eco-me-weekly-overview__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

#eco-v2-me-root .eco-me-weekly-overview__title {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: var(--baise, #ffffff);
}

#eco-v2-me-root .eco-me-weekly-overview__source {
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 999px;
    font-weight: 500;
    color: var(--color-muted, #94a3b8);
    font-size: 12px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.03);
}

#eco-v2-me-root .eco-me-weekly-kpi-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

#eco-v2-me-root .eco-me-weekly-kpi {
    border-radius: 8px;
    padding: 10px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    background: rgba(255, 255, 255, 0.02);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#eco-v2-me-root .eco-me-weekly-kpi__label {
    font-size: 12px;
    color: var(--color-muted, #94a3b8);
}

#eco-v2-me-root .eco-me-weekly-kpi__value {
    font-size: 16px;
    color: var(--baise, #fff);
    line-height: 1.25;
    font-weight: 700;
}

#eco-v2-me-root .eco-me-weekly-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

#eco-v2-me-root .eco-me-weekly-metrics span {
    padding: 7px 9px;
    border-radius: 8px;
    text-align: center;
    font-size: 12px;
    color: var(--color-default, #e8eaed);
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

#eco-v2-me-root .eco-me-weekly-overview__foot {
    margin: 0;
    font-size: 12px;
    color: var(--color-muted, #94a3b8);
    opacity: 0.95;
}

#eco-v2-me-root .eco-me-weekly-overview--empty {
    padding: 14px;
}

#eco-v2-me-root .eco-me-weekly-overview__empty {
    margin: 0;
    color: var(--color-muted, #94a3b8);
    font-size: 14px;
}
.creators-page.creators-page--leaderboard .eco-discover-quicklinks {
    margin-bottom: 16px;
}

#eco-v2-creators-main {
    padding: 0 24px 32px;
    box-sizing: border-box;
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
}

#eco-v2-creators-main .eco-creators-lead {
    margin: 0 0 16px;
    padding: 0;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 300;
    color: #fff;
    padding: 14px 0;
}


/* 左：榜单概况 · 右：榜单表格（仅排版，与参考站点位置一致） */
#eco-v2-creators-main .eco-creators-body {
    display: grid;
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

#eco-v2-creators-main .eco-creators-meta-col,
#eco-v2-creators-main .eco-creators-list-col {
    min-width: 0;
}

#eco-v2-creators-main .eco-creators-body .eco-creators-status-card.eco-status {
    margin-bottom: 0;
}

#eco-v2-creators-main .eco-creators-status-line {
    margin: 0 0 12px;
    padding: 0;
    font-size: 14px;
    line-height: 1.6;
    color: var(--color-default, #e8eaed);
}

#eco-v2-creators-main .eco-creators-status-line:last-child {
    margin-bottom: 0;
}

#eco-v2-creators-main .eco-creators-status-k {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: var(--color-muted, #94a3b8);
}

#eco-v2-creators-main .eco-creators-status-line strong {
    font-weight: 700;
    color: var(--baise, #ffffff);
}

#eco-v2-creators-main .eco-creators-status-dot {
    margin: 0 8px;
    opacity: 0.45;
    color: var(--color-muted, #94a3b8);
}

#eco-v2-creators-main .eco-creators-status-muted {
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
}

#eco-v2-creators-main .eco-creators-status-card.eco-status {
    margin-bottom: 0;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    background: rgba(255, 255, 255, 0.04);
    color: var(--color-default, #e8eaed);
    font-size: 14px;
    line-height: 1.75;
    box-shadow: none;
    transition: box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

#eco-v2-creators-main .eco-creators-status-card .eco-ok {
    color: #63e6be;
}

#eco-v2-creators-main .eco-creators-status-card .eco-warn {
    color: #ff8787;
}

#eco-v2-creators-main .eco-creators-status-section {
    margin: 0 0 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--line-2, rgba(255, 255, 255, 0.08));
}

#eco-v2-creators-main .eco-creators-status-section:last-of-type {
    margin-bottom: 12px;
    padding-bottom: 0;
    border-bottom: none;
}

#eco-v2-creators-main .eco-creators-status-foot.eco-creators-status-muted {
    margin: 12px 0 0;
    padding-top: 12px;
    border-top: 1px solid var(--line-2, rgba(255, 255, 255, 0.06));
    font-size: 14px;
    line-height: 1.55;
}

#eco-v2-creators-main .eco-creators-status-h {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--baise, #ffffff);
}

#eco-v2-creators-main .eco-creators-status-ul {
    margin: 0;
    padding: 0 0 0 1.15em;
    font-size: 13px;
    line-height: 1.65;
    color: var(--color-default, #e8eaed);
}

#eco-v2-creators-main .eco-creators-status-ul li + li {
    margin-top: 6px;
}

#eco-v2-creators-main .eco-creators-status-ul--compact li + li {
    margin-top: 4px;
}

#eco-v2-creators-main .eco-creators-status-ul--compact {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.55;
}

#eco-v2-creators-main .eco-creators-status-p {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--color-default, #e8eaed);
}

#eco-v2-creators-main .eco-creators-status-p:first-child {
    margin-top: 0;
}

#eco-v2-creators-main .eco-creators-status-label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-muted, #94a3b8);
}

#eco-v2-creators-main .eco-creators-status-strong {
    font-weight: 700;
    color: var(--baise, #ffffff);
}

#eco-v2-creators-main .eco-creators-status-em {
    font-weight: 700;
}

#eco-v2-creators-main .eco-creators-status-settle--ok .eco-creators-status-em {
    color: #63e6be;
}

#eco-v2-creators-main .eco-creators-status-settle--pending .eco-creators-status-em {
    color: #ffc078;
}

#eco-v2-creators-main .eco-creators-modal-src {
    display: none !important;
}

#eco-v2-creators-main .eco-v2-creators-board.eco-board {
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    background: rgba(255, 255, 255, 0.03);
    box-shadow: none;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

#eco-v2-creators-main .eco-v2-creators-board.eco-board:hover {
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

#eco-v2-creators-main .eco-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

#eco-v2-creators-main .eco-creators-table-wrap {
    width: 100%;
}

#eco-v2-creators-main .eco-creators-leaderboard-table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
    table-layout: fixed;
}

#eco-v2-creators-main .eco-creators-leaderboard-table thead th {
    padding: 12px 8px;
    background: rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid var(--line-2, rgba(255, 255, 255, 0.08));
    color: var(--baise, #ffffff);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}

#eco-v2-creators-main .eco-creators-leaderboard-table thead th.eco-creators-th-avatar {
    padding-left: 4px;
    padding-right: 4px;
}

#eco-v2-creators-main .eco-creators-leaderboard-table thead th:first-child {
    padding-left: 16px;
}

#eco-v2-creators-main .eco-creators-leaderboard-table thead th:last-child {
    padding-right: 16px;
}

#eco-v2-creators-main .eco-creators-leaderboard-table thead th.eco-points {
    color: var(--mobile_Hong, #ff4d4f);
    font-weight: 700;
}

#eco-v2-creators-main .eco-creators-leaderboard-table thead th:nth-child(3),
#eco-v2-creators-main .eco-creators-leaderboard-table tbody td.eco-creators-td-user {
    text-align: left;
}

#eco-v2-creators-main .eco-creators-leaderboard-table tbody td {
    padding: 16px 8px;
    border-bottom: 1px solid var(--line-2, rgba(255, 255, 255, 0.06));
    vertical-align: middle;
}

#eco-v2-creators-main .eco-creators-leaderboard-table tbody td:first-child {
    padding-left: 16px;
}

#eco-v2-creators-main .eco-creators-leaderboard-table tbody td:last-child {
    padding-right: 16px;
}

#eco-v2-creators-main .eco-creators-leaderboard-table tbody tr:last-child td {
    border-bottom: none;
}

#eco-v2-creators-main .eco-creators-leaderboard-table tbody tr:hover td {
    background: rgba(255, 255, 255, 0.05);
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-td-avatar {
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-td-avatar .eco-avatar {
    margin-left: auto;
    margin-right: auto;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-td-user {
    min-width: 0;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-td-user .eco-user .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-num,
#eco-v2-creators-main .eco-creators-leaderboard-table .eco-points {
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum' 1;
    text-align: center;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-rank {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-default, #e8eaed);
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-rank.top1 {
    color: var(--mobile_Hong, #ff4d4f);
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-rank.top2 {
    color: #ffa94d;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-rank.top3 {
    color: #fcc419;
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-avatar.eco-avatar {
    width: 76px;
    height: 76px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
    background-color: rgba(255, 255, 255, 0.08);
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-user .name {
    font-size: 18px;
    font-weight: 700;
    color: var(--baise, #ffffff);
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-user .meta {
    margin-top: 4px;
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-num {
    font-size: 16px;
    color: var(--color-muted, #94a3b8);
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-num strong {
    font-size: 14px;
    font-weight: 700;
    color: var(--baise, #ffffff);
}

#eco-v2-creators-main .eco-creators-leaderboard-table .eco-points {
    font-size: 16px;
    font-weight: 700;
    color: var(--mobile_Hong, #ff4d4f);
}

#eco-v2-creators-main .eco-creators-table-wrap > .eco-creators-empty.eco-empty {
    padding: 32px 24px;
    font-size: 14px;
    color: var(--color-muted, #94a3b8);
    line-height: 1.65;
}

#eco-v2-creators-main .eco-creators-empty__mocklink {
    display: inline-block;
    margin-left: 8px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid var(--mobile_Hong, #ff4d4f);
    background: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff) !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    vertical-align: middle;
    transition: filter 0.15s ease, background 0.15s ease;
}

#eco-v2-creators-main .eco-creators-empty__mocklink:hover {
    filter: brightness(1.08);
    text-decoration: none;
}

#eco-v2-creators-main .eco-creators-pagination.eco-discover-pagination-wrap {
    margin: 24px 0 8px;
}

#eco-v2-creators-main .eco-creators-pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

#eco-v2-creators-main .eco-creators-pagination .pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 14px;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14));
    background: rgba(255, 255, 255, 0.04);
    color: var(--color-default, #e8eaed);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

#eco-v2-creators-main .eco-creators-pagination .pagination a:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.22);
    color: var(--baise, #ffffff);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

#eco-v2-creators-main .eco-creators-pagination .pagination a.cur.page-num,
#eco-v2-creators-main .eco-creators-pagination .pagination a[class*="cur"] {
    border-color: var(--mobile_Hong, #ff4d4f);
    background: var(--mobile_Hong, #ff4d4f);
    color: var(--baise, #ffffff);
    font-weight: 700;
}

#eco-v2-creators-main .eco-creators-pagination .pagination .pageRemark {
    margin-left: auto;
    font-size: 13px;
    color: var(--color-muted, #94a3b8);
}

#eco-v2-creators-main .eco-creators-pagination .pagination .pageRemark b {
    color: var(--color-default, #e8eaed);
    font-weight: 600;
}

.creators-page #eco-v2-creators-main .page-loading {
    border-radius: 8px;
}

/* ---------- copyright（壁创社版权说明页） ---------- */
/* 公开路由 /eco2/copyright：与 discover/boards 共用 hub 顶栏 + quicklinks（.eco-discover-page） */
.eco-discover-page.legal-page .eco-legal-main {
    padding: 0 30px 32px;
    box-sizing: border-box;
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
}

.eco-discover-page.legal-page .eco-legal-lead {
    margin: 0 0 16px;
    padding: 0;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 500;
    color: var(--color-default, #e8eaed);
}

.eco-discover-page.legal-page .eco-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.eco-discover-page.legal-page .eco-card {
    margin: 0;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    background: rgba(255, 255, 255, 0.03);
    box-shadow: none;
}

.eco-discover-page.legal-page .eco-card h3 {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 700;
    color: var(--baise, #ffffff);
}

.eco-discover-page.legal-page .eco-card p {
    margin: 0 0 10px;
    color: var(--color-muted, #94a3b8);
    line-height: 1.65;
    font-size: 14px;
}

.eco-discover-page.legal-page .eco-card p:last-child {
    margin-bottom: 0;
}

.eco-discover-page.legal-page .eco-muted {
    color: var(--color-muted, #94a3b8);
}

.eco-discover-page.legal-page #eco-legal-deeplink-tip.eco-alert {
    margin-bottom: 16px;
}

.eco-discover-page.legal-page #eco-legal-deeplink-tip.eco-alert.show {
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.35);
    color: #fbbf24;
}

.eco-discover-page.legal-page .eco-form-row label {
    color: var(--baise, #ffffff);
}

.eco-discover-page.legal-page .eco-form-row select,
.eco-discover-page.legal-page .eco-form-row textarea,
.eco-discover-page.legal-page .eco-form-row input[type='text'] {
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--line-2, rgba(255, 255, 255, 0.14));
    color: var(--color-default, #e8eaed);
}

.eco-discover-page.legal-page .eco-form-row select:focus,
.eco-discover-page.legal-page .eco-form-row textarea:focus,
.eco-discover-page.legal-page .eco-form-row input[type='text']:focus {
    border-color: var(--mobile_Hong, #ff4d4f);
    outline: none;
}

.eco-discover-page.legal-page .eco-form-actions button {
    border-color: var(--mobile_Hong, #ff4d4f);
    background: var(--mobileBtnHongse, var(--mobile_Hong, #ff4d4f));
    color: var(--baise, #ffffff);
}

.eco-discover-page.legal-page .eco-form-actions button:hover {
    filter: brightness(1.06);
}

.eco-discover-page.legal-page .eco-form-actions button.secondary {
    background: transparent;
    color: var(--mobile_Hong, #ff4d4f);
    border-color: var(--mobile_Hong, #ff4d4f);
}

.eco-discover-page.legal-page .eco-form-actions button.secondary:hover {
    background: rgba(255, 77, 79, 0.12);
    filter: none;
}

.eco-discover-page.legal-page .eco-evidence-item {
    border-color: var(--line-2, rgba(255, 255, 255, 0.12));
    background: rgba(255, 255, 255, 0.05);
}

/* 工单区：表单 + 右侧指引（宽屏双栏） */
.eco-discover-page.legal-page .eco-legal-ticket-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 50%);
    gap: 24px 28px;
    align-items: start;
    margin-top: 4px;
}

.eco-discover-page.legal-page .eco-legal-ticket-col--form .eco-form-row select,
.eco-discover-page.legal-page .eco-legal-ticket-col--form .eco-form-row textarea,
.eco-discover-page.legal-page .eco-legal-ticket-col--form .eco-form-row input[type='text'] {
    max-width: none;
}

.eco-discover-page.legal-page .eco-legal-ticket-aside {
    position: sticky;
    top: 12px;
}

.eco-discover-page.legal-page .eco-legal-aside-block {
    margin: 0 0 18px;
    padding: 16px 16px 14px;
    border-radius: 8px;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    background: rgba(0, 0, 0, 0.18);
}

.eco-discover-page.legal-page .eco-legal-aside-block:last-child {
    margin-bottom: 0;
}

.eco-discover-page.legal-page .eco-legal-aside-block--ticket {
    border-color: rgba(255, 77, 79, 0.22);
    background: rgba(255, 77, 79, 0.06);
}

.eco-discover-page.legal-page .eco-legal-aside-title {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 700;
    color: var(--baise, #ffffff);
    line-height: 1.35;
}

.eco-discover-page.legal-page .eco-legal-aside-title .mrm {
    margin-right: 8px;
    color: var(--mobile_Hong, #ff4d4f);
    opacity: 0.95;
}

.eco-discover-page.legal-page .eco-legal-steps {
    margin: 0;
    padding-left: 1.15rem;
    color: var(--color-muted, #94a3b8);
    font-size: 13px;
    line-height: 1.65;
}

.eco-discover-page.legal-page .eco-legal-steps li {
    margin: 0 0 10px;
}

.eco-discover-page.legal-page .eco-legal-steps li:last-child {
    margin-bottom: 0;
}

.eco-discover-page.legal-page .eco-legal-steps strong {
    color: var(--color-default, #e8eaed);
    font-weight: 600;
}

.eco-discover-page.legal-page .eco-legal-checklist {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--color-muted, #94a3b8);
    font-size: 13px;
    line-height: 1.65;
    list-style-type: disc;
}

.eco-discover-page.legal-page .eco-legal-checklist li {
    margin: 0 0 8px;
}

.eco-discover-page.legal-page .eco-legal-checklist li:last-child {
    margin-bottom: 0;
}

.eco-discover-page.legal-page .eco-legal-checklist strong {
    color: var(--color-default, #e8eaed);
    font-weight: 600;
}

.eco-discover-page.legal-page .eco-legal-aside-p {
    margin: 0;
    font-size: 13px;
    line-height: 1.65;
    color: var(--color-muted, #94a3b8);
}

.eco-discover-page.legal-page .eco-legal-aside-p strong {
    color: var(--color-default, #e8eaed);
    font-weight: 600;
}
.eco-discover-page.legal-page .eco-fb-auth-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    background: var(--mobileBtnHongse, var(--mobile_Hong, #ff4d4f));
    color: var(--baise, #ffffff);
}

.eco-discover-page.legal-page .eco-fb-auth-link:hover {
    filter: brightness(1.06);
    text-decoration: none;
}

.eco-discover-page.legal-page .eco-fb-auth-link.eco-fb-auth-muted {
    background: transparent;
    border: 1px solid var(--line-2, rgba(255, 255, 255, 0.2));
    color: var(--color-default, #e8eaed);
}

.eco-discover-page.legal-page .eco-fb-auth-link.eco-fb-auth-muted:hover {
    background: rgba(255, 255, 255, 0.06);
    filter: none;
}

.legal-page .eco-card li {
    margin: 6px 0;
    color: #667085;
    line-height: 1.75;
    font-size: 14px;
}

.legal-page .eco-card ul {
    padding-left: 20px;
    margin: 8px 0;
}

.eco-form-row {
    margin-bottom: 12px;
}

.eco-form-row label {
    display: block;
    font-weight: 600;
    color: #344054;
    margin-bottom: 6px;
    font-size: 14px;
}

.eco-form-row select,
.eco-form-row textarea,
.eco-form-row input[type="text"] {
    width: 100%;
    max-width: 640px;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    font-size: 14px;
}

.eco-form-row textarea {
    min-height: 140px;
    resize: vertical;
}

.eco-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 14px;
}

.eco-form-actions button {
    padding: 10px 18px;
    border-radius: 8px;
    border: 1px solid #2f80ed;
    background: #2f80ed;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}

.eco-form-actions button.secondary {
    background: #fff;
    color: #2f80ed;
}

.eco-form-actions button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.eco-evidence-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 8px;
}

.eco-discover-page.legal-page #eco-fb-files {
    width: 100%;
    max-width: 420px;
    box-sizing: border-box;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #3b3d45;
    background-color: #31333c;
    color: #babbc0;
    font-size: 13px;
    cursor: pointer;
}

.eco-discover-page.legal-page #eco-fb-files::file-selector-button {
    margin-right: 12px;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid #3b3d45;
    background-color: #31333c;
    color: #babbc0;
    cursor: pointer;
}

.eco-discover-page.legal-page #eco-fb-files::file-selector-button:hover {
    border-color: #4e515b;
}

.eco-evidence-row .eco-muted {
    line-height: 1.45;
}

.eco-evidence-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.eco-evidence-item {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #edf0f5;
    background: #f8fafc;
}

.eco-evidence-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.eco-evidence-item button {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    cursor: pointer;
    line-height: 1;
    font-size: 14px;
    padding: 0;
}

.eco-muted {
    font-size: 13px;
    color: #98a2b3;
}

.legal-page .eco-warn {
    color: #d9480f;
    font-weight: 600;
}

/* ---------- index（入口 hub）---------- */
.eco-hero {
    padding: 30px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f3f7ff, #eefaf7);
    border: 1px solid #e8edf5;
}

.eco-hero h1 {
    margin: 0 0 10px;
    font-size: 28px;
}

.eco-hero p {
    margin: 0;
    color: #667085;
    line-height: 1.8;
}

.hub-page .eco-actions {
    gap: 12px;
    margin-top: 20px;
    margin-bottom: 0;
}

.eco-btn {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 8px;
    text-decoration: none;
    background:var(--mobile_Hong);
    color: #fff;
}

.eco-btn.secondary {
    background: #12b886;
}

.eco-btn.light {
    background: var(--line-2);
    color: var(--mobile_Hong);
    border: 1px solid var(--mobile_Hong);
    color: #fff;
}
.eco-btn.light:hover {
    color: var(--mobile_Hong);
}
.hub-page .eco-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.hub-page .eco-card {
    padding: 18px;
}

.hub-page .eco-card h3 {
    font-size: 18px;
    margin: 0 0 8px;
}

.hub-page .eco-card p {
    margin: 0;
}

.eco-step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.eco-step-num {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #eef4ff;
    color: #2f80ed;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex: none;
}

.eco-tip {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #fff8e6;
    border: 1px solid #ffe2a8;
    color: #8a5a00;
    line-height: 1.7;
}

/* ---------- board 详情（画社内颜色筛选）---------- */
.eco-board-color-filter {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 12px 0 18px;
}

.eco-board-color-filter button {
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    padding: 6px 11px;
    border-radius: 999px;
    cursor: pointer;
}

.eco-board-color-filter button.active {
    background: #111827;
    border-color: #111827;
    color: #fff;
}

.eco-board-color-filter button.empty {
    color: #98a2b3;
    background: #fafafa;
}

.eco-board-color-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.14);
    vertical-align: -1px;
    margin-right: 4px;
}

.eco-board-actions-bar {
    margin: 8px 0 12px;
}

/* ---------- asset 详情 ---------- */
#eco-asset-detail {
    display: none;
}

#eco-asset-error {
    display: none;
    color: #c33;
}

.eco-asset-btn {
    padding: 7px 14px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.eco-asset-download-row {
    margin: 8px 0;
    color: #475467;
    font-size: 14px;
    line-height: 1.6;
}

.eco-asset-download-row > span:first-child {
    margin-right: 10px;
}

.eco-asset-download-row label {
    margin-right: 14px;
    cursor: pointer;
}

.eco-asset-image-wrap {
    margin: 16px auto 0;
}

.eco-related-wrap {
    margin-top: 20px;
}

.eco-related-empty {
    display: none;
}

.eco-inline-warn-link {
    color: #d9480f;
    text-decoration: none;
}

#eco-fb-open-ticket-note {
    display: none;
    margin-bottom: 10px;
}

#eco-fb-open-ticket-note.eco-fb-note-visible {
    display: block;
}

.eco-fb-guest-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 14px;
}

.eco-fb-guest-actions .eco-fb-auth-link {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid #dbe8ff;
    background: #f5f8ff;
    color: #2f80ed;
}

.eco-fb-guest-actions .eco-fb-auth-link.eco-fb-auth-muted {
    background: #fff;
    color: #667085;
    border-color: #e4e7ec;
}

/* ---------- asset 相关推荐卡片（template） ---------- */
.eco-related-item {
    border: 1px solid #edf0f5;
    border-radius: 10px;
    padding: 10px;
    background: #fff;
}

.eco-related-thumb {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
}

.eco-related-no-thumb {
    display: none;
    height: 100px;
    background: #f2f4f7;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    color: #98a2b3;
}

.eco-related-no-thumb.eco-related-no-thumb--show {
    display: flex;
}

.eco-related-title-row {
    margin: 8px 0 4px;
}

.eco-related-color {
    display: none;
    margin: 4px 0;
    color: #667085;
}

.eco-related-color.eco-related-color--show {
    display: block;
}

.eco-related-stats-line {
    margin: 4px 0;
    color: #667085;
}

.eco-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
}

.eco-thumb-placeholder {
    width: 180px;
    height: 120px;
    background: #f2f4f7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #98a2b3;
}

/* 会员主页 Ta 的作品（只读网格） */
.eco-ta-assets-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.eco-ta-asset-card {
    display: flex;
    flex-direction: column;
    width: 140px;
    text-decoration: none;
    color: inherit;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.15);
}
.eco-ta-asset-card:hover {
    opacity: 0.92;
}
.eco-ta-asset-thumb-wrap {
    display: block;
    aspect-ratio: 9 / 16;
    background: rgba(0, 0, 0, 0.25);
    overflow: hidden;
}
.eco-ta-asset-thumb-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.eco-ta-asset-title {
    display: block;
    font-size: 12px;
    line-height: 1.35;
    padding: 8px;
    max-height: 3.2em;
    overflow: hidden;
}

/* 创作者榜：上榜条件 / 奖励机制（layui layer，根类名 .layui-layer.eco-creators-rule-layer） */
.layui-layer.eco-creators-rule-layer .layui-layer-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: min(72vh, 620px);
    padding: 0;
    /* 浅色滚动条：覆盖主站深色全局样式，适配白底弹层 */
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
}

.layui-layer.eco-creators-rule-layer .layui-layer-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.layui-layer.eco-creators-rule-layer .layui-layer-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.layui-layer.eco-creators-rule-layer .layui-layer-content::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
    border: 2px solid #f1f1f1;
}

.layui-layer.eco-creators-rule-layer .layui-layer-content::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.layui-layer.eco-creators-rule-layer .eco-creators-layer-wrap {
    padding: 14px 18px 18px;
    text-align: left;
    font-size: 14px;
    line-height: 1.65;
    color: #333;
}

.layui-layer.eco-creators-rule-layer .eco-creators-layer-wrap .eco-creators-status-ul {
    color: #333;
}
.layui-layer.eco-creators-rule-layer .eco-creators-layer-wrap .eco-creators-status-ul li {
    line-height: 1.65;
}
.layui-layer.eco-creators-rule-layer .eco-creators-layer-wrap .eco-creators-status-muted {
    color: #666;
}

.layui-layer.eco-creators-rule-layer .eco-creators-layer-wrap .eco-creators-status-label {
    color: #555;
}

.layui-layer.eco-creators-rule-layer .eco-creators-layer-wrap strong {
    color: #111;
}

.layui-layer.eco-creators-rule-layer .eco-creators-reward-table-wrap {
    margin-top: 12px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    background: #fff;
}

.layui-layer.eco-creators-rule-layer .eco-creators-reward-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.45;
}

.layui-layer.eco-creators-rule-layer .eco-creators-reward-table th,
.layui-layer.eco-creators-rule-layer .eco-creators-reward-table td {
    padding: 10px 14px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
    color: #333;
}

.layui-layer.eco-creators-rule-layer .eco-creators-reward-table thead th {
    background: #f7f7f7;
    font-weight: 600;
    color: #222;
    border-bottom: 1px solid #e8e8e8;
}

.layui-layer.eco-creators-rule-layer .eco-creators-reward-table tbody tr:last-child td {
    border-bottom: none;
}

.layui-layer.eco-creators-rule-layer .eco-creators-reward-table tbody td:first-child {
    width: 38%;
    color: #444;
}

.layui-layer.eco-creators-rule-layer .eco-creators-reward-table-empty {
    text-align: center;
    color: #888 !important;
}

.layui-layer.eco-creators-rule-layer .eco-creators-reward-extras {
    margin-top: 14px;
}
.ModalOverAuto{
    max-height: min(92vh, 640px);
    padding: 20px;
    overflow: auto;
}
.eco-board-manage-modal-all__tip{
    font-size: 14px;
    color: #ffc24e;
    border: 1px solid #ffc24e;
    padding: 10px;
    border-radius: 8px;
}
.eco-v2-page--asset .showcontw .img-table .eco-asset-swipe-cue--left,
.eco-v2-page--asset .showcontw .img-table .eco-asset-swipe-cue--right{
    display: none;
}
.category-tab-menu-container .eco-board-mobile-back{
    display: none;
}
.eco-breadcrumb{
    width: calc(var(--max-width) - 60px);
    margin: 20px auto 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    padding:0 30px;
}
.eco-breadcrumb a:hover{
    color: var(--mobile_Hong);
}
@media only screen and (max-width: 1560px) {
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-me-boards-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .eco-discover-page.legal-page .eco-legal-steps{
        padding-left: 0;
    }
    .eco-discover-page.legal-page .eco-legal-checklist{
        padding-left: 0.2rem;
    }
    #eco-v2-followed-creators-root #eco-me-followed-creators.eco-followed-creators-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .showcontw .r_description .eco-favorite,
	.showcontw .r_description .eco-like{
		height: 0.68rem;
		box-sizing: border-box;
	}
    .eco-discover-quicklinks a i{
        display: none;
    }
    #eco-v2-me-root .eco-me-stat-card__title{
      font-size: 0.22rem;
    }
    #eco-v2-me-root .eco-me-stat-card__value{
        font-size: 0.52rem;
    }
    #eco-v2-me-root .eco-me-stat-card__desc{
        font-size: 0.2rem;
    }
    #eco-v2-me-root .eco-me-stat-card__cta,
    .eco-me-stat-card__cta--primary,
    .eco-me-stat-card__cta--secondary{
        padding: 0.1rem 0.2rem;
        font-size: 0.22rem;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__actions .eco-board-manage-open, :is(#eco-v2-favorited-boards-root) .eco-board-card__actions .eco-board-favorite-cancel,
    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-link{
        padding: 0 0.2rem;
        font-size: 0.22rem;
        height: 0.6rem;
        line-height: 0.6rem;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__ttl{
        font-size: 0.24rem;
    }
    #eco-v2-followed-creators-root .eco-followed-creator-card__name-link{
        font-size: 0.28rem;
        line-height: 0.5rem;
    }
    #eco-v2-followed-creators-root .eco-followed-creator-card__name{
        font-size: 0.28rem;
    }
}
@media only screen and (max-width: 1024px) {
    .eco-board-info-card .eco-board-actions-bar{
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        margin:0;
    }
    .eco-board-info-card .eco-board-info-inner{
        align-items: stretch;
        gap: 0.3rem;
    }
    .eco-head-bar__search{
        display: none;
    }
     .creators-page.creators-page--leaderboard .eco-discover-quicklinks {
        margin-bottom: 0.242424rem;
    }
    .eco-board-card__actions .eco-link {
        font-size:0.22rem;
    }
    #eco-v2-creators-main {
        padding: 0 0.363636rem 0.484848rem;
        box-sizing: border-box;
    }

    #eco-v2-creators-main .eco-creators-lead {
        margin: 0 0 0.242424rem;
        font-size: 0.212121rem;
        color: var(--color-default, #e8eaed);
    }


    #eco-v2-creators-main .eco-creators-body {
        grid-template-columns: 1fr;
        gap: 0.242424rem;
    }

    #eco-v2-creators-main .eco-creators-status-line {
        margin: 0 0 0.181818rem;
        font-size: 0.212121rem;
    }

    #eco-v2-creators-main .eco-creators-status-k {
        margin-bottom: 0.060606rem;
        font-size: 0.181818rem;
    }

    #eco-v2-creators-main .eco-creators-status-muted {
        font-size: 0.19697rem;
    }

    #eco-v2-creators-main .eco-creators-status-card.eco-status {
        margin-bottom: 0;
        padding: 0.242424rem;
        border-radius: 0.121212rem;
        font-size: 0.212121rem;
    }

    #eco-v2-creators-main .eco-creators-status-section {
        margin: 0 0 0.242424rem;
        padding-bottom: 0.242424rem;
    }

    #eco-v2-creators-main .eco-creators-status-h {
        margin: 0 0 0.121212rem;
        font-size: 0.19697rem;
    }

    #eco-v2-creators-main .eco-creators-status-ul {
        font-size: 0.19697rem;
    }

    #eco-v2-creators-main .eco-creators-status-ul--compact {
        font-size: 0.181818rem;
    }

    #eco-v2-creators-main .eco-creators-status-p {
        margin: 0.121212rem 0 0;
        font-size: 0.19697rem;
    }

    #eco-v2-creators-main .eco-creators-status-foot.eco-creators-status-muted {
        margin: 0.181818rem 0 0;
        padding-top: 0.181818rem;
        font-size: 0.166667rem;
    }

    #eco-v2-creators-main .eco-creators-status-toolbar {
        margin-top: 0.181818rem;
        gap: 0.242424rem;
    }

    #eco-v2-creators-main .eco-creators-rule-btn {
        padding: 0.121212rem 0.242424rem;
        font-size: 0.181818rem;
        border-radius: 0.121212rem;
    }

    #eco-v2-creators-main .eco-v2-creators-board.eco-board {
        border-radius: 0.121212rem;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table thead th,
    #eco-v2-creators-main .eco-creators-leaderboard-table tbody td {
        padding: 0.242424rem 0.121212rem;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table thead th:first-child,
    #eco-v2-creators-main .eco-creators-leaderboard-table tbody td:first-child {
        padding-left: 0.242424rem;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table thead th:last-child,
    #eco-v2-creators-main .eco-creators-leaderboard-table tbody td:last-child {
        padding-right: 0.242424rem;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table thead th {
        font-size: 0.212121rem;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-user .name {
        font-size: 0.212121rem;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-user .meta {
        margin-top: 0.060606rem;
        font-size: 0.19697rem;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-num {
        font-size: 0.19697rem;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-num strong {
        font-size: 0.212121rem;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-points {
        font-size: 0.212121rem;
    }

    #eco-v2-creators-main .eco-creators-table-wrap > .eco-creators-empty.eco-empty {
        padding: 0.484848rem 0.363636rem;
        font-size: 0.212121rem;
    }

    #eco-v2-creators-main .eco-creators-empty__mocklink {
        margin-left: 0.121212rem;
        margin-top: 0.121212rem;
        padding: 0.121212rem 0.242424rem;
        font-size: 0.19697rem;
    }

    #eco-v2-creators-main .eco-creators-pagination.eco-discover-pagination-wrap {
        margin: 0.363636rem 0 0.121212rem;
    }

    #eco-v2-creators-main .eco-creators-pagination .pagination a {
        min-height: 0.545455rem;
        padding: 0.121212rem 0.212121rem;
        border-radius: 0.121212rem;
        font-size: 0.19697rem;
    }

    #eco-v2-creators-main .eco-v2-creators-board.eco-board {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table {
        min-width: 600px;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-num,
    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-points {
        font-variant-numeric: tabular-nums;
        font-feature-settings: 'tnum' 1;
        text-align: center;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-rank {
        text-align: center;
        font-size: 0.242424rem;
    }

    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-avatar.eco-avatar {
        width: 1.151515rem; /* 76÷66，与 PC 76px 同比例 */
        height: 1.151515rem;
    }
    .eco-discover-page.legal-page .eco-legal-ticket-layout {
        grid-template-columns: 1fr;
    }

    .eco-discover-page.legal-page .eco-legal-ticket-aside {
        position: static;
    }
    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root).eco-v2-page {
        max-width: 100%;
        margin: 0;
        padding: 0.182rem 0 0.485rem;
        box-sizing: border-box;
        color: var(--color-default, #e8eaed);
    }

    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-head {
        align-items: flex-start;
        gap: 0.242rem;
        margin-bottom: 0.333rem;
        padding-bottom: 0.303rem;
        border-bottom: 1px solid var(--line-2, rgba(255, 255, 255, 0.08));
    }

    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-head h1 {
        font-size: 0.364rem;
        font-weight: 700;
        color: var(--baise, #ffffff);
    }

    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-head p {
        margin: 0.121rem 0 0;
        font-size: 0.197rem;
        color: var(--color-muted, #94a3b8);
    }

    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-actions {
        gap: 0.121rem;
        margin-bottom: 0;
        justify-content: flex-start;
    }

    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-actions a {
        padding: 0.136rem 0.227rem;
        font-size: 0.197rem;
        border-radius: 0.121rem;
        border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
        background: rgba(255, 255, 255, 0.04);
        color: var(--color-default, #e8eaed);
    }

    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-actions a:hover {
        border-color: var(--mobile_Hong, #ff4d4f);
        color: var(--mobile_Hong, #ff4d4f);
        background: rgba(255, 77, 79, 0.08);
    }

    :is(#eco-v2-me-root, #eco-v2-boards-root:not([data-eco-visitor-browse="1"])) .eco-actions a:last-child,
    :is(#eco-v2-me-root, #eco-v2-boards-root:not([data-eco-visitor-browse="1"])) .eco-actions a:nth-last-child(2),
    #eco-v2-assets-root:not([data-eco-visitor-browse="1"]) .eco-actions a:last-child {
        border-color: var(--mobile_Hong, #ff4d4f);
        background: var(--mobile_Hong, #ff4d4f);
        color: var(--baise, #ffffff);
    }

    :is(#eco-v2-me-root, #eco-v2-boards-root:not([data-eco-visitor-browse="1"])) .eco-actions a:last-child:hover,
    :is(#eco-v2-me-root, #eco-v2-boards-root:not([data-eco-visitor-browse="1"])) .eco-actions a:nth-last-child(2):hover,
    #eco-v2-assets-root:not([data-eco-visitor-browse="1"]) .eco-actions a:last-child:hover {
        filter: brightness(1.08);
        color: var(--baise, #ffffff);
    }

    #eco-v2-me-root .eco-me-stat-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.212rem;
        margin-bottom: 0.212rem;
    }

    #eco-v2-me-root .eco-me-first-guide {
        grid-template-columns: 1fr;
        gap: 0.182rem;
        margin-bottom: 0.212rem;
        padding: 0.242rem;
        border-radius: 0.212rem;
    }

    #eco-v2-me-root .eco-me-first-guide__title {
        font-size: 0.273rem;
        margin-bottom: 0.121rem;
    }

    #eco-v2-me-root .eco-me-first-guide__desc {
        font-size: 0.197rem;
        line-height: 1.65;
    }

    #eco-v2-me-root .eco-me-first-guide__step {
        border-radius: 0.152rem;
        padding: 0.152rem;
        gap: 0.121rem;
    }

    #eco-v2-me-root .eco-me-first-guide__steps {
        grid-template-columns: 1fr;
        gap: 0.121rem;
    }

    #eco-v2-me-root .eco-me-first-guide__step:not(:last-child)::after {
        display: none;
    }

    #eco-v2-me-root .eco-me-first-guide__step-no {
        width: 0.364rem;
        height: 0.364rem;
        font-size: 0.182rem;
    }

    #eco-v2-me-root .eco-me-first-guide__step-title {
        font-size: 0.212rem;
    }

    #eco-v2-me-root .eco-me-first-guide__step-text {
        font-size: 0.182rem;
    }

    #eco-v2-me-root .eco-me-stat-row:last-child {
        margin-bottom: 0;
    }

    #eco-v2-me-root .eco-me-stat-card {
        padding: 0.333rem 0.212rem 0.273rem;
        border-radius: 0.212rem;
    }

    #eco-v2-me-root .eco-me-stat-card__iconWrap {
        width: 0.727rem;
        height: 0.727rem;
        margin-bottom: 0.182rem;
        font-size: 0.303rem;
    }

    #eco-v2-me-root .eco-me-stat-card__title {
        font-size: 0.227rem;
        margin-bottom: 0.121rem;
    }

    #eco-v2-me-root .eco-me-stat-card__value {
        font-size: 0.424rem;
        margin-bottom: 0.121rem;
    }

    #eco-v2-me-root .eco-me-stat-card__desc {
        font-size: 0.182rem;
        margin-bottom: 0.212rem;
    }

    #eco-v2-me-root .eco-me-stat-card__cta {
        padding: 0.121rem 0.242rem;
        font-size: 0.197rem;
        border-radius: 0.121rem;
    }

    #eco-v2-me-root .eco-grid {
        grid-template-columns: repeat(auto-fit, minmax(3.636rem, 1fr));
        gap: 0.242rem;
        margin-bottom: 0.364rem;
    }

    #eco-v2-me-root .eco-card {
        padding: 0.303rem 0.273rem;
        border-radius: 0.182rem;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
    }

    #eco-v2-me-root .eco-card h3 {
        margin: 0 0 0.212rem;
        padding-bottom: 0.152rem;
        font-size: 0.242rem;
        color: var(--baise, #ffffff);
        border-bottom: 1px solid var(--line-2, rgba(255, 255, 255, 0.08));
    }

    #eco-v2-me-root .eco-card p {
        margin: 0.121rem 0;
        font-size: 0.212rem;
        color: var(--color-muted, #94a3b8);
        line-height: 1.65;
    }

    #eco-v2-me-root .eco-me-weekly-summary {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.121rem;
        margin: 0 0 0.152rem;
        padding: 0;
    }

    #eco-v2-me-root .eco-me-weekly-summary .eco-me-weekly-summary__item {
        min-height: auto;
        padding: 0.16rem;
        gap: 0.15rem;
    }

    #eco-v2-me-root .eco-me-weekly-summary .eco-me-weekly-summary__item--reward {
        grid-column: auto;
    }

    #eco-v2-me-root .eco-me-weekly-summary__k {
        font-size: 0.182rem;
    }

    #eco-v2-me-root .eco-me-weekly-summary__v {
        font-size: 0.212rem;
    }

    #eco-v2-me-root .eco-me-weekly-badge {
        font-size: 0.182rem;
        padding: 0.05rem 0.12rem;
    }

    #eco-v2-me-root .eco-me-weekly-overview__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.1rem;
    }

    #eco-v2-me-root .eco-me-weekly-overview__source {
        font-size: 0.182rem;
        padding: 0.04rem 0.1rem;
    }

    #eco-v2-me-root .eco-me-weekly-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.1rem;
        margin-bottom: 0.12rem;
    }

    #eco-v2-me-root .eco-me-weekly-kpi {
        padding: 0.13rem;
        border-radius: 0.12rem;
        gap: 0.05rem;
    }

    #eco-v2-me-root .eco-me-weekly-kpi__label {
        font-size: 0.182rem;
    }

    #eco-v2-me-root .eco-me-weekly-kpi__value {
        font-size: 0.227rem;
    }

    #eco-v2-me-root .eco-me-weekly-reward__line {
        font-size: 0.19rem;
    }

    #eco-v2-me-root .eco-me-weekly-card-line {
        font-size: 0.19rem;
    }

    #eco-v2-me-root .eco-me-weekly-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.1rem;
        margin-bottom: 0.12rem;
    }

    #eco-v2-me-root .eco-me-weekly-metrics span {
        font-size: 0.182rem;
        padding: 0.09rem 0.08rem;
    }

    #eco-v2-me-root .eco-me-weekly-overview__foot {
        font-size: 0.182rem;
        min-width: 0;
    }
    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-section h3 {
        font-size: 0.242rem;
    }

    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-section > p {
        margin: 0 0 0.212rem;
        font-size: 0.212rem;
    }

    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-list-item {
        padding: 0.242rem;
        border-radius: 0.182rem;
    }

    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-empty {
        padding: 0.333rem;
        border-radius: 0.182rem;
    }

    #eco-v2-assets-root #eco-my-assets button.category-dropdown-20251013-trigger-all {
        padding: 0.136rem 0.212rem;
        font-size: 0.197rem;
    }

    #eco-v2-boards-root #eco-ta-boards-more,
    #eco-v2-assets-root #eco-ta-assets-more {
        font-size: 0.212rem;
        padding: 0.152rem 0.273rem;
    }
    .eco-discover-page.legal-page .eco-legal-main {
        padding: 0 0.242424rem 0.484848rem;
    }

    .eco-discover-page.legal-page .eco-legal-lead {
        margin-bottom: 0.242424rem;
        font-size: 0.212121rem;
    }
    .eco-discover-quicklinks a {
        font-size: 0.24rem;
        padding: 0 0.1rem;
        height: 1rem;
        gap: 0.12rem;
    }
    .eco-discover-quicklinks a.eco-discover-quicklinks__current, .eco-discover-quicklinks a.eco-discover-quicklinks__current:hover{
        font-size: 0.3rem;
    }
    .eco-me-stat-card__cta--primary,.eco-me-stat-card__cta--secondary{
        padding: 0.121rem 0.242rem;
        font-size: 0.197rem;
        border-radius: 0.121rem;
    }
    #eco-me-boards-filter-root.eco-me-boards-filter-row,
    #eco-me-assets-filter-root.eco-me-assets-filter-row{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.12rem 0.2rem;
        margin: 0 auto 0.2rem;
        flex-direction: row;
    }
    #eco-me-boards-filter-root .eco-me-boards-filter-dropdowns{
        flex-direction: row;
        flex-wrap: nowrap;
    }
    #eco-me-boards-filter-root .eco-me-boards-filter-dropdowns .filter-title{
        display: none;
    }
    #eco-v2-manage-root .eco-me-rewards-table tbody td {
        padding:0.2rem 0.12rem;
        white-space: nowrap;
    }
    .waterfall-container-general .waterfall-wrapper .waterfall-item, .content-recommend .item-list-wrapper .item-list, .waterfall-container-eco-index .waterfall-wrapper .waterfall-item {
        border-radius: 5px;
        width: calc(33.333% - 6.666px);
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__actions {
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.15rem;
        padding: 0.12rem 0.2rem;
        flex-direction: row;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__actions .eco-board-manage-open, :is(#eco-v2-favorited-boards-root) .eco-board-card__actions .eco-board-favorite-cancel {
        padding: 0 0.1rem;
        font-size: 0.23rem;
        height: 0.5rem;
        line-height: 0.5rem;
        flex:1;
    }
    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-link {
        height: 0.5rem;
        line-height: 0.5rem;
        padding: 0 0.1rem;
        font-size: 0.23rem;
        flex:1;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 768px) {
    #eco-me-assets-filter-root .eco-me-assets-society-clear{
        height:0.8rem;
    }
    .eco-breadcrumb {
        width: calc(100% - 0.6rem);
        margin: 0.3rem auto 0;
        gap: 0.12rem;
        font-size: 0.24rem;
        box-sizing: border-box;
        padding: 0;
    }
    .eco-breadcrumb .eco-breadcrumb__current{
        white-space: nowrap;
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .eco-v2-page--asset .showcontw .img-table .eco-asset-swipe-cue {
        --eco-swipe-progress: 0;
        position: absolute;
        top: 50%;
        color: rgba(255, 255, 255, 0.9);
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        opacity: 0;
        transform: translateY(-50%) scale(0.86);
        transition: opacity .12s ease, transform .12s ease;
        z-index: 12;
    }
    .eco-v2-page--asset .showcontw .img-table .eco-asset-swipe-cue.is-active {
        opacity: calc(0.2 + var(--eco-swipe-progress) * 0.8);
        transform: translateY(-50%) scale(calc(0.86 + var(--eco-swipe-progress) * 0.16));
    }
    .eco-v2-page--asset .showcontw .img-table .eco-asset-swipe-cue--left {
        left: 0.2rem;
    }
    .eco-v2-page--asset .showcontw .img-table .eco-asset-swipe-cue--right {
        right: 0.2rem;
    }
    .eco-v2-page--asset .showcontw .img-table .eco-asset-swipe-cue__icon {
        font-size: 0.78rem;
        line-height: 1;
        font-weight: 600;
        color: #fff;
        transition: transform .06s linear, color .12s linear;
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
    }
    .head-tmenu-c.eco-head-bar .eco-head-bar__usermenu .headUwrapp .login .btn-login-style{
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 999px;
        padding: 0;
        min-width: 0;
        line-height: 0.5rem;
    }
    .eco-discover-page.legal-page .eco-fb-auth-link {
        padding: 0.2rem;
        border-radius: 8px;
        font-size: 0.28rem;
    }
     #eco-v2-creators-main .eco-creators-leaderboard-table {
        min-width: 0;
        width: 100%;
        table-layout: fixed;
    }
    .eco-discover-page .eco-discover-masonry .eco-discover-masonry-stat {
        gap: 0.12rem;
    }
    .eco-discover-page .eco-discover-masonry .eco-discover-masonry-toolbar .eco-discover-masonry-stats{
        gap: 0.12rem;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table col.eco-hide-sm-col {
        visibility: collapse;
        width: 0 !important;
        max-width: 0;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table col.eco-creators-col-rank {
        width: 16%;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table col.eco-creators-col-avatar {
        width: 18%;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table col.eco-creators-col-user {
        width: 30%;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table col.eco-creators-col-weekly {
        width: 18%;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table col.eco-creators-col-points {
        width: 18%;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table thead th {
        white-space: nowrap;
        word-break: keep-all;
        line-height: 1.25;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-td-user {
        min-width: 0;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-user .name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-user .meta {
        display: none;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-num,
    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-points {
        white-space: nowrap;
        text-align: center;
    }

    #eco-v2-creators-main .eco-v2-creators-board.eco-board {
        overflow-x: visible;
    }
    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root).eco-v2-page {
        padding: 0;
    }

    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-head {
        flex-direction: column;
        align-items: stretch;
        gap: 0.2rem;
        margin-bottom: 0.367rem;
        padding-bottom: 0.333rem;
    }

    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-head h1 {
        font-size: 0.4rem;
    }

    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-actions {
        justify-content: flex-start;
        max-width: none;
    }

    #eco-v2-me-root .eco-me-stat-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.2rem;
    }

    #eco-v2-me-root .eco-me-weekly-summary {
        grid-template-columns: 1fr;
        margin-bottom: 0;
        gap: 0.2rem;
    }
    #eco-v2-me-root .eco-card{
        padding: 0;
        border-radius: 0;
        background: none;
        border: none;
    }
    #eco-v2-me-root .eco-me-first-guide {
        grid-template-columns: 1fr;
    }

    #eco-v2-me-root .eco-me-first-guide__steps {
        grid-template-columns: 1fr;
    }

    #eco-v2-me-root .eco-me-first-guide__step:not(:last-child)::after {
        display: none;
    }

    #eco-v2-me-root .eco-me-stat-card {
        padding: 0.3rem 0.2rem;
    }

    #eco-v2-me-root .eco-me-stat-card__iconWrap {
        margin-bottom: 0.15rem;
        width: 1rem;
        height: 1rem;
        font-size: 0.42rem;
    }

    #eco-v2-me-root .eco-me-stat-card__value {
        font-size: 0.433rem;
    }

    #eco-v2-me-root .eco-me-stat-card__desc {
        font-size: 0.2rem;
        margin-bottom: 0.12rem;
    }
    .eco-me-stat-card__cta-group{
        gap: 0.12rem;
        margin-top: 0.12rem;
    }
    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-actions a {
        padding: 0.15rem 0.25rem;
        font-size: 0.217rem;
        flex: 1 1 auto;
        text-align: center;
        min-width: calc(50% - 0.1rem);
        box-sizing: border-box;
    }

    #eco-v2-me-root .eco-card h3 {
        font-size: 0.267rem;
        border: none;
        margin-bottom: 0;
    }
    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-section h3 {
        font-size: 0.267rem;
    }
    #eco-v2-me-root .eco-me-weekly-summary .eco-me-weekly-summary__item{
        padding:0.3rem;
    }
    #eco-v2-assets-root #eco-my-assets > p {
        flex-direction: column;
        align-items: stretch;
    }

    #eco-v2-assets-root #eco-my-assets button.category-dropdown-20251013-trigger-all {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        font-size: 0.22rem;
        padding: 0.2rem 0.25rem;
    }
    #eco-me-assets-filter-root .eco-me-assets-society-search-input{
        padding: 0.1rem 0.25rem;
        height: 0.8rem;
    }
    .eco-asset-properties,
    .showcontw .properties{
        grid-template-columns: repeat(2, 1fr);
        gap: 0.2rem;
        padding: 0.3rem;
        border-radius: 12px;
    }
    #eco-v2-me-root .eco-card p {
        font-size: 0.233rem;
        margin:0;
    }

    #eco-v2-me-root .eco-me-weekly-overview {
        padding: 0.233rem;
    }

    #eco-v2-me-root .eco-me-weekly-overview__title {
        font-size: 0.233rem;
    }

    #eco-v2-me-root .eco-me-weekly-overview__line {
        font-size: 0.233rem;
    }

    #eco-v2-me-root .eco-me-weekly-overview__foot {
        font-size: 0.2rem;
    }
    .eco-asset-author-bar {
        padding: 0.2rem;
    }
    .eco-asset-author-info{
        gap: 0.15rem;
    }
    
    .eco-asset-author-avatar {
        width: 0.65rem;
        height: 0.65rem;
    }
    .eco-asset-author-name-row{
        gap: 0.12rem;
    }
    .eco-asset-author-name {
        font-size: 0.24rem;
        max-width: 2rem;
        flex: 1;
    }
    
    .eco-asset-author-action .eco-btn {
        padding: 0.1rem 0.2rem;
        font-size: 0.24rem;
    }
    .user-member-action-chip{
        height: 0.75rem;
    }
    #eco-v2-me-root .eco-me-stat-card__cta{
        padding: 0.12rem;
        font-size: 0.24rem;
    }
    .eco-me-stat-card__cta--primary,
    .eco-me-stat-card__cta--secondary{
        padding: 0.12rem;
        font-size: 0.24rem;
    }
    #eco-v2-me-root .eco-grid{
        margin-bottom: 0;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-me-boards-grid{
        grid-template-columns: repeat(auto-fill, minmax(calc(50% - 0.2rem), 2fr));
        gap: 0.2rem;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__stats{
        font-size: 0.2rem;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__ttl{
        margin: 0.12rem 0.2rem 0;
        font-size: 0.28rem;
        line-height: 1.5;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__stats{
        margin: 0.12rem 0.2rem 0;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__stats .eco-discover-masonry-stats{
        gap: 0.14rem;
        font-size: 0.2rem;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__stats .eco-discover-masonry-stat{
        gap: 0.1rem;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__stats .eco-discover-masonry-stat i{
        font-size: 0.2rem;
    }
    .eco-boards-page .eco-v2-board-plain .eco-discover-masonry-stats{
        gap: 0.12rem;
        font-size: 0.18rem;
    }
    .eco-boards-page .eco-v2-board-plain .eco-discover-masonry-stat{
        gap: 0.1rem;
    }
    .eco-boards-page .eco-v2-board-plain .eco-discover-masonry-stat i{
        font-size: 0.2rem;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__actions{
        padding:0.2rem 0.2rem 0;
        flex-wrap: nowrap;
        gap:0.12rem;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card__actions .eco-board-manage-open, :is(#eco-v2-favorited-boards-root) .eco-board-card__actions .eco-board-favorite-cancel{
        font-size: 0.22rem;
        flex: 1 auto;
        border-radius: 5px;
        padding: 0 0.12rem;
        width: 100%;
        height: 0.6rem;
        line-height: 0.6rem;
    }
    :is(#eco-v2-me-root, #eco-v2-assets-root, #eco-v2-boards-root, #eco-v2-favorited-boards-root, #eco-v2-followed-creators-root, #eco-v2-manage-root) .eco-link{
        flex: 1 auto;
        border: 1px solid #2563eb;
        background: #2563eb;
        color: #fff;
        border-radius: 5px;
        text-align: center;
        padding: 0 0.12rem;
        width: 100%;
        box-sizing: border-box;
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.22rem;
    }
    #eco-me-boards-filter-root.eco-me-boards-filter-row {
        padding: 0;
        gap: 0.2rem;
    }

    #eco-me-boards-filter-root .eco-me-boards-filter-dropdowns {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.2rem;
    }
    #eco-me-boards-filter-root .eco-me-boards-filter-dropdowns .filter-container{
        flex: 1;
    }
    #eco-me-boards-filter-root .eco-me-boards-filter-dropdowns .filter-title{
        display: none;
    }
    #eco-me-boards-filter-root .eco-me-boards-society-search-input{
        padding: 0.1rem 0.25rem;
        height: 0.8rem;
    }
    :is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal__foot{
        padding-top: 0.2rem;
    }
    #eco-me-assets-filter-root.eco-me-assets-filter-row{
        padding: 0;
        gap: 0.2rem;
        margin-bottom: 0.2rem;
        flex-wrap: nowrap;
        align-items: center;
        flex-direction: column;
    }
    #eco-me-assets-filter-root .eco-me-assets-filter-dropdowns{
        width: 100%;
        gap: 10px;
        flex:1;
    }
    #eco-me-assets-filter-root .eco-me-assets-filter-dropdowns .filter-title{
        display: none;
    }
    #eco-me-assets-filter-root .eco-me-assets-filter-search{
        width: 100%;
        flex: 1;
    }
    #eco-me-assets-filter-root .eco-me-assets-filter-dropdowns .filter-container{
        flex: 1;
    }
    .waterfall-wrapper .waterfall-item .content-info .size{
        gap: 0.2rem;
    }
    .eco-v2-page--assets .waterfall-wrapper .waterfall-item .eco-me-asset-cardfoot__row1{
        gap: 0.2rem;
    }
    .eco-v2-page--assets .waterfall-wrapper .waterfall-item .picwrapp .eco-me-asset-thumb-badge{
        top: 0.16rem;
        left: -0.52rem;
        width: 1.62rem;
        height: 0.4rem;
        font-size: 0.24rem;
    }
    .eco-v2-page--assets .waterfall-wrapper .waterfall-item .content-info .eco-me-asset-cardfoot__row2 .eco-me-asset-masonry-stats{
        gap: 0.12rem;
        width: 100%;
    }
    .eco-v2-page--assets .waterfall-wrapper .waterfall-item .eco-me-asset-cardfoot__row2{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }
    .eco-v2-page--assets .waterfall-wrapper .waterfall-item .content-info .eco-me-asset-cardfoot__row2 .eco-me-asset-masonry-stats span{
        flex: 1 auto;
    }
    .eco-v2-page--assets .waterfall-wrapper .waterfall-item .eco-me-asset-edit{
        width: 100%;
        border-radius: 5px;
        border:1px solid var(--line-1);
        padding: 0.12rem;
        font-size: 0.24rem;
    }
    .filter-container .filter-title{
        display: none;
    }
    #eco-me-favorited-assets-filter-root.eco-me-favorited-assets-filter-row {
        padding:0;
    }

    #eco-me-favorited-assets-filter-root .eco-me-favorited-assets-filter-dropdowns {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
        gap: 10px;
    }
    #eco-me-favorited-assets-filter-root .eco-me-favorited-assets-search-input{
        height: 0.8rem;
    }
    #eco-me-favorited-assets-filter-root .eco-me-favorited-assets-search-submit{
        height: 0.8rem;
    }
    #eco-me-favorited-assets-filter-root .eco-me-favorited-assets-search{
        gap: 0.2rem;
        flex: 1;
    }
    #eco-my-favorited-assets .filter-container{
        flex: 1;
    }
    .eco-v2-page--favorited-assets .waterfall-wrapper .waterfall-item .eco-me-fav-asset-unfavorite{
        width: 100%;
        border-radius: 5px;
        border:1px solid var(--line-1);
        padding: 0.12rem;
        font-size: 0.24rem;
    }
    #eco-v2-manage-root .eco-me-rewards-table tbody td{
        padding: 0.24rem 0.2rem;
        white-space: nowrap;
    }
    #eco-v2-followed-creators-root #eco-me-followed-creators.eco-followed-creators-grid{
        gap: 0.2rem;
        grid-template-columns: repeat(auto-fill, minmax(calc(50% - 0.2rem), 2fr));
        padding-top: 0.8rem;
    }
    #eco-v2-followed-creators-root .eco-followed-creator-card__avatar-img{
        width:1.6rem;
        height: 1.6rem;
    }
    #eco-v2-followed-creators-root .eco-followed-creator-card__name{
        margin: 0.1rem auto;
        font-size: 0.28rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    #eco-v2-followed-creators-root .eco-followed-creator-card__inner{
        padding: 0.7rem 0 0;
    }
    #eco-v2-followed-creators-root .eco-followed-creator-card__followed{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    #eco-v2-followed-creators-root .eco-followed-creator-card__btn{
        padding: 0.1rem 0.2rem;
        font-size: 0.24rem;
        margin-top: 0.2rem;
        border-radius: 5px;
    }
    .eco-section{
        margin-top: 0;
    }
    #eco-v2-followed-creators-root .eco-followed-creator-card__name-link {
        background: none;
        border: none;
        font-size: 0.28rem;
    }
    :is(#eco-v2-boards-root, #eco-v2-assets-root) .eco-board-manage-modal{
        align-items: flex-end;
    }
    .eco-stat {
        grid-template-columns: repeat(2, 1fr);
    }

    .eco-head {
        display: block;
    }
    #eco-v2-create-root .eco-v2-card,
    #eco-v2-publish-root .eco-v2-card {
        grid-template-columns: 1fr;
        padding:0;
        border:none;
        background: none;
    }

    #eco-v2-create-root.eco-v2-page,
    #eco-v2-publish-root.eco-v2-page {
        padding:0;
    }
    .eco-v2-page > .eco-head .eco-tabs {
        margin-top: 12px;
    }

    .eco-search-box input {
        min-width: 0;
        width: 100%;
    }
    .eco-board-row {
        grid-template-columns: 50px 48px 1fr 70px 90px;
    }

    .eco-board-row .eco-hide-sm {
        display: none !important;
    }
    :is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-hero{
        padding: 0.3rem;
    }
    :is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-hero h1{
        font-size: 0.38rem;
    }
    :is(#eco-v2-create-root, #eco-v2-publish-root) .eco-board-manage-modal__label > span:first-child{
        font-size: 0.26rem;
    }
    :is(#eco-v2-create-root, #eco-v2-publish-root) .eco-board-manage-modal__label .eco-v2-help{
        font-size: 0.24rem;
    }
    :is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-result{
        line-height: 1.2;
    }
    :is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-preview-title{
        font-size: 0.32rem;
    }
    :is(#eco-v2-create-root, #eco-v2-publish-root) .eco-v2-preview-text{
        font-size: 0.22rem;
        line-height: 1.5;
    }
    .eco-board-manage-modal-all__tip{
        font-size: 0.22rem;
    }
    .head-tmenu-c.eco-head-bar{
        min-height: 1rem;
    }
    .head-tmenu-c.eco-head-bar .topmenuc.eco-head-bar__row{
        height: 1rem;
        padding:0 0.3rem;
    }
    .eco-head-bar__logo{
        height:0.5rem;
    }
    .eco-head-bar__brand{
        height: 0.45rem;
        width:auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: none;
        background: none;
    }
    .eco-head-bar__brand-icon{
        font-size: 0.4rem;
        border: none;
        background: none;
        color: var(--mobile_Hong);
    }
    .eco-head-bar__search,.eco-head-bar__btn--ghost{
        display: none;
    }
    .eco-head-bar__usermenu .husermenu{
        width: 0.55rem;
        height: 0.55rem;
    }
    .eco-discover-tab-menu .eco-discover-tab-menu__title.index-hot-list-title{
        display: none;
    }
    .eco-discover-tab-menu .right .filter-container{
        flex: 1;
        min-width: calc(33.3% - 0.133rem);
    }
    .eco-discover-tab-menu.category-tab-menu-container{
        margin: 0.2rem 0;
    }
    .eco-discover-quicklinks{
        padding: 0;
        margin-bottom: 0.18rem;
        gap: 0.14rem;
        flex-wrap: nowrap;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }
    .eco-nav-section::after{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 0.44rem;
        height: 100%;
        z-index: 2;
        background: linear-gradient(90deg, rgba(18, 22, 34, 0), rgba(18, 22, 34, 0.5) 68%, rgba(18, 22, 34, 8));
        transition: opacity .16s ease;
        opacity: 1;
    }
    .eco-nav-section.is-scroll-end::after,
    .eco-nav-section.is-no-overflow::after{
        opacity: 0;
    }
    .eco-discover-quicklinks::-webkit-scrollbar{
        display: none;
    }
    .eco-discover-quicklinks a{
        flex: 0 0 auto;
        width: auto;
        min-width: 1rem;
        max-width: 76vw;
        height: 0.8rem;
        padding: 0 0.25rem;
        border-radius: 5px;
        box-sizing: border-box;
        gap: 0.12rem;
        font-size: 0.26rem;
        line-height: 1;
        scroll-snap-align: start;
        scroll-margin-left: 0.24rem;
    }
    .eco-discover-quicklinks a i{
        font-size: 0.3rem;
        flex-shrink: 0;
    }
    .eco-discover-quicklinks a.eco-discover-quicklinks__current,
    .eco-discover-quicklinks a.eco-discover-quicklinks__current:hover,
    .eco-discover-quicklinks a[aria-current="page"]{
        transform: translateZ(0);
        box-shadow: 0 6px 18px rgba(255, 72, 32, 0.24);
    }
    .eco-discover-quicklinks a:focus-visible{
        outline: 2px solid rgba(255, 112, 72, 0.95);
        outline-offset: 1px;
    }
    .eco-discover-page__header{
        margin-bottom: 0.2rem;
    }
    .eco-boards-page .eco-v2-board-plain .eco-discover-masonry-more-btn{
        width:auto;
    }
    .eco-boards-page .eco-v2-board-plain .eco-discover-masonry-toolbar{
        padding:0.12rem 0.15rem;
        gap: 0.12rem;
    }
    .eco-boards-page .eco-v2-board-plain .eco-discover-masonry-cardfoot{
        gap: 0.12rem;
    }
    .eco-boards-page .eco-v2-board-plain .eco-discover-masonry-title .text{
        padding: 0.12rem 0.15rem 0;
        font-size: 0.25rem;
    }
    .eco-featured-corner {
        padding: 0.05rem 0.12rem;
        font-size: 0.22rem;
    }
    #eco-v2-creators-main {
        padding: 0 0.3rem 0.4rem;
    }
    #eco-v2-creators-main .eco-creators-lead {
        margin: 0 0 0.2rem;
        font-size: 0.24rem;
        padding:0.2rem 0;
    }
    #eco-v2-creators-main .eco-creators-body .eco-creators-status-card.eco-status{
        padding:0.2rem;
        font-size: 0.24rem;
    }
    #eco-v2-creators-main .eco-creators-status-section {
        margin: 0 0 0.2rem;
        padding-bottom: 0.2rem;
    }
    #eco-v2-creators-main .eco-creators-status-h {
        margin: 0 0 0.12rem;
        font-size: 0.22rem;
    }
    #eco-v2-creators-main .eco-creators-status-p {
        margin: 0.12rem 0 0;
        font-size: 0.25rem;
    }
    #eco-v2-creators-main .eco-creators-status-foot.eco-creators-status-muted {
        margin: 0.2rem 0 0;
        padding-top: 0.2rem;
        font-size: 0.24rem;
    }
    #eco-v2-creators-main .eco-creators-status-toolbar {
        margin-top: 0.2rem;
        gap: 0.2rem;
    }
    #eco-v2-creators-main .eco-creators-rule-btn {
        padding: 0.22rem 0.2rem;
        font-size: 0.26rem;
        border-radius:5px;
        font-weight: 300;
        width: calc(50% - 0.1rem);
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table thead th:first-child, #eco-v2-creators-main .eco-creators-leaderboard-table tbody td:first-child {
        padding: 0.12rem;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table thead th, #eco-v2-creators-main .eco-creators-leaderboard-table tbody td {
        padding: 0.12rem;
    }
    #eco-v2-creators-main .eco-creators-leaderboard-table .eco-creators-avatar.eco-avatar {
        width: 0.72rem;
        height: 0.72rem;
    }
    .eco-discover-page.legal-page .eco-legal-lead{
        margin: 0 0 0.2rem;
        font-size: 0.24rem;
        padding: 0.2rem 0;
        font-weight: 300;
    }
    .eco-discover-page.legal-page .eco-card{
        padding: 0.3rem;
    }
    .eco-discover-page.legal-page .eco-card h3{
        font-size: 0.3rem;
        margin-bottom: 0.2rem;
    }
    .eco-discover-page.legal-page .eco-card p {
        margin: 0 0 0.12rem;
        font-size: 0.24rem;
    }
    .eco-discover-page.legal-page .eco-legal-steps{
        padding-left: 0;
        font-size: 0.24rem;
    }
    .eco-discover-page.legal-page .eco-legal-checklist{
        padding-left: 0.2rem;
        font-size: 0.24rem;
    }
    .eco-discover-page.legal-page .eco-legal-main {
        padding: 0 0.3rem 0.3rem;
    }
    .eco-discover-page__header .eco-hub-filters-creators{
        width: 100%;
    }
    .eco-board-info-card {
        border-radius: 16px;
        padding: 0;
        margin:0 auto 0.3rem;
        max-width: calc(100% - 0.6rem);
    }
    .eco-board-info-card .eco-board-info-inner {
        gap: 0.2rem;
    }
    .eco-board-info-card .eco-board-details {
        flex: 1;
        min-width: 100%;
        padding: 0 0.3rem 0.3rem;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 0.2rem;
    }
    .eco-board-info-card .eco-board-details .eco-board-left {
        gap: 0.2rem;
        width: 100%;
    }
    .eco-board-info-card .eco-board-actions-bar {
        width: 100%;
        gap: 0.2rem;
        flex-direction: row;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
    }
    .eco-board-actions-bar{
        margin:0;
    }
    .eco-board-info-card .eco-board-actions-bar .eco-btn {
        font-size: 0.24rem;
        gap: 0.12rem;
        height: 0.7rem;
        flex: 1;
        justify-content: center;
        border-radius: 8px;
    }
    .eco-board-info-card .eco-board-title .eco-board-title-text{
        font-size: 0.32rem;
        line-height: 1.5;
    }
    .eco-board-info-card .eco-badge--featured{
        font-size: 0.2rem;
    }
    .eco-board-info-card .eco-board-author-row{
        font-size: 0.24rem;
    }
    .eco-author-official{
        font-size: 0.2rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
    }
    .eco-author-badge{
        font-size: 0.2rem;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .eco-board-info-card .eco-board-author-avatar{
        width: 0.4rem;
        height: 0.4rem;
    }
    .eco-board-info-card .eco-board-author-link{
        padding:0.05rem;
        border:1px solid var(--line-2);
    }
    .eco-board-info-card .eco-board-meta-row{
        margin-top: 0;
        width: 100%;
        padding:0.12rem 0.2rem;
        border-radius: 8px;
        border: 1px solid var(--line-2);
    }
    .eco-board-info-card .eco-board-meta-label{
        font-size: 0.2rem;
    }
    .eco-board-info-card .eco-board-meta-value{
        font-size: 0.24rem;
    }
    .eco-board-info-card .eco-board-cover {
        width: 100%;
        aspect-ratio: 21 / 9;
        border-radius: 16px 16px 0 0;
    }
    .showcontw .r_description .eco-btn-text{
        display: none;
    }
    .showcontw .r_description .eco-favorite,
	.showcontw .r_description .eco-like{
		height: 0.68rem;
		box-sizing: border-box;
		gap: 4px;
		padding: 0 0.2rem;
	}
	.eco-like-wrap{
		gap: 0.15rem;
	}
    .eco-asset-prop-label{
        font-size: 0.22rem;
    }
    .eco-asset-prop-value{
        font-size: 0.26rem;
    }
    .waterfall-container-general .waterfall-wrapper .waterfall-item, .content-recommend .item-list-wrapper .item-list, .waterfall-container-eco-index .waterfall-wrapper .waterfall-item{
        width: calc(50% - 5px);
    }
    .category-dropdown-20251013-all .category-dropdown-20251013-trigger-all{
        height: 0.8rem;
    }
    :is(#eco-v2-boards-root, #eco-v2-favorited-boards-root) .eco-board-card{
        border-radius:5px;
        padding-bottom: 0.2rem;
    }
    .eco-nav-section{
        margin:0 0.3rem;
        overflow: hidden;
        position: relative;
    }
    .no-data-eco-v2,
    .eco-v2-main{
        padding:0 0.3rem;
    }
    .category-tab-menu-container {
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        gap: 0.2rem;
    }
    .category-tab-menu-container .eco-board-mobile-back{
        font-size: 0.45rem;
        padding:0 0.3rem;
        height: 0.8rem;
        box-sizing: border-box;
        border: 1px solid var(--line-2);
        border-radius: 6px;
        background: var(--block-default);
        color: var(--color-default);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    :is(#eco-v2-favorited-boards-root) .eco-board-card__author{
        padding:0.12rem 0.2rem 0;
    }
    #eco-v2-me-root .eco-me-first-guide{
        padding:0.3rem;
        gap: 0.2rem;
    }
    #eco-v2-me-root .eco-me-first-guide__eyebrow{
        font-size: 0.24rem;
    }
    #eco-v2-me-root .eco-me-first-guide__title{
        font-size: 0.4rem;
    }
    #eco-v2-me-root .eco-me-first-guide__desc{
        font-size: 0.22rem;
    }
    #eco-v2-me-root .eco-me-first-guide__steps{
        gap: 0.2rem;
    }
    #eco-v2-me-root .eco-me-first-guide__step-no {
        width: 0.42rem;
        height: 0.42rem;
        font-size: 0.24rem;
    }
    #eco-v2-me-root .eco-me-first-guide__step-title {
        font-size: 0.28rem;
    }
    #eco-v2-me-root .eco-me-first-guide__step-text {
        font-size: 0.22rem;
    }
    #eco-v2-me-root .eco-me-first-guide__step{
        gap: 0.2rem;
    }
}