/* 微号通 — 暖橙主题自定义样式 */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;}

/* 侧栏 */
.sidebar{transition:transform .3s;position:sticky;top:80px;align-self:flex-start;}
@media(max-width:768px){
    .sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;transform:translateX(-100%);box-shadow:4px 0 20px rgba(0,0,0,.15);}
    .sidebar.active{transform:translateX(0);}
    .sidebar-overlay.active{display:block;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:40;}
}

/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s;text-decoration:none;font-family:inherit;}
.btn-primary{background:linear-gradient(135deg,#FF6B35,#FF8C61);color:#fff;}
.btn-primary:hover{opacity:.9;transform:scale(1.02);}
.btn-outline{background:#fff;border-color:#e5e7eb;color:#374151;}
.btn-outline:hover{background:#f9fafb;}

/* 弹窗 */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:100;}
.modal-overlay.hidden{display:none;}
.modal-box{background:#fff;border-radius:16px;padding:28px;width:90%;max-width:520px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.15);}

/* 灯箱 */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;gap:12px;}
.lightbox.hidden{display:none;}

/* 弹窗加大 */
.modal-box{max-width:600px;}
@media(min-width:768px){.modal-box{max-width:640px;}}

/* Toast */
.toast{position:fixed;top:20px;right:20px;z-index:300;padding:12px 20px;border-radius:10px;color:#fff;font-size:14px;transform:translateX(120%);transition:transform .3s;pointer-events:none;}
.toast.show{transform:translateX(0);}
.toast.success{background:#10B981;}
.toast.error{background:#EF4444;}

/* FAQ折叠 */
.faq-item .faq-answer{transition:max-height .3s;}

/* Hot标签脉冲 */
@keyframes pulse-hot{0%,100%{opacity:1}50%{opacity:.6}}

/* 内容区 */
.content{flex:1;min-width:0;}
@media(max-width:768px){.content{width:100%;}}