/* XINGYU_UI_REFERENCE_V70
   Single-purpose correction based on the user's approved reference image.
   Desktop: reproduce the left-side button look (aqua/sky-blue crystal buttons, large standalone icons,
   white single-line labels) while keeping the existing sidebar width and all button IDs/events.
   Phone: unify top shortcut button COLORS ONLY. No size/order/layout change.
   The duplicate 聊天大厅 / CLASSIC ROOM block was already removed by V68 and remains removed.
   No scene/chat/room/profile/dress/cache/flip/server behavior is changed. */

/* -------- Desktop / large tablet left column: approved reference look -------- */
@media (min-width:701px){
  .ui-aqua2005-v65.ui-reference-v9 .top-blue-bar.classic-side-panel{
    padding:8px 8px 8px!important;
    gap:7px!important;
    background:linear-gradient(180deg,#eefbfe 0%,#dff4f9 54%,#d5eef6 100%)!important;
    border-right:1px solid #7eb7ca!important;
    box-shadow:inset -1px 0 0 #fff!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 .side-section-title{
    height:16px!important;line-height:16px!important;margin:0 1px!important;
    color:#2d7898!important;font-size:11px!important;font-weight:700!important;
    text-shadow:0 1px 0 #fff!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 .top-right-group.side-nav-group,
  .ui-aqua2005-v65.ui-reference-v9 .side-room-actions{gap:7px!important}

  /* Reference uses the SAME aqua button family across the entire desktop left rail. */
  .ui-aqua2005-v65.ui-reference-v9 #btnVipGuideSide,
  .ui-aqua2005-v65.ui-reference-v9 #btnProfile,
  .ui-aqua2005-v65.ui-reference-v9 #btnDress,
  .ui-aqua2005-v65.ui-reference-v9 #btnTimeBook,
  .ui-aqua2005-v65.ui-reference-v9 #btnPlayerInfo,
  .ui-aqua2005-v65.ui-reference-v9 #btnMagic,
  .ui-aqua2005-v65.ui-reference-v9 #btnFriend,
  .ui-aqua2005-v65.ui-reference-v9 #btnSetting,
  .ui-aqua2005-v65.ui-reference-v9 #btnExitRoom{
    width:100%!important;height:58px!important;min-height:58px!important;
    padding:5px 10px!important;gap:10px!important;box-sizing:border-box!important;
    border-radius:11px!important;
    border:1px solid #2b799b!important;
    background:linear-gradient(180deg,#75cbe7 0%,#56b2d6 47%,#3b9bc2 52%,#2e88b2 100%)!important;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -3px 5px rgba(22,92,126,.18),0 1px 2px rgba(16,72,102,.15)!important;
    color:#fff!important;text-shadow:0 1px 1px #287394!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #btnVipGuideSide:hover,
  .ui-aqua2005-v65.ui-reference-v9 #btnProfile:hover,
  .ui-aqua2005-v65.ui-reference-v9 #btnDress:hover,
  .ui-aqua2005-v65.ui-reference-v9 #btnTimeBook:hover,
  .ui-aqua2005-v65.ui-reference-v9 #btnPlayerInfo:hover,
  .ui-aqua2005-v65.ui-reference-v9 #btnMagic:hover,
  .ui-aqua2005-v65.ui-reference-v9 #btnFriend:hover,
  .ui-aqua2005-v65.ui-reference-v9 #btnSetting:hover,
  .ui-aqua2005-v65.ui-reference-v9 #btnExitRoom:hover{
    background:linear-gradient(180deg,#84d4ec 0%,#62bbdb 48%,#439fc5 52%,#338fb6 100%)!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #btnVipGuideSide>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnProfile>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnDress>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnTimeBook>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnPlayerInfo>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnMagic>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnFriend>span:nth-child(2),
  .ui-aqua2005-v65.ui-reference-v9 #btnSetting>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnExitRoom>span:last-child{
    color:#fff!important;font-size:17px!important;line-height:20px!important;font-weight:900!important;
    white-space:nowrap!important;letter-spacing:0!important;text-shadow:0 1px 1px #2d7698!important;
  }

  /* Rank badge follows the SAME aqua shell in the reference; its small Lv plate stays intact. */
  .ui-aqua2005-v65.ui-reference-v9 #vipRankBadge.vip-rank-badge.side-vip-entry{
    width:100%!important;height:70px!important;min-height:70px!important;padding:6px 9px!important;gap:8px!important;
    border-radius:11px!important;border:1px solid #2b799b!important;
    background:linear-gradient(180deg,#75cbe7 0%,#56b2d6 47%,#3b9bc2 52%,#2e88b2 100%)!important;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -3px 5px rgba(22,92,126,.18),0 1px 2px rgba(16,72,102,.15)!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #vipRankBadge .side-nav-label{
    color:#fff!important;font-size:17px!important;line-height:20px!important;font-weight:900!important;white-space:nowrap!important;
    text-shadow:0 1px 1px #2d7698!important;
  }

  /* Standalone icon treatment: no colored circular bubbles. */
  .ui-aqua2005-v65.ui-reference-v9 .side-nav-item .side-nav-icon,
  .ui-aqua2005-v65.ui-reference-v9 #vipRankBadge .side-nav-icon{
    width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;
    display:inline-block!important;border:0!important;border-radius:0!important;box-shadow:none!important;
    font-size:0!important;line-height:0!important;color:transparent!important;text-shadow:none!important;
    transform:none!important;filter:none!important;background-color:#f7fdff!important;
    background-image:none!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;
    -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;mask-position:center!important;
    -webkit-mask-size:contain!important;mask-size:contain!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 .side-nav-item .side-nav-icon::after,
  .ui-aqua2005-v65.ui-reference-v9 #vipRankBadge .side-nav-icon::after{display:none!important;content:none!important}
  .ui-aqua2005-v65.ui-reference-v9 #vipRankBadge .side-nav-icon img{display:none!important}

  /* Simple vector masks approximate the approved 2005-era icon silhouettes without loading new assets. */
  .ui-aqua2005-v65.ui-reference-v9 #vipRankBadge .side-nav-icon{
    background-color:#ffe878!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M8 20l13 9 11-18 11 18 13-9-5 30H13L8 20zm9 33h30v6H17z'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M8 20l13 9 11-18 11 18 13-9-5 30H13L8 20zm9 33h30v6H17z'/%3E%3C/svg%3E")!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #btnVipGuideSide .side-nav-icon{
    background-color:#f4d9ff!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M8 22l10-12h28l10 12-24 34L8 22zm11-5l-5 6h13l-8-6zm12 6h18l-5-6-13 6zm-8 5H14l13 19-4-19zm7 0l2 18 2-18h-4zm11 0l-4 19 13-19h-9z'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M8 22l10-12h28l10 12-24 34L8 22zm11-5l-5 6h13l-8-6zm12 6h18l-5-6-13 6zm-8 5H14l13 19-4-19zm7 0l2 18 2-18h-4zm11 0l-4 19 13-19h-9z'/%3E%3C/svg%3E")!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #btnProfile .side-nav-icon{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='8' y='13' width='48' height='38' rx='5' fill='black'/%3E%3Ccircle cx='23' cy='30' r='7' fill='white'/%3E%3Cpath d='M14 45c2-8 16-8 18 0' fill='white'/%3E%3Crect x='37' y='24' width='12' height='4' rx='2' fill='white'/%3E%3Crect x='37' y='33' width='12' height='4' rx='2' fill='white'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='8' y='13' width='48' height='38' rx='5' fill='black'/%3E%3Ccircle cx='23' cy='30' r='7' fill='white'/%3E%3Cpath d='M14 45c2-8 16-8 18 0' fill='white'/%3E%3Crect x='37' y='24' width='12' height='4' rx='2' fill='white'/%3E%3Crect x='37' y='33' width='12' height='4' rx='2' fill='white'/%3E%3C/svg%3E")!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #btnDress .side-nav-icon{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M24 9h16l5 7 11 6-8 12-7-4v25H23V30l-7 4-8-12 11-6 5-7z'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M24 9h16l5 7 11 6-8 12-7-4v25H23V30l-7 4-8-12 11-6 5-7z'/%3E%3C/svg%3E")!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #btnTimeBook .side-nav-icon{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='8' y='14' width='48' height='38' rx='5' fill='black'/%3E%3Ccircle cx='43' cy='27' r='6' fill='white'/%3E%3Cpath d='M13 46l11-12 8 8 7-7 12 11H13z' fill='white'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='8' y='14' width='48' height='38' rx='5' fill='black'/%3E%3Ccircle cx='43' cy='27' r='6' fill='white'/%3E%3Cpath d='M13 46l11-12 8 8 7-7 12 11H13z' fill='white'/%3E%3C/svg%3E")!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #btnPlayerInfo .side-nav-icon{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='21' r='11' fill='black'/%3E%3Cpath d='M10 55c2-18 10-25 22-25s20 7 22 25H10z' fill='black'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='21' r='11' fill='black'/%3E%3Cpath d='M10 55c2-18 10-25 22-25s20 7 22 25H10z' fill='black'/%3E%3C/svg%3E")!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #btnMagic .side-nav-icon{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 5l6 19 19 8-19 8-6 19-7-19-18-8 18-8 7-19z'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 5l6 19 19 8-19 8-6 19-7-19-18-8 18-8 7-19z'/%3E%3C/svg%3E")!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #btnFriend .side-nav-icon{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 55S7 41 7 22C7 10 23 5 32 17 41 5 57 10 57 22c0 19-25 33-25 33z'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 55S7 41 7 22C7 10 23 5 32 17 41 5 57 10 57 22c0 19-25 33-25 33z'/%3E%3C/svg%3E")!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #btnSetting .side-nav-icon{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='black'%3E%3Ccircle cx='32' cy='32' r='11'/%3E%3Cpath d='M28 5h8l2 10h-12l2-10zm0 44h12l-2 10h-8l-2-10zM5 28l10-2v12L5 36v-8zm44-2l10 2v8l-10 2V26zM12 12l8-5 7 9-10 6-5-10zm32 30l8-5 5 8-9 7-4-10zM52 12l5 8-9 7-6-10 10-5zM12 52l-5-8 9-7 6 10-10 5z'/%3E%3C/g%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='black'%3E%3Ccircle cx='32' cy='32' r='11'/%3E%3Cpath d='M28 5h8l2 10h-12l2-10zm0 44h12l-2 10h-8l-2-10zM5 28l10-2v12L5 36v-8zm44-2l10 2v8l-10 2V26zM12 12l8-5 7 9-10 6-5-10zm32 30l8-5 5 8-9 7-4-10zM52 12l5 8-9 7-6-10 10-5zM12 52l-5-8 9-7 6 10-10 5z'/%3E%3C/g%3E%3C/svg%3E")!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #btnExitRoom .side-nav-icon{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M10 8h30v12h-6v-6H16v36h18v-6h6v12H10V8zm27 14l17 10-17 10v-7H24v-6h13v-7z'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M10 8h30v12h-6v-6H16v36h18v-6h6v12H10V8zm27 14l17 10-17 10v-7H24v-6h13v-7z'/%3E%3C/svg%3E")!important;
  }

  .ui-aqua2005-v65.ui-reference-v9 .friend-request-badge{transform:none!important}
}

/* -------- Phone only: COLOR unification, no size/order/grid change -------- */
@media (max-width:700px){
  .ui-aqua2005-v65.ui-reference-v9 #vipRankBadge,
  .ui-aqua2005-v65.ui-reference-v9 #btnVipGuideSide,
  .ui-aqua2005-v65.ui-reference-v9 #btnProfile,
  .ui-aqua2005-v65.ui-reference-v9 #btnDress,
  .ui-aqua2005-v65.ui-reference-v9 #btnTimeBook,
  .ui-aqua2005-v65.ui-reference-v9 #btnPlayerInfo,
  .ui-aqua2005-v65.ui-reference-v9 #btnMagic,
  .ui-aqua2005-v65.ui-reference-v9 #btnFriend,
  .ui-aqua2005-v65.ui-reference-v9 #btnSetting,
  .ui-aqua2005-v65.ui-reference-v9 #btnExitRoom{
    background:linear-gradient(180deg,#63c8ea 0%,#3ba9d6 48%,#208cca 52%,#0d70b7 100%)!important;
    border-color:#5fbbe0!important;color:#fff!important;
    box-shadow:inset 0 2px 1px rgba(255,255,255,.65),inset 0 -3px 5px rgba(17,76,137,.18),0 1px 2px rgba(13,68,111,.15)!important;
  }
  .ui-aqua2005-v65.ui-reference-v9 #vipRankBadge .side-nav-label,
  .ui-aqua2005-v65.ui-reference-v9 #btnVipGuideSide>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnProfile>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnDress>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnTimeBook>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnPlayerInfo>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnMagic>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnFriend>span:nth-child(2),
  .ui-aqua2005-v65.ui-reference-v9 #btnSetting>span:last-child,
  .ui-aqua2005-v65.ui-reference-v9 #btnExitRoom>span:last-child{color:#fff!important;text-shadow:0 1px 1px #1c6391!important}
  .ui-aqua2005-v65.ui-reference-v9 .side-nav-item .side-nav-icon:not(.side-nav-vip-icon){
    background-color:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.55)!important;color:#fff!important;filter:none!important;
  }
}