/* 资源市场：明亮、柔和的内容社区，而非系统设置页。 */
.resource-market-app {
    --rm-ink: #2e2940;
    --rm-muted: #8d879a;
    --rm-line: rgba(72, 55, 99, .10);
    --rm-violet: #8872dd;
    --rm-pink: #ed8cad;
    --rm-mint: #8bcfc0;
    --rm-cream: #fffaf7;
    position: relative;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    color: var(--rm-ink);
    background:
        radial-gradient(circle at 92% -4%, rgba(211, 188, 255, .48), transparent 30%),
        radial-gradient(circle at -8% 27%, rgba(255, 201, 217, .38), transparent 28%),
        #fffdfa;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.resource-market-app *, .resource-market-app *::before, .resource-market-app *::after { box-sizing: border-box; }
.resource-market-app button, .resource-market-app input, .resource-market-app textarea, .resource-market-app select { font: inherit; }
.resource-market-app button { border: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.resource-market-scroll { height: 100%; overflow-y: auto; overscroll-behavior: contain; padding: max(13px, env(safe-area-inset-top)) 16px calc(100px + env(safe-area-inset-bottom)); scrollbar-width: none; }
.resource-market-scroll::-webkit-scrollbar, .resource-market-tabs::-webkit-scrollbar { display: none; }

.rm-topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 3px 0 14px; }
.rm-topbar-copy { min-width: 0; }
.rm-eyebrow { color: var(--rm-violet); font-size: 10px; font-weight: 760; letter-spacing: 1.5px; }
.rm-title { margin: 3px 0 0; font-size: 25px; line-height: 1.05; letter-spacing: -.7px; }
.rm-topbar-action { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 14px; color: #665c79; background: rgba(255,255,255,.72); box-shadow: 0 7px 20px rgba(87, 58, 122, .08); font-size: 16px; }
.rm-topbar-action:active, .rm-icon-button:active, .rm-pill:active, .rm-bottom-item:active { transform: scale(.94); }

.resource-market-tabs { display: flex; gap: 9px; overflow-x: auto; padding: 0 0 16px; scrollbar-width: none; }
.rm-category-tab { white-space: nowrap; padding: 9px 13px; border-radius: 999px; color: #7e778a; background: rgba(255,255,255,.62); font-size: 12px; font-weight: 650; box-shadow: inset 0 0 0 1px rgba(91, 64, 121, .06); transition: .18s ease; }
.rm-category-tab.is-active { color: #fff; background: linear-gradient(135deg, #a48bea, #e79fbb); box-shadow: 0 8px 16px rgba(159, 111, 184, .24); }

.rm-featured { position: relative; min-height: 140px; overflow: hidden; padding: 20px; border-radius: 26px; color: #fff; background: linear-gradient(128deg, #705fc5 0%, #ad85d1 48%, #f1a6b8 100%); box-shadow: 0 16px 30px rgba(117, 86, 176, .22); }
.rm-featured::before, .rm-featured::after { position: absolute; content: ''; border-radius: 999px; pointer-events: none; }
.rm-featured::before { right: -19px; bottom: -48px; width: 170px; height: 170px; border: 24px solid rgba(255,255,255,.15); }
.rm-featured::after { right: 34px; top: -38px; width: 91px; height: 91px; background: rgba(255,255,255,.12); }
.rm-featured > * { position: relative; z-index: 1; }
.rm-featured-label { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 999px; background: rgba(255,255,255,.16); font-size: 10px; font-weight: 700; }
.rm-featured h2 { width: min(238px, 72%); margin: 12px 0 5px; font-size: 21px; line-height: 1.16; letter-spacing: -.5px; }
.rm-featured p { max-width: 230px; margin: 0; color: rgba(255,255,255,.83); font-size: 12px; line-height: 1.45; }

.rm-section-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 23px 1px 12px; }
.rm-section-head h3 { margin: 0; font-size: 16px; letter-spacing: -.2px; }
.rm-section-head span { color: var(--rm-muted); font-size: 11px; }
.rm-market-grid { columns: 2; column-gap: 12px; }
.rm-resource-card { position: relative; break-inside: avoid; overflow: hidden; width: 100%; margin: 0 0 12px; padding: 0; border-radius: 20px; color: inherit; background: rgba(255,255,255,.88); box-shadow: 0 8px 20px rgba(79, 51, 106, .07); text-align: left; transition: transform .16s ease, box-shadow .16s ease; }
.rm-resource-card:active { transform: scale(.975); box-shadow: 0 4px 12px rgba(79, 51, 106, .08); }
.rm-card-preview { position: relative; overflow: hidden; min-height: 126px; background: var(--rm-card-gradient, linear-gradient(145deg,#d8d2ff,#f7d4e1)); }
.rm-card-preview.tall { min-height: 184px; }
.rm-card-preview img { display: block; width: 100%; height: 100%; min-height: inherit; object-fit: cover; }
.rm-card-preview::after { position: absolute; content: ''; width: 78%; height: 40%; left: 11%; bottom: 12%; border: 1px solid rgba(255,255,255,.48); border-radius: 18px 18px 8px 8px; transform: rotate(-7deg); background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0)); }
.rm-card-preview.rm-preview-role { --rm-card-gradient: linear-gradient(135deg,#7760af,#c7b4e4 58%,#f4c8d4); }
.rm-card-preview.rm-preview-world { --rm-card-gradient: linear-gradient(145deg,#90c9bf,#d8eddd 58%,#fde9bc); }
.rm-card-preview.rm-preview-chat { --rm-card-gradient: linear-gradient(145deg,#ffd0dc,#ffe8cb 60%,#c9eddf); }
.rm-card-preview.rm-preview-desktop { --rm-card-gradient: linear-gradient(145deg,#a7b5e9,#d6d7f5 54%,#f6c9db); }
.rm-card-preview.rm-preview-sticker { --rm-card-gradient: linear-gradient(145deg,#ffd995,#f9b7bd 52%,#cfb6f5); }
.rm-card-preview.rm-preview-other { --rm-card-gradient: linear-gradient(145deg,#b7b8bd,#e7e4e0 55%,#ced6dd); }
.rm-card-preview .rm-preview-mark { position: absolute; z-index: 1; right: 13px; top: 12px; padding: 5px 7px; border-radius: 999px; color: rgba(54, 38, 72, .72); background: rgba(255,255,255,.56); backdrop-filter: blur(7px); font-size: 10px; font-weight: 700; }
.rm-card-preview .rm-preview-doodle { position: absolute; z-index: 1; left: 14px; bottom: 13px; color: rgba(255,255,255,.86); font-size: 26px; text-shadow: 0 2px 7px rgba(55,27,78,.16); }
.rm-card-copy { padding: 11px 12px 12px; }
.rm-card-title { overflow: hidden; margin: 0; font-size: 13px; font-weight: 720; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.rm-card-author { overflow: hidden; margin: 5px 0 8px; color: var(--rm-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.rm-card-stats { display: flex; align-items: center; justify-content: space-between; color: #9a93a4; font-size: 10px; }
.rm-card-stats b { color: #e580a7; font-weight: 700; }
.rm-empty { padding: 45px 18px; border-radius: 24px; background: rgba(255,255,255,.62); color: var(--rm-muted); text-align: center; font-size: 13px; line-height: 1.6; }

.rm-bottom-nav { position: absolute; z-index: 5; left: 16px; right: 16px; bottom: max(12px, env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 6px; border: 1px solid rgba(255,255,255,.76); border-radius: 23px; background: rgba(255,255,255,.82); box-shadow: 0 12px 30px rgba(57,38,83,.17); backdrop-filter: blur(17px); -webkit-backdrop-filter: blur(17px); }
.rm-bottom-item { display: grid; place-items: center; gap: 3px; min-height: 52px; border-radius: 17px; color: #8e8797; background: transparent; font-size: 10px; font-weight: 650; transition: .16s ease; }
.rm-bottom-item i { font-size: 17px; }
.rm-bottom-item.is-active { color: #fff; background: linear-gradient(135deg,#9279dc,#e792b2); box-shadow: 0 7px 15px rgba(146,121,220,.23); }

.rm-subhead { display: flex; align-items: center; gap: 12px; padding: 5px 0 18px; }
.rm-back { width: 37px; height: 37px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 14px; color: var(--rm-ink); background: rgba(255,255,255,.8); box-shadow: 0 6px 15px rgba(77,53,103,.07); }
.rm-subhead h2 { margin: 0; font-size: 20px; letter-spacing: -.4px; }
.rm-subhead p { margin: 3px 0 0; color: var(--rm-muted); font-size: 11px; }

.rm-upload-notice { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px; padding: 13px; border-radius: 18px; color: #685f73; background: rgba(241, 228, 255, .72); font-size: 12px; line-height: 1.5; }
.rm-upload-notice i { color: #9a79d1; padding-top: 2px; }
.rm-form-card { margin-bottom: 13px; padding: 16px; border: 1px solid rgba(255,255,255,.85); border-radius: 22px; background: rgba(255,255,255,.76); box-shadow: 0 7px 19px rgba(74,50,100,.05); }
.rm-form-label { display: block; margin: 0 0 8px; color: #665e71; font-size: 12px; font-weight: 730; }
.rm-required { color: #e2789e; }
.rm-input, .rm-textarea, .rm-select { display: block; width: 100%; border: 1px solid var(--rm-line); border-radius: 14px; outline: none; color: var(--rm-ink); background: rgba(255,255,255,.72); font-size: 13px; transition: border .15s ease, box-shadow .15s ease; }
.rm-input, .rm-select { height: 43px; padding: 0 12px; }
.rm-textarea { min-height: 98px; padding: 11px 12px; resize: vertical; line-height: 1.5; }
.rm-input:focus, .rm-textarea:focus, .rm-select:focus { border-color: rgba(141,112,218,.55); box-shadow: 0 0 0 3px rgba(158,127,223,.12); }
.rm-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.rm-upload-field { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 113px; overflow: hidden; border: 1px dashed rgba(126,98,175,.34); border-radius: 17px; color: #877e91; background: rgba(249,245,255,.64); text-align: center; font-size: 11px; line-height: 1.5; }
.rm-upload-field i { margin-bottom: 6px; color: #9b80d4; font-size: 21px; }
.rm-upload-field input { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }
.rm-upload-field.has-image { border-style: solid; background: #ddd; }
.rm-upload-field img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rm-upload-field.has-image .rm-upload-field-text { position: relative; z-index: 1; padding: 5px 8px; border-radius: 999px; color: #fff; background: rgba(35,28,48,.45); }
.rm-upload-file-info { min-height: 17px; margin: 8px 2px 0; overflow: hidden; color: var(--rm-muted); font-size: 10px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.rm-requirement-list { display: grid; gap: 8px; }
.rm-requirement { position: relative; display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 10px; border: 1px solid var(--rm-line); border-radius: 15px; color: #665e71; background: rgba(255,255,255,.52); font-size: 12px; }
.rm-requirement input { accent-color: #a17ed9; }
.rm-requirement b { display: block; font-size: 12px; }
.rm-requirement small { display: block; margin-top: 2px; color: var(--rm-muted); font-size: 10px; }
.rm-primary-button { width: 100%; min-height: 51px; border-radius: 17px; color: #fff; background: linear-gradient(135deg,#8e76d9,#e58caf); box-shadow: 0 10px 18px rgba(147,110,203,.24); font-size: 14px; font-weight: 720; }
.rm-primary-button:active { transform: scale(.98); }
.rm-primary-button[disabled] { opacity: .55; cursor: default; }

.rm-profile-card { position: relative; overflow: hidden; margin-bottom: 15px; padding: 19px; border-radius: 25px; color: #fff; background: linear-gradient(135deg,#8770ce,#e294b4); box-shadow: 0 15px 27px rgba(137,99,180,.23); }
.rm-profile-card::after { position: absolute; content: ''; right: -28px; top: -40px; width: 145px; height: 145px; border: 25px solid rgba(255,255,255,.13); border-radius: 50%; }
.rm-profile-top { position: relative; z-index: 1; display: flex; align-items: center; gap: 13px; }
.rm-avatar { width: 57px; height: 57px; display: grid; place-items: center; overflow: hidden; flex: 0 0 auto; border: 2px solid rgba(255,255,255,.62); border-radius: 20px; color: #8166b4; background: #fff5fa; font-size: 22px; font-weight: 750; }
.rm-avatar img { width: 100%; height: 100%; object-fit: cover; }
.rm-profile-name { overflow: hidden; margin: 0; font-size: 19px; text-overflow: ellipsis; white-space: nowrap; }
.rm-profile-status { display: inline-flex; align-items: center; gap: 5px; margin-top: 5px; color: rgba(255,255,255,.84); font-size: 11px; }
.rm-profile-stats { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); margin-top: 20px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.24); text-align: center; }
.rm-profile-stats b { display: block; font-size: 17px; }
.rm-profile-stats span { display: block; margin-top: 4px; color: rgba(255,255,255,.76); font-size: 10px; }
.rm-settings-card { margin-bottom: 13px; padding: 16px; border-radius: 22px; background: rgba(255,255,255,.78); box-shadow: 0 7px 19px rgba(74,50,100,.05); }
.rm-settings-card h3 { margin: 0 0 13px; font-size: 14px; }
.rm-avatar-editor { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.rm-avatar-editor .rm-avatar { width: 48px; height: 48px; border: 0; box-shadow: 0 4px 12px rgba(66,47,84,.11); font-size: 18px; }
.rm-avatar-editor label { position: relative; display: inline-flex; align-items: center; height: 32px; padding: 0 11px; overflow: hidden; border-radius: 11px; color: #745e90; background: #f1eafa; font-size: 11px; font-weight: 650; }
.rm-avatar-editor input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.rm-my-work { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 0; border-bottom: 1px solid var(--rm-line); }
.rm-my-work:last-child { border-bottom: 0; }
.rm-my-work-copy { min-width: 0; }
.rm-my-work-copy b, .rm-my-work-copy span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rm-my-work-copy b { font-size: 12px; }
.rm-my-work-copy span { margin-top: 4px; color: var(--rm-muted); font-size: 10px; }
.rm-mini-status { padding: 5px 7px; border-radius: 999px; color: #8c6eaa; background: #f2eafa; font-size: 10px; white-space: nowrap; }

.rm-detail-preview { position: relative; min-height: 252px; overflow: hidden; border-radius: 27px; background: var(--rm-card-gradient, linear-gradient(145deg,#d8d2ff,#f7d4e1)); }
.rm-detail-preview img { display: block; width: 100%; height: 100%; min-height: 252px; object-fit: cover; }
.rm-detail-preview::after { position: absolute; content: ''; inset: auto 15% 15% 15%; height: 28%; border: 1px solid rgba(255,255,255,.5); border-radius: 28px 28px 9px 9px; transform: rotate(-6deg); background: rgba(255,255,255,.1); }
.rm-detail-preview .rm-preview-mark { position: absolute; z-index: 1; top: 14px; right: 14px; padding: 6px 9px; border-radius: 999px; color: #655c70; background: rgba(255,255,255,.66); font-size: 10px; font-weight: 700; }
.rm-detail-title { margin: 18px 0 7px; font-size: 22px; line-height: 1.25; letter-spacing: -.5px; }
.rm-detail-author { display: flex; align-items: center; gap: 8px; color: var(--rm-muted); font-size: 12px; }
.rm-detail-author .rm-avatar { width: 26px; height: 26px; border-radius: 9px; border: 0; font-size: 10px; }
.rm-detail-description { margin: 15px 0; color: #625d68; font-size: 13px; line-height: 1.7; white-space: pre-wrap; }
.rm-detail-meta { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 17px; }
.rm-detail-meta span { padding: 6px 8px; border-radius: 10px; color: #81798a; background: rgba(236,230,240,.74); font-size: 10px; }
.rm-detail-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.rm-detail-like, .rm-detail-download { min-height: 47px; border-radius: 16px; font-size: 12px; font-weight: 720; }
.rm-detail-like { color: #d66c96; background: #fff0f5; }
.rm-detail-like.is-liked { color: #fff; background: linear-gradient(135deg,#ef93b1,#df719d); }
.rm-detail-download { color: #fff; background: linear-gradient(135deg,#8b75d6,#a88ce0); box-shadow: 0 8px 16px rgba(132,103,193,.2); }
.rm-detail-import { width: 100%; min-height: 43px; margin-top: 10px; border: 1px solid rgba(139,117,214,.28); border-radius: 15px; color: #765dbb; background: #f5f1ff; font-size: 12px; font-weight: 720; }
.rm-comment-head { display: flex; align-items: center; justify-content: space-between; margin: 25px 0 10px; }
.rm-comment-head h3 { margin: 0; font-size: 15px; }
.rm-comment-head span { color: var(--rm-muted); font-size: 11px; }
.rm-comment-input { display: flex; gap: 8px; align-items: center; padding: 6px; border-radius: 16px; background: rgba(240,235,244,.72); }
.rm-comment-input input { min-width: 0; flex: 1; height: 34px; border: 0; outline: 0; color: var(--rm-ink); background: transparent; font-size: 12px; }
.rm-comment-input button { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: #a488d8; }
.rm-comment { display: flex; gap: 9px; padding: 13px 0; border-bottom: 1px solid var(--rm-line); }
.rm-comment .rm-avatar { width: 32px; height: 32px; border-radius: 11px; border: 0; font-size: 11px; }
.rm-comment-copy { min-width: 0; }
.rm-comment-copy b { color: #5d5565; font-size: 11px; }
.rm-comment-copy p { margin: 5px 0 0; color: #6d6673; font-size: 12px; line-height: 1.5; white-space: pre-wrap; word-break: break-word; }
.rm-toast { position: absolute; z-index: 20; left: 50%; bottom: calc(86px + env(safe-area-inset-bottom)); max-width: calc(100% - 48px); padding: 10px 13px; border-radius: 999px; color: #fff; background: rgba(45,38,57,.88); box-shadow: 0 8px 20px rgba(30,20,40,.17); font-size: 12px; line-height: 1.3; opacity: 0; pointer-events: none; transform: translate(-50%, 8px); transition: .2s ease; }
.rm-toast.is-showing { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 360px) {
    .resource-market-scroll { padding-left: 12px; padding-right: 12px; }
    .rm-bottom-nav { left: 12px; right: 12px; }
    .rm-featured h2 { font-size: 19px; }
}

/* ========================================================================
   Soft Monochrome Editorial override
   资源市场保留功能结构，视觉统一回书包机的暖白杂志感。
   ======================================================================== */
.resource-market-app {
    --rm-ink: #151515;
    --rm-muted: #747470;
    --rm-line: rgba(17,17,17,.065);
    --rm-violet: #151515;
    --rm-pink: #151515;
    --rm-mint: #e7e7e4;
    --rm-cream: #f6f6f3;
    color: var(--rm-ink);
    background: #f6f6f3;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}
.resource-market-scroll { padding: max(18px, env(safe-area-inset-top)) 18px calc(104px + env(safe-area-inset-bottom)); }
.rm-topbar { padding: 1px 0 20px; }
.rm-eyebrow { color: #747470; font-size: 9px; font-weight: 700; letter-spacing: 1.8px; }
.rm-title { margin-top: 5px; color: #151515; font-size: 27px; font-weight: 650; letter-spacing: -.9px; }
.rm-topbar-action { width: 35px; height: 35px; border: 1px solid rgba(17,17,17,.055); border-radius: 50%; color: #151515; background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.035); font-size: 13px; }

.resource-market-tabs { gap: 17px; padding: 0 2px 20px; }
.rm-category-tab { position: relative; padding: 4px 0 8px; border-radius: 0; color: #aaa9a5; background: transparent; box-shadow: none; font-size: 12px; font-weight: 560; }
.rm-category-tab::after { position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 1.5px; opacity: 0; background: #151515; transform: scaleX(.4); transition: .2s ease; }
.rm-category-tab.is-active { color: #151515; background: transparent; box-shadow: none; font-weight: 700; }
.rm-category-tab.is-active::after { opacity: 1; transform: scaleX(1); }

.rm-featured { min-height: 181px; padding: 22px; border: 1px solid rgba(17,17,17,.055); border-radius: 26px; color: #151515; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,.035); }
.rm-featured::before { right: 19px; bottom: 16px; width: 82px; height: 82px; border: 1px solid rgba(17,17,17,.12); background: transparent; }
.rm-featured::after { right: 46px; top: 32px; width: 35px; height: 35px; border: 1px solid rgba(17,17,17,.13); border-radius: 0; background: transparent; transform: rotate(45deg); }
.rm-featured-label { padding: 6px 9px; color: #fff; background: #151515; font-size: 9px; letter-spacing: .2px; }
.rm-featured h2 { max-width: 255px; margin: 18px 0 7px; color: #151515; font-size: 22px; font-weight: 630; line-height: 1.22; letter-spacing: -.7px; }
.rm-featured p { max-width: 235px; color: #747470; font-size: 11px; line-height: 1.6; }

.rm-section-head { margin: 31px 1px 13px; }
.rm-section-head h3 { color: #151515; font-size: 17px; font-weight: 620; letter-spacing: -.3px; }
.rm-section-head span { color: #aaa9a5; font-size: 10px; letter-spacing: .3px; }
.rm-market-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 13px; columns: unset; }
.rm-market-column { display: grid; align-content: start; gap: 13px; min-width: 0; }
.rm-resource-card { margin: 0; border: 1px solid rgba(17,17,17,.055); border-radius: 22px; background: #fff; box-shadow: 0 5px 17px rgba(0,0,0,.028); }
.rm-resource-card:active { box-shadow: 0 3px 9px rgba(0,0,0,.035); }
.rm-card-preview, .rm-card-preview.rm-preview-role, .rm-card-preview.rm-preview-world, .rm-card-preview.rm-preview-chat, .rm-card-preview.rm-preview-desktop, .rm-card-preview.rm-preview-sticker, .rm-card-preview.rm-preview-font { min-height: 145px; background: #e7e7e4; }
.rm-card-preview.tall { min-height: 198px; }
.rm-card-preview::before { position: absolute; z-index: 0; content: ''; left: 14px; right: 14px; top: 16px; height: 1px; background: rgba(17,17,17,.16); box-shadow: 0 14px 0 rgba(17,17,17,.08), 0 28px 0 rgba(17,17,17,.08); }
.rm-card-preview::after { left: auto; right: 16px; bottom: 15px; width: 48px; height: 48px; border: 1px solid rgba(17,17,17,.14); border-radius: 50%; background: transparent; transform: none; }
.rm-card-preview.rm-preview-role::after { width: 54px; height: 69px; border-radius: 28px 28px 8px 8px; }
.rm-card-preview.rm-preview-world::after { width: 67px; height: 43px; border-radius: 0; transform: skewY(-15deg); }
.rm-card-preview.rm-preview-chat::after { width: 64px; height: 38px; border-radius: 16px 16px 16px 4px; }
.rm-card-preview.rm-preview-sticker::after { width: 56px; height: 56px; border-radius: 48% 52% 44% 56%; }
.rm-card-preview.rm-preview-font::after { width: 58px; height: 53px; border-radius: 0; transform: rotate(-7deg); }
.rm-card-preview img { filter: saturate(0) contrast(.94); }
.rm-card-preview.has-image::before, .rm-card-preview.has-image::after { display: none; }
.rm-card-preview.has-image img { filter: none; }
.rm-card-preview .rm-preview-mark { right: 10px; top: 10px; padding: 4px 6px; border-radius: 0; color: #151515; background: #fff; box-shadow: none; font-size: 9px; letter-spacing: .2px; }
.rm-card-preview .rm-preview-doodle { left: 14px; bottom: 14px; color: #151515; font-size: 20px; text-shadow: none; }
.rm-card-copy { padding: 12px; }
.rm-card-title { color: #151515; font-size: 13px; font-weight: 610; }
.rm-card-author { margin: 5px 0 9px; color: #747470; font-size: 10px; }
.rm-card-stats { color: #aaa9a5; font-size: 10px; }
.rm-card-stats b { color: #151515; font-weight: 620; }
.rm-empty { border: 1px dashed rgba(17,17,17,.13); border-radius: 22px; color: #747470; background: rgba(255,255,255,.55); }

.rm-bottom-nav { left: 18px; right: 18px; bottom: max(13px, env(safe-area-inset-bottom)); gap: 2px; padding: 5px; border: 1px solid rgba(17,17,17,.065); border-radius: 24px; background: rgba(255,255,255,.94); box-shadow: 0 8px 25px rgba(0,0,0,.07); backdrop-filter: blur(16px); }
.rm-bottom-item { min-height: 50px; border-radius: 18px; color: #aaa9a5; font-size: 10px; font-weight: 560; }
.rm-bottom-item i { font-size: 16px; font-weight: 400; }
.rm-bottom-item i.fas { font-weight: 900; }
.rm-bottom-item.is-active { color: #fff; background: #151515; box-shadow: none; font-weight: 650; }

.rm-subhead { padding: 1px 0 21px; }
.rm-back { width: 35px; height: 35px; border: 1px solid rgba(17,17,17,.055); border-radius: 50%; color: #151515; background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.03); font-size: 13px; }
.rm-subhead h2 { color: #151515; font-size: 21px; font-weight: 630; }
.rm-subhead p { color: #aaa9a5; font-size: 10px; letter-spacing: .5px; }

.rm-upload-notice { border-left: 2px solid #151515; border-radius: 0 15px 15px 0; color: #747470; background: #efefed; font-size: 11px; }
.rm-upload-notice i { color: #151515; }
.rm-form-card, .rm-settings-card { padding: 17px; border: 1px solid rgba(17,17,17,.055); border-radius: 22px; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,.025); }
.rm-form-label, .rm-settings-card h3 { color: #151515; font-size: 12px; font-weight: 650; }
.rm-required { color: #151515; }
.rm-input, .rm-textarea, .rm-select { border-color: rgba(17,17,17,.075); border-radius: 16px; color: #151515; background: #f6f6f3; }
.rm-input:focus, .rm-textarea:focus, .rm-select:focus { border-color: rgba(17,17,17,.32); box-shadow: 0 0 0 3px rgba(17,17,17,.055); }
.rm-upload-field { border-color: rgba(17,17,17,.18); border-radius: 17px; color: #747470; background: #f6f6f3; }
.rm-upload-field i { color: #151515; }
.rm-upload-file-info { color: #aaa9a5; }
.rm-requirement { border-color: rgba(17,17,17,.07); color: #151515; background: #f6f6f3; }
.rm-requirement input { accent-color: #151515; }
.rm-requirement small { color: #747470; }
.rm-primary-button { border-radius: 999px; color: #fff; background: #151515; box-shadow: none; font-weight: 650; }

.rm-profile-card { border: 1px solid rgba(17,17,17,.055); border-radius: 26px; color: #151515; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,.035); }
.rm-profile-card::after { right: 16px; top: 16px; width: 62px; height: 62px; border: 1px solid rgba(17,17,17,.11); border-radius: 50%; }
.rm-avatar { border: 1px solid rgba(17,17,17,.1); border-radius: 50%; color: #151515; background: #efefed; }
.rm-profile-name { color: #151515; font-weight: 630; }
.rm-profile-status { color: #747470; }
.rm-profile-stats { border-top-color: rgba(17,17,17,.075); }
.rm-profile-stats b { color: #151515; }
.rm-profile-stats span { color: #747470; }
.rm-avatar-editor .rm-avatar { box-shadow: none; }
.rm-avatar-editor label { border-radius: 999px; color: #151515; background: #efefed; }
.rm-mini-status { color: #151515; background: #efefed; }

.rm-detail-preview { border: 1px solid rgba(17,17,17,.055); border-radius: 26px; background: #e7e7e4; }
.rm-detail-preview::after { border-color: rgba(17,17,17,.16); background: transparent; }
.rm-detail-preview img { filter: saturate(0) contrast(.94); }
.rm-detail-preview.has-image::after { display: none; }
.rm-detail-preview.has-image img { filter: none; }
.rm-detail-preview .rm-preview-mark { color: #151515; background: #fff; }
.rm-detail-title { color: #151515; font-weight: 640; }
.rm-detail-author, .rm-detail-description { color: #747470; }
.rm-detail-author .rm-avatar, .rm-comment .rm-avatar { border-radius: 50%; background: #efefed; }
.rm-detail-meta span { border-radius: 999px; color: #747470; background: #efefed; }
.rm-detail-like, .rm-detail-download { border-radius: 999px; font-weight: 650; }
.rm-detail-like { color: #151515; background: #efefed; }
.rm-detail-like.is-liked, .rm-detail-download { color: #fff; background: #151515; box-shadow: none; }
.rm-detail-import { color: #151515; background: #efefed; border-color: transparent; }
.rm-comment-input { border-radius: 18px; background: #efefed; }
.rm-comment-input button { border-radius: 50%; color: #fff; background: #151515; }
.rm-comment-copy b, .rm-comment-copy p { color: #151515; }
.rm-comment-copy p { color: #747470; }
.rm-toast { color: #fff; background: rgba(21,21,21,.92); box-shadow: 0 8px 20px rgba(0,0,0,.12); }

@media (max-width: 360px) {
    .resource-market-scroll { padding-left: 16px; padding-right: 16px; }
    .rm-bottom-nav { left: 16px; right: 16px; }
}