/* Apple UX v2 - 侧边栏 + 右侧浮窗 + 底部联系条 + 页脚 */

/* 侧边栏 */
.hhcn-widget{background:var(--card);border:1px solid var(--b1);border-radius:var(--r2);box-shadow:var(--s1);margin-bottom:14px;}
.hhcn-widget h3{color:var(--t1);font-size:15px;font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--b1);margin-bottom:12px;}
.hhcn-widget p,.hhcn-widget li{color:var(--t2);line-height:1.75;}
.hhcn-note{color:var(--t3);font-size:12px;}
.hhcn-link-row a{background:#F5F5F7;border:1px solid var(--b1);color:var(--ap);border-radius:8px;font-size:13px;padding:6px 11px;transition:all .18s;}
.hhcn-link-row a:hover{background:var(--ap);color:#fff;border-color:var(--ap);}
.widget_ui_posts li a:hover .text{color:var(--ap);}

/* 文章详情页 */
.hhcn-answer-box,.hhcn-process-box,.hhcn-faq-box,.hhcn-author-box,.hhcn-topic-box{background:var(--card);border:1px solid var(--b1);border-radius:var(--r2);box-shadow:var(--s1);}
.hhcn-answer-head span{background:rgba(0,122,255,.08);color:var(--ap);}
.hhcn-answer-card{background:#F5F5F7;border:1px solid var(--b1);border-radius:var(--r1);}
.hhcn-faq-item{border-top:1px solid var(--b1);}
.hhcn-list-note{border-left:3px solid var(--ap);background:rgba(0,122,255,.04);border-radius:var(--r1);}
.hhcn-article-note{background:#F9F9FB;border:1px solid var(--b1);border-radius:var(--r1);}

/* 右侧圆形浮窗 */
.hhcn-float-wrap{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:9990;display:flex;flex-direction:column;gap:10px;}
.hhcn-float-item{position:relative;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s;}
.hhcn-float-item.tel{background:linear-gradient(145deg,#FF6B00,#e05800);box-shadow:0 4px 16px rgba(255,107,0,.4);}
.hhcn-float-item.wx{background:linear-gradient(145deg,#5856D6,#4240b0);box-shadow:0 4px 16px rgba(52,199,89,.4);}
.hhcn-float-item i{font-size:21px;color:#fff;}
.hhcn-float-item span{display:none;}
.hhcn-float-item:hover{transform:scale(1.12);box-shadow:0 8px 28px rgba(0,0,0,.22);}
.hhcn-float-popup{
  display:none;position:absolute;right:62px;top:50%;transform:translateY(-50%);
  background:rgba(255,255,255,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(0,0,0,.09);border-radius:14px;
  box-shadow:0 8px 32px rgba(0,0,0,.13),0 2px 4px rgba(0,0,0,.06);
  padding:16px 18px;min-width:158px;text-align:center;white-space:nowrap;
}
.hhcn-float-popup strong{display:block;color:var(--t1);font-size:15px;font-weight:600;margin-bottom:5px;}
.hhcn-float-popup p{margin:0;font-size:12px;color:var(--t2);}
.hhcn-float-popup img{width:120px;height:120px;display:block;margin:0 auto 10px;border-radius:10px;}
.hhcn-float-popup::after{content:'';position:absolute;right:-5px;top:50%;width:10px;height:10px;background:rgba(255,255,255,.96);border-right:1px solid rgba(0,0,0,.09);border-top:1px solid rgba(0,0,0,.09);transform:translateY(-50%) rotate(45deg);}
.hhcn-float-item:hover .hhcn-float-popup{display:block;}

/* 移动端：底部固定联系栏 */
@media(max-width:720px){
  .hhcn-float-wrap{right:0;bottom:0;left:0;top:auto;transform:none;flex-direction:row;gap:0;
    background:rgba(255,255,255,.95);backdrop-filter:blur(20px);
    border-top:1px solid var(--b1);padding:6px 12px;
    box-shadow:0 -4px 20px rgba(0,0,0,.08);}
  .hhcn-float-item{flex:1;width:auto;height:46px;border-radius:10px;gap:6px;flex-direction:row;box-shadow:none;}
  .hhcn-float-item.tel{background:var(--aw);}
  .hhcn-float-item.wx{background:var(--ag);}
  .hhcn-float-item i{font-size:17px;}
  .hhcn-float-item span{display:block;font-size:13px;color:#fff;font-weight:600;}
  .hhcn-float-popup{display:none!important;}
  .hhcn-float-item:hover{transform:none;opacity:.9;}
  body{padding-bottom:62px;}
}

/* 页脚 */
.footer{
  background:linear-gradient(160deg,#0A2540 0%,#0D3056 100%);
  border-top:3px solid var(--ap);
  margin-top:40px;
}
.footer,.footer p,.fcode{color:#8BAFC8;}
.footer a{color:#8BAFC8;}
.footer a:hover{color:#fff;}
.flinks{border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:14px;margin-bottom:12px;}
.fcode{font-size:13px;line-height:1.9;margin-bottom:10px;color:#7A9CB8;}
.footer p{font-size:12px;color:#6B8FA8;}