:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20242c;background:#f5f6f8}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:28px max(24px,calc((100% - 1180px)/2));background:#fff;border-bottom:1px solid #e9ebef}h1,h2,p{margin:0}h1{font-size:26px}header p{color:#7a8494;margin-top:6px}button{border:1px solid #d9dde5;border-radius:9px;padding:10px 15px;background:#fff;cursor:pointer;font-size:14px}.primary,#newCard{background:#fe2c55;color:#fff;border-color:#fe2c55}.layout{max-width:1180px;margin:24px auto;display:grid;grid-template-columns:1fr 1.05fr;gap:20px;padding:0 18px}.panel{background:#fff;border:1px solid #e8ebf0;border-radius:16px;min-height:560px}.section-title,.chat-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #edf0f3}.section-title input{width:180px;padding:9px;border:1px solid #dfe3ea;border-radius:8px}.cards{padding:16px}.card-item{display:flex;gap:12px;padding:14px;border:1px solid #edf0f3;border-radius:12px;margin-bottom:10px}.thumb{width:76px;height:58px;border-radius:8px;background:#f0f1f4;object-fit:cover}.card-info{flex:1;min-width:0}.card-info h3{margin:0 0 5px;font-size:16px}.card-info p{color:#7a8494;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url{font-size:12px;color:#697386;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.item-actions{display:flex;gap:6px;margin-top:8px}.item-actions button{padding:5px 8px;font-size:12px}.empty{text-align:center;color:#8b95a5;padding:60px 20px}.chat{display:flex;flex-direction:column}.online{color:#18a058;font-size:13px}.messages{padding:20px;flex:1;min-height:360px;max-height:470px;overflow:auto;background:#fafbfc}.bubble{max-width:82%;margin:0 0 14px auto;background:#e9f3ff;border-radius:12px;padding:11px 13px}.bubble.card-bubble{background:#fff;border:1px solid #e8ebf0;padding:0;overflow:hidden}.bubble-card{display:flex;gap:10px;padding:12px}.bubble-card img{width:54px;height:46px;object-fit:cover;border-radius:6px}.bubble-card small{display:block;color:#7a8494;margin-top:3px}.bubble-card a{display:block;color:#2979ff;font-size:12px;margin-top:4px;word-break:break-all}.composer{padding:14px;border-top:1px solid #edf0f3;position:relative}.composer textarea{width:100%;resize:none;height:54px;border:1px solid #dfe3ea;border-radius:9px;padding:10px;font:inherit}.toolbar{display:flex;gap:8px;margin-top:9px}.picker{position:absolute;bottom:112px;left:14px;right:14px;background:#fff;border:1px solid #dfe3ea;border-radius:12px;padding:10px;box-shadow:0 10px 30px #0002;z-index:2}.picker-card{display:flex;gap:9px;align-items:center;padding:9px;border-radius:8px;cursor:pointer}.picker-card:hover{background:#f5f6f8}.picker-card img{width:42px;height:34px;object-fit:cover;border-radius:5px}.hidden{display:none}dialog{border:0;border-radius:15px;padding:0;box-shadow:0 15px 50px #0003;width:min(480px,calc(100% - 32px))}dialog::backdrop{background:#10182866}#cardForm{padding:24px;display:flex;flex-direction:column;gap:13px}label{font-size:13px;color:#586174}input,form textarea{width:100%;margin-top:6px;padding:10px;border:1px solid #dfe3ea;border-radius:8px;font:inherit}form textarea{min-height:75px;resize:vertical}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}@media(max-width:800px){.layout{grid-template-columns:1fr}header{padding:20px}.panel{min-height:auto}}