/* 万琴 V0.18：以客户任务为中心的导览。 */
#customerJourney[hidden], #customerJourneyReturn[hidden], #chat #messages[hidden], #chat #chatForm[hidden], #chat #promptRow[hidden] { display:none !important; }
#chat .customer-journey { flex:1 1 0; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:16px 2px 26px; scrollbar-width:thin; scrollbar-color:rgba(179,153,255,.35) transparent; }
#chat .cj-intro { position:relative; overflow:hidden; padding:24px 21px; border:1px solid rgba(202,175,255,.22); border-radius:24px; background:radial-gradient(circle at 90% 0%,rgba(158,96,240,.3),transparent 46%),linear-gradient(155deg,rgba(26,23,57,.98),rgba(11,20,46,.96)); box-shadow:0 16px 36px rgba(0,0,0,.22); }
#chat .cj-intro::after { content:""; position:absolute; right:-52px; bottom:-92px; width:190px; height:190px; border:1px solid rgba(223,192,255,.18); border-radius:50%; box-shadow:0 0 0 28px rgba(182,139,255,.035),0 0 0 57px rgba(182,139,255,.025); pointer-events:none; }
#chat .cj-eyebrow,#chat .cj-stage-top span { display:block; color:#d9baff; font-size:10px; font-weight:700; letter-spacing:.12em; }
#chat .cj-intro h2 { position:relative; z-index:1; margin:12px 0 10px; color:#fff; font-size:clamp(23px,6vw,32px); line-height:1.28; letter-spacing:-.025em; }
#chat .cj-intro h2 em { font-style:normal; color:#f1d3bb; }
#chat .cj-intro p { position:relative; z-index:1; max-width:34em; margin:0; color:#c5c5d8; font-size:13px; line-height:1.75; }
#chat .cj-scene-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:14px; }
#chat .cj-scene { position:relative; min-height:170px; overflow:hidden; border:1px solid rgba(218,198,255,.14); border-radius:18px; padding:0; color:#fff; background:#18213a; text-align:left; isolation:isolate; transition:transform .2s ease,border-color .2s ease; }
#chat .cj-scene:hover,#chat .cj-scene:focus-visible { transform:translateY(-2px); border-color:rgba(237,205,255,.65); outline:none; }
#chat .cj-scene::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(0deg,rgba(5,8,25,.96),rgba(8,11,29,.3) 78%); }
#chat .cj-scene img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; opacity:.86; transition:transform .35s ease; }
#chat .cj-scene:hover img { transform:scale(1.06); }
#chat .cj-scene > span { display:flex; flex-direction:column; justify-content:flex-end; min-height:170px; padding:15px 13px; }
#chat .cj-scene small { color:#e7c5aa; font-size:10px; font-weight:800; letter-spacing:.06em; }
#chat .cj-scene strong { display:block; margin-top:7px; font-size:15px; line-height:1.35; }
#chat .cj-scene em { display:block; margin-top:5px; max-width:19em; color:#d8d8e3; font-size:11px; font-style:normal; line-height:1.55; }
#chat .cj-scene b { position:absolute; top:11px; right:12px; font-size:18px; font-weight:400; }
#chat .cj-free { display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:13px; padding:13px 15px; border:1px solid rgba(190,164,247,.25); border-radius:14px; color:#e7d9ff; background:rgba(114,79,187,.11); font-size:12px; font-weight:700; text-align:left; }
#chat .cj-free span { font-size:18px; }
#chat .cj-stage-top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:2px 0 23px; }
#chat .cj-stage-top button,#chat .customer-journey-return { padding:8px 0; color:#ddd0f9; background:transparent; font-size:12px; }
#chat .customer-journey-return { flex:0 0 auto; align-self:flex-start; margin:8px 0; }
#chat .cj-question { padding:22px 18px; border:1px solid rgba(209,175,255,.22); border-radius:22px; background:linear-gradient(145deg,rgba(38,32,77,.9),rgba(14,21,48,.92)); }
#chat .cj-question small,#chat .cj-result-hero small { color:#e8c59e; font-size:11px; font-weight:800; letter-spacing:.06em; }
#chat .cj-question h2 { margin:10px 0 8px; font-size:25px; color:#fff; line-height:1.3; }
#chat .cj-question p { margin:0; color:#bbbdd1; font-size:13px; line-height:1.7; }
#chat .cj-options { display:grid; gap:10px; margin-top:14px; }
#chat .cj-options button { display:flex; align-items:center; gap:13px; width:100%; min-height:68px; padding:13px 16px; border:1px solid rgba(211,193,252,.2); border-radius:15px; color:#f8f5ff; background:rgba(35,37,70,.8); text-align:left; }
#chat .cj-options button:hover,#chat .cj-options button:focus-visible { border-color:#cba8ff; background:rgba(70,54,114,.8); }
#chat .cj-options span { color:#e7c5aa; font-size:11px; }
#chat .cj-options strong { flex:1; font-size:14px; }
#chat .cj-options b { font-size:20px; font-weight:400; }
#chat .cj-result { overflow:hidden; border:1px solid rgba(211,190,255,.22); border-radius:22px; color:#edf0ff; background:linear-gradient(155deg,rgba(27,27,61,.97),rgba(12,20,43,.98)); }
#chat .cj-result-hero { padding:23px 20px; background:radial-gradient(circle at 95% 8%,rgba(181,115,204,.24),transparent 52%); }
#chat .cj-result-hero h2 { margin:9px 0; font-size:24px; line-height:1.25; }
#chat .cj-result-hero p { margin:0; color:#e5e0ec; font-size:14px; line-height:1.75; }
#chat .cj-result section { padding:17px 20px; border-top:1px solid rgba(201,197,247,.12); }
#chat .cj-result section h3 { margin:0 0 9px; color:#ebc7a6; font-size:12px; letter-spacing:.05em; }
#chat .cj-result ul,#chat .cj-result ol { margin:0; padding-left:19px; color:#d3d5e4; font-size:13px; line-height:1.8; }
#chat .cj-result li + li { margin-top:4px; }
#chat .cj-result .cj-next { background:rgba(104,80,155,.1); }
#chat .cj-sources div { display:flex; flex-wrap:wrap; gap:7px; }
#chat .cj-sources a { padding:7px 9px; border:1px solid rgba(184,163,245,.26); border-radius:9px; color:#cbb7ff; background:rgba(111,83,173,.11); font-size:11px; text-decoration:none; }
#chat .cj-result-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:11px; }
#chat .cj-result-actions button { min-height:47px; padding:9px 11px; border:1px solid rgba(198,165,255,.35); border-radius:12px; color:#fff; background:rgba(98,72,165,.27); font-size:11px; line-height:1.4; }
#chat .cj-result-actions button:last-child { background:linear-gradient(125deg,#7547c3,#315dbd); }
@media (max-width:430px) { #chat .customer-journey { padding-top:10px; } #chat .cj-intro { padding:21px 17px; border-radius:20px; } #chat .cj-scene-grid { gap:8px; } #chat .cj-scene,#chat .cj-scene > span { min-height:166px; } #chat .cj-scene > span { padding:11px; } #chat .cj-scene strong { font-size:13px; } #chat .cj-scene em { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { #chat .cj-scene,#chat .cj-scene img { transition:none; } }