.ctb-wrap{position:fixed;z-index:99999;bottom:24px}
.ctb-left{left:24px}.ctb-right{right:24px}
.ctb-wrap .ctb-launch{width:56px;height:56px;border-radius:50%;border:none;box-shadow:0 6px 18px rgba(0,0,0,.2);cursor:pointer;font-size:22px;background:#fff}
.ctb-wrap .ctb-panel{position:fixed;bottom:24px;left:24px;width:340px;max-width:92vw;height:520px;max-height:70vh;background:#fff;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.2);display:none;flex-direction:column;overflow:hidden}
.ctb-wrap.ctb-right .ctb-panel{right:24px;left:auto}
.ctb-wrap.ctb-open .ctb-panel{display:flex}
.ctb-wrap.ctb-open .ctb-launch{display:none}
.ctb-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #eee}
.ctb-title{font-weight:700}
.ctb-close{border:none;background:transparent;font-size:24px;cursor:pointer;line-height:1}
.ctb-body{flex:1;overflow:auto}
.ctb-chat{padding:12px;display:flex;flex-direction:column;gap:10px}
.ctb-msg{padding:10px 12px;border-radius:12px;max-width:90%}
.ctb-bot{background:#eef2ff;align-self:flex-start;border:1px solid #e5e7eb}
.ctb-input{position:relative}
.ctb-input input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;outline:none}
.ctb-suggest{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #eee;border-top:none;display:none;max-height:180px;overflow:auto;border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:2}
.ctb-suggest-item{padding:8px 10px;cursor:pointer}
.ctb-suggest-item:hover{background:#f8fafc}
.ctb-search{margin-top:6px;padding:10px 12px;border:none;background:#111827;color:#fff;border-radius:10px;cursor:pointer}
.ctb-results{margin-top:8px}
.ctb-empty{padding:10px 12px;color:#6b7280}
.ctb-results-title{font-weight:700;margin:6px 2px}
.ctb-grid{display:grid;grid-template-columns:1fr;gap:10px}
.ctb-card{display:block;border:1px solid #eee;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .05s ease, box-shadow .1s ease}
.ctb-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.ctb-thumb{height:120px;background:#f8fafc;background-size:cover;background-position:center}
.ctb-name{font-weight:600;padding:8px 10px}
.ctb-meta{padding:0 10px 8px;color:#6b7280}
.ctb-view{padding:8px 10px;border-top:1px solid #f1f5f9;text-align:center;font-weight:600}
@media(min-width:480px){.ctb-grid{grid-template-columns:1fr 1fr}}
.ctb-modepick{display:flex;gap:8px;margin:6px 0}
.ctb-mode-btn{flex:1;border:1px solid #e5e7eb;border-radius:10px;padding:8px;background:#fff;cursor:pointer}
.ctb-mode-btn:hover{background:#f8fafc}