/* MX 大V预估持仓页（/mx-kol/{id}）——复用持股研判页的 .hd-root 变量注入
   （明暗两套 token 在 holdings.css），本文件只补页面专属布局，样式全部 .mxc- 前缀。
   时间线行复用 mx-views.css 的 .mxv-feed-* / .mxv-badge 类 */
.mxc-root{display:flex;flex-direction:column;gap:10px;}

/* 页头：返回按钮 + 头像 + 名称 + 窗口切换 */
.mxc-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--hd-panel);border:1px solid var(--hd-line);border-radius:10px;padding:12px 14px;}
.mxc-ava{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--hd-sep);}
.mxc-head-main{flex:1;min-width:180px;}
.mxc-head-main h2{margin:0;font-size:16px;color:var(--hd-strong);}
.mxc-sub{color:var(--hd-faint);font-size:11px;}
.mxc-days{display:inline-flex;border:1px solid var(--hd-btn-line);border-radius:8px;overflow:hidden;}
.mxc-days .hd-seg-btn{border:none;border-radius:0;}
.mxc-days .hd-seg-btn + .hd-seg-btn{border-left:1px solid var(--hd-btn-line);}

/* 持仓汇总：名称 + 方向 + 权重条 + 权重 + 建仓/最近时间，单行网格 */
.mxc-holding{display:grid;grid-template-columns:minmax(84px,auto) auto 1fr auto;gap:8px;
  align-items:center;padding:7px 4px;border-bottom:1px solid var(--hd-sep);}
.mxc-holding:last-of-type{border-bottom:none;}
.mxc-h-name{color:var(--hd-strong);font-weight:600;font-size:13px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;}
.mxc-h-dir{font-size:11px;color:var(--hd-faint);}
.mxc-h-dir.bull{color:var(--hd-bull);}
.mxc-h-dir.bear{color:var(--hd-bear);}
.mxc-bar{height:8px;border-radius:4px;background:var(--hd-soft);overflow:hidden;min-width:60px;}
.mxc-bar .fill{height:100%;border-radius:4px;
  background:linear-gradient(90deg,var(--mxv-accent-deep),var(--mxv-accent));}
.mxc-h-weight{color:var(--hd-accent);font-weight:600;font-size:12px;min-width:44px;text-align:right;}
.mxc-h-meta{grid-column:1/-1;color:var(--hd-faint);font-size:11px;}
.mxc-topics-head{color:var(--hd-faint);font-size:11px;margin:10px 0 6px;}
.mxc-topics{display:flex;flex-wrap:wrap;gap:6px;}
.mxc-topic{font-size:12px;color:var(--hd-topic);background:var(--hd-topic-soft);
  border:1px solid var(--hd-line);border-radius:6px;padding:2px 8px;}
.mxc-note{color:var(--hd-faint);font-size:11px;margin:10px 0 0;}

/* 操作时间线行：徽章配色（买入=红系 / 卖出=绿系 / 持仓=中性） */
.mxc-kind{font-size:11px;border-radius:4px;padding:0 6px;border:1px solid var(--hd-btn-line);
  background:var(--hd-soft);color:var(--hd-muted);white-space:nowrap;justify-self:start;}
.mxc-kind.buy{color:var(--hd-bull-text);background:var(--hd-bull-soft);border-color:var(--hd-bull-line);}
.mxc-kind.sell{color:var(--hd-bear-text);background:var(--hd-bear-soft);border-color:var(--hd-bear-line);}
.mxc-row .target{font-weight:600;}

/* 标签来源徽章：操作来自消息标签（观点研判未覆盖），弱化为描边小标 */
.mxc-src{font-size:10px;color:var(--hd-muted);border:1px dashed var(--hd-btn-line);
  border-radius:4px;padding:0 5px;white-space:nowrap;justify-self:start;}

/* 时间线行自定列模板（时间/操作徽章/方向/标的/标签?/摘要），不再借用 .mxv-feed-item
   为观点流行定宽的六列：那边第 2/3 列只有 46/38px，「持仓 · 观望」「↑看多」会溢出
   相邻列、徽章折成两行；且本页行没有大V列，无「标签」徽章的行摘要会掉进原模板
   100px 窄列被截到几个字。徽章列改 max-content 保单行，摘要显式钉在第 6 列吃满余宽，
   无标签时第 5 列自动塌缩为 0 */
