.topbar{height:var(--spacing-topbar, 54px);background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-lg);display:flex;align-items:center;position:sticky;top:0;z-index:50}.topbar .brand-logo{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--color-primary),var(--color-gold));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.topbar .brand-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:.5px}.topbar .brand-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);letter-spacing:1px}.topbar .user-avatar{width:26px;height:26px;border-radius:50%;background:var(--color-bg-hover);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.sidebar{width:260px;background:var(--color-bg-card);border-right:1px solid var(--color-border);overflow:visible}.sidebar-header{padding:var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--color-border)}.sidebar-new-topic-btn{border:1px solid var(--color-border);background:var(--color-bg-hover);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary);font-size:var(--font-size-sm);width:100%;text-align:left;transition:all .2s}.sidebar-new-topic-btn:hover{background:var(--color-bg-active);border-color:var(--color-gold)}.sidebar-session-item{padding:10px 12px;border-radius:var(--radius-md);transition:all .2s;cursor:pointer}.sidebar-session-item:hover{background:var(--color-bg-hover)}.sidebar-session-item.active{background:var(--color-bg-hover);border:1px solid var(--color-border)}.right-panel{width:320px;background:var(--color-bg-card);border-left:1px solid var(--color-border);overflow-y:auto}.expert-match-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);position:relative;overflow:hidden;transition:all .25s}.expert-match-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--theme, var(--color-gold))}.expert-match-card.selected{border-color:var(--theme, var(--color-gold));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme, var(--color-gold)) 20%,transparent)}.expert-match-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.expert-match-card .expert-avatar{width:56px;height:56px;border-radius:50%;background:var(--theme, var(--color-gold));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.expert-match-card .expert-signature{font-style:italic;border-left:2px solid var(--theme, var(--color-gold));padding-left:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.expert-match-card .expert-checkbox{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-bg-card);cursor:pointer;transition:all .2s}.expert-match-card .expert-checkbox.checked{background:var(--theme, var(--color-gold));border-color:var(--theme, var(--color-gold))}.expert-answer-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.expert-answer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--theme, var(--color-gold))}.expert-answer-card .card-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.expert-answer-card .expert-avatar-sm{width:48px;height:48px;border-radius:50%;background:var(--theme, var(--color-gold));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-semibold)}.expert-answer-card .expert-nameplate{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.expert-answer-card .expert-tag{font-size:var(--font-size-xs);background:var(--color-bg-hover);color:var(--theme, var(--color-gold));padding:2px var(--spacing-sm);border-radius:var(--radius-sm)}.expert-answer-card .expert-signature-area{font-style:italic;font-size:var(--font-size-sm);background:var(--color-bg-hover);border-left:3px solid var(--theme, var(--color-gold));padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary)}.expert-answer-card .card-body{padding:var(--spacing-md);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.expert-answer-card .card-body strong{color:var(--theme, var(--color-primary));font-weight:var(--font-weight-semibold)}.expert-answer-card .card-actions{background:var(--color-bg-hover);padding:var(--spacing-sm) var(--spacing-md);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.expert-answer-card .action-btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg-card);padding:6px var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all .2s}.expert-answer-card .action-btn:hover{border-color:var(--theme, var(--color-gold));color:var(--theme, var(--color-gold))}.expert-answer-card .thinking{font-style:italic;color:var(--color-text-secondary)}.expert-answer-card .thinking:after{content:".";animation:dots 1.4s infinite}.user-message-bubble{align-self:flex-end;max-width:75%;background:var(--color-primary);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 2px var(--radius-lg);padding:10px var(--spacing-md);box-shadow:0 2px 8px #0000000f}.conclusion-card{background:linear-gradient(165deg,#fdfbf3,#f3ecd8);padding:var(--spacing-xl) var(--spacing-lg);border-radius:var(--radius-lg);position:relative;box-shadow:inset 0 0 0 1px #b8884a4d}.conclusion-card:before{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:1px solid rgba(184,136,74,.2);border-radius:calc(var(--radius-lg) - 4px);pointer-events:none}.conclusion-card .report-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gold);margin-bottom:var(--spacing-md)}.conclusion-card .priority-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.conclusion-card .priority-dot.high{background:var(--color-error)}.conclusion-card .priority-dot.medium{background:var(--color-gold)}.conclusion-card .priority-dot.low{background:var(--color-text-secondary)}.conclusion-card .action-checkbox{width:18px;height:18px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg-card)}.conclusion-card .watermark{border:1px dashed var(--color-gold);color:var(--color-gold);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);text-align:center}.conclusion-card .qrcode-placeholder{width:48px;height:48px;background:var(--color-bg-hover);border:1px solid var(--color-border)}.expert-entrance-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1a178c;display:flex;align-items:center;justify-content:center;z-index:100;animation:entranceFadeIn .3s ease-out}.expert-entrance-overlay.fading-out{animation:entranceFadeOut .4s ease-in forwards}.expert-entrance-card{max-width:380px;width:90vw;background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-entrance);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;position:relative;overflow:hidden;animation:entranceCardIn .35s ease-out}.expert-entrance-card.fading-out{animation:entranceCardOut .4s ease-in forwards}.expert-entrance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--theme, var(--color-gold))}.expert-entrance-card .entrance-avatar{width:80px;height:80px;border-radius:50%;background:var(--theme, var(--color-gold));margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.input-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);transition:border-color .2s}.input-card:focus-within{border-color:var(--color-gold)}.message-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);transition:border-color .2s}.message-editor:focus-within{border-color:var(--color-gold)}.btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{background:var(--color-text-secondary);cursor:not-allowed}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.btn-pill{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:6px var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.btn-pill:hover{border-color:var(--color-gold);color:var(--color-gold)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--color-text-primary);color:#fff;border-radius:var(--radius-pill);padding:10px var(--spacing-lg);font-size:var(--font-size-sm);z-index:200;transition:opacity .25s}.scenario-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-md);transition:all .25s;cursor:pointer}.scenario-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-gold)}@media (max-width: 1100px){.sidebar{width:220px}.right-panel{width:280px}}@media (max-width: 900px){.sidebar,.right-panel{display:none}}.quote-highlight{animation:quoteGlow .8s ease-in-out 2;color:var(--theme, var(--color-primary));font-weight:var(--font-weight-semibold)}.theme-positioning{--theme: var(--color-expert-positioning)}.theme-viral{--theme: var(--color-expert-viral)}.theme-pricing{--theme: var(--color-expert-pricing)}.theme-advertising{--theme: var(--color-expert-advertising)}.theme-branding{--theme: var(--color-expert-branding)}.theme-strategy{--theme: var(--color-expert-strategy)}
