/* ================= 实验室 · Awesome Design =================
   首页右侧第六枚悬浮气泡，与「数字西湖」「反省墙」「五十三参」
   「刹车大师」「案例馆」同一容器 #side-bubbles。
   配色取 Claude 品牌暖调（珊瑚橙 #cc785c / 琥珀 #e8a55a），
   与 https://jiangtian.top/design/ 页面主题一致。
   ---------------------------------------------------- */
#lab-bubble{
    position:relative;
    display:block;
    width:56px;
    background:none;
    border:0;
    color:#fdf6ef;
    text-align:center;
    text-decoration:none;
    transition:transform .34s cubic-bezier(.2,.8,.24,1), filter .34s;
    -webkit-tap-highlight-color:transparent;
    outline:none;
}

/* 外晕：一点暖橙呼吸 */
#lab-bubble::before{
    content:"";
    position:absolute;
    right:-16px;
    top:-16px;
    bottom:-16px;
    left:-16px;
    border-radius:44px;
    background:radial-gradient(58% 46% at 76% 50%, rgba(204,120,92,.42), rgba(204,120,92,0) 72%);
    z-index:-1;
    animation:lab-breath 6.4s ease-in-out infinite;
}

/* 气泡本体：珊瑚橙 */
#lab-bubble .lab-core{
    position:relative;
    z-index:1;
    display:block;
    padding:17px 0 15px;
    border-radius:28px 0 0 28px;
    background:linear-gradient(158deg,#e8a55a 0%,#cc785c 46%,#a9583e 100%);
    box-shadow:
        0 8px 26px rgba(169,88,62,.30),
        inset 0 0 0 1px rgba(255,255,255,.20);
}

/* 顶部一枚四角星（内联 SVG，见模板） */
#lab-bubble .lab-ico{
    display:block;
    width:15px;
    height:15px;
    margin:0 auto 10px;
    filter:drop-shadow(0 0 5px rgba(255,246,222,.55));
}

/* 竖排站名 */
#lab-bubble .lab-txt{
    display:inline-block;
    writing-mode:vertical-rl;
    text-orientation:upright;
    font-size:15px;
    font-weight:600;
    letter-spacing:5px;
    line-height:1;
    text-shadow:0 1px 2px rgba(0,0,0,.20);
}

#lab-bubble:hover,
#lab-bubble:focus{
    transform:translateX(-5px);
    filter:brightness(1.08);
    color:#ffffff;
}
#lab-bubble:hover .lab-core,
#lab-bubble:focus .lab-core{
    box-shadow:
        0 10px 32px rgba(169,88,62,.42),
        inset 0 0 0 1px rgba(255,255,255,.34);
}
#lab-bubble:active{ transform:translateX(-2px); }

@keyframes lab-breath{
    0%,100%{ opacity:.40; transform:scale(.94); }
    50%    { opacity:.90; transform:scale(1.08); }
}

/* 窄屏收敛，别挡正文 */
@media (max-width:768px){
    #lab-bubble{ width:44px; }
    #lab-bubble .lab-core{ padding:13px 0 12px; border-radius:22px 0 0 22px; }
    #lab-bubble .lab-ico{ width:11px; height:11px; margin-bottom:8px; }
    #lab-bubble .lab-txt{ font-size:13px; letter-spacing:3px; }
    #lab-bubble::before{ right:-10px; top:-10px; bottom:-10px; left:-10px; border-radius:34px; }
}

@media (prefers-reduced-motion:reduce){
    #lab-bubble::before{ animation:none; opacity:.65; }
    #lab-bubble{ transition:none; }
}

/* ============================================================
   V6.0 麦肯锡窄条造型对齐（headhtml 内联块已把
   szxh/fxq/sc53/brake/wb 五枚统一压成 20px 窄条，实验室必须同款，
   否则比其他气泡大一圈）。双 id 选择器 + !important 压过内联块。
   几何参数与 wb-bubble.css v4（案例馆）逐项一致。
   ============================================================ */
#side-bubbles #lab-bubble{
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;
    margin:0 !important;
    padding:0 !important;
}
#lab-bubble::before{ display:none !important; }
#side-bubbles #lab-bubble .lab-core{
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;
    padding:8px 1px !important;
    border-radius:6px 0 0 6px !important;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    background:linear-gradient(158deg,#e8a55a 0%,#cc785c 46%,#a9583e 100%);
    box-shadow:-2px 2px 6px rgba(0,0,0,.18);
}
#side-bubbles #lab-bubble .lab-ico{
    width:12px !important;
    height:12px !important;
    margin:0 auto 3px auto !important;
}
#side-bubbles #lab-bubble .lab-txt{
    font-size:10px !important;
    line-height:1.05;
    letter-spacing:0.5px !important;
    transform:scale(0.85);
    transform-origin:center top;
    white-space:nowrap;
    padding:0 !important;
}