/* ==========================================================================
   Zhihuilu · AI 问询面板
   结构、尺寸、交互态与 come-to-china.com 的 ctc-askai 组件一致，
   仅将选择器前缀改为 zhl-askai 以避免与父主题/插件冲突。
   颜色走本站令牌：--zhl-brand / --zhl-ink / --zhl-page，
   原组件的橙色强调统一替换为本站中国红。
   ========================================================================== */

#zhl-askai-dock,.zhl-askai-nav { box-sizing:border-box;font-family:var(--global-body-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);-webkit-font-smoothing:antialiased }
.zhl-askai-nav { display:inline-flex;align-items:center;align-self:center;gap:8px;height:46px;margin:0 6px 0 10px;padding:0 16px;border:1px solid #fff0;border-radius:32px;background:#fff;color:#192024;font-size:16px;font-weight:600;line-height:1;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;box-shadow:none;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease }
.zhl-askai-nav:focus,.zhl-askai-nav:active,.zhl-askai-nav:focus-visible { border-color:#fff0;background:#fff;box-shadow:none;color:#192024;outline:none }
.zhl-askai-nav:hover,.zhl-askai-nav:focus-visible { border-color:#fff0;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--zhl-brand, #c7000b),#ff6fd0 50%,var(--zhl-brand, #c7000b)) border-box;box-shadow:0 4px 16px rgb(255 105 15 / .2);color:#192024;outline:none }
.zhl-askai-nav .zhl-askai-star { display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:17px;height:17px;color:var(--zhl-brand, #c7000b);line-height:1 }
.zhl-askai-nav .zhl-askai-star svg { display:block;width:100%;height:100%;fill:currentColor;transform-origin:50% 50%;transition:transform .62s cubic-bezier(.2,.7,.3,1) }
.zhl-askai-nav:hover .zhl-askai-star svg,.zhl-askai-nav:focus-visible .zhl-askai-star svg { transform:rotate(90deg) scale(1.18) }
#zhl-askai-dock { position:fixed;left:24px;bottom:24px;z-index:2147482000;display:inline-flex;align-items:center;gap:8px;height:56px;width:360px;max-width:min(360px,calc(100vw - 48px));padding:0 14px 0 16px;border:1.5px solid #fff0;border-radius:999px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(96deg,var(--zhl-brand, #c7000b),var(--zhl-brand, #c7000b)) border-box;color:#192024;font-size:15px;font-weight:600;line-height:1;cursor:pointer;text-align:left;box-shadow:0 10px 30px rgb(18 26 36 / .14),0 1px 2px rgb(18 26 36 / .06);transition:background .18s ease,box-shadow .2s ease,transform .2s ease,border-color .18s ease,opacity .25s ease }
#zhl-askai-dock:hover,#zhl-askai-dock:focus-visible { border-color:#fff0;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(96deg,var(--zhl-brand, #c7000b),var(--zhl-brand, #c7000b)) border-box;box-shadow:0 14px 36px rgb(255 105 15 / .22),0 2px 6px rgb(18 26 36 / .08);transform:translateY(-2px);outline:none }
#zhl-askai-dock .zhl-askai-star { display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;color:#192024;line-height:1 }
#zhl-askai-dock .zhl-askai-star svg { display:block;width:100%;height:100%;fill:currentColor;transform-origin:50% 50%;transition:transform .62s cubic-bezier(.2,.7,.3,1) }
#zhl-askai-dock:hover .zhl-askai-star svg,#zhl-askai-dock:focus-visible .zhl-askai-star svg { transform:rotate(90deg) scale(1.18) }
#zhl-askai-dock .zhl-askai-dock-text { flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#40484d;font-weight:500 }
#zhl-askai-dock .zhl-askai-dock-go { flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--zhl-brand, #c7000b);opacity:.9 }
#zhl-askai-dock[hidden] { display:none }
#zhl-askai-scrim { position:fixed;inset:0;z-index:2147482100;background:rgb(12 18 24 / .34);opacity:0;visibility:hidden;transition:opacity .26s ease,visibility .26s ease }
#zhl-askai-panel { position:fixed;top:0;left:0;bottom:0;z-index:2147482200;display:flex;flex-direction:column;width:min(520px,100vw);background:#fafbfc;color:#192024;box-shadow:24px 0 64px rgb(12 18 24 / .18);transform:translateX(-102%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.7,.3,1),visibility .3s;font-family:var(--global-body-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);-webkit-font-smoothing:antialiased }
#zhl-askai-root.is-open #zhl-askai-scrim { opacity:1;visibility:visible }
#zhl-askai-root.is-open #zhl-askai-panel { transform:translateX(0);visibility:visible }
[dir="rtl"] #zhl-askai-panel { left:auto;right:0;box-shadow:-24px 0 64px rgb(12 18 24 / .18);transform:translateX(102%) }
[dir="rtl"] #zhl-askai-root.is-open #zhl-askai-panel { transform:translateX(0) }
.zhl-askai-top { flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 6px }
.zhl-askai-brand { display:none;color:#192024;font-size:16px;font-weight:700;letter-spacing:-.01em;white-space:nowrap }
.zhl-askai-tools { display:flex;align-items:center;gap:4px;flex:0 0 auto }
.zhl-askai-icon-btn { display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:#fff;color:#192024;cursor:pointer;transition:background .16s ease }
.zhl-askai-icon-btn:hover { background:#eceff1 }
.zhl-askai-icon-btn svg { display:block;width:20px;height:20px;fill:currentColor }
#zhl-askai-panel .zhl-askai-x { width:40px;height:40px;border-radius:8px;background:#fff;color:#192024 }
.zhl-askai-shell { flex:1 1 auto;min-height:0;display:block }
.zhl-askai-side { display:none }
.zhl-askai-col { display:flex;flex-direction:column;min-height:0;height:100% }
.zhl-askai-new { display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:1px solid #192024;border-radius:9999px;background:#fff;color:#192024;font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background .16s ease,transform .16s ease }
.zhl-askai-new:hover { background:#f2f5f7;transform:translateY(-1px) }
.zhl-askai-new svg { display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round }
.zhl-askai-body { flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 24px 16px;overscroll-behavior:contain }
.zhl-askai-hello { display:flex;flex-direction:column }
.zhl-askai-star-lg { display:block;width:28px;height:28px;margin:6px 0 12px;fill:var(--zhl-brand, #c7000b) }
.zhl-askai-title { margin:0;color:#192024;font-size:24px;font-weight:600;line-height:1.33;letter-spacing:-.01em }
.zhl-askai-showmore { align-self:flex-end;margin:20px 0 10px;padding:8px 12px;border:0;border-radius:8px;background:#fff0;color:#192024;font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background .16s ease }
.zhl-askai-showmore:hover { background:#eceff1 }
.zhl-askai-showmore[hidden] { display:none }
.zhl-askai-quick { display:flex;flex-direction:column;gap:8px;margin:0 }
.zhl-askai-chip { display:flex;align-items:center;gap:8px;min-height:44px;padding:12px;border:0;border-radius:16px;background:#f0f3f5;color:#192024;font-family:inherit;font-size:16px;font-weight:400;line-height:1.25;text-align:left;cursor:pointer;transition:background .16s ease }
.zhl-askai-chip:hover { background:#e7ebee }
.zhl-askai-chip svg { display:block;width:20px;height:20px;flex:0 0 auto;fill:#192024 }
.zhl-askai-chip span { min-width:0 }
.zhl-askai-msg { margin:0 0 14px }
.zhl-askai-msg-imgs { display:flex;flex-wrap:wrap;gap:4px;margin-top:8px }
.zhl-askai-msg-imgs img { display:block;width:64px;height:64px;object-fit:cover;border-radius:8px }
.zhl-askai-msg-q { width:fit-content;max-width:86%;margin-left:auto;padding:10px 14px;border-radius:16px 16px 4px 16px;background:#192024;color:#fff;font-size:15px;font-weight:600;line-height:1.5 }
.zhl-askai-msg-a { padding:14px 15px;border:1px solid #e6eaed;border-radius:16px;background:#fff;color:#252c31;font-size:15px;line-height:1.66 }
.zhl-askai-msg-a p { margin:0 0 10px }
.zhl-askai-msg-a p:last-child { margin-bottom:0 }
.zhl-askai-msg-a .ctc-l1__tag { display:inline-block;margin:0 0 8px;color:var(--zhl-brand, #c7000b);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase }
.zhl-askai-src { margin:10px 0 0;padding:9px 0 0;list-style:none;border-top:1px solid #eef1f3 }
.zhl-askai-src-t { margin:0 0 6px;color:#8b949b;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase }
.zhl-askai-src li { margin:0 0 5px }
.zhl-askai-src a { display:inline-block;color:#0b6bb5;font-size:13px;line-height:1.45;text-decoration:none }
.zhl-askai-src a:hover { text-decoration:underline }
.zhl-askai-think { display:inline-flex;align-items:center;gap:8px;color:#5a6872;font-size:14px }
.zhl-askai-dots { display:inline-flex;gap:3px }
.zhl-askai-dots i { width:5px;height:5px;border-radius:50%;background:#aeb9c0;animation:ctcAskaiDot 1s infinite }
.zhl-askai-dots i:nth-child(2) { animation-delay:.15s }
.zhl-askai-dots i:nth-child(3) { animation-delay:.3s }
.zhl-askai-err { margin:0;color:#c0392b;font-size:14px;line-height:1.5 }
.zhl-askai-cta { position:relative;box-sizing:border-box;margin:0 0 14px;padding:16px;border:1px solid #e6eaed;border-radius:16px;background:#fff;animation:ctcAskaiCtaIn .22s ease both }
.zhl-askai-cta.is-compact { padding:14px 16px }
.zhl-askai-cta-t { margin:0;padding-right:26px;padding-inline-end:26px;color:#192024;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.01em }
.zhl-askai-cta-d { margin:6px 0 0;color:#5a6872;font-size:14px;line-height:1.55 }
.zhl-askai-cta-actions { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px }
#zhl-askai-panel .zhl-askai-cta-primary,#zhl-askai-panel .zhl-askai-cta-secondary { display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:44px;padding:0 18px;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,filter .16s ease,transform .16s ease }
#zhl-askai-panel .zhl-askai-cta-primary { border:1px solid #fff0;background:var(--global-palette1,#c7000b);color:#fff }
#zhl-askai-panel .zhl-askai-cta-primary:hover { color:#fff;filter:brightness(.92);transform:translateY(-1px) }
#zhl-askai-panel .zhl-askai-cta-secondary { border:1px solid rgb(25 32 36 / .22);background:#fff;color:#192024 }
#zhl-askai-panel .zhl-askai-cta-secondary:hover { border-color:rgb(25 32 36 / .38);background:#f2f5f7;color:#192024 }
#zhl-askai-panel .zhl-askai-cta-primary:active,#zhl-askai-panel .zhl-askai-cta-secondary:active { transform:none }
#zhl-askai-panel .zhl-askai-cta-primary:focus-visible,#zhl-askai-panel .zhl-askai-cta-secondary:focus-visible { outline:2px solid rgb(25 32 36 / .45);outline-offset:2px }
.zhl-askai-cta-secondary svg { display:block;width:16px;height:16px;flex:0 0 auto;fill:currentColor }
.zhl-askai-cta-mail { margin:10px 0 0;color:#8b949b;font-size:12px;line-height:1.4 }
.zhl-askai-cta-mail a { color:#5a6872;text-decoration:underline;text-underline-offset:2px }
.zhl-askai-cta-mail a:hover { color:#192024 }
.zhl-askai-cta-x { position:absolute;top:10px;right:10px;inset-inline-end:10px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:6px;background:#fff0;color:#8b949b;font-size:16px;line-height:1;cursor:pointer;transition:background-color .16s ease,color .16s ease }
.zhl-askai-cta-x:hover { background:#f0f3f5;color:#192024 }
.zhl-askai-cta-x:focus-visible { outline:2px solid rgb(25 32 36 / .45);outline-offset:1px }
[dir="rtl"] .zhl-askai-cta-x { right:auto;left:10px }
.zhl-askai-foot-cta { display:flex;align-items:center;gap:8px;margin:10px 0 0 }
.zhl-askai-foot-cta-t { flex:1 1 auto;min-width:0;color:#8b949b;font-size:12px;line-height:1.3 }
.zhl-askai-foot-cta-b { display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;flex:0 0 auto;height:36px;margin-inline-start:auto;padding:0 14px;border:1px solid #fff0;border-radius:999px;background:var(--global-palette1,#c7000b);color:#fff;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:border-color .16s ease,filter .16s ease,background-color .16s ease }
.zhl-askai-foot-cta-b:hover { border-color:#fff0;color:#fff;filter:brightness(.92) }
.zhl-askai-foot-cta-b svg { width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease }
.zhl-askai-foot-cta-b:hover svg { transform:translateX(2px) }
.zhl-askai-foot-cta-b:focus-visible,.zhl-askai-foot-cta-w:focus-visible { outline:2px solid rgb(25 32 36 / .45);outline-offset:2px }
.zhl-askai-foot-cta-w { display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;width:36px;height:36px;border:1px solid rgb(25 32 36 / .18);border-radius:50%;color:#192024;text-decoration:none;transition:border-color .16s ease,background-color .16s ease }
.zhl-askai-foot-cta-w:hover { border-color:rgb(25 32 36 / .4);background:#f2f5f7 }
.zhl-askai-foot-cta-w svg { width:16px;height:16px;fill:currentColor;display:block }
[dir="rtl"] .zhl-askai-foot-cta-b svg { transform:scaleX(-1) }
[dir="rtl"] .zhl-askai-foot-cta-b:hover svg { transform:scaleX(-1) translateX(2px) }
.zhl-askai-foot-cta.is-inline { margin:16px 0 0;padding-top:12px;border-top:1px solid #e6eaed }
.zhl-askai-foot-cta.is-inline .zhl-askai-foot-cta-b { height:44px;padding:0 18px;border-color:#fff0;background:var(--global-palette1,#c7000b);color:#fff;font-size:15px }
.zhl-askai-foot-cta.is-inline .zhl-askai-foot-cta-b:hover { border-color:#fff0;background:var(--global-palette1,#c7000b);color:#fff;filter:brightness(.92) }
.zhl-askai-foot-cta.is-inline .zhl-askai-foot-cta-w { width:36px;height:36px }
#zhl-askai-root.has-chat .zhl-askai-foot>.zhl-askai-foot-cta { display:none }
#zhl-askai-panel.is-full .zhl-askai-foot>.zhl-askai-foot-cta { display:none }
.zhl-askai-side-cta { margin-top:auto;padding:16px 0 18px;border-top:1px solid #eceff1 }
#zhl-askai-root.has-chat .zhl-askai-side-cta { display:none }
.zhl-askai-side-cta-t { margin:0;color:#192024;font-size:13px;font-weight:600;line-height:1.4 }
.zhl-askai-side-cta-s { margin:2px 0 8px;color:#8b949b;font-size:12px;line-height:1.4 }
.zhl-askai-side-cta-link { display:inline-flex;align-items:center;gap:6px;color:#192024;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:color .16s ease }
.zhl-askai-side-cta-link:hover { color:var(--global-palette1,#c7000b) }
.zhl-askai-side-cta-link:focus-visible { outline:2px solid rgb(25 32 36 / .45);outline-offset:2px }
.zhl-askai-side-cta-link svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease }
.zhl-askai-side-cta-link:hover svg { transform:translateX(2px) }
[dir="rtl"] .zhl-askai-side-cta-link svg { transform:scaleX(-1) }
[dir="rtl"] .zhl-askai-side-cta-link:hover svg { transform:scaleX(-1) translateX(2px) }
.zhl-askai-foot { flex:0 0 auto;padding:6px 24px 16px;background:#fafbfc }
.zhl-askai-form { display:block;padding:12px;border:1px solid #9ba8b0;border-radius:12px;background:#fff;transition:border-color .16s ease }
.zhl-askai-form:focus-within { border-color:#192024 }
#zhl-askai-panel .zhl-askai-input { display:block;width:100%;min-height:28px;max-height:140px;margin:0;padding:0;border:0;background:#fff0;color:#192024;font-family:inherit;font-size:16px;line-height:20px;resize:none;outline:none }
#zhl-askai-panel .zhl-askai-input::placeholder { color:#8b949b }
#zhl-askai-panel .zhl-askai-input:focus,#zhl-askai-panel .zhl-askai-input:focus-visible,#zhl-askai-panel textarea:focus,#zhl-askai-panel textarea:focus-visible { outline:none!important;border:0!important;box-shadow:none!important;background:transparent!important }
.zhl-askai-row { display:flex;align-items:center;justify-content:space-between;margin-top:8px;height:36px }
.zhl-askai-add { display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:32px;background:#fff0;color:#192024;cursor:pointer;transition:background .16s ease }
.zhl-askai-add:hover { background:#f0f3f5 }
.zhl-askai-add svg { display:block;width:20px;height:20px;fill:currentColor;transition:transform .2s ease }
.zhl-askai-add.is-open svg { transform:rotate(45deg) }
.zhl-askai-right { display:flex;align-items:center;gap:4px }
.zhl-askai-count { font-size:12px;font-weight:600;line-height:1;color:#5a6872;white-space:nowrap }
.zhl-askai-count[hidden] { display:none }
.zhl-askai-mic { display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff0;color:#192024;cursor:pointer;transition:background .16s ease,color .16s ease }
.zhl-askai-mic:hover { background:#f0f3f5 }
.zhl-askai-mic svg { display:block;width:20px;height:20px;fill:currentColor }
.zhl-askai-mic[hidden] { display:none }
.zhl-askai-mic.is-rec { background:var(--zhl-brand, #c7000b);color:#fff;animation:ctcAskaiRec 1.4s ease-in-out infinite }
#zhl-askai-panel .zhl-askai-submit { display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:var(--zhl-brand, #c7000b);color:#fff;cursor:pointer;transition:background .16s ease,transform .16s ease }
#zhl-askai-panel .zhl-askai-submit:hover { background:#e85f0d;transform:translateY(-1px) }
#zhl-askai-panel .zhl-askai-submit[hidden] { display:none }
#zhl-askai-panel .zhl-askai-submit svg { display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round }
.zhl-askai-files { display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px }
.zhl-askai-files[hidden] { display:none }
.zhl-askai-thumb { position:relative;width:48px;height:48px;border:1px solid #e2e7ea;border-radius:8px;overflow:hidden;background:#f0f3f5 }
.zhl-askai-thumb img { display:block;width:100%;height:100%;object-fit:cover }
.zhl-askai-thumb button { position:absolute;top:1px;right:1px;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:rgb(25 32 36 / .72);color:#fff;font-size:11px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center }
.zhl-askai-toast { margin:6px 0 0;color:#c0392b;font-size:12px;line-height:1.4 }
#zhl-askai-panel .zhl-askai-send { display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#192024;color:#fff;cursor:pointer;transition:background .16s ease,transform .16s ease,opacity .16s ease }
#zhl-askai-panel .zhl-askai-send:hover { background:var(--zhl-brand, #c7000b);transform:translateY(-1px) }
#zhl-askai-panel .zhl-askai-send[disabled] { background:#c6cfd5;cursor:default;transform:none }
#zhl-askai-panel .zhl-askai-send svg { display:block;width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round }
.zhl-askai-note { margin:9px 0 0;color:#5a6872;font-size:12px;line-height:1.4;text-align:center }
#zhl-askai-panel.is-full { right:0;width:auto;max-width:none;box-shadow:none }
#zhl-askai-panel.is-full .zhl-askai-top { height:80px;padding:0 16px 0 12px;background:#fff;border-bottom:0;gap:16px }
#zhl-askai-panel.is-full .zhl-askai-brand { display:inline-flex;align-items:center }
#zhl-askai-panel.is-full .zhl-askai-new:not(.zhl-askai-new--side) { display:none }
#zhl-askai-panel.is-full .zhl-askai-shell { display:flex;align-items:stretch }
#zhl-askai-panel.is-full .zhl-askai-side { display:flex;flex-direction:column;flex:0 0 279px;width:279px;padding:16px 16px 0;gap:0;border-right:1px solid #eceff1;overflow:hidden }
#zhl-askai-panel.is-full .zhl-askai-side .zhl-askai-new { align-self:flex-start }
.zhl-askai-hist { display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin:18px 0 0 }
.zhl-askai-hist-head { flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 6px }
.zhl-askai-hist-t { min-width:0;color:#8b949b;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.zhl-askai-hist-clear { flex:0 0 auto;padding:2px 6px;border:0;border-radius:4px;background:#fff0;color:#8b949b;font-family:inherit;font-size:11px;font-weight:600;line-height:1.4;cursor:pointer;transition:color .16s ease,background-color .16s ease }
.zhl-askai-hist-clear:hover { background:#f0f3f5;color:#192024 }
.zhl-askai-hist-clear:focus-visible { outline:2px solid rgb(25 32 36 / .45);outline-offset:1px }
.zhl-askai-hist-clear[hidden] { display:none }
.zhl-askai-hist-scroll { position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0 }
.zhl-askai-hist-list { flex:1 1 auto;min-height:0;margin:0;padding-block:0 14px;padding-inline:0 4px;list-style:none;overflow-y:auto;overscroll-behavior:contain }
.zhl-askai-hist-list::-webkit-scrollbar { width:8px }
.zhl-askai-hist-list::-webkit-scrollbar-track { background:#fff0 }
.zhl-askai-hist-list::-webkit-scrollbar-thumb { border:2px solid #fff0;border-radius:4px;background:#c3ccd2;background-clip:padding-box }
.zhl-askai-hist-list::-webkit-scrollbar-thumb:hover { background:#9aa7b0;background-clip:padding-box }
.zhl-askai-hist-item { display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;background:#fff0;color:#3a444a;font-family:inherit;font-size:13px;font-weight:500;line-height:1.45;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .16s ease,color .16s ease }
.zhl-askai-hist-item:hover { background:#f0f3f5;color:#192024 }
.zhl-askai-hist-item:focus-visible { outline:2px solid rgb(25 32 36 / .45);outline-offset:-2px }
.zhl-askai-hist-fade { position:absolute;inset-inline-start:0;inset-inline-end:8px;height:18px;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:1 }
.zhl-askai-hist-fade.is-top { top:0;background:linear-gradient(180deg,#fafbfc,#fff0) }
.zhl-askai-hist-fade.is-bottom { bottom:0;background:linear-gradient(0deg,#fafbfc,#fff0) }
.zhl-askai-hist-scroll.can-up .zhl-askai-hist-fade.is-top { opacity:1 }
.zhl-askai-hist-scroll.can-down .zhl-askai-hist-fade.is-bottom { opacity:1 }
#zhl-askai-panel.is-full .zhl-askai-empty { margin:2px 0 0;color:#5a6872;font-size:13px;line-height:1.5 }
#zhl-askai-panel.is-full .zhl-askai-col { flex:1 1 auto;align-items:center }
#zhl-askai-panel.is-full .zhl-askai-body { width:736px;max-width:calc(100% - 48px);padding:24px 0 8px;display:flex;flex-direction:column;justify-content:flex-start }
#zhl-askai-panel.is-full .zhl-askai-body::before { content:"";display:block;flex:0 0 auto;margin-top:auto }
#zhl-askai-panel.is-full .zhl-askai-foot { width:736px;max-width:calc(100% - 48px);padding:0;background:#fff0 }
#zhl-askai-panel.is-full .zhl-askai-note { margin:0;padding:8px 0;font-size:12px;line-height:1.4 }
#zhl-askai-panel.is-full .zhl-askai-star-lg { width:28px;height:28px;margin:0 0 12px }
#zhl-askai-panel.is-full .zhl-askai-showmore { margin:22px 0 10px }
@media (prefers-reduced-motion:reduce) {
  .zhl-askai-nav .zhl-askai-star svg { transition:none }
  #zhl-askai-dock .zhl-askai-star svg { transition:none }
  #zhl-askai-dock,#zhl-askai-nav { animation:none;transition:none }
  .zhl-askai-cta { animation:none }
  #zhl-askai-panel.is-full { transition:none }
}
@media (max-width:640px) {
  #zhl-askai-panel.is-full .zhl-askai-side { display:none }
  #zhl-askai-panel.is-full .zhl-askai-top { height:64px;padding:0 10px }
  #zhl-askai-panel.is-full .zhl-askai-body { width:auto;max-width:none;padding:16px 20px 8px }
  #zhl-askai-panel.is-full .zhl-askai-foot { width:auto;max-width:none;padding:8px 20px 16px }
  #zhl-askai-panel.is-full .zhl-askai-foot>.zhl-askai-foot-cta { display:flex }
  #zhl-askai-root.has-chat .zhl-askai-foot>.zhl-askai-foot-cta { display:none }
  #zhl-askai-dock { left:14px;bottom:14px;height:50px;width:300px;max-width:calc(100vw - 92px);padding:0 14px 0 12px;font-size:14px }
  .zhl-askai-nav { height:36px;margin:0 2px 0 8px;padding:0 10px;font-size:13px;gap:5px;border-color:#fff0;background:#fff }
  .zhl-askai-nav .zhl-askai-nav-label { display:none }
  .zhl-askai-nav .zhl-askai-star { width:15px;height:15px }
  #zhl-askai-panel [data-zhl-askai-expand] { display:none }
  .zhl-askai-cta { padding:14px }
  .zhl-askai-cta-actions { flex-direction:column;align-items:stretch;gap:8px;margin-top:12px }
  #zhl-askai-panel .zhl-askai-cta-primary,#zhl-askai-panel .zhl-askai-cta-secondary { width:100% }
}

/* --------------------------------------------------------------------------
   右缘竖排入口
   come 在页面右侧有一条竖排入口带；这里保留同样的形态，
   点击打开的是同一个面板，不另建第二套弹层逻辑。
   -------------------------------------------------------------------------- */

/*
 * 宽度必须 ≤ 24px：首页内容区左右各留 24px 边距，
 * 超过这个宽度就会压到卡片上（900 宽时压住第三张步骤卡）。
 * 竖排文字 + 4px 内边距正好 24px，只落在边距里。
 */
.zhl-askai-rail {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 2147481000;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	width: 24px;
	padding: 14px 4px;
	border: 0;
	border-radius: 10px 0 0 10px;
	background: var(--zhl-ink, #202020);
	color: #fff;
	font-family: inherit;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1;
	writing-mode: vertical-rl;
	cursor: pointer;
	box-shadow: -6px 0 20px rgb(12 18 24 / 0.16);
	transform: translateY(-50%);
	transition: background 0.16s ease;
}

.zhl-askai-rail:hover {
	background: var(--zhl-brand, #c7000b);
}

.zhl-askai-rail-star {
	writing-mode: horizontal-tb;
	font-size: 11px;
	letter-spacing: 0;
}

/* 面板打开时收起，避免和抽屉叠在一起 */
#zhl-askai-root.is-open ~ .zhl-askai-rail { display: none; }

@media (max-width: 768px) {
	.zhl-askai-rail { display: none; }
}