/* 链接桥 · 扁平 + 玻璃拟态，与主站风格一致 */
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
html{color-scheme:light dark}
body{
  display:flex; flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  padding-top:40px;
  background:#ffffff; color:#000000;
}
.avatar{
  width:64px; height:64px;
  border-radius:50%;
  display:block;
  box-shadow:0 8px 28px rgba(0,0,0,0.10);
}
@media (prefers-color-scheme: dark){
  body{ background:#000000; color:#ffffff; }
}
input{
  width:min(420px,calc(100% - 32px));
  height:44px;
  border:1px solid rgba(0,0,0,0.12); border-radius:10px;
  padding:0 18px; font-size:15px; outline:none;
  color:#000000; background:rgba(255,255,255,0.55);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  box-shadow:0 8px 28px rgba(0,0,0,0.10);
}
@media (min-width:768px)  { input{ width:min(560px,calc(100% - 48px)); } }
@media (min-width:1024px) { input{ width:min(720px,calc(100% - 64px)); } }
input::placeholder{color:rgba(0,0,0,0.45)}
input:focus{border-color:#00ffff}
@media (prefers-color-scheme: dark){
  input{
    color:#ffffff; background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.16);
    box-shadow:0 8px 28px rgba(0,0,0,0.35);
  }
  input::placeholder{color:rgba(255,255,255,0.45)}
  input:focus{border-color:#00ffff}
}