/* ============================================================================
掌婚 · C 端桌面宽屏版式 (desktop.css)
----------------------------------------------------------------------------
作用域：只被 platform/web/user.html 引用，不参与 theme.css 共享。
theme.css 同时被 merchant.html / admin.html / dashboard.html /
legal.html 引用，动它会连带影响 B 端后台，故宽屏规则一律写在本文件。
生效条件：仅 @media (min-width:1024px)。移动端/平板竖屏走原有手机版式，
除 .pc-header 默认隐藏外不产生任何影响。
⚠️ 维护须知（两条，都踩过）：
1) 改完本文件必须同步升 user.html 里 desktop.css 的 ?v= 版本号，
否则浏览器缓存不刷新，会出现"改了没生效"的假象。
2) 本文件的 必须排在 user.html 内最后一个 与 L200 之间）；而 Tailwind CDN 运行时
注入的样式又排在本文件之后，所以凡是与 Tailwind 任意类冲突的属性，
必须用至少两级选择器（如 .modal-mask > .modal）提高特异性才压得住。
========================================================================== */
.pc-header{ display:none; }
/* 找场地侧栏小标题：仅桌面侧栏使用，默认必须不显示也不占位，
否则移动端会在搜索/区域/预算/桌数之间凭空多出三行字（破坏手机版式）。 */
.find-side-label{ display:none; }
/* 官网专属件（PC 数据条 / 官网页脚 / 品牌板块 / 画册画廊）：移动端一律隐藏。
2026-10-02 勇哥拍板「以后用作官网」阶段一/二 + 画册式画廊方案A。 */
.pc-stat, .pc-footer, .pc-brandrow, .pc-gallery, .pc-g-halls, .pc-d-close, .pc-hallthumbs,
.pc-vthumb, .pc-vclose{ display:none; }
@media (min-width:1024px){
/* ---- 1. 解除手机壳：480px → 1280px，并给固定顶栏让出高度 ---- */
body.wrap480{ max-width:1280px; padding-top:64px; }
body .fake-bar{ display:none !important; }
/* ---- 1b. 首页 hero 内容限宽居中 ----
桌面下 hero 铺满 1280px 时，三项服务条会被拉到每格约 400px 宽而显得空。
只限内容元素（.safe-hero 的直接子 .relative / p）；装饰圆点 .hero-deco 是绝对定位，
若对它加 auto margin 会被推到中间，故排除在外。 */
body #view-home .safe-hero > .relative,
body #view-home .safe-hero > p{ max-width:760px; margin-left:auto; margin-right:auto; }
/* ---- 1c. 首页 hero 紧凑化（勇哥 2026-10-02 反馈「太松散」）----
只动桌面：垂直间距收紧、三项服务条由两端撑满 760 改为居中固定间距、标题放大一档。
注意 .mt-3\.5 是带小数点的 Tailwind 类，转义书写；选择器全部加 body 前缀稳压运行时注入。 */
body #view-home .safe-hero{ padding-bottom:18px; }
body #view-home .safe-hero > .mt-3{ margin-top:10px; }
body #view-home .safe-hero > .mt-3\.5{ margin-top:12px; }
body #view-home .safe-hero > p.mt-1{ margin-top:3px; }
/* 服务条：flex-1 撑满在宽屏下三句相距约 250px，改居中 + 固定 46px 间距 */
body #view-home .safe-hero > div[class*="border-t"]{
justify-content:center; column-gap:46px; padding-top:7px; padding-bottom:7px;
}
body #view-home .safe-hero > div[class*="border-t"] > span.flex-1{ flex:0 0 auto; }
body #view-home .safe-hero span[class*="23px"]{ font-size:26px; }
/* ---- 1d. 官网化阶段一：hero 深酒红 + 数据条（勇哥 2026-10-02 拍板）----
基调：大面深酒红 (#4B1528)，玫红降为点缀。只换 #view-home 首屏 hero，
其余视图（找场地/社区等）的粉色横幅阶段二再统一。
grad-rose-2 是 (0,1,0) 渐变类，body 前缀选择器稳压；hero-deco 白 12% 圆在深底上天然协调。 */
body #view-home .safe-hero{ background:#4B1528; }
/* 阶段二：找场地/我的/备婚三个视图的横幅统一酒红（咨询弹层头、搜索胶囊等小件保持玫红点缀）。
只选中 section 直接子级的横幅容器，页内 chip/tab/倒计时等动态 grad-rose-2 不受影响。 */
body #view-find > div.grad-rose-2,
body #view-mine > div.grad-rose-2,
body #view-prep > div.grad-rose-2{ background:#4B1528; }
/* 数据条：21年/400+/2000+/98.5% 大数字，官网信任资产前置 */
.pc-stat{
display:flex; max-width:760px; margin-left:auto; margin-right:auto;
border-top:1px solid rgba(255,255,255,.22); padding-top:12px;
}
.pc-stat > div{ flex:1; text-align:center; }
.pc-stat > div + div{ border-left:1px solid rgba(255,255,255,.16); }
.pc-stat p{ margin:0; line-height:1; }
.pc-stat b{ font-size:26px; font-weight:800; letter-spacing:.5px; }
.pc-stat span{ font-size:12.5px; font-weight:700; margin-left:2px; }
.pc-stat i{ display:block; font-style:normal; font-size:11.5px; color:rgba(255,255,255,.72); margin-top:5px; }
/* ---- 1f. hero 改白底 + 紧凑重排（勇哥 2026-10-02：「把深红色变成白色。然后把文字重新排列一下，紧凑一点」）----
原 1e 的「搜索框骑线 + 深色块底圆角」是专为深色块与浅色页交界设计的，深色一去掉即失效，整段作废。
新排布（桌面 grid，4 行）：
① 定位行（左：区域 + 切换；右：收藏/铃铛）
② 品牌行 + 数据条同行（左：掌尚婚礼季 + 免费找场地徽章；右：21年/400+/2000+/98.5%）
③ 搜索框
（原第④行三项服务条已按勇哥 2026-10-02 指示桌面端整体移除——「红框太稀碎去掉」，
深酒红导航本就有「首页/找场地/掌尚社区/我要备婚/我的」，服务条与其重复、显碎。）
内容限宽 1080px 居中（原 760px 窄条），副标题桌面隐藏（与数据条「400+ 签约场地」重复）。
白底下所有原来靠白色/半透明白表达的层次（文字、分隔线、徽章底色、搜索框底色）全部重配。
仅媒体查询内生效；HTML 侧只加了 4 个标记类，手机端 hero 玫红渐变原样零回归。 */
body #view-home{ overflow-x:clip; }
body #view-home .safe-hero{
background:#fff;
color:#2A1622; /* 原为整块 text-white：白底必须改深字 */
display:grid;
grid-template-columns:minmax(0,1fr) auto;
grid-template-areas:
"loc loc"
"brand stat"
"search search";
align-items:center;
column-gap:36px; row-gap:10px;
padding:12px max(26px, calc((100vw - 1080px) / 2)) 14px;
border-bottom:1px solid #F3DFE8; /* 与白页面分层：极浅粉细线 */
}
body #view-home .safe-hero > .hero-deco{ display:none; } /* 白 12% 装饰圆在白底上不可见 */
/* 1b 的 760px 限宽、1c 的手写间距，在 grid 下统一让位给 grid-template + gap（同特异性、靠后覆盖） */
body #view-home .safe-hero > .relative,
body #view-home .safe-hero > p{ max-width:none; margin-left:0; margin-right:0; }
body #view-home .safe-hero > .mt-3{ margin-top:0; }
body #view-home .safe-hero > .mt-3\.5{ margin-top:0; }
body #view-home .safe-hero > p.mt-1{ margin-top:0; }
/* 分格 */
body #view-home .safe-hero > .pc-hero-loc{ grid-area:loc; }
body #view-home .safe-hero > .pc-hero-brand{ grid-area:brand; }
body #view-home .safe-hero > .pc-stat{ grid-area:stat; }
body #view-home .safe-hero > div[class*="border-t"]{ grid-area:svc; }
body #view-home .safe-hero > .mt-3\.5{ grid-area:search; }
body #view-home .safe-hero > .pc-hero-sub{ display:none; }
/* 定位行：切换胶囊由白 25% 改浅粉底玫红字（白底上白胶囊不可见） */
body #view-home .safe-hero .pc-hero-loc span[class*="bg-white"]{ background:#FCECF3; color:#BC2E67; }
body #view-home .safe-hero .pc-hero-loc i{ color:#4B1528; }
/* 品牌行：白底上加粗放大做视觉锚点；徽章 inline style 需 !important 覆盖 */
body #view-home .safe-hero .pc-hero-brand > span:first-child{ font-size:28px; color:#4B1528; letter-spacing:1.5px; }
body #view-home .safe-hero .pc-hero-badge{ background:#FCECF3 !important; box-shadow:none !important; }
/* 数据条：顶线去掉（改与品牌同行），数字深酒红、单位玫红点缀、标签灰紫 */
body #view-home .safe-hero > .pc-stat{ max-width:none; margin:0; padding-top:0; border-top:0; column-gap:0; }
body #view-home .safe-hero .pc-stat b{ color:#4B1528; }
body #view-home .safe-hero .pc-stat span{ color:#BC2E67; }
body #view-home .safe-hero .pc-stat i{ color:#8A6F7C; }
/* 容器宽度变为按内容收缩后 flex:1 不再撑开 → 用 margin+padding 撑出组间距，分隔线才不贴字 */
body #view-home .safe-hero .pc-stat > div + div{
border-left-color:#F3DFE8; padding-left:26px; margin-left:26px;
}
/* 服务条：桌面端整体移除（勇哥「红框太稀碎去掉」，2026-10-02）——导航已承载同等信息 */
body #view-home .safe-hero > div[class*="border-t"]{ display:none; }
/* 搜索框：白底白框不可见 → 极浅粉底 + 浅粉描边 */
body #view-home .safe-hero > .mt-3\.5{
background:#FDF4F8; border:1px solid #F5DDE9; box-shadow:none; height:46px;
}
/* ---- 2b. 导航「商家入驻」按钮：官网 B 端合作入口 ---- */
.pc-merchant{
flex:0 0 auto; font-size:13px; font-weight:700; color:#fff; text-decoration:none;
background:#BC2E67; border-radius:999px; padding:8px 18px; white-space:nowrap;
transition:background .15s;
}
.pc-merchant:hover{ background:#4B1528; }
/* ---- 2. 顶部横向导航（替代手机底部导航）---- */
.pc-header{
display:block; position:fixed; top:0; left:0; right:0; height:64px;
background:#fff; border-bottom:1px solid var(--line); z-index:48;
}
.pc-header-in{
max-width:1280px; margin:0 auto; height:100%;
display:flex; align-items:center; gap:28px; padding:0 24px;
}
.pc-brand{
font-size:19px; font-weight:800; color:var(--primary-dark);
letter-spacing:.5px; cursor:pointer; white-space:nowrap; flex:0 0 auto;
}
.pc-brand small{ font-size:11px; font-weight:600; color:#A79AA3; margin-left:8px; letter-spacing:0; }
.pc-nav{ display:flex; align-items:center; gap:4px; flex:1 1 auto; min-width:0; }
.pc-nav-btn{
border:none; background:transparent; font-family:inherit;
font-size:14.5px; font-weight:600; color:#64748b;
padding:9px 16px; border-radius:10px; cursor:pointer;
transition:background .15s,color .15s; white-space:nowrap;
}
.pc-nav-btn:hover{ background:var(--bg1); color:var(--primary-dark); }
.pc-nav-btn.nav-on{ background:#FCECF3; color:var(--primary-dark); font-weight:800; }
/* 导航搜索框已移除（勇哥 2026-10-02「这两个功能是重复的」）：
与首页 hero 大搜索框完全同功能（都是跳找场地页），留 hero 版做主视觉入口；
其它页面搜索走「找场地」tab。HTML 里的 .pc-search 节点保留但不再显示。 */
.pc-search{ display:none; }
/* ---- 3. 手机底部导航退场 ---- */
.bottom-nav{ display:none; }
/* ---- 4. 弹层：底部升起 → 居中卡片 ----
注意用 .modal-mask > .modal 两级选择器：部分弹层带 Tailwind 的
w-[320px] / w-[92vw] 等运行时不定期注入的宽度类，单级 .modal 压不住。 */
.modal-mask{ align-items:center; padding:40px 24px; }
.modal-mask > .modal{
width:100%; max-width:720px; border-radius:20px;
max-height:calc(100vh - 80px); animation:pcUp .2s ease;
}
.modal-mask > .modal.share-modal{ width:440px; max-width:440px; }
#detailMask .modal{ max-width:980px; }
#docMask .modal{ max-width:860px; }
#chatMask .modal{ max-width:480px; height:min(70vh,640px); }
.cm-postmenu{ max-width:480px; margin:0 auto; border-radius:20px; }
.cm-car{ height:min(66vh,540px); }
/* ---- 5. 瀑布流：间距放宽（列数由 JS 按视口宽度控制）---- */
.cm-waterfall{ gap:14px; }
.cm-col{ gap:14px; }
/* ---- 5b. 找场地页：左筛选栏 + 右结果两栏 ---- */
.find-body{ display:grid; grid-template-columns:268px minmax(0,1fr); gap:26px; align-items:start; padding:18px 24px 0; }
.find-side{
position:sticky; top:80px;
max-height:calc(100vh - 96px); /* 侧栏内容约 1000px 高 > 视口：钉住 + 内部滚动，别让页面被侧栏拖长 */
overflow-y:auto;
background:#fff; border:1px solid var(--line); border-radius:16px;
padding:16px;
}
/* 侧栏内的 Tailwind px-3 / mt-* 与卡片内边距打架，统一收掉 */
.find-body .find-side > div{ padding-left:0; padding-right:0; margin-left:0; margin-right:0; }
.find-body #areaChips,
.find-body #priceChips2,
.find-body #sortChips{ overflow:visible; }
.find-body #areaChips{ flex-wrap:wrap; }
/* 预算 13 档：显式 2 列等宽网格，比 flex-wrap 按内容宽排更齐、更矮 */
.find-body #priceChips2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.find-body #priceChips2 .chip{ text-align:center; justify-content:center; }
/* 桌数 + 排序：原是「select 与排序条同行」，侧栏里只剩 134px 宽，叠 flex-wrap 会
退化成每行一个 chip、select 被 items-center 垂直居中到高块中间（实测几何：
#sortChips 134×261 六行、#cap 垂直居中悬空）。改纵向堆叠：select 独行、排序条整行换行。 */
.find-body .find-caprow{ flex-direction:column; align-items:flex-start; gap:10px; }
.find-body .find-caprow #sortChips{ flex:none; width:100%; flex-wrap:wrap; margin-top:0; }
.find-results{ padding:0; }
.find-side-label{ display:block; font-size:12px; font-weight:700; color:#94a3b8; margin:0 0 8px; letter-spacing:.5px; }
/* ---- 5c. 场地卡横版：封面 3:4 → 16:9 ----
勇哥 2026-10-02 指令「PC 端商家所有卡片显示都要横版」。
venueCard（找场地）与 venueCardMini（首页猜你喜欢）共用 .venue-cover，
一条规则同时覆盖；加 body 提特异性，稳压 user.html:131 的 3:4 通用规则。 */
body .cm-waterfall .venue-cover{ aspect-ratio:16/9; }
/* ---- 5d. 场地详情：桌面居中大卡片（2026-10-02 勇哥反馈「全屏看着难受」→ 拍板方案A）----
曾一度做成 100vw×100vh 全屏，观感像掉进网页、没有边界感。
现改为居中大卡片：1200 宽、88% 屏高、圆角 20，四周留白 + 可点遮罩关闭。
注意滚动搬家：.modal 基础样式是自身 overflow-y:auto，这里 overflow:hidden，
改由 #detailBody 内部滚动（flex:1 + min-height:0，否则 flex 子项不会收缩、滚不动）。 */
#detailMask{ padding:28px 24px; }
#detailMask > .modal{
position:relative; display:flex; flex-direction:column;
width:1200px; max-width:calc(100vw - 84px);
height:min(88vh, 960px); max-height:88vh;
border-radius:20px; overflow:hidden;
animation:pcUp .22s ease;
}
#detailMask #detailBody{ flex:1 1 auto; min-height:0; overflow-y:auto; }
.pc-d-close{
display:flex; position:absolute; top:12px; right:12px; z-index:20;
width:36px; height:36px; border-radius:50%;
background:rgba(0,0,0,.45); color:#fff; font-size:15px;
align-items:center; justify-content:center; cursor:pointer;
}
.pc-d-close:hover{ background:rgba(0,0,0,.65); }
/* ---- 5g. 画册式画廊（2026-10-02 勇哥拍板方案A；同日改四宫格布局）----
参考主流酒店官网头图：左大图满铺 + 右 2×2 四宫格（3 图 + 「查看所有 N 张照片」蒙层块）。
主图 cover 满铺（点主图/任意图块进全屏看原图，完整比例在那里看）；键盘 ←/→ 翻页保留；
厅胶囊定位到该厅首图。原头图轮播区（.m-hero）桌面退场，返回/分享键在主图上；手机端全不受影响。 */
#detailBody > div.m-hero{ display:none; }
.pc-gallery{
display:grid; grid-template-columns:1.55fr 1fr; gap:8px;
width:100%; padding:12px 12px 0;
}
.pc-g-main{
position:relative; min-width:0;
height:min(44vh,420px); background:#2A1018; border-radius:12px;
display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.pc-g-main img{ width:100%; height:100%; object-fit:cover; cursor:zoom-in; display:block; }
.pc-g-main video{ width:100%; height:100%; object-fit:contain; background:#000; }
.pc-g-count{
position:absolute; bottom:14px; left:14px; z-index:5;
padding:4px 12px; border-radius:999px; background:rgba(0,0,0,.45);
color:#fff; font-size:12.5px; font-weight:600;
}
.pc-g-arrow{
position:absolute; top:50%; transform:translateY(-50%); z-index:5;
width:38px; height:38px; border-radius:50%; background:rgba(0,0,0,.45);
color:#fff; display:flex; align-items:center; justify-content:center;
font-size:16px; cursor:pointer; user-select:none;
}
.pc-g-arrow.prev{ left:14px; }
.pc-g-arrow.next{ right:14px; }
.pc-g-arrow:hover{ background:rgba(0,0,0,.65); }
.pc-g-side{
display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;
gap:8px; height:min(44vh,420px);
}
.pc-g-cell{
border-radius:12px; background:#3a2230 center/cover no-repeat; cursor:pointer;
display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px;
}
.pc-g-cell:hover{ outline:2px solid #EDA9C6; }
.pc-g-all{
border-radius:12px; background:rgba(42,16,24,.82); color:#fff; cursor:pointer;
display:flex; flex-direction:column; gap:7px; align-items:center; justify-content:center;
font-size:13px; font-weight:700; text-align:center; padding:0 6px;
}
.pc-g-all i{ font-size:20px; }
.pc-g-all:hover{ background:rgba(42,16,24,.95); }
.pc-g-halls{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; padding:0 24px; }
.pc-g-hall{
font-size:12.5px; font-weight:600; color:#64748b;
border:1px solid var(--line); border-radius:999px; padding:5px 14px; cursor:pointer;
}
.pc-g-hall.on{ background:#FCECF3; color:var(--primary-dark); border-color:#EDA9C6; font-weight:800; }
/* ---- 5h. 厅区块：缩略图行替代厅内大轮播（2026-10-02 勇哥反馈「两侧模糊空白难受」）----
厅图 contain 后两侧必留空，模糊垫底在金色调大图上尤其突兀；顶部画廊已能看全部厅图，
厅内再放一个大轮播纯属冗余。桌面：轮播退场，换一行 96×64 缩略图（cover 裁切无妨），
点任意一张直接全屏看大图（openViewerList 原生支持该厅图组）。手机端不受影响。 */
body .car.hall{ display:none; }
.pc-hallthumbs{
display:flex; flex-wrap:wrap; gap:10px; align-items:center;
margin:10px 0 2px;
}
.pc-hallthumbs img{
width:216px; height:144px; object-fit:cover; border-radius:12px;
cursor:pointer; display:block; border:1px solid var(--line);
}
.pc-hallthumbs img:hover{ border-color:#EDA9C6; }
.pc-ht-more{
width:96px; height:144px; border-radius:12px; flex:0 0 auto;
background:#FCECF3; color:var(--primary-dark); font-weight:800; font-size:14px;
display:flex; align-items:center; justify-content:center; cursor:pointer;
}
/* ---- 5i. 厅内视频：桌面缩成与厅缩略图同规格，点开播放（2026-10-02 勇哥指令）----
默认 168×112 视频块（深底 + 播放三角），点开换成播放器并自动播放，再点「收起」回缩略。
手机端无 .pc-vthumb/.pc-vclose 规则且 .m-hallvideo 不隐藏 → 保持原全宽播放器。 */
body .pc-vwrap > video.m-hallvideo{ display:none; }
body .pc-vthumb{
width:216px; height:144px; border-radius:12px; cursor:pointer;
background:#2A1018; color:#fff; border:1px solid var(--line);
display:flex; flex-direction:column; gap:6px; align-items:center; justify-content:center;
font-size:12.5px; font-weight:700;
}
body .pc-vthumb i{ font-size:20px; }
body .pc-vthumb:hover{ border-color:#EDA9C6; }
.pc-vwrap.open .pc-vthumb{ display:none; }
.pc-vwrap.open > video.m-hallvideo{ display:block; }
.pc-vwrap.open .pc-vclose{
display:inline-flex; align-items:center; margin-top:8px;
font-size:12.5px; font-weight:600; color:#64748b; cursor:pointer;
}
.pc-vwrap.open .pc-vclose:hover{ color:var(--primary-dark); }
.pc-vclose{ display:none; }
/* ---- 5e. 宴会厅图：原始比例完整显示 + 同图模糊氛围背景 ----
勇哥 2026-10-02 截图反馈「厅显示不全，要展示原始比例」→ 先改 contain；
随后反馈「两侧留白不好看」→ 加 .car-blur 同图模糊背景层（buildCarousel
以 blurBg:true 生成，与 img 同 URL、移动端无样式定义时高度为 0 完全惰性）。
contain 的 letterbox 区域是透明的，模糊背景从图后透出 = 留白变氛围底。 */
body .car.hall .car-slide{ position:relative; background:#F7EDF2; }
body .car.hall .car-slide .car-blur{
position:absolute; inset:-48px;
background-size:cover; background-position:center;
filter:blur(30px) saturate(1.12) brightness(.97);
transform:scale(1.12); z-index:0;
}
/* 底部轻压暗：轮播圆点/箭头落在浅色模糊底上时仍可读 */
body .car.hall .car-slide::after{
content:''; position:absolute; left:0; right:0; bottom:0; height:64px;
background:linear-gradient(transparent, rgba(42,22,34,.18));
z-index:1; pointer-events:none;
}
body .car.hall .car-slide img{
position:relative; z-index:2;
height:auto; max-height:60vh; object-fit:contain;
}
/* ---- 5f. 详情页视频：黑底影院式，不再被 object-cover 裁切构图 ----
勇哥 2026-10-02 反馈「视频展示也不美观」。厅卡视频原被 Tailwind max-h-48 压到
192px，桌面放开到 60vh contain；头图视频已随 5d 老规则移除（画廊里 video
走 .pc-g-main video 规则）。手机端两处均保持原样。 */
#detailBody video.w-full.rounded-lg{
width:100%; max-height:60vh; object-fit:contain; border-radius:14px;
/* 不用 width:auto：元数据未加载时 video 会退化成 300×150 默认占位小黑块 */
}
/* ---- 6. 悬浮件归位：手机上按底部导航高度做偏移，桌面要让开并贴右下 ---- */
.cm-fab, .cm-fab.is-off{
left:auto; right:28px; transform:none;
bottom:34px;
}
.cm-fab:active{ transform:scale(.92); }
.chat-fab{ right:28px; bottom:34px; }
.gift-float{ bottom:34px; }
/* 右上角 ⋯ 分享钮：手机上贴视口右上。桌面下 body 被 max-width:1280px 居中，
视口宽不足 1280 时浮钮会压进内容区，与首页 hero 的 ♡/🔔 图标叠压
（1440 视口下 body 两侧各有 80px 留白，浮钮正好落在留白里所以看不出来）。
单纯抬高 top 治不了本，故改为右下竖排：share 在上（bottom:104）、chat 在下。 */
.share-fab{ left:auto; right:28px; top:auto; bottom:104px; }
/* ---- 7. 社区页：让开顶栏，但保留 .cm-scroll 内部滚动 ----
不可改成页面级滚动：cmOnScroll 依赖 #cmScroll.scrollTop 触发无限加载。 */
body #view-community{ height:calc(100vh - 64px); }
/* ---- 8. 官网页脚：三栏铺满（品牌 / 快速入口 / 联系我们）+ 底部版权条 ----
2026-10-03 勇哥反馈「视觉上有点偏，整个都在左边」→ 由左挤两栏改三栏 grid 铺满 +
版权/备案独立成底部细线条。手机端 display:none（基础段）。悬浮钮 fixed 定位不受影响。 */
.pc-footer{ display:block; background:#fff; border-top:1px solid var(--line); margin-top:34px; }
.pc-footer-in{
max-width:1280px; margin:0 auto; padding:30px 24px 26px;
display:grid; grid-template-columns:1.4fr 1fr 1.4fr; gap:40px;
}
.pc-footer .pf-t{ margin:0 0 8px; font-size:17px; font-weight:800; color:var(--primary-dark); letter-spacing:.5px; }
.pc-footer .pf-s{ margin:0 0 6px; font-size:12.5px; color:#64748b; line-height:1.7; }
.pc-footer .pf-t2{ margin:0 0 9px; font-size:13px; font-weight:700; color:#334155; }
.pc-footer-in a{
display:block; margin:0 0 7px; font-size:12.5px; color:#64748b;
text-decoration:none; cursor:pointer;
}
.pc-footer-in a:hover{ color:var(--primary-dark); text-decoration:underline; }
/* 品牌栏 slogan 加粗一档做视觉锚，平衡右侧两栏 */
.pc-footer .pf-col-brand .pf-s:first-of-type{ color:#8A6F7C; font-weight:600; }
/* 备案号在底部条内，保持 inline 不吃块级样式 */
.pc-footer a.pf-icp{ display:inline; margin:0; }
.pc-footer .pf-bar{ border-top:1px solid var(--line); }
.pc-footer .pf-bar-in{
max-width:1280px; margin:0 auto; padding:12px 24px;
display:flex; justify-content:space-between; align-items:center;
font-size:12px; color:#94a3b8;
}
/* ---- 9. 官网品牌板块：三品牌卡 + 服务流程 4 步（首页，猜你喜欢之后）---- */
.pc-brandrow{ display:block; max-width:1280px; margin:26px auto 0; padding:0 24px; }
.pc-sec-head{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:14px; }
.pc-sec-head h2{ margin:0; font-size:20px; font-weight:800; color:var(--primary-dark); letter-spacing:.5px; }
.pc-sec-head span{ font-size:12.5px; color:#94a3b8; }
.pc-brand-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pc-brand-card{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px 22px; }
.pc-brand-tag{
display:inline-block; font-size:13px; font-weight:800; letter-spacing:.5px;
background:#FCECF3; color:var(--primary-dark); border-radius:999px; padding:5px 14px;
}
.pc-brand-num{ margin:14px 0 0; line-height:1; }
.pc-brand-num b{ font-size:27px; font-weight:800; color:#BC2E67; letter-spacing:.5px; }
.pc-brand-num span{ font-size:12.5px; font-weight:600; color:#64748b; margin-left:4px; }
.pc-brand-sig{ margin:10px 0 0; font-size:14px; font-weight:700; color:#2A1622; }
.pc-brand-desc{ margin:5px 0 0; font-size:12px; color:#94a3b8; }
.pc-flow{
display:flex; align-items:center; margin-top:16px;
background:#FAF6F8; border-radius:14px; padding:14px 26px;
}
.pc-flow > div{ flex:1; display:flex; align-items:center; gap:9px; justify-content:center; }
.pc-flow i{
font-style:normal; width:22px; height:22px; border-radius:50%;
background:#BC2E67; color:#fff; font-size:12px; font-weight:700;
display:flex; align-items:center; justify-content:center; flex:0 0 auto;
}
.pc-flow p{ margin:0; font-size:13.5px; font-weight:700; color:#2A1622; white-space:nowrap; }
.pc-flow > span{ width:24px; height:1px; background:#E8D5DE; flex:0 0 auto; }
/* 桌面端收掉首页内容流末尾的旧备案行（与页脚重复、视觉漂浮）；
工信部要求的「首页底部标明」由 pc-footer 内备案号承担。手机端仍走原行（基础段不动）。 */
body #view-home > p.text-center{ display:none; }
}
@keyframes pcUp{ from{ transform:translateY(14px); opacity:0 } to{ transform:translateY(0); opacity:1 } }