/* ==========================================================================
 *  宜宇 · 两步路 PC 主题（aypc.css）20261025pc1
 *  --------------------------------------------------------------------------
 *  设计稿：X:/项目/宜宇/ui设计/宜宇_PC端网页版.html
 *  生效条件（三者同时）：data-theme="ay" + 浏览器宽度 ≥1024px + 对应 DOM 存在。
 *  --------------------------------------------------------------------------
 *  结构（DOM 见 layouts/default.vue 的 [PC-AY] 段）：
 *      顶栏 54px（品牌 · 首页/广场/消息/我的 · 搜索胶囊 · 发布 · 头像）
 *      ┌──────────┬────────────────────────────┬──────────────┐
 *      │ 左栏 224 │      主栏（hero + 3 列流）  │ 右栏 288     │
 *      │ 频道导航 │   #yqMain（沿用原 DOM）     │ 话题/活动/柚子│
 *      └──────────┴────────────────────────────┴──────────────┘
 *
 *  ★ 为什么单独成文件而不是塞进 ay.css：
 *    ay.css 整份裹在 max-width:1023.98px 里（手机皮肤），PC 皮肤的生命周期、
 *    回滚粒度都跟它不同；独立文件 = 上线/下线只动一个 <link>。
 *  ★ 所有选择器都带 html[data-theme="ay"][data-theme]（双属性）：
 *    比 ay.css 里「PC 端一律隐藏」的那批 html[data-theme="ay"] 多一层特异性，
 *    才能把 .ay-hm__fm 等块重新放出来而不加一堆 !important。
 * ========================================================================== */

/* 手机端：PC 骨架一律不占位（DOM 在，但不产生任何盒子） */
.pcay-nav, .pcay-left, .pcay-right, .pcay-mh { display: none; }
.pcay-body { display: contents; }