.mxc-row{grid-template-columns:36px max-content max-content minmax(48px,84px) auto minmax(0,1fr);gap:8px 6px;}
.mxc-row .sum{grid-column:6;}
/* 窄屏（抽屉全宽）：再收一档，给摘要多留字 */
@media (max-width:760px){
  .mxc-row{grid-template-columns:30px max-content max-content minmax(40px,64px) auto minmax(0,1fr);gap:8px 4px;}
}

/* 最近观点天数滑动栏 + 排序切换：拖动中只改文案，松手（change）才刷新持仓汇总 */
.mxc-recent{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:6px 2px 8px;border-bottom:1px solid var(--hd-sep);margin-bottom:6px;}
.mxc-recent .lab{color:var(--hd-muted);font-size:12px;white-space:nowrap;}
.mxc-recent input[type="range"]{flex:0 1 180px;accent-color:var(--hd-accent);cursor:pointer;}
.mxc-recent .val{color:var(--hd-accent);font-size:12px;white-space:nowrap;min-width:38px;}
.mxc-recent .val b{font-size:15px;}
.mxc-recent .tip{color:var(--hd-faint);font-size:11px;}
/* 排序段控贴行尾，窄屏随 flex-wrap 折行 */
.mxc-recent .mxc-sort{margin-left:auto;}
.mxc-recent .mxc-sort .hd-seg-btn{padding:2px 10px;font-size:11px;}

/* 大V动态页「持仓」按钮：与订阅按钮并排，弱化为线框样式避免抢主操作 */
.btn-sub.holdings{background:var(--hd-panel);color:var(--hd-accent);
  border:1px solid var(--hd-btn-line);}

/* ---- 右侧持仓抽屉（/mx-views 大V头像旁「持仓」按钮打开）----
   外壳 .mxc-drawer.hd-root 自带本页 token 作用域，需覆盖 .hd-root 的页面级
   背景/内边距/最小高；挂载点 #mxv-drawer-slot 在 .mxv-root 内，fixed 定位不依赖 DOM 位置 */
.mxc-drawer-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90;}
.mxc-drawer{position:fixed;top:0;right:0;bottom:0;width:min(680px,100%);z-index:91;
  background:var(--hd-panel);min-height:0;padding:0;
  border-left:1px solid var(--hd-line);box-shadow:-8px 0 30px rgba(29,42,74,.15);
  overflow-y:auto;display:flex;flex-direction:column;}
/* 顶部条让出状态栏：安卓 15 edge-to-edge / 刘海屏下 --safe-top 为系统栏高度
   （style.css :root 定义，安卓壳由原生注入真实值，浏览器 env() 为 0）；sticky 保持吸顶 */
.mxc-drawer-top{display:flex;align-items:center;gap:8px;padding:calc(10px + var(--safe-top)) 14px 10px;
  border-bottom:1px solid var(--hd-sep);position:sticky;top:0;background:var(--hd-panel);z-index:1;}
.mxc-drawer-top b{color:var(--hd-strong);font-size:14px;margin-right:auto;}
.mxc-drawer-top .full{background:var(--hd-soft);border:1px solid var(--hd-btn-line);color:var(--hd-accent);
  border-radius:6px;padding:2px 8px;font-size:11px;cursor:pointer;}
.mxc-drawer-top .full:hover{border-color:var(--hd-accent);}
.mxc-drawer-top .close{background:none;border:none;color:var(--hd-faint);font-size:18px;
  cursor:pointer;line-height:1;padding:2px 4px;}
.mxc-drawer-top .close:hover{color:var(--hd-strong);}
.mxc-drawer-body{padding:12px 14px calc(20px + var(--safe-bottom));}
@media (max-width:640px){
  .mxc-drawer-body{padding:10px 10px calc(16px + var(--safe-bottom));}
  /* 窄屏抽屉全宽：页头天窗切换换行更从容 */
  .mxc-drawer .mxc-head{row-gap:8px;}
  /* 时间线头（标题+五档筛选+条数）一行放不下时折行，不再互相挤压 */
  .mxc-drawer .mxv-kol-head{flex-wrap:wrap;}
}

@media (max-width:640px){
  .mxc-holding{grid-template-columns:minmax(72px,1fr) auto 64px;}
  .mxc-holding .mxc-bar{grid-column:1/-1;order:5;}
  .mxc-h-weight{min-width:48px;}
  .mxc-head{padding:10px;}
}