.ask-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9998;display:none}
.ask-panel{position:fixed;right:0;top:0;width:85%;max-width:420px;height:100%;background:#fff;z-index:9999;transform:translateX(100%);transition:transform .25s ease}
.ask-panel.show{transform:translateX(0)}
.ask-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #f0f0f0}
.ask-header .tabs{display:flex;gap:8px;align-items:center}
.ask-header .tabs span{padding:6px 10px;border-radius:16px;color:#999;font-size:14px}
.ask-header .tabs .on{background:#fff;color:#ff4b4b;border:1px solid #fff}
.ask-close{font-size:20px;color:#999}
.ask-submit{background:#ff4b4b;color:#fff;padding:6px 12px;border-radius:16px;font-size:14px;border:none}
.ask-body{padding:12px;overflow:auto;height:calc(100% - 48px)}
.ask-item{display:flex;gap:8px;margin-bottom:8px}
.ask-item i{width:36px;height:36px;border-radius:50%;overflow:hidden;flex:0 0 36px}
.ask-item img{width:100%;height:100%;object-fit:cover}
.ask-item .txt h3{font-size:14px;margin:0;color:#333}
.ask-item .txt time{display:block;font-size:12px;color:#999;margin-top:4px}
.ask-textarea{margin-top:8px}
.ask-textarea textarea{width:100%;height:120px;border:1px solid #eee;padding:10px;border-radius:6px;resize:none;font-size:14px}
.ask-bottom{display:flex;justify-content:flex-end;margin-top:8px}
.ask-note{color:#999;font-size:12px;margin-top:6px}
/* 小屏适配 */
@media (min-width:720px){
    .ask-panel{width:420px}
}