:root{
  --lux-paper:#f4efe7;
  --lux-paper-deep:#ebe2d5;
  --lux-ivory:#fffdf9;
  --lux-ivory-soft:#faf7f1;
  --lux-gold:#c9a15c;
  --lux-gold-light:#ead5aa;
  --lux-gold-dark:#9b7337;
  --lux-ink:#211f1c;
  --lux-muted:#756f67;
  --lux-line:rgba(181,145,83,.34);
  --lux-shadow:rgba(78,59,32,.12);
  --lux-red:#ee454d;
}

*{box-sizing:border-box}
html{background:var(--lux-paper)}
html body{
  color:var(--lux-ink)!important;
  background:
    radial-gradient(circle at 82% 5%,rgba(231,205,157,.28),transparent 27%),
    repeating-linear-gradient(90deg,rgba(130,105,72,.022) 0,rgba(130,105,72,.022) 1px,transparent 1px,transparent 4px),
    linear-gradient(145deg,#f8f4ee 0%,#efe8de 100%)!important;
  font-family:"SF Pro Display","PingFang SC","Microsoft YaHei",Inter,sans-serif!important;
  color-scheme:light;
}
html body *{color:var(--lux-ink)!important}
html body p,html body small,html body .muted,html body .label,html body .eyebrow{color:var(--lux-muted)!important}
html body h1,html body h2,html body h3,html body strong,html body b{letter-spacing:.015em}
html body h1,html body h2,html body h3{color:var(--lux-ink)!important}

/* Paper-and-gold brand areas */
html body aside,
html body .sidebar,
html body .brand-panel,
html body>header{
  position:relative;
  background:
    radial-gradient(circle at 82% 10%,rgba(224,190,126,.22),transparent 30%),
    repeating-linear-gradient(90deg,rgba(122,93,50,.025) 0,rgba(122,93,50,.025) 1px,transparent 1px,transparent 4px),
    linear-gradient(145deg,#fbf8f3,#eee5d8)!important;
  border-color:var(--lux-line)!important;
  box-shadow:8px 0 30px rgba(89,66,36,.08)!important;
}
html body aside:after,
html body .sidebar:after,
html body .brand-panel:after{
  content:"";
  position:absolute;
  right:-38px;
  top:118px;
  width:150px;
  height:150px;
  opacity:.22;
  pointer-events:none;
  background:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 10px,rgba(183,139,68,.42) 11px 12px,transparent 13px 21px);
  transform:rotate(-18deg);
}
html body aside *,html body .sidebar *,html body .brand-panel *,html body>header *{color:var(--lux-ink)!important}
html body .brand-logo-image,
html body .brand img,
html body .brand-lockup img,
html body>header img{
  background:linear-gradient(145deg,#fff,#f7f0e6)!important;
  border:1px solid var(--lux-gold)!important;
  box-shadow:0 12px 24px rgba(87,63,29,.13),inset 0 0 0 5px rgba(255,255,255,.54)!important;
}
html body .identity,html body .role-card{
  background:rgba(255,253,249,.72)!important;
  border:1px solid var(--lux-line)!important;
  box-shadow:0 8px 18px rgba(78,59,32,.08),inset 0 1px rgba(255,255,255,.9)!important;
}
html body .identity small,html body .identity span,html body .role-card small{display:none!important}
html body.portal-landing .identity,html body.admin-landing .role-card,html body.staff-home .identity{
  min-height:48px!important;
  padding:9px 13px!important;
  border-radius:15px!important;
}
html body.portal-landing .identity b,html body.admin-landing .role-card b,html body.staff-home .identity b{
  margin:0!important;
  font-size:13px!important;
  line-height:1.25!important;
  color:var(--lux-ink)!important;
}

/* Navigation */
html body aside nav a,html body aside nav button,html body .sidebar .nav a{
  border:1px solid transparent!important;
  border-radius:13px!important;
  color:#4d463e!important;
}
html body aside nav a.active,html body aside nav a:hover,
html body aside nav button.active,html body aside nav button:hover,
html body .sidebar .nav a.active,html body .sidebar .nav a:hover{
  color:var(--lux-ink)!important;
  background:linear-gradient(145deg,#fffefb,#f4eadc)!important;
  border-color:var(--lux-line)!important;
  box-shadow:0 6px 12px rgba(83,61,31,.1),inset 0 1px #fff!important;
}
html body aside nav a.active *,html body aside nav a:hover *,
html body aside nav button.active *,html body aside nav button:hover *{color:var(--lux-gold-dark)!important}
html body .nav-label{color:var(--lux-gold-dark)!important}
html body .mobile-menu-toggle,html body .mobile-admin-menu-toggle{
  color:var(--lux-ink)!important;
  background:linear-gradient(145deg,#fffdf9,#efe5d7)!important;
  border:1px solid var(--lux-line)!important;
  box-shadow:0 5px 12px rgba(78,59,32,.08)!important;
}

/* Main surfaces */
html body main,html body .main,html body .storefront{background:transparent!important}
html body main>header span,html body .top .eyebrow,html body .page-title>span,
html body .hero>span,html body .section-head>span,html body .admin-function-heading>span{
  color:var(--lux-gold-dark)!important;
}
html body main>header h1,html body .top h1{font-weight:650!important}
html body main>header a,html body .icon-btn,html body .btn.secondary,
html body button.light,html body .refresh-notifications,html body .order-search button.light{
  background:linear-gradient(145deg,#fff,#f4ede4)!important;
  border:1px solid var(--lux-line)!important;
  border-radius:999px!important;
  color:var(--lux-ink)!important;
  box-shadow:0 5px 12px rgba(78,59,32,.08),inset 0 1px #fff!important;
}

/* Reference-style raised cards */
html body .card,
html body .stats>div,
html body .product-card,
html body .order-card,
html body .wallet,
html body .quick-grid button,
html body .invite-card,
html body .login-card,
html body .admin-function-card,
html body .mobile-quick-action,
html body .profile-wallet,
html body .profile-menu button,
html body .service-banner,
html body.reference-enroll main>section,
html body.reference-share #shareContent{
  background:
    repeating-linear-gradient(90deg,rgba(136,107,67,.018) 0,rgba(136,107,67,.018) 1px,transparent 1px,transparent 4px),
    linear-gradient(145deg,#fffefa,#f6f1ea)!important;
  border:1px solid rgba(187,153,96,.3)!important;
  border-radius:19px!important;
  box-shadow:0 13px 28px var(--lux-shadow),inset 0 1px rgba(255,255,255,.95),0 1px 0 rgba(170,128,63,.12)!important;
}
html body .card:hover,html body .admin-function-card:hover,html body .mobile-quick-action:hover,
html body .quick-grid button:hover{
  border-color:rgba(181,139,72,.62)!important;
  box-shadow:0 17px 32px rgba(78,59,32,.15),inset 0 1px #fff!important;
  transform:translateY(-2px)!important;
}
html body .stats>div:before,html body .admin-function-card:before,html body .mobile-quick-action:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}
html body .stats>div,html body .admin-function-card,html body .mobile-quick-action{position:relative;overflow:hidden}

/* Gold ring icons, matching the reference tiles */
html body .quick-icon,
html body .admin-function-card i,
html body .quick-grid i,
html body .stat-icon,
html body .profile-menu i{
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  color:var(--lux-gold-dark)!important;
  background:rgba(255,255,255,.58)!important;
  border:1px solid var(--lux-gold)!important;
  border-radius:50%!important;
  box-shadow:inset 0 1px #fff,0 4px 10px rgba(98,70,32,.08)!important;
  font-style:normal!important;
}
html body .mobile-quick-action>span:last-child,html body .admin-function-card>b{color:var(--lux-gold-dark)!important}

/* Inputs and form controls */
html body input,html body select,html body textarea{
  color:var(--lux-ink)!important;
  background:rgba(255,254,251,.92)!important;
  border:1px solid rgba(174,139,84,.35)!important;
  border-radius:12px!important;
  box-shadow:inset 0 2px 4px rgba(76,57,32,.035)!important;
}
html body input::placeholder,html body textarea::placeholder{color:#9a9084!important}
html body input:focus,html body select:focus,html body textarea:focus{
  outline:none!important;
  border-color:var(--lux-gold)!important;
  box-shadow:0 0 0 4px rgba(201,161,92,.14)!important;
}

/* Dimensional champagne controls */
html body .primary,
html body .action,
html body .btn:not(.secondary),
html body form button:not(.light):not(.secondary),
html body .catalog button,
html body .order-cart-footer button,
html body .ship-order,
html body .withdraw-pay,
html body .member-action,
html body .add-cart,
html body .cart-summary>button,
html body .empty-state button,
html body .hero button,
html body .product-copy button,
html body .category-strip button.active{
  color:#302719!important;
  background:linear-gradient(145deg,#f4dfb7 0%,#d8b36e 48%,#bd9149 100%)!important;
  border:1px solid #b98b44!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.62),0 5px 0 #9a7137,0 10px 18px rgba(99,72,33,.2)!important;
  transform:translateY(0);
}
html body .primary *,html body .action *,html body .btn:not(.secondary) *{color:#302719!important}
html body .primary:hover,html body .action:hover,html body .btn:not(.secondary):hover,
html body form button:not(.light):not(.secondary):hover,html body .catalog button:hover,
html body .ship-order:hover,html body .withdraw-pay:hover,html body .member-action:hover,
html body .add-cart:hover,html body .cart-summary>button:hover,html body .empty-state button:hover{
  background:linear-gradient(145deg,#f1d9ab,#cfaa65 52%,#b18442)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.55),0 3px 0 #8f6732,0 7px 14px rgba(99,72,33,.2)!important;
  transform:translateY(2px)!important;
}

/* Tables, pills and quiet surfaces */
html body th{background:#f7f0e6!important;color:#74654f!important}
html body th,html body td{border-color:rgba(182,150,101,.22)!important}
html body .pill,html body .trend,html body .status,html body .role-pill{
  color:var(--lux-gold-dark)!important;
  background:#f6ead6!important;
  border:1px solid rgba(201,161,92,.24)!important;
  border-radius:999px!important;
}
html body .notice,html body .order-search,html body .permission div,
html body .direct-tip,html body .security-note,html body .rulebox p{
  background:rgba(247,239,226,.72)!important;
  border-color:var(--lux-line)!important;
}
html body .notification-order.unread,html body .withdraw-notification.unread,
html body .brand-withdraw-notification.unread{border-left-color:var(--lux-red)!important}

/* Portal and brand home pages */
html body.portal-landing #homeView:before{
  content:"工作台"!important;
  display:block!important;
  margin:0 0 10px!important;
  padding-bottom:10px!important;
  color:var(--lux-ink)!important;
  font-size:30px!important;
  font-weight:650!important;
  letter-spacing:.12em!important;
  background:linear-gradient(90deg,var(--lux-gold),var(--lux-gold-light)) no-repeat left bottom/48px 4px!important;
}
html body.portal-landing #homeView .mobile-quick-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:15px!important;
  min-height:0!important;
  margin:28px 0 0!important;
}
html body.portal-landing #homeView .mobile-quick-action{
  min-height:118px!important;
  padding:20px 18px!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:18px!important;
  text-align:left!important;
}
html body.portal-landing #homeView .mobile-quick-action .quick-icon{
  width:62px!important;
  height:62px!important;
  border-radius:50%!important;
  font-size:22px!important;
}
html body.portal-landing #homeView .mobile-quick-action b{font-size:18px!important;font-weight:600!important}
html body.portal-landing #homeView .mobile-quick-action small{margin-top:7px!important;font-size:11px!important;color:var(--lux-muted)!important}
html body.portal-landing #homeView .mobile-quick-action>span:last-child{display:none!important}
html body.portal-landing #homeView .stats,html body.portal-landing #homeView .home-secondary,
html body.portal-landing #homeView .mobile-details-toggle{display:none!important}

html body .admin-function-landing{gap:22px!important}
html body .admin-function-heading h2{margin:5px 0 4px!important;font-size:30px!important}
html body .admin-function-heading h2:after{content:"";display:block;width:48px;height:4px;margin-top:13px;border-radius:99px;background:var(--lux-gold)}
html body .admin-function-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
html body .admin-function-card{
  min-height:122px!important;
  padding:20px!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:18px!important;
  align-content:center!important;
}
html body .admin-function-card i{grid-row:1/3;width:62px!important;height:62px!important;font-size:17px!important}
html body .admin-function-card strong{align-self:end;margin:0!important;font-size:18px!important}
html body .admin-function-card small{align-self:start;margin:6px 0 0!important;font-size:11px!important}
html body .admin-function-card b{display:none!important}

/* Member, login and public pages */
html body .shop-head{background:rgba(250,247,241,.92)!important;border-color:var(--lux-line)!important}
html body .mini-mark{background:linear-gradient(145deg,#e6c88e,#b98c47)!important;color:#2b2419!important;border:1px solid #a77937!important}
html body .product-visual,html body .sheet-visual,html body .photo-box,html body .invite-preview{
  background:linear-gradient(145deg,#fbf7ef,#eee3d3)!important;
  border-color:var(--lux-line)!important;
}
html body .bottom-nav{
  left:50%!important;right:auto!important;bottom:max(14px,env(safe-area-inset-bottom))!important;
  width:min(440px,calc(100% - 28px))!important;
  transform:translateX(-50%)!important;
  background:rgba(255,253,249,.95)!important;
  border:1px solid var(--lux-line)!important;
  border-radius:28px!important;
  box-shadow:0 13px 28px rgba(78,59,32,.16)!important;
}
html body .bottom-nav button.active{color:var(--lux-ink)!important;background:linear-gradient(145deg,#eed29c,#c89c54)!important;border-radius:22px!important;transform:translateY(-8px)}
html body .bottom-nav button.active *,html body .bottom-nav button.active i{color:var(--lux-ink)!important}
html body .login-shell{gap:20px!important;padding:20px!important}
html body .brand-panel,html body .login-card{border-radius:28px!important}
html body .brand-panel .flow b{background:rgba(255,255,255,.56)!important;border:1px solid var(--lux-line)!important}
html body .loading{background:var(--lux-ivory)!important;border:1px solid var(--lux-line)!important;border-radius:18px!important;box-shadow:0 12px 24px var(--lux-shadow)!important}

@media(max-width:820px){
  html body{background:linear-gradient(145deg,#f8f4ee,#eee6dc)!important}
  html body aside,html body .sidebar{background:linear-gradient(145deg,#faf6f0,#eee4d7)!important}
  html body .card,html body .stats>div,html body .admin-function-card,html body .mobile-quick-action{border-radius:17px!important;box-shadow:0 9px 20px rgba(78,59,32,.1),inset 0 1px #fff!important}
  html body .login-shell{padding:10px!important;gap:10px!important}
  html body .brand-panel,html body .login-card{border-radius:23px!important}
}

@media(max-width:760px){
  html body.portal-landing{display:block!important;min-height:100vh!important;background:linear-gradient(145deg,#f8f4ee,#eee6dc)!important}
  html body.portal-landing aside{
    position:relative!important;
    z-index:1!important;
    height:auto!important;
    min-height:0!important;
    padding:18px 18px 16px!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body.portal-landing aside:after{right:-18px;top:10px;width:120px;height:120px}
  html body.portal-landing .brand{padding:0!important;gap:12px!important}
  html body.portal-landing .brand .brand-logo-image{width:80px!important;height:66px!important;flex-basis:80px!important;border-radius:15px!important;padding:5px!important}
  html body.portal-landing .brand .brand-logo-image+div b{font-size:22px!important;font-weight:600!important}
  html body.portal-landing .identity{width:max-content!important;max-width:72%!important;margin:10px 0 0 92px!important;padding:6px 13px!important;min-height:32px!important;border-radius:999px!important}
  html body.portal-landing .identity b{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body.portal-landing .mobile-menu-toggle,html body.portal-landing #portalNav,html body.portal-landing .logout{display:none!important}
  html body.portal-landing main{display:block!important;padding:22px 16px 44px!important;background:rgba(255,253,249,.76)!important;border-radius:25px 25px 0 0!important;box-shadow:0 -2px 0 rgba(255,255,255,.8)!important}
  html body.portal-landing main>header{display:none!important}
  html body.portal-landing #homeView:before{font-size:28px!important;margin:0!important;padding-bottom:18px!important}
  html body.portal-landing #homeView .mobile-quick-actions{gap:12px!important;margin-top:0!important}
  html body.portal-landing #homeView .mobile-quick-action{min-height:96px!important;padding:14px 12px!important;gap:12px!important}
  html body.portal-landing #homeView .mobile-quick-action .quick-icon{width:48px!important;height:48px!important;font-size:18px!important}
  html body.portal-landing #homeView .mobile-quick-action b{font-size:15px!important;white-space:normal!important}
  html body.portal-landing #homeView .mobile-quick-action small{font-size:9px!important;white-space:normal!important}

  html body.admin-landing{background:linear-gradient(145deg,#f8f4ee,#eee6dc)!important}
  html body.admin-landing .shell{display:block!important;background:transparent!important}
  html body.admin-landing .sidebar{
    display:flex!important;height:auto!important;min-height:0!important;overflow:visible!important;
    padding:18px!important;background:linear-gradient(145deg,#faf6f0,#eee4d7)!important;box-shadow:none!important;
  }
  html body.admin-landing .brand-lockup{height:auto!important;min-height:0!important;padding:0!important}
  html body.admin-landing .brand-lockup .brand-logo-image{width:80px!important;height:66px!important;flex-basis:80px!important;border-radius:15px!important;padding:5px!important}
  html body.admin-landing .brand-lockup .brand-logo-image+div strong{font-size:22px!important}
  html body.admin-landing .role-card{width:max-content!important;max-width:72%!important;height:auto!important;min-height:32px!important;margin:10px 0 0 92px!important;padding:6px 13px!important;border-radius:999px!important}
  html body.admin-landing .mobile-admin-menu-toggle,html body.admin-landing .nav,html body.admin-landing .sidebar-foot{display:none!important}
  html body.admin-landing .main{display:block!important;padding:22px 16px 44px!important;background:rgba(255,253,249,.76)!important;border-radius:25px 25px 0 0!important}
  html body.admin-landing .main>.top{display:none!important}
  html body.admin-landing .admin-function-landing{display:flex!important;min-height:0!important;gap:18px!important}
  html body.admin-landing .admin-function-heading span,html body.admin-landing .admin-function-heading p{display:none!important}
  html body.admin-landing .admin-function-heading h2{font-size:28px!important}
  html body.admin-landing .admin-function-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html body.admin-landing .admin-function-card{min-height:96px!important;padding:14px 12px!important;grid-template-columns:48px minmax(0,1fr)!important;column-gap:12px!important}
  html body.admin-landing .admin-function-card i{width:48px!important;height:48px!important;font-size:14px!important}
  html body.admin-landing .admin-function-card strong{font-size:15px!important}
  html body.admin-landing .admin-function-card small{font-size:9px!important;line-height:1.4!important}
}

@media(max-width:410px){
  html body.portal-landing #homeView .mobile-quick-actions,
  html body.admin-landing .admin-function-grid{gap:9px!important}
  html body.portal-landing #homeView .mobile-quick-action,
  html body.admin-landing .admin-function-card{padding:12px 9px!important;gap:9px!important;column-gap:9px!important}
  html body.portal-landing #homeView .mobile-quick-action .quick-icon,
  html body.admin-landing .admin-function-card i{width:43px!important;height:43px!important}
  html body.portal-landing #homeView .mobile-quick-action b,
  html body.admin-landing .admin-function-card strong{font-size:13px!important}
}

/* Exact mobile masthead from the supplied reference: square brand card on the
   left, title and account capsule on the right, rounded workspace below. */
@media(max-width:760px){
  html body.portal-landing aside{
    position:relative!important;
    display:block!important;
    height:230px!important;
    padding:28px 22px 34px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 84% 8%,rgba(219,180,109,.18),transparent 30%),
      repeating-linear-gradient(90deg,rgba(122,93,50,.025) 0,rgba(122,93,50,.025) 1px,transparent 1px,transparent 4px),
      linear-gradient(120deg,#f5f1eb 0%,#eee8df 100%)!important;
  }
  html body.portal-landing aside:before{
    content:"";
    position:absolute;
    right:-36px;
    bottom:-42px;
    width:210px;
    height:155px;
    pointer-events:none;
    opacity:.3;
    background:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 10px,rgba(191,145,74,.45) 11px 12px,transparent 13px 21px);
    transform:rotate(-12deg);
  }
  html body.portal-landing aside:after{
    right:-30px!important;
    top:0!important;
    width:132px!important;
    height:132px!important;
    opacity:.18!important;
  }
  html body.portal-landing .brand{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:142px minmax(0,1fr)!important;
    align-items:center!important;
    gap:22px!important;
    padding:0!important;
  }
  html body.portal-landing .brand .brand-logo-image{
    width:142px!important;
    height:142px!important;
    min-width:142px!important;
    flex-basis:142px!important;
    padding:12px!important;
    object-fit:contain!important;
    border-radius:22px!important;
    background:rgba(255,253,249,.86)!important;
    border:1px solid rgba(185,140,66,.72)!important;
    box-shadow:0 12px 22px rgba(83,62,34,.13),inset 0 0 0 1px rgba(255,255,255,.72)!important;
  }
  html body.portal-landing .brand>div{
    min-width:0!important;
    align-self:center!important;
    padding-bottom:33px!important;
  }
  html body.portal-landing .brand .brand-logo-image+div b{
    display:block!important;
    font-size:29px!important;
    font-weight:520!important;
    line-height:1.25!important;
    letter-spacing:.06em!important;
    white-space:nowrap!important;
    color:#201e1b!important;
  }
  html body.portal-landing .identity{
    position:absolute!important;
    z-index:3!important;
    left:186px!important;
    top:118px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    max-width:calc(100% - 208px)!important;
    min-width:98px!important;
    min-height:38px!important;
    margin:0!important;
    padding:7px 19px!important;
    border:1px solid var(--lux-gold)!important;
    border-radius:999px!important;
    background:rgba(255,253,249,.62)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.9)!important;
  }
  html body.portal-landing .identity b{
    display:block!important;
    max-width:100%!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:1.2!important;
    letter-spacing:.02em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body.portal-landing main{
    position:relative!important;
    z-index:5!important;
    width:100%!important;
    min-height:calc(100vh - 230px)!important;
    margin:0!important;
    padding:33px 17px 48px!important;
    background:#fbfaf7!important;
    border:1px solid rgba(255,255,255,.92)!important;
    border-bottom:0!important;
    border-radius:29px 29px 0 0!important;
    box-shadow:0 -8px 24px rgba(74,56,33,.055),inset 0 1px #fff!important;
  }
  html body.portal-landing #homeView:before{
    padding:0 0 21px!important;
    font-size:29px!important;
    line-height:1.2!important;
    letter-spacing:.16em!important;
    background:linear-gradient(90deg,var(--lux-gold),#e4c583) no-repeat left bottom/50px 4px!important;
  }
  html body.portal-landing #homeView .mobile-quick-actions{margin-top:26px!important}

  html body.admin-landing .sidebar{
    position:relative!important;
    display:block!important;
    height:230px!important;
    padding:28px 22px 34px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 84% 8%,rgba(219,180,109,.18),transparent 30%),
      repeating-linear-gradient(90deg,rgba(122,93,50,.025) 0,rgba(122,93,50,.025) 1px,transparent 1px,transparent 4px),
      linear-gradient(120deg,#f5f1eb 0%,#eee8df 100%)!important;
  }
  html body.admin-landing .brand-lockup{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:142px minmax(0,1fr)!important;
    align-items:center!important;
    gap:22px!important;
  }
  html body.admin-landing .brand-lockup .brand-logo-image{
    width:142px!important;
    height:142px!important;
    min-width:142px!important;
    flex-basis:142px!important;
    padding:12px!important;
    object-fit:contain!important;
    border-radius:22px!important;
  }
  html body.admin-landing .brand-lockup>div{min-width:0!important;padding-bottom:33px!important}
  html body.admin-landing .brand-lockup .brand-logo-image+div strong{
    display:block!important;
    font-size:29px!important;
    font-weight:520!important;
    letter-spacing:.06em!important;
    white-space:nowrap!important;
  }
  html body.admin-landing .role-card{
    position:absolute!important;
    z-index:3!important;
    left:186px!important;
    top:118px!important;
    width:max-content!important;
    max-width:calc(100% - 208px)!important;
    min-width:98px!important;
    min-height:38px!important;
    margin:0!important;
    padding:7px 19px!important;
    border-radius:999px!important;
  }
  html body.admin-landing .main{
    position:relative!important;
    z-index:5!important;
    min-height:calc(100vh - 230px)!important;
    margin:0!important;
    padding:33px 17px 48px!important;
    background:#fbfaf7!important;
    border-radius:29px 29px 0 0!important;
  }
}

@media(max-width:390px){
  html body.portal-landing aside,html body.admin-landing .sidebar{height:210px!important;padding:24px 17px 29px!important}
  html body.portal-landing .brand,html body.admin-landing .brand-lockup{grid-template-columns:124px minmax(0,1fr)!important;gap:17px!important}
  html body.portal-landing .brand .brand-logo-image,html body.admin-landing .brand-lockup .brand-logo-image{
    width:124px!important;height:124px!important;min-width:124px!important;flex-basis:124px!important;padding:10px!important;border-radius:20px!important
  }
  html body.portal-landing .brand .brand-logo-image+div b,
  html body.admin-landing .brand-lockup .brand-logo-image+div strong{font-size:25px!important}
  html body.portal-landing .identity,html body.admin-landing .role-card{left:158px!important;top:105px!important;max-width:calc(100% - 175px)!important;min-width:88px!important;min-height:34px!important;padding:6px 14px!important}
  html body.portal-landing main,html body.admin-landing .main{min-height:calc(100vh - 210px)!important;padding-top:29px!important}
}

/* Store mobile home: member care is the primary, daily-use workspace. */
@media(max-width:760px){
  html body.portal-landing.store-member-home #homeView .member-center-card{
    display:block!important;
    margin:5px 0 26px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(174,124,52,.58)!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,#fffefa 0%,#faf4e9 56%,#f1e1c7 100%)!important;
    box-shadow:0 18px 38px rgba(78,56,27,.18),inset 0 1px rgba(255,255,255,.95)!important;
  }
  html body.portal-landing.store-member-home #homeView .member-center-card>h2{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:0!important;
    padding:18px 19px 16px!important;
    color:#2a241b!important;
    font-family:inherit!important;
    font-size:21px!important;
    font-weight:680!important;
    letter-spacing:.08em!important;
    background:
      radial-gradient(circle at 92% 0,rgba(255,255,255,.58),transparent 36%),
      linear-gradient(135deg,#f3dfb6 0%,#dfbd7e 100%)!important;
    border-bottom:1px solid rgba(155,105,38,.2)!important;
  }
  html body.portal-landing.store-member-home #homeView .member-center-card>h2:after{
    content:"每日常用"!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:26px!important;
    padding:4px 10px!important;
    border:1px solid rgba(110,75,29,.25)!important;
    border-radius:999px!important;
    background:rgba(255,253,247,.52)!important;
    color:#68502f!important;
    font-size:10px!important;
    font-weight:600!important;
    letter-spacing:.08em!important;
  }
  html body.portal-landing.store-member-home #homeView .member-center-card .permission{
    display:block!important;
    padding:15px!important;
    background:transparent!important;
    border:0!important;
  }
  html body.portal-landing.store-member-home #homeView .member-center-card .permission div{
    background:transparent!important;
    border-color:transparent!important;
  }
  html body.portal-landing.store-member-home #homeView .member-center-intro{
    margin:0 0 12px!important;
    padding:19px 18px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:17px!important;
    background:
      radial-gradient(circle at 88% 18%,rgba(226,196,138,.2),transparent 34%),
      linear-gradient(135deg,#3f4850 0%,#56636d 56%,#74818a 100%)!important;
    box-shadow:0 10px 22px rgba(44,53,60,.2)!important;
  }
  html body.portal-landing.store-member-home #homeView .member-center-intro>div>span{color:#e5c98f!important}
  html body.portal-landing.store-member-home #homeView .member-center-intro h3{font-size:19px!important;color:#fff8eb!important}
  html body.portal-landing.store-member-home #homeView .member-center-intro>i{width:46px!important;height:46px!important;color:#e5c98f!important}
  html body.portal-landing.store-member-home #homeView .member-enroll-banner,
  html body.portal-landing.store-member-home #homeView .new-member-notice,
  html body.portal-landing.store-member-home #homeView .tomorrow-home-summary{
    width:100%!important;
    margin:0 0 11px!important;
    border-color:rgba(184,143,79,.3)!important;
    background:rgba(255,253,249,.86)!important;
    box-shadow:0 7px 16px rgba(88,62,29,.07)!important;
  }
  html body.portal-landing.store-member-home #homeView .member-enroll-banner{
    align-items:center!important;
    padding:14px!important;
    border-radius:15px!important;
  }
  html body.portal-landing.store-member-home #homeView .member-enroll-banner>div{width:100%!important}
  html body.portal-landing.store-member-home #homeView .member-enroll-banner>div>i{
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
    background:#f0dfbd!important;
    color:#765729!important;
  }
  html body.portal-landing.store-member-home #homeView .member-enroll-banner b{font-size:14px!important;color:#322a20!important}
  html body.portal-landing.store-member-home #homeView .member-enroll-banner small{font-size:10px!important;color:#7d7061!important}
  html body.portal-landing.store-member-home #homeView .member-enroll-banner button{
    width:100%!important;
    padding:11px 14px!important;
    border:1px solid #7b8994!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#74838e 0%,#53616b 52%,#394650 100%)!important;
    color:#f6e5bd!important;
    box-shadow:inset 0 1px rgba(255,255,255,.24),0 8px 16px rgba(45,56,64,.22)!important;
  }
  html body.portal-landing.store-member-home #homeView .new-member-notice{padding:13px 14px!important;border-radius:14px!important}
  html body.portal-landing.store-member-home #homeView .new-member-notice.has-new{
    border-color:#c8984c!important;
    background:linear-gradient(135deg,#fffaf0,#f3e2c3)!important;
  }
  html body.portal-landing.store-member-home #homeView .tomorrow-home-summary{
    grid-template-columns:1fr auto!important;
    padding:14px!important;
    border-radius:14px!important;
  }
  html body.portal-landing.store-member-home #homeView .member-center-links{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    padding:0!important;
  }
  html body.portal-landing.store-member-home #homeView .member-center-link{
    display:flex!important;
    min-width:0!important;
    min-height:122px!important;
    padding:14px 12px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:9px!important;
    border:1px solid rgba(177,134,70,.3)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:0 9px 18px rgba(91,66,32,.09),inset 0 1px #fff!important;
  }
  html body.portal-landing.store-member-home #homeView .member-center-link>i{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border-radius:13px!important;
    background:#f0dfbd!important;
    color:#755628!important;
  }
  html body.portal-landing.store-member-home #homeView .member-center-link b{font-size:14px!important;color:#30291f!important}
  html body.portal-landing.store-member-home #homeView .member-center-link small{
    display:-webkit-box!important;
    margin-top:4px!important;
    overflow:hidden!important;
    color:#7d7163!important;
    font-size:9px!important;
    line-height:1.45!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  html body.portal-landing.store-member-home #homeView .member-center-link>span:last-child{display:none!important}
  html body.portal-landing.store-member-home:not(.member-workspace) #homeView .mobile-quick-actions{
    position:relative!important;
    margin-top:28px!important;
    padding-top:49px!important;
    border-top:1px solid rgba(175,139,86,.24)!important;
  }
  html body.portal-landing.store-member-home:not(.member-workspace) #homeView .mobile-quick-actions:before{
    content:"其他常用功能"!important;
    position:absolute!important;
    left:0!important;
    top:17px!important;
    color:#51483d!important;
    font-size:16px!important;
    font-weight:620!important;
    letter-spacing:.06em!important;
  }
}

@media(max-width:390px){
  html body.portal-landing.store-member-home #homeView .member-center-card .permission{padding:12px!important}
  html body.portal-landing.store-member-home #homeView .member-center-link{min-height:116px!important;padding:12px 10px!important}
}