.content:has(#page-assistant.active) { display:flex; flex-direction:column; overflow:hidden; min-height:0; }
#page-assistant.travel-assistant.active { display:flex !important; flex:1; height:100%; width:100%; margin:0; min-height:0; overflow:hidden; max-width:none; gap:16px; }
#page-assistant .ta-context-source { border:0; border-bottom:1px solid #edf1f7; background:transparent; border-radius:0; padding:10px 0; color:#8297b9; font-size:10px; }
.travel-assistant { --ta-ink:#243858; --ta-muted:#8996aa; --ta-line:#e6ebf3; --ta-blue:#4f6ef7; --ta-tint:#f3f6ff; }
.ta-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; flex:none; }
#page-assistant .ta-heading h1 { font-size:23px; letter-spacing:-.5px; margin:0 0 5px; color:var(--ta-ink); }.ta-heading p { font-size:12px; color:var(--ta-muted); margin:0; }.ta-status { display:flex; align-items:center; gap:7px; font-size:11px; color:#7083a2; }.ta-status i { width:6px; height:6px; background:#62b796; border-radius:50%; }
.ta-workspace { flex:1; min-height:0; display:grid; grid-template-columns:176px minmax(0,1fr) 246px; background:white; border:1px solid var(--ta-line); border-radius:12px; overflow:hidden; box-shadow:0 3px 18px #253f6b03; }
.ta-rail { background:#f9fbff; border-right:1px solid var(--ta-line); padding:15px 11px; display:flex; flex-direction:column; gap:17px; min-height:0; }.ta-rail-group { display:grid; gap:5px; }.ta-rail-label { color:#9ba7b8; font-size:10px; margin:0 8px 6px; }.ta-history { flex:1; min-height:0; overflow:auto; scrollbar-width:thin; }.ta-rail button { display:flex; align-items:center; gap:9px; width:100%; border:0; border-radius:6px; background:transparent; padding:10px 9px; font:inherit; font-size:12px; color:#72829c; text-align:left; cursor:pointer; }.ta-rail button:hover { background:#edf2fb; }.ta-rail button.current { background:#eaf0ff; color:#4d69d2; font-weight:600; }.ta-rail .ta-new { border:1px solid #d8e2fa; background:white; color:#4869da; justify-content:center; font-weight:600; }.ta-scene-icon { display:grid; place-items:center; width:23px; height:23px; border:1px solid #e4eaf8; border-radius:6px; color:#6d87c5; background:white; flex:none; font-size:12px; }
.ta-history button { display:block; font-size:11px; line-height:1.6; }.ta-history button strong { display:block; font-size:11px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.ta-history button small { font-size:9px; color:#a3afc0; }.ta-rail-foot { border-top:1px solid var(--ta-line); padding:12px 7px 0; color:#a4afc0; font-size:10px; line-height:1.8; }
.ta-center { display:flex; flex-direction:column; min-width:0; min-height:0; }.ta-chat-header { flex:none; display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:60px; padding:14px 23px; border-bottom:1px solid var(--ta-line); }.ta-chat-header strong { font-size:12px; font-weight:600; color:#5d718f; }.ta-chat-header small { font-size:10px; display:block; color:#9ba8ba; margin-top:4px; }.ta-header-actions { display:flex; gap:6px; align-items:center; }
.ta-icon-button { background:transparent; border:1px solid #e3e9f4; color:#8898b3; border-radius:6px; width:29px; height:29px; cursor:pointer; font-size:15px; }.ta-mobile-sessions { display:none; }
.ta-thread { flex:1; min-height:0; overflow:auto; padding:28px 25px 20px; scrollbar-width:thin; overscroll-behavior:contain; background:linear-gradient(180deg,#fff,#fcfdff); }.ta-welcome { max-width:670px; margin:22px auto; }.ta-emblem { width:45px; height:45px; border-radius:13px; color:#5f7be3; background:#eef3ff; display:grid; place-items:center; font-size:23px; margin:0 0 18px; }.ta-welcome h2 { font-size:22px; font-weight:650; letter-spacing:-.5px; color:var(--ta-ink); margin:0 0 10px; }.ta-welcome > p { color:var(--ta-muted); font-size:12px; line-height:1.9; margin:0 0 24px; }.ta-suggestions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.ta-suggestion { text-align:left; border:1px solid #e3e9f4; background:white; padding:15px; border-radius:9px; cursor:pointer; font:inherit; transition:border-color .15s,box-shadow .15s; }.ta-suggestion:hover { border-color:#adbeee; box-shadow:0 4px 12px #4f6ef709; }.ta-suggestion > span { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:#536c98; }.ta-suggestion p { font-size:11px; color:#95a2b6; line-height:1.8; margin:9px 0 0; }.ta-suggestion em { font-size:10px; font-style:normal; color:#a8b3c5; display:block; margin-top:12px; }
.ta-examples { display:flex; gap:8px; flex-wrap:wrap; margin-top:20px; align-items:center; font-size:10px; color:#a4afc0; }.ta-examples button { border:0; background:none; color:#8b9fc6; font:inherit; font-size:10px; padding:3px 0; cursor:pointer; }
.ta-message { margin:0 0 25px; }.ta-message-user { display:flex; justify-content:flex-end; }.ta-question { background:#eef3ff; border:1px solid #e1e9fc; border-radius:11px 11px 3px 11px; padding:12px 16px; max-width:88%; font-size:13px; color:#47628d; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; }.ta-answer-label { display:flex; align-items:center; gap:7px; margin-bottom:12px; font-size:11px; font-weight:600; color:#6b81ac; }.ta-answer-label small { margin-left:auto; color:#a6b0bf; font-size:9px; font-weight:400; }.ta-answer { font-size:12px; color:#5b6f8b; line-height:1.95; overflow-wrap:anywhere; }.ta-answer h3 { font-size:15px; color:#365078; margin:0 0 10px; }.ta-answer p { margin:0 0 12px; }.ta-answer h4 { font-size:11px; color:#7187aa; margin:18px 0 8px; }.ta-answer ul,.ta-answer ol { padding-left:19px; margin:0 0 13px; }.ta-answer li { padding:2px 0; }.ta-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; background:#f7f9fd; padding:13px 15px; border:1px solid #e9eef7; border-radius:8px; margin:13px 0; }.ta-facts div { display:flex; flex-direction:column; gap:3px; min-width:0; }.ta-facts dt { color:#9ba8bc; font-size:10px; }.ta-facts dd { color:#526a90; font-size:12px; margin:0; overflow-wrap:anywhere; }.ta-product { background:#f8faff; border:1px solid #e4ebfa; border-radius:8px; padding:13px 15px; margin-bottom:9px; }.ta-product strong { font-size:12px; color:#4c6695; }.ta-product p { color:#8c9eb8; font-size:11px; margin:5px 0; }.ta-product .ta-price { font-size:16px; color:#4e6bc4; font-weight:600; }.ta-product .ta-price small { font-size:10px; font-weight:400; margin-left:6px; color:#96a4bc; }
.ta-reference-row { display:flex; gap:6px; flex-wrap:wrap; margin:15px 0 11px; }.ta-reference-row button { border:1px solid #e1e8f6; border-radius:5px; background:#f7f9ff; color:#7990b9; padding:4px 7px; font:inherit; font-size:10px; cursor:pointer; }.ta-answer-actions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:12px; }.ta-answer-actions button,.ta-context-content button.ta-link { border:1px solid #dce5f7; border-radius:6px; background:white; color:#6680b5; padding:6px 9px; font:inherit; font-size:10px; cursor:pointer; }.ta-answer-actions button:hover { background:#f3f6ff; }.ta-snapshot { color:#a7b1c1; font-size:9px; margin-top:8px; }
.ta-composer-wrap { flex:none; padding:14px 22px 12px; background:white; border-top:1px solid var(--ta-line); }.ta-context-chip { display:inline-flex; align-items:center; gap:9px; font-size:10px; color:#7490bd; background:#f3f6ff; border-radius:5px; padding:4px 8px; margin-bottom:8px; }.ta-context-chip button { border:0; background:none; color:#8a9fc2; cursor:pointer; font-size:14px; }.ta-composer { border:1px solid #dce4f4; border-radius:10px; padding:10px 12px; background:white; box-shadow:0 2px 9px #364c8003; }.ta-composer:focus-within { border-color:#98afea; box-shadow:0 0 0 3px #4f6ef707; }.ta-composer textarea { display:block; width:100%; min-height:52px; max-height:140px; resize:none; border:0; background:none; color:#425c80; font:inherit; font-size:12px; line-height:1.8; outline:none; padding:0; }.ta-composer textarea::placeholder { color:#a8b3c5; }.ta-compose-bottom { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:8px; }.ta-compose-bottom span { font-size:9px; color:#a3afc2; }.ta-compose-bottom button { background:#4f6ef7; color:white; border:1px solid #4f6ef7; border-radius:7px; padding:7px 13px; font:inherit; font-size:11px; cursor:pointer; }.ta-compose-bottom button:disabled { background:#c2cdef; border-color:#c2cdef; cursor:default; }.ta-disclosure { font-size:9px; color:#acb5c3; text-align:center; margin:8px 0 0; }
.ta-context { border-left:1px solid var(--ta-line); padding:19px 16px; overflow:auto; min-height:0; scrollbar-width:thin; background:#fdfefe; }.ta-context-content h3 { font-size:12px; color:#667c9e; margin:0 0 16px; }.ta-context-content h4 { font-size:10px; color:#97a5b9; font-weight:500; margin:21px 0 10px; }.ta-context-content label { display:grid; gap:7px; font-size:10px; color:#8d9db6; margin-bottom:13px; }.ta-context-content select { width:100%; min-width:0; padding:8px; background:white; border:1px solid #e1e8f4; border-radius:6px; color:#6c81a1; font:inherit; font-size:11px; }.ta-context-box { background:#f6f8fd; border:1px solid #e7edf7; padding:12px; border-radius:8px; margin:10px 0; }.ta-context-box strong { font-size:11px; color:#5a729d; display:block; line-height:1.7; }.ta-context-box p { font-size:10px; color:#90a0b8; line-height:1.9; margin:6px 0 0; }.ta-context-source { display:block; border:0; border-bottom:1px solid #edf1f7; padding:10px 0; width:100%; background:transparent; font:inherit; font-size:10px; text-align:left; color:#8297b9; line-height:1.8; cursor:pointer; }.ta-context-source small { display:block; color:#abb5c6; font-size:9px; }.ta-context-foot { color:#a0adc0; font-size:10px; line-height:1.9; padding-top:10px; }.ta-context-toggle { display:none; }
#page-assistant.travel-assistant :focus-visible { outline:2px solid #8aa8f0; outline-offset:3px; }.ta-inline-feedback { font-size:10px; color:#6688a8; margin:7px 0 0; min-height:15px; }.ta-header-actions button[aria-label="删除当前会话"] { font-size:12px; }
@media(max-width:1250px) { .ta-workspace { grid-template-columns:155px minmax(0,1fr); }.ta-context { display:none; }.ta-context-toggle { display:inline-block; }.ta-rail { padding:14px 9px; }.ta-thread { padding:23px 22px; } }
@media(max-width:850px) { #page-assistant.travel-assistant.active { gap:12px; }.ta-workspace { grid-template-columns:minmax(0,1fr); }.ta-rail { display:none; }.ta-mobile-sessions { display:block; min-width:0; max-width:180px; padding:6px; border:1px solid #e0e7f3; border-radius:6px; font:inherit; font-size:11px; color:#7186a9; background:white; }.ta-heading h1 { font-size:20px !important; }.ta-heading .ta-status { display:none; }.ta-chat-header { padding:12px 17px; }.ta-welcome { margin:10px auto; }.ta-welcome h2 { font-size:20px; }.ta-thread { padding:20px 17px; }.ta-composer-wrap { padding:12px 15px 10px; }.ta-context-toggle { display:inline-block; }.ta-session-heading { display:none; }.ta-suggestion { padding:12px; } }
@media(max-width:450px) { .ta-heading p { font-size:10px; line-height:1.6; }.ta-heading h1 { font-size:20px !important; }.ta-suggestions { grid-template-columns:1fr; gap:9px; }.ta-suggestion { padding:12px 14px; }.ta-suggestion p { margin:6px 0 0; }.ta-suggestion em { display:none; }.ta-emblem { margin-bottom:14px; width:37px; height:37px; font-size:20px; }.ta-welcome > p { margin-bottom:17px; font-size:11px; }.ta-welcome h2 { font-size:19px; }.ta-thread { padding:18px 15px; }.ta-composer textarea { min-height:43px; }.ta-facts { padding:11px; gap:8px 12px; }.ta-examples { margin-top:15px; }.ta-answer-label small { font-size:8px; }.ta-answer { font-size:12px; }.ta-disclosure { line-height:1.6; }.ta-mobile-sessions { max-width:160px; } }