/* ============================================================
 * 星跃 Singyou · 单层侧边栏导航样式 v2.1（VI 浅色）
 * 单层:分组标题 + 功能项;白底细边;选中珊瑚;可收缩为图标条。
 * ============================================================ */

/* ── 统一顶栏（浅色）── */
.singyou-top{position:fixed;top:0;left:0;right:0;z-index:60;height:56px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(10,20,32,.08);display:flex;align-items:center;gap:20px;padding:0 22px}
.sy-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13.5px;color:#0A1620;text-decoration:none;font-family:"Geist","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;white-space:nowrap;flex:none}
.sy-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}
.sy-brand svg{width:22px;height:22px;flex:none}
.sy-brand small{color:#5A6572;font-family:"Roboto Mono",ui-monospace,monospace;font-size:10px;font-weight:400;margin-left:2px;flex:none}
.sy-right{display:flex;align-items:center;gap:8px;margin-left:auto}
.sy-settings{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid rgba(10,20,32,.12);background:transparent;color:#5A6572;font-size:15px;cursor:pointer;transition:all .15s;text-decoration:none}
.sy-settings:hover{color:#0A1620;border-color:#E8542E}

/* ── 单层侧边栏 ── */
#sidenav{position:fixed;left:0;top:56px;bottom:0;width:224px;border-right:1px solid rgba(10,20,32,.08);background:#fff;z-index:50;font-family:"Geist","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;padding:16px 14px;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:rgba(10,20,32,.2) transparent}
#sidenav::-webkit-scrollbar{width:4px}
#sidenav::-webkit-scrollbar-thumb{background:rgba(10,20,32,.16);border-radius:2px}
#sidenav .nav-label{font-family:"Roboto Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A94A6;padding:0 10px;margin:14px 0 6px;line-height:1.4;flex:none}
#sidenav .nav-label:first-child{margin-top:0}
#sidenav .nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-size:13.5px;line-height:1.4;min-height:36px;box-sizing:border-box;color:#0A1620;opacity:.78;transition:all .15s;margin-bottom:1px;text-decoration:none;flex:none}
#sidenav .nav-item:hover{opacity:1;background:rgba(10,20,32,.05)}
#sidenav .nav-item.active{opacity:1;background:rgba(232,84,46,.08);color:#E8542E;font-weight:600}
#sidenav .nav-item .ico{width:16px;height:16px;flex:none;opacity:.7}
#sidenav .nav-item.active .ico{opacity:1}
#sidenav .nav-item .dot{width:6px;height:6px;border-radius:50%;margin-left:auto}

/* 收缩开关(底部) */
#navCollapse{display:flex;align-items:center;gap:8px;margin-top:auto;width:100%;padding:9px 10px;border-radius:9px;border:1px solid rgba(10,20,32,.12);background:#fff;color:#5A6572;font-size:12.5px;cursor:pointer;transition:all .15s;flex:none;position:sticky;bottom:0}
#navCollapse:hover{color:#0A1620;border-color:#E8542E}
#navCollapse .ico{width:15px;height:15px;flex:none;transition:transform .2s}

body.has-sidenav{padding-left:224px}

/* 收缩为图标条 */
body.sidenav-collapsed{padding-left:64px}
body.sidenav-collapsed #sidenav{width:64px;padding:22px 10px}
body.sidenav-collapsed #sidenav .nav-label{display:none}
body.sidenav-collapsed #sidenav .nav-item{justify-content:center;padding:9px 0}
body.sidenav-collapsed #sidenav .nav-item span{display:none}
body.sidenav-collapsed #sidenav .nav-item .dot{display:none}
body.sidenav-collapsed #navCollapse{justify-content:center;padding:9px 0}
body.sidenav-collapsed #navCollapse span{display:none}
body.sidenav-collapsed #navCollapse .ico{transform:rotate(180deg)}

/* 移动端汉堡 + 遮罩 + 抽屉 */
.sy-burger{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid rgba(10,20,32,.12);background:transparent;color:#0A1620;cursor:pointer;flex:none;transition:all .15s}
.sy-burger:hover{border-color:#E8542E;color:#E8542E}
.sy-burger svg{width:18px;height:18px}
.sy-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:49;opacity:0;pointer-events:none;transition:opacity .25s}
@media(max-width:820px){
  .sy-burger{display:inline-flex}
  .singyou-top{gap:10px;padding:0 12px}
  .sy-brand{font-size:12.5px}
  .sy-brand span{max-width:110px}
  .sy-brand small{display:none}
  body.has-sidenav,body.sidenav-collapsed{padding-left:0 !important}
  #sidenav{transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s;width:min(300px,85vw) !important;box-shadow:12px 0 40px rgba(10,20,32,.18)}
  body.sidenav-mobile-open #sidenav{transform:translateX(0);visibility:visible;pointer-events:auto}
  body.sidenav-mobile-open .sy-overlay{opacity:1;pointer-events:auto}
  #navCollapse{display:none}
  body.sidenav-collapsed #sidenav .nav-label{display:block}
  body.sidenav-collapsed #sidenav .nav-item{justify-content:flex-start;padding:8px 10px}
  body.sidenav-collapsed #sidenav .nav-item span{display:inline}
}

.lang-sw{margin-left:0}

/* ══ 统一平台徽标 .plat(VI 1.0 · 中性识别 + 官方字形 currentColor) ══ */
.plat{display:inline-flex;align-items:center;gap:5px;font-family:"Geist","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:11px;font-weight:500;line-height:1;padding:4px 10px;border-radius:99px;background:rgba(90,101,114,.1);color:#5A6572;white-space:nowrap;flex:none}
.plat svg{width:11px;height:11px;flex:none;fill:currentColor}
.plat--sm{font-size:10px;padding:3px 8px;gap:4px}
.plat--sm svg{width:10px;height:10px}
.plat--mono{font-family:"Roboto Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.plat--btn{cursor:pointer;transition:all .15s;border:1px solid transparent}
.plat--btn:hover{background:rgba(90,101,114,.16);color:#0A1620}
.plat--btn.active{background:rgba(232,84,46,.1);color:#E8542E}
.plat .hong{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:3.5px;background:#5A6572;color:#fff;font-size:8.5px;font-weight:700;line-height:1;flex:none}
.plat--sm .hong{width:11px;height:11px;font-size:8px}
.plat--btn.active .hong{background:#E8542E}
.accent .plat,.dark-block .plat{background:rgba(237,241,245,.12);color:rgba(237,241,245,.75)}
.accent .plat .hong,.dark-block .plat .hong{background:rgba(237,241,245,.75);color:#000D14}
.accent .plat--btn.active,.dark-block .plat--btn.active{background:rgba(255,104,74,.16);color:#FF684A}
.accent .plat--btn.active .hong,.dark-block .plat--btn.active .hong{background:#FF684A;color:#000D14}
/* 筛选胶囊带平台字形(配合 .chip 使用) */
.chip.has-glyph{display:inline-flex;align-items:center;gap:5px}
.chip.has-glyph svg{width:12px;height:12px;flex:none;fill:currentColor}
.chip.has-glyph .hong{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:3.5px;background:#5A6572;color:#fff;font-size:8.5px;font-weight:700;line-height:1;flex:none;font-style:normal}
.chip.has-glyph.active .hong{background:#fff;color:#E8542E}

/* ── VI 1.1 · 侧边栏下划线生长（2026-08-30）── */
#sidenav .nav-item{position:relative}
#sidenav .nav-item::after{content:"";position:absolute;left:10px;bottom:3px;width:24px;height:2px;border-radius:2px;background:#E8542E;transform:scaleX(0);transform-origin:left center;transition:transform .22s cubic-bezier(.22,.61,.36,1)}
#sidenav .nav-item:hover::after{transform:scaleX(1)}
body.sidenav-collapsed #sidenav .nav-item::after{display:none}