/*
 * Personal space only.  This layer intentionally uses #space instead of a
 * JavaScript-added body class, because Discuz's space header is rendered
 * before theme.js.  Portal, forum, thread and search pages are untouched.
 */
#space{background:#f7f3eb!important;color:#382b24!important}
#space #hd,#space #ct,#space #wp{box-sizing:border-box!important;width:1080px!important;max-width:calc(100% - 32px)!important;margin-left:auto!important;margin-right:auto!important}

/* The space masthead now shares the same content line, colour system and
 * rounded card proportion as the site pages below it. */
#space #hd{min-height:172px!important;margin-top:26px!important;margin-bottom:24px!important;padding:30px 36px 62px 310px!important;border:1px solid #5e221d!important;border-radius:14px!important;background:linear-gradient(116deg,#2d2020,#80251d 62%,#b96717)!important;box-shadow:0 14px 30px rgba(57,31,17,.14)!important}
#space #hd:before{left:28px!important;top:24px!important;width:245px!important;height:92px!important}
#space #hd #spaceinfoshow{display:block!important;min-height:56px!important;margin:0!important;padding:0!important;overflow:visible!important}
#space #hd #spacename{display:block!important;margin:0 0 6px!important;color:#fff!important;font:600 22px/1.35 "Microsoft YaHei",Arial,sans-serif!important}
#space #hd #domainurl,#space #hd #spaceinfoshow a{color:#fff0d0!important}
#space #hd #nv{right:36px!important;bottom:16px!important;left:36px!important;margin:0!important;padding:12px 0 0!important}
#space #hd #nv ul{display:flex!important;flex-wrap:wrap!important;gap:0 8px!important;margin:0!important;padding:0!important}
#space #hd #nv li{float:none!important;margin:0!important;padding:0!important}
#space #hd #nv li a{display:block!important;padding:7px 13px!important;color:#f8e7c9!important;font:600 15px/20px "Microsoft YaHei",Arial,sans-serif!important;white-space:nowrap!important}

/* Every personal-space content page is held to the same 1080px line. */
#space #ct{min-width:0!important;margin-top:0!important;margin-bottom:60px!important}
#space #ct.ct1,#space #ct.ct2,#space #ct.ct2_a{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:22px!important;align-items:start!important;background:transparent!important}
#space #ct.ct1>.appl,#space #ct.ct2>.appl,#space #ct.ct2_a>.appl{grid-column:1!important;grid-row:1 / span 20!important;box-sizing:border-box!important;float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
#space #ct.ct1>.mn,#space #ct.ct2>.mn,#space #ct.ct2_a>.mn,#space #ct.ct1>.sd,#space #ct.ct2>.sd,#space #ct.ct2_a>.sd{grid-column:2!important;box-sizing:border-box!important;float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}

/* Native cards: make their usable content area truly fill each block. */
#space #ct .bm,#space #ct .block{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important}
#space #ct .bm_c,#space #ct .dxb_bc{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;padding:16px!important;overflow:visible!important}
#space #ct .appl .bm_c,#space #ct .appl .dxb_bc{padding:16px!important}
#space #ct .appl .tbn,#space #ct .appl ul{box-sizing:border-box!important;width:100%!important;min-width:0!important}
#space #ct .appl li{box-sizing:border-box!important;min-height:30px!important;padding:5px 0!important;overflow:visible!important}
#space #ct .appl li a{display:block!important;min-height:22px!important;font:400 14px/22px "Microsoft YaHei",Arial,sans-serif!important;white-space:normal!important;overflow:visible!important;word-break:normal!important}

/* Personal-card tool captions must live inside their 260px rail rather than
 * use the default sprite offsets and clipped fixed-height list rows. */
#space #profile,#space #pcd{box-sizing:border-box!important;position:static!important;float:none!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 0 16px!important;overflow:visible!important}
#space #profile_content,#space #pcd .bm_c{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px!important;overflow:visible!important}
#space #profile .hm,#space #pcd .hm{margin:0 0 14px!important;text-align:center!important}#space #profile .hm p,#space #pcd .hm p{margin:0 0 8px!important}
#space #profile .user_avatar,#space #pcd .user_avatar{display:block!important;max-width:100%!important;margin:0 auto!important}
#space #profile ul:not(.p_pop),#space #pcd .ul_list{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0 12px!important;width:100%!important;margin:0!important;padding:0!important;list-style:none!important}
#space #profile ul:not(.p_pop) li,#space #pcd .ul_list li{box-sizing:border-box!important;display:block!important;float:none!important;min-width:0!important;height:auto!important;min-height:38px!important;margin:0!important;padding:5px 2px!important;border-bottom:1px solid #eee5d8!important;overflow:visible!important}
#space #profile ul:not(.p_pop) li>a,#space #pcd .ul_list li>a{box-sizing:border-box!important;display:block!important;width:100%!important;min-height:27px!important;padding:1px 0 1px 25px!important;background-position:0 center!important;color:#9e1d17!important;font:400 14px/27px "Microsoft YaHei",Arial,sans-serif!important;text-indent:0!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
#space #profile .p_pop,#space #pcd .p_pop{height:auto!important;max-height:none!important;overflow:visible!important}

/* Space homepage has its own stable grid from home/space_index.htm. */
#space #ct.cid-space-index-page{display:block!important;width:1080px!important;max-width:calc(100% - 32px)!important}
#space #ct.cid-space-index-page #frame1{grid-template-columns:260px minmax(0,1fr) 220px!important;gap:22px!important}
#space #ct.cid-space-index-page #frame1_left,#space #ct.cid-space-index-page #frame1_center,#space #ct.cid-space-index-page #frame1_right{width:auto!important;min-width:0!important}

@media(max-width:820px){
  #space #hd,#space #ct,#space #wp,#space #ct.cid-space-index-page{width:calc(100% - 22px)!important;max-width:none!important}
  #space #hd{min-height:162px!important;margin-top:12px!important;padding:68px 18px 60px!important}
  #space #hd:before{left:16px!important;top:12px!important;width:190px!important;height:48px!important}
  #space #hd #nv{right:18px!important;bottom:12px!important;left:18px!important}
  #space #hd #nv li a{padding:5px 9px!important;font-size:13px!important}
  #space #ct.ct1,#space #ct.ct2,#space #ct.ct2_a{display:block!important}
  #space #ct.ct1>.appl,#space #ct.ct2>.appl,#space #ct.ct2_a>.appl,#space #ct.ct1>.mn,#space #ct.ct2>.mn,#space #ct.ct2_a>.mn,#space #ct.ct1>.sd,#space #ct.ct2>.sd,#space #ct.ct2_a>.sd{margin-bottom:14px!important}
  #space #profile ul:not(.p_pop),#space #pcd .ul_list{grid-template-columns:1fr!important}
}