body {height: 100vh;display: flex;flex-direction: column;min-height: 100vh; background:rgba(255,255,255,0.7) }
.cabinet-topbar {flex: 0 0 58px;height: 58px;z-index: 10;}
.cabinet-content {flex: 1 1 auto;height: calc(100vh - 58px);overflow-y: auto;  }

/* 顶部栏：结构化为左右区域，默认移动端深色背景（与BaziList一致） */
.cabinet-topbar {position: sticky; top:0; left:0; right:0; display: flex; align-items: center; justify-content: space-between; height: 58px; background: #449D48; border-bottom: 1px solid #ededed; box-sizing: border-box; padding: 0 12px;}
.cabinet-topbar-left {display:flex; align-items:center; gap:8px;}
.cabinet-topbar-left .iconfont {font-size: 24px; color: #fff; vertical-align: middle; font-weight:500;}
.cabinet-title {font-size: 18px; color:#fff; font-weight: 400; }
.cabinet-topbar-right {display:flex; align-items:center; gap:10px;}

/* 标签按钮样式 */
.cabinet-tab {font-size: 15px; color:#e0f2e0; font-weight: 400; background: transparent; border: none, cursor: pointer; padding: 6px 10px; border-radius: 4px; transition: all .2s;}
.cabinet-tab.active {color:#fff; font-weight:600; background: rgba(255,255,255,0.08);} 

/* PC端淡雅样式（与 .addPC 逻辑一致） */
.addPC { background:#f6f6f6 !important; border-bottom:1px solid #ccc; }
.addPC .iconfont { color:#449D48 !important; }
.addPC .cabinet-title { color:#333 !important; font-weight:500; }
.addPC .cabinet-tab { color:#449D48; background: transparent; border:1px solid rgba(68,157,72,0.35); }
.addPC .cabinet-tab.active { color:#fff; background:#449D48; border-color:#449D48; }

.cabinet-list { margin:0px auto;padding:10px 0px; background:rgba(255, 255, 255, 0.7);} 
.cabinet-item { display: flex; align-items: center; padding:10px;background:#fff;margin-top:5px; border-radius:5px; cursor: pointer; transition: background 0.2s;border:1px solid #666; }
.cabinet-item:hover { background: #f2fef6; }
.cabinet-img { width: 60px; height:60px; display: flex; align-items: center; justify-content: center; margin-right: 14px; font-size:60px; border-radius: 5px; background: #fcfcfc; box-shadow: 0 2px 8px #f0f0f0;  }
.cabinet-img .iconfont {font-size:60px; color:#049513;font-weight:500;   }
.cabinet-info { flex: 1; min-width: 0; }
.cabinet-name { font-size: 18px; font-weight: 500 ; color: #222; margin-bottom: 5px; }
.cabinet-slogn {font-size: 13px;color: #aaa;font-weight: 400;margin-left: 8px;vertical-align: middle;}
.cabinet-desc {font-size: 14px;text-indent:2em;color: #888;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;
text-overflow: ellipsis;height: auto;max-height: 60px;line-height: 1.4;white-space: normal;}


/* 璇玑玉衡柜介绍卡片样式 */
.intro-card {  margin:5px  25px;  padding: 20px;padding-bottom: 0px;  background-color:  rgba(250, 250, 250, 0.3);  border-radius: 5px;  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  text-align: center;  position: relative;  overflow: hidden;border:3px solid rgba(76, 175, 80, 0.3);border-top:none; margin-bottom:15px;}
.intro-card::before {  content: "";  position: absolute;  top: 0px;  left: 0;  width: 100%;margin:auto;
  height: 4px;  background: linear-gradient(90deg, rgba(76, 175, 80, 0.1), rgba(76, 175, 80, 0.9), rgba(76, 175, 80, 0.1));}
.intro-title {  font-size: 20px;  color: #333333;  font-weight: 500;  letter-spacing: 4px;}
.intro-divider {  width: 80px;  height: 2px;  background-color: #4caf50;  margin: 10px auto;  opacity: 0.6;}
.intro-subtext {  font-size: 16px;  color: #666666;  margin-top: 10px;  font-weight: 400;  letter-spacing: 2px;}
/* 底部提示样式 */
.bottom-tip {display: flex;align-items: center;justify-content: center;margin: 40px 0 60px;width: 100%;background: rgba(255, 255, 255, 0.4)}
.tip-line {height: 1px;width: 80px;background-color: #ccc;}
.tip-text {font-size: 15px;color: #888;margin: 0 20px;}


.myyuheng-section { margin-top: 10px; }
.myyuheng-title { font-size: 15px; font-weight: 500; color: #07c160;background:#fff;padding:10px; cursor: pointer; display: flex; align-items: center;border-bottom:1px solid #ccc; }
.myyuheng-title .fold-btn {display:inline-block ;padding:2px;box-sizing:border-box;border:1px solid #07c160;border-radius:50%; cursor: pointer; margin-left: 6px; font-size: 12px;line-height:16px;height:21px; }
.myyuheng-title .iconfont { font-size: 15px;  }

.myyuheng-list { margin:0px auto;padding: 0;background:#f6f6f6; }
.myyuheng-item { display: flex; align-items: center; padding:10px;background:#fff;border:1px solid #ccc; margin-top:5px;border-radius:5px; cursor: pointer; transition: background 0.2s; }
.myyuheng-item:hover { background: #f2fef6; }
.myyuheng-img{ width: 60px; height:60px; display: flex; align-items: center; justify-content: center; margin-right: 14px; font-size:60px; border-radius: 5px; background: #fcfcfc; box-shadow: 0 2px 8px #f0f0f0;  }
.myyuheng-img .iconfont {font-size:60px; color:#049513;font-weight:500;   }
.myyuheng-info { flex: 1; min-width: 0; }
.myyuheng-name { font-size: 18px; font-weight: 500 ; color: #222; margin-bottom: 5px; }
.myyuheng-plan { font-size: 13px; color: #07c160; margin-left: 6px; }
.myyuheng-bazi { font-size: 13px; color: #888; margin-bottom: 2px; }
.myyuheng-date { font-size: 12px; color: #aaa; }
.layui-layer-content { word-break: break-all; }

.yct-section { }
.yct-title { font-weight: 600; font-size: 16px; margin: 6px 0 10px 2px; display:flex; align-items:center; }
.yct-title .iconfont { margin-right:6px; }
.yct-list {margin: 8px 10px;  }
.yct-card { cursor: pointer; background:#fff; border-radius:5px; box-shadow:0 1px 4px rgba(0,0,0,.08); transition: transform .1s ease; }
.yct-card:hover { transform: translateY(-2px); }
/* 单条：全宽 左图标右文案 */
.yct-single { display:flex; align-items:center; padding:5px; }
.yct-single .yct-ico { width:44px; height:44px; border-radius:5px; background:#f5f5f5; display:flex; align-items:center; justify-content:center; font-size:28px; color:#7b5fd9; margin-right:12px; }
.yct-single .yct-text { font-size:16px; font-weight:500; }
 .yct-single .iconfont{font-size:35px;}
/* 多条：栅格 卡片上下结构 */
.yct-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:10px; }
 .yct-grid .iconfont{font-size:35px;}
.yct-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.yct-grid .yct-card { padding:10px 6px; text-align:center; }
.yct-grid .yct-ico { width:50px; height:50px; border-radius:12px; background:#f5f5f5; display:inline-flex; align-items:center; justify-content:center; font-size:30px; color:#7b5fd9; margin:8px auto; }
.yct-grid .yct-name { font-size:14px; color:#333; line-height:1.2; margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.yct-grid .yct-sub { font-size:12px; color:#888; line-height:1.2; margin-top:2px; }

/* =============================
   流年经纬谱（我的）列表
   ============================= */
#LnjwpList{ margin: 8px 10px; }
.lnjwp-bazi-card{ display:flex; gap:10px; background:#fff; border:1px solid #e6e6e6; border-radius:8px; padding:10px; margin-top:10px; box-shadow:0 1px 4px rgba(0,0,0,.06); }
.lnjwp-left{ width:70px; flex:0 0 70px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding-top:4px;border-right:1px dotted #ccc; }
.lnjwp-lefts{ width:70px; flex:0 0 70px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding-top:0px;border-right:1px dotted #ccc; }
.lnjwp-ico{ width:46px; height:46px; border-radius:12px; background:#f5f5f5; display:flex; align-items:center; justify-content:center; color:#16b777; }
.lnjwp-lefts .lnjwp-ico {height:40px;}
.lnjwp-ico .iconfont{ font-size:35px; }
.lnjwp-name{ margin-top:10px; font-size:14px; color:#333; text-align:center; line-height:1.2; max-width:70px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lnjwp-lefts .lnjwp-name {margin-top:3px;}
.lnjwp-left .jwp-sub { font-size:12px; color:#888; line-height:1.2; margin-top:10px; }
.lnjwp-right{ flex:1 1 auto; min-width:0; }

/* 维度分组：改为一行内“维度名 + 年份列表”，空间不够时年份可换行 */
.lnjwp-dim-group{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
    .lnjwp-dim-group:last-child {margin-bottom:0px;    }
.lnjwp-dim-tag{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;height:22px;line-height:22px;
border-radius:999px;color:#16b777;font-size:15px;font-weight:500;}
.lnjwp-year-list{display:flex;flex:1 1 auto;min-width:0;flex-wrap:wrap;gap:6px;margin-top:0;}
.lnjwp-year{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:24px;padding:0 6px;border-radius:6px;
border:1px solid #ccc;background:#e7fcf4;cursor:pointer;color:#333;font-size:13px;transition: all .15s ease;user-select:none;}
.lnjwp-year:hover{ border-color:#16b777; color:#16b777; background:rgba(22,183,119,0.06); }

@media (max-width: 700px) {
.cabinet-topbar {height: 52px; padding:0 10px;}
.cabinet-topbar-left .iconfont {font-size: 22px;}
.cabinet-title {font-size: 18px;}
.cabinet-tab {font-size: 14px; padding: 4px 8px;}
.cabinet-content {height: calc(100vh - 52px);}
.cabinet-list, #myyuheng-panel { max-width: 100vw; border-radius: 0; box-shadow: none; }

/* 移动端：左侧略窄，保证右侧年份够放 */
.lnjwp-left{ width:64px; flex-basis:64px; }
.lnjwp-name{ max-width:64px; }
.lnjwp-year{ min-width:44px; }
}