/* Persistent desktop categories use the header's original nav-item rules. */
@media only screen and (min-width:769px){
  .desktop-category-nav{display:contents}
  .desktop-category-nav-item{border:0;background:transparent;cursor:pointer;text-decoration:none}
  .pc-movie-grid>.grid-tabs[data-v-8ebc859a]{display:none!important}
}

/* Mobile user center based on the supplied clean VIP card reference. */
@media only screen and (max-width:768px){
  .user-page[data-v-ca3ed50d]{min-height:100vh;padding:0 0 calc(84px + env(safe-area-inset-bottom,0px));background:#f5f6f8;overflow:hidden}
  .header-gradient[data-v-ca3ed50d],.footer-gradient[data-v-ca3ed50d]{display:none}

  .user-header-section[data-v-ca3ed50d]{margin:30px 16px 14px;padding:26px 22px!important;border-radius:24px;background:linear-gradient(135deg,#fff,#f7f9fc);color:#1f2937;box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.04)}
  .user-header-section[data-v-ca3ed50d]:before{display:none}
  .header-actions[data-v-ca3ed50d]{top:18px!important;right:18px;gap:7px}
  .action-btn[data-v-ca3ed50d]{width:36px;height:36px;border:0;border-radius:50%;background:#f0f2f5;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .action-btn[data-v-ca3ed50d] svg{font-size:18px;color:#6b7280}
  .action-btn[data-v-ca3ed50d]:active{background:#e7e9ed}

  .user-profile[data-v-ca3ed50d]{margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .avatar-wrapper[data-v-ca3ed50d]{width:68px;height:68px;margin-right:14px}
  .avatar-wrapper img[data-v-ca3ed50d]{border-radius:50%;border:2px solid #fff;box-shadow:0 5px 15px rgba(0,0,0,.1)}
  .profile-info[data-v-ca3ed50d]{height:auto;min-height:68px;padding-right:38px}
  .nickname[data-v-ca3ed50d]{font-size:22px;font-weight:600;margin-bottom:5px;color:#1f2937}
  .desc[data-v-ca3ed50d]{font-size:13px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .arrow-icon[data-v-ca3ed50d]{color:#9ca3af}

  .guest-profile[data-v-ca3ed50d]{display:block;text-align:left}
  .guest-avatar-box{display:flex;align-items:center;gap:14px;padding-right:36px}
  .guest-avatar{width:68px;height:68px;flex:0 0 68px;border-radius:50%;background:linear-gradient(135deg,#ffecd2,#fcb69f);display:flex;align-items:center;justify-content:center}
  .guest-avatar:before{content:"";width:32px;height:32px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm7 8a7 7 0 0 0-14 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm7 8a7 7 0 0 0-14 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
  .guest-profile[data-v-ca3ed50d] .profile-info[data-v-ca3ed50d]{min-height:0;height:auto;padding-right:0;align-items:flex-start}
  .guest-profile[data-v-ca3ed50d] .nickname[data-v-ca3ed50d]{justify-content:flex-start;font-size:24px;margin-bottom:4px}
  .guest-profile[data-v-ca3ed50d] .desc[data-v-ca3ed50d]{font-size:13px}

  .guest-benefit-wrap{display:flex;justify-content:space-between;margin-top:22px;padding:14px 8px;border-radius:16px;background:#f1f3f6}
  .guest-benefit-item{flex:1;min-width:0;text-align:center;border-right:1px solid #e5e7eb}
  .guest-benefit-item:last-child{border-right:0}
  .guest-benefit-item strong{display:block;font-size:15px;line-height:1.3;font-weight:700;color:#1f2937;white-space:nowrap}
  .guest-benefit-item span{display:block;margin-top:4px;font-size:11px;color:#6b7280;white-space:nowrap}

  .guest-button-row{display:flex;gap:12px;margin-top:20px}
  .login-btn[data-v-ca3ed50d],.guest-vip-btn{flex:1;height:44px;padding:0;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer}
  .login-btn[data-v-ca3ed50d]{order:initial;width:auto;border:0;background:#ff7d00;color:#fff;box-shadow:none}
  .guest-vip-btn{border:1px solid #e5e7eb;background:#fff;color:#1f2937}
  .login-btn[data-v-ca3ed50d]:active,.guest-vip-btn:active{transform:scale(.98);opacity:.92}

  .vip-card[data-v-ca3ed50d]{margin:0 16px 14px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.1)}
  .vip-card-content[data-v-ca3ed50d]{padding:18px 16px}
  .history-card[data-v-0a31eca8]{margin:0 16px 14px;border-radius:18px;border:1px solid rgba(0,0,0,.04);box-shadow:0 6px 20px rgba(0,0,0,.05)}
  .feature-grid[data-v-ca3ed50d]{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin:0 16px;padding:10px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.04);box-shadow:0 6px 20px rgba(0,0,0,.05)}
  .feature-item[data-v-ca3ed50d]{gap:8px;padding:13px 8px;border-radius:14px;background:#f5f6f8}
  .feature-icon[data-v-ca3ed50d]{width:42px;height:42px;border-radius:13px}
  .feature-item[data-v-ca3ed50d]:has(.feedback-icon){display:none}
}

@media only screen and (max-width:768px){
  body[arco-theme=dark] .user-page[data-v-ca3ed50d]{background:#17171a}
  body[arco-theme=dark] .user-header-section[data-v-ca3ed50d]{background:linear-gradient(135deg,#25262a,#1e2025);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.28)}
  body[arco-theme=dark] .action-btn[data-v-ca3ed50d]{background:#303238}
  body[arco-theme=dark] .action-btn[data-v-ca3ed50d] svg{color:rgba(255,255,255,.7)}
  body[arco-theme=dark] .nickname[data-v-ca3ed50d],body[arco-theme=dark] .guest-benefit-item strong{color:rgba(255,255,255,.9)}
  body[arco-theme=dark] .desc[data-v-ca3ed50d],body[arco-theme=dark] .guest-benefit-item span{color:rgba(255,255,255,.55)}
  body[arco-theme=dark] .guest-benefit-wrap{background:#2a2b30}
  body[arco-theme=dark] .guest-benefit-item{border-color:rgba(255,255,255,.08)}
  body[arco-theme=dark] .guest-vip-btn{background:#282a2f;border-color:#3a3c42;color:rgba(255,255,255,.86)}
  body[arco-theme=dark] .feature-grid[data-v-ca3ed50d]{background:#232324;border-color:rgba(255,255,255,.06)}
  body[arco-theme=dark] .feature-item[data-v-ca3ed50d]{background:rgba(255,255,255,.05)}
}

/* Keep late-loaded route CSS from restoring the old mobile layout. */
@media only screen and (max-width:768px){
  body .user-page[data-v-ca3ed50d] .user-profile[data-v-ca3ed50d]{margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  body .user-page[data-v-ca3ed50d] .guest-profile[data-v-ca3ed50d]{display:block;padding:0;text-align:left}
  body .user-page[data-v-ca3ed50d] .profile-info[data-v-ca3ed50d]{height:auto;min-height:68px;padding-right:38px}
  body .user-page[data-v-ca3ed50d] .guest-profile[data-v-ca3ed50d] .profile-info[data-v-ca3ed50d]{height:auto;min-height:0;padding-right:0;align-items:flex-start}
  body .user-page[data-v-ca3ed50d] .nickname[data-v-ca3ed50d]{font-size:22px;font-weight:600;margin-bottom:5px;color:#1f2937}
  body .user-page[data-v-ca3ed50d] .guest-profile[data-v-ca3ed50d] .nickname[data-v-ca3ed50d]{justify-content:flex-start;font-size:24px;margin-bottom:4px}
  body .user-page[data-v-ca3ed50d] .desc[data-v-ca3ed50d]{font-size:13px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body .user-page[data-v-ca3ed50d] .login-btn[data-v-ca3ed50d]{display:block;order:initial;width:auto;height:44px;padding:0;border:0;border-radius:12px;background:#ff7d00;color:#fff;font-size:15px;font-weight:500;box-shadow:none}
  body .user-page[data-v-ca3ed50d] .history-card[data-v-0a31eca8]{margin:0 16px 14px;border-radius:18px;border:1px solid rgba(0,0,0,.04);box-shadow:0 6px 20px rgba(0,0,0,.05)}
  body .user-page[data-v-ca3ed50d] .feature-grid[data-v-ca3ed50d]{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin:0 16px;padding:10px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.04);box-shadow:0 6px 20px rgba(0,0,0,.05)}
  body[arco-theme=dark] .user-page[data-v-ca3ed50d] .nickname[data-v-ca3ed50d]{color:rgba(255,255,255,.9)}
  body[arco-theme=dark] .user-page[data-v-ca3ed50d] .desc[data-v-ca3ed50d]{color:rgba(255,255,255,.55)}
  body[arco-theme=dark] .user-page[data-v-ca3ed50d] .feature-grid[data-v-ca3ed50d]{background:#232324;border-color:rgba(255,255,255,.06)}
}

/* Final mobile density and icon polish. */
@media only screen and (max-width:768px){
  body .user-page[data-v-ca3ed50d] .user-header-section[data-v-ca3ed50d]{padding:20px 18px!important;border-radius:20px}
  body .user-page[data-v-ca3ed50d] .header-actions[data-v-ca3ed50d]{top:14px!important;right:14px}
  body .user-page[data-v-ca3ed50d] .action-btn[data-v-ca3ed50d]{width:32px;height:32px}
  body .user-page[data-v-ca3ed50d] .action-btn[data-v-ca3ed50d] svg{font-size:16px}
  body .user-page[data-v-ca3ed50d] .avatar-wrapper[data-v-ca3ed50d]{width:56px;height:56px;margin-right:12px}
  body .user-page[data-v-ca3ed50d] .profile-info[data-v-ca3ed50d]{min-height:56px;padding-right:32px}
  body .user-page[data-v-ca3ed50d] .nickname[data-v-ca3ed50d]{font-size:18px;margin-bottom:4px}
  body .user-page[data-v-ca3ed50d] .desc[data-v-ca3ed50d]{font-size:12px}
  .guest-avatar-box{gap:12px;padding-right:30px}
  .guest-avatar{width:50px;height:50px;flex-basis:50px}
  .guest-avatar:before{width:22px;height:22px}
  body .user-page[data-v-ca3ed50d] .guest-profile[data-v-ca3ed50d] .profile-info[data-v-ca3ed50d]{min-height:0;padding-right:0}
  body .user-page[data-v-ca3ed50d] .guest-profile[data-v-ca3ed50d] .nickname[data-v-ca3ed50d]{font-size:20px;margin-bottom:3px}

  .guest-benefit-wrap{margin-top:17px;padding:10px 2px 7px;border-radius:14px;background:transparent}
  .guest-benefit-item{display:flex;flex-direction:column;align-items:center;gap:8px;border-right:0}
  .guest-benefit-icon{width:44px;height:44px;border-radius:14px;display:block;position:relative;background:rgba(212,182,143,.2)!important;border:1px solid rgba(212,182,143,.16);box-shadow:none}
  .guest-benefit-icon:before{content:"";position:absolute;inset:10px;background:#c19a6b;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
  .guest-benefit-icon.benefit-hd:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13 2-8 12h7l-1 8 8-12h-7l1-8Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13 2-8 12h7l-1 8 8-12h-7l1-8Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
  .guest-benefit-icon.benefit-cloud:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 8 4 3 5-7 5 7 4-3-2 11H5L3 8Zm4 14h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 8 4 3 5-7 5 7 4-3-2 11H5L3 8Zm4 14h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
  .guest-benefit-icon.benefit-list:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M10 8.5 16 12l-6 3.5v-7Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M10 8.5 16 12l-6 3.5v-7Z' fill='black'/%3E%3C/svg%3E")}
  .guest-benefit-icon.benefit-vip:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 5 6v5c0 5 3 8 7 10 4-2 7-5 7-10V6l-7-3Zm-4 9h8M9 9h6M9 15h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 5 6v5c0 5 3 8 7 10 4-2 7-5 7-10V6l-7-3Zm-4 9h8M9 9h6M9 15h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
  .guest-benefit-item span{margin-top:0;font-size:11px;font-weight:500;color:var(--color-text-2)}
  body[arco-theme=dark] .guest-benefit-wrap{background:transparent}
  body[arco-theme=dark] .guest-benefit-icon{background:rgba(212,182,143,.15)!important;border-color:rgba(212,182,143,.14)}
  body[arco-theme=dark] .guest-benefit-item span{color:rgba(255,255,255,.68)}

  .guest-button-row{display:block;margin-top:16px}
  body .user-page[data-v-ca3ed50d] .guest-button-row .login-btn[data-v-ca3ed50d]{display:block;width:100%;height:42px;border:0;border-radius:12px;background:linear-gradient(90deg,#e0cba8,#d4b68f);color:#5c4218;font-size:14px;font-weight:600;box-shadow:0 4px 12px rgba(212,182,143,.25)}
  body .user-page[data-v-ca3ed50d] .guest-button-row .login-btn[data-v-ca3ed50d]:active{transform:scale(.99);opacity:.9}
  .guest-vip-btn{display:none!important}

  body .user-page[data-v-ca3ed50d] .profile-redeem-btn{height:24px;margin-left:2px;padding:0 9px;border:0;border-radius:8px;background:linear-gradient(90deg,#e0cba8,#d4b68f);color:#5c4218;font-size:10px;font-weight:650;line-height:24px;white-space:nowrap;box-shadow:0 3px 8px rgba(212,182,143,.22);cursor:pointer}
  body .user-page[data-v-ca3ed50d] .profile-redeem-btn:active{transform:scale(.97);opacity:.9}
  body .user-page[data-v-ca3ed50d] .vip-expiry-text{color:#b58b57;font-weight:550}
  body .user-page[data-v-ca3ed50d] .vip-profile .avatar-wrapper[data-v-ca3ed50d]{border-radius:50%;background:linear-gradient(135deg,#f7e7c6,#cfa96f);box-shadow:0 5px 16px rgba(193,154,107,.32)}
  body .user-page[data-v-ca3ed50d] .vip-profile .avatar-wrapper[data-v-ca3ed50d] img{opacity:0}
  body .user-page[data-v-ca3ed50d] .vip-profile .avatar-wrapper[data-v-ca3ed50d]:before{content:"";position:absolute;inset:13px;background:#6f5128;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 8 4 3 5-7 5 7 4-3-2 11H5L3 8Zm4 14h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 8 4 3 5-7 5 7 4-3-2 11H5L3 8Zm4 14h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;z-index:1}
  body .user-page[data-v-ca3ed50d] .vip-profile .vip-badge[data-v-ca3ed50d]{display:none}
  body .user-page[data-v-ca3ed50d] .mobile-redundant-vip-card{display:none!important}
  body .user-page[data-v-ca3ed50d] .logged-member-panel{display:none!important}

  body .user-page[data-v-ca3ed50d] .feature-grid[data-v-ca3ed50d]{grid-template-columns:1fr;gap:8px;padding:9px}
  body .user-page[data-v-ca3ed50d] .feature-item[data-v-ca3ed50d]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:12px 13px;text-align:left}
  body .user-page[data-v-ca3ed50d] .feature-icon[data-v-ca3ed50d]{width:40px;height:40px;flex:0 0 40px;margin:0;border-radius:12px}
  .feature-copy{flex:1;min-width:0;text-align:left}
  .feature-copy span{display:block;font-size:14px!important;font-weight:600;color:var(--color-text-1)!important;line-height:1.35}
  .feature-copy small{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:var(--color-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* Logged-in member center and card redemption entrance. */
@media only screen and (max-width:768px){
  .logged-member-panel{margin-top:16px;padding:12px;border-radius:14px;background:#f1f3f6}
  .logged-member-head{display:flex;align-items:center;gap:10px}
  .logged-member-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:linear-gradient(135deg,#ffd15c,#f59b23);position:relative;box-shadow:0 4px 10px rgba(245,155,35,.22)}
  .logged-member-icon:before{content:"";position:absolute;inset:8px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 8 4 3 4-6 4 6 4-3-2 10H6L4 8Zm3 13h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 8 4 3 4-6 4 6 4-3-2 10H6L4 8Zm3 13h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
  .logged-member-copy{flex:1;min-width:0}
  .logged-member-copy strong{display:block;font-size:14px;line-height:1.35;font-weight:650;color:#1f2937}
  .logged-member-copy span{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .logged-member-actions{display:flex;gap:9px;margin-top:11px}
  .logged-member-actions button{flex:1;height:38px;border:0;border-radius:11px;background:linear-gradient(90deg,#e0cba8,#d4b68f);color:#5c4218;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(212,182,143,.25);transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}
  .member-redeem-btn,.member-open-btn{border:0;background:linear-gradient(90deg,#e0cba8,#d4b68f);color:#5c4218}
  .logged-member-actions button:active{transform:scale(.98);opacity:.9;box-shadow:0 2px 7px rgba(212,182,143,.2)}
  body[arco-theme=dark] .logged-member-panel{background:#2a2b30}
  body[arco-theme=dark] .logged-member-copy strong{color:rgba(255,255,255,.9)}
  body[arco-theme=dark] .logged-member-copy span{color:rgba(255,255,255,.55)}
  body[arco-theme=dark] .member-redeem-btn,body[arco-theme=dark] .member-open-btn{border:0;background:linear-gradient(90deg,#e0cba8,#d4b68f);color:#5c4218}
  body[arco-theme=dark] .user-page[data-v-ca3ed50d] .vip-expiry-text{color:#d9bd8f}
}