:root{
  color-scheme:dark;
  --vc-bg:#050505;
  --vc-panel:#0b0b0b;
  --vc-panel-2:#111;
  --vc-text:#f4f4f2;
  --vc-muted:#9b9b98;
  --vc-line:#242424;
  --vc-accent:#f3f3ef;
  --vc-accent-text:#0a0a0a;
  --vc-radius:24px;
  --vc-max:900px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--vc-bg);color:var(--vc-text)}
body{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",
  "Noto Sans TC","PingFang TC",sans-serif;
  line-height:1.55;
}
button,input{font:inherit}
button{cursor:pointer}
.vc-topbar{
  height:72px;display:flex;align-items:center;padding:0 28px;
  position:sticky;top:0;z-index:10;background:rgba(5,5,5,.84);
  backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)
}
.vc-brand{display:inline-flex;align-items:center;text-decoration:none}
.vc-brand img{display:block;max-height:28px;max-width:180px}
.vc-wrap{width:min(var(--vc-max),calc(100% - 32px));margin:0 auto;padding:28px 0 64px}
.vc-hero{text-align:center;padding:18px 12px 24px}
.vc-eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:var(--vc-muted)}
.vc-hero h1{
  font-size:clamp(28px,4.2vw,46px);
  line-height:1.08;
  margin:12px 0 14px;
  letter-spacing:-.035em;
  font-weight:650;
}
.vc-hero p{
  max-width:620px;
  margin:0 auto;
  color:var(--vc-muted);
  font-size:clamp(14px,1.5vw,17px);
  line-height:1.65;
}
.vc-chat{border:1px solid var(--vc-line);border-radius:var(--vc-radius);background:linear-gradient(180deg,#0d0d0d,#080808);overflow:hidden;box-shadow:0 26px 90px rgba(0,0,0,.38)}
.vc-chat-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--vc-line)}
.vc-chat-title{font-weight:650;font-size:18px}
.vc-chat-subtitle{font-size:13px;color:var(--vc-muted);margin-top:3px}
.vc-ghost-button{border:1px solid var(--vc-line);background:transparent;color:var(--vc-muted);border-radius:999px;padding:8px 12px}
.vc-log{min-height:430px;max-height:58vh;overflow-y:auto;padding:22px}
.vc-message{display:flex;flex-direction:column;gap:6px;margin:0 0 20px}
.vc-message[data-role="user"]{align-items:flex-end}
.vc-message-role{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--vc-muted)}
.vc-message-text{max-width:min(78%,680px);padding:14px 16px;border-radius:18px;background:var(--vc-panel-2);border:1px solid var(--vc-line);white-space:pre-wrap}
.vc-message[data-role="user"] .vc-message-text{background:var(--vc-accent);color:var(--vc-accent-text);border-color:transparent}
.vc-typing::after{content:"▋";animation:vcBlink 1s steps(1) infinite}
@keyframes vcBlink{50%{opacity:0}}
.vc-chips{padding:0 22px 14px}
.vc-chips-label{font-size:12px;color:var(--vc-muted);margin-bottom:10px}
.vc-chips-row{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.vc-chips-row::-webkit-scrollbar{display:none}
.vc-chip{white-space:nowrap;border:1px solid var(--vc-line);background:#101010;color:var(--vc-text);border-radius:999px;padding:10px 14px}
.vc-chip:hover{border-color:#484848}
.vc-composer{display:grid;grid-template-columns:1fr 44px 44px;gap:10px;padding:16px;border-top:1px solid var(--vc-line);background:#090909}
.vc-composer input{width:100%;height:48px;border:1px solid var(--vc-line);border-radius:16px;background:#101010;color:var(--vc-text);padding:0 16px;outline:none}
.vc-composer input:focus{border-color:#555}
.vc-voice-button,.vc-send-button{height:44px;width:44px;border-radius:50%;border:1px solid var(--vc-line);background:#141414;color:var(--vc-text)}
.vc-send-button{background:var(--vc-accent);color:var(--vc-accent-text);border-color:transparent;font-weight:700}
.vc-voice-dialog{border:0;padding:0;background:transparent;color:inherit}
.vc-voice-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(10px)}
.vc-voice-panel{position:relative;width:min(420px,calc(100vw - 36px));padding:40px 28px 30px;text-align:center;background:#0b0b0b;border:1px solid var(--vc-line);border-radius:28px}
.vc-voice-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--vc-line);background:#141414;color:#fff;font-size:24px}
.vc-orb{width:120px;height:120px;border-radius:50%;margin:4px auto 22px;background:radial-gradient(circle at 35% 30%,#fff,#8a8a8a 24%,#202020 58%,#000 78%);box-shadow:0 0 70px rgba(255,255,255,.12)}
.vc-primary-button{border:0;border-radius:999px;padding:13px 20px;background:#f4f4f2;color:#0a0a0a;font-weight:700}
@media(max-width:640px){
  .vc-topbar{height:60px;padding:0 18px}
  .vc-wrap{width:min(100% - 20px,900px);padding:20px 0 44px}
  .vc-hero{padding:20px 10px 24px}
  .vc-log{padding:16px;min-height:420px;max-height:56vh}
  .vc-chat-head{padding:16px}
  .vc-message-text{max-width:90%}
  .vc-chips{padding:0 16px 12px}
  .vc-composer{grid-template-columns:1fr 42px 42px;padding:12px;gap:8px}
}

.vc-voice-button{
  display:flex;
  align-items:center;
  justify-content:center;
}

.vc-voice-button svg{
  display:block;
}

.vc-brand img{
  width:auto;
  height:24px;
  max-width:180px;
  object-fit:contain;
}