:root{color-scheme:light;font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#eaf8ff;color:#07536a}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:radial-gradient(circle at 50% 42%,#f8fdff 0,#e9f8ff 36%,#d8f0fb 70%,#cce9f7 100%)}
.hologram-toolbar{position:fixed;z-index:20;top:0;left:0;right:0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;border-bottom:1px solid rgba(66,171,210,.3);background:rgba(236,249,255,.82);backdrop-filter:blur(14px);box-shadow:0 7px 24px rgba(31,119,153,.08)}
.hologram-brand{display:flex;align-items:center;color:#07536a;text-decoration:none}.hologram-brand img{width:54px;height:52px;object-fit:contain}
.hologram-actions{display:flex;gap:9px}.hologram-actions button{padding:9px 15px;border:1px solid rgba(19,135,163,.45);border-radius:8px;background:rgba(255,255,255,.72);color:#08758a;font:700 12px inherit;cursor:pointer}.hologram-actions button:first-child,.hologram-actions button:last-child{border-color:#078c98;background:#078c98;color:#fff;box-shadow:0 7px 16px rgba(7,140,152,.2)}
.hologram-actions #hologramVision.active{border-color:#18a686;background:#e5fbf4;color:#087b68;box-shadow:0 0 0 3px rgba(24,166,134,.1)}
.hologram-screen{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:78px 24px 22px;isolation:isolate;overflow:hidden}
.hologram-grid{position:absolute;inset:0;z-index:-3;opacity:.32;background-image:linear-gradient(rgba(54,166,205,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(54,166,205,.13) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle at center,#000 0,transparent 72%)}
.hologram-screen:before,.hologram-screen:after{content:"";position:absolute;z-index:-2;border-radius:50%;filter:blur(4px)}.hologram-screen:before{width:66vmin;height:66vmin;background:radial-gradient(circle,rgba(99,211,240,.22),rgba(99,211,240,0) 70%)}.hologram-screen:after{bottom:-22vmin;width:82vmin;height:35vmin;background:radial-gradient(ellipse,rgba(39,178,220,.2),rgba(39,178,220,0) 70%)}
.hologram-orbit{position:absolute;z-index:-1;left:50%;top:52%;border:1px solid rgba(46,177,215,.2);border-radius:50%;transform:translate(-50%,-50%);animation:hologram-orbit 16s linear infinite}.orbit-one{width:62vmin;height:62vmin}.orbit-two{width:48vmin;height:48vmin;border-style:dashed;animation-direction:reverse;animation-duration:21s}
.hologram-stage{position:relative;width:min(520px,92vw);height:calc(100vh - 104px);min-height:510px;display:flex;align-items:center;justify-content:center;flex-direction:column}.hologram-beam{position:absolute;z-index:-1;top:4%;bottom:10%;width:min(390px,78vw);clip-path:polygon(27% 0,73% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(156,232,251,.05),rgba(76,196,229,.19) 82%,rgba(31,164,206,.05))}
.hologram-avatar{position:relative;height:min(70vh,710px);aspect-ratio:9/16;display:grid;place-items:center;filter:drop-shadow(0 22px 24px rgba(28,107,135,.18));cursor:pointer;outline:none}.hologram-avatar:focus-visible{filter:drop-shadow(0 22px 24px rgba(28,107,135,.18)) drop-shadow(0 0 12px #22cfa2)}.hologram-avatar img,.hologram-avatar canvas{position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:100%;transform:translateX(-50%);object-fit:contain}.hologram-avatar video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.hologram-avatar canvas{display:none}.hologram-avatar.ready canvas{display:block}.hologram-avatar.ready img{visibility:hidden}
.hologram-avatar.direct-video.ready canvas{display:none}.hologram-avatar.direct-video.ready video{position:absolute;display:block;left:50%;bottom:0;width:auto;height:100%;max-width:100%;opacity:1;transform:translateX(-50%);object-fit:contain}
.hologram-conversation{position:fixed;z-index:12;left:clamp(18px,2.6vw,48px);bottom:clamp(20px,3vh,34px);width:min(440px,31vw);display:grid;gap:7px;pointer-events:none;opacity:.72}.hologram-conversation p{margin:0;padding:9px 13px;border:1px solid rgba(49,166,198,.2);border-radius:12px;background:rgba(248,253,255,.72);backdrop-filter:blur(8px);box-shadow:0 6px 18px rgba(24,111,141,.07);color:#5f8592;font-size:12px;line-height:1.5;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.hologram-history{display:grid;gap:6px;padding:0;pointer-events:none}.hologram-history-turn{display:grid;gap:5px}.hologram-history .hologram-history-user,.hologram-history .hologram-history-ai{padding:7px 11px;font-size:11px;line-height:1.45;-webkit-line-clamp:1}.hologram-history-user{justify-self:end;max-width:88%;background:rgba(236,251,248,.7)!important;color:#57928e!important}.hologram-history-user:before{content:"您：";font-weight:700}.hologram-history-ai:before{content:"和小煦：";font-weight:700;color:#538a93}.hologram-conversation .hologram-user-caption{justify-self:end;max-width:90%;border-color:rgba(16,151,140,.2);background:rgba(236,251,248,.75);color:#4d8985;-webkit-line-clamp:1}.hologram-ai-caption{-webkit-line-clamp:2}.hologram-ai-caption:before{content:"和小煦：";font-weight:700;color:#538a93}.hologram-user-caption:before{content:"您：";font-weight:700}.hologram-conversation.is-thinking .hologram-ai-caption:after{content:"";display:inline-block;width:5px;height:5px;margin-left:6px;border-radius:50%;background:#73b9c0;box-shadow:9px 0 #9acbd0,18px 0 #c2e1e3;animation:hologram-thinking 1s infinite alternate}.hologram-conversation.is-listening .hologram-user-caption{box-shadow:0 0 0 2px rgba(34,207,162,.08),0 6px 18px rgba(24,111,141,.07)}
.hologram-preset-questions{position:fixed;z-index:10;inset:68px 0 0;pointer-events:none}.hologram-preset-questions button{position:absolute;max-width:250px;padding:9px 15px;border:1px solid rgba(55,157,186,.2);border-radius:999px;background:rgba(248,253,255,.58);color:rgba(38,114,135,.62);box-shadow:0 6px 18px rgba(24,111,141,.05);backdrop-filter:blur(8px);font:600 12px/1.45 inherit;cursor:pointer;pointer-events:auto;transition:.18s}.hologram-preset-questions button:hover,.hologram-preset-questions button:focus-visible{border-color:rgba(12,145,157,.5);background:rgba(255,255,255,.9);color:#08758a;transform:translateY(-2px);outline:none}.preset-one{left:calc(50% - 390px);top:17%}.preset-two{right:calc(50% - 385px);top:29%}.preset-three{left:calc(50% - 430px);top:43%}.preset-four{right:calc(50% - 420px);top:52%}
.hologram-nameplate{position:absolute;left:50%;bottom:40px;z-index:5;display:flex;align-items:center;gap:10px;min-width:190px;padding:9px 20px;border:1px solid rgba(42,171,198,.45);border-radius:999px;background:rgba(249,254,255,.8);backdrop-filter:blur(10px);transform:translateX(-50%);box-shadow:0 10px 24px rgba(22,120,149,.13);text-align:left}.hologram-nameplate b,.hologram-nameplate small{display:block}.hologram-nameplate b{color:#087c86;font-size:16px}.hologram-nameplate small{margin-top:2px;color:#5f91a3;font-size:9px}.hologram-live-dot{width:9px;height:9px;border-radius:50%;background:#22cfa2;box-shadow:0 0 0 5px rgba(34,207,162,.13),0 0 14px #22cfa2;animation:hologram-pulse 1.2s ease-in-out infinite alternate}
.hologram-mic-meter{display:none;width:112px;height:4px;margin-top:5px;overflow:hidden;border-radius:99px;background:rgba(16,137,156,.13)}.hologram-mic-meter i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20c99a,#14aab5);transform:scaleX(0);transform-origin:left center;transition:transform 80ms linear}body.voice-active .hologram-mic-meter{display:block}
.hologram-base{position:absolute;left:50%;bottom:16px;width:290px;height:35px;transform:translateX(-50%);perspective:180px}.hologram-base i{position:absolute;inset:0;border:1px solid rgba(36,173,207,.32);border-radius:50%;background:radial-gradient(ellipse,rgba(84,210,235,.2),rgba(84,210,235,0) 67%)}.hologram-base i:nth-child(2){inset:7px 28px}.hologram-base i:nth-child(3){inset:13px 62px;background:rgba(56,190,222,.13)}body.is-paused .hologram-live-dot{background:#f4b43f;box-shadow:0 0 0 5px rgba(244,180,63,.13)}body.voice-active .hologram-live-dot{background:#23d5a5;box-shadow:0 0 0 6px rgba(35,213,165,.15),0 0 18px #23d5a5}body.voice-speaking .hologram-avatar{filter:drop-shadow(0 22px 24px rgba(28,107,135,.18)) drop-shadow(0 0 18px rgba(35,213,165,.25))}
.hologram-vision-status{position:fixed;z-index:13;right:clamp(18px,3vw,56px);bottom:clamp(24px,4vh,44px);display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(23,159,171,.35);border-radius:999px;background:rgba(245,253,255,.9);box-shadow:0 8px 22px rgba(22,120,149,.12);color:#187487;font-size:12px}.hologram-vision-status[hidden]{display:none}.hologram-vision-status i{width:8px;height:8px;border-radius:50%;background:#22cfa2;box-shadow:0 0 0 5px rgba(34,207,162,.12);animation:hologram-pulse 1.2s ease-in-out infinite alternate}
body.is-fullscreen .hologram-toolbar{display:none}body.is-fullscreen .hologram-screen{padding:0}body.is-fullscreen .hologram-stage{height:100vh;min-height:0}body.is-fullscreen .hologram-avatar{height:min(76vh,760px)}body.is-fullscreen .hologram-nameplate{bottom:28px}body.is-fullscreen .hologram-base{bottom:4px}
@keyframes hologram-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes hologram-pulse{to{opacity:.45;transform:scale(.8)}}@keyframes hologram-thinking{to{opacity:.35;transform:translateY(-2px)}}
@media(max-width:900px){.hologram-conversation{left:14px;right:auto;bottom:82px;width:min(380px,calc(100vw - 28px))}.hologram-conversation p{font-size:11px}.hologram-history{display:none}.hologram-preset-questions{display:none}}
@media(max-width:700px){.hologram-toolbar{height:58px;padding:6px 10px}.hologram-brand img{width:44px;height:42px}.hologram-actions{gap:5px}.hologram-actions button{padding:7px 8px;font-size:9px}.hologram-actions #hologramPlayback{display:none}.hologram-screen{padding-top:62px}.hologram-stage{height:calc(100vh - 68px);min-height:430px}.hologram-avatar{height:min(62vh,540px)}.hologram-nameplate{bottom:31px}.hologram-base{bottom:7px;width:230px}.hologram-conversation{bottom:72px}.hologram-vision-status{right:12px;bottom:12px;font-size:10px;padding:7px 10px}}
@media(orientation:portrait){.hologram-stage{width:min(92vw,900px)}.hologram-avatar{height:min(calc(100vh - 128px),130vw);max-height:none}.hologram-preset-questions button{max-width:22vw;padding:8px 11px;font-size:11px}.hologram-preset-questions .preset-one{left:clamp(14px,3vw,42px);right:auto;top:16%}.hologram-preset-questions .preset-two{right:clamp(14px,3vw,42px);left:auto;top:28%}.hologram-preset-questions .preset-three{left:clamp(14px,3vw,42px);right:auto;top:47%}.hologram-preset-questions .preset-four{right:clamp(14px,3vw,42px);left:auto;top:59%}.hologram-nameplate{bottom:25px}.hologram-base{bottom:2px}body.is-fullscreen .hologram-avatar{height:min(calc(100vh - 60px),130vw);max-height:none}}
@media(prefers-reduced-motion:reduce){.hologram-orbit,.hologram-live-dot,.hologram-conversation.is-thinking .hologram-ai-caption:after{animation:none}}

.hologram-conversation [hidden]{display:none!important}