/* 我的 PC 版 —— 仅本页引入；仅 min-width:1024px。方案A「门户式」：
   通栏 uc-hero + 左主区(常用功能) + 右信息栏(会员卡 + 邀请横幅, sticky)。
   DOM(手机顺序不变)：.uc-hero / .pc-rail(ucv-demo + promo-banner) / .pc-main(features)。
   手机端(<1024)完全不变：.pc-rail/.pc-main 仅普通 block，内容按原顺序竖排；
   卡片皮全部收在本 @media 内，手机基线皮(user-center.css/_anime.css)零改动。
   ============================================================================
   2026-07-25 换近黑紫扁平直角新皮(neon-purple 规范,纯样式,不动 HTML/JS/控制器)：
   页面底纯色 #0B0812 / hero=强调块 #2A1046+左4px粉边 / 卡片 #150F22 边 #241B36 /
   会员卡 #1B1030 数据瓦片 #251540 / 主 CTA 实心 #FF3D8A、升级续购类 #7C3AED / 直角无光晕
   ============================================================================ */
@media (min-width: 1024px) {

  /* v2 页 body content-box + v2_pc padding-left 会溢出(见 home-pc 备忘坑#6) → border-box */
  html.app-dark body { box-sizing: border-box !important; }

  /* 页面底：与速玩/首页/分类/日常统一(近黑紫纯色)；
     main-container 转透明让 body 底透出(仍去掉手机端装饰底图的花瓣/蝴蝶散点) */
  html.app-dark body {
    background: #0B0812 !important;
  }
  html.app-dark .main-container {
    background: transparent !important;
  }
  html.app-dark .main-container::before,
  html.app-dark .main-container::after { display: none !important; content: none !important; }

  html.app-dark .main-container {
    max-width: 1600px !important;  /* 与首页/日常/分类一致:1600 居中+左右 0 内衬 → 切页左边缘零位移(原 1360+24 内衬左侧多 ~144px 空白) */
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 14px 0 20px !important;  /* 顶 14 同首页 mainHeader,切页顶栏不跳;底 32→20(2026-07-25 紧凑档) */
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
    display: grid !important;
    /* 2026-07-25 整体缩小(用户反馈元素过大,对齐日常页 31912412 缩档):右栏 360→320,间距收紧;
       2026-07-28 用户指定右侧信息栏(月卡+配额+邀请)加宽、左侧常用功能图标区变窄:320→420→480→540→600(四次加宽) */
    grid-template-columns: minmax(0, 1fr) 600px !important;
    column-gap: 18px !important;
    row-gap: 12px !important;
    align-items: start !important;
    align-content: start !important;
  }
  /* 顶部搜索条(与速玩页一致)：手机端内联 display:none，仅 PC 揭示后做通栏首行 */
  html.app-dark #headerTitle { display: block !important; grid-column: 1 / -1 !important; grid-row: 1 !important; }
  html.app-dark .uc-hero { grid-column: 1 / -1 !important; grid-row: 2 !important; }
  html.app-dark .pc-main { grid-column: 1 !important; grid-row: 3 !important; min-width: 0 !important; }
  html.app-dark .pc-rail {
    grid-column: 2 !important;
    grid-row: 3 !important;
    position: sticky !important;
    top: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    /* 2026-07-28 月卡卡上边缘与左侧功能瓷砖对齐(用户指定):
       左栏瓷砖上方有「常用功能」标题行(定高 20px + 下边距 10px = 30px),右栏补同高顶衬 */
    padding-top: 30px !important;
    /* 2026-07-27 二次调整:整栏撑满一屏用户嫌邀请卡过高,撤栏定高回内容自撑,
       栏底留 24px 空隙(用户指定下面要有空隙) */
    padding-bottom: 24px !important;
  }
  html.app-dark .pc-rail > section { margin: 0 !important; }
  html.app-dark .pc-main > *:first-child,
  html.app-dark .pc-rail > *:first-child { margin-top: 0 !important; }

  /* —— 搜索条深色皮(同速玩/日常的 _anime 规则；本页 anime 皮没有这段，收在 PC 块内压掉
        header_menu 自带的浅色内联 <style>) —— */
  html.app-dark #headerTitle,
  html.app-dark .header_menu,
  html.app-dark .header_first_line,
  html.app-dark .js_login_info {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  html.app-dark .header_menu .header_search {
    background: #170F26 !important;
    border: 1px solid #2C2140 !important;
    border-radius: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: #B6A8CC !important;
  }
  html.app-dark .header_menu .header_search .search-placeholder {
    color: #7E718F !important;
  }
  html.app-dark .header_menu .fuli_btn {
    background: #FF3D8A !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  /* ============================================================
     ① HERO 横幅 —— 强调块纯色 + 左 4px 粉边 + 左侧大头像 + 名称/会员标 + 右上方形按钮
     ============================================================ */
  html.app-dark .header.uc-hero {
    height: 128px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: 1px solid #241B36 !important;
    border-left: 4px solid #FF3D8A !important;
    box-shadow: none !important;
    overflow: hidden !important;
    position: relative !important;
    background: #2A1046 !important;
  }
  /* 去掉照片底图(设计稿为纯色) */
  html.app-dark .uc-hero .uc-hero-bg { display: none !important; }
  html.app-dark .uc-topbar-title { display: none !important; }

  /* 用户信息：左侧、垂直居中、头像放大到 88 */
  html.app-dark .uc-hero .user-info,
  html.app-dark .user-info {
    position: absolute !important;
    left: 24px !important; right: 110px !important;
    top: 50% !important; bottom: auto !important;
    transform: translateY(-50%) !important;
    display: flex !important; align-items: center !important; gap: 14px !important;
    z-index: 2 !important;
  }
  html.app-dark .uc-hero .user-info .avatar,
  html.app-dark .user-info .avatar,
  html.app-dark .avatar {
    width: 64px !important; height: 64px !important;
    min-width: 64px !important; max-width: 64px !important;
    min-height: 64px !important; max-height: 64px !important;
    flex: 0 0 64px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #3A2258 !important;
  }
  html.app-dark .uc-hero .user-info .avatar img { border-radius: 0 !important; }
  html.app-dark .uc-hero .uc-name-row {
    flex-direction: row !important; align-items: center !important;
    gap: 8px !important; margin-bottom: 6px !important;
  }
  html.app-dark .uc-hero .username { font-size: 20px !important; font-weight: 800 !important; color: #F7F3FF !important; }
  html.app-dark .uc-hero .account-id { font-size: 12.5px !important; color: #B6A8CC !important; }
  /* 会员标不再放大(整体缩档) */
  html.app-dark .uc-hero .user_vip_status { transform: none; transform-origin: left center; }

  /* 右上：两枚方形按钮(消息 / 设置) */
  html.app-dark .uc-hero .header-actions {
    position: absolute !important;
    top: 16px !important; right: 20px !important; left: auto !important;
    display: flex !important; gap: 10px !important; z-index: 3 !important;
  }
  html.app-dark .uc-hero .header-actions .action-btn {
    width: 36px !important; height: 36px !important;
    border-radius: 0 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    background: #1F1233 !important;
    border: 1px solid #3A2258 !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    transition: background .16s ease;
  }
  html.app-dark .uc-hero .header-actions .action-btn:hover { background: #170F26 !important; }
  html.app-dark .uc-hero .header-actions .action-btn img { width: 18px !important; height: 18px !important; }

  /* ============================================================
     ② 常用功能 —— 深色卡片内 7 图标一行、瓷砖(SVG 自带彩色方块)铺满
     ============================================================ */
  html.app-dark .pc-main .features-section { margin: 0 !important; width: auto !important; }
  html.app-dark .pc-main .uc-sec-title {
    font-size: 15px !important; font-weight: 800 !important; color: #F2EEFA !important;
    margin: 0 0 10px !important;
    /* 定死行盒高度,右栏 pc-rail 的 30px 顶衬按此推算(20+10),别只改一边 */
    height: 20px !important; line-height: 20px !important;
  }
  /* 栏目头装饰条(基础皮若有 ::before 竖条则统一为亮紫直角) */
  html.app-dark .pc-main .uc-sec-title::before {
    background: #A855F7 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  /* 网格 → 宫格瓷砖(2026-07-27 用户指定):外层大卡壳撤掉,3 列宫格(7 项排 3+3+1),
     每个功能项自己一块瓷砖铺满列宽,视觉重心从"一排小图标"变"功能宫格" */
  html.app-dark .pc-main .features-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    max-width: none !important; margin: 0 !important;
    column-gap: 10px !important; row-gap: 10px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
  /* 图标瓷砖去外框(用户反馈):anime 皮用 nth-child 链(0,5,1)逐个给 wrapper 加
     「玫瑰玻璃底+描边+投影」,压过本文件原 (0,4,1) 的清除规则 → 此处 :nth-child(n)
     提到 (0,6,1) 一条压全部,SVG 自带彩色方块外不再有任何框 */
  html.app-dark .pc-main .features-grid .feature-item:nth-child(n) .feature-icon-wrapper {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  html.app-dark .pc-main .features-grid .feature-item {
    padding: 18px 8px 14px !important; gap: 10px !important;
    flex-direction: column !important; align-items: center !important; justify-content: center !important;
    background: #150F22 !important;
    border: 1px solid #241B36 !important;
    border-radius: 0 !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
  }
  html.app-dark .pc-main .features-grid .feature-item:hover {
    transform: translateY(-3px);
    background: #1F1233 !important;
    border-color: #7C3AED !important;
  }
  /* 瓷砖：让 SVG 自带的彩色方块铺满整块，去掉外层玻璃底/描边/投影(保留 SVG 内白色图形) */
  html.app-dark .pc-main .features-grid .feature-icon-wrapper {
    width: 46px !important; height: 46px !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  html.app-dark .pc-main .features-grid .feature-icon {
    width: 46px !important; height: 46px !important;
    filter: none !important;
  }
  html.app-dark .pc-main .features-grid .feature-label {
    font-size: 12px !important; color: #B6A8CC !important;
    text-shadow: none !important;
  }

  /* ============================================================
     ③ 右栏 —— 月卡卡 / 额度双宫格 / 权益胶囊 / 邀请卡, 贴稿收口
        壳/宫格/权益 用 .ucv-card(会员+普通共用)
     ============================================================ */
  /* 贴稿拆壳：外层大卡透明，月卡条/额度宫格/权益 chip 彼此分离、直接浮在页面底色上
     (不动 display —— 会员/非会员卡显隐由基础皮 .is-member 切换) */
  html.app-dark .pc-rail .ucv-card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
  /* 月卡条自成一张卡(会员卡底 + 强描边；V 徽标 + 标题/有效期 + 续购键) */
  html.app-dark .pc-rail .ucv-card .ucv-card-top {
    padding: 12px !important;
    align-items: center !important;
    background: #1B1030 !important;
    border: 1px solid #3A2258 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  }
  html.app-dark .pc-rail .ucv-card .ucv-card-ico {
    width: 34px !important; height: 34px !important; border-radius: 0 !important; font-size: 17px !important;
  }
  html.app-dark .pc-rail .ucv-card .ucv-card-title { font-size: 14.5px !important; color: #F2EEFA !important; }
  /* 有效期一行放下(贴稿)：字号略收 + 续购键内边距略收 */
  html.app-dark .pc-rail .ucv-card .ucv-card-desc { font-size: 10.5px !important; white-space: nowrap !important; color: #9A8FB5 !important; }
  html.app-dark .pc-rail .ucv-card .ucv-card-btn {
    padding: 6px 12px !important; font-size: 12px !important; border-radius: 0 !important;
    color: #fff !important; font-weight: 800 !important;
  }
  /* 会员卡：系统紫「V」字徽标(替掉 👑 emoji；普通卡保持 ⚡) + 系统紫续购键 */
  html.app-dark .pc-rail .ucv-card-member .ucv-card-ico {
    background: #7C3AED !important;
    box-shadow: none !important;
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center !important; justify-content: center !important;
  }
  html.app-dark .pc-rail .ucv-card-member .ucv-card-ico::before {
    content: "V";
    font-size: 16px; font-weight: 900; color: #fff; line-height: 1;
  }
  html.app-dark .pc-rail .ucv-card-member .ucv-card-btn {
    background: #7C3AED !important;
    box-shadow: none !important;
  }
  /* 普通卡：系统紫闪电徽标 + 系统紫开通键(白字，升级类 CTA) */
  html.app-dark .pc-rail .ucv-card-free .ucv-card-ico {
    background: #7C3AED !important; color: #fff !important;
    box-shadow: none !important;
  }
  html.app-dark .pc-rail .ucv-card-free .ucv-card-btn {
    background: #7C3AED !important; color: #fff !important;
    box-shadow: none !important;
  }
  /* 额度双宫格(共用)：独立数据瓦片浮在页面底色上 */
  html.app-dark .pc-rail .ucv-card .ucv-stats {
    gap: 10px !important; margin: 10px 0 0 !important; padding: 0 !important;
  }
  html.app-dark .pc-rail .ucv-card .ucv-stat {
    background: #251540 !important;
    border: 1px solid #241B36 !important;
    border-radius: 0 !important; padding: 10px 6px 9px !important;
    box-shadow: none !important;
  }
  /* 宫格里的 emoji 图标：设计稿无，隐藏 */
  html.app-dark .pc-rail .ucv-card .ucv-stat .ucv-stat-ico { display: none !important; }
  /* 数字粉/紫交替(金色仅保留给评分/热度) */
  html.app-dark .pc-rail .ucv-card .ucv-stat-val { font-size: 18px !important; color: #FF3D8A !important; }
  html.app-dark .pc-rail .ucv-card .ucv-stat:nth-child(2n) .ucv-stat-val { color: #A855F7 !important; }
  html.app-dark .pc-rail .ucv-card .ucv-stat-label { font-size: 10.5px !important; color: #8B7EA5 !important; }
  html.app-dark .pc-rail .ucv-card .ucv-stat-valid { font-size: 10px !important; color: #6C5F80 !important; }

  /* 权益 chip(共用)：一排小 chip(亮紫小方块 + 文字)直接浮在页面底色上 */
  html.app-dark .pc-rail .ucv-card .ucv-benefits {
    background: transparent !important; border-top: 0 !important;
    margin: 10px 0 0 !important; padding: 0 !important;
    display: flex !important; flex-wrap: wrap !important; gap: 6px !important;
  }
  html.app-dark .pc-rail .ucv-card .ucv-benefit {
    font-size: 11px !important; color: #B6A8CC !important;
    background: #150F22 !important;
    border: 1px solid #241B36 !important;
    border-radius: 0 !important; padding: 4px 9px 4px 8px !important;
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    white-space: nowrap !important;   /* chip 整体换行，不在词中折断(下载3次/天) */
  }
  /* 方块 emoji → 亮紫小方块 */
  html.app-dark .pc-rail .ucv-card .ucv-benefit i {
    width: 6px !important; height: 6px !important; min-width: 6px !important;
    border-radius: 0 !important; font-size: 0 !important;
    background: #A855F7 !important; box-shadow: none !important;
  }

  /* —— 邀请卡:2026-07-27 用户要求恢复手机版富样式(人物图/圆角20/渐变描边/胶囊tag/
     头像三圆点/粉渐变胶囊CTA),原「纯色强调块+左粉边+通栏直角CTA」扁平化覆盖整段拆除,
     基础皮+anime 皮原样透出。仅保留两处 PC 适配:
     ① 清手机端给底部导航让位的 80px 下边距(右栏间距由 pc-rail flex gap 负责);
     ② PC 无 :active,补 hover 轻抬(基础皮已带 transform 过渡) */
  html.app-dark .pc-rail .promo-banner-section {
    margin-bottom: 0 !important;
    /* 2026-07-27 高度几轮调整定稿:满屏 flex 填充嫌太高 → 回固定高 360px
       (2倍高 304 与满屏 ~650 之间),人物图/蒙版/描边 inset 铺满自适应,内容 flex 居中 */
    aspect-ratio: auto !important;
    flex: none !important;
    height: 360px !important;
  }
  html.app-dark .pc-rail .invite-card:hover { transform: translateY(-2px); }

  /* ============================================================
     ④ 最近游玩 —— 竖版封面卡一行 6 张(贴设计稿)
        区块 HTML 带 [hidden]，仅 PC 由 JS 拉到数据后揭示，手机端零请求；
        等级角标/平台角标复用公共皮(game_corner_mark / game_platform_mark)
     ============================================================ */
  html.app-dark .pc-main .uc-recent { margin: 12px 0 0; }
  /* 标题行：左「最近游玩」(uc-sec-title 装饰条已统一亮紫) + 右「全部 ›」 */
  html.app-dark .pc-main .uc-recent .uc-sec-head {
    display: flex; align-items: center; justify-content: space-between;
    margin: 0 0 8px;
  }
  html.app-dark .pc-main .uc-recent .uc-sec-title { margin: 0 !important; }
  html.app-dark .pc-main .uc-recent-all {
    font-size: 12px; font-weight: 600; color: #9A8FB5;
    text-decoration: none; transition: color .16s ease;
  }
  html.app-dark .pc-main .uc-recent-all:hover { color: #FF3D8A; }

  /* 2026-07-25 与热门推荐统一版式(用户指定):竖版 3:4 封面卡 8 列,规格与 uc-hot 完全一致 */
  html.app-dark .pc-main .uc-recent-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 10px;
  }
  html.app-dark .pc-main .uc-recent-card {
    position: relative;
    display: block;
    text-decoration: none;
    border-radius: 0;
    background: #150F22;
    border: 1px solid #241B36;
    box-shadow: none;
    overflow: visible;              /* 等级角标向左出血 */
    transition: transform .16s ease, border-color .16s ease;
  }
  html.app-dark .pc-main .uc-recent-card:hover {
    transform: translateY(-4px);
    border-color: #3A2258;
    box-shadow: none;
  }
  html.app-dark .pc-main .uc-recent-media {
    position: relative;
    aspect-ratio: 3 / 4;
    border-radius: 0;               /* 直角；封面层自身裁剪 */
    overflow: hidden;
    background: #1F1233;            /* 懒加载/缺图暗占位,不闪白 */
  }
  html.app-dark .pc-main .uc-recent-media img {
    width: 100%; height: 100%; object-fit: cover; display: block;
  }
  /* 平台角标:组件默认右下 → 移到封面右上(与热门推荐一致) */
  html.app-dark .pc-main .uc-recent-media .gpm-wrap { top: 6px; right: 6px; bottom: auto; }
  html.app-dark .pc-main .uc-recent-name {
    margin: 0;
    padding: 8px 10px 10px;
    font-size: 12px; font-weight: 600; color: #EDE7F8;
    line-height: 1.35;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    border-radius: 0;
  }

  /* (2026-07-27 用户要求移除「邀请好友双倍奖励」礼盒横条:原 ⑤ uc-invite-banner
     揭示段整块删除,模板自带 hidden 兜底,无揭示规则即全端不显示) */

  /* (2026-07-27 用户要求去掉热门推荐:原 ⑥ uc-hot 揭示段整块删除,
     模板 .uc-hot 自带 hidden 兜底,无揭示规则即全端不显示) */
}