/* ============================================================
   controls.css · 全站控件系统（描边内高光 + 立体边 + 抬升 + 按钮四态）
   主题中立阴影/高光，叠加在各 demo 自有的填充/描边色之上 —— 不动颜色，只补"质感与状态"。
   覆盖：主操作/幽灵按钮、转化 CTA、分享、选项卡(selection card)、做多做空、连接按钮等。
   故意不含分段控件 .lev（那是 toggle 段，不该"抬起"，单独精修）。
   引入：每个 demo </head> 前 <link rel="stylesheet" href="controls.css">（放在 inline <style> 之后以胜出同级）。
   ============================================================ */
.btn,.cta,.opt,.cbtn,.choice,.bet,.shopbtn,.tpl,.share button,.connect button{
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),   /* 内高光：顶部一道受光 */
    inset 0 -1px 0 rgba(0,0,0,.22),         /* 内底影：立体边 */
    0 4px 14px rgba(0,0,0,.28);             /* 抬升投影 */
  transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s,filter .14s,background .14s,border-color .14s;
}
/* Hover：上浮 + 投影加深 */
.btn:hover,.cta:hover,.opt:hover,.cbtn:hover,.choice:hover,.bet:hover,.shopbtn:hover,.tpl:hover,.share button:hover,.connect button:hover{
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 9px 24px rgba(0,0,0,.4);
}
/* Pressed：下沉 + 内阴影"压进去" */
.btn:active,.cta:active,.opt:active,.cbtn:active,.choice:active,.bet:active,.shopbtn:active,.tpl:active,.share button:active,.connect button:active{
  transform:translateY(1px);
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,.4),
    inset 0 1px 0 rgba(255,255,255,.05);
}
/* ---- 转化 CTA：app-icon + 两行（标题/副标），主题中立布局，配色由各 demo .cta 自带 ---- */
.cta{display:flex;align-items:center;justify-content:center;gap:11px}
.cta .ctx{flex:0 1 auto;text-align:left}
.cta .ctx b{display:block;font-size:15px;font-weight:700;line-height:1.2}
.cta .ctx i{display:block;font-size:11px;font-weight:400;font-style:normal;opacity:.74;line-height:1.3;margin-top:1px}
/* 广告主 logo：真 app icon 或字母章（按 --accent-bright 主题化） */
.advlogo{flex:0 0 auto;display:inline-grid;place-items:center;overflow:hidden;vertical-align:middle;box-shadow:0 2px 8px rgba(0,0,0,.4)}
img.advlogo{object-fit:cover}
.advlogo-txt{background:var(--accent-bright,#fff);color:#15110a;font-family:"Noto Serif SC",serif;font-weight:700}
/* slim 牵线行（替代方框大段） */
.bridge-slim{display:flex;align-items:center;gap:10px;margin:12px 0 11px;font-size:13.5px;line-height:1.45}
.bridge-slim b{color:var(--accent-bright,#fff);font-weight:600}
.finep{margin-top:9px;text-align:center;font-size:9.5px;line-height:1.5;opacity:.55;font-family:"Space Mono",monospace}

/* Disabled：去色压平去影 */
.btn:disabled,.bet:disabled,.cbtn:disabled,.opt:disabled,.choice:disabled,.shopbtn:disabled,.tpl:disabled,.share button:disabled,.connect button:disabled{
  opacity:.4;filter:grayscale(.4);transform:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  pointer-events:none;
}