@media (min-width: 1024px) {

  /* ==========================================================================
     0. 中和 pc.css 的通用 PC 骨架
     pc.js 在 ay 主题下不再 buildSide/buildRail（见 pc.js enable()），
     但 pc.css 的 html.yq-pc 规则仍可能残留，这里全部让位于本皮肤。
     ========================================================================== */
    html[data-theme="ay"][data-theme] .pc-side,
  html[data-theme="ay"][data-theme] .pc-rail { display: none !important; }
  html[data-theme="ay"][data-theme] .yq-app.yq-app--pcay {
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 0;
    background: #FFFFFF;
    box-sizing: border-box;
    border-left: 1px solid #EDF0EE;
    border-right: 1px solid #EDF0EE;
  }
  /* 手机端 chrome 在 PC 上一律不出现（导航已在顶栏 + 左栏） */
  html[data-theme="ay"][data-theme] .yq-hd,
  html[data-theme="ay"][data-theme] .yq-tb,
  html[data-theme="ay"][data-theme] .yq-lbtb,
  html[data-theme="ay"][data-theme] .yq-fab,
  html[data-theme="ay"][data-theme] .yq-mask { display: none !important; }

  /* ==========================================================================
     1. 顶栏（设计稿 .pc-nav：54px、白底、发丝线）
     ========================================================================== */
  html[data-theme="ay"][data-theme] .pcay-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 54px;
    padding: 0 20px;
    background: #fff;
    border-bottom: 1px solid #EDF0EE;
    position: sticky;
    top: 0;
    z-index: 70;
  }
  html[data-theme="ay"][data-theme] .pcay-nav__brand {
    display: flex; align-items: center; gap: 8px;
    flex: none; margin-right: 26px;
    font-size: 19px; font-weight: 800; letter-spacing: 1px;
    color: #141C19; text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .pcay-nav__bico {
    width: 28px; height: 28px; border-radius: 9px;
    background: #40C254; color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 15px; font-weight: 900; letter-spacing: 0;
  }
  html[data-theme="ay"][data-theme] .pcay-nav__menu { display: flex; align-items: center; gap: 4px; }
  html[data-theme="ay"][data-theme] .pcay-nav__menu a {
    position: relative;
    padding: 8px 13px; border-radius: 8px;
    font-size: 14px; font-weight: 600; color: #8A938D; text-decoration: none;
    transition: color .16s, background-color .16s;
  }
  html[data-theme="ay"][data-theme] .pcay-nav__menu a:hover { color: #141C19; }
  html[data-theme="ay"][data-theme] .pcay-nav__menu a.is-on { color: #141C19; font-weight: 800; background: #F6F7F8; }
  html[data-theme="ay"][data-theme] .pcay-nav__bdg {
    position: absolute; top: 2px; left: 50%; margin-left: 5px;
    min-width: 14px; height: 14px; padding: 0 3px; border-radius: 7px;
    background: #E5242B; color: #fff;
    font-size: 9px; font-style: normal; font-weight: 700; line-height: 14px; text-align: center;
  }
  html[data-theme="ay"][data-theme] .pcay-nav__srch {
    margin-left: auto;
    width: 220px; display: flex; align-items: center; gap: 6px;
    background: #F6F7F8; border-radius: 9px; padding: 8px 11px;
    color: #8A938D;
  }
  html[data-theme="ay"][data-theme] .pcay-nav__srch svg { flex: none; }
  html[data-theme="ay"][data-theme] .pcay-nav__srch input {
    flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: none;
    font-family: inherit; font-size: 12.5px; color: #141C19;
  }
  html[data-theme="ay"][data-theme] .pcay-nav__srch input::placeholder { color: #8A938D; }
  html[data-theme="ay"][data-theme] .pcay-nav__pub {
    display: flex; align-items: center; gap: 6px;
    margin-left: 10px; padding: 8px 16px;
    border: 0; border-radius: 9px; background: #40C254; color: #fff;
    font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
  }
  html[data-theme="ay"][data-theme] .pcay-nav__pub:hover { filter: brightness(1.04); }
  html[data-theme="ay"][data-theme] .pcay-nav__ava {
    width: 32px; height: 32px; margin-left: 10px; padding: 1px;
    border: 2px solid #40C254; border-radius: 50%;
    overflow: hidden; flex: none; text-decoration: none;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 800; color: #2B7A43; background: #E4F5E9;
  }
  html[data-theme="ay"][data-theme] .pcay-nav__ava img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }

  /* ==========================================================================
     2. 三栏骨架
     ========================================================================== */
  html[data-theme="ay"][data-theme] .yq-app--pcay .pcay-body {
    display: grid;
    grid-template-columns: 224px minmax(0, 1fr) 288px;
    align-items: start;
  }

  /* ==========================================================================
     3. 左栏（设计稿 .pc-left：白底、发丝右线、胶囊高亮）
     ========================================================================== */
  html[data-theme="ay"][data-theme] .pcay-left {
    display: flex; flex-direction: column;
    position: sticky; top: 54px;
    height: calc(100vh - 54px);
    overflow-y: auto; overscroll-behavior: contain;
    padding: 16px 14px;
    background: #fff;
    border-right: 1px solid #EDF0EE;
  }
  html[data-theme="ay"][data-theme] .pcay-left__nav { display: flex; flex-direction: column; gap: 2px; }
  html[data-theme="ay"][data-theme] .pcay-left__nav a {
    display: flex; align-items: center; gap: 10px;
    padding: 10px; border-radius: 10px;
    text-decoration: none; color: #8A938D;
  }
  html[data-theme="ay"][data-theme] .pcay-left__nav a:hover { background: #F6F7F8; }
  html[data-theme="ay"][data-theme] .pcay-left__nav a.is-on { background: rgba(64, 194, 84, .09); }
  html[data-theme="ay"][data-theme] .pcay-left__nav b {
    font-size: 13px; font-weight: 700; color: #8A938D;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  html[data-theme="ay"][data-theme] .pcay-left__nav a.is-on b { color: #141C19; }
  html[data-theme="ay"][data-theme] .pcay-left__ic {
    width: 20px; height: 20px; flex: none; color: #8A938D;
    display: flex; align-items: center; justify-content: center;
  }
  html[data-theme="ay"][data-theme] .pcay-left__nav a.is-on .pcay-left__ic { color: #40C254; }
  html[data-theme="ay"][data-theme] .pcay-left__ic--yz { color: #40C254; }
  html[data-theme="ay"][data-theme] .pcay-left__bdg {
    margin-left: auto; min-width: 14px; height: 14px; padding: 0 3px;
    border-radius: 7px; background: #E5242B; color: #fff;
    font-size: 9px; font-style: normal; font-weight: 700; line-height: 14px; text-align: center;
  }
  html[data-theme="ay"][data-theme] .pcay-left__ln {
    padding: 12px 10px 6px;
    font-size: 11px; color: #C0C7C1; letter-spacing: .05em;
  }
  html[data-theme="ay"][data-theme] .pcay-left__more {
    margin-top: 14px; padding: 12px;
    background: #F6F7F8; border-radius: 10px;
    display: flex; flex-direction: column; gap: 3px;
  }
  html[data-theme="ay"][data-theme] .pcay-left__more b {
    font-size: 12px; font-weight: 800; color: #141C19; margin-bottom: 5px;
  }
  html[data-theme="ay"][data-theme] .pcay-left__more a {
    font-size: 11.5px; color: #8A938D; text-decoration: none; padding: 3px 0;
  }
  html[data-theme="ay"][data-theme] .pcay-left__more a:hover { color: #40C254; }
  html[data-theme="ay"][data-theme] .pcay-left__user {
    margin-top: auto; padding-top: 14px; border-top: 1px solid #EDF0EE;
  }
  html[data-theme="ay"][data-theme] .pcay-left__me {
    display: flex; align-items: center; gap: 9px;
    padding: 8px 6px; border-radius: 10px; text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .pcay-left__me:hover { background: #F6F7F8; }
  html[data-theme="ay"][data-theme] .pcay-left__me img,
  html[data-theme="ay"][data-theme] .pcay-left__avtxt {
    width: 32px; height: 32px; border-radius: 50%; flex: none;
    object-fit: cover; display: flex; align-items: center; justify-content: center;
    background: #E4F5E9; color: #2B7A43; font-size: 12px; font-weight: 800;
  }
  html[data-theme="ay"][data-theme] .pcay-left__who { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
  html[data-theme="ay"][data-theme] .pcay-left__who b {
    font-size: 12.5px; font-weight: 700; color: #141C19;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  html[data-theme="ay"][data-theme] .pcay-left__who i { font-size: 10.5px; font-style: normal; color: #8A938D; }
  html[data-theme="ay"][data-theme] .pcay-left__login {
    display: block; text-align: center; padding: 10px; border-radius: 9px;
    background: #40C254; color: #fff; font-size: 13px; font-weight: 700; text-decoration: none;
  }

  /* ==========================================================================
     4. 右栏（设计稿 .pc-right：288、卡片间隙 12）
     ========================================================================== */
  html[data-theme="ay"][data-theme] .pcay-right {
    display: flex; flex-direction: column; gap: 12px;
    position: sticky; top: 54px;
    max-height: calc(100vh - 54px);
    overflow-y: auto; overscroll-behavior: contain;
    padding: 16px 14px;
  }
  html[data-theme="ay"][data-theme] .pcay-panel {
    padding: 14px; border-radius: 12px;
    background: #fff; border: 1px solid #EDF0EE;
  }
  html[data-theme="ay"][data-theme] .pcay-panel h4 {
    display: flex; align-items: center; justify-content: space-between;
    margin: 0 0 10px; font-size: 13.5px; font-weight: 800; color: #141C19;
  }
  html[data-theme="ay"][data-theme] .pcay-panel h4 a {
    font-size: 11px; font-weight: 600; color: #8A938D; text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .pcay-panel h4 a:hover { color: #40C254; }
  html[data-theme="ay"][data-theme] .pcay-tags { display: flex; flex-wrap: wrap; gap: 6px; }
  html[data-theme="ay"][data-theme] .pcay-tags a {
    padding: 5px 10px; border-radius: 99px;
    background: #F6F7F8; border: 1px solid #EDF0EE;
    font-size: 11px; font-weight: 600; color: #141C19; text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .pcay-tags a:hover { border-color: #40C254; color: #2B7A43; }

  html[data-theme="ay"][data-theme] .pcay-act {
    display: flex; align-items: center; gap: 9px;
    padding: 8px 0; border-bottom: 1px solid #EDF0EE;
    text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .pcay-act:last-child { border-bottom: 0; }
  html[data-theme="ay"][data-theme] .pcay-act__im {
    position: relative; width: 46px; height: 46px; flex: none;
    border-radius: 9px; background: #F3F5F4 center/cover no-repeat;
  }
  html[data-theme="ay"][data-theme] .pcay-act__im i {
    position: absolute; left: 0; bottom: 0;
    padding: 1px 4px; border-top-right-radius: 5px;
    background: rgba(20, 28, 25, .72); color: #fff;
    font-size: 8.5px; font-style: normal; font-weight: 700;
  }
  html[data-theme="ay"][data-theme] .pcay-act__b { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  html[data-theme="ay"][data-theme] .pcay-act__b b {
    font-size: 12px; font-weight: 700; line-height: 1.35; color: #141C19;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  html[data-theme="ay"][data-theme] .pcay-act__b em { font-size: 10px; font-style: normal; color: #8A938D; }
  html[data-theme="ay"][data-theme] .pcay-act__go {
    flex: none; padding: 5px 11px; border-radius: 7px;
    background: #40C254; color: #fff; font-size: 11px; font-weight: 700;
  }

  html[data-theme="ay"][data-theme] .pcay-agent {
    display: flex; align-items: center; gap: 10px;
    padding: 13px; border-radius: 12px;
    background: #fff; border: 1px solid #EDF0EE; text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .pcay-agent__ph {
    width: 42px; height: 42px; flex: none; border-radius: 50%;
    background: #40C254; display: flex; align-items: center; justify-content: center;
  }
  html[data-theme="ay"][data-theme] .pcay-agent__b { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  html[data-theme="ay"][data-theme] .pcay-agent__b b { font-size: 13px; font-weight: 800; color: #141C19; }
  html[data-theme="ay"][data-theme] .pcay-agent__b em { font-size: 10.5px; font-style: normal; font-weight: 600; color: #40C254; }
  html[data-theme="ay"][data-theme] .pcay-agent__go {
    flex: none; padding: 6px 12px; border-radius: 7px;
    background: #40C254; color: #fff; font-size: 11px; font-weight: 700;
  }

  html[data-theme="ay"][data-theme] .pcay-rec { font-size: 11.5px; line-height: 1.7; color: #8A938D; }
  html[data-theme="ay"][data-theme] .pcay-rec__btns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
  html[data-theme="ay"][data-theme] .pcay-rec__btns a {
    padding: 4px 10px; border-radius: 6px;
    font-size: 10px; font-weight: 700; text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .pcay-rec__b1 { background: #40C254; color: #fff; }
  html[data-theme="ay"][data-theme] .pcay-rec__b2 { background: #F6F7F8; border: 1px solid #EDF0EE; color: #141C19; }

  /* ==========================================================================
     5. 主栏：hero + 分组 tab（设计稿 .pc-hero / .pc-cats）
     ========================================================================== */
  html[data-theme="ay"][data-theme] .yq-app--pcay .yq-main {
    max-width: none; margin: 0;
    padding: 16px 18px 24px;
    min-height: calc(100vh - 54px);
  }
  html[data-theme="ay"][data-theme] .hm-home { background: transparent; }
  html[data-theme="ay"][data-theme] .pcay-mh { display: block; }
  html[data-theme="ay"][data-theme] .pcay-hero {
    display: flex; gap: 14px;
    margin-bottom: 14px; border-radius: 14px; overflow: hidden;
    background: #fff; border: 1px solid #EDF0EE; text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .pcay-hero__im {
    position: relative; width: 300px; height: 148px; flex: none;
    background: #F3F5F4 center/cover no-repeat;
  }
  html[data-theme="ay"][data-theme] .pcay-hero__badge {
    position: absolute; left: 9px; top: 9px;
    padding: 4px 8px; border-radius: 6px;
    background: rgba(20, 28, 25, .68); color: #fff;
    font-size: 10.5px; font-weight: 600;
  }
  html[data-theme="ay"][data-theme] .pcay-hero__badge b { color: #40C254; font-weight: 800; }
  html[data-theme="ay"][data-theme] .pcay-hero__im img {
    width: 100%; height: 100%; object-fit: cover; display: block;
  }
  html[data-theme="ay"][data-theme] .pcay-hero__im.is-ph { background: #F3F5F4; }
  html[data-theme="ay"][data-theme] .pcay-hero__ph {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: 46px; height: 46px; color: #C0C7C1;
  }
  html[data-theme="ay"][data-theme] .pcay-hero__bd {
    flex: 1 1 auto; min-width: 0;
    padding: 14px 16px 14px 0;
    display: flex; flex-direction: column; justify-content: center;
  }
  html[data-theme="ay"][data-theme] .pcay-hero__t {
    font-size: 19px; font-weight: 800; line-height: 1.35; color: #141C19;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  html[data-theme="ay"][data-theme] .pcay-hero__s {
    margin-top: 6px; font-size: 12.5px; color: #8A938D;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  html[data-theme="ay"][data-theme] .pcay-hero__row {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 13px;
  }
  html[data-theme="ay"][data-theme] .pcay-hero__joins { font-size: 12.5px; font-weight: 700; color: #E86F3C; }
  html[data-theme="ay"][data-theme] .pcay-hero__go {
    padding: 8px 18px; border-radius: 8px;
    background: #40C254; color: #fff; font-size: 13px; font-weight: 700;
  }
  html[data-theme="ay"][data-theme] .pcay-cats {
    display: flex; align-items: center; gap: 16px;
    padding: 2px 0 12px;
  }
  html[data-theme="ay"][data-theme] .pcay-cats b,
  html[data-theme="ay"][data-theme] .pcay-cats > span {
    position: relative; padding: 6px 0; cursor: pointer;
    font-size: 14.5px; font-weight: 600; color: #8A938D;
  }
  html[data-theme="ay"][data-theme] .pcay-cats b.on { font-weight: 800; color: #141C19; }
  html[data-theme="ay"][data-theme] .pcay-cats b.on::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: -2px;
    height: 2.5px; border-radius: 2px; background: #40C254;
  }
  html[data-theme="ay"][data-theme] .pcay-cats__more {
    margin-left: auto; font-size: 12px; color: #8A938D; text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .pcay-cats__more:hover { color: #40C254; }

  /* ==========================================================================
     6. 图文流：手机端 2 列 → PC 3 列（设计稿 .pc-masonry：卡片 150 封面 + 2 行标题）
     ay.css 在 PC 上把 .ay-hm__fm 设成 display:none!important（opt 系新增块兜底），
     这里用双属性选择器 + !important 放回来。
     ========================================================================== */
  html[data-theme="ay"][data-theme] .ay-hm__fm {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 0 0 8px;
    align-items: start;
  }
  html[data-theme="ay"][data-theme] .ay-hm__c {
    border-radius: 12px;
    border: 1px solid #EDF0EE;
    background: #fff;
  }
  html[data-theme="ay"][data-theme] .ay-hm__im {
    aspect-ratio: auto;
    height: 150px;
  }
  html[data-theme="ay"][data-theme] .ay-hm__b { padding: 10px 11px 12px; }
  html[data-theme="ay"][data-theme] .ay-hm__t {
    height: auto;
    font-size: 13.5px; font-weight: 700; line-height: 1.45;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  html[data-theme="ay"][data-theme] .ay-hm__au { margin-top: 9px; font-size: 11.5px; }
  html[data-theme="ay"][data-theme] .ay-hm__au i { width: 17px; height: 17px; font-size: 9px; }
  html[data-theme="ay"][data-theme] .ay-hm__txt { padding: 12px 12px 14px; }
  html[data-theme="ay"][data-theme] .ay-hm__h4 { font-size: 14px; font-weight: 700; }
  html[data-theme="ay"][data-theme] .ay-hm__p { font-size: 11.5px; }

  /* 手机端专用块（页内搜索、吸顶条、速达宫格、区块大标题、底栏页脚）在 PC 上不出现 */
  html[data-theme="ay"][data-theme] .yq-qsearch,
  html[data-theme="ay"][data-theme] .op-sticky,
  html[data-theme="ay"][data-theme] .op-srch2,
  html[data-theme="ay"][data-theme] .op-sh,
  html[data-theme="ay"][data-theme] .f-hide-mobile,
  html[data-theme="ay"][data-theme] .welfare-bar,
  html[data-theme="ay"][data-theme] .yq-ft { display: none !important; }

  /* 「活动 / 搭子」分组的卡片在宽屏下收成正常阅读宽度 */
  html[data-theme="ay"][data-theme] .ay-ha,
  html[data-theme="ay"][data-theme] .ay-hd { max-width: 760px; }
}

/* 1024–1279：右栏会挤压主栏 → 收掉右栏（导航与内容都不缺） */
@media (min-width: 1024px) and (max-width: 1279.98px) {
  html[data-theme="ay"][data-theme] .yq-app--pcay .pcay-body { grid-template-columns: 224px minmax(0, 1fr); }
  html[data-theme="ay"][data-theme] .pcay-right { display: none; }
}

/* ≥1440：三栏都在，正文列再宽一点（设计稿 1280 是下限，不是上限） */
@media (min-width: 1440px) {
  html[data-theme="ay"][data-theme] .ay-hm__fm { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}


/* ==========================================================================
   7. 活动 / 消息 / 我的：桌面宽度下的版式
   --------------------------------------------------------------------------
   这三页在 ay 皮肤里是「手机版 DOM + 手机版样式」——ay.css 整份裹在
   max-width:1023.98px 里，PC 上 DOM 在、样式全不生效，等于裸奔（字挤成一团、
   svg 撑成 300×150）。这里把 ay.css 中 .ay-ev / .ay-msg / .ay-me-* 那批规则
   原样搬进 ≥1024px 断点（7.1 节，机械复制，改设计请改 ay.css 后重新搬），
   再补一层桌面宽度适配（7.2 节）。
   ★ 不重写：重写 = 同一套设计维护两份，手机端改一次这里必忘一次。
   ========================================================================== */
@media (min-width: 1024px) {

  /* ---- 7.1 手机版规则原样搬入 ---- */
html[data-theme="ay"][data-theme] .ay-msg { padding-top: 2px; }
  html[data-theme="ay"][data-theme] .ay-msg__cats {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 6px 16px 10px;
    background: transparent;
  }
  html[data-theme="ay"][data-theme] .ay-msg__cat {
    position: relative;
    flex: none;
    border: 0;
    background: transparent;
    padding: 6px 0 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--lb-ink3, #7C877F);
    -webkit-tap-highlight-color: transparent;
  }
  html[data-theme="ay"][data-theme] .ay-msg__cat i {
    font-style: normal;
    font-size: 10px;
    font-weight: 800;
    color: #fff;
    background: #E5484D;
    border-radius: 999px;
    padding: 1px 5px;
    margin-left: 4px;
    vertical-align: 2px;
  }
  html[data-theme="ay"][data-theme] .ay-msg__cat.is-on { color: var(--lb-ink, #141C19); font-weight: 800; }
  html[data-theme="ay"][data-theme] .ay-msg__cat.is-on::after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -9px;
    bottom: 0;
    width: 18px;
    height: 2.5px;
    border-radius: 2px;
    background: #40C254;
  }
  html[data-theme="ay"][data-theme] .ay-msg__mag {
    margin-left: auto;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--lb-ink2, #5C6A63);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  html[data-theme="ay"][data-theme] .ay-msg__mag.is-on { background: var(--lb-soft, #F3F5F4); color: var(--lb-ink, #141C19); }
  html[data-theme="ay"][data-theme] .ay-msg__sbox { padding: 0 14px 8px; }
  html[data-theme="ay"][data-theme] .ay-msg__sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 4px 16px 2px;
    padding: 12px 0 6px;
    font-size: 14px;
    font-weight: 800;
    color: var(--lb-ink, #141C19);
  }
  html[data-theme="ay"][data-theme] .ay-msg__sec-more { font-size: 11px; font-weight: 500; color: var(--lb-ink3, #8A938D); }
  html[data-theme="ay"][data-theme] .ay-msg__row {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 16px;
    padding: 11px 0;
    border-bottom: 1px solid var(--lb-line, #EDF0EE);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  html[data-theme="ay"][data-theme] .ay-msg__row:active { opacity: .72; }
  html[data-theme="ay"][data-theme] .ay-msg__ava {
    position: relative;
    flex: none;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--lb-soft, #F3F5F4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lb-ink, #141C19);
    font-size: 16px;
    font-weight: 800;
  }
  html[data-theme="ay"][data-theme] .ay-msg__ava img { width: 100%; height: 100%; object-fit: cover; display: block; }
  html[data-theme="ay"][data-theme] .ay-msg__ava--grp { border-radius: 12px; background: linear-gradient(135deg, #2E8B46, #40C254); }
  html[data-theme="ay"][data-theme] .ay-msg__ava--add { color: var(--lb-ink3, #8A938D); }
  html[data-theme="ay"][data-theme] .ay-msg__gico { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
  html[data-theme="ay"][data-theme] .ay-msg__ini { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #fff; }
  html[data-theme="ay"][data-theme] .ay-msg__c { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  html[data-theme="ay"][data-theme] .ay-msg__top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
  html[data-theme="ay"][data-theme] .ay-msg__top b {
    min-width: 0;
    font-size: 13.5px;
    font-weight: 800;
    color: var(--lb-ink, #141C19);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html[data-theme="ay"][data-theme] .ay-msg__cnt {
    font-style: normal;
    font-size: 9px;
    font-weight: 700;
    color: var(--lb-ink3, #8A938D);
    background: var(--lb-soft, #F3F5F4);
    border-radius: 4px;
    padding: 1px 4px;
    margin-left: 5px;
    vertical-align: 1px;
  }
  html[data-theme="ay"][data-theme] .ay-msg__tm { flex: none; font-size: 11px; color: var(--lb-ink3, #8A938D); }
  html[data-theme="ay"][data-theme] .ay-msg__last {
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--lb-ink2, #5C6A63);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  html[data-theme="ay"][data-theme] .ay-msg__n {
    flex: none;
    font-style: normal;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: #E5484D;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  html[data-theme="ay"][data-theme] .ay-msg__add {
    display: flex;
    align-items: center;
    gap: 11px;
    width: calc(100% - 32px);
    margin: 0 16px;
    padding: 11px 0;
    border: 0;
    background: transparent;
    text-align: left;
  }
  html[data-theme="ay"][data-theme] .ay-msg__add-t { font-size: 13.5px; font-weight: 700; color: var(--lb-ink2, #5C6A63); }
  html[data-theme="ay"][data-theme] .ay-msg__empty {
    margin: 8px 16px;
    padding: 32px 0;
    text-align: center;
    font-size: 12.5px;
    color: var(--lb-ink3, #8A938D);
  }
  html[data-theme="ay"][data-theme] .ay-me-card {
    margin: 10px 14px 0;
    background: #fff;
    border: 1px solid var(--lb-line, #EDF0EE);
    border-radius: 14px;
    padding: 16px;
  }
  html[data-theme="ay"][data-theme] .ay-me-card__top { display: flex; align-items: center; gap: 13px; }
  html[data-theme="ay"][data-theme] .ay-me-card__ava {
    flex: none;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #40C254;
    padding: 2px;
    background: #fff;
    box-sizing: border-box;
  }
  html[data-theme="ay"][data-theme] .ay-me-card__ava img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
  html[data-theme="ay"][data-theme] .ay-me-card__ini {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%; border-radius: 50%; color: #fff; font-size: 20px; font-weight: 800;
  }
  html[data-theme="ay"][data-theme] .ay-me-card__main { flex: 1; min-width: 0; }
  html[data-theme="ay"][data-theme] .ay-me-card__nm { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
  html[data-theme="ay"][data-theme] .ay-me-card__nm b { font-size: 17px; font-weight: 800; color: var(--lb-ink, #141C19); }
  html[data-theme="ay"][data-theme] .ay-me-card__cert {
    font-style: normal;
    font-size: 10px;
    font-weight: 700;
    color: #2E8B46;
    border: 1px solid rgba(64,194,84,.5);
    background: rgba(64,194,84,.08);
    padding: 2px 7px;
    border-radius: 5px;
  }
  html[data-theme="ay"][data-theme] .ay-me-card__sub { font-size: 11px; color: var(--lb-ink3, #8A938D); margin-top: 4px; }
  html[data-theme="ay"][data-theme] .ay-me-card__score { font-size: 12px; font-weight: 800; color: #40C254; margin-top: 5px; }
  html[data-theme="ay"][data-theme] .ay-me-card__acts { display: flex; gap: 8px; margin-top: 9px; }
  html[data-theme="ay"][data-theme] .ay-me-card__btn {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    background: #40C254;
    padding: 5px 14px;
    border-radius: 7px;
    text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .ay-me-card__btn--ghost {
    color: var(--lb-ink, #141C19);
    background: var(--lb-soft, #F3F5F4);
    border: 1px solid var(--lb-line, #EDF0EE);
  }
  html[data-theme="ay"][data-theme] .ay-me-card__nums {
    display: flex;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid var(--lb-line, #EDF0EE);
  }
  html[data-theme="ay"][data-theme] .ay-me-card__nums a { flex: 1; text-align: center; text-decoration: none; }
  html[data-theme="ay"][data-theme] .ay-me-card__nums b { display: block; font-size: 16px; font-weight: 800; color: var(--lb-ink, #141C19); }
  html[data-theme="ay"][data-theme] .ay-me-card__nums span { display: block; font-size: 10.5px; color: var(--lb-ink3, #8A938D); margin-top: 2px; }
  html[data-theme="ay"][data-theme] .ay-me-sign { margin: 10px 14px 0; }
  html[data-theme="ay"][data-theme] .ay-me-sign > * {
    margin: 0 !important;
    background: #fff;
    border: 1px solid var(--lb-line, #EDF0EE);
    border-radius: 14px;
  }
  html[data-theme="ay"][data-theme] .ay-me-stat {
    display: flex;
    margin: 10px 14px 0;
    background: #fff;
    border: 1px solid var(--lb-line, #EDF0EE);
    border-radius: 14px;
    padding: 12px 0;
  }
  html[data-theme="ay"][data-theme] .ay-me-stat a { flex: 1; text-align: center; text-decoration: none; position: relative; }
  html[data-theme="ay"][data-theme] .ay-me-stat a + a::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    width: 1px; height: 26px;
    margin-top: -13px;
    background: var(--lb-line, #EDF0EE);
  }
  html[data-theme="ay"][data-theme] .ay-me-stat b { display: block; font-size: 15px; font-weight: 800; color: var(--lb-ink, #141C19); }
  html[data-theme="ay"][data-theme] .ay-me-stat span { display: block; font-size: 10px; color: var(--lb-ink3, #8A938D); margin-top: 2px; }
  html[data-theme="ay"][data-theme] .ay-me-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    margin: 10px 14px 0;
    padding: 6px 4px;
    background: #fff;
    border: 1px solid var(--lb-line, #EDF0EE);
    border-radius: 14px;
  }
  html[data-theme="ay"][data-theme] .ay-me-grid a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    padding: 12px 4px;
    text-decoration: none;
    border-radius: 10px;
    -webkit-tap-highlight-color: transparent;
  }
  html[data-theme="ay"][data-theme] .ay-me-grid a:active { background: var(--lb-soft, #F3F5F4); }
  html[data-theme="ay"][data-theme] .ay-me-grid span { font-size: 11px; color: var(--lb-ink, #141C19); }
  html[data-theme="ay"][data-theme] .ay-me-grid .g {
    display: flex; align-items: center; justify-content: center;
    width: 38px; height: 38px;
    border-radius: 11px;
    background: var(--lb-soft, #F3F5F4);
    color: var(--lb-ink, #141C19);
  }
  html[data-theme="ay"][data-theme] .ay-me-grid .g svg { width: 18px; height: 18px; }
  html[data-theme="ay"][data-theme] .ay-me-grid .g--green { background: rgba(64,194,84,.1); color: #2E8B46; }
  html[data-theme="ay"][data-theme] .ay-me-grid .g--orange { background: rgba(232,111,60,.1); color: #E86F3C; }
  html[data-theme="ay"][data-theme] .ay-me-grid .g--solid { background: #40C254; color: #fff; }
  html[data-theme="ay"][data-theme] .ay-me-grid .g--gold { background: linear-gradient(180deg,#FBEED8,#F6DEA8); color: #B8862B; }
  html[data-theme="ay"][data-theme] .ay-me-grid .g--purple { background: linear-gradient(180deg,#EFE9FB,#DDD2F5); color: #6B4FA8; }
  html[data-theme="ay"][data-theme] .ay-me-ach {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 10px 14px 0;
    padding: 13px 14px;
    background: #fff;
    border: 1px solid var(--lb-line, #EDF0EE);
    border-radius: 14px;
    text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .ay-me-ach__l { min-width: 0; }
  html[data-theme="ay"][data-theme] .ay-me-ach__l b { display: block; font-size: 13.5px; font-weight: 800; color: var(--lb-ink, #141C19); }
  html[data-theme="ay"][data-theme] .ay-me-ach__l span { display: block; font-size: 10.5px; color: var(--lb-ink3, #8A938D); margin-top: 3px; }
  html[data-theme="ay"][data-theme] .ay-me-ach__r { flex: none; display: flex; align-items: center; gap: 2px; font-size: 11px; color: var(--lb-ink2, #5C6A63); }
  html[data-theme="ay"][data-theme] .ay-me-sec {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 12px 16px 6px;
  }
  html[data-theme="ay"][data-theme] .ay-me-sec b { font-size: 13.5px; font-weight: 800; color: var(--lb-ink, #141C19); }
  html[data-theme="ay"][data-theme] .ay-me-sec a { display: flex; align-items: center; gap: 2px; font-size: 10.5px; color: var(--lb-ink3, #8A938D); text-decoration: none; }
  html[data-theme="ay"][data-theme] .ay-me-works {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin: 0 14px;
  }
  html[data-theme="ay"][data-theme] .ay-me-works a {
    display: block;
    background: #fff;
    border: 1px solid var(--lb-line, #EDF0EE);
    border-radius: 9px;
    overflow: hidden;
    text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .ay-me-works__im {
    display: flex; align-items: center; justify-content: center;
    height: 64px;
    background: var(--lb-soft, #F3F5F4);
    color: var(--lb-ink3, #8A938D);
  }
  html[data-theme="ay"][data-theme] .ay-me-works__im img { width: 100%; height: 100%; object-fit: cover; display: block; }
  html[data-theme="ay"][data-theme] .ay-me-works__t {
    display: block;
    padding: 6px 7px;
    font-size: 10px;
    color: var(--lb-ink2, #5C6A63);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html[data-theme="ay"][data-theme] .ay-me-more {
    margin: 0 14px 6px;
    padding: 4px 14px;
    background: #fff;
    border: 1px solid var(--lb-line, #EDF0EE);
    border-radius: 14px;
  }
  html[data-theme="ay"][data-theme] .ay-me-more a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 0;
    font-size: 13.5px;
    color: var(--lb-ink, #141C19);
    text-decoration: none;
    border-bottom: 1px solid var(--lb-line, #EDF0EE);
  }
  html[data-theme="ay"][data-theme] .ay-me-more a:last-child { border-bottom: 0; }
  html[data-theme="ay"][data-theme] .ay-me-more a svg { color: var(--lb-ink3, #8A938D); }
  html[data-theme="ay"][data-theme] .ay-me-out {
    display: block;
    margin: 20px 14px 0;
    text-align: center;
    font-size: 13px;
    color: #E5484D;
    text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .ay-me-pad { height: calc(var(--tb-h, 58px) + 24px); }
  html[data-theme="ay"][data-theme] .ay-ev { padding-top: 4px; }
  html[data-theme="ay"][data-theme] .ay-ev__srch {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    margin: 8px 14px 6px;
    padding: 0 13px;
    background: var(--lb-soft, #F3F5F4);
    border: 1px solid var(--lb-line, #EDF0EE);
    border-radius: 99px;
    color: #9AA49E;
  }
  html[data-theme="ay"][data-theme] .ay-ev__srch svg { flex: none; }
  html[data-theme="ay"][data-theme] .ay-ev__srch input[type="search"] {
    flex: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    outline: none;
    font-size: 13px;
    color: var(--lb-ink, #141C19);
  }
  html[data-theme="ay"][data-theme] .ay-ev__srch input[type="search"]::-webkit-search-cancel-button { display: none; }
  html[data-theme="ay"][data-theme] .ay-ev__clr { flex: none; font-size: 18px; line-height: 1; color: #9AA49E; text-decoration: none; padding: 0 2px; }
  html[data-theme="ay"][data-theme] .ay-ev-hero {
    position: relative;
    display: block;
    height: 190px;
    margin: 8px 14px 0;
    border-radius: 14px;
    overflow: hidden;
    background: #E8EFEA;
    text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .ay-ev-hero__im { position: absolute; inset: 0; }
  html[data-theme="ay"][data-theme] .ay-ev-hero__im img { width: 100%; height: 100%; object-fit: cover; display: block; }
  html[data-theme="ay"][data-theme] .ay-ev-hero__ph {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
    width: 100%; height: 100%;
    color: #9DB3A6;
    font-size: 11px;
    font-style: normal;
  }
  html[data-theme="ay"][data-theme] .ay-ev-hero__mask {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.14) 45%, rgba(0,0,0,.74) 100%);
  }
  html[data-theme="ay"][data-theme] .ay-ev-hero__badge {
    position: absolute;
    left: 12px;
    top: 12px;
    padding: 3px 8px;
    border-radius: 5px;
    background: rgba(255,255,255,.95);
    color: #141C19;
    font-size: 10px;
    font-weight: 700;
  }
  html[data-theme="ay"][data-theme] .ay-ev-hero__c {
    position: absolute;
    left: 12px;
    right: 86px;
    bottom: 12px;
    color: #fff;
  }
  html[data-theme="ay"][data-theme] .ay-ev-hero__c b {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.35;
    text-shadow: 0 1px 6px rgba(0,0,0,.35);
  }
  html[data-theme="ay"][data-theme] .ay-ev-hero__c span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 4px;
    font-size: 10.5px;
    line-height: 1.5;
    opacity: .88;
  }
  html[data-theme="ay"][data-theme] .ay-ev-hero__go {
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 7px 13px;
    border-radius: 999px;
    background: #fff;
    color: #141C19;
    font-size: 11px;
    font-weight: 800;
  }
  html[data-theme="ay"][data-theme] .ay-ev__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 10px 14px 2px;
  }
  html[data-theme="ay"][data-theme] .ay-ev__chips { display: flex; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  html[data-theme="ay"][data-theme] .ay-ev__chip {
    flex: none;
    height: 32px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid var(--lb-line, #E7EBE8);
    background: #fff;
    color: var(--lb-ink2, #5C6A63);
    font-size: 13px;
    font-weight: 600;
    -webkit-tap-highlight-color: transparent;
  }
  html[data-theme="ay"][data-theme] .ay-ev__chip.is-on {
    background: #40C254;
    border-color: #40C254;
    color: #fff;
    font-weight: 800;
  }
  html[data-theme="ay"][data-theme] .ay-ev__cnt { flex: none; font-size: 11px; color: var(--lb-ink3, #8A938D); }
  html[data-theme="ay"][data-theme] .ay-ev__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px 14px 4px;
  }
  html[data-theme="ay"][data-theme] .ay-ev-card {
    display: block;
    background: #fff;
    border: 1px solid var(--lb-line, #EDF0EE);
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  html[data-theme="ay"][data-theme] .ay-ev-card:active { opacity: .92; }
  html[data-theme="ay"][data-theme] .ay-ev-card__im {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    background: #E8EFEA;
  }
  html[data-theme="ay"][data-theme] .ay-ev-card__im img { width: 100%; height: 100%; object-fit: cover; display: block; }
  html[data-theme="ay"][data-theme] .ay-ev-card__ph {
    position: absolute; inset: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
    color: #A8B8AE;
    font-size: 11px;
    font-style: normal;
  }
  html[data-theme="ay"][data-theme] .ay-ev-card__fl { position: absolute; left: 10px; top: 10px; display: flex; gap: 4px; }
  html[data-theme="ay"][data-theme] .ay-ev-card__fl i {
    font-style: normal;
    padding: 4px 9px;
    border-radius: 5px;
    background: #1F8A5F;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
  }
  html[data-theme="ay"][data-theme] .ay-ev-card__fl i.free { background: #EE7A1F; }
  html[data-theme="ay"][data-theme] .ay-ev-card__when {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-shadow: 0 1px 4px rgba(0,0,0,.45);
  }
  html[data-theme="ay"][data-theme] .ay-ev-card__b { display: block; padding: 12px 14px 14px; }
  html[data-theme="ay"][data-theme] .ay-ev-card__t {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    color: var(--lb-ink, #141C19);
  }
  html[data-theme="ay"][data-theme] .ay-ev-card__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; }
  html[data-theme="ay"][data-theme] .ay-ev-card__org {
    display: flex; align-items: center; gap: 5px;
    min-width: 0;
    font-size: 11.5px;
    color: var(--lb-ink2, #5C6A63);
  }
  html[data-theme="ay"][data-theme] .ay-ev-card__org i {
    flex: none;
    display: flex; align-items: center; justify-content: center;
    width: 17px; height: 17px;
    border-radius: 50%;
    background: #E1F0E5;
    color: #2E8B46;
    font-size: 9px;
    font-weight: 800;
    font-style: normal;
  }
  html[data-theme="ay"][data-theme] .ay-ev-card__join { flex: none; font-size: 12px; font-weight: 700; color: #E86F3C; }
  html[data-theme="ay"][data-theme] .ay-ev-card__ft { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
  html[data-theme="ay"][data-theme] .ay-ev-card__tag {
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--lb-soft, #F3F5F4);
    color: var(--lb-ink3, #8A938D);
    font-size: 10.5px;
  }
  html[data-theme="ay"][data-theme] .ay-ev-card__price { font-size: 13px; font-weight: 800; color: var(--lb-ink, #141C19); }
  html[data-theme="ay"][data-theme] .ay-ev-card__go {
    margin-left: auto;
    padding: 7px 16px;
    border-radius: 8px;
    background: #40C254;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
  }
  html[data-theme="ay"][data-theme] .ay-ev-card__go.is-off { background: #EDEEEC; color: #9AA49E; }
  html[data-theme="ay"][data-theme] .ay-ev__empty { margin: 48px 24px; text-align: center; }
  html[data-theme="ay"][data-theme] .ay-ev__empty b { display: block; font-size: 14px; font-weight: 700; color: #54635E; }
  html[data-theme="ay"][data-theme] .ay-ev__empty span { display: block; margin-top: 8px; font-size: 12px; line-height: 1.7; color: #9AA49E; }
  html[data-theme="ay"][data-theme] .ay-ev__empty a {
    display: inline-block;
    margin-top: 16px;
    padding: 9px 22px;
    border-radius: 10px;
    background: #40C254;
    color: #fff;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .ay-ev__pad { height: calc(var(--tb-h, 58px) + 20px); }
  html[data-theme="ay"][data-theme] .ay-ev-card__when.is-plain {
    color: var(--lb-ink2, #5C6A63);
    text-shadow: none;
  }
  html[data-theme="ay"][data-theme] .ay-me-sign .sg2 {
    padding: 14px;
  }
  html[data-theme="ay"][data-theme] .ay-me-sign .sg2__cal {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    gap: 6px !important;
  }
  html[data-theme="ay"][data-theme] .ay-me-sign .sg2__cal .sg2__d:nth-child(n + 8) { display: none !important; }
  html[data-theme="ay"][data-theme] .ay-me-sign .sg2__d {
    aspect-ratio: 1.5;
    border-radius: 8px;
  }
  html[data-theme="ay"][data-theme] .ay-evd-hd { margin: 0 0 2px; }
  html[data-theme="ay"][data-theme] .ay-evd-hd__im {
    position: relative;
    height: 230px;
    background: #E8EFEA;
    overflow: hidden;
  }
  html[data-theme="ay"][data-theme] .ay-evd-hd__im img { width: 100%; height: 100%; object-fit: cover; display: block; }
  html[data-theme="ay"][data-theme] .ay-evd-hd__ph {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 100%;
    color: #9DB3A6;
    font-size: 11.5px;
  }
  html[data-theme="ay"][data-theme] .ay-evd-hd__mask {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.16) 42%, rgba(0,0,0,.76) 100%);
  }
  html[data-theme="ay"][data-theme] .ay-evd-hd__c {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 14px;
    color: #fff;
  }
  html[data-theme="ay"][data-theme] .ay-evd-hd__tags { display: flex; gap: 6px; margin-bottom: 8px; }
  html[data-theme="ay"][data-theme] .ay-evd-hd__tags i {
    font-style: normal;
    padding: 3px 9px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    background: #1F8A5F;
    color: #fff;
  }
  html[data-theme="ay"][data-theme] .ay-evd-hd__tags i.free { background: #EE7A1F; }
  html[data-theme="ay"][data-theme] .ay-evd-hd__tags i.quota { background: rgba(255,255,255,.92); color: #141C19; }
  html[data-theme="ay"][data-theme] .ay-evd-hd__c b {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
    text-shadow: 0 1px 6px rgba(0,0,0,.35);
  }
  html[data-theme="ay"][data-theme] .ay-evd-hd__sub {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    opacity: .9;
    text-shadow: 0 1px 4px rgba(0,0,0,.3);
  }
  html[data-theme="ay"][data-theme] .ay-me-sign .sg2__d {
    background: #F6F7F8;
    border-color: #EDF0EE;
    border-radius: 8px;
  }
  html[data-theme="ay"][data-theme] .ay-me-sign .sg2__d.is-today { border-color: #40C254; }
  /* ---- 7.2 桌面宽度适配（只动容器与字号，不改配色） ---- */
  /* 正文列收窄：一行 900px 已是这类列表的阅读上限 */
  html[data-theme="ay"][data-theme] .yq-app--pcay .yq-main--narrow { max-width: 900px; margin: 0 auto; width: 100%; }

  /* 活动页：卡片两列（设计稿 .ev-acts 是单列 640，PC 两列利用率更好且不散） */
  html[data-theme="ay"][data-theme] .ay-ev__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 12px 0 4px;
  }
  html[data-theme="ay"][data-theme] .ay-ev-card__im { aspect-ratio: 16 / 10; }
  html[data-theme="ay"][data-theme] .ay-ev-hero__im { aspect-ratio: 21 / 9; }
  html[data-theme="ay"][data-theme] .ay-ev__srch { margin: 0 0 10px; }
  html[data-theme="ay"][data-theme] .ay-ev__bar { padding-left: 0; padding-right: 0; }
  html[data-theme="ay"][data-theme] .ay-ev-hero { margin: 0 0 12px; }
  html[data-theme="ay"][data-theme] .ay-ev-card__t { font-size: 14px; }

  /* 消息页：行铺满阅读列，去掉手机端的左右 16px 边距（外层已有 padding） */
  html[data-theme="ay"][data-theme] .ay-msg__row { margin: 0; padding: 14px 14px; border-radius: 10px; }
  html[data-theme="ay"][data-theme] .ay-msg__row:hover { background: #F6F7F8; }
  html[data-theme="ay"][data-theme] .ay-msg__cats { padding: 0 0 10px; }
  html[data-theme="ay"][data-theme] .ay-msg__sec { padding-left: 0; padding-right: 0; }
  html[data-theme="ay"][data-theme] .ay-msg__c b { font-size: 13.5px; }
  html[data-theme="ay"][data-theme] .ay-msg__c span { font-size: 11.5px; }

  /* 我的页：卡片吃满阅读列（手机端写的是 margin:10px 14px 0） */
  html[data-theme="ay"][data-theme] .ay-me-card,
  html[data-theme="ay"][data-theme] .ay-me-sign,
  html[data-theme="ay"][data-theme] .ay-me-stat,
  html[data-theme="ay"][data-theme] .ay-me-grid { margin-left: 0; margin-right: 0; }
  html[data-theme="ay"][data-theme] .ay-me-card__nm { font-size: 18px; }
  html[data-theme="ay"][data-theme] .ay-me-stat b { font-size: 18px; }
  html[data-theme="ay"][data-theme] .ay-me-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html[data-theme="ay"][data-theme] .ay-me-grid span { font-size: 12px; }
}

/* ==========================================================================
   8. 广场 / 消息：桌面密度与卡片化（设计稿只给了首页，这两处按同一套语言对齐）
   ========================================================================== */
@media (min-width: 1024px) {
  /* 广场瀑布流：手机 2 列 → PC 3 列（与首页图文流同密度） */
  html[data-theme="ay"][data-theme] .ay-sq__masonry {
    column-count: 3;
    column-gap: 12px;
    padding: 4px 0 0;
  }
  html[data-theme="ay"][data-theme] .ay-sq__c { margin-bottom: 12px; }
  html[data-theme="ay"][data-theme] .ay-sq__t { font-size: 13.5px; }

  /* 消息：列表收进白卡（PC 上纯文字浮在浅灰底上没有边界，找不到「一块」） */
  html[data-theme="ay"][data-theme] .ay-msg {
    background: #fff;
    border: 1px solid #EDF0EE;
    border-radius: 14px;
    padding: 10px 14px 6px;
  }
}


/* ==========================================================================
   9. 20261025pc4 · P0：PC 上点「活动 / 搭子」主栏整块空白
   --------------------------------------------------------------------------
   ay.css §0（≥1024）把手机端新增块统一 `display:none!important`，
   名单里含 .ay-ha（活动组引导卡）/ .ay-hd（搭子组）/ .ay-hm__empty（空态）。
   pc1 只把 .ay-hm__fm 放回来了，这两个分组忘了 —— 现象就是：
   PC 首页点「活动」或「搭子」→ 顶栏和 hero 都在，主栏一片空白（DOM 在、看不见）。
   修法同 §7：容器放回来 + 令牌 + 手机规则机械搬进 PC 断点（脚本抽取，
   改设计请改 ay.css 后重新搬），再补桌面宽度适配。
   ========================================================================== */
@media (min-width: 1024px) {

  /* ay.css 的 --lb-* 令牌只在手机断点里定义，PC 上没有 → 搬过来的规则会掉成黑字 */
  html[data-theme="ay"][data-theme] .hm-home {
    --lb-ink: #141C19;
    --lb-ink2: #3D4641;
    --lb-ink3: #8A938D;
    --lb-ink4: #AEB6B0;
    --lb-line: #EDF0EE;
    --lb-line2: #F2F5F3;
    --lb-soft: #F6F7F8;
    --lb-g600: #15803D;
    --lb-g500: #40C254;
    --lb-g100: #DFF5E4;
    --lb-g50: #F1FAF3;
    --lb-a700: #C85A28;
    --lb-a600: #E86F3C;
    --lb-a100: #FCEBDF;
    --lb-a50: #FEF6F0;
    --lb-danger: #E5242B;
    --lb-r: 16px;
    --lb-r3: 12px;
    --lb-r4: 8px;
    --lb-sh: 0 1px 2px rgba(31,42,36,.05);
  }

  /* 三个容器放回来（0,4,1 压倒 ay.css §0 的 0,2,1） */
  html[data-theme="ay"][data-theme] .hm-home .ay-ha,
  html[data-theme="ay"][data-theme] .hm-home .ay-hd,
  html[data-theme="ay"][data-theme] .hm-home .ay-hm__empty { display: block !important; }

  /* ---- 9.1 手机版规则原样搬入 ---- */
html[data-theme="ay"][data-theme] .ay-ha { margin: 14px 0 0; }
  html[data-theme="ay"][data-theme] .ay-ha__card {
  margin: 0 14px; background: #fff; border: 1px solid var(--lb-line);
  border-radius: 14px; padding: 16px;
  }
  html[data-theme="ay"][data-theme] .ay-ha__t { font-size: 15px; font-weight: 800; color: var(--lb-ink); }
  html[data-theme="ay"][data-theme] .ay-ha__d {
  font-size: 11px; color: var(--lb-ink2); margin: 5px 0 0; line-height: 1.6;
  }
  html[data-theme="ay"][data-theme] .ay-ha__chips { display: flex; gap: 6px; margin-top: 12px; }
  html[data-theme="ay"][data-theme] .ay-ha__chip {
  display: inline-flex; align-items: center; min-height: 32px;
  font-size: 10.5px; color: var(--lb-ink2); border: 1px solid var(--lb-line);
  border-radius: 99px; padding: 5px 12px; text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .ay-ha__go {
  display: flex; align-items: center; justify-content: center; min-height: 44px;
  margin-top: 13px; background: var(--lb-g500); color: #fff;
  border-radius: 10px; font-size: 13px; font-weight: 800; text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .ay-hd { margin: 14px 0 0; }
  html[data-theme="ay"][data-theme] .ay-hd__link {
  display: flex; align-items: center; gap: 9px; margin: 0 14px;
  background: #fff; border: 1px solid var(--lb-line); border-radius: 13px; padding: 10px 13px;
  }
  html[data-theme="ay"][data-theme] .ay-hd__badge {
  width: 30px; height: 30px; border-radius: 9px; flex: none;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 12px; font-weight: 900; background: var(--lb-g500);
  }
  html[data-theme="ay"][data-theme] .ay-hd__badge--go { background: #3F7D5C; }
  html[data-theme="ay"][data-theme] .ay-hd__name { font-size: 11.5px; font-weight: 700; color: var(--lb-ink); flex: none; }
  html[data-theme="ay"][data-theme] .ay-hd__mid {
  flex: 1; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 4px;
  }
  html[data-theme="ay"][data-theme] .ay-hd__dot {
  width: 7px; height: 7px; border-radius: 50%; background: var(--lb-g500); flex: none;
  }
  html[data-theme="ay"][data-theme] .ay-hd__note {
  font-size: 9.5px; color: var(--lb-ink3);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  html[data-theme="ay"][data-theme] .ay-hd__sec {
  display: flex; align-items: center; justify-content: space-between; padding: 14px 14px 8px;
  }
  html[data-theme="ay"][data-theme] .ay-hd__sec h3 { font-size: 14.5px; font-weight: 800; color: var(--lb-ink); margin: 0; }
  html[data-theme="ay"][data-theme] .ay-hd__sec a { font-size: 11px; color: var(--lb-ink3); text-decoration: none; }
  html[data-theme="ay"][data-theme] .ay-hd__guide {
  display: flex; align-items: center; gap: 11px; margin: 0 14px;
  background: #fff; border: 1px solid var(--lb-line); border-radius: 13px; padding: 13px;
  text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .ay-hd__guide-i {
  width: 42px; height: 42px; border-radius: 11px; flex: none;
  display: flex; align-items: center; justify-content: center;
  background: var(--lb-g50); color: var(--lb-g600);
  }
  html[data-theme="ay"][data-theme] .ay-hd__guide-c { flex: 1; min-width: 0; }
  html[data-theme="ay"][data-theme] .ay-hd__guide-c b { display: block; font-size: 12.5px; font-weight: 750; color: var(--lb-ink); }
  html[data-theme="ay"][data-theme] .ay-hd__guide-c span {
  display: block; font-size: 10px; color: var(--lb-ink2); margin-top: 2px; line-height: 1.5;
  }
  html[data-theme="ay"][data-theme] .ay-hd__guide-go {
  flex: none; font-size: 11px; font-weight: 800; color: #fff;
  background: var(--lb-g500); border-radius: 8px; padding: 6px 13px; white-space: nowrap;
  }
  html[data-theme="ay"][data-theme] .ay-hd__box {
  margin: 0 14px; background: #fff; border: 1px solid var(--lb-line);
  border-radius: 13px; padding: 2px 13px;
  }
  html[data-theme="ay"][data-theme] .ay-hd__row {
  display: flex; align-items: center; gap: 10px; padding: 12px 0;
  border-bottom: 1px solid var(--lb-line); text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .ay-hd__row:last-child { border-bottom: none; }
  html[data-theme="ay"][data-theme] .ay-hd__av {
  width: 42px; height: 42px; border-radius: 11px; flex: none; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  background: var(--lb-g500); color: #fff; font-size: 14px; font-weight: 800;
  }
  html[data-theme="ay"][data-theme] .ay-hd__av img { width: 100%; height: 100%; object-fit: cover; display: block; }
  html[data-theme="ay"][data-theme] .ay-hd__row-b { flex: 1; min-width: 0; }
  html[data-theme="ay"][data-theme] .ay-hd__row-t { display: block; font-size: 12.5px; font-weight: 750; color: var(--lb-ink); }
  html[data-theme="ay"][data-theme] .ay-hd__row-l {
  display: block; font-size: 10.5px; color: var(--lb-ink2); margin-top: 3px; line-height: 1.5;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  html[data-theme="ay"][data-theme] .ay-hd__row-tag {
  flex: none; font-size: 9px; font-weight: 700; color: #3F7D5C;
  background: #F2F8F4; border: 1px solid #D5E6DB; border-radius: 99px; padding: 3px 8px;
  }
  html[data-theme="ay"][data-theme] .ay-hd__empty {
  margin: 0 14px; background: #fff; border: 1px solid var(--lb-line);
  border-radius: 13px; padding: 28px 18px; text-align: center;
  }
  html[data-theme="ay"][data-theme] .ay-hd__empty-t { font-size: 13px; font-weight: 750; color: var(--lb-ink2); }
  html[data-theme="ay"][data-theme] .ay-hd__empty-d { font-size: 11px; color: var(--lb-ink3); margin-top: 6px; line-height: 1.7; }
  html[data-theme="ay"][data-theme] .ay-hd__empty-go {
  display: inline-block; margin-top: 14px; background: var(--lb-g500); color: #fff;
  font-size: 12.5px; font-weight: 750; padding: 9px 20px; border-radius: 10px; text-decoration: none;
  }
  html[data-theme="ay"][data-theme] .ay-hd__cta {
  display: block; margin: 10px 14px 0; background: var(--lb-g500); color: #fff;
  border-radius: 12px; padding: 13px; text-align: center;
  font-size: 13.5px; font-weight: 800; text-decoration: none;
  }

  /* ---- 9.2 桌面宽度适配（只动容器与字号，不改配色） ---- */
  html[data-theme="ay"][data-theme] .hm-home .ay-ha,
  html[data-theme="ay"][data-theme] .hm-home .ay-hd { max-width: 760px; margin: 0; }

  /* 手机版里这些卡都带 14px 左右外边距（贴屏幕边），PC 上外层已有留白 → 归零 */
  html[data-theme="ay"][data-theme] .ay-ha__card,
  html[data-theme="ay"][data-theme] .ay-hd__link,
  html[data-theme="ay"][data-theme] .ay-hd__guide,
  html[data-theme="ay"][data-theme] .ay-hd__box,
  html[data-theme="ay"][data-theme] .ay-hd__empty,
  html[data-theme="ay"][data-theme] .ay-hd__cta { margin-left: 0; margin-right: 0; }
  html[data-theme="ay"][data-theme] .ay-hd__sec { padding-left: 0; padding-right: 0; }

  /* 活动引导卡：手机上是竖排窄卡，PC 上给足留白，别贴着 hero */
  html[data-theme="ay"][data-theme] .ay-ha__card { padding: 22px 24px; }
  html[data-theme="ay"][data-theme] .ay-ha__go { display: inline-flex; min-height: 0; }
  html[data-theme="ay"][data-theme] .ay-ha__t { font-size: 17px; }
  html[data-theme="ay"][data-theme] .ay-ha__d { font-size: 12.5px; line-height: 1.75; max-width: 560px; }
  html[data-theme="ay"][data-theme] .ay-ha__chips { margin-top: 16px; gap: 8px; }
  html[data-theme="ay"][data-theme] .ay-ha__chip { font-size: 12px; padding: 7px 14px; }
  html[data-theme="ay"][data-theme] .ay-ha__go { margin-top: 18px; font-size: 13px; padding: 10px 18px; }

  /* 搭子组：行高/字号回到桌面阅读尺度 */
  html[data-theme="ay"][data-theme] .ay-hd__link { padding: 13px 16px; }
  html[data-theme="ay"][data-theme] .ay-hd__name { font-size: 13px; }
  html[data-theme="ay"][data-theme] .ay-hd__note { font-size: 11.5px; }
  html[data-theme="ay"][data-theme] .ay-hd__sec { margin: 20px 0 10px; }
  html[data-theme="ay"][data-theme] .ay-hd__sec h3 { font-size: 14.5px; }
  html[data-theme="ay"][data-theme] .ay-hd__sec a { font-size: 11.5px; }
  html[data-theme="ay"][data-theme] .ay-hd__guide { padding: 14px 16px; }
  html[data-theme="ay"][data-theme] .ay-hd__guide-c b { font-size: 13px; }
  html[data-theme="ay"][data-theme] .ay-hd__guide-c span { font-size: 11.5px; line-height: 1.7; }
  html[data-theme="ay"][data-theme] .ay-hd__row { padding: 12px 14px; }
  html[data-theme="ay"][data-theme] .ay-hd__row-t { font-size: 13px; }
  html[data-theme="ay"][data-theme] .ay-hd__row-l { font-size: 11.5px; }
  html[data-theme="ay"][data-theme] .ay-hd__empty { padding: 26px 20px; }
  html[data-theme="ay"][data-theme] .ay-hd__empty-t { font-size: 14px; }
  html[data-theme="ay"][data-theme] .ay-hd__empty-d { font-size: 12px; line-height: 1.8; }
}

/* ==========================================================================
   10. 20261025pc4 · P0：PC 整页一圈薄荷绿（底色令牌在手机断点里没生效）
   --------------------------------------------------------------------------
   hp13 的 P0-1 令牌块（--bg-base #F6F7F8 / --bg-sunken #F3F5F4）写在
   ay.css 的 @media (max-width:1023.98px) 里 —— 手机端对，PC 端完全没进去，
   于是 PC 上 --bg-base 还是 app.css 的 #f6faf7（薄荷绿）。
   #__nuxt.yq-body 用它铺满视口 → 1280 容器两侧就是一道薄荷绿边，
   跟设计稿的中性 #F6F7F8 差 3~5 个色阶，整页发绿。
   这里在 PC 断点把令牌与画布钉成设计稿色值（只动 ay + PC，其它主题零影响）。
   ========================================================================== */
@media (min-width: 1024px) {
  html[data-theme="ay"][data-theme] {
    /* 20261025dt2 · 稿 canvas 是纯白 #FFFFFF（此前 F6F7F8 仍偏灰） */
    --bg-base: #FFFFFF;
    --bg-sunken: #F3F5F4;
    --border-1: #EDF0EE;
  }
  /* #__nuxt 带着 .yq-body 的底色盖在 body 上，两层一起改，避免出现色差边 */
  html[data-theme="ay"][data-theme] #__nuxt.yq-body,
  html[data-theme="ay"][data-theme] body { background: #FFFFFF; }

  /* 11 节的图文卡字号已并入 12 节整套版式（display/clamp/颜色都要补，只改字号没用） */

  /* 右栏活动缩略图：没封面时别是一块深色「户外活动报名」——那是裂图的观感 */
  html[data-theme="ay"][data-theme] .pcay-act__im.is-ph { background: #F3F5F4; }
  html[data-theme="ay"][data-theme] .pcay-act__im.is-ph i {
    background: transparent; color: #AEB6B0; font-weight: 600;
    left: 50%; top: 50%; bottom: auto; transform: translate(-50%, -50%);
    padding: 0; border-radius: 0;
  }
}


/* ==========================================================================
   12. 20261025pc4 · 图文卡版式（PC）—— 这才是首页「一堵字墙」的根因
   --------------------------------------------------------------------------
   ay.css 里 .ay-hm__tag / __h4 / __p / __au2 这一整套都只在手机断点内定义。
   PC 上这些 span 拿不到 display / line-clamp / 颜色，于是：
     · 「文字笔记」标签没有绿底胶囊，退化成一行灰字（用户截图里就是灰的）；
     · 标题（__h4）与摘要（__p）挤在同一个 inline 流里，标题末字与摘要首字连着
       → 「上海周边秋季爬山好去处大家好，我是…」糊成一段；
     · 摘要不截断 → 卡片高度不受控，一屏全是密集文字。
   pc1 的 §6 只补了 font-size，没补 display/clamp/颜色 → 看着像修了其实没修。
   这里按 ay.css 原值整套搬入，再把字号放到桌面尺度（正文 12.5、标题 15）。
   ========================================================================== */
@media (min-width: 1024px) {
  /* ---- 文字卡：笔记签 + 标题三行 + 摘要两行 ---- */
  html[data-theme="ay"][data-theme] .ay-hm__c {
    position: relative; overflow: hidden;
    border-radius: 14px; border: 1px solid #EDF0EE; background: #fff;
  }
  html[data-theme="ay"][data-theme] .ay-hm__im { display: block; position: relative; height: 150px; }
  html[data-theme="ay"][data-theme] .ay-hm__txt { display: block; padding: 14px 14px 16px; background: #fff; }
  html[data-theme="ay"][data-theme] .ay-hm__tag {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 10px; font-weight: 650; color: #2B7A43;
    background: #E4F5E9; border-radius: 4px; padding: 2px 7px;
    margin-bottom: 9px;
  }
  html[data-theme="ay"][data-theme] .ay-hm__tag svg { width: 10px; height: 10px; }
  html[data-theme="ay"][data-theme] .ay-hm__h4 {
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px; font-weight: 740; line-height: 1.5; letter-spacing: -.1px;
    color: #141C19;
  }
  html[data-theme="ay"][data-theme] .ay-hm__p {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 8px 0 0; font-size: 12.5px; line-height: 1.75; color: #5B6B64;
  }
  html[data-theme="ay"][data-theme] .ay-hm__au2 {
    display: flex; align-items: center; gap: 6px;
    margin-top: 12px; font-size: 11px; color: #8A938D;
  }
  html[data-theme="ay"][data-theme] .ay-hm__au2 i,
  html[data-theme="ay"][data-theme] .ay-hm__au i {
    width: 18px; height: 18px; border-radius: 50%;
    background: #E4F5E9; color: #2B7A43;
    display: grid; place-items: center;
    font-size: 9.5px; font-style: normal; font-weight: 700; flex: none;
  }
  html[data-theme="ay"][data-theme] .ay-hm__au2 b,
  html[data-theme="ay"][data-theme] .ay-hm__au b {
    font-weight: 600; color: #5B6B64;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  html[data-theme="ay"][data-theme] .ay-hm__hk {
    margin-left: auto; display: flex; align-items: center; gap: 2px;
    color: #8A938D; flex: none;
  }

  /* ---- 图片卡：封面 150 + 两行标题 + 作者行 ---- */
  html[data-theme="ay"][data-theme] .ay-hm__b { display: block; padding: 12px 13px 14px; }
  html[data-theme="ay"][data-theme] .ay-hm__t {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; height: auto;
    font-size: 14.5px; font-weight: 700; line-height: 1.5; color: #141C19;
  }
  html[data-theme="ay"][data-theme] .ay-hm__au {
    display: flex; align-items: center; gap: 6px;
    margin-top: 10px; font-size: 11px; color: #8A938D;
  }
  html[data-theme="ay"][data-theme] .ay-hm__ct {
    position: absolute; left: 8px; top: 8px;
    font-size: 10px; font-weight: 650; color: #fff;
    background: rgba(20, 28, 25, .55); border-radius: 4px; padding: 3px 7px;
    font-style: normal;
    max-width: calc(100% - 16px);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
}

/* ==========================================================================
   20261025evc3 · PC /show（ay 主题详情页）
   --------------------------------------------------------------------------
   ① 活动信息卡 .evd-box 的样式只写在 ay.css 的手机断点里 → PC 上整块裸奔：
      图标 svg 被撑开、四行挤成一堆字。这里把同一套值搬进 ≥1024。
      （与 ay.css 同一份设计，手机端改样式请同步这里，属于已知双写点。）
   ② 底部条 .cm-bar 原来 max-width 取手机版 --page-max 并水平居中，
      与三栏主栏错位一百多像素 → 按三栏坐标把它对齐到主栏（含 1024–1279 无右栏）。
   ========================================================================== */
@media (min-width: 1024px) {
  html[data-theme="ay"][data-theme] .evd-box {
    background: #fff;
    border: 1px solid #EDF0EE;
    border-radius: 12px;
    padding: 0 14px;
    margin-bottom: 12px;
  }
  html[data-theme="ay"][data-theme] .evd-box__row {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 0;
    border-bottom: 1px solid #EDF0EE;
  }
  html[data-theme="ay"][data-theme] .evd-box__row:last-child { border-bottom: none; }
  html[data-theme="ay"][data-theme] .evd-box__i {
    width: 30px; height: 30px; border-radius: 9px; flex: none;
    background: rgba(64, 194, 84, .1);
    color: #3F7D5C;
    display: grid; place-items: center;
  }
  html[data-theme="ay"][data-theme] .evd-box__i svg { width: 16px; height: 16px; }
  html[data-theme="ay"][data-theme] .evd-box__c { flex: 1; min-width: 0; }
  html[data-theme="ay"][data-theme] .evd-box__lab {
    display: block;
    font-size: 9.5px; letter-spacing: .05em; color: #94A39A; font-weight: 700;
  }
  html[data-theme="ay"][data-theme] .evd-box__val {
    display: block;
    font-size: 12.5px; font-weight: 680; margin-top: 1px; line-height: 1.45; color: #141C19;
  }
  html[data-theme="ay"][data-theme] .evd-box__val em { font-style: normal; color: #EE7A1F; font-weight: 700; }
  html[data-theme="ay"][data-theme] .evd-box .ev-members__i { outline: 2px solid #fff; }

  /* 底栏：三栏坐标 = 容器(min(1280,100vw)) 居中，左导航 224，右栏 288 */
  html[data-theme="ay"][data-theme] .yq-app--pcay .cm-bar {
    left: calc(50% - min(1280px, 100vw) / 2 + 224px);
    transform: none;
    width: calc(min(1280px, 100vw) - 512px);
    max-width: none;
    padding: 8px 18px;
    background: #fff;
    border-top: 1px solid #EDF0EE;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html[data-theme="ay"][data-theme] .yq-app--pcay .cm-bar__in {
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: #F4F8F5;
    font-size: 13px;
  }
  /* 设计稿 .det-bar 只有「说点什么 + 四枚动作」，没有发送按钮；
     PC 上回车即可发送，把 47px 让给动作条（原来四个图标挤在 130px 里）。 */
  html[data-theme="ay"][data-theme] .yq-app--pcay .cm-bar__send { display: none; }
  html[data-theme="ay"][data-theme] .yq-app--pcay .nd-act { gap: 16px; margin-left: 4px; }
  html[data-theme="ay"][data-theme] .yq-app--pcay .nd-act__i { font-size: 12px; color: #6B7A72; }
  html[data-theme="ay"][data-theme] .yq-app--pcay .nd-act__i svg { width: 18px; height: 18px; }
  html[data-theme="ay"][data-theme] .yq-app--pcay .nd-act__i b { font-size: 11.5px; font-weight: 600; }
}

/* 1024–1279：右栏收起，底栏只跨主栏 */
@media (min-width: 1024px) and (max-width: 1279.98px) {
  html[data-theme="ay"][data-theme] .yq-app--pcay .cm-bar {
    width: calc(min(1280px, 100vw) - 224px);
  }
}

/* ===== 20261025evc4 ===== */