/* ===== DuMate skin: 更多页选人列表 UI（复刻参照站 more-YBer2rPH-full.css，剥 data-v） ===== */
/* 作用域：仅更多页（skin.mjs 会为 .page 添加 .page.dm-more-page 类） */

/* ---- 搜索区 ---- */
.page.dm-more-page .more-search{flex-shrink:0;padding:.25rem .75rem .375rem;border:0;background:linear-gradient(180deg,#fef9ec,#fdf6e4 14%,#f8f5ec 38%,#f0eeea 68%,#f5f6f8);box-sizing:border-box}
.page.dm-more-page .more-search .search-bar{height:2.375rem;border-radius:31.21875rem;background:#fff;border:.03125rem solid rgba(0,0,0,.06);box-shadow:0 .125rem .5rem rgba(0,0,0,.05);display:flex;flex-direction:row;align-items:center;padding:0 .8125rem;box-sizing:border-box;margin:0}
.page.dm-more-page .search-ico{width:1.125rem;height:1.125rem;margin-right:.375rem;flex-shrink:0;display:block;font-size:0;line-height:0}
.page.dm-more-page .search-input{flex:1;min-width:0;font-size:.875rem;color:#333;height:2.375rem;line-height:2.375rem}
.page.dm-more-page .search-ph{color:#b8bcc4}

/* ---- Tab 行（GlassSegmentTab + 布局切换） ---- */
.page.dm-more-page .more-tab-row{flex-shrink:0;display:flex;flex-direction:row;align-items:center;gap:.375rem;padding:.125rem .75rem .5rem;box-sizing:border-box}
.page.dm-more-page .more-tab-shell{flex:1;min-width:0}
.page.dm-more-page .more-tab-shell .gst{width:100%}
.page.dm-more-page .more-layout-toggle{flex-shrink:0;display:flex;flex-direction:row;align-items:center;padding:.25rem;border-radius:.75rem;background:rgba(255,255,255,.35);border:.0625rem solid #ffffff;box-sizing:border-box}
.page.dm-more-page .more-layout-btn{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;padding:0}
.page.dm-more-page .more-layout-btn--on{background:#fff;box-shadow:0 .125rem .375rem rgba(15,23,42,.08)}
.page.dm-more-page .more-layout-ico{width:1.125rem;height:1.125rem;display:block;opacity:.45}
.page.dm-more-page .more-layout-btn--on .more-layout-ico{opacity:1}

/* ---- GlassSegmentTab（参照站 glass-segment-tab-skin.css） ---- */
.page.dm-more-page .gst{flex-shrink:0;box-sizing:border-box}
.page.dm-more-page .gst--block{width:100%;padding:0 0 .25rem}
.page.dm-more-page .gst--disabled{pointer-events:none;opacity:.72}
.page.dm-more-page .gst-track{position:relative;display:flex;flex-direction:row;align-items:stretch;width:100%;box-sizing:border-box;overflow:hidden}
.page.dm-more-page .gst--glass .gst-track{background:rgba(255,255,255,.35);border:.0625rem solid #ffffff}
.page.dm-more-page .gst--md .gst-track{height:2.5rem;padding:.25rem;border-radius:.75rem}
.page.dm-more-page .gst-indicator{position:absolute;top:.25rem;bottom:.25rem;left:.25rem;z-index:0;background:#fff;box-shadow:0 .0625rem .25rem rgba(28,29,33,.06);border-radius:.5rem;transition-property:transform,width;transition-timing-function:cubic-bezier(.4,0,.2,1);will-change:transform,width}
.page.dm-more-page .gst-item{position:relative;z-index:1;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer}
.page.dm-more-page .gst--md .gst-item{height:2rem}
.page.dm-more-page .gst-item:active{opacity:.88}
.page.dm-more-page .gst-txt{text-align:center;color:#1c1d21;font-weight:400;opacity:.55;transition:opacity .2s ease,font-weight .2s ease;white-space:nowrap}
.page.dm-more-page .gst--md .gst-txt{font-size:.875rem;line-height:1.25rem}
.page.dm-more-page .gst-txt--on{font-weight:500;opacity:1}

/* ---- 列表容器 ---- */
.page.dm-more-page .more-list{flex:1;min-height:0;height:0;padding:0 .75rem .5rem;box-sizing:border-box}
.page.dm-more-page .more-list .section{padding-bottom:.25rem}
.page.dm-more-page .more-list .section-title{display:none!important}

/* ---- 空/错误状态 ---- */
.page.dm-more-page .state-box{padding:2.5rem 1rem;display:flex;flex-direction:column;align-items:center}
.page.dm-more-page .state-txt{font-size:.875rem;color:#9ca3af}
.page.dm-more-page .state-retry{margin-top:.625rem;font-size:.875rem;color:#b45309;font-weight:600}

/* ---- 列表卡片 rec-card ---- */
.page.dm-more-page .rec-card{position:relative;display:flex;flex-direction:row;align-items:stretch;border-radius:.75rem;padding:.625rem .5625rem .625rem .6875rem;margin-bottom:.625rem;overflow:hidden;border-width:.03125rem;border-style:solid;box-sizing:border-box}
.page.dm-more-page .rec-card:before{content:"";position:absolute;left:0;top:.5rem;bottom:.5rem;width:.25rem;border-radius:0 .25rem .25rem 0}
.page.dm-more-page .rec-card--male{background:linear-gradient(135deg,#fff,#eff6ff 52%,#f8fafc);border-color:rgba(59,130,246,.22);box-shadow:0 .25rem .75rem rgba(37,99,235,.07)}
.page.dm-more-page .rec-card--male:before{background:linear-gradient(180deg,#60a5fa,#2563eb)}
.page.dm-more-page .rec-card--female{background:linear-gradient(135deg,#fff,#fdf2f8 52%,#fafafa);border-color:rgba(236,72,153,.22);box-shadow:0 .25rem .75rem rgba(219,39,119,.07)}
.page.dm-more-page .rec-card--female:before{background:linear-gradient(180deg,#f472b6,#db2777)}
.page.dm-more-page .rec-card--neutral{background:linear-gradient(135deg,#fff,#f8fafc);border-color:rgba(226,232,240,.95);box-shadow:0 .25rem .875rem rgba(15,23,42,.05)}
.page.dm-more-page .rec-card--neutral:before{background:linear-gradient(180deg,#cbd5e1,#94a3b8)}
.page.dm-more-page .rec-card--online.rec-card--male{border-color:rgba(59,130,246,.38)}
.page.dm-more-page .rec-card--online.rec-card--female{border-color:rgba(236,72,153,.38)}
.page.dm-more-page .rec-card--online.rec-card--neutral{border-color:rgba(16,185,129,.28)}
.page.dm-more-page .rec-left{position:relative;width:3.75rem;flex-shrink:0;margin-right:.5rem;padding-bottom:.375rem}
.page.dm-more-page .rec-avatar{width:3.75rem;height:3.75rem;border-radius:50%;overflow:hidden;box-sizing:border-box;border:.125rem solid #ffffff}
.page.dm-more-page .rec-voice{position:absolute;left:50%;bottom:-.125rem;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;padding:.125rem .4375rem;border-radius:31.21875rem}
.page.dm-more-page .rec-voice--m{background:#dbeafe;box-shadow:0 .0625rem .3125rem rgba(37,99,235,.16)}
.page.dm-more-page .rec-voice--m .rec-voice-play,.page.dm-more-page .rec-voice--m .rec-voice-sec{color:#2563eb}
.page.dm-more-page .rec-voice--m.rec-voice--on{background:#2563eb}
.page.dm-more-page .rec-voice--f{background:#fce7f3;box-shadow:0 .0625rem .3125rem rgba(219,39,119,.16)}
.page.dm-more-page .rec-voice--f .rec-voice-play,.page.dm-more-page .rec-voice--f .rec-voice-sec{color:#db2777}
.page.dm-more-page .rec-voice--f.rec-voice--on{background:#db2777}
.page.dm-more-page .rec-voice--on .rec-voice-play,.page.dm-more-page .rec-voice--on .rec-voice-sec{color:#fff}
.page.dm-more-page .rec-voice-play{font-size:.5625rem;margin-right:.1875rem}
.page.dm-more-page .rec-voice-sec{font-size:.6875rem;font-weight:500}
.page.dm-more-page .rec-right{flex:1;min-width:0;display:flex;flex-direction:column;padding-top:.0625rem}
.page.dm-more-page .rec-top{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:.1875rem}
.page.dm-more-page .rec-name-row{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}
.page.dm-more-page .rec-name{font-size:.875rem;font-weight:700;color:#111;margin-right:.1875rem}
.page.dm-more-page .rec-gender-pill{display:flex;flex-direction:row;align-items:center;padding:.0625rem .3125rem;margin-right:.25rem;border-radius:31.21875rem;flex-shrink:0}
.page.dm-more-page .rec-gender-pill--m{background:rgba(59,130,246,.12);border:.03125rem solid rgba(59,130,246,.22)}
.page.dm-more-page .rec-gender-pill--f{background:rgba(236,72,153,.12);border:.03125rem solid rgba(236,72,153,.22)}
.page.dm-more-page .rec-gender-pill-ico{font-size:.625rem;line-height:1.2;margin-right:.125rem}
.page.dm-more-page .rec-gender-pill--m .rec-gender-pill-ico,.page.dm-more-page .rec-gender-pill--m .rec-gender-pill-txt{color:#2563eb}
.page.dm-more-page .rec-gender-pill--f .rec-gender-pill-ico,.page.dm-more-page .rec-gender-pill--f .rec-gender-pill-txt{color:#db2777}
.page.dm-more-page .rec-gender-pill-txt{font-size:.625rem;font-weight:600;line-height:1.2}
.page.dm-more-page .rec-score-pill{display:flex;flex-direction:row;align-items:center;padding:.0625rem .3125rem .0625rem .25rem;margin-left:.125rem;border-radius:31.21875rem;background:rgba(251,191,36,.14)}
.page.dm-more-page .rec-score-ico{width:.8125rem;height:.8125rem;flex-shrink:0;margin-right:.125rem;display:block}
.page.dm-more-page .rec-score-txt{font-size:.6875rem;color:#b45309;font-weight:700;line-height:1.2}
.page.dm-more-page .rec-online{flex-shrink:0;font-size:.625rem;color:#10b981;background:#ecfdf5;padding:.125rem .4375rem;border-radius:.25rem;margin-left:.375rem}
.page.dm-more-page .rec-paused{flex-shrink:0;font-size:.625rem;color:#9ca3af;background:#f3f4f6;padding:.125rem .4375rem;border-radius:.25rem;margin-left:.375rem}
.page.dm-more-page .rec-badge{align-self:flex-start;display:flex;flex-direction:row;align-items:center;padding:.0625rem .375rem;border-radius:31.21875rem;background:#ffedd5;margin-bottom:.25rem;font-size:.625rem;color:#c2410c;font-weight:600}
.page.dm-more-page .rec-badge-star{font-size:.625rem;color:#ea580c;margin-right:.125rem}
.page.dm-more-page .rec-tags{font-size:.75rem;color:#6b7280;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.page.dm-more-page .foot-loading{padding:.75rem;text-align:center}
.page.dm-more-page .foot-loading-txt{font-size:.75rem;color:#9ca3af}

/* ---- 网格布局（参照站 grid-card） ---- */
.page.dm-more-page .more-grid{display:flex;flex-direction:row;align-items:flex-start;column-gap:.5rem;padding-bottom:.25rem}
.page.dm-more-page .more-grid-col{flex:1;min-width:0;display:flex;flex-direction:column;row-gap:.5rem}
.page.dm-more-page .grid-card{position:relative;border-radius:.625rem;padding:.5rem .4375rem .5625rem;overflow:hidden;box-sizing:border-box;border-width:.03125rem;border-style:solid}
.page.dm-more-page .grid-card-avatar{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.125rem 0 0;margin-bottom:.3125rem}
.page.dm-more-page .grid-card-avatar-img{width:4.375rem;height:4.375rem;border-radius:50%;box-sizing:border-box;border:.125rem solid #ffffff;box-shadow:0 .125rem .5rem rgba(0,0,0,.12),0 .0625rem .1875rem rgba(0,0,0,.08);display:block;object-fit:cover;background-size:cover;background-position:center center;background-repeat:no-repeat}
.page.dm-more-page .grid-card-avatar-ph{width:4.375rem;height:4.375rem;border-radius:50%;box-sizing:border-box;border:.125rem solid #ffffff;box-shadow:0 .125rem .5rem rgba(0,0,0,.12),0 .0625rem .1875rem rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#93c5fd,#3b82f6);color:#fff;font-weight:600;font-size:1.5rem;overflow:hidden}
.page.dm-more-page .grid-voice{margin-top:.3125rem;display:flex;flex-direction:row;align-items:center;padding:.125rem .375rem;border-radius:31.21875rem}
.page.dm-more-page .avatar-accept-badge{position:absolute;left:0;right:0;bottom:0;padding:.125rem .25rem .1875rem;background:linear-gradient(180deg,rgba(22,163,74,0),rgba(22,163,74,.92) 38%,#15803d);display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;pointer-events:none;overflow:hidden;animation:dm-more-grid-accept-pulse 2.4s ease-in-out infinite}
.page.dm-more-page .avatar-accept-badge-shine{position:absolute;top:0;bottom:0;left:-80%;width:70%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));animation:dm-more-grid-accept-shine 2s linear infinite;pointer-events:none}
.page.dm-more-page .avatar-accept-badge-txt{position:relative;z-index:1;font-size:.5625rem;line-height:1.2;font-weight:600;color:#fff;letter-spacing:.03125rem;text-shadow:0 .03125rem .0625rem rgba(0,0,0,.12)}
.page.dm-more-page .avatar-pause-badge{position:absolute;left:0;right:0;bottom:0;padding:.125rem .25rem .1875rem;background:linear-gradient(180deg,rgba(107,114,128,0),rgba(75,85,99,.88) 42%,#4b5563);display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;pointer-events:none}
.page.dm-more-page .avatar-pause-badge-txt{font-size:.5625rem;line-height:1.2;font-weight:600;color:#f9fafb;letter-spacing:.03125rem}
@keyframes dm-more-grid-accept-shine{0%{transform:translate(0)}to{transform:translate(320%)}}
@keyframes dm-more-grid-accept-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}
.page.dm-more-page .grid-card-body{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.page.dm-more-page .grid-card-name{width:100%;font-size:.875rem;font-weight:700;color:#111827;line-height:1.3;margin-bottom:.3125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.page.dm-more-page .grid-card-meta{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:.1875rem;margin-bottom:.25rem}
.page.dm-more-page .grid-card-meta .rec-gender-pill{margin-right:0}
.page.dm-more-page .grid-card-badge{margin-bottom:0;max-width:100%}
.page.dm-more-page .grid-card-score{margin-left:0}
.page.dm-more-page .grid-card-intro{font-size:.6875rem;color:#6b7280;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}

/* ---- uaf 金色相框头像（参照站 user-avatar-frame-skin.css） ---- */
.page.dm-more-page .uaf-layout{position:relative;flex-shrink:0;overflow:visible}
.page.dm-more-page .uaf{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.page.dm-more-page .uaf-avatar{position:absolute;left:50%;top:50%;width:56%;height:56%;margin-left:-28%;margin-top:-28%;border-radius:50%;overflow:hidden;box-sizing:border-box;z-index:1}
.page.dm-more-page .uaf-avatar--full{width:100%;height:100%;margin-left:-50%;margin-top:-50%}
.page.dm-more-page .uaf-face-overlay{position:absolute;left:50%;top:50%;width:56%;height:56%;margin-left:-28%;margin-top:-28%;border-radius:50%;overflow:hidden;z-index:2;pointer-events:none}
.page.dm-more-page .uaf-face-overlay--full{width:100%;height:100%;margin-left:-50%;margin-top:-50%}
.page.dm-more-page .uaf-avatar--ring{border:.125rem solid #ffffff;box-shadow:0 .125rem .5rem rgba(0,0,0,.12),0 .0625rem .1875rem rgba(0,0,0,.08)}
.page.dm-more-page .uaf-avatar-img{width:100%;height:100%;display:block}
.page.dm-more-page .uaf-avatar-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#93c5fd,#3b82f6)}
.page.dm-more-page .uaf-avatar-ph-txt{color:#fff;font-weight:600}

/* ---- 列表入场动画 ---- */
.page.dm-more-page .list-enter{animation:dm-more-list-enter-up .46s cubic-bezier(.22,1,.36,1) both}
@keyframes dm-more-list-enter-up{0%{opacity:0;transform:translateY(.875rem)}to{opacity:1;transform:translateY(0)}}
/* ring 白边（列表模式，与参照站 uaf-avatar--ring 等效：内嵌 2px 白边 + 外投影） */
.page.dm-more-page .rec-avatar{box-shadow:0 .125rem .5rem rgba(0,0,0,.12),0 .0625rem .1875rem rgba(0,0,0,.08)}