/* 在线客服 - 右侧竖排按钮样式（淡紫主题） */
.cs-wrap{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;display:flex;align-items:flex-start}
.cs-tab{width:42px;background:linear-gradient(180deg,#7C3AED,#A855F7);color:#fff;writing-mode:vertical-rl;text-orientation:mixed;font-size:15px;font-weight:600;letter-spacing:4px;padding:24px 0;border-radius:8px 0 0 8px;cursor:pointer;box-shadow:-4px 4px 16px rgba(124,58,237,.3);transition:.2s;display:flex;align-items:center;justify-content:center;gap:6px;user-select:none}
.cs-tab:hover{background:linear-gradient(180deg,#6D28D9,#9333EA)}
.cs-tab .arrow{writing-mode:horizontal-tb;font-size:14px;transition:.2s}
.cs-wrap.open .cs-tab .arrow{transform:rotate(180deg)}
.cs-panel{width:340px;background:#fff;border-radius:12px 0 0 12px;box-shadow:-8px 8px 32px rgba(0,0,0,.12);overflow:hidden;display:none;animation:csSlide .25s ease;max-height:80vh}
.cs-wrap.open .cs-panel{display:block}
@keyframes csSlide{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.cs-panel-head{background:linear-gradient(135deg,#F5F3FF,#EDE9FE);padding:16px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #E5E7EB}
.cs-panel-head .head-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#7C3AED,#A855F7);display:grid;place-items:center;color:#fff;font-size:20px}
.cs-panel-head .head-info b{display:block;font-size:16px;color:#2D1B69}
.cs-panel-head .head-info span{font-size:12px;color:#6B7280;display:flex;align-items:center;gap:4px}
.cs-panel-head .dot{width:8px;height:8px;border-radius:50%;background:#10B981;display:inline-block}
.cs-panel-head .cs-close{margin-left:auto;background:none;border:none;font-size:20px;color:#6B7280;cursor:pointer;padding:4px}
.cs-panel-body{padding:16px 18px;overflow-y:auto;max-height:calc(80vh - 70px)}
.cs-section{margin-bottom:18px}
.cs-section-title{font-size:14px;font-weight:700;color:#2D1B69;margin-bottom:10px;display:flex;align-items:center;gap:6px;padding-left:8px;border-left:3px solid #7C3AED}
.cs-qq-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13px}
.cs-qq-row .label{color:#6B7280}
.cs-qq-row .val{color:#7C3AED;font-weight:600}
.cs-qq-row .tip{font-size:12px;color:#9CA3AF;margin-left:8px}
.cs-divider{border:none;border-top:1px dashed #E5E7EB;margin:12px 0}
.cs-group-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13px}
.cs-group-row .gname{color:#374151;font-weight:500}
.cs-group-row .gnum{color:#6B7280;font-size:12px;margin-left:6px}
.cs-group-btn{background:#7C3AED;color:#fff;border:none;padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer;white-space:nowrap;transition:.15s}
.cs-group-btn:hover{background:#6D28D9}
.cs-wechat{text-align:center;padding:12px 0}
.cs-wechat .qr{width:96px;height:96px;margin:0 auto 8px;border:1px solid #E5E7EB;border-radius:8px;padding:4px;background:#fff}
.cs-wechat .qr img{width:100%;height:100%;object-fit:contain}
.cs-wechat .qr-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#9CA3AF;font-size:12px;background:#F9FAFB}
.cs-wechat p{font-size:12px;color:#6B7280}
.cs-panel-foot{background:#F9FAFB;padding:10px 18px;font-size:12px;color:#9CA3AF;text-align:center;border-top:1px solid #E5E7EB}
.cs-panel-foot a{color:#7C3AED;text-decoration:none}
@media(max-width:480px){.cs-panel{width:calc(100vw - 50px)}}