/* ui-more — 10.29 走查对齐：E07 联系客服 / E08 社区预告
   仅限 .support-page / .faq-card / .support-card / .community-* 组件，不动全局 .card/.btn。 */

/* ---------- E07 联系客服 ---------- */

.support-page .section-title{font-size:16px;font-weight:900;line-height:1.5;color:var(--ink);margin:0 0 12px}
.support-page .faq-card + .section-title{margin-top:12px}

/* UI-135：单张圆角卡 + 细分割线 + 「+/−」+ 首条默认展开 */
.faq-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:4px 0;margin:0}
.faq-card .faq-item{border:0;border-top:1px solid var(--soft);padding:12px 18px;margin:0}
.faq-card .faq-item:first-child{border-top:0}
.faq-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:700;line-height:1.5;color:var(--ink);cursor:pointer;list-style:none}
.faq-card summary::-webkit-details-marker{display:none}
.faq-mark{flex-shrink:0;font-size:19px;font-weight:400;line-height:1;color:#C9C3C6}
.faq-mark::before{content:"+"}
.faq-card details[open]>summary .faq-mark::before{content:"−"}
.faq-card .faq-item p{margin:12px 0 0;font-size:15px;line-height:25px;color:#4A3F45;padding-right:10px}

/* UI-134：客服卡在下，带区题；UI-137：底部两行说明 */
.support-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:0 18px;margin:0 0 24px}
.support-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:13px 18px;margin:0 -18px;border-bottom:1px solid var(--soft)}
.support-row .support-label{grid-column:1;font-size:16px;font-weight:700;line-height:1.4;color:var(--ink)}
.support-row .support-value{grid-column:1;font-size:15px;font-weight:400;line-height:1.4;color:var(--faint);overflow-wrap:anywhere}
.support-row .copy-btn{grid-row:1/3;grid-column:2}

/* UI-136：白底细描边胶囊（复制行为与 disabled 不变） */
.copy-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:700;line-height:1}

.support-note{font-size:13px;line-height:20px;color:var(--faint)}
.support-note:first-of-type{padding-top:16px}
.support-note:last-of-type{padding-bottom:20px}

/* ---------- E08 社区预告 ---------- */

/* UI-143：模糊层「看得出样子但看不清」——标题与页面骨架一起模糊，
   清晰的气泡 / callout 浮在上层；标题另留一份可读 h1。 */
