/* 日常 PC 版 —— 仅本页引入；仅 min-width:1024px。近黑紫扁平直角新皮(neon-purple 规范)。
   本文件最后加载(在 daily.css / daily_anime.css 之后)，用 html.app-dark ...!important 压过
   「玫红夜空」深酒红皮，只在 PC 生效；手机端(<1024)完全不变，仍是深酒红皮。
   DOM 不动：.daily-hero / .pc-rail(daily-stats + daily-tasks) / .pc-main(ms-wrap: ms-hero + ms-ladder)。
   新语言：页面底纯色 #0B0812 / 卡片 #150F22 边 #241B36 / 直角无光晕 / 主 CTA 实心 #FF3D8A。 */
@media (min-width: 1024px) {

  /* ============ 1. 布局骨架 ============ */
  /* v2 页 body content-box + v2_pc padding-left 会溢出 → border-box */
  html.app-dark body { box-sizing: border-box !important; }

  /* 页面底色与速玩/首页/分类/我的统一(近黑紫纯色)：
     压过 daily_anime.css 的多层粉光径向底,手机端(<1024)不受影响 */
  html.app-dark body {
    background: #0B0812 !important;
  }

  /* 设计稿是干净暗底：隐藏漂浮挂件(玫瑰/蝴蝶)与星点 */
  html.app-dark .daily-page::before,
  html.app-dark .daily-page::after { display: none !important; }

  /* 与推荐页同构: .daily-page 满高 flex 列 = 固定顶栏 + 单独滚动区。顶栏不在滚动流里, 永不移动。 */
  html.app-dark .daily-page {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;                 /* 自身不滚, 滚动交给 .daily-scroll */
    /* 统一无衬线，贴合设计稿(去掉衬线标题) */
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif !important;
  }
  /* 顶部搜索条: 固定不滚(同推荐页 .mainHeader —— 在滚动区之外, 永不动); 透明透出页面近黑紫底 */
  html.app-dark .daily-page > #headerTitle {
    flex: 0 0 auto !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 14px 0 12px !important;             /* 顶留白 14 + 底留白 12 与首页/分类/速玩/我的一致(原底 0 使日常顶栏区域矮 12px) */
    background: transparent !important;
    position: static !important;
  }
  /* 滚动区: 占满剩余高度、内部单独滚动; 内容栅格居中(与顶栏同宽 1600) */
  html.app-dark .daily-scroll {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) !important;  /* ≈62/38 主区 : 右栏 */
    /* hero 行必须显式 max-content：定高滚动容器(flex:1)里 auto 行会把跨双列的 .daily-hero
       压到远小于内容高(Chrome 实测 62px)，标题/进度环被 overflow:hidden 裁掉只剩半截。 */
    grid-template-rows: max-content !important;
    /* 2026-07-25 整体缩小(用户反馈元素过大,对齐推荐页 d86fae92 缩档):栅格间距 28/22→20/16 */
    column-gap: 20px !important;
    row-gap: 16px !important;
    align-content: start !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 12px 0 36px !important;
  }
  html.app-dark .daily-hero  { grid-column: 1 / -1 !important; grid-row: 1 !important; }
  html.app-dark .pc-main    { grid-column: 1 !important; grid-row: 2 !important; min-width: 0 !important; }
  html.app-dark .pc-rail {
    grid-column: 2 !important; grid-row: 2 !important;
    position: sticky !important; top: 0 !important;   /* 在滚动区内右栏吸顶(顶栏已在区外固定) */
    display: flex !important; flex-direction: column !important;
    gap: 14px !important;
    min-width: 0 !important;
  }
  /* 右栏两块去掉手机竖排外边距(改由 flex gap 控制)。注意 .daily-stats 手机端 margin 上浮盖 hero，必须清零。 */
  html.app-dark .pc-rail .daily-stats,
  html.app-dark .pc-rail .daily-tasks { margin: 0 !important; }
  html.app-dark .pc-main .ms-wrap     { margin: 0 !important; }
  /* 左右两列首块顶外边距清零，保证主区(邀请卡)与右栏(统计卡)顶部同一水平线 */
  html.app-dark .pc-main > *:first-child,
  html.app-dark .pc-rail > *:first-child { margin-top: 0 !important; }

  /* 覆盖 daily_anime 的衬线标题字体 */
  html.app-dark .daily-hero-title,
  html.app-dark .daily-tasks-title,
  html.app-dark .ms-hero-title,
  html.app-dark .ms-card-title {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
  }

  /* ============ 2. Hero 头图(强调块横幅 + 左粉边) ============ */
  html.app-dark .daily-hero {
    background: #2A1046 !important;
    border: 1px solid #241B36 !important;
    border-left: 4px solid #FF3D8A !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 18px 24px !important;
    overflow: hidden !important;
  }
  html.app-dark .daily-hero-inner { align-items: center !important; }
  html.app-dark .daily-hero-title {
    color: #F7F3FF !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: .5px !important;
    text-shadow: none !important;
  }
  html.app-dark .daily-hero-sub {
    color: #B6A8CC !important;
    font-size: 12.5px !important;
    margin-top: 6px !important;
  }
  /* 今日完成 环：细描边、静态 */
  html.app-dark .daily-ring {
    width: 56px !important; height: 56px !important;
    background: transparent !important;
    border: 3px solid #3A2258 !important;
    box-shadow: none !important;
  }
  html.app-dark .dr-num   { color: #F2EEFA !important; }
  html.app-dark .dr-num b { color: #F2EEFA !important; font-size: 16px !important; text-shadow: none !important; }
  html.app-dark .dr-num i { color: #9A8FB5 !important; font-size: 10px !important; }
  html.app-dark .dr-label { color: #B6A8CC !important; font-size: 10px !important; }

  /* ============ 3. 右栏·今日统计(两张独立数据瓦片) ============ */
  html.app-dark .daily-stats {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 16px !important;
    align-items: stretch !important;
  }
  html.app-dark .daily-stats .ds-item {
    flex: 1 !important;
    background: #251540 !important;
    border: 1px solid #241B36 !important;
    border-radius: 0 !important;
    padding: 14px 12px !important;
    text-align: center !important;
  }
  html.app-dark .daily-stats .ds-divider { display: none !important; }
  html.app-dark .daily-stats .ds-num {
    color: #FF3D8A !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    text-shadow: none !important;
  }
  /* 第二块瓦片数字用亮紫(粉/紫交替；~ 兼容中间被隐藏的 .ds-divider) */
  html.app-dark .daily-stats .ds-item ~ .ds-item .ds-num { color: #A855F7 !important; }
  html.app-dark .daily-stats .ds-label {
    color: #8B7EA5 !important;
    font-size: 11.5px !important;
    margin-top: 5px !important;
  }

  /* ============ 4. 右栏·每日任务 ============ */
  html.app-dark .daily-tasks { background: transparent !important; margin: 0 !important; }
  html.app-dark .daily-tasks-title {
    color: #F2EEFA !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    margin: 0 0 10px !important;
    gap: 8px !important;
  }
  html.app-dark .daily-tasks-title::before {
    width: 3px !important; height: 14px !important;
    border-radius: 0 !important;
    background: #A855F7 !important;
  }

  /* 任务卡 */
  html.app-dark .dtask {
    background: #150F22 !important;
    border: 1px solid #241B36 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 14px !important;
    margin-bottom: 12px !important;
  }
  html.app-dark .dtask:last-child { margin-bottom: 0 !important; }
  html.app-dark .dtask::before    { display: none !important; }  /* daily.css 左侧色条，设计稿无 */
  html.app-dark .dtask.done       { opacity: .6 !important; }

  html.app-dark .dtask-icon {
    width: 36px !important; height: 36px !important;
    background: #170F26 !important;
    border: 1px solid #241B36 !important;
    border-radius: 0 !important;
    color: #A855F7 !important;
  }
  html.app-dark .dtask-icon svg { width: 19px !important; height: 19px !important; }
  html.app-dark .dtask-title {
    color: #F2EEFA !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
  }
  html.app-dark .dtask-progress {
    color: #9A8FB5 !important;
    background: #170F26 !important;
    border: 1px solid #2C2140 !important;
    border-radius: 0 !important;
    text-shadow: none !important;
    font-size: 11px !important;
    padding: 2px 8px !important;
  }
  html.app-dark .dtask-progress.done { color: #8B7EA5 !important; }
  html.app-dark .dtask-desc {
    color: #9A8FB5 !important;
    font-size: 12px !important;
    margin-top: 6px !important;
  }
  /* 底部行(奖励 + 按钮)：无分隔线 */
  html.app-dark .dtask-foot {
    border-top: 0 !important;
    margin-top: 10px !important;
    padding-top: 0 !important;
    gap: 8px !important;
  }
  html.app-dark .dtask-rewards { gap: 6px !important; }
  /* 奖励 chip：强调块底 + 亮紫小方块(金色仅保留给评分/热度数字，奖励不再用金) */
  html.app-dark .dtask-reward {
    background: #2A1046 !important;
    color: #D7C9F5 !important;
    border: 1px solid #3A2258 !important;
    border-radius: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 3px 8px !important;
  }
  html.app-dark .dtask-reward::before {
    width: 5px !important; height: 5px !important;
    background: #A855F7 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  /* 主 CTA(去点评/去邀请)——实心粉，静态，关掉 anime 的呼吸/弹跳 */
  html.app-dark .dtask-btn {
    background: #FF3D8A !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 7px 16px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    animation: none !important;
  }
  html.app-dark .dtask-btn.done,
  html.app-dark .dtask-btn[disabled] {
    background: #1F1233 !important;
    color: #6C5F80 !important;
    border: 0 !important;
    box-shadow: none !important;
    animation: none !important;
  }

  /* ============ 5. 主区·邀请里程碑卡(强调块横幅 + 左粉边) ============ */
  html.app-dark .ms-wrap { background: transparent !important; box-shadow: none !important; }
  html.app-dark .ms-hero {
    background: #2A1046 !important;
    border: 1px solid #241B36 !important;
    border-left: 4px solid #FF3D8A !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 16px 22px !important;
    overflow: hidden !important;
  }
  /* 干净静态：去流光/光晕/星点 */
  html.app-dark .ms-hero::before,
  html.app-dark .ms-hero::after,
  html.app-dark .ms-spark { display: none !important; }
  /* 深粉徽章 超级邀请有礼 */
  html.app-dark .ms-hero-badge {
    background: #E01B5A !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 3px 10px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    letter-spacing: .3px !important;
  }
  html.app-dark .ms-hero-title {
    color: #F7F3FF !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-shadow: none !important;
    margin: 8px 0 0 !important;
  }
  html.app-dark .ms-hero-sub {
    color: #B6A8CC !important;
    font-size: 12.5px !important;
    margin-top: 5px !important;
  }
  html.app-dark .ms-hero-num {
    color: #FF3D8A !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-shadow: none !important;
  }
  html.app-dark .ms-hero-unit {
    color: #B6A8CC !important;
    font-size: 12px !important;
  }

  /* ============ 6. 主区·里程碑时间线 ============ */
  html.app-dark .ms-ladder { margin: 14px 0 0 !important; }
  html.app-dark .ms-step {
    align-items: stretch !important;
    gap: 12px !important;
    padding-bottom: 12px !important;
  }
  html.app-dark .ms-step:last-child { padding-bottom: 0 !important; }
  /* 竖线 */
  html.app-dark .ms-spine { width: 30px !important; }
  html.app-dark .ms-spine::before {
    width: 2px !important;
    background: #241B36 !important;
  }
  html.app-dark .ms-step.ms-claimed .ms-spine::before,
  html.app-dark .ms-step.ms-claimable .ms-spine::before {
    background: #A855F7 !important;
  }
  /* 节点：默认弱字调，直角静态 */
  html.app-dark .ms-dot {
    width: 28px !important; height: 28px !important;
    background: #150F22 !important;
    border: 2px solid #2C2140 !important;
    border-radius: 0 !important;
    color: #8B7EA5 !important;
    box-shadow: none !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    animation: none !important;
  }
  /* 激活态：当前可领取 或(全锁定时)第 1 步 → 粉描边 */
  html.app-dark .ms-step.ms-claimable .ms-dot,
  html.app-dark .ms-step.ms-locked:first-child .ms-dot {
    background: #2A1046 !important;
    border-color: #FF3D8A !important;
    color: #FF3D8A !important;
    box-shadow: none !important;
  }
  /* 已领取：成功绿 + 勾 */
  html.app-dark .ms-step.ms-claimed .ms-dot {
    background: #10251C !important;
    border-color: #1E4A38 !important;
    color: #4ADE80 !important;
    box-shadow: none !important;
  }
  /* 奖励卡 */
  html.app-dark .ms-card {
    background: #150F22 !important;
    border: 1px solid #241B36 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px 16px !important;
    align-items: center !important;
    gap: 10px !important;
  }
  html.app-dark .ms-step.ms-claimed .ms-card { opacity: .7 !important; }
  html.app-dark .ms-card-title {
    color: #F2EEFA !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
  }
  html.app-dark .ms-card-title b {
    color: #F7F3FF !important;
    font-size: 14.5px !important;
    text-shadow: none !important;
  }
  /* 奖励徽章 周卡会员 N 天：强调块 chip(去金) */
  html.app-dark .ms-reward {
    background: #2A1046 !important;
    color: #D7C9F5 !important;
    font-weight: 700 !important;
    font-size: 11.5px !important;
    border-radius: 0 !important;
    padding: 3px 8px !important;
    margin-top: 6px !important;
  }
  html.app-dark .ms-reward b {
    color: #FF3D8A !important;
    font-weight: 800 !important;
    text-shadow: none !important;
  }
  html.app-dark .ms-crown { filter: none !important; }
  /* 设计稿无进度条，只留「还差 N 人解锁」文字 */
  html.app-dark .ms-prog { display: none !important; }
  html.app-dark .ms-prog-text {
    color: #8B7EA5 !important;
    font-size: 11.5px !important;
    margin-top: 6px !important;
  }
  /* 里程碑动作按钮 */
  html.app-dark .ms-go {
    background: #FF3D8A !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 7px 16px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  html.app-dark .ms-claim {
    background: #FF3D8A !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 7px 16px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    animation: none !important;
  }
  html.app-dark .ms-done {
    background: #1F1233 !important;
    color: #6C5F80 !important;
    border: 1px solid #241B36 !important;
    font-size: 11.5px !important;
    padding: 6px 14px !important;
    border-radius: 0 !important;
  }

  /* ============ 7. 杂项 ============ */
  html.app-dark .daily-empty,
  html.app-dark .daily-login-tip { color: #8B7EA5 !important; }
}

/* ===== 顶栏搜索条统一(2026-07-30 用户指定以推荐页为基准) =====
   与 index_pc.css 顶栏搜索一致:#1A1228 底 + #2C2140 描边直角,占位字 #7E718F,
   爱心放大镜灰化;本文件后载压过 anime 同特异性规则。 */
@media (min-width: 1024px) {
  html.app-dark .header_menu .header_search {
    background: #221838 !important;
    background-color: #221838 !important;
    border: 1px solid #3B2C5C !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  html.app-dark .header_menu .header_search .search-placeholder { color: #7E718F !important; }
  html.app-dark .header_menu .header_search input { color: #F2EEFA !important; }
  html.app-dark .header_menu .header_search input::placeholder { color: #7E718F !important; }
  html.app-dark .header_menu .header_search .search-icon {
    filter: grayscale(1) brightness(1.7) !important;
    opacity: .55 !important;
  }
}