/* Cloud server UI polish - 2026-05-02 */
:root{
  --cloud-ui-accent:#ff3b4d;
  --cloud-ui-accent-2:#ff7a59;
  --cloud-ui-ink:#172033;
  --cloud-ui-muted:#697386;
  --cloud-ui-card:rgba(255,255,255,.92);
  --cloud-ui-border:rgba(15,23,42,.08);
  --cloud-ui-shadow:0 18px 46px rgba(15,23,42,.10);
}
html{scroll-padding-top:110px;}
body{ text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(255,59,77,.24)!important;
  outline-offset:3px;
}
body.app-netease .music-appbar-shell,
body#page-index.app-netease .music-appbar-shell{
  border-color:rgba(255,255,255,.75)!important;
  box-shadow:0 16px 40px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.8)!important;
}
body.app-netease .music-appbar-shell::after,
body#page-index.app-netease .music-appbar-shell::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(120deg, rgba(255,255,255,.42), transparent 34%, rgba(255,59,77,.06));
}
body#page-index.app-netease .player-hero-copy,
body#page-index.app-netease .stage-main-card,
body#page-index.app-netease .library-command-shell,
body#page-index.app-netease .online-search-shell,
body.app-netease .admin-settings-card,
body.app-netease .forum-card,
body.app-netease .social-card,
body.app-netease .song-detail-modal{
  box-shadow:var(--cloud-ui-shadow)!important;
  border-color:rgba(255,255,255,.72)!important;
}
body#page-index.app-netease .player-hero-copy{
  background:
    radial-gradient(circle at 90% 8%, rgba(255,59,77,.13), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,247,248,.94))!important;
}
.cloud-ops-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.cloud-ops-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border-radius:999px;
  color:var(--cloud-ui-ink);
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,59,77,.12);
  box-shadow:0 10px 24px rgba(255,59,77,.08);
  font-size:12px;
  font-weight:800;
}
.cloud-ops-pill i{ color:var(--cloud-ui-accent); }
body.app-netease .win-button,
body#page-index.app-netease .win-button,
body.app-netease .admin-primary-btn,
body.app-netease .campaign-join-btn{
  min-height:42px;
  will-change:transform;
}
body.app-netease .win-button:active,
body#page-index.app-netease .win-button:active,
body.app-netease .admin-primary-btn:active{ transform:translateY(0) scale(.98)!important; }
body.app-netease .neon-input,
body#page-index.app-netease .neon-input,
body.app-netease input,
body.app-netease select,
body.app-netease textarea{
  min-height:42px;
}
body.app-netease ::-webkit-scrollbar{ width:10px; height:10px; }
body.app-netease ::-webkit-scrollbar-track{ background:rgba(15,23,42,.04); }
body.app-netease ::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(255,59,77,.38), rgba(255,122,89,.34));
  border-radius:999px;
  border:2px solid rgba(255,255,255,.86);
}
body.app-netease .music-card,
body.app-netease .search-category-card,
body.app-netease .shortcut-tile,
body.app-netease .feature-strip-card{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
body.app-netease .music-card:hover,
body.app-netease .search-category-card:hover,
body.app-netease .shortcut-tile:hover,
body.app-netease .feature-strip-card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 46px rgba(255,59,77,.12)!important;
}
@media (max-width:768px){
  html{scroll-padding-top:86px;}
  .cloud-ops-strip{gap:8px;margin-top:14px;}
  .cloud-ops-pill{width:100%;justify-content:center;}
  body.app-netease .win-button,
  body#page-index.app-netease .win-button{min-height:46px;}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
}