.community-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.community-preview .community-blur{padding-top:20px;filter:blur(4px);opacity:.82}
.community-blur .ghost-tabs{display:flex;align-items:center;gap:16px;margin:14px 0 0}
.community-blur .ghost-tabs span{width:46px;height:22px;border-radius:999px;background:#E6E2E3}
.community-blur .ghost-tabs .on{width:58px;background:#F6CDD8}
.community-blur .ghost-post{display:flex;gap:12px;margin:26px 0 0;padding:16px;border-radius:20px;background:#F5F2F3}
.community-blur .ghost-post i{flex:none;width:44px;height:44px;border-radius:50%;background:#E4E0E1}
.community-blur .ghost-post div{flex:1;min-width:0}
.community-blur .ghost-post b{display:block;width:58%;height:12px;border-radius:6px;background:#E1DDDE}
.community-blur .ghost-post em{display:block;height:10px;border-radius:5px;background:#ECE8E9;margin-top:10px}
.community-blur .ghost-post em:last-child{width:76%}
.community-preview .community-blur .page-title{margin:0 0 10px;gap:0}
.community-preview .community-blur .page-title h1{color:#8A8186}
.community-preview .community-blur p{font-size:15px;font-weight:400;line-height:1.8;letter-spacing:2px;color:#B9B2B6;margin:0 0 10px}
.community-preview .community-blur .card{margin:10px 0;padding:15px 18px;border:1px solid #EEE9EA;border-radius:20px;background:#fff;font-size:15px;line-height:1.8;color:var(--faint);min-height:72px}
/* 设计首条气泡 y≈120：模糊层标题 + 骨架占住这一段，气泡从下方开始 */
.community-preview>.community-blur+.bubble-cloud{padding-top:88px}

/* UI-140：气泡放大到 14/1.5、内边距 10×16、±8° 错落、上下两组更密（数量与文案不动） */
.community-preview .bubble-cloud{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:6px 8px;padding:0 6px}
.community-preview .bubble-cloud span{flex:0 0 auto;white-space:nowrap;border:0;background:#fff;box-shadow:0 6px 18px rgba(36,24,30,.10);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;line-height:1.5;color:var(--ink)}
.community-preview .bubble-cloud span:nth-child(3n){background:var(--pink)}
.community-preview .bubble-cloud span:nth-child(7n+1){transform:rotate(-7deg)}
.community-preview .bubble-cloud span:nth-child(7n+2){transform:rotate(4deg)}
.community-preview .bubble-cloud span:nth-child(7n+3){transform:rotate(-4deg)}
.community-preview .bubble-cloud span:nth-child(7n+4){transform:rotate(6deg)}
.community-preview .bubble-cloud span:nth-child(7n+5){transform:rotate(-5deg)}
.community-preview .bubble-cloud span:nth-child(7n+6){transform:rotate(8deg)}
.community-preview .bubble-cloud span:nth-child(7n){transform:rotate(-8deg)}

/* UI-139：中卡深色底白字，灰胶囊「女性社区 · 即将开放」 */
.community-callout{position:relative;background:#24181E;border:0;border-radius:28px;color:#fff;text-align:left;padding:20px 19px;margin:22px 4px 18px}
.community-callout .pill{display:flex;width:max-content;background:rgba(255,255,255,.14);color:#fff;font-size:11px;font-weight:700;line-height:1;padding:4px 10px;border-radius:999px}
.community-callout h2{max-width:272px;font-size:22px;font-weight:900;line-height:1.4;letter-spacing:0;color:#fff;margin:9px 0 0}
.community-callout p{font-size:13px;line-height:1.6;color:#F3E9EC;margin:9px 0 0}
.community-callout .btn{width:100%;height:48px;min-height:48px;padding:0 22px;margin-top:8px;font-size:15px;font-weight:700;background:var(--accent);color:#fff}
.community-callout .btn:disabled{opacity:1;background:rgba(255,255,255,.14);color:#fff}

/* E11 我出过的招：无品牌壳、居中页题、大标题 + 筛选 + 两行卡片 */
.product.view-moves main{padding:0 20px 24px}
.product.view-moves .page-title{height:64px;margin:0;padding:0;justify-content:center;align-items:center;text-align:center}
.product.view-moves .page-title .eyebrow{display:none}
.product.view-moves .page-title h1{font-size:15px;font-weight:700;line-height:24px}
.product.view-moves .back.back-icon{position:absolute;top:12px;left:20px;width:40px;height:40px;min-height:40px;margin:0;border:1px solid #EFEAEC}
.moves-count{margin:22px 0 0;font-size:28px;font-weight:900;line-height:1.3}
.moves-sub{margin:8px 0 0;font-size:14px;line-height:1.7;color:var(--muted)}
.filter-bar{display:flex;gap:8px;margin:18px 0 0}
.filter{padding:7px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;line-height:1.4;color:var(--ink)}
.filter.active{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}
.moves-list{display:grid;gap:12px;margin-top:16px}
.move-card{margin:0;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.move-card.story{border-color:#FFE1E8;background:#FFF0F3}
.move-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.move-source{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;color:var(--ink)}
.move-side{flex:none;font-size:13px;color:var(--muted)}
.move-card.story .move-source{color:var(--accent)}
.move-card p{margin:10px 0 0;font-size:15px;line-height:1.8;color:var(--ink)}

/* E08 气泡按设计分行排布：上组 4 行、下组 6 行，左右两枚的贴边，单枚居中 */
.community-preview .bubble-cloud{display:block;padding:0}
.community-preview .brow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px}
.community-preview .brow.center{justify-content:center}
.community-preview .bubble-cloud.bottom{margin-top:24px}
.community-preview .top .brow:nth-child(1) span{transform:rotate(-1deg)}
.community-preview .top .brow:nth-child(2) span:first-child{transform:rotate(-4deg)}
.community-preview .top .brow:nth-child(2) span:last-child{transform:rotate(3deg)}
.community-preview .top .brow:nth-child(3) span:first-child{transform:rotate(2deg)}
.community-preview .top .brow:nth-child(3) span:last-child{transform:rotate(-3deg)}
.community-preview .top .brow:nth-child(4) span:first-child{transform:rotate(-3deg)}
.community-preview .top .brow:nth-child(4) span:last-child{transform:rotate(2deg)}
.community-preview .bottom .brow:nth-child(odd) span{transform:rotate(-2deg)}
.community-preview .bottom .brow:nth-child(even) span{transform:rotate(2deg)}
.community-preview .bubble-cloud span[data-pink]{background:var(--pink)}

/* E02 恶女语录本：裸壳页 + 荧光笔语录卡 */
main:has(.quotes-bar){padding:0 20px 24px}
.quotes-bar{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;height:64px;margin-bottom:6px}
.quotes-bar b{text-align:center;font-size:15px;font-weight:700;line-height:24px;color:var(--ink)}
.quotes-bar .back.back-icon{width:40px;height:40px;min-height:40px;margin:0;border:1px solid #EFEAEC}
.quote-list{display:flex;flex-direction:column;gap:16px;margin-top:10px}
.quote-card{padding:20px;border:1px solid #EFEAEC;border-radius:20px;background:#fff}
.quote-mark{margin:0;font-size:17px;font-weight:700;line-height:1.75;color:var(--ink);background:linear-gradient(180deg,transparent 62%,#FFE0E8 62%);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.quote-card h2{margin:0;font-size:17px}
.quote-source{display:block;margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--muted);text-decoration:none}
.quote-actions{display:flex;gap:10px;margin-top:14px}
.quote-btn{min-height:44px;padding:0 20px;font-size:15px;font-weight:700}

/* E02：设计稿语录是黑字 + 荧光粉底，旧版 .favourite-card blockquote 的主色字要压掉 */
.favourite-card .quote-mark{color:var(--ink)}