/* ============================================================
   SuperScreen 超级屏 站点公共样式（site.css）
   职能：ss.thingboot.com 整站基调——深色底、topbar、footer、
        品牌三原色装饰件。页面独有样式不写到这里，
        一律内联在页面模板里（hp-/dl-/dc-/hub-/rm- 前缀）。
   ============================================================ */

/* ---- 顶部导航 topbar ---- */
.topbar{background-color:#1c191a;border-bottom:1px solid #413d3f}
.topbar .topbar-brand .ss-logo{height:30px;width:auto}
.topbar .ss-wordmark{font-size:17px;font-weight:600;color:#fcf5de;letter-spacing:.5px}
.topbar .ss-wordmark small{font-size:12px;font-weight:400;color:#888587;margin-left:6px;letter-spacing:1px}
.topbar .menu-item .menu-link{color:#b7b4b5}
.topbar .menu-item:hover>.menu-link{color:#fcf5de;border-top-color:transparent}
.topbar .menu-item.active>.menu-link{color:#fcf5de;border-top-color:transparent}
.topbar .menu-item.active .menu-link .title{position:relative}
.topbar .menu-item.active .menu-link .title::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:1px;background:linear-gradient(90deg,#ff0000,#00b050,#0000ff)}
.topbar .topbar-btn{color:#b7b4b5}
.topbar .topbar-btn:hover{color:#fcf5de}
.topbar .topbar-divider{border-left-color:#413d3f}

/* ---- logo 动态渐变流光（三原色流动，限制在 logo 范围内，白线 logo 叠在其上） ---- */
.ss-logo-wrap{position:relative;display:inline-flex;align-items:center;padding:3px 6px}
.ss-logo-flow{position:absolute;inset:3px 6px;border-radius:3px;
	background:linear-gradient(90deg,#ff0000,#00b050,#0000ff,#ff0000);background-size:300% 100%;
	opacity:.4;animation:ss-logo-flow 5s linear infinite}
.ss-logo-wrap .ss-logo{position:relative;z-index:1}
@keyframes ss-logo-flow{to{background-position:300% 0}}
.site-footer .ss-logo{height:26px;width:auto}

/* ---- 品牌三原色装饰件（logo 原色，仅装饰用途） ---- */
.ss-rgb-bar{height:3px;border-radius:2px;background:linear-gradient(90deg,#ff0000 0%,#00b050 50%,#0000ff 100%)}
.ss-text-r{color:#ff5a52}.ss-text-g{color:#00d26a}.ss-text-b{color:#4d8dff}

/* ---- 页脚 footer ---- */
.site-footer{background-color:#1c191a;border-top:1px solid #413d3f;color:#b7b4b5}
.site-footer .nav-link{color:#888587}
.site-footer .nav-link:hover{color:#fcf5de}
.site-footer .copyright{color:#888587}
.site-footer hr{border-top-color:#413d3f}

/* ---- 主容器 ---- */
.main-container{background-color:#231e20}

/* ---- 卡片 hover（站内通用：橱窗/特性卡片） ---- */
.card.ss-hover{transition:transform .2s ease,border-color .2s ease}
.card.ss-hover:hover{transform:translateY(-3px);border-color:#646